/* (주)한신정보기술 김지원 - 2019.12.19 */

/* 구로구복지맵 */
.welfare_map .temp_search_box .search_section {float:none;}
.welfare_map .temp_search_box .search_section .left_cts {float:left; width:50%;}
.welfare_map .temp_search_box .search_section .left_cts .temp_select_box {float:left; margin-right:7px;}
.welfare_map .temp_search_box .search_section .right_cts {float:right; width:50%; text-align:right;}
.welfare_map .temp_search_box .search_text:before {display:none;}
@media all and (max-width:1200px) {
    .welfare_map .temp_search_box .search_section .left_cts {width:100%; text-align:center;}
    .welfare_map .temp_search_box .search_section .left_cts .temp_select_box {float:none;}
    .welfare_map .temp_search_box .search_text {display:inline-block; float:none;}
    .welfare_map .temp_search_box .search_section .right_cts {width:100%; margin-top:20px; text-align:center;}
}
@media all and (max-width:640px) {
    .welfare_map .temp_search_box .temp_select_box {width:calc(100% - 81px);}
}
@media all and (max-width:480px) {
    .welfare_map .temp_search_box .search_section .right_cts input {width:100%;}
    .welfare_map .temp_search_box .temp_select_box {width:100%;}
}

.bbs__list .total_page {font-size:15px;}
.bbs__list .total_page:before {display:inline-block; width:12px; height:16px; margin-right:5px; background:url('/common/images/template/temp_total_page.png') no-repeat; vertical-align:middle;}

/* 깔깔음식점, 모범음식점 - 목록 */
.ggalggal_food .list .numbering_select {height:39px;}
.ggalggal_food .temp_popup .layer_box {width:90%;margin-left:-45%;margin-top:-230px;}
.ggalggal_food .temp_popup .layer_box #map {height:460px;}
@media screen and (max-width:800px){
	.ggalggal_food .temp_popup .layer_box {margin-top:-200px}
	.ggalggal_food .temp_popup .layer_box #map {height:300px;}
}
/* 깔깔음식점, 모범음식점 - 상세 */
.ggalggal_food .view .title_cts .slide_left {float:left; position:relative;overflow:hidden; width:385px; height:290px; border:1px solid #c2c5d2;}

.ggalggal_food .view .title_cts .slide_left .slide_list .slide_item{text-align:center;}
.ggalggal_food .view .title_cts .slide_left .slide_list .slide_item img{width:383px; height:290px;}
.ggalggal_food .view .title_cts .slide_left .slide_control {position:absolute; right:-1px; bottom:-1px; width:100px; height:100px; background-color:#1758b4;}
.ggalggal_food .view .title_cts .slide_left .slide_control:before {display:block; position:absolute; top:50%; left:50%; width:68px; height:1px; margin-top:-1px; margin-left:-34px; background-color:rgba(255, 255, 255, 0.3); transform:rotate(-45deg);}
.ggalggal_food .view .title_cts .slide_left .slide_control button {position:absolute; width:12px; height:24px; background-image:url('/site/www/images/program/ggalggal_view_sprite.png'); font-size:0;}
.ggalggal_food .view .title_cts .slide_left .slide_control button.prev {top:20px; left:20px; background-position:0 -40px;}
.ggalggal_food .view .title_cts .slide_left .slide_control button.next {bottom:20px; right:20px; background-position:-24px -40px;}
.ggalggal_food .view .title_cts .title_info {float:left; width:calc(100% - 385px); height:290px; padding-left:0;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap {height:100%; padding:38px 29px 39px 57px;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .restaurant_title {font-size:24px; font-weight:600; letter-spacing:-0.02em;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .info_text {margin-top:7px; color:#555;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info {margin-top:13px; padding-top:24px; border-top:1px dotted #bfbfbf;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul {margin:0;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li {padding-left:0;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li:before {display:none;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li {margin-bottom:10px;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li:last-child {margin-bottom:0;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li .title {width:118px; font-weight:600;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li .title:before {display:inline-block; width:30px; height:30px; margin-right:14px; background-image:url('/site/www/images/program/ggalggal_view_sprite.png'); background-repeat:no-repeat; vertical-align:middle;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li.map .title:before {background-position:-45px 0;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li.address .title:before {background-position:right top;}
.ggalggal_food .view .title_cts .title_info .diagonal_wrap .address_info ul li .text {width:calc(100% - 118px);}
.ggalggal_food .view .recommend_menu {position:relative; padding:20px 0 12px; border-top:2px solid #333; border-bottom:1px solid #e0e1e3;}

.ggalggal_food .view .recommend_menu .recommend_list{padding:0 19px;}
.ggalggal_food .view .recommend_menu .recommend_list .recommend_item {padding:0 6px; text-align:center;}
.ggalggal_food .view .recommend_menu .recommend_list .recommend_item img{width:206px; height:137px;}
.ggalggal_food .view .recommend_menu .recommend_list .recommend_item .menu_title {margin-top:8px;}
.ggalggal_food .view .recommend_menu .slide_control button {position:absolute; top:71px; width:12px; height:24px; font-size:0;}
.ggalggal_food .view .recommend_menu .slide_control button.prev {left:0; background-image:url('/common/images/template/cts_arrow_icon.png');}
.ggalggal_food .view .recommend_menu .slide_control button.next {right:0; background-image:url('/common/images/template/temp_arrow_right.png');}
.ggalggal_food .view .recommend_menu li img {height:200px;}
.ggalggal_food .view .ggalggal_view_map {border-top:2px solid #333;}
@media all and (max-width:1200px) {
    .ggalggal_food .view .title_cts .slide_left {width:100%;}
    .ggalggal_food .view .title_cts .slide_left ul li img {width:auto;height:300px;max-width:none;max-height:none;}
    .ggalggal_food .view .title_cts .title_info {width:100%; height:auto; padding-top:0; padding-left:3px;}
    .ggalggal_food .view .title_cts .title_info .diagonal_wrap {padding:30px;}

}
@media all and (max-width:1000px) {
    .ggalggal_food .view .title_cts .slide_left {height:auto;}

    .ggalggal_food .view .title_cts .slide_left .slide_control {width:80px; height:80px;}
    .ggalggal_food .view .title_cts .slide_left .slide_control button.prev {top:10px; left:10px;}
    .ggalggal_food .view .title_cts .slide_left .slide_control button.next {right:10px; bottom:10px;}
}
@media all and (max-width:640px) {
    .ggalggal_food .view .title_cts .title_info .diagonal_wrap {padding:20px;}
    .ggalggal_food .view .title_cts .title_info .diagonal_wrap .restaurant_title {font-size:20px;}
}

/* 공연/행사 일정 */
.calendar_program .temp_popup .layer_box {margin-top:-201px;}
.calendar_program .temp_popup .layer_box .bot_cts p {overflow-x:scroll; overflow-y:auto; height:156px;}
.calendar_program .p-calendar-header {margin:0 0 35px;}
.calendar_program .p-calendar-list th {background:#f2f4f7;}
.calendar_program .p-calendar-list thead tr:first-child th {font-weight:600; color:#333;}
.calendar_program .p-calendar-list thead tr:first-child th:first-child {color:#ea372c;}
.calendar_program .p-calendar__month {padding:0 74px; font-size:24px; font-weight:600;}
.calendar_program .p-calendar__next-month, .calendar_program .p-calendar__prev-month {height:35px;}
.calendar_program .p-calendar-list__item {position:relative; padding:0 0 0 9px; font-size:14px; line-height:22px;}
.calendar_program .p-calendar-list__item:before {display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background-color:#989898;}
.calendar_program .p-calendar-list__link {color:#333;}
@media all and (max-width:640px) {
    .calendar_program .temp_popup .layer_box {margin-top:-227px;}
}

/* 자원순환센터 */
.resource_recycling {padding-top:67px;}
.resource_recycling .recycling_title {position:relative; padding:200px 0 35px 72px; background:url('/site/www/images/program/resource_recycling_title_bg.png') no-repeat center / cover;}
.resource_recycling .recycling_title:before {display:block; position:absolute; top:-62px; right:56px; width:356px; height:260px; background:url('/site/www/images/program/resource_recycling_title_img.png') no-repeat center / contain;}
.resource_recycling .recycling_title .title_box {display:inline-block; position:absolute; z-index:10; top:-57px; left:30px;}
.resource_recycling .recycling_title .title_box:before {display:block; position:absolute; right:-10px; bottom:-10px; z-index:-1; width:100%; height:100%; background-image:url('/common/images/template/temp_cts_bg.png');}
.resource_recycling .recycling_title .title_box .inner {position:relative; padding:34px 39px 52px 42px; background-color:#16a085;}
.resource_recycling .recycling_title .title_box .sub_text {margin-bottom:14px; font-size:16px; color:#fff; line-height:23px;}
.resource_recycling .recycling_title .text_info {color:#333;}

.resource_recycling .notice_info {margin-top:45px;}
.resource_recycling .notice_info .content_box {float:left; width:50%;}
.resource_recycling .notice_info .content_box .content_box_title {position:relative;}
.resource_recycling .notice_info .content_box .content_box_title h4 {margin-bottom:24px; font-size:19px; font-weight:600; color:#000; letter-spacing:-0.02em;}
.resource_recycling .notice_info .content_box .content_box_title a {position:absolute; top:4px; right:0; width:17px; height:17px; font-size:0;}
.resource_recycling .notice_info .content_box .content_box_title a:before,
.resource_recycling .notice_info .content_box .content_box_title a:after {display:block; position:absolute; background-color:#969696;}
.resource_recycling .notice_info .content_box .content_box_title a:before {top:50%; left:0; width:100%; height:1px; margin-top:-1px;}
.resource_recycling .notice_info .content_box .content_box_title a:after {top:0; left:50%; width:1px; height:100%;}
.resource_recycling .notice_info .notice {padding-right:30px;}
.resource_recycling .notice_info .notice .top_notice {font-size:0;}
.resource_recycling .notice_info .notice .top_notice .date {float:left; width:70px; margin-right:20px; padding:22px 0 24px;  border-radius:5px; background-color:#4c7de7; text-align:center; color:#fff;}
.resource_recycling .notice_info .notice .top_notice .date .day {font-size:22px; font-weight:600; }
.resource_recycling .notice_info .notice .top_notice .date .year_month {font-size:14px; line-height:20px;}
.resource_recycling .notice_info .notice .top_notice .up_text {float:left; width:calc(100% - 90px);}
.resource_recycling .notice_info .notice .top_notice .up_text a:hover {text-decoration:underline;}
.resource_recycling .notice_info .notice .top_notice .up_text .title {margin-bottom:11px;}
.resource_recycling .notice_info .notice .top_notice .up_text .title a {display:-webkit-box; overflow:hidden; max-height:46px; font-size:16px; font-weight:600; color:#000; line-height:23px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resource_recycling .notice_info .notice .top_notice .up_text  p {display:-webkit-box; overflow:hidden; max-height:42px; font-size:14px; line-height:21px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resource_recycling .notice_info .notice .top_notice .up_text  p a {color:#555;}
.resource_recycling .notice_info .notice .notice_list {margin-top:19px; padding-top:17px; border-top:1px solid #e0e1e6;}
.resource_recycling .notice_info .notice .notice_list li {position:relative; margin-bottom:2px; padding:0 74px 0 15px;}
.resource_recycling .notice_info .notice .notice_list li:last-child {margin-bottom:0;}
.resource_recycling .notice_info .notice .notice_list li:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#988987;}
.resource_recycling .notice_info .notice .notice_list li a {overflow:hidden; width:100%; color:#333; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.resource_recycling .notice_info .notice .notice_list li a:hover {text-decoration:underline;}
.resource_recycling .notice_info .notice .notice_list li .date {position:absolute; top:0; right:0; color:#666; vertical-align:top;}
.resource_recycling .notice_info .air_quality .content_box_title h4 {margin-bottom:10px;}
.resource_recycling .notice_info .air_quality .unit_2 {float:left;font-size:0.9em;}
.resource_recycling .notice_info .air_quality .top_info  {}
.resource_recycling .notice_info .air_quality .top_info .table {margin-top:10px;}
.resource_recycling .notice_info .air_quality .top_info .table tr th, 
.resource_recycling .notice_info .air_quality .top_info .table tr td {padding-left:0;padding-right:0;font-size: 13px;line-height: 18px;}
.resource_recycling .notice_info .air_quality .top_info .graph {float:left; width:50%; padding:0 23px;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner {position:relative; padding-top:16px;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick {position:relative; padding-bottom:22px;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .color {float:left; width:25%; height:15px; border-right:1px solid #fff;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .blue {border-radius:3px 0 0 3px; background-color:#4c7de7;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .green {background-color:#58cb60;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .yellow {background-color:#ffca3f;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .red {border-right:none; border-radius:0 3px 3px 0; background-color:#ff4d4f;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num {position:relative; bottom:-15px;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num span {position:absolute; top:0; font-size:12px; color:#555; line-height:22px;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num .num01 {left:-1%;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num .num02 {left:21%;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num .num03 {left:44%;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num .num04 {left:70%;}
.resource_recycling .notice_info .air_quality .top_info .graph .inner .stick .num .num05 {right:-4%;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result {position:absolute; top:0; left:40%; width:45px; margin-left:-23px; border-radius:3px; font-size:16px; font-weight:600; color:#fff; line-height:35px; text-align:center;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result:before {display:block; position:absolute; bottom:-6px; left:50%; margin-left:-3px; border-top:6px solid; border-right:3px solid transparent; border-left:3px solid transparent;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.blue {background-color:#4c7de7;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.blue:before {border-top-color:#4c7de7;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.green {background-color:#58cb60;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.green:before {border-top-color:#58cb60;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.yellow {background-color:#ffca3f;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.yellow:before {border-top-color:#ffca3f;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.red {background-color:#ff4d4f;}
.resource_recycling .notice_info .air_quality .top_info .graph .now_result.red:before {border-top-color:#ff4d4f;}
.resource_recycling .notice_info .air_quality .top_info .air_info {float:left; width:50%; margin-top:12px; padding-left:23px;}
.resource_recycling .notice_info .air_quality .top_info .air_info .state {float:left; width:40px; margin-right:17px; font-size:14px; text-align:center;}
.resource_recycling .notice_info .air_quality .top_info .air_info .state:before {display:block; width:100%; height:40px; background-repeat:no-repeat; background-position:center;}
.resource_recycling .notice_info .air_quality .top_info .air_info .state01:before {background-image:url('/site/www/images/program/resource_recycling_air.png');}
.resource_recycling .notice_info .air_quality .top_info .air_info .state02:before {background-image:url('/site/www/images/program/resource_recycling_air2.png');}
.resource_recycling .notice_info .air_quality .top_info .air_info .state03:before {background-image:url('/site/www/images/program/resource_recycling_air3.png');}
.resource_recycling .notice_info .air_quality .top_info .air_info .state04:before {background-image:url('/site/www/images/program/resource_recycling_air4.png');}
.resource_recycling .notice_info .air_quality .top_info .air_info .state_text {float:left; width:calc(100% - 57px);}
.resource_recycling .notice_info .air_quality .top_info .air_info .state_text .date {font-size:16px;}
.resource_recycling .notice_info .air_quality .top_info .air_info .state_text .sub_text {font-size:13px; color:#555; line-height:18px;}
.resource_recycling .notice_info .air_quality .top_info .air_info .state_text .pm {margin-top:5px; font-size:14px; line-height:12px;}
.resource_recycling .notice_info .air_quality .info_list {margin-top: 0;padding:22px 20px 21px;background-color:#f2f4f7;}
.resource_recycling .notice_info .air_quality .info_list h5 {margin-bottom:2px; font-weight:600; letter-spacing:-0.02em;}
.resource_recycling .notice_info .air_quality .info_list li {font-size:14px; color:#555; line-height:22px;}

.resource_recycling .video_toon {margin-top:20px;}
.resource_recycling .video_toon .cts_box {float:left; width:50%; height:165px; padding:26px 10px 37px 42px;}
.resource_recycling .video_toon .cts_box .inner {position:relative; padding-left:116px;}
.resource_recycling .video_toon .cts_box .inner h4 {font-size:19px; font-weight:600; color:#fff; letter-spacing:-0.02em;}
.resource_recycling .video_toon .cts_box .inner .sub_text {font-size:14px; color:#fff; line-height:21px;}
.resource_recycling .video_toon .cts_box .inner .more_btn {position:relative; margin-top:15px; padding:6px 46px 6px 15px; border:1px solid rgba(255, 255, 255, 0.53); font-size:14px; color:#fff; transition:0.3s;}
.resource_recycling .video_toon .cts_box .inner .more_btn:hover {border-color:#fff;}
.resource_recycling .video_toon .cts_box .inner .more_btn:before {display:block; position:absolute; top:50%; right:19px; width:9px; height:14px; margin-top:-7px; background-image:url('/site/www/images/program/resource_recycling_arrow.png');}
.resource_recycling .video_toon .video {width:calc(50% - 30px); margin-right:30px; background:url('/site/www/images/program/resource_recycling_video_bg.png') no-repeat center / cover;}
.resource_recycling .video_toon .video .inner:before {display:block; position:absolute; top:0; left:0; width:80px; height:80px; border-radius:50%; background:#16a085 url('/site/www/images/program/resource_recycling_video_icon.png') no-repeat center;}
.resource_recycling .video_toon .video h4 {margin-top:21px;}
.resource_recycling .video_toon .toon {background:url('/site/www/images/program/resource_recycling_toon_bg.png') no-repeat left bottom / cover;}
.resource_recycling .video_toon .toon .inner {padding-left:161px;}

.resource_recycling .recycling_map {position:relative; margin-top:50px;}
.resource_recycling .recycling_map .root_daum_roughmap {padding:0; border-radius:0; }
.resource_recycling .recycling_map .map_info_box {position:absolute; right:0; bottom:0; z-index:10; width:50%; padding:23px 18px 23px 29px; border:1px solid #e0e1e3; background-color:#fff;}
.resource_recycling .recycling_map .map_info_box .type_dl {margin:0;}
.resource_recycling .recycling_map .map_info_box .type_dl li {margin-bottom:0; padding:0;}
.resource_recycling .recycling_map .map_info_box .type_dl li:before {display:none;}
.resource_recycling .recycling_map .map_info_box .type_dl .title {width:91px;}
.resource_recycling .recycling_map .map_info_box .type_dl .title:before {display:inline-block; width:30px; height:30px; margin-right:14px; background:url('/site/www/images/program/resource_recycling_map_icon.png') no-repeat; vertical-align:-11px;}
.resource_recycling .recycling_map .map_info_box .type_dl .text {width:calc(100% - 91px); margin-top:3px;}
.resource_recycling .recycling_map .map_info_box .type_dl li:nth-child(n + 2) {margin-top:10px;}
.resource_recycling .recycling_map .map_info_box .type_dl li:nth-child(2) .title:before {background-position:0 -40px;}
.resource_recycling .recycling_map .map_info_box .type_dl li:nth-child(3) .title:before {background-position:0 -80px;}

.resource_recycling .temp_popup .layer_box {margin-top:-200px;}
@media all and (max-width:1200px) {
    .resource_recycling .recycling_title {padding:160px 0 35px 64px;}
    .resource_recycling .recycling_title:before {top:-52px; right:30px; width:35%; height:77%;}
    .resource_recycling .recycling_title .title_box {width:50%;}
    .resource_recycling .recycling_title .title_box .inner {padding:30px 30px 30px 34px;}

    .resource_recycling .video_toon .cts_box {padding:19px 10px 37px 42px;}
    .resource_recycling .video_toon .cts_box .inner {padding-left:100px;}
    .resource_recycling .video_toon .toon .inner {padding-left:141px;}
    .resource_recycling .video_toon .video .inner:before {top:11px;}
    .resource_recycling .video_toon .video h4 {margin-top:10px;}

}
@media all and (max-width:800px) {
    .resource_recycling .recycling_title {padding:150px 20px 35px 53px;}
    .resource_recycling .recycling_title:before {top:20px; right:10px; width:20%; height:45%;}
    .resource_recycling .recycling_title .title_box {width:70%;}
    .resource_recycling .recycling_title .title_box .inner {padding:20px 20px 20px 24px;}
    .resource_recycling .notice_info .air_quality .top_info .table tr th, .resource_recycling .notice_info .air_quality .top_info .table tr td {font-size:12px;}

    .resource_recycling .notice_info .notice .top_notice .date {float:none; width:auto; margin-right:0; margin-bottom:10px; padding:10px 0 5px;}
    .resource_recycling .notice_info .notice .top_notice .up_text {float:none; width:auto;}
    .resource_recycling .notice_info .air_quality .top_info .graph {float:none; width:auto;}
    .resource_recycling .notice_info .air_quality .top_info .air_info {float:none; width:auto; margin-top:14px; padding-left:23px;}
    .resource_recycling .notice_info .air_quality .info_list {margin-top: 0;padding:15px 20px;}
}
@media all and (max-width:680px) {
    .resource_recycling .video_toon .cts_box {float:none; width:auto; height:auto; padding:20px;}
    .resource_recycling .video_toon .video {margin-right:0; margin-bottom:20px;}
    .resource_recycling .video_toon .video .inner:before {top:50%; margin-top:-40px;}
    .resource_recycling .video_toon .cts_box .inner h4 {margin-top:0;}
    .resource_recycling .video_toon .toon .inner {padding-left:40%;}
}
@media all and (max-width:640px) {
    .resource_recycling .recycling_title {padding:150px 20px 20px;}
    .resource_recycling .recycling_title:before {display:none;}
    .resource_recycling .recycling_title .title_box {left:5%; width:90%;}
    .resource_recycling .recycling_title .title_box .inner h3 {width:90%;}
    .resource_recycling .recycling_title .title_box .sub_text br {display:none;}
    .resource_recycling .recycling_title .text_info br {display:none;}

    .resource_recycling .notice_info .content_box {float:none; width:auto;}
    .resource_recycling .notice_info .notice {padding-right:0;}
    .resource_recycling .notice_info .air_quality {margin-top:30px;}

    .resource_recycling .recycling_map .map_info_box {position:static; width:auto; padding:15px 20px;}
}

/* 대형폐기물 배출 - 서브메인 */
.large_waste_main {padding-top:67px;}
.large_waste_main .large_waste_title {position:relative; padding:218px 90px 55px 74px; background:url('/site/www/images/program/resource_recycling_title_bg.png') no-repeat center / cover;}
.large_waste_main .large_waste_title:before {display:block; position:absolute; top:-62px; right:56px; width:282px; height:237px; background:url('/site/www/images/program/large_waste_title_img.png') no-repeat center / contain;}
.large_waste_main .large_waste_title .title_box {display:inline-block; position:absolute; z-index:10; top:-57px; left:30px;}
.large_waste_main .large_waste_title .title_box:before {display:block; position:absolute; right:-10px; bottom:-10px; z-index:-1; width:100%; height:100%; background-image:url('/common/images/template/temp_cts_bg.png');}
.large_waste_main .large_waste_title .title_box .inner {position:relative; padding:48px 39px 54px 42px; background-color:#1142ac;}
.large_waste_main .large_waste_title .title_box .sub_text {margin-bottom:18px; font-size:16px; color:#fff; line-height:23px;}
.large_waste_main .large_waste_title .step_cts ol {list-style:none;}
.large_waste_main .large_waste_title .step_cts ol li {float:left; position:relative; width:calc(20% - 44px); margin-right:54px; padding:13px 0 6px; border:3px solid #6192ec; border-radius:8px; background-color:#fff; text-align:center;}
.large_waste_main .large_waste_title .step_cts ol li:last-child {margin:0;}
.large_waste_main .large_waste_title .step_cts ol li:before {display:block; width:100%; height:51px; margin-bottom:4px; background-repeat:no-repeat; background-position:center; content:'';}
.large_waste_main .large_waste_title .step_cts ol li:after {display:block; position:absolute; top:0; right:-54px; width:54px; height:100%; background:url('/site/www/images/program/large_waste_arrow.png') no-repeat center;}
.large_waste_main .large_waste_title .step_cts ol li:last-child:after {display:none;}
.large_waste_main .large_waste_title .step_cts ol li .number {position:absolute; top:-3px; left:-3px; width:30px; border-radius:5px; background-color:#6192ec; font-size:14px; font-weight:600; color:#fff; line-height:30px; }
.large_waste_main .large_waste_title .step_cts ol li:nth-child(1):before {background-image:url('/site/www/images/program/large_waste_step_icon.png');}
.large_waste_main .large_waste_title .step_cts ol li:nth-child(2):before {background-image:url('/site/www/images/program/large_waste_step_icon2.png');}
.large_waste_main .large_waste_title .step_cts ol li:nth-child(3):before {background-image:url('/site/www/images/program/large_waste_step_icon3.png');}
.large_waste_main .large_waste_title .step_cts ol li:nth-child(4):before {background-image:url('/site/www/images/program/large_waste_step_icon4.png');}
.large_waste_main .large_waste_title .step_cts ol li:nth-child(5):before {background-image:url('/site/www/images/program/large_waste_step_icon5.png');}
.large_waste_main p.info {display:block;position:absolute;top: 181px;color: #fff;letter-spacing:0;}
.large_waste_main p.info br {display:none;}

.large_waste_main .notice_info {margin-top:45px;}
.large_waste_main .notice_info .content_box {float:left; width:50%;}
.large_waste_main .notice_info .content_box .content_box_title {position:relative;}
.large_waste_main .notice_info .content_box .content_box_title h4 {margin-bottom:24px; font-size:19px; font-weight:600; color:#000; letter-spacing:-0.02em;}
.large_waste_main .notice_info .content_box .content_box_title a {position:absolute; top:4px; right:0; width:17px; height:17px; font-size:0;}
.large_waste_main .notice_info .content_box .content_box_title a:before,
.large_waste_main .notice_info .content_box .content_box_title a:after {display:block; position:absolute; background-color:#969696;}
.large_waste_main .notice_info .content_box .content_box_title a:before {top:50%; left:0; width:100%; height:1px; margin-top:-1px;}
.large_waste_main .notice_info .content_box .content_box_title a:after {top:0; left:50%; width:1px; height:100%;}
.large_waste_main .notice_info .notice {padding-right:30px;}
.large_waste_main .notice_info .notice .top_notice {font-size:0;}
.large_waste_main .notice_info .notice .top_notice .date {float:left; width:70px; margin-right:20px; padding:22px 0 24px;  border-radius:5px; background-color:#4c7de7; text-align:center; color:#fff;}
.large_waste_main .notice_info .notice .top_notice .date .day {font-size:22px; font-weight:600; }
.large_waste_main .notice_info .notice .top_notice .date .year_month {font-size:14px; line-height:20px;}
.large_waste_main .notice_info .notice .top_notice .up_text {float:left; width:calc(100% - 90px);}
.large_waste_main .notice_info .notice .top_notice .up_text a:hover {text-decoration:underline;}
.large_waste_main .notice_info .notice .top_notice .up_text .title {margin-bottom:11px;}
.large_waste_main .notice_info .notice .top_notice .up_text .title a {display:-webkit-box; overflow:hidden; max-height:46px; font-size:16px; font-weight:600; color:#000; line-height:23px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.large_waste_main .notice_info .notice .top_notice .up_text  p {display:-webkit-box; overflow:hidden; max-height:42px; font-size:14px; line-height:21px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.large_waste_main .notice_info .notice .top_notice .up_text  p a {color:#555;}
.large_waste_main .notice_info .notice .notice_list {margin-top:19px; padding-top:17px; border-top:1px solid #e0e1e6;}
.large_waste_main .notice_info .notice .notice_list li {position:relative; margin-bottom:2px; padding:0 74px 0 15px;}
.large_waste_main .notice_info .notice .notice_list li:last-child {margin-bottom:0;}
.large_waste_main .notice_info .notice .notice_list li:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#988987;}
.large_waste_main .notice_info .notice .notice_list li a {overflow:hidden; width:100%; color:#333; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.large_waste_main .notice_info .notice .notice_list li a:hover {text-decoration:underline;}
.large_waste_main .notice_info .notice .notice_list li .date {position:absolute; top:0; right:0; color:#666; vertical-align:top;}
.large_waste_main .notice_info .processing_cost {}
.large_waste_main .notice_info .processing_cost .category_cts {position:relative; padding:21px 35px 19px 30px; background:url('/site/www/images/program/large_waste_box_bg1-2.png') no-repeat center / cover;}
.large_waste_main .notice_info .processing_cost .category_cts:before {display:block; position:absolute; right:40px; bottom:146px; width:155px; height:99px; background:url('/site/www/images/program/large_waste_box_img1-2.png') no-repeat center / contain;}
.large_waste_main .notice_info .processing_cost .category_cts p {margin-right:50%; margin-bottom:15px; font-size:14px; color:#fff; line-height:20px;}
.large_waste_main .notice_info .processing_cost .category_cts ul {}
.large_waste_main .notice_info .processing_cost .category_cts ul li {float:left; width:calc(33.33% - 4px); margin-right:5px; background-color:#fff; text-align:center;}
.large_waste_main .notice_info .processing_cost .category_cts ul li:nth-child(n + 4) {margin-top:5px;}
.large_waste_main .notice_info .processing_cost .category_cts ul li:nth-child(3n) {margin-right:0;}
.large_waste_main .notice_info .processing_cost .category_cts ul li:last-child {width:99.6%; margin-right:0;}
.large_waste_main .notice_info .processing_cost .category_cts ul li a {display:block; padding:6px 0 7px; color:#000;}
.large_waste_main .notice_info .processing_cost .category_cts ul li a:hover {text-decoration:underline;}

.large_waste_main .collection_exhaust {margin-top:20px;}
.large_waste_main .collection_exhaust .cts_box {float:left; width:calc(50% - 10px); height:146px; padding:24px 27px 19px 35px; border:1px solid #e0e1e6;}
.large_waste_main .collection_exhaust .cts_box .inner {position:relative;}
.large_waste_main .collection_exhaust .cts_box .inner:before {display:block; position:absolute; top:50%; right:0; width:104px; height:92px; margin-top:-46px; background-position:center; background-repeat:no-repeat;}
.large_waste_main .collection_exhaust .cts_box .inner h4 {font-size:18px; font-weight:600; letter-spacing:-0.02em;}
.large_waste_main .collection_exhaust .cts_box .inner .sub_text {margin-top:4px; font-size:14px; color:#555; line-height:21px;}
.large_waste_main .collection_exhaust .cts_box .inner .tel_num {margin-top:10px; font-size:28px; font-weight:600; color:#ea372c;}
.large_waste_main .collection_exhaust .cts_box .inner .more_btn {position:relative; margin-top:10px; padding:4px 67px 5px 16px; border:1px solid #e0e1e3; background-color:#e0e1e3; font-size:14px; color:#000; transition:0.3s;}
.large_waste_main .collection_exhaust .collection .inner .more_btn {margin-top:-10px; padding:4px 39px 5px 17px; vertical-align:middle;}
.large_waste_main .collection_exhaust .cts_box .inner .more_btn:hover {background-color:#fff;}
.large_waste_main .collection_exhaust .cts_box .inner .more_btn:before {display:block; position:absolute; top:50%; right:19px; width:9px; height:14px; margin-top:-7px; background-image:url('/site/www/images/program/large_waste_btn_arrow.png');}
.large_waste_main .collection_exhaust .collection {margin-right:20px;}
.large_waste_main .collection_exhaust .collection .inner:before {background-image:url('/site/www/images/program/large_waste_box_icon2-1.png');}
.large_waste_main .collection_exhaust .exhaust .inner:before {background-image:url('/site/www/images/program/large_waste_box_icon2-2.png');}

.large_waste_main .slash {margin:40px 0;}

.large_waste_btn {font-size:0; text-align:center;}
.large_waste_btn a {position:relative; width:225px; padding:11px 52px 12px 22px; background-color:#4c7de7; font-size:15px; color:#fff; text-align:left;}
.large_waste_btn a:hover {text-decoration:underline;}
.large_waste_btn a:before {display:block; position:absolute; top:50%; right:15px; width:22px; height:22px; margin-top:-11px; background:url('/site/www/images/program/large_waste_btn_arrow2.png') no-repeat center;}
.large_waste_btn a:nth-child(1) {margin-right:10px;}

.large_waste_main .temp_popup .layer_box {margin-top:-204px;}
@media all and (max-width:1200px) {
    .large_waste_main .large_waste_title {padding:185px 30px 35px;}
    .large_waste_main .large_waste_title:before {top:-44px; right:30px; width:25%; height:52%;}
    .large_waste_main .large_waste_title .title_box {width:50%;}
    .large_waste_main .large_waste_title .title_box .inner {padding: 30px 30px 54px 34px;}
	.large_waste_main p.info {top: 146px;font-size: 13px;}

    .large_waste_main .collection_exhaust .cts_box {height:226px;}
    .large_waste_main .collection_exhaust .cts_box .inner {padding-right:124px;}
    .large_waste_main .collection_exhaust .collection .inner .more_btn {margin-top:5px;}
}
@media all and (max-width:1000px) {
    .large_waste_main .collection_exhaust .cts_box {float:none; width:auto; height:auto; padding:20px;}
    .large_waste_main .collection_exhaust .collection {margin-right:0; margin-bottom:20px;}
    .large_waste_main .collection_exhaust .collection .inner .more_btn {margin-top:-10px;}
    .large_waste_main p.info {top: 160px;}
}
@media all and (max-width:800px) {
    .large_waste_main .large_waste_title {padding:170px 20px 25px;}
    .large_waste_main .large_waste_title:before {top:-14px; right:10px; width:20%; height:40%;}
    .large_waste_main .large_waste_title .title_box {width:70%;}
    .large_waste_main .large_waste_title .title_box .inner {padding: 20px 20px 52px 24px;}
    .large_waste_main .large_waste_title .step_cts ol li p {font-size:13px;}
	.large_waste_main p.info {top: 147px;}
    .large_waste_main .notice_info .notice .top_notice .date {float:none; width:auto; margin-right:0; margin-bottom:10px; padding:10px 0 5px;}
    .large_waste_main .notice_info .notice .top_notice .up_text {float:none; width:auto;}
    .large_waste_main .notice_info .processing_cost .category_cts {padding:20px 30px;}
    .large_waste_main .notice_info .processing_cost .category_cts:before {right:30px; bottom:194px; width:125px; height:79px;}
    .large_waste_main .notice_info .processing_cost .category_cts ul li {width:calc(50% - 3px); margin-right:6px;}
    .large_waste_main .notice_info .processing_cost .category_cts ul li:nth-child(3n) {margin-right:6px;}
    .large_waste_main .notice_info .processing_cost .category_cts ul li:nth-child(n + 3) {margin-top:6px;}
    .large_waste_main .notice_info .processing_cost .category_cts ul li:nth-child(2n) {margin-right:0;}
    .large_waste_main .notice_info .processing_cost .category_cts ul li:last-child {width:100%;}
}
@media all and (max-width:640px) {
    .large_waste_main .large_waste_title {padding: 131px 20px 20px;}
    .large_waste_main .large_waste_title:before {display:none;}
    .large_waste_main .large_waste_title .title_box {left:5%; width:90%;}
    .large_waste_main .large_waste_title .title_box .inner h3 {width:90%;}
    .large_waste_main .large_waste_title .step_cts ol li {width:calc(33.33% - 24px); margin-right:35px;}
    .large_waste_main .large_waste_title .step_cts ol li:nth-child(3) {margin-right:0;}
    .large_waste_main .large_waste_title .step_cts ol li:nth-child(4) {margin-left:18.5%;}
    .large_waste_main .large_waste_title .step_cts ol li:nth-child(n + 4) {margin-top:20px;}
    .large_waste_main .large_waste_title .step_cts ol li:after {right:-38px; width:35px;}
	.large_waste_main .step_cts {margin-top:40px;}
    .large_waste_main .notice_info .notice {padding-right:0;}
    .large_waste_main .notice_info .content_box {float:none; width:auto;}
    .large_waste_main .notice_info .processing_cost {margin-top:30px;}
    .large_waste_main .notice_info .processing_cost .category_cts {padding:20px 3%;}

    .large_waste_main .collection_exhaust .cts_box .inner .tel_num {display:block;}
    .large_waste_main .collection_exhaust .collection .inner .more_btn {margin-top:5px;}

    .large_waste_btn a {width:100%;}
    .large_waste_btn a:nth-child(1) {margin-right:0; margin-bottom:10px;}

	.large_waste_main .temp_popup .layer_box .text_cts {padding:0;}
}
@media screen and (max-width:480px){
    .large_waste_main .large_waste_title {padding-top:170px}
    .large_waste_main .large_waste_title .title_box .inner {padding:20px 20px 30px 24px}
    .large_waste_main p.info {position:relative;top:auto;padding-top:10px;}
    .large_waste_main p.info br {display:block;}
}

/* 민원신청 */
.complaint {position:relative; min-height:606px; padding:0 40px 0 30px; background:url('/site/www/images/program/complaint_bg4.png') no-repeat center top 61px / cover;}
.complaint .info_img {position:absolute; bottom:47px; left:37px;}
.complaint .complaint_list {float:left; width:calc(33.33% - 34px); margin-right:50px;}
.complaint .complaint_list:nth-child(3) {margin:0;}
.complaint .complaint_list .list_title {position:relative; z-index:10;}
.complaint .complaint_list .list_title:before {display:block; position:absolute; right:-10px; bottom:-10px; z-index:-1; width:100%; height:100%; background-image:url('/common/images/template/temp_cts_bg.png');}
.complaint .complaint_list .list_title:after {display:block; position:absolute; bottom:-9px; left:50%; margin-left:-11px; border-top:9px solid; border-right:11px solid transparent; border-left:11px solid transparent;}
.complaint .complaint_list:nth-child(1) .list_title:after {border-top-color:#0aa985;}
.complaint .complaint_list:nth-child(2) .list_title:after {border-top-color:#4c7de7;}
.complaint .complaint_list:nth-child(3) .list_title:after {border-top-color:#e66853;}
.complaint .complaint_list .list_title .inner {position:relative; padding:25px 10px 37px; background-repeat:no-repeat; background-size:cover;}
.complaint .complaint_list:nth-child(1) .list_title .inner {background-image:url('/site/www/images/program/complaint_bg.png');}
.complaint .complaint_list:nth-child(2) .list_title .inner {background-image:url('/site/www/images/program/complaint_bg2.png');}
.complaint .complaint_list:nth-child(3) .list_title .inner {background-image:url('/site/www/images/program/complaint_bg3.png');}
.complaint .complaint_list .list_title .inner h3 {font-size:18px; color:#fff; letter-spacing:-0.04em; text-align:center;}
.complaint .complaint_list .list_title .inner h3:before {display:block; position:static; width:100%; height:63px; margin-bottom:19px; background-repeat:no-repeat; background-position:center;}
.complaint .complaint_list:nth-child(1) .list_title .inner h3:before {background-image:url('/site/www/images/program/complaint_icon.png');}
.complaint .complaint_list:nth-child(2) .list_title .inner h3:before {background-image:url('/site/www/images/program/complaint_icon2.png');}
.complaint .complaint_list:nth-child(3) .list_title .inner h3:before {background-image:url('/site/www/images/program/complaint_icon3.png');}
.complaint .complaint_list ul.bu {margin-top:33px; margin-bottom:0; padding:0 10px;}
.complaint .complaint_list ul.bu li a {color:#000;}
.complaint .complaint_list ul.bu li a:hover {text-decoration:underline;}
@media all and (max-width:1200px) {
    .complaint .info_img {left:0;}
}
@media all and (max-width:800px) {
    .complaint .complaint_list {float:none; width:auto; margin-right:0;}
    .complaint .complaint_list ul.bu {margin-bottom:20px; padding-left:0;}
    .complaint .complaint_list ul.bu li {float:left; width:50%; padding-right:10px;}
    .complaint .complaint_list .list_title .inner {padding:15px 10px;}
    .complaint .complaint_list .list_title .inner h3:before {margin-bottom:5px;}
    .complaint .info_img {position:static;}
}
@media all and (max-width:480px) {
    .complaint .complaint_list ul.bu li {float:none; width:auto; padding-right:0;}
}
/* 통계연보 */
.statistics .top_title .diagonal_wrap {display:table; width:100%; padding:30px;}
.statistics .top_title .img_cts {display:table-cell; width:310px;}
.statistics .top_title .img_cts .inner {position:relative; z-index:10;}
.statistics .top_title .img_cts .inner:before {display:block; position:absolute; right:-10px; bottom:-10px; z-index:-1; width:100%; height:100%; background-image:url('/common/images/template/temp_cts_bg.png');}
.statistics .top_title .img_cts img {vertical-align:top; width:310px; height:auto;}
.statistics .top_title .text_cts {display:table-cell; padding:20px 0 0 41px; vertical-align:top;}
.statistics .top_title h3 {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #bfbfbf; font-size:24px; font-weight:600; letter-spacing:-0.02em;}
.statistics .top_title p {margin-bottom:20px; padding-bottom:33px; border-bottom:1px dotted #bfbfbf; color:#333; line-height:28px;}
.statistics .top_title a.btn {width:325px; text-align:left;}
.statistics .top_title .text_cts .p-attach__preview {border:1px solid #5f6a89}
.statistics .top_title a.btn.homepage {margin-bottom:10px;}
.statistics .temp_down_list.type2 li .btn_cts {width:150px;}
@media screen and (max-width:1200px){
    .statistics .top_title .text_cts .p-attach__preview {width:100%;margin-top: 3px !important;margin-bottom: 7px !important;border: 1px solid #5f6a89;}
}
@media screen and (max-width:1000px){
	 .statistics .top_title a.btn {width:100%;}
}
@media all and (max-width:800px) {
    .statistics .top_title .img_cts {width:40%;}
    .statistics .top_title a.btn {width:100%;}
    .statistics .top_title .text_cts .p-attach__preview {width:100%;margin-top: 3px !important;margin-bottom: 7px !important;}
}
@media all and (max-width:640px) {
    .statistics .top_title .diagonal_wrap {display:block; width:auto; padding:3%;}
    .statistics .top_title .img_cts {display:block; width:auto; margin-bottom:30px;}
    .statistics .top_title .img_cts .inner {display:inline-block;}
    .statistics .top_title .img_cts img {width:100%}
    .statistics .top_title .text_cts {display:block; padding:0;}
    .statistics .top_title h3 {font-size:20px;}
}

/* 통계연보 - 2002~2018 */
.statistics_from_2002 .temp_search_box:nth-child(2) .temp_select_box {width:250px} 
.statistics_from_2002 .top_search {padding:0; background-color:transparent;}
@media screen and (max-width:480px){
.statistics_from_2002 .temp_search_box:nth-child(2) .temp_select_box {width:calc(100% - 55px);}
}

/* 문자서비스 - 공통 */
.sms_service {height:auto; padding-bottom:50px; background:#ebf2fc url('/site/www/images/program/sms_service_bg.png') no-repeat center top / cover;}
.sms_service .sms_wrap {width:1180px; margin:0 auto;}
.sms_service header {padding:20px; text-align:center;}
.sms_service header .logo {text-align:right;}
.sms_service header .title_text {margin-top:16px; font-size:17px; color:#555;}
@media all and (max-width:1200px) {
    .sms_service .sms_wrap {width:1000px;}
}
@media all and (max-width:1000px) {
    .sms_service .sms_wrap {width:auto; padding:0 3%;}
    .sms_service header {padding:3%;}
}
@media all and (max-width:640px) {
    .sms_service header .page_title img {width:210px;}
}

/* 문자알림서비스 */
.sms_notification header {padding-bottom:42px;}
.sms_notification .notificavtion_wrap {width:960px; margin:0 auto; border-radius:28px; box-shadow:0 0 10px rgba(25, 38, 65, 0.1); background-color:#fff; padding:0 50px 43px;}
.sms_notification .notification_tap {position:relative; top:-24px; margin-bottom:-2px; }
.sms_notification .notification_tap ul {overflow:hidden;}
.sms_notification .notification_tap ul li {display:table;float:left;position:relative;width:33%;height:50px;border:1px solid #e0e1e3;border-right-width:0;background-color:#fff;text-align:center;overflow:hidden;}
.sms_notification .notification_tap ul li:nth-child(1) {border-top-left-radius:9px;}
.sms_notification .notification_tap ul li:nth-child(3) {border-top-right-radius:9px;}
.sms_notification .notification_tap ul li:nth-child(3n) {width:34%;border-right-width:1px;}
.sms_notification .notification_tap ul li:nth-child(n + 4) {border-top:0;border-bottom-width:1px;}
/* .sms_notification .notification_tap ul li:nth-last-child(3) {border-bottom-left-radius:9px}
.sms_notification .notification_tap ul li:nth-last-child(3),
.sms_notification .notification_tap ul li:nth-last-child(2),
.sms_notification .notification_tap ul li:last-child {border-bottom-width:1px;}
.sms_notification .notification_tap ul li:last-child {border-bottom-right-radius:9px} */

.sms_notification .notification_tap ul li a {display:table-cell; position:relative; z-index:20; padding:0 10px; color:#666; line-height:20px; vertical-align:middle;}
.sms_notification .notification_tap ul li.active a {color:#fff;background: #4c7de7;}
.sms_notification .notification_tap ul li.active:nth-child(1) a {border-top-left-radius:9px;border-bottom-left-radius:9px;}
.sms_notification .notification_tap ul li.active:nth-child(3) a {border-top-right-radius:9px;border-bottom-right-radius:9px;}
.sms_notification .notification_tap ul li.active a:before {display:inline-block; width:16px; height:15px; margin-right:10px; background:url('/site/www/images/program/sms_notification_tap_icon.png') no-repeat; vertical-align:middle;}
.sms_notification .inner_cts .inner_title {margin-bottom:13px; font-size:21px; font-weight:600; color:#1142ac; letter-spacing:-0.02em;}
.sms_notification .inner_cts .info_text {overflow-x:hidden; overflow-y:scroll; height:126px; padding:15px 20px; border-radius:8px; background-color:#f2f4f7;}
.sms_notification .inner_cts .info_text p {font-size:14px; color:#555; line-height:22px;}
.sms_notification .inner_cts .agree_input {margin-top:18px; }
.sms_notification .inner_cts .agree_cts {float:left; width:calc(50% - 20px); margin-right:40px;}
.sms_notification .inner_cts .agree_cts .agree_title {margin-bottom:4px; padding-left:16px; font-weight:600; color:#4c7de7; letter-spacing:-0.02em;}
.sms_notification .inner_cts .agree_cts .agree_text {overflow-x:hidden;overflow-y:scroll;height: 253px;padding:10px 12px;border:1px solid #e0e1e3; -webkit-transform: translate3d(0, 0, 0);}
.sms_notification .inner_cts .agree_cts .agree_text p {font-size:14px; color:#555; line-height:22px;}
.sms_notification .inner_cts .agree_cts .agree_btn {width:100%; height:45px; border:1px solid #ddd;border-top-width:0; border-radius:0 0 9px 9px; background-color:#f2f4f7;}
.sms_notification .inner_cts .input_cts {overflow:hidden; float:left; width:calc(50% - 20px); margin-top:4px; border-radius:9px; background-color:#183981;}
.sms_notification .inner_cts .input_cts .input_inner {padding:28px 38px 47px;}
.sms_notification .inner_cts .input_cts .input_title {padding-left:15px; font-size:16px; font-weight:600; color:#fff000; letter-spacing:-0.02em;}
.sms_notification .inner_cts .input_cts .input_title:before {background-color:#fff000;}
.sms_notification .inner_cts .input_cts .sub_text {margin:5px 0 12px; color:#fff; }
.sms_notification .inner_cts .input_cts .phone_input .input_item {float:left; min-width:auto; width:calc(33.33% - 7px); height:39px; margin-right:10px; padding:0 10px; border:1px solid #000;}
.sms_notification .inner_cts .input_cts .phone_input .input_item:last-child {margin-right:0;}
.sms_notification .inner_cts .input_cts .certification_cts {margin-top:10px;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section {float:left; width:calc(100% - (33.33% + 4px)); height:39px; padding-right:10px; border:1px solid #000; background-color:#fff; font-size:0;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section .input_item {width:calc(100% - 68px); height:100%; margin-right:10px; padding:0 5px; font-size:15px;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section .state_text {width:58px; font-size:14px; color:#ea372c; text-align:right; vertical-align:middle;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.same {border:2px solid #16a085;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.inconsistency {border:2px solid #ea372c;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.same .state_text {font-size:15px; color:#16a085;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.inconsistency .state_text {font-size:15px;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.same .state_text:before,
.sms_notification .inner_cts .input_cts .certification_cts .input_section.inconsistency .state_text:before {display:inline-block; width:15px; height:11px; margin-right:2px; background:url('/site/www/images/program/sms_notification_number_icon.png') no-repeat;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.same .state_text:before {background-position:left top;}
.sms_notification .inner_cts .input_cts .certification_cts .input_section.inconsistency .state_text:before {background-position:-15px 0;}
.sms_notification .inner_cts .input_cts .certification_cts .certification_btn {float:left; margin-left:10px; width:calc(33.33% - 7px); height:39px; background-color:#000; font-size:14px; color:#fff;}
.sms_notification .inner_cts .input_cts .service_btn {}
.sms_notification .inner_cts .input_cts .service_btn button {float:left; width:50%; height:45px; color:#fff;}
.sms_notification .inner_cts .input_cts .service_btn .apply {background-color:#4c7de7;}
.sms_notification .inner_cts .input_cts .service_btn .cancel {background-color:#5f6a89;}

@media all and (max-width:1000px) {
    .sms_notification .notificavtion_wrap {width:auto; padding:0 30px 30px;}
    .sms_notification .inner_cts .agree_cts {width:calc(50% - 10px); margin-right:20px;}
    .sms_notification .inner_cts .agree_cts .agree_text {height:229px;}
    .sms_notification .inner_cts .input_cts {width:calc(50% - 10px);}
    .sms_notification .inner_cts .input_cts .input_inner {padding:20px 25px 30px;}
}
@media all and (max-width:800px) {
    .sms_notification .inner_cts .agree_cts .agree_text {height:252px;}
    .sms_notification .inner_cts .input_cts .input_inner {padding:5px 10px 20px;}
    .sms_notification .inner_cts .input_cts .sub_text {font-size:13px;}
    .sms_notification .inner_cts .input_cts .certification_cts .input_section {width:100%;}
    .sms_notification .inner_cts .input_cts .certification_cts .certification_btn {width:100%; margin-top:10px; margin-left:0;}
}
@media all and (max-width:640px) {
    .sms_notification .notificavtion_wrap {padding:0 3% 20px;}
    .sms_notification .notification_tap ul li {width:50%;}    
    .sms_notification .notification_tap ul li:nth-child(1) {border-bottom-left-radius:0;}
    .sms_notification .notification_tap ul li:nth-child(2) {border-top-right-radius:9px;border-right: 1px solid #ddd;}
    .sms_notification .notification_tap ul li:nth-child(3) {width:50%;border-top-width:0;border-top-right-radius:0;}
    .sms_notification .notification_tap ul li:nth-child(3n) {border-right-width:0;}
    .sms_notification .notification_tap ul li:nth-child(2n) {border-right-width:1px;}
    .sms_notification .notification_tap ul li:nth-child(6) {width:50%;}
    .sms_notification .notification_tap ul li:nth-last-child(3) {width:50%;border-bottom-left-radius:0;}
    .sms_notification .notification_tap ul li:last-child {width: calc(50% + 1px);border-right-width:1px;border-top-width:0;border-bottom-left-radius:9px;border-bottom-right-radius:9px;}
    .sms_notification .notification_tap ul li.active:nth-child(1) a {border-top-left-radius:9px;border-bottom-left-radius:0;}
    .sms_notification .notification_tap ul li.active:nth-child(2) a {border-top-right-radius:9px;}
    .sms_notification .notification_tap ul li.active:nth-child(3) a {border-top-right-radius:0;border-bottom-left-radius:9px;}
    .sms_notification .inner_cts .agree_cts {width:100%; margin-right:0; margin-bottom:20px;}
    .sms_notification .inner_cts .agree_cts .agree_text {height:135px;}
    .sms_notification .inner_cts .input_cts {width:100%;}
} 


/* 문자전송서비스 */
.sms_send .sms_wrap header {padding-bottom:57px;}
.sms_send .send_wrap {padding-right:58px;}
.sms_send .send_wrap .send_category {float:left; width:250px; margin-right:108px;}
.sms_send .send_wrap .send_category > ul {overflow:hidden; border-radius:10px; box-shadow:0 0 10px rgba(26, 42, 76, 0.1);}
.sms_send .send_wrap .send_category > ul > li {border-bottom:1px solid #4d5770; background-color:#5f6a89;}
.sms_send .send_wrap .send_category > ul > li:last-child {border-bottom:none;}
.sms_send .send_wrap .send_category > ul > li.on {background-color:#16a085;}
.sms_send .send_wrap .send_category > ul > li > a {display:block; position:relative; padding:10px 15px 9px; font-size:16px; font-weight:600; color:#fff;}
.sms_send .send_wrap .send_category > ul > li > a:before {display:block; position:absolute; top:50%; right:15px; width:15px; height:9px; margin-top:-5px; background:url('/site/www/images/program/sms_send_sprite.png') no-repeat;}
.sms_send .send_wrap .send_category > ul > li.on > a:before {background-position:-17px 0;}
.sms_send .send_wrap .send_category > ul > li > ul {display:none;overflow-y:auto;height:380px; background-color:#fff;}
.sms_send .send_wrap .send_category > ul > li > ul > li {border-bottom:1px solid #e0e1e3;}
.sms_send .send_wrap .send_category > ul > li > ul > li:last-child {border-bottom:none;}
.sms_send .send_wrap .send_category > ul > li > ul > li > a {display:block; padding:9px 15px; color:#555;}
.sms_send .send_wrap .send_category > ul > li > ul > li > a:before {display:inline-block; width:18px; height:17px; margin-right:10px; background:url('/site/www/images/program/sms_send_sprite.png') no-repeat -20px -12px; vertical-align:middle;}
.sms_send .send_wrap .send_category > ul > li > ul > li.on > a:before {background-position:0 -12px;}
.sms_send .send_wrap .inner_cts {float:left; position:relative; width:calc(100% - 358px); margin-top:30px; padding:40px 40px 40px 22.5%; border-radius:28px; box-shadow:4px 0 10px rgba(0, 0, 0 ,0.1); background:linear-gradient(135deg, rgba(36,90,147,1) 0%,rgba(26,68,149,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#245a93', endColorstr='#1a4495',GradientType=1 );}
.sms_send .send_wrap .inner_cts .phone_box {position:absolute; top:-30px; left:-58px; width:35%; height:395px; padding:64px 20px 31px; border-radius:26px; box-shadow:0 0 10px rgba(25, 38, 65, 0.1); background:#fff url('/site/www/images/program/sms_send_phone_bg.png') no-repeat center top 22px;}
.sms_send .send_wrap .inner_cts .phone_box .sms_text {overflow-y:scroll; padding:20px; height:300px; border-radius:17px 17px 17px 0; background-color:#f2f4f7;}
.sms_send .send_wrap .inner_cts .phone_box .sms_text p {font-size:14px; line-height:20px;}
.sms_send .send_wrap .inner_cts .input_cts {padding:27px 29px 29px; border:1px solid rgba(255, 255, 255, 0.2); border-radius:28px;}
.sms_send .send_wrap .inner_cts .input_cts .input_title {margin-bottom:4px; padding-left:16px; font-size:16px; font-weight:600; color:#fff000;}
.sms_send .send_wrap .inner_cts .input_cts .input_title:before {background:#fff000;}
.sms_send .send_wrap .inner_cts .input_cts .sub_text {color:#fff;}
.sms_send .send_wrap .inner_cts .input_cts .phone_input {margin-top:13px; padding-right:75px;}
.sms_send .send_wrap .inner_cts .input_cts .phone_input .input_item {float:left; min-width:auto; width:calc(33.33% - 7px); height:39px; margin-right:10px; padding:0 5px; border:1px solid #000;}
.sms_send .send_wrap .inner_cts .input_cts .phone_input .input_item:last-child {margin-right:0;}
.sms_send .send_wrap .inner_cts .input_cts .info_list {margin-top:16px;}
.sms_send .send_wrap .inner_cts .input_cts .info_list li {font-size:14px; color:#fff;}
.sms_send .send_wrap .inner_cts .input_cts .btn_list {margin-top:29px;}
.sms_send .send_wrap .inner_cts .input_cts .btn_list button {float:left; width:50%; height:45px; color:#fff;}
.sms_send .send_wrap .inner_cts .input_cts .btn_list .send_btn {background-color:#4c7de7;}
.sms_send .send_wrap .inner_cts .input_cts .btn_list .cancel_btn {background-color:#5f6a89;}

@media all and (max-width:1200px) {
    .sms_send .send_wrap .send_category {margin-right:88px;}
    .sms_send .send_wrap .inner_cts {width:calc(100% - 338px); padding-left:18.5%;}
}
@media all and (max-width:1000px) {
    .sms_send .send_wrap {padding-right:0;}
    .sms_send .send_wrap .send_category {margin-right:35px;}
    .sms_send .send_wrap .inner_cts {width:calc(100% - 285px); margin-top:0; padding:30px;}
    .sms_send .send_wrap .inner_cts .phone_box {position:static; width:275px; margin:0 auto 20px;}
}
@media all and (max-width:800px) {
    .sms_send .send_wrap .inner_cts {padding:20px;}
    .sms_send .send_wrap .inner_cts .input_cts {padding:20px;}
    .sms_send .send_wrap .inner_cts .input_cts .phone_input {padding-right:0;}
}
@media all and (max-width:640px) {
    .sms_send .sms_wrap header {padding-bottom:25px;}
    .sms_send .send_wrap .send_category {width:100%; margin-right:0; margin-bottom:25px;}
    .sms_send .send_wrap .inner_cts {width:100%; padding:3%;}
}

/*문자 서비스 신청,취소 모달 20210827*/
#service-app-wrap { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.8);}
#service-app-wrap.active { display:block;}

#service-cancle-wrap { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.8);}
#service-cancle-wrap.active { display:block;}

.service-app-layer, .service-cancle-layer { position:relative; width:100%; height:100%; }
.service-app-con { position:relative; top:25px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width:100%; max-width:960px; padding:25px; box-sizing: border-box; background-color:#fff; border-radius:10px;  }
.service-app-con .service-pinfo ul li { padding-left:15px; padding-bottom:15px; position:relative; font-size:17px; line-height:1; }
.service-app-con .service-pinfo ul li:last-child { padding-bottom:0; }
.service-app-con .service-pinfo ul li::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; display:block; background-color:#4c7de7; border-radius:5px; }
.service-app-con .service-pinfo ul li dl dt { color:#4c7de7; }
.service-app-con .service-pinfo ul li dl dt.pinfo-inline { display:inline-block; vertical-align: middle;}
.service-app-con .service-pinfo ul li dl dd.pinfo-inline { display:inline-block; vertical-align: middle;}

.service-app-con .service-info-add { margin-top:20px; }
.service-app-con .service-info-add strong { font-weight:normal; display:block; color:#4c7de7; padding-left:15px; position:relative; font-size:17px; line-height:1; padding-bottom:10px; }
.service-app-con .service-info-add strong::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; display:block; background-color:#4c7de7; border-radius:5px; }
.service-app-con .service-info-add fieldset::after { content:""; display:block; clear:both;}
.service-app-con .service-info-add .input-wrap label { color:#666666; font-size:15px; width:65px; text-align: center; }
.service-app-con .service-info-add .input-wrap select { border:1px solid #c9c9c9; height:45px; line-height:45px; padding:10px; box-sizing: border-box; text-align-last: center;text-align: center;-ms-text-align-last: center;-moz-text-align-last: center; color:#666;}
.service-app-con .service-info-add .input-wrap select.s-dong { width:180px }
.service-app-con .service-info-add .input-wrap select.s-gubun { width:120px }
.service-app-con .service-info-add .input-wrap input { border:1px solid #c9c9c9; width:150px; height:45px; line-height:1; padding:10px; box-sizing: border-box; text-align-last: center;text-align: center;-ms-text-align-last: center;-moz-text-align-last: center; color:#666;}
.service-app-con .service-info-add .input-wrap { float:left; }
.service-app-con .service-info-add .service-caution { margin:10px 0;}
.service-app-con .service-info-add .service-caution ul li { color:#787878; line-height:1.8; font-size:16px; }
.service-app-con .service-info-add .service-ex { margin:15px 0; }
.service-app-con .service-info-add .service-ex ul li { color:#ec6c61; line-height:1.8; font-size:16px; }
.service-app-con .service-info-add .add-btn { display:block; color:#fff; width:150px; line-height:1; margin:15px auto; background-color:#16a085; padding:15px 0; font-size:18px; letter-spacing:-0.05em; }

.service-app-con .app-btn-wrap { width:400px; margin:0 auto;} 
.service-app-con .app-btn-wrap::after { content:""; clear:both; display:block }
.service-app-con .app-btn-wrap button { width:198px; text-align: center; font-size:16px; line-height:1; padding:15px 0; color:#fff; }
.service-app-con .app-btn-wrap button.app-btn { float:left; background-color:#4c7de7; }
.service-app-con .app-btn-wrap button.app-cancle { float:left; background-color:#4c7de7; }
.service-app-con .app-btn-wrap button.app-close { float:left; background-color:#5f6a89; margin-left:4px}
.service-app-con .layer-close { position:absolute; top:20px; right:20px; width:24px; height:24px; background-image:url(/neo/images/layerclose.png); background-repeat:no-repeat; text-indent:-999999em }

.service-app-con .napp-history  { margin:15px 0;}
.service-app-con .napp-history strong { font-weight:normal; display:block; color:#4c7de7; padding-left:15px; position:relative; font-size:17px; line-height:1; padding-bottom:10px; }
.service-app-con .napp-history strong::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; display:block; background-color:#4c7de7; border-radius:5px; }
.service-app-con .napp-history table { width:100%; letter-spacing: -0.05em; }
.service-app-con .napp-history table { background-color:#183981; border:1px solid #cdcdcd }
.service-app-con .napp-history table thead  { display:table; width:100%/*calc(100% - 1em)*/; table-layout: fixed; }
.service-app-con .napp-history table thead tr th { background-color:#183981; width:15%; padding:10px; color:#fff; }
.service-app-con .napp-history table thead tr th:first-child { width:10%; }
.service-app-con .napp-history table tbody { display:block; width:100%; /*height:85px; overflow-y:scroll;*/ background-color:#fff; }
.service-app-con .napp-history table tbody tr { display:table; width:100%; table-layout: fixed; }
.service-app-con .napp-history table tbody tr td { text-align:center; width:15%; padding:5px 10px; font-weight:bold; font-size:16px; }
.service-app-con .napp-history table tbody tr td:first-child { width:10%; }

.service-app-con .gapp-history  { margin:15px 0 20px 0;}
.service-app-con .gapp-history strong { font-weight:normal; display:block; color:#4c7de7; padding-left:15px; position:relative; font-size:17px; line-height:1; padding-bottom:10px; }
.service-app-con .gapp-history strong::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; display:block; background-color:#4c7de7; border-radius:5px; }
.service-app-con .gapp-history table { width:100%; letter-spacing: -0.05em; }
.service-app-con .gapp-history table { background-color:#183981; border:1px solid #cdcdcd }
.service-app-con .gapp-history table thead  { display:table; width:100%/*calc(100% - 1em)*/; table-layout: fixed; }
.service-app-con .gapp-history table thead tr th { background-color:#183981; width:15%; padding:10px; color:#fff; }
.service-app-con .gapp-history table thead tr th:first-child { width:10%; }
.service-app-con .gapp-history table tbody { display:block; width:100%; /*height:85px; overflow-y:scroll;*/ background-color:#fff; }
.service-app-con .gapp-history table tbody tr { display:table; width:100%; table-layout: fixed; }
.service-app-con .gapp-history table tbody tr td { text-align:center; width:15%; padding:5px 10px; font-weight:bold; font-size:16px; }
.service-app-con .gapp-history table tbody tr td:first-child { width:10%; }

.service-app-con .app-history  { margin:30px 0 20px 0;}
.service-app-con .app-history strong { font-weight:normal; display:block; color:#4c7de7; padding-left:15px; position:relative; font-size:17px; line-height:1; padding-bottom:10px; }
.service-app-con .app-history strong::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; display:block; background-color:#4c7de7; border-radius:5px; }
.service-app-con .app-history table { width:100%; letter-spacing: -0.05em; }
.service-app-con .app-history table { background-color:#183981; border:1px solid #cdcdcd }
.service-app-con .app-history table thead  { display:table; width:calc(100% - 17px); table-layout: fixed; }
.service-app-con .app-history table thead tr th { background-color:#183981; width:15%; padding:10px; color:#fff; }
.service-app-con .app-history table thead tr th:first-child { width:10%; }
.service-app-con .app-history table tbody { display:block; width:100%; height:600px; overflow-y:scroll;  background-color:#fff; }
.service-app-con .app-history table tbody tr { display:table; width:100%; table-layout: fixed; }
.service-app-con .app-history table tbody tr td { text-align:center; width:15%; padding:5px 10px; font-weight:bold; font-size:16px; }
.service-app-con .app-history table tbody tr td:first-child { width:10%; }


.service-app-con button.napp-del, .service-app-con button.gapp-del, .service-app-con button.app-del { background-color:#bababa; color:#fff; width:100px; line-height:1; padding:8px 0; }

@media screen and (hover: none) and (pointer: coarse) {
    .service-app-con .napp-history table tbody::-webkit-scrollbar {width: 3px;}
    .service-app-con .napp-history table tbody::-webkit-scrollbar-thumb { background: #a9a9a9; }
    .service-app-con .gapp-history table tbody::-webkit-scrollbar {width: 3px;}
    .service-app-con .gapp-history table tbody::-webkit-scrollbar-thumb { background: #a9a9a9; }
    .service-app-con .app-history table tbody::-webkit-scrollbar {width: 3px;}
    .service-app-con .app-history table tbody::-webkit-scrollbar-thumb { background: #a9a9a9; }
    .service-app-con .histable-wrap::-webkit-scrollbar { width: 100%; height:3px}
    .service-app-con .histable-wrap::-webkit-scrollbar-thumb { background: #a9a9a9; }
}

@media all and (max-width:1000px) {
    .service-app-layer { padding:20px; }
    .service-cancle-layer { padding:20px; }
    .service-app-con { top:auto; left:auto; transform:none; }
    .service-app-con .service-info-add .input-wrap { width:50%; }
    .service-app-con .service-info-add .input-wrap select.s-gubun { width: 180px; }
    .service-app-con .service-info-add .input-wrap input { width:180px; }
    .service-app-con .service-info-add .input-wrap:nth-of-type(3) { margin-top:10px; }
    .service-app-con .service-info-add .input-wrap:nth-of-type(4) { margin-top:10px; }

    .service-app-con .app-history table tbody { height:300px; }
}

@media all and (max-width:880px) { 
    /*.service-app-con .histable-wrap table { min-width:768px; }*/
    .service-app-con .napp-history table thead tr th:first-child { width:8%; }
    .service-app-con .napp-history table thead tr th:last-child { width:12%; }
    .service-app-con .napp-history table thead tr th:nth-child(2) { width:10% }
    .service-app-con .napp-history table thead tr th:nth-child(3) { width:10% }
    .service-app-con .napp-history table thead tr th:nth-child(4) { width:10% }
    .service-app-con .napp-history table thead tr th:nth-child(5) { width:10% }
    .service-app-con .napp-history table tbody tr td:first-child { width:8%; }
    .service-app-con .napp-history table tbody tr td:nth-child(2) { width:10% }
    .service-app-con .napp-history table tbody tr td:nth-child(3) { width:10% }
    .service-app-con .napp-history table tbody tr td:nth-child(4) { width:10% }
    .service-app-con .napp-history table tbody tr td:nth-child(5) { width:10% }
    .service-app-con .napp-history table tbody tr td:last-child { width:12%; }

    .service-app-con .gapp-history table thead tr th:first-child { width:8%; }
    .service-app-con .gapp-history table thead tr th:last-child { width:12%; }
    .service-app-con .gapp-history table thead tr th:nth-child(2) { width:10% }
    .service-app-con .gapp-history table thead tr th:nth-child(3) { width:10% }
    .service-app-con .gapp-history table thead tr th:nth-child(4) { width:10% }
    .service-app-con .gapp-history table thead tr th:nth-child(5) { width:10% }
    .service-app-con .gapp-history table tbody tr td:first-child { width:8%; }
    .service-app-con .gapp-history table tbody tr td:nth-child(2) { width:10% }
    .service-app-con .gapp-history table tbody tr td:nth-child(3) { width:10% }
    .service-app-con .gapp-history table tbody tr td:nth-child(4) { width:10% }
    .service-app-con .gapp-history table tbody tr td:nth-child(5) { width:10% }
    .service-app-con .gapp-history table tbody tr td:last-child { width:12%; }

    .service-app-con .app-history table thead tr th:first-child { width:8%; }
    .service-app-con .app-history table thead tr th:last-child { width:12%; }
    .service-app-con .app-history table thead tr th:nth-child(2) { width:10% }
    .service-app-con .app-history table thead tr th:nth-child(3) { width:10% }
    .service-app-con .app-history table thead tr th:nth-child(4) { width:10% }
    .service-app-con .app-history table thead tr th:nth-child(5) { width:10% }
    .service-app-con .app-history table tbody tr td:first-child { width:8%; }
    .service-app-con .app-history table tbody tr td:nth-child(2) { width:10% }
    .service-app-con .app-history table tbody tr td:nth-child(3) { width:10% }
    .service-app-con .app-history table tbody tr td:nth-child(4) { width:10% }
    .service-app-con .app-history table tbody tr td:nth-child(5) { width:10% }
    .service-app-con .app-history table tbody tr td:last-child { width:12%; }


    .service-app-con button.napp-del, .service-app-con button.gapp-del, .service-app-con button.app-del { width:100%; font-size:14px;}

}

@media all and (max-width:650px) { 

    .service-app-con { padding:20px }
    .service-app-con .service-info-add .service-caution ul li { font-size:15px; }
    .service-app-con .service-info-add .service-ex ul li { font-size:15px }

    .service-app-con .service-info-add .input-wrap { padding:5px; box-sizing: border-box;}
    .service-app-con .service-info-add .input-wrap label { padding:0; text-align: left;}
    .service-app-con .service-info-add .input-wrap select.s-dong { width:100%; }
    .service-app-con .service-info-add .input-wrap select.s-gubun { width:100% }
    .service-app-con .service-info-add .input-wrap input { width:100%; }

    .service-app-con .napp-history table thead, .service-app-con .gapp-history table thead, .service-app-con .app-history table thead { width:100%; }
    .service-app-con .app-history table tbody { height:200px; }

    .service-app-con .app-btn-wrap { width:100%; }
    .service-app-con .app-btn-wrap button.app-btn, .service-app-con .app-btn-wrap button.app-cancle { width:49%}
    .service-app-con .app-btn-wrap button.app-close { width:49%}

    .service-app-con .histable-wrap { overflow-x: scroll;  }
    .service-app-con .histable-wrap table { min-width:650px; }

    .service-app-con .layer-close { top:15px; right:15px; }
}


@media all and (max-width:450px) { 
    .service-app-layer { padding:10px; }
    .service-cancle-layer { padding:10px; }
}


/* 구로마을지도 */
.gurotown_map .map_cts {height:460px;}
.gurotown_map .temp_search_box {margin:30px 0 20px;}
.gurotown_map .temp_search_box {text-align:center;}
.gurotown_map .temp_search_box .search_item {display:inline-block;}
.gurotown_map .temp_search_box .top_search .search_item:first-child {margin-right:30px;}
.gurotown_map .temp_search_box .search_item select {width:130px; margin-left:5px;}
.gurotown_map .temp_search_box .top_search {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #b5b7b9;}

@media all and (max-width:800px) {
    .gurotown_map .temp_search_box .search_item {display:block;}
    .gurotown_map .temp_search_box .top_search .search_item:first-child {margin-right:0; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #b5b7b9;}
}
@media all and (max-width:640px) {
    .gurotown_map .map_cts {height:300px;}
}
@media all and (max-width:480px) {
    .gurotown_map .temp_search_box .bot_search .temp_input {width:calc(100% - 119px);}
    .gurotown_map .temp_search_box .search_item .blt {display:block;}
    .gurotown_map .temp_search_box .search_item select {width:calc(50% - 5px);}
    .gurotown_map .temp_search_box .search_item select:nth-child(2) {margin-left:0;}
    .gurotown_map .temp_search_box .search_item:nth-child(2) select {width:100%;}
}

/* 공공용현수막게시대 */
.banner_post .list .icon_box.type2:after {background-image:url('/site/www/images/program/banner_post_box_icon.png');}
.banner_post .list .list_top_btn {margin-bottom:15px;}
.banner_post .list .list_top_btn .select_list {float:right;}
.banner_post .list .list_top_btn .select_list select {float:left; width:135px; height:39px; margin-right:10px;}
.banner_post .list .list_top_btn .select_list button {float:left;}
.banner_post .list .p-table td .btn {width:39px; height:39px; margin:0 auto; padding:12px 0 0; font-size:0; text-align:center;}
.banner_post .list .p-table td .img_btn {margin-right:5px;}
.banner_post .list .p-table td .btn:before {display:inline-block; background:url('/site/www/images/program/banner_post_sprite.png') no-repeat;}
.banner_post .list .p-table td .img_btn:before {width:16px; height:13px;}
.banner_post .list .p-table td .map_btn:before {width:14px; height:15px; background-position:-20px 0;}
.banner_post .list .p-table td .status {padding:0 10px; border-radius:40px; background-color:#f2f4f7; font-size:14px; line-height:40px; text-align:center;}
.banner_post .list .p-table td .status.end {color:#555;}
.banner_post .list .p-table td .status.ok {color:#1142ac;}
.banner_post .list .p-table td .status:before {display:inline-block; width:12px; height:12px; margin-right:7px; background:url('/site/www/images/program/banner_post_sprite.png') no-repeat; vertical-align:middle;}
.banner_post .list .p-table td .status.end:before {background-position:-38px 0;}
.banner_post .list .p-table td .status.ok:before {background-position:-56px 0;}
.banner_post .list .temp_list_box .box_wrap > ul > li .list_title:before {background-image:url('/site/www/images/program/banner_post_box_icon2.png');}
.banner_post .list .list_popup {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(0, 0, 0 , 0.75); text-align:center;}
.banner_post .list .list_popup:after {display:inline-block; width:0; height:100%; vertical-align:middle;}
.banner_post .list .list_popup.active {display:block;}
.banner_post .list .list_popup .layer {display:inline-block; position:relative; max-width:90%;}
.banner_post .list .list_popup .layer .close_btn {position:absolute; top:-12px; right:-12px; z-index:10; width:35px; height:35px; border-radius:50%; background:#5f6a89 url('/site/www/images/program/banner_post_popup_close.png') no-repeat center; font-size:0;}
.banner_post .list .list_popup .layer img{border-radius:5px;}
.banner_post .write .agree_box .check_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.banner_post .write .agree_text {overflow-y:scroll; height:464px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.banner_post .write .write_btn .back {float:left;}
.banner_post .write .write_btn .submit {float:right;}

.banner_post .identification .write_btn .back {float:left;}
.banner_post .identification .write_btn .submit {float:right;}

.banner_post .reception_list .district_office_state {width:70px;}

.banner_post .edit .write_btn .back {float:left;}
.banner_post .edit .write_btn .submit {float:right;}

.banner_post .list .dim-layer .pop-layer {margin-left:-400px;transform:translateY(-50%);}
.banner_post .list .dim-layer .pop-layer #map {width:100%;height:350px;}

@media screen and (max-width:1000px){
	.banner_post .list .dim-layer .pop-layer {width:90%;margin-left:-45%;}
}
@media all and (max-width:765px) {
    .banner_post .list .p-table td .status {padding:0; background-color:transparent;}

    .banner_post .write .p-table colgroup + tbody tr:first-child th:nth-child(3) {border-top:none;}
}
@media all and (max-width:640px) {
    .banner_post .list .list_top_btn button {padding:5px 9px 6px;}

    .banner_post .write .agree_text {height:200px;}
}
@media all and (max-width:474px) {
    .banner_post .list .list_top_btn .select_list {margin-top:15px;}
    .banner_post .list .list_top_btn .select_list select {width:127px; margin-right:5px;}
}

	.banner_post .dim-layer .pop-layer {margin-left:-400px;transform:translateY(-50%);}
	.banner_post .dim-layer .pop-layer #map {width:100%;height:350px;}
	@media screen and (max-width:1000px){
		.banner_post .dim-layer .pop-layer {width:90%;margin-left:-45%;}
	}

/* IT희망나눔 */
.pc_share .icon_box.type2:after {background-image:url('/site/www/images/program/pc_share_box_icon.png');}

.pc_share .result .identification_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.pc_share .result .identification_box label {margin-right:5px;}
.pc_share .result .identification_box .number_cts {margin-left:20px;}
.pc_share .result .identification_box .temp_input {width:140px; height:39px;}
.pc_share .result .identification_box button {margin-left:15px;}
@media all and (max-width:800px) {
    .pc_share .result .identification_box .temp_input {width:101px;}
}
@media all and (max-width:640px) {
    .pc_share .result .identification_box .input_item {display:block;}
    .pc_share .result .identification_box .number_cts {margin:15px 0;}
    .pc_share .result .identification_box label {width:54px;}
    .pc_share .result .identification_box .temp_input {width:111px;}
    .pc_share .result .identification_box .name_cts .temp_input {width:233px;}
}

/* PC기증받기 */
.pc_endowment .agree .agree_box .check_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.pc_endowment .agree .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}

.pc_endowment .view .warning {line-height:26px;}

/* PC정비신청 */
.pc_maintenance .list .p-table td .status {width:99px; border-radius:26px; font-size:14px; color:#fff; line-height:26px; text-align:center;}
.pc_maintenance .list .p-table td .apply {background-color:#4c7de7;}
.pc_maintenance .list .p-table td .complete {background-color:#1142ac;}
.pc_maintenance .list .p-table td .ing {background-color:#16a085;}
.pc_maintenance .list .p-table td .cancel {background-color:#969696;}
.pc_maintenance .list .p-table td .not {background-color:#d99d3e;}
.pc_maintenance .list .p-table td .substitution {background-color:#8545c0;}
@media all and (max-width:765px) {
    .pc_maintenance .write .p-table tbody tr:first-child th:nth-child(3) {border-top:none;}
}

/* 자율점검실시합니다 */
.self_inspection .write .top_select select {float:left; width:150px; height:39px;}
.self_inspection .write .top_select button {float:right;}

.self_inspection .edit .top_select select {width:150px; height:39px;}
.self_inspection .edit .bot_btn .col-15 {float:right; text-align:right;}
@media all and (max-width:640px) {
    .self_inspection .write .top_select select {float:none; width:100%;}
    .self_inspection .write .top_select button {float:none; width:100%; margin-top:10px;}
}

/* 소액수의계약입찰 */
.bidding .list .bbs .p-search .p-input {float:left; width:auto; margin-right:4px;}
.bidding .list .bbs .p-search select.p-input {width:150px;}
.bidding .list .bbs .p-search input.p-input {width:calc(100% - 427px);}
.bidding .list .bbs .p-search .p-button {margin-left:0;}
.bidding .list .p-table td .popup_btn {text-align:left;}
.bidding .list .p-table td .popup_btn:hover {text-decoration:underline;}
.bidding .list .p-table td .district_office_state {line-height:26px;}
.bidding .list .p-table td .district_office_state:before {display:none;}
.bidding .list .temp_popup .layer_box {width:680px; margin-top:-175px; margin-left:-340px;}

.bidding .view .top_info_box {padding:20px; border:1px solid #e0e1e3;}
.bidding .view .top_info_box .warning {margin:0;}
.bidding .view .view_title {margin-top:30px; font-size:20px; font-weight:600; text-align:center;}
.bidding .view .bot_btn {margin-top:25px; text-align:center;}
.bidding .view .bot_btn .btn {padding-right:25px; padding-left:25px;}
.bidding .view .bot_btn .btn:nth-child(2){margin:0 4px;}
@media all and (max-width:765px) {
    .bidding .list .bbs .p-search select.p-input {width:calc(50% - 2px);}
    .bidding .list .bbs .p-search select.p-input:nth-child(2) {margin-right:0;}
    .bidding .list .bbs .p-search input.p-input {width:calc(100% - 68px);}
    .bidding .list .temp_popup .layer_box {width:90%; margin-top:-236px; margin-left:-45%;}
}

/* 구청장에게 바란다 */
.dear_ward_chief .list .icon_box.type2:after {background-image:url('/site/www/images/program/dear_ward_chief_box_icon.png');}
.dear_ward_chief .list .icon_box .process_list {margin-top:8px;}
.dear_ward_chief .list .icon_box .process_list ol {overflow:unset;}
.dear_ward_chief .list .icon_box .process_list li {display:table; float:left; position:relative; width:calc(20% - 31px); height:40px; margin-right:38px; padding-left:10px;}
.dear_ward_chief .list .icon_box .process_list li:last-child {margin:0;}
.dear_ward_chief .list .icon_box .process_list li:before {display:block; position:absolute; top:0; right:-38px; width:38px; height:100%; background:url('/site/www/images/program/dear_ward_chief_arrow.png') no-repeat center; content:''}
.dear_ward_chief .list .icon_box .process_list li:last-child:before {display:none;}
.dear_ward_chief .list .icon_box .process_list li .number {position:absolute; top:50%; left:0; width:20px; margin-top:-10px; border-radius:50%; background-color:#5f6a89; font-size:12px; font-weight:600; color:#fff; line-height:20px; text-align:center;}
.dear_ward_chief .list .icon_box .process_list li .inner {display:table-cell; border-radius:4px; background-color:#f2f4f7; text-align:center; vertical-align:middle;}
.dear_ward_chief .list .icon_box .process_list li:nth-child(2n) .inner {border:1px solid #c2c5d2; background-color:#fff;}
.dear_ward_chief .list .top_date_sc {margin-bottom:5px; text-align:center;}
.dear_ward_chief .list .top_date_sc .blt {margin-right:5px; vertical-align:middle;}
.dear_ward_chief .list .date_sc {display:inline-block;}
.dear_ward_chief .list .date_sc .p-date {display:inline-block; vertical-align:middle;}
.dear_ward_chief .list .date_sc .p-input {float:left; width:auto; margin:0;}
.dear_ward_chief .list .date_sc .date_btn {float:left;}
.dear_ward_chief .list .date_sc .date_btn button {height:39px;}
.dear_ward_chief .list .date_sc .wave_text {display:inline-block; width:auto; padding:0; vertical-align:middle;}
.dear_ward_chief .list .p-table td .status {width:69px; border-radius:26px; font-size:14px; color:#fff; line-height:26px; text-align:center;}
.dear_ward_chief .list .p-table td .status.checking {background-color:#4c7de7;}
.dear_ward_chief .list .p-table td .status.answer {background-color:#1142ac;}
.dear_ward_chief .list .p-table td .status.ing {background-color:#16a085;}

.dear_ward_chief .view .questions td.p-table__content {padding:0;}
.dear_ward_chief .view .questions td.p-table__content .content_text {padding:24px 11px;}
.dear_ward_chief .view .view_status_step {padding:18px 0; border-bottom:1px solid #c2c5d2; background-color:#f2f4f7; text-align:center;}
.dear_ward_chief .view .view_status_step ol {display:inline-block; position:relative; font-size:0;}
.dear_ward_chief .view .view_status_step ol:before {display:block; position:absolute; top:50%; left:0; width:100%; height:5px; margin-top:-3px; background-image:url('/site/www/images/program/dear_ward_chief_view_arrow.png');}
.dear_ward_chief .view .view_status_step ol li {display:inline-block; position:relative; width:75px; height:75px; margin-right:50px; border:1px solid #c2c5d2; border-radius:50%; background-color:#fff;}
.dear_ward_chief .view .view_status_step ol li:last-child {margin:0;}
.dear_ward_chief .view .view_status_step ol li:before {display:inline-block; height:100%; vertical-align:middle; content:'';}
.dear_ward_chief .view .view_status_step ol li.active {border:none; background-color:#1142ac;}
.dear_ward_chief .view .view_status_step ol li .inner {width:100%; font-size:15px; color:#333; text-align:center; vertical-align:middle;}
.dear_ward_chief .view .view_status_step ol li.active .inner {color:#fff;}
@media all and (max-width:1200px) {
    .dear_ward_chief .list .icon_box .process_list li {width:calc(20% - 23px); margin-right:28px; font-size:13px;}
    .dear_ward_chief .list .icon_box .process_list li:before {right:-28px; width:28px;}
}
@media all and (max-width:800px) {
	.dear_ward_chief .list .icon_box .process_list {margin-top:0;padding-top:0;}
    .dear_ward_chief .list .icon_box .process_list li {width:calc(20% - 15px); margin-right:18px; padding-left:0;padding-top:15px;}
    .dear_ward_chief .list .icon_box .process_list li:before {right:-18px; width:18px;background:url('/site/www/images/program/dear_ward_chief_arrow.png') no-repeat center 20px; background-size:15px;}
    .dear_ward_chief .list .icon_box .process_list li .number {top:0; left:50%; margin-top:0; margin-left:-5px;}
}
@media all and (max-width:640px) {
    .dear_ward_chief .view .view_status_step ol li {margin-right:19px;}
}
@media all and (max-width:480px) {
    .dear_ward_chief .list .icon_box .process_list li {width:calc(33.33% - 18px);height:43px;}
    .dear_ward_chief .list .icon_box .process_list li:nth-child(3) {margin-right:0;}
    .dear_ward_chief .list .icon_box .process_list li:nth-child(n + 4) {margin-top:15px;}
    .dear_ward_chief .list .date_sc .p-input {width:120px;}

    .dear_ward_chief .view .view_status_step ol li {width:52px; height:52px; }
    .dear_ward_chief .view .view_status_step ol li .inner {font-size:14px;}
}

.program.kind .write table .p-button.delete:link {height:27px}
@media screen and (max-width:480px){
.program.kind .write .bbs_btn_wrap .left {width:30%}
.program.kind .write .bbs_btn_wrap .right {width:69%}
}

/* 공직자비리신고센터 */
.corruption .temp_link_info .text_cts:before, .cts1546 .temp_link_info .text_cts:before {background-image:url('/site/upright/images/contents/cts1545_icon.png');}
.corruption .icon_box.type2:after {background-image:url('/site/www/images/program/corruption_box_icon.png');}
.corruption .list .p-table tr td:nth-child(2) {text-align:left;}

/* 구로책나눔 - 접수하기 */
.book_sharing .book_skin img {display:block; width:60px; height:60px; margin:0 auto 5px; border:1px solid #c2c5d2; box-sizing:border-box;}
.book_sharing.receive .icon_box.type2 {margin-bottom:0;}
.book_sharing.receive .icon_box.type2:after {background-image:url('/site/www/images/program/book_sharing_box_icon.png');}
.book_sharing.receive .total_book {padding:16px 10px; background-color:#f2f4f7; text-align:center;}
.book_sharing.receive .total_book p {display:inline-block; font-size:16px; font-weight:600;}
.book_sharing.receive .total_book p:before {display:inline-block; width:30px; height:30px; margin-right:12px; background:url('/site/www/images/program/book_sharing_book_icon.png') no-repeat; vertical-align:middle;}

.book_sharing.receive td.group {display:none;}

.book_sharing_popup page{display:block;margin:0 auto;min-height:27cm;}
.book_sharing_popup page[size="A4"]{width:21cm;height:27cm;}
.book_sharing_popup .print_area{padding-top:31px; -webkit-print-color-adjust:exact;}
.book_sharing_popup .waiver{position:relative;width:652px; height:967px; margin:0 auto;padding:65px 3px; font-size:18px;color:#000;letter-spacing:-1px;font-family:'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;box-sizing:border-box;}
.book_sharing_popup .waiver .print_bg{position:absolute; top:0; left:0; z-index:-1;}
.book_sharing_popup .waiver .inner_box{padding:0 73px;}
.book_sharing_popup .waiver .header{padding-top:9px;}
.book_sharing_popup .waiver .header h1{margin-bottom:60px;}
.book_sharing_popup .waiver .header h1 .title{text-align:center;}
.book_sharing_popup .waiver .header h1 .title img{width:282px;}
.book_sharing_popup .waiver .header h1 .number{display:block; margin-bottom:33px; font-size:20px; font-weight:normal;}
.book_sharing_popup .waiver .contents .img_box {display:table; position:relative;  width:100%; height:264px; border:1px solid #d6d6d6;}
.book_sharing_popup .waiver .contents .img_box img {position:absolute; top:0; left:0; width:100%; height:100%;}
.book_sharing_popup .waiver .contents .img_box p {display:table-cell; text-align:center; vertical-align:middle;}
.book_sharing_popup .waiver .contents .cont_box{margin-top:33px; box-sizing:border-box; font-size:17px; color:#3d3d3d; letter-spacing:0; text-align:center;}
.book_sharing_popup .waiver .contents .cont_box strong{color:#000;}

.book_sharing_popup .waiver .footer{text-align:center;}
.book_sharing_popup .waiver .footer .date {margin:35px 0 10px;}
.book_sharing_popup .waiver .footer .director img{width:230px;}
@media print {
    .book_sharing_popup, .book_sharing_popup page {margin: 0;}
}
@media all and (max-width:765px) {
    .book_sharing .p-table colgroup + tbody tr:first-child th:nth-child(3) {border-top:none;}
    .book_sharing .p-table.block th .p-form__label br {display:none;}
}

/* 대형폐기물 처리비용 */
.processing_cost .icon_box.type2:after {background-image:url('/site/www/images/program/processing_cost_box_icon.png');}
.processing_cost .bbs .p-search select.p-input {float:left; width:auto;}
.processing_cost .bbs .p-search .right_cts {float:right;}
.processing_cost .bbs .p-search .right_cts input {float:left; width:300px;}
.processing_cost .bbs .p-search .right_cts button {float:left; margin-left:10px;}
@media all and (max-width:568px) {
    .processing_cost .bbs .p-search select.p-input {float:none; width:100%;}
    .processing_cost .bbs .p-search .right_cts {float:none;}
    .processing_cost .bbs .p-search .right_cts input {width:calc(100% - 64px);}
}

/* 대형폐기물 배출신고 */
.apply_emission .agree .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.apply_emission .agree .agree_box .check_box {padding:12px; background-color:#f2f4f7; color:#555; text-align:center;}
.apply_emission .agree .agree_btn {margin-top:25px; text-align:center;}
.apply_emission .agree .agree_btn .btn {width:155px;}
.apply_emission .agree .agree_btn .btn.type3 {margin-left:5px;}
.apply_emission .apply_emission_step {padding:18px 0; background-color:#f2f4f7; text-align:center;}
.apply_emission .apply_emission_step ol {display:inline-block; position:relative; font-size:0;}
.apply_emission .apply_emission_step ol:before {display:block; position:absolute; top:50%; left:0; width:100%; height:5px; margin-top:-3px; background-image:url('/site/www/images/program/dear_ward_chief_view_arrow.png');}
.apply_emission .apply_emission_step ol li {display:inline-block; position:relative; width:75px; height:75px; margin-right:50px; border:1px solid #c2c5d2; border-radius:50%; background-color:#fff;}
.apply_emission .apply_emission_step ol li:last-child {margin:0;}
.apply_emission .apply_emission_step ol li:before {display:inline-block; height:100%; vertical-align:middle; content:'';}
.apply_emission .apply_emission_step ol li.active {border:none; background-color:#1142ac;}
.apply_emission .apply_emission_step ol li .inner {width:100%; font-size:15px; color:#333; text-align:center; vertical-align:middle;}
.apply_emission .apply_emission_step ol li.active .inner {color:#fff;}
.apply_emission .temp_warning_box {margin-top:30px;}
.apply_emission .temp_warning_box .warning_text {margin-bottom:15px; font-size:16px; font-weight:600;}
.apply_emission .btn_float .left {float:left;}
.apply_emission .btn_float .right {float:right;}
.waste_selection {padding:0 3%;}
@media all and (max-width:480px) {
    .apply_emission .btn_float .left {display:inline;}
    .apply_emission .btn_float .right {display:inline;text-align:right;}
    .apply_emission .btn_float .btn {margin-bottom:5px;}
}

/* 대형폐기물 신청확인/변경/환불 */
.apply_lookup .temp_warning_box {margin-top:30px;}
.apply_lookup .temp_warning_box .warning_text {margin-bottom:15px; font-size:16px; font-weight:600;}
.apply_lookup .info_input_box {padding:12px; background-color:#f2f4f7; font-size:0; text-align:center;}
.apply_lookup .info_input_box .input_title {margin-right:5px;}
.apply_lookup .info_input_box .input_item {display:inline-block;margin-right:10px; font-size:15px; vertical-align:middle;}
.apply_lookup .info_input_box .input_item:nth-child(2) {margin:0 20px 0 25px;}
.apply_lookup .info_input_box .input_item .temp_input {width:140px; height:39px;}
.apply_lookup .info_input_box .input_item .phone {width:70px;}
.apply_lookup .info_input_box button {width:165px; height:39px; padding:0;}
.apply_lookup .list_info_ul {padding:25px 30px; border:1px solid #e0e1e3;}
.apply_lookup .list_info_ul ul {margin:0;}
.apply_lookup .info_table_btn .table {width:70%; margin:20px 0 20px auto;}
.apply_lookup .btn_float .left {float:left;}
.apply_lookup .btn_float .right {float:right;}

.apply_lookup .list .temp_warning_box .margin_top_list {margin-top:30px;}
.apply_lookup .list .temp_warning_box .inner_box .title {margin-bottom:16px; font-size:20px; font-weight:600; letter-spacing:-0.02em;}
.apply_lookup .list .temp_warning_box .inner_box .title span {margin-left:10px; font-size:16px; color:#ea372c;}

.apply_lookup .refund_write .refund_input_box {display:inline-block; margin-left:5px;}

.apply_lookup .refund_list .temp_warning_box .margin_top_list {margin-top:30px;}
.apply_lookup .refund_list .temp_warning_box .inner_box .title {margin-bottom:16px; font-size:20px; font-weight:600; letter-spacing:-0.02em;}
.apply_lookup .refund_list .temp_warning_box .inner_box .title span {margin-left:10px; font-size:16px; color:#ea372c;}
.apply_lookup .bbs__list .p-table tr td:nth-child(1) a {color:#4c7de7}

.refund_popup {padding:0 3%;}
.refund_popup .refund_list, .refund_popup .refund_view {position:relative;}
.refund_popup .close_btn {position:absolute; top:0; right:0; z-index:10;}

.apply_lookup.address {padding:20px;}
.apply_lookup.address .tab_menu {}
.apply_lookup.address .tab_menu .tab_select {display:none}
.apply_lookup.address .tab_menu .tab_nav {}
.apply_lookup.address .tab_menu .tab_nav .tab_list {}
.apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item {}
.apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item .tab_open {width:100%;height:100%;}
@media screen and (max-width:1000px){
    .apply_lookup.address .tab_menu {margin-bottom:20px;}
    .apply_lookup.address .tab_menu.type4 .tab_nav {display:block;}
    .apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item {float:left;width:50%;height:30px;margin-top:0;text-align:center;box-sizing:border-box;background: none;}
    .apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item:nth-child(1) {border-right:0;}
    .apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item.acitve {background:#fff;}
    .apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item a {overflow:unset;width:100%;height:28px;font-size:13px;box-sizing:border-box;}
    .apply_lookup.address .tab_menu .tab_nav .tab_list .tab_item.active a {border:2px solid #2373ce;background:none;font-weight:bold;}
    .apply_lookup.address select.p-input {width:100%;}
    .apply_lookup.address input.p-input {display:inline-block;float:left;width:calc(50% - 4px);}
}

/*.large_waste_print {position:fixed; top:0; left:50%; margin-left:-397px;}*/
.large_waste_print page{display:block;margin:0 auto;min-height:27cm;}
.large_waste_print page[size="A4"]{width:21cm;height:27cm;}
.large_waste_print .print_area{/*padding-top:31px;*/ -webkit-print-color-adjust:exact;}
.large_waste_print .waiver{position:relative; width:100%; height:100%; margin:0 auto; font-size:13px; line-height:18px;}
.large_waste_print .header {text-align:center;}
.large_waste_print h1.title {margin-top:11px; margin-bottom:11px; font-size:28px; font-weight:600; line-height:30px;}
.large_waste_print .info_list {margin:7px 0 7px; padding-top:6px; border-top:1px solid #5f6a89; border-bottom:1px solid #5f6a89; line-height:20px;}
.large_waste_print .info_list li {display:table; float:left; position:relative; width:50%; padding-right:10px;}
.large_waste_print .info_list li span {display:table-cell;}
.large_waste_print .info_list li .title {width:74px; font-weight:600;}
.large_waste_print .table {margin:0;}
.large_waste_print .footer {margin-top:14px; text-align:center;}
.large_waste_print .footer .footer_date {margin-bottom:13px; color:#3d3d3d;}
.large_waste_print .footer .footer_title {font-size:18px; font-weight:600;}
.large_waste_print .cutting_line {position:relative; text-align:center;}
.large_waste_print .cutting_line:before {display:block; position:absolute; top:50%; left:0; width:100%; border-top:1px dotted #bfbfbf;}
.large_waste_print .cutting_line span {position:relative; margin:20px 0; padding:0 25px; background-color:#fff;}

.large_waste_print.receipt .info_list {margin-bottom:13px; padding-bottom:6px; border-bottom:1px solid #5f6a89;}
.large_waste_print.receipt .header p {margin:20px 0 35px;}
.large_waste_print.receipt .table {margin-top:10px;}
@media print {
    .large_waste_print .waiver {page-break-after:always;}
}
@media all and (max-width:800px) {
    .apply_lookup .info_input_box {text-align:left;}
.apply_lookup .info_input_box .input_item {display:block;margin-right:0;margin-bottom:5px;}
.apply_lookup .info_input_box .input_item .phone {width:calc(33.3333% - 30.5px);}
    .apply_lookup .info_input_box .input_item:nth-child(2) {margin:15px 0;}
    .apply_lookup .info_input_box .input_item .temp_input {width:calc(100% - 68px);}
    .apply_lookup .info_input_box .input_item .phone {width:calc(33.33% - 31px);}
    .apply_lookup .info_input_box .input_title {width:59px;}
    .apply_lookup .info_input_box button {width:100%;}
}
@media all and (max-width:765px) {
    .apply_lookup .p-table tbody tr:first-child th:nth-child(n + 3) {border-top:none;}
    .apply_lookup .refund_input_box {display:block; margin-left:0;}

    .refund_popup .p-table tbody tr:first-child th:nth-child(n + 3) {border-top:none;}
}
@media all and (max-width:640px) {
    .apply_lookup .list_info_ul {padding:20px 3%;}
    .apply_lookup .info_table_btn .table {width:100%;}
}
@media all and (max-width:480px) {
    .apply_lookup .btn_float .left {display:inline-block;margin-bottom:5px;}
    .apply_lookup .btn_float .right {display:inline-block; text-align:right;}
    .apply_lookup .btn_float .btn {margin-bottom:5px;}
}

/* 소식지설문조사 및 퀴즈 */
.quiz .write .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.quiz .write .agree_box .check_box {padding:12px; background-color:#f2f4f7; color:#555; text-align:center;}

/* 공직자비리신고센터 (실명) */
.corruption .list.real_name .top_date_sc {margin-bottom:5px; text-align:center;}
.corruption .list.real_name .top_date_sc .blt {margin-right:5px; vertical-align:middle;}
.corruption .list.real_name .date_sc {display:inline-block;}
.corruption .list.real_name .date_sc .p-date {display:inline-block; vertical-align:middle;}
.corruption .list.real_name .date_sc .p-input {float:left; width:auto; margin:0;}
.corruption .list.real_name .date_sc .date_btn {float:left;}
.corruption .list.real_name .date_sc .date_btn button {height:39px;}
.corruption .list.real_name .date_sc .wave_text {display:inline-block; width:auto; padding:0; vertical-align:middle;}
.corruption .write.real_name .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.corruption .write.real_name .agree_box .check_box {padding:12px; background-color:#f2f4f7; color:#555; text-align:center;}

/* 환경순찰디카모니터 */
.patrol_monitor .list .icon_box.type2:after {background-image:url('/site/www/images/program/patrol_monitor_box_icon.png');}
.patrol_monitor .list .icon_box .process_list {margin-top:8px;}
.patrol_monitor .list .icon_box .process_list ol {overflow:unset;}
.patrol_monitor .list .icon_box .process_list li {display:table; float:left; position:relative; width:auto; height:40px; margin-right:38px; padding-left:10px;}
.patrol_monitor .list .icon_box .process_list li:last-child {margin:0;}
.patrol_monitor .list .icon_box .process_list li:before {display:block; position:absolute; top:0; right:-38px; width:38px; height:100%; background:url('/site/www/images/program/dear_ward_chief_arrow.png') no-repeat center; content:''}
.patrol_monitor .list .icon_box .process_list li:last-child:before {display:none;}
.patrol_monitor .list .icon_box .process_list li .number {position:absolute; top:50%; left:0; width:20px; margin-top:-10px; border-radius:50%; background-color:#5f6a89; font-size:12px; font-weight:600; color:#fff; line-height:20px; text-align:center;}
.patrol_monitor .list .icon_box .process_list li .inner {display:table-cell; padding:5px 18px; border-radius:4px; background-color:#f2f4f7; text-align:center; vertical-align:middle;}
.patrol_monitor .list .icon_box .process_list li:nth-child(2n) .inner {border:1px solid #c2c5d2; background-color:#fff;}
.patrol_monitor .list .top_date_sc {margin-bottom:5px; text-align:center;}
.patrol_monitor .list .top_date_sc .blt {margin-right:5px; vertical-align:middle;}
.patrol_monitor .list .date_sc {display:inline-block;}
.patrol_monitor .list .date_sc .p-date {display:inline-block; vertical-align:middle;}
.patrol_monitor .list .date_sc .p-input {float:left; width:auto; margin:0;}
.patrol_monitor .list .date_sc .date_btn {float:left;}
.patrol_monitor .list .date_sc .date_btn button {height:39px;}
.patrol_monitor .list .date_sc .wave_text {display:inline-block; width:auto; padding:0; vertical-align:middle;}
.patrol_monitor .list .p-table td .status {width:69px; border-radius:26px; font-size:14px; color:#fff; line-height:26px; text-align:center;}
.patrol_monitor .list .p-table td .status.checking {background-color:#4c7de7;}
.patrol_monitor .list .p-table td .status.answer {background-color:#1142ac;}
.patrol_monitor .list .p-table td .status.ing {background-color:#16a085;}

.patrol_monitor .view .questions td.p-table__content {padding:0;}
.patrol_monitor .view .questions td.p-table__content .content_text {padding:24px 11px;}
.patrol_monitor .view .view_status_step {padding:18px 0; border-bottom:1px solid #c2c5d2; background-color:#f2f4f7; text-align:center;}
.patrol_monitor .view .view_status_step ol {display:inline-block; position:relative; font-size:0;}
.patrol_monitor .view .view_status_step ol:before {display:block; position:absolute; top:50%; left:0; width:100%; height:5px; margin-top:-3px; background-image:url('/site/www/images/program/dear_ward_chief_view_arrow.png');}
.patrol_monitor .view .view_status_step ol li {display:inline-block; position:relative; width:75px; height:75px; margin-right:50px; border:1px solid #c2c5d2; border-radius:50%; background-color:#fff;}
.patrol_monitor .view .view_status_step ol li:last-child {margin:0;}
.patrol_monitor .view .view_status_step ol li:before {display:inline-block; height:100%; vertical-align:middle; content:'';}
.patrol_monitor .view .view_status_step ol li.active {border:none; background-color:#1142ac;}
.patrol_monitor .view .view_status_step ol li .inner {width:100%; font-size:15px; color:#333; text-align:center; vertical-align:middle;}
.patrol_monitor .view .view_status_step ol li.active .inner {color:#fff;}
@media all and (max-width:1200px) {
    .patrol_monitor .list .icon_box .process_list li {margin-right:28px; font-size:13px;}
    .patrol_monitor .list .icon_box .process_list li:nth-child(n + 4) {margin-top:10px;}
    .patrol_monitor .list .icon_box .process_list li:before {right:-28px; width:28px;}
}
@media all and (max-width:1000px) {
    .patrol_monitor .list .icon_box .process_list li {width:calc(50% - 28px);}
    .patrol_monitor .list .icon_box .process_list li:nth-child(n + 3) {margin-top:10px;}
}
@media all and (max-width:800px) {
    .patrol_monitor .list .icon_box .process_list li {margin-right:18px; padding-left:0;}
    .patrol_monitor .list .icon_box .process_list li:before {right:-18px; width:18px; background-size:15px;}
    .patrol_monitor .list .icon_box .process_list li .number {top:-10px; left:50%; margin-top:0; margin-left:-5px;}
}
@media all and (max-width:640px) {
    .patrol_monitor .view .view_status_step ol li {margin-right:19px;}
}
@media all and (max-width:480px) {
    .patrol_monitor .list .date_sc .p-input {width:120px;}

    .patrol_monitor .view .view_status_step ol li {width:52px; height:52px; }
    .patrol_monitor .view .view_status_step ol li .inner {font-size:14px;}
}

/* 무료법률상담온라인신청 */
.legal_advice .btn_wrap {}
.legal_advice .btn_wrap .left {float:left}
.legal_advice .btn_wrap .right {float:right;}
.legal_advice .list .icon_box.type2:after {background-image:url('/site/www/images/program/legal_advice_box_icon.png');}
.legal_advice .list .p-calendar-list__item {font-size:14px;}
.legal_advice .list .p-calendar-list__item a {text-decoration:underline;}

.legal_advice .write .agree_box .agree_text .title {font-size:18px;margin-bottom:-10px;font-weight:bold;}
.legal_advice .write .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.legal_advice .write .agree_box .check_box {padding:12px; background-color:#f2f4f7; color:#555; text-align:center;}
.legal_advice .write .cf{display:none;}
.legal_advice .write .cf.active {display:block;}

.legal_advice .apply_list .p-table td.p-subject a {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:26px; height:26px; text-align:left; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.legal_advice .apply_view .temp_popup .layer_box {margin-top:-268px;}
@media all and (max-width:765px) {
    .legal_advice .apply_view .temp_popup .layer_box {margin-top:-318px;}
}

.education_share .agree .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
.education_share .agree .agree_text h4 {margin-top:0;}
.education_share .agree .agree_box .check_box {padding:12px; background-color:#f2f4f7; color:#555; text-align:center;}

/* 사이트맵 */
/* .sitemap a:hover {text-decoration:underline;}
.sitemap .depth1 {margin-bottom:35px;}
.sitemap .depth1:last-child {margin-bottom:0;}
.sitemap .depth1_title {display:table; float:left; position:relative; width:180px; height:150px; text-align:center;}
.sitemap .depth1_title:before {display:block; position:absolute; top:10px; left:10px; width:100%; height:100%; background-image:url('/common/images/template/temp_cts_bg.png');}
.sitemap .depth1_title a {display:table-cell; position:relative; background:url('/site/www/images/program/sitemap_title_bg.png') no-repeat center / cover; font-size:21px; color:#fff; vertical-align:middle;}
.sitemap .depth2 {float:left; width:calc(100% - 230px); margin-left:50px; font-size:0;}
.sitemap .depth2_list {display:inline-block; width:calc(33.33% - 7px); margin-right:10px; vertical-align:top;}
.sitemap .depth2_list:nth-child(3n) {margin-right:0;}
.sitemap .depth2_list:nth-child(n + 4) {margin-top:25px;}
.sitemap .depth2_title {display:table; width:100%; height:50px; margin-bottom:17px; border:1px solid #c2c5d2;}
.sitemap .depth2_title a {display:table-cell; padding:0 20px; font-size:17px; font-weight:600; color:#000; line-height:22px; vertical-align:middle;}
.sitemap .depth3 {padding:0 10px;}
.sitemap .depth3 li {position:relative; margin-bottom:4px; padding-left:15px;}
.sitemap .depth3 li:last-child {margin-bottom:0;}
.sitemap .depth3 li:before {display:block; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:50%; background-color:#5f6a89;}
.sitemap .depth3 li a {display:block; font-size:14px; color:#666; line-height:22px;}
@media all and (max-width:800px) {
    .sitemap .depth1_title {float:none; width:100%; height:50px;}
    .sitemap .depth2 {float:none; width:auto; margin-top:25px; margin-left:0;}
}
@media all and (max-width:640px) {
    .sitemap .depth2_list {width:calc(50% - 5px);}
    .sitemap .depth2_list:nth-child(3n) {margin-right:10px;}
    .sitemap .depth2_list:nth-child(2n) {margin-right:0;}
    .sitemap .depth2_list:nth-child(n + 3) {margin-top:25px;}
} */

/* 주민참여예산제 - 서브메인 */
.resident_participation_visual {padding:65px 0 60px; background:url('/site/www/images/program/resident_participation_visual_bg.png') no-repeat center / cover; text-align:center;}
.resident_participation_visual h3 {margin-top:-9px; text-align:center;}
.resident_participation_visual h3:before,
.resident_participation_visual h3:after {display:inline-block; position:static; width:115px; height:12px; vertical-align:middle;}
.resident_participation_visual h3:before {margin-right:-15px; background:url('/site/www/images/program/resident_participation_visual_title_bg.png') no-repeat;}
.resident_participation_visual h3:after {margin-left:-15px; background:url('/site/www/images/program/resident_participation_visual_title_bg2.png') no-repeat right top;}
.resident_participation_visual h3 img {max-width:55%;}
.resident_participation .notice_info {margin-top:45px;}
.resident_participation .notice_info .content_box {float:left; width:calc(50% - 30px); margin-right:60px;}
.resident_participation .notice_info .content_box .content_box_title {position:relative;}
.resident_participation .notice_info .content_box .content_box_title h4 {margin-bottom:24px; font-size:19px; font-weight:600; color:#000; letter-spacing:-0.02em;}
.resident_participation .notice_info .content_box .content_box_title a {position:absolute; top:4px; right:0; width:17px; height:17px; font-size:0;}
.resident_participation .notice_info .content_box .content_box_title a:before,
.resident_participation .notice_info .content_box .content_box_title a:after {display:block; position:absolute; background-color:#969696;}
.resident_participation .notice_info .content_box .content_box_title a:before {top:50%; left:0; width:100%; height:1px; margin-top:-1px;}
.resident_participation .notice_info .content_box .content_box_title a:after {top:0; left:50%; width:1px; height:100%;}
.resident_participation .notice_info .content_box:last-child {margin:0;}
.resident_participation .notice_info .notice .top_notice {font-size:0;}
.resident_participation .notice_info .notice .top_notice .date {float:left; width:70px; margin-right:20px; padding:22px 0 24px;  border-radius:5px; background-color:#16a085; text-align:center; color:#fff;}
.resident_participation .notice_info .notice .top_notice .date .day {font-size:22px; font-weight:600; }
.resident_participation .notice_info .notice .top_notice .date .year_month {font-size:14px; line-height:20px;}
.resident_participation .notice_info .notice .top_notice .up_text {float:left; width:calc(100% - 90px);}
.resident_participation .notice_info .notice .top_notice .up_text a:hover {text-decoration:underline;}
.resident_participation .notice_info .notice .top_notice .up_text .title {margin-bottom:11px;}
.resident_participation .notice_info .notice .top_notice .up_text .title a {display:-webkit-box; overflow:hidden; max-height:46px; font-size:16px; font-weight:600; color:#000; line-height:23px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resident_participation .notice_info .notice .top_notice .up_text p {display:-webkit-box; overflow:hidden; max-height:42px; font-size:14px; line-height:21px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resident_participation .notice_info .notice .top_notice .up_text p a {color:#555;}
.resident_participation .notice_info .notice .notice_list {margin-top:19px; padding-top:17px; border-top:1px solid #e0e1e6;}
.resident_participation .notice_info .notice .notice_list li {position:relative; margin-bottom:2px; padding:0 74px 0 15px;}
.resident_participation .notice_info .notice .notice_list li:last-child {margin-bottom:0;}
.resident_participation .notice_info .notice .notice_list li:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#988987;}
.resident_participation .notice_info .notice .notice_list li a {overflow:hidden; width:100%; color:#333; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.resident_participation .notice_info .notice .notice_list li a:hover {text-decoration:underline;}
.resident_participation .notice_info .notice .notice_list li .date {position:absolute; top:0; right:0; color:#666; vertical-align:top;}
.resident_participation .slash {margin:40px 0;}
.resident_btn {font-size:0; text-align:center;}
.resident_btn a {position:relative; width:225px; padding:11px 52px 12px 22px; background-color:#4c7de7; font-size:15px; color:#fff; text-align:left;}
.resident_btn a:hover {text-decoration:underline;}
.resident_btn a:before {display:block; position:absolute; top:50%; right:15px; width:22px; height:22px; margin-top:-11px; background:url('/site/www/images/program/large_waste_btn_arrow2.png') no-repeat center;}
.resident_btn a:nth-child(1) {margin-right:10px;}
@media all and (max-width:800px) {
    .resident_participation .notice_info .notice .top_notice .date {float:none; width:auto; margin-right:0; margin-bottom:10px; padding:10px 0 5px;}
    .resident_participation .notice_info .notice .top_notice .up_text {float:none; width:auto;}
}
@media all and (max-width:640px) {
    .resident_participation_visual {padding:35px 0;}
    .resident_participation_visual h3:before,
    .resident_participation_visual h3:after {width:75px;}
    .resident_participation .notice_info .content_box {float:none; width:auto; margin-right:0; margin-bottom:30px;}
    .resident_btn a {width:100%;}
    .resident_btn a:nth-child(1) {margin-right:0; margin-bottom:10px;}
}

/* 위원회 신청 */
.committee_apply .list .icon_box.type2 {margin-bottom:0;}
.committee_apply .list .icon_box.type2:after {background-image:url('/site/www/images/program/committee_apply_box_icon.png');}
.committee_apply .list .icon_box.type2 .btn_cts {margin-top:18px;}
.committee_apply .list .icon_box.type2 .btn_cts .btn.type3 {margin-left:5px;}
.committee_apply .list .status_day {margin-bottom:25px; padding:16px 10px; background-color:#f2f4f7; font-size:0; text-align:center}
.committee_apply .list .status_day p {display:inline-block; font-size:16px; font-weight:600;}
.committee_apply .list .status_day p span {color:#4c7de7;}
.committee_apply .list .status_day p:before {display:inline-block; width:30px; height:30px; margin-right:13px; background:url('/site/www/images/program/committee_apply_sprite.png') right top; vertical-align:middle;}

.committee_apply .write .agree_box .check_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.committee_apply .write .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}

/* 주민참여예산 > 제안하기 */
/*목록*/
.resident_suggestions .list .p-wrap {line-height:26px;}
.resident_suggestions .list .icon_box.type2:after {background-image:url('/site/www/images/program/resident_suggestions_box_icon.png');}
.resident_suggestions .list .icon_box.type2 .btn_cts {margin-top:18px;}
.resident_suggestions .list .icon_box.type2 .btn_cts .btn.type3 {margin-left:5px;}
.resident_suggestions .list .list_category {margin-bottom:8px; padding-bottom:12px; border-bottom:1px dotted #bfbfbf;}
.resident_suggestions .list .list_category .left_status {float:left; margin-top:8px; margin-bottom:10px;}
.resident_suggestions .list .list_category .left_status p {color:#333;}
.resident_suggestions .list .list_category .left_status p:before {display:inline-block; width:12px; height:16px; margin-right:10px; background:url('/site/health/images/program/cts1513_sc_icon.png') no-repeat; vertical-align:middle;}
.resident_suggestions .list .list_category .left_status p span {color:#ea372c;}
.resident_suggestions .list .list_category .right_cate {float:right;}
.resident_suggestions .list .list_category .right_cate select {float:left; min-width:auto; height:39px; margin-right:10px; padding-right:25px;}
.resident_suggestions .list .list_category .right_cate button {float:left; padding-right:18px; padding-left:18px;}
.resident_suggestions .list .list_order {margin-bottom:4px; text-align:right;}
.resident_suggestions .list .list_order .order_btn {color:#333;}
.resident_suggestions .list .list_order .order_btn:first-child {margin-right:20px;}
.resident_suggestions .list .list_order .order_btn:before {display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background-color:#5f6a89; vertical-align:middle;}
.resident_suggestions .list .list_order .order_btn.active:before {background-color:#4c7de7;}
.resident_suggestions .list .list_section > ul > li {float:left; position:relative; width:calc(33.33% - 24px); margin-right:35px; border:1px solid #ccc;}
.resident_suggestions .list .list_section > ul > li:nth-child(3n) {margin-right:0;}
.resident_suggestions .list .list_section > ul > li:nth-child(n + 4) {margin-top:30px;}
.resident_suggestions .list .list_section > ul > li:before {display:block; width:100%; height:179px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.resident_suggestions .list .list_section > ul > li.erection:before {background-image:url('/site/www/images/program/resident_suggestions_list_img.png');}
.resident_suggestions .list .list_section > ul > li.city:before {background-image:url('/site/www/images/program/resident_suggestions_list_img2.png');}
.resident_suggestions .list .list_section > ul > li.health:before {background-image:url('/site/www/images/program/resident_suggestions_list_img3.png');}
.resident_suggestions .list .list_section > ul > li.administration:before {background-image:url('/site/www/images/program/resident_suggestions_list_img4.png');}
.resident_suggestions .list .list_section > ul > li.welfare:before {background-image:url('/site/www/images/program/resident_suggestions_list_img5.png');}
.resident_suggestions .list .list_section .info_box {padding:13px 20px 18px;}
.resident_suggestions .list .list_section .step_status ul {display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.resident_suggestions .list .list_section .step_status ul:before {display:block; position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background-color:#e6e6e6;}
.resident_suggestions .list .list_section .step_status ul:after {display:block; position:absolute; top:50%; left:0; height:4px; margin-top:-2px; background-color:#ea5050;}
.resident_suggestions .list .list_section .step_status ul li{display:inline-block; position:relative; width:10px; height:10px; margin-right:14px; border:1px solid #ea5050; border-radius:50%; background-color:#ea5050; vertical-align:middle;}
.resident_suggestions .list .list_section .step_status ul li:last-child {margin-right:0;}
.resident_suggestions .list .list_section .step2 ul:after {width:34px;}
.resident_suggestions .list .list_section .step3 ul:after {width:58px;}
.resident_suggestions .list .list_section .step4 ul:after {width:82px}
.resident_suggestions .list .list_section .step5 ul:after {width:100%;}
.resident_suggestions .list .list_section .step1 ul li:nth-child(n + 2) {width:8px; height:8px; border-color:#ccc; background-color:#fff;}
.resident_suggestions .list .list_section .step2 ul li:nth-child(n + 3) {width:8px; height:8px; border-color:#ccc; background-color:#fff;}
.resident_suggestions .list .list_section .step3 ul li:nth-child(n + 4) {width:8px; height:8px; border-color:#ccc; background-color:#fff;}
.resident_suggestions .list .list_section .step4 ul li:nth-child(n + 5) {width:8px; height:8px; border-color:#ccc; background-color:#fff;}
.resident_suggestions .list .list_section .step5 ul li:nth-child(n + 6) {width:8px; height:8px; border-color:#ccc; background-color:#fff;}
.resident_suggestions .list .list_section .step_status .now{display:inline-block; margin-left:10px; color:#ea5050; letter-spacing:0; vertical-align:middle;}
.resident_suggestions .list .list_section .cate_text {position:absolute; top:9px; right:9px; width:90px; border-radius:15px; background-color:#fff; font-size:14px; color:#666; letter-spacing:-0.04em; line-height:30px; text-align:center;}
.resident_suggestions .list .list_section .department {margin:8px 0 3px; font-size:14px; color:#555; letter-spacing:-0.04em;}
.resident_suggestions .list .list_section .info_title a {display:-webkit-box; overflow:hidden; height:50px; margin-bottom:12px; font-size:16px; color:#000; line-height:25px; white-space:normal; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resident_suggestions .list .list_section .info_title a:hover {text-decoration:underline;}
.resident_suggestions .list .list_section .day_view {letter-spacing:-0.04em;}
.resident_suggestions .list .list_section .day_view span {font-size:14px; color:#555;}
.resident_suggestions .list .list_section .day_view .day {}
.resident_suggestions .list .list_section .day_view .view {float:right;}
.resident_suggestions .list .list_section .day_view .view:before {display:inline-block; width:18px; height:10px; margin-right:7px; background-image:url('/site/www/images/program/resident_suggestions_sprite.png');}
/*작성*/
.resident_suggestions .write .agree_box .check_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.resident_suggestions .write .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
/*상세*/
/*단계별 공통*/
.resident_suggestions .view .title_area {position:relative; letter-spacing:-0.04em; text-align:center;}
.resident_suggestions .view .title_area .date_view {position:absolute; top:4px; right:0;}
.resident_suggestions .view .title_area .date_view span {color:#666;}
.resident_suggestions .view .title_area .date_view .view {margin-left:24px;}
.resident_suggestions .view .title_area .date_view .view:before {display:inline-block; width:18px; height:10px; margin-right:5px; background-image:url('/site/www/images/program/resident_suggestions_sprite.png');}
.resident_suggestions .view .title_area .category_text {width:90px; border:1px solid #ccc; border-radius:15px; color:#666; line-height:28px;}
.resident_suggestions .view .title_area .top_title {margin:37px 0 9px; font-size:20px; font-weight:600; letter-spacing:-0.03em; text-align:center;}
.resident_suggestions .view .title_area .sub_text {color:#666;}
.resident_suggestions .view .title_area .step_cts {position:relative; margin:38px 0 19px; font-size:0;}
.resident_suggestions .view .title_area .step_cts:before {display:block; position:absolute; bottom:12px; left:0; width:100%; height:6px; border-radius:3px; background-color:#e6e6e6;}
.resident_suggestions .view .title_area .step_cts:after {display:block; position:absolute; bottom:12px; left:calc(50% - 146px); height:6px; background-color:#ea5050;}
.resident_suggestions .view .title_area .step_cts button {position:relative; margin-right:38px; padding-bottom:36px; font-size:15px; color:#ea372c; letter-spacing:0;}
.resident_suggestions .view .title_area .step_cts button:last-child {margin-right:0;}
.resident_suggestions .view .title_area .step_cts button:before {display:block; position:absolute; bottom:0; left:calc(50% - 15px); width:30px; height:30px; border-radius:50%; background-color:#ea5050;}
.resident_suggestions .view .title_area .step1:after {width:0;}
.resident_suggestions .view .title_area .step2:after {width:94px;}
.resident_suggestions .view .title_area .step3:after {width:159px;}
.resident_suggestions .view .title_area .step4:after {width:224px;}
.resident_suggestions .view .title_area .step5:after {width:290px;}
.resident_suggestions .view .title_area .step1 button:nth-child(n + 2) {color:#555;}
.resident_suggestions .view .title_area .step2 button:nth-child(n + 3) {color:#555;}
.resident_suggestions .view .title_area .step3 button:nth-child(n + 4) {color:#555;}
.resident_suggestions .view .title_area .step4 button:nth-child(n + 5) {color:#555;}
.resident_suggestions .view .title_area .step5 button:nth-child(n + 6) {color:#555;}
.resident_suggestions .view .title_area .step1 button:nth-child(n + 2):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step2 button:nth-child(n + 3):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step3 button:nth-child(n + 4):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step4 button:nth-child(n + 5):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step5 button:nth-child(n + 6):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step1 button:nth-child(n + 2):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step2 button:nth-child(n + 3):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step3 button:nth-child(n + 4):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step4 button:nth-child(n + 5):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .title_area .step5 button:nth-child(n + 6):before {bottom:2px; left:calc(50% - 12px); width:23px; height:23px; border:1px solid #ccc; background-color:#fff;}
.resident_suggestions .view .view_contents .suggestion_title {margin-bottom:12px; font-size:18px; font-weight:600; letter-spacing:-0.04em;}
.resident_suggestions .view .view_contents .suggestion_text {color:#666;}

/*상세 - 제안단계*/
.resident_suggestions .view .view_contents.suggestion {margin-top:28px; padding-bottom:38px; border-bottom:1px solid #e0e1e3;}
.resident_suggestions .view .view_contents.suggestion .info_list {display:table; width:100%; margin-bottom:34px;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item {display:table-cell; padding-right:11px;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:last-child {padding:0;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item .inner {padding:14px 18px; border:1px solid; border-radius:4px;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(1) {width:45%;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(2) {width:28.5%;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(1) .inner {border-color:#c4dea4; background-color:#f6fded;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(2) .inner {border-color:#a4d9e9; background-color:#e7f4f8;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(3) .inner {border-color:#f7d6c2; background-color:#fbf1eb;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item .title {font-size:16px; letter-spacing:-0.04em;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(1) .title {color:#669b1d;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(2) .title {color:#005aab;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item:nth-child(3) .title {color:#f36f21;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item .title .sub_title {margin-left:19px; font-size:15px; color:#666;}
.resident_suggestions .view .view_contents.suggestion .info_list .info_item p {margin-top:5px; font-size:17px; color:#333;}
.resident_suggestions .view .view_contents.suggestion .file_item a {position:relative; padding-left:15px; text-decoration:underline;}
.resident_suggestions .view .view_contents.suggestion .file_item a:before {display:block; position:absolute; top:6px; left:0; width:8px; height:15px; background-image:url('/site/www/images/program/resident_suggestions_file_icon.png')}

/* 상세 - 검토단계 */
.resident_suggestions .view .view_contents.review .file_item a {position:relative; padding-left:15px; text-decoration:underline;}
.resident_suggestions .view .view_contents.review .file_item a:before {display:block; position:absolute; top:6px; left:0; width:8px; height:15px; background-image:url('/site/www/images/program/resident_suggestions_file_icon.png')}

/* 상세 - 투표단계 */
.resident_suggestions .view_contents.vote {margin-top:48px; padding-top:16px; border-top:1px solid #e0e1e3;}
.resident_suggestions .view_contents.vote .vote_box {margin:25px 0 ; text-align:center;}
.resident_suggestions .view_contents.vote .vote_box .diagonal_wrap {padding:42px 3% 36px;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick {position:relative; width:380px; margin:0 auto; font-size:0;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .vote_stick_bg {display:block; position:absolute; background:url('/site/guro1st/images/program/vote_opposition_pattern.png');}

.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_wrap {border-radius:50px;overflow:hidden;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts {display:inline-block; position:relative; width:50%; height:30px; vertical-align:middle;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts.agree {background-image:url('/site/guro1st/images/program/vote_agree_pattern.png');}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts.oppose {border-radius:0 30px 30px 0; background-image:url('/site/guro1st/images/program/vote_opposition_pattern.png');}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text {position:absolute; top:0; width:100%; font-size:0;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text.agree {right:calc(100% + 8px); text-align:right;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text.oppose {left:calc(100% + 8px); text-align:left;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text span {line-height:30px; vertical-align:middle;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text span:first-child {margin-right:10px;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text .small_txt {font-size:15px; color:#969696;}
.resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text .big_txt {font-size:20px; font-weight:600;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn {margin-bottom:20px;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn button {width:80px; height:80px; padding-top:14px; border-radius:50%; font-size:14px; color:#fff;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn .agree {background-color:#4c7de7;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn .oppose {background-color:#5f6a89;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn button:before {display:block; width:23px; height:22px; margin:0 auto 4px; background-image:url('/site/www/images/program/resident_suggestions_sprite.png');}
.resident_suggestions .view_contents.vote .vote_box .vote_btn .agree:before {background-position:0 -20px;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn .oppose:before {background-position:-27px -20px;}
.resident_suggestions .view_contents.vote .vote_box .vote_btn span {margin:0 5px; font-weight:600; color:#5f6a89;}
.resident_suggestions .view_contents.vote .vote_box .vote_date_total {margin-top:32px;}
.resident_suggestions .view_contents.vote .vote_box .vote_date_total:before {display:inline-block; width:570px; margin-bottom:17px; border-top:1px dotted #bfbfbf; vertical-align:top;}
.resident_suggestions .view_contents.vote .vote_box .vote_date_total p {color:#555;}
.resident_suggestions .vote_view_cmt {margin-top:25px;}
.resident_suggestions .vote_view_cmt .comment_title {margin-bottom:14px; font-weight:600; letter-spacing:-0.02em;}
.resident_suggestions .vote_view_cmt .comment_title:before {display:inline-block; position:static; width:18px; height:18px; margin-right:8px; background:url('/site/guro1st/images/program/suggestion_sprite.png') no-repeat -29px -77px; vertical-align:middle;}
.resident_suggestions .vote_view_cmt .comment_title {margin-bottom:14px; font-weight:600; letter-spacing:-0.02em;}
.resident_suggestions .vote_view_cmt .comment_title:before {display:inline-block; position:static; width:18px; height:18px; margin-right:8px; background:url('/site/guro1st/images/program/suggestion_sprite.png') no-repeat -29px -77px; vertical-align:middle;}
.resident_suggestions .vote_view_cmt .comment_write textarea {float:left; padding:5px 10px; border:1px solid #c2c5d2; width:calc(100% - 126px); height:69px;}
.resident_suggestions .vote_view_cmt .comment_write button {float:left; width:115px; height:69px; margin-left:11px; background-color:#5f6a89; color:#fff;}
.resident_suggestions .vote_view_cmt .comment_list {margin-top:20px; border-top:1px solid #e0e1e3;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item {position:relative; padding-top:13px; border-bottom:1px solid #e0e1e3; transition:0.2s;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .item_inner {position:relative; padding-bottom:8px;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .cmt_info {font-size:0;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .cmt_info span {display:inline-block;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .cmt_info .name {margin-right:10px; font-size:15px; font-weight:600;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .cmt_info .date {font-size:14px; color:#555;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .cmt_cts {margin:2px 0 7px; color:#333;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete {position:absolute; top:0; right:0;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete li {float:left; position:relative; margin-right:20px; font-size:14px; color:#555;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete li button:hover {color:#000;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete li:before {display:block; position:absolute; top:50%; right:-11px; width:1px; height:12px; margin-top:-6px; background-color:#e0e1e6;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete li:last-child {margin-right:0;}
.resident_suggestions .vote_view_cmt .comment_list .cmt_item .date_delete li:last-child:before {display:none;}
/* 상세 - 실행, 미선정 */
.resident_suggestions .view_contents.execution {margin-top:48px;}
.resident_suggestions .view_contents.execution .diagonal_wrap {padding:36px 3% 350px; background:#fff url('/site/www/images/program/resident_suggestions_execution_bg.png') no-repeat center bottom 51px; text-align:center;}
.resident_suggestions .view_contents.unselected .diagonal_wrap {background:#fff url('/site/www/images/program/resident_suggestions_execution_bg2.png') no-repeat center bottom 38px; }
.resident_suggestions .view_contents.execution p {color:#666; line-height:28px;}
.resident_suggestions .view_contents.execution p em {display:block; font-size:20px;}
.resident_suggestions .view.unselected .title_area .step_cts:after {left:calc(50% - 149px);}
.resident_suggestions .view.unselected .title_area .step_cts button:nth-child(4) {margin-right:33px;}
@media all and (max-width:1200px) {
    .resident_suggestions .list .list_section > ul > li:before {height:142px;}
}
@media all and (max-width:800px) {
    .resident_suggestions .list .list_section .step_status ul {vertical-align:top;}
    .resident_suggestions .list .list_section .step_status .now {display:block; margin-left:0;}

    .resident_suggestions .view_contents.execution .diagonal_wrap {padding:20px 3% 240px; background-position:center bottom 20px; background-size:380px;}
}
@media all and (max-width:765px) {
    .resident_suggestions .hide_element {display:block !important;}
    .resident_suggestions .p-table colgroup + tbody tr:first-child th:nth-child(3) {border-top:none;}
}
@media all and (max-width:640px) {
    .resident_suggestions .list .list_category .right_cate {width:100%; margin-top:10px;}
    .resident_suggestions .list .list_category .right_cate select {width:calc(50% - 5px);}
    .resident_suggestions .list .list_category .right_cate select:nth-child(2) {margin-right:0;}
    .resident_suggestions .list .list_category .right_cate select:nth-child(n + 3){margin-top:10px;}
    .resident_suggestions .list .list_category .right_cate button {width:100%; margin-top:10px;}
    .resident_suggestions.area .list .list_category .right_cate button {width:calc(50% - 5px); margin-top:10px;}
    .resident_suggestions .mine_list .list_category .right_cate button {width:calc(50% - 5px);}
    .resident_suggestions .list .list_section > ul > li {width:calc(50% - 15px); margin-right:30px;}
    .resident_suggestions .list .list_section > ul > li:nth-child(3n) {margin-right:30px;}
    .resident_suggestions .list .list_section > ul > li:nth-child(2n) {margin-right:0;}
    .resident_suggestions .list .list_section > ul > li:nth-child(n + 3) {margin-top:30px;}

    .resident_suggestions .view .title_area .date_view {position:static; margin-bottom:10px;}
    .resident_suggestions .view .title_area .top_title {margin:15px 0 9px;}
    .resident_suggestions .view .view_bot_btn .btn {padding:5px 25px 6px;}
    .resident_suggestions .view .view_contents.suggestion .info_list .info_item {display:block; width:100% !important; padding-right:0; padding-bottom:10px;}

    .resident_suggestions .vote_view_cmt .comment_write textarea {width:100%;}
    .resident_suggestions .vote_view_cmt .comment_write button {width:100%; height:40px; margin-top:10px; margin-left:0;}
    .resident_suggestions .view_contents.vote .vote_box .diagonal_wrap {padding:22px 3% 16px;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick {width:100%;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text {top:30px; width:auto;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text.agree {right:auto; left:0;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .percent_text.oppose {left:auto; right:0;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts .title {top:61px;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts.agree .title {left:0;}
    .resident_suggestions .view_contents.vote .vote_box .view_vote_stick .graph_cts.oppose .title {right:0;}
    .resident_suggestions .view_contents.vote .vote_box .vote_date_total:before {width:100%;}

}
@media all and (max-width:480px) {
    .resident_suggestions .list .list_section > ul > li {width:100%; margin-right:0;}
    .resident_suggestions .list .list_section > ul > li:nth-child(n + 2) {margin-top:20px;}
    .resident_suggestions .list .list_section > ul > li:before {height:180px;}
}

/* 입찰조서 인쇄페이지 */
.tender_bill page{display:block;margin:0 auto;min-height:27cm;}
.tender_bill page[size="A4"]{width:21cm;height:27cm;}
.tender_bill .print_area{padding-top:31px; -webkit-print-color-adjust:exact;}
.tender_bill .waiver{position:relative; width:100%; height:100%; margin:0 auto; font-size:13px; line-height:18px;}
.tender_bill .header {text-align:center;}
.tender_bill h1.title {margin-bottom:48px; font-size:28px; font-weight:600; line-height:30px;}
.tender_bill .left_list {float:left; width:50%; line-height:20px;}
.tender_bill .left_list li {}
.tender_bill .left_list li span {}
.tender_bill .left_list li .title {float:left; font-weight:600; width:68px;}
.tender_bill .left_list li .text {float:left; width:calc(100% - 68px);}
.tender_bill .payment {float:right; width:266px;}
.tender_bill .payment th {padding:3px; background-color:#f2f4f7;}
.tender_bill .payment td {height:49px;}
.tender_bill .table {margin:0;}
.tender_bill .bot_table {float:left; margin-top:29px;}
@media print {
    .tender_bill .waiver {page-break-after:always;}
}

/* 폐수위탁처리실적보고 */
.wastewater_consignment .view .icon_box:after {background-image:url('/site/www/images/contents/cts3418_box_icon.png')}
.wastewater_consignment .view .icon_box .num {margin:0;}
.wastewater_consignment .view .view_btn {text-align:center;}
.wastewater_consignment .view .view_btn .btn.type3 {margin-left:15px;}

.wastewater_consignment .user_check {padding-top:48px;}
.wastewater_consignment .user_check .login_box .important {display:inline-block;position:relative;width:17px;font-size:0;line-height:0;vertical-align:middle;}
.wastewater_consignment .user_check .login_box .important:before {display:block;position:absolute;top:-3px;left:0;width:6px;height:6px;border-radius:50%;background-color:#4c7de7;}
.wastewater_consignment .user_check .login_box {position:relative;background-color:#f2f4f7;}
.wastewater_consignment .user_check .login_box:before {display:block;position:absolute;top:-45px;left:calc((100% - 87px) / 2);width:97px;height:95px;border-radius:50%;background:url('/common/images/template/temp_cts_bg.png')}
.wastewater_consignment .user_check .login_box:after {display:block;position:absolute;top:-50px;left:calc((100% - 97px) / 2);width:97px;height:95px;background:url(/site/health/images/program/selfcheck_sprite.png) no-repeat;}
.wastewater_consignment .user_check .login_box .box_wrap {padding:80px 90px 70px 90px;}
.wastewater_consignment .user_check .login_box h3 {font-size:24px;color:#4c7de7;letter-spacing:-0.02em;text-align:center;font-weight:bold;}
.wastewater_consignment .user_check .login_box p {margin-top:15px;font-size:15px;color:#000;letter-spacing:-0.02em;line-height:26px;font-weight:bold;text-align:center;}
.wastewater_consignment .user_check .login_inner {position:relative;margin-top:30px;padding:25px 40px 30px 40px;border:1px solid #e0e1e3;background-color:#fff;}
.wastewater_consignment .user_check .login_inner:after {display:block;position:absolute;bottom:-46px;left:-53px;width:184px;height:197px;background:url(/site/health/images/program/selfcheck_sprite.png) no-repeat -114px 0;}
.wastewater_consignment .user_check .login_inner .top {position:relative;padding-bottom:20px;}
.wastewater_consignment .user_check .login_inner .top:after {display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:url('/common/images/template/dot_hori.png');}
.wastewater_consignment .user_check .login_inner .top ul {display:block;width:415px;margin:0 auto;}
.wastewater_consignment .user_check .login_inner .top ul li {font-size:15px;color:#555;letter-spacing:-0.02em;line-height:28px;}
.wastewater_consignment .user_check .login_inner .login_form ul {display:block;width:415px;margin:0 auto;padding:15px 0;}
.wastewater_consignment .user_check .login_inner .login_form ul li label {display:inline-block;width:121px;}
.wastewater_consignment .user_check .login_inner .login_form ul li label em {font-size:15px;color:#000;letter-spacing:-0.02em;line-height:26px;font-weight:bold;}
.wastewater_consignment .user_check .login_inner .login_form ul li input {height:39px;border:1px solid #c2c5d2;}
.wastewater_consignment .user_check .login_inner .login_form .login_name {margin-bottom:10px;}
.wastewater_consignment .user_check .login_inner .login_form .login_name2 {display:inline-block; width:calc(100% - 125px);}
.wastewater_consignment .user_check .login_inner .login_form .login_num2 {display:inline-block; width:calc(100% - 125px);}
.wastewater_consignment .user_check .login_inner .login_form .login_num2 input {width:calc(33.33% - 8px);}
.wastewater_consignment .user_check .login_inner .login_form .button_wrap {width:415px;margin:0 auto;}
.wastewater_consignment .user_check .login_inner .login_form .button_wrap button {width:100%;border:1px solid #4c7de7;background-color:#4c7de7;font-size:15px;color:#fff;letter-spacing:-0.02em;}

.wastewater_consignment .write .unit_select {text-align:right;}
.wastewater_consignment .write .unit_select label {margin-right:5px; line-height:26px;}
.wastewater_consignment .write .temp_input {width:100%; height:39px;}

.wastewater_consignment .list .top_year_select {margin-bottom:10px;}
.wastewater_consignment .list .top_year_select .left_term {float:left; margin-top:8px;}
.wastewater_consignment .list .top_year_select .left_term p:before {display:inline-block; width:12px; height:16px; margin-right:10px; background-image:url('/common/images/template/temp_total_page.png'); vertical-align:middle;}
.wastewater_consignment .list .top_year_select .year_select {float:right;}
.wastewater_consignment .list .top_year_select .btn {margin-left:5px; padding:5px 15px 6px;}

.wastewater_consignment .edit .temp_input {width:100%; height:39px;}
@media all and (max-width:1200px){
    .wastewater_consignment .user_check .login_inner:after {width:130px;height:139px;background-size:161.95% 122%;background-position:100% top;}
}
@media all and (max-width:800px){
    .wastewater_consignment .user_check .login_inner {padding:25px;}
    .wastewater_consignment .user_check .login_inner:after {display:none;}
    .wastewater_consignment .user_check .login_inner .top ul {width:100%;}
    .wastewater_consignment .user_check .login_inner .login_form ul {width:100%;}
    .wastewater_consignment .user_check .login_inner .login_form .button_wrap {width:100%;}
}
@media all and (max-width:765px){
    .wastewater_consignment .write .p-table colgroup + tbody tr:first-child th:nth-child(3) {border-top:none;}
}
@media all and (max-width:640px){
    .wastewater_consignment .user_check .login_box .box_wrap {padding:80px 45px 70px 45px;}
    .wastewater_consignment .user_check .login_box p br {display:none;}
    .wastewater_consignment .user_check .login_inner .login_form .login_num2 {width:100%;}

    .wastewater_consignment .write .write_btn .btn {padding:5px 25px 6px;}
}
@media all and (max-width:480px){
    .wastewater_consignment .view .view_btn .btn {width:100%;}
    .wastewater_consignment .view .view_btn .btn.type3 {margin-top:10px; margin-left:0;}

    .wastewater_consignment .user_check .login_box .box_wrap {padding:80px 25px 40px 25px;}
}

/* 강사신청 */
.instructor_application .list .list_total_btn {margin-bottom:15px;}
.instructor_application .list .total {float:left; position:relative; margin-top:8px; padding-left:20px;}
.instructor_application .list .total:before {display:block; position:absolute; top:2px; left:0; width:12px; height:16px; background-image:url('/common/images/template/temp_total_page.png');}
.instructor_application .list .btn_right {float:right;}

.instructor_application .privacy .agree_box th {text-align:center;}
.instructor_application .privacy .agree_box .check_box {padding:12px; background-color:#f2f4f7; text-align:center;}
.instructor_application .privacy .agree_text {overflow-y:scroll; height:200px; padding:20px; border:1px solid #e0e1e3; text-align:left;}
@media all and (max-width:765px){
    .instructor_application .p-table colgroup + tbody tr:first-child th:nth-child(3) {border-top:none;}
}

/* 청년내일채움공제 참여신청 */
.tomorrow_deduction .login .icon_box:after {background-image:url('/site/www/images/contents/cts2861_box_icon.png');}
.tomorrow_deduction .login .icon_box .date_text {position:relative; margin-top:18px; padding-top:2px; padding-left:40px; font-size:16px; font-weight:600;}
.tomorrow_deduction .login .icon_box .date_text:before {display:block; position:absolute; top:0; left:0; width:30px; height:30px; background-image:url('/site/www/images/program/tomorrow_deduction_date_icon.png');}
.tomorrow_deduction .login .login_box {margin-bottom:25px;}
.tomorrow_deduction .login .login_box .important {display:inline-block;position:relative;width:17px;font-size:0;line-height:0;vertical-align:middle;}
.tomorrow_deduction .login .login_box .important:before {display:block;position:absolute;top:-3px;left:0;width:6px;height:6px;border-radius:50%;background-color:#4c7de7;}
.tomorrow_deduction .login .login_box {position:relative;background-color:#f2f4f7;}
.tomorrow_deduction .login .login_box .box_wrap {padding:40px 90px 70px 90px;}
.tomorrow_deduction .login .login_inner {position:relative; padding:25px 40px 30px 40px;border:1px solid #e0e1e3;background-color:#fff;}
.tomorrow_deduction .login .login_inner:after {display:block;position:absolute;bottom:-46px;left:-53px;width:184px;height:197px;background:url(/site/health/images/program/selfcheck_sprite.png) no-repeat -114px 0;}
.tomorrow_deduction .login .login_inner .login_form ul {display:block;width:415px;margin:0 auto 15px;}
.tomorrow_deduction .login .login_inner .login_form ul li:nth-child(n + 2) {margin-top:10px;}
.tomorrow_deduction .login .login_inner .login_form .login_name {display:inline-block;width:121px;}
.tomorrow_deduction .login .login_inner .login_form .login_name em {font-size:15px;color:#000;letter-spacing:-0.02em;line-height:26px;font-weight:bold;}
.tomorrow_deduction .login .login_inner .login_form .login_input {display:inline-block; width:calc(100% - 125px);}
.tomorrow_deduction .login .login_inner .login_form .p-input {height:39px; border:1px solid #c2c5d2;}
.tomorrow_deduction .login .login_inner .login_form .license_number .p-input {width:calc(33.33% - 8px);}
.tomorrow_deduction .login .login_inner .login_form .button_wrap {text-align:center;}
.tomorrow_deduction .login .login_inner .login_form .button_wrap .btn {width:180px; padding-right:26px; padding-left:26px;}
.tomorrow_deduction .login .login_inner .login_form .button_wrap .btn.type3 {margin-left:5px;}

.tomorrow_deduction .write_btn {margin-top:20px;}
@media all and (max-width:1200px){
    .tomorrow_deduction .login .login_inner:after {width:130px;height:139px;background-size:161.95% 122%;background-position:100% top;}
}
@media all and (max-width:800px){
    .tomorrow_deduction .login .login_inner {padding:25px;}
    .tomorrow_deduction .login .login_inner:after {display:none;}
    .tomorrow_deduction .login .login_inner .top ul {width:100%;}
    .tomorrow_deduction .login .login_inner .login_form ul {width:100%;}
    .tomorrow_deduction .login .login_inner .login_form .button_wrap {width:100%;}
}
@media all and (max-width:640px){
    .tomorrow_deduction .login .login_box p br {display:none;}
    .tomorrow_deduction .login .login_box .box_wrap {padding:40px 45px 70px 45px;}
    .tomorrow_deduction .login .login_inner .login_form .select_item {width:100%;}
    .tomorrow_deduction .login .login_inner .login_form .button_wrap .btn {width:calc(50% - 5px);}
}
@media all and (max-width:480px){
    .tomorrow_deduction .login .login_box .box_wrap {padding:30px 25px 40px 25px;}
    .tomorrow_deduction .login .login_inner .login_form .license_number {width:100%;}
    .tomorrow_deduction .login .login_inner .login_form .button_wrap .btn {width:100%;}
    .tomorrow_deduction .login .login_inner .login_form .button_wrap .btn.type3 {margin-top:10px; margin-left:0;}
}

/* 구로알림 > 소식지 > 구로디지털 뉴스 */
.digital_news .list {border-top:2px solid #333;}
.digital_news .list > ul {}
.digital_news .list li {display:block;overflow:hidden;float:left;position:relative;width:calc((100% / 4) + 6px);margin-top:20px;padding-right:24px;padding-bottom:20px; border-bottom:1px solid #e0e1e3;text-align:center;}
.digital_news .list li:nth-child(4n) {width:calc((100% / 4) - 18px);padding-right:0;}
.digital_news .list li a {width:100%;}
.digital_news .list li a .list_img {position:relative;padding-top:310px;height:0;border:1px solid #c2c5d2;box-sizing:border-box;overflow:hidden;}
.digital_news .list li a .list_img img {position:absolute;top:-9999px;right:-9999px;bottom:-9999px;left:-9999px;min-width:100%;max-width:none !important;min-height:100%;max-height:none !important;height:100%;margin:auto;}
.digital_news .list li a .list_img span {opacity:0;transition:opacity 0.5s;}
.digital_news .list li:hover a .list_img span {display:block;position:absolute;opacity:1;top:0;width:100%;height:100%;padding-top:80%;background-color:rgba(0,0,0,0.7);font-size:20px;color:#fff;letter-spacing:-0.02em;line-height:26px;font-weight:bold;z-index:10;}
.digital_news .list li:hover a .list_img span:before {display:block;position:absolute;top:calc(50% - 60px);left:calc(50% - 27px);width:53px;height:53px;background:url('/site/www/images/program/newsletter_list_button.png') no-repeat;}
.digital_news .list li:hover a .list_img span:after {display:block;position:absolute;top:0;}
.digital_news .list li .list_title {display:block;width:100%;margin-bottom:5px; padding-top:6px;font-size:16px;color:#555;letter-spacing:-0.02em;line-height:26px;text-align:center;}
.digital_news .list li a.p-button.info {margin:0;background-color:#232f40;border-color:#232f40;}
@media screen and (max-width:1200px) {
    .digital_news .list li {overflow:visible;}
    .digital_news .list li a .list_img {padding-top:241px}
}
@media screen and (max-width:1000px) {
    .digital_news .list li {width:calc((100% / 4) + 6px)}
    .digital_news .list li:nth-child(4n) {width:calc((100% / 4) - 19px)}
    .digital_news .list li a {width:100%;}
    .digital_news .list li a .list_img {overflow:hidden;padding-top:300px;text-align:center;}
    .digital_news .list li a .list_img img {height:auto;}
}
@media screen and (max-width:850px){
    .digital_news .list li a .list_img {padding-top:248px;}
    .digital_news .list li a .list_img img {height:100%;}
}
@media screen and (max-width:800px) {
    .digital_news .list li {width:calc((100% / 2) + 12px)}
    .digital_news .list li:nth-child(4n) {width:calc((100% / 2) - 12px);padding-right:0;}
    .digital_news .list li:nth-child(2n) {width:calc((100% / 2) - 12px);padding-right:0;}
    .digital_news .list li a .list_img {padding-top:500px}
}
@media screen and (max-width:700px){
    .digital_news .list li:hover a .list_img span {padding-top:90%;}
}
@media screen and (max-width:640px) {
    .digital_news .list li a .list_img {padding-top:340px}
    .digital_news .list li a .list_img img {width:auto;height:100%;}
    .digital_news .list li:hover a .list_img span {padding-top:70%;}
}
@media screen and (max-width:580px){
    .digital_news .list li:hover a .list_img span {padding-top:80%;}
}
@media screen and (max-width:510px){
    .digital_news .list li:hover a .list_img span {padding-top:90%;}
}
@media screen and (max-width:480px) {
    .digital_news .list li a .list_img {padding-top:300px}
}
@media screen and (max-width:430px) {
    .digital_news .list li a .list_img {padding-top:250px}
}


/* 소통과참여 > 환경순찰스마트모니터 */
.dear_ward_chief2 .list .icon_box.type2:after {background-image:url('/site/www/images/program/dear_ward_chief_box_icon.png');}
.dear_ward_chief2 .list .icon_box .title {font-size:16px;}
.dear_ward_chief2 .list .icon_box .process_list {margin-top:8px;}
.dear_ward_chief2 .list .icon_box .process_list ol {overflow:unset;}
.dear_ward_chief2 .list .icon_box .process_list li {display:table;float:left;position:relative;width: calc(25% - 31px);height: 63px;margin-right:38px;padding-left:10px;}
.dear_ward_chief2 .list .icon_box .process_list li:last-child {margin:0;}
.dear_ward_chief2 .list .icon_box .process_list li:before {display:block; position:absolute; top:0; right:-38px; width:38px; height:100%; background:url('/site/www/images/program/dear_ward_chief_arrow.png') no-repeat center; content:''}
.dear_ward_chief2 .list .icon_box .process_list li:last-child:before {display:none;}
.dear_ward_chief2 .list .icon_box .process_list li .number {position:absolute;top:50%;left:0;width:20px;height: 20px;margin-top:-10px;padding-top: 1px;border-radius:50%;background-color:#5f6a89;font-size:12px;font-weight:600;color:#fff;line-height:20px;text-align:center;box-sizing: border-box;}
.dear_ward_chief2 .list .icon_box .process_list li .inner {display:table-cell;padding: 0 3px 0 12px;border-radius:4px;background-color:#f2f4f7;line-height:18px;text-align:center;vertical-align:middle;}
.dear_ward_chief2 .list .icon_box .process_list li:nth-child(2n) .inner {border:1px solid #c2c5d2;background-color:#fff;letter-spacing: -0.1em;}
@media all and (max-width:1200px) {
    .dear_ward_chief2 .list .icon_box .process_list li {width: calc(25% - 23px);margin-right:28px;font-size:13px;}
    .dear_ward_chief2 .list .icon_box .process_list li:before {right:-28px; width:28px;}
}
@media all and (max-width:800px) {
	.dear_ward_chief2 .list .icon_box .process_list {margin-top:0;padding-top:0;}
    .dear_ward_chief2 .list .icon_box .process_list li {width: calc(50% - 15px);margin-top:10px;margin-right:18px;padding-left:0;padding-top:15px;}
    .dear_ward_chief2 .list .icon_box .process_list li:nth-child(2n) {margin-right:0;}
    .dear_ward_chief2 .list .icon_box .process_list li:nth-child(4) {margin-top:10px;}
    .dear_ward_chief2 .list .icon_box .process_list li:before {right:-18px;width:18px;background: url('/site/www/images/program/dear_ward_chief_arrow.png') no-repeat center 40px;background-size:15px;}
    .dear_ward_chief2 .list .icon_box .process_list li .inner {height:65px;line-height:20px;}
    .dear_ward_chief2 .list .icon_box .process_list li .number {top:0; left:50%; margin-top:0; margin-left:-5px;}
}
@media all and (max-width:640px) {
    .dear_ward_chief2 .view .view_status_step ol li {margin-right:19px;}
}
@media all and (max-width:480px) {
    .dear_ward_chief2 .list .icon_box .process_list li {width: calc(50% - 18px);height:65px;margin-top:10px;}
    .dear_ward_chief2 .list .icon_box .process_list li:before {background-position: center 40px;}  
    .dear_ward_chief2 .list .icon_box .process_list li:nth-child(3) {margin-right:18px;}
    .dear_ward_chief2 .list .icon_box .process_list li:nth-child(4) {margin-top:10px;}
}

/* 동주민센터 > 주요시설 */

.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

/* 문자알림서비스 신규 20250912 */
.sms-notification-service {
    position:relative;
    background-color:#103e89;
    width:100%;
    overflow: hidden;
    padding:65px 0;
    font-family:"S-CoreDream", 'NotoSansCJKkr', 'NanumS', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;
}

.sms-notification-service .inner {
    max-width:1120px;
    width:100%;
    margin:0 auto;
    position:relative;
}

.sms-notification-service::before {
    content:"";
    display:block;
    width:456px;
    height:436px;
    background-image:url(/site/www/images/program/sms_notification_bg_01.png);
    position:absolute;
    left:-25px;
    top:10%;
}

.sms-notification-service::after {
    content:"";
    display:block;
    width:653px;
    height:692px;
    background-image:url(/site/www/images/program/sms_notification_bg_02.png);
    position:absolute;
    right:25px;
    bottom:-80px;
}

.sms-notification-service header {
    text-align: center;
    position:relative;
    z-index:1;
    max-width:1120px;
    width:100%;
    margin:0 auto;
}

.sms-notification-service header .title {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:25px;
}

.sms-notification-service header a.gurohome {
    display:flex;
    align-items: center;
    justify-content: center;
    color:#ffffff;
    position:absolute;
    width:203px;
    height:48px;
    border:1px solid rgba(255,255,255,0.7);
    border-radius:6px;
    right:-230px;
    top:0;
}

.sms-notification-service header a.gurohome::before {
    content:"";
    display:block;
    width:14px;
    height:14px;
    background-image:url(/site/www/images/program/gurohome.png);
    background-repeat:no-repeat;
    background-position:center;
    margin-right:8px;
}

.sms-notification-service header a.gurohome span {
    font-size:16px;
    letter-spacing: -0.05em;
}

.sms-notification-service header a.gurohome span b {
    font-weight:700;
}

.sms-notification-service header .title h1 {
    margin-top:-25px;
}

.sms-notification-service header .title p {
    font-family: 'GmarketSans', 'NotoSansCJKkr', 'NanumS', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;
    font-size:46px;
    font-weight:600;
    color:#ffffff;
    margin-left:20px;
    letter-spacing: -0.05em;
    line-height:1;
}

.sms-notification-service header .title p span {
    color:#cafbf9;
}

.sms-notification-service header > p {
    font-size:18px;
    letter-spacing: -0.03em;
    color:#ffffff;
    line-height:1.4;
    word-break: keep-all;
}

.sms-notification-service header > p b {
    color:#cafbf9;
}

.sms-notification-service header > p.caution {
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    font-size:15px;
    font-weight:300;
    color:rgba(255,255,255,0.7);
    margin-top:15px;;
}

.sms-notification-service header > p.caution span {
    display:block;
    word-break: keep-all;
}

.sms-notification-service header > p.caution::before {
    content:"";
    display:block;
    width:20px;
    height:19px;
    background-image:url(/site/www/images/program/sms_notification_caution.png);
    background-repeat:no-repeat;
    margin-right:4px;
    margin-top:1px;
}

.sms-notification-service .sms-notification-content {
    margin-top:35px;
    position:relative;
    z-index:1;
}

.sms-notification-service .sms-notification-content .content-wrap {
    width:100%;
    background-color:#ffffff;
    border-radius:12px 0 12px 12px;
    padding:40px 60px;
}

.notification-tab {
    margin-bottom:25px;
}

.notification-tab ul {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:18px;
}

.notification-tab ul li {
    width:100%;
    max-width:265px;
}

.notification-tab ul li a {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:55px;
    border:2px solid rgba(38,127,220,0.6);
    border-radius:6px 6px 0 0;
    box-sizing: border-box;
    font-weight:600;
    font-size:20px;
    letter-spacing: -0.05em;
    color:#267fdc;
    transition: all 0.3s;
}

.notification-tab ul li.on a {
    border:2px solid #267fdc;
    background-color:#267fdc;
    color:#ffffff;
}

.notification-tab ul li a:hover {
    border:2px solid #267fdc;
    background-color:#267fdc;
    color:#ffffff;
}

.notification-info {
    background-color:#f2f4f7;
    border-radius:6px;
    padding:25px 45px;
    position:relative;
}

.notification-info ul {
    max-width:calc(100% - 70px); 
}

.notification-info::after {
    content:"";
    display:block;
    width:61px;
    height:86px;
    background-image:url(/site/www/images/program/sms_notification_info_bg.png);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    right:45px;
    top:50%;
    transform: translateY(-50%);
}

.notification-info ul li {
    position:relative;
    color:#555555;
    padding-left:10px;
    word-break: keep-all;
}

.notification-info ul li::before {
    content:"·";
    display:block;
    position:absolute;
    left:0;
    top:0px;
}

.notification-con {
    margin-top:40px;
}

.notification-con .con-tit {
    font-size:22px;
    letter-spacing: -0.05em;
    color:#222222;
    font-weight:600;
    display:flex;
    align-items: center;
    margin-bottom:10px;
}

.notification-con .con-tit::before {
    content:"";
    display:block;
    width:24px;
    height:23px;
    background-image:url(/site/www/images/program/notification_con_tit.png);
    background-repeat:no-repeat;
    background-position:center;
    margin-right:4px;   
}

.notification-con .write-table tbody tr th {
    background-color:#f9fcff;
    border:1px solid #dddddd;
    padding:8px;
    height:55px;
    font-size:16px;
    font-weight:500;
    letter-spacing: -0.05em;
}

.notification-con .write-table tbody tr th span.req {
    font-size:0;
    text-indent:-999999999em;
    background-image:url(/site/www/images/program/req_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    width:9px;
    height:8px;
    margin-left:2px;
}

.notification-con .write-table tbody tr td {
    background-color:#ffffff;
    border:1px solid #dddddd;
    padding:8px;
    height:55px;
    font-size:16px;
    letter-spacing: -0.025em;
    font-weight:400;
}


.notification-con .write-table tbody tr td input[type="text"] {
    height:42px;
    border:1px solid #bbbbbb;
    border-radius:3px;
    padding:0 8px;
    width:100%;
    font-size:16px;
    letter-spacing: -0.025em;
    font-weight:400;
}

.notification-con .write-table tbody tr td .phone_input {
    display:flex;
    align-items: center;
}

.notification-con .write-table tbody tr td .phone_input .dash {
    color:#777777;
    margin:0 4px;
    width:8px;
    text-align: center;
    border:0;
}

.notification-con .write-table tbody tr td .phone_input .temp_select_box {
    height:42px;
    border:1px solid #bbbbbb;
    border-radius:3px;
    padding:0 8px;
    width:calc((100% - 185px) / 3);
    min-width:auto;
    box-sizing: border-box;
    font-size:16px;
    letter-spacing: -0.025em;
    font-weight:400;
    background: #fff url(/site/www/images/program/select_arrow_open.png) right 10px top 50% no-repeat;
}

.notification-con .write-table tbody tr td .phone_input .input_item {
    width:calc((100% - 185px) / 3)
}

.notification-con .write-table tbody tr td .phone_input .certification-btn {
    width:145px;
    height:42px;
    border-radius:3px;
    background-color:#003869;
    color:#ffffff;
    text-align: center;
    margin-left:8px;
}

.notification-con .write-table tbody tr td .input_section {
    display:flex;
    align-items: center;
}

.notification-con .write-table tbody tr td .input_section input[type="text"] {
    max-width:262.72px;
    width:calc(100% - 128px)
}

.notification-con .write-table tbody tr td .input_section .certification-btn {
    width:145px;
    height:42px;
    border-radius:3px;
    background-color:#003869;
    color:#ffffff;
    text-align: center;
    margin-left:8px;
}

.notification-con .write-table tbody tr td .input_section .state_text {
    display:flex;
    align-items: center;
    font-size:14px;
    font-weight:500;
    margin-left:20px;
    color:#1f57c8;
    position:relative;
}

.notification-con .write-table tbody tr td .input_section .state_text::before {
    content:"";
    display:block;
    width:17px;
    height:17px;
    background-image:url(/site/www/images/program/timer_ico.png);
    background-repeat:no-repeat;
    margin-right:6px;
}

.notification-con .write-table tbody tr td .input_section.same input[type="text"] {
    border:2px solid #499ae0
}

.notification-con .write-table tbody tr td .input_section.inconsistency input[type="text"] {
    border:2px solid #ff0000;
}

.notification-con .agree-box {
    border:1px solid #dddddd;
    box-sizing: border-box;
}

.notification-con .agree-box .agree-con {
    padding:20px 35px;
}

.notification-con .agree-box .agree-con table {
    border-top:2px solid #5c5c5c;
    margin-top:5px;
}

.notification-con .agree-box .agree-con table tr th {
    background-color:#f5f6f9;
    border-bottom:1px solid #e6e7e9;
    border-top:1px solid #e6e7e9;
    border-left:1px solid #ced1db;
    border-right:1px solid #ced1db;
    padding:8px 12px;
    color:#555555;
    font-size:14px;
    letter-spacing: -0.05em;
    font-weight:700;
    text-align: center;
}

.notification-con .agree-box .agree-con table tr td {
    border-bottom:1px solid #e6e7e9;
    border-top:1px solid #e6e7e9;
    border-left:1px solid #ced1db;
    border-right:1px solid #ced1db;
    padding:8px 12px;
    font-size:14px;
    color:#555555;
    letter-spacing: -0.05em;
}

.notification-con .agree-box .agree-con ul {
    margin-top:10px;
}

.notification-con .agree-box .agree-con ul li {
    padding-left:10px;
    letter-spacing: -0.05em;
    color:#555555;
    position:relative;
    font-weight:500;
    margin-bottom:5px;
}

.notification-con .agree-box .agree-con ul li:last-child {
    margin-bottom:0;
}

.notification-con .agree-box .agree-con ul li::before {
    content:"";
    display:block;
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:11px;
    background-color:#003869
}

.notification-con .agree-box .agree-con p {
    word-break: keep-all;
}

.notification-con .agree-box .aree-chk {
    padding:20px 35px;
    border-top:1px solid #dddddd;
    background-color:#f9fcff
}

.notification-con .agree-box .aree-chk .temp_checkbox label {
    font-size:16px;
    color:#333333;
    letter-spacing: -0.05em;
    padding-left:30px;
}

.notification-con .agree-box .aree-chk .temp_checkbox label::before {
    border:1px solid #c0c0c0;
    width:18px;
    height:18px;
    top:10px;
}

.sms-notification-content .service-btn {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:45px;
}

.sms-notification-content .service-btn button {
    width:100%;
    height:55px;
    max-width:265px;
    background-color:#08adb3;
    border-radius:6px;
    color:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    font-weight:600;
    font-size:18px;
    letter-spacing: -0.05em;
    box-shadow:8px 8px 0 rgba(8,173,179,0.14);
    transition: box-shadow 0.3s;
    cursor:pointer;
}

.sms-notification-content .service-btn button.apply-list {
    display:none;
}

.sms-notification-content .service-btn button.apply::before {
    content:"";
    display:block;
    width:21px;
    height:24px;
    background-image:url(/site/www/images/program/sms_alarm_ico.png);
    background-repeat:no-repeat;
    margin-right:8px;
}

.sms-notification-content .service-btn button.apply-list::before {
    content:"";
    display:block;
    width:19px;
    height:19px;
    background-image:url(/site/www/images/program/sms_apply_list_ico.png);
    background-repeat:no-repeat;
    margin-right:8px;
}

.sms-notification-content .service-btn button:hover {
    box-shadow:0px 0px 0 rgba(8,173,179,0.14);
}

.sms-notification-service .sms_pop {
    width:100%;
    max-width:730px;
    position:fixed;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:99999;
    background-color:#ffffff;
}


.sms-notification-service .sms_pop h5.title {
    margin:0;
    display:flex;
    justify-content: space-between;
    height:68px;
    padding:0 0 0 25px;
    box-sizing: border-box;
    background-color:#267fdc;
}

.sms-notification-service .sms_pop h5.title #sms_pop_title {
    height:100%;
    display:flex;
    align-items: center;
    color:#ffffff;
    font-size:24px;
    letter-spacing: -0.05em;
    font-weight:600;
}

.sms-notification-service .sms_pop h5.title a {
    width:70px;
    height:100%;
    display:block;
    font-size:0;
    text-indent:-99999999em;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(/site/www/images/program/sms_pop_close.png);
    background-color:rgba(15,65,118,0.35)
}

.sms-notification-service .sms_pop .agree_title {
    font-size:16px;
    color:#4c7de7;
    font-weight:600;
    letter-spacing: -0.05em;
    margin-bottom:5px;
}

.sms-notification-service .sms_pop .sms_pop_con {
    padding:30px;
    border:1px solid #caccd0;
    border-top:0;
    box-sizing: border-box;
}

.sms-notification-service .sms_pop .sms_pop_con .mover {
    max-height:640px;
    overflow: auto;
}

.sms-notification-service .sms_pop .sms_pop_con .text_box {
    padding:15px 20px;
    background-color:#f3f4f8;
    box-sizing: border-box;
    margin-bottom:20px;
}

.sms-notification-service .sms_pop .sms_pop_con .text_box p {
    letter-spacing: -0.05em;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 {
    margin-bottom:20px;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul {
    display:flex;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li {
    display:flex;
    align-items: center;
    height:45px;
    box-sizing: border-box;
    border:1px solid #dddddd;
    width:100%;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li:first-child {
    border-right:0;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span {
    padding:0 15px;
    font-size:16px;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span:nth-of-type(1) {
    display:flex;
    align-items: center;
    justify-content: center;
    width:35%;
    height:100%;
    background-color:#f9fcff;
    border-right:1px solid #dddddd;
    text-align: center;
    font-weight:500;
    letter-spacing: -0.05em;
    color:#000000;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span:nth-of-type(2) {
    letter-spacing: -0.025em;
    width:65%;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table {
    border-top:2px solid #333333;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table thead tr th {
    background-color:#f2f4f7;
    border:1px solid #dddddd;
    border-top:0;
    height:35px;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table .temp_checkbox input[type="checkbox"] + label {
    display:block;
    padding:0;
    width:15px;
    height:15px;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table .temp_checkbox input[type="checkbox"] + label:before {
    top:0;
    left:0;
    box-sizing: border-box;
    margin-top:0;
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table .temp_checkbox input[type="checkbox"]:checked  + label:before{
    border:1px solid #4c7de7
}

.sms-notification-service .sms_pop .sms_pop_con .sms_table .temp_checkbox input[type="checkbox"]:disabled + label:before {
    background-color:#eaeaea;
    border:1px solid #dddddd;
}


.sms-notification-service .sms_pop .sms_pop_con .sms_table tbody tr td {
    text-align: center;
    height:35px;
    border:1px solid #dddddd;
    padding:0 4px;
    line-height:1.4;
}

.sms-notification-service .sms_pop .service_btn2 {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    margin-top:25px;
}

.sms-notification-service .sms_pop .service_btn2 button {
    width:calc((100% - 10px) / 2);
    height:45px;
    color:#ffffff;
    border-radius:4px;
}

.sms-notification-service .sms_pop .service_btn2 button.cancel2 {
    background-color:#5f6a88;
}

.sms-notification-service .sms_pop .service_btn2 button.apply2 {
    background-color:#4c7de6;
}

.sms-notification-service .sms_pop .gsindividual-reg .sms_table table tbody tr td {
    padding:4px;
    height:40px;
    font-size:13px;
}

.sms-notification-service .sms_pop .gsindividual-reg .sms_table table tr td select {
    width:100%;
    border:1px solid #dddddd;
    box-sizing: border-box;
    border-radius:3px;
    font-size:13px;
    height:100%;
}

.sms-notification-service .sms_pop .gsindividual-reg .sms_table table tr td input[type="text"] {
    width:100%;
    border:1px solid #dddddd;
    box-sizing: border-box;
    border-radius:3px;
    font-size:13px;
    height:100%;
    padding:0 4px;
}

.sms-notification-service .sms_pop .gsindividual-reg .sms_table table tr td button {
    text-align: center;
    font-size:13px;
    color:#ffffff;
    background-color:#005aab;
    border-radius:4px;
    height:100%;
    width:100%;
    border:none;
}

.bblayer {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.5);
    z-index:4;
    display:none;
}

.sms-notification-content .parkingcrackdown-alarm-link {
    width:204px;
    height:203px;
    background-color:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:28px;
    border-radius:0 12px 12px 12px;
    position:absolute;
    right:-230px;
    top:0;
    cursor:pointer;
    z-index:999;
    text-align: center;
}

.sms-notification-content .parkingcrackdown-alarm-link .txt {
    position:relative;
    text-align: left;
    font-size:22px;
    font-weight:700;
    margin-bottom:10px;
    letter-spacing: -0.05em;
    line-height:1.4;
    color:#1f57c8;
}

.sms-notification-content .parkingcrackdown-alarm-link .txt span {
    color:#11428d;
}

.sms-notification-content .parkingcrackdown-alarm-link .txt::after {
    content:"";
    display:block;
    width:33px;
    height:28px;
    background-image:url(/site/www/images/program/parkingcrackdown_bubble.png);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    right:0;
    top:-2px;
}

.sms-notification-content .parkingcrackdown-alarm-link img {
    margin-right:-15px;
}

@media all and (max-width: 1180px) {
    .sms-notification-service header {
        padding:0 15px;
    }

    .sms-notification-service .inner {
        max-width:100%;
        padding:0 15px;
    }

    .sms-notification-service header > p.caution  {
        text-align: center;
        gap:5px;
    }

    .sms-notification-service header > p.caution::before {
        margin:0;
    }

    .sms-notification-service header a.gurohome {
        right:15px;
        width:48px;
    }

    .sms-notification-service header a.gurohome span {
        font-size:0;
    }

    .sms-notification-service header a.gurohome::before {
        margin-right:0;
    }

    .sms-notification-content .parkingcrackdown-alarm-link {
        position:fixed;
        right:20px;
        bottom:15px;
        top:auto;
        width:110px;
        height:110px;
        padding:8px;
        box-sizing: border-box;
        box-shadow:0 0 12px rgba(0,0,0,0.4);
    }

    .sms-notification-content .parkingcrackdown-alarm-link .txt {
        font-size:14px;
    }

    .sms-notification-content .parkingcrackdown-alarm-link .txt::after {
        width:18px;
        height:15px;
        background-size:100%;
        right:5px;
        top:1px;
    }

}

@media all and (max-width: 1080px) {
    .sms-notification-service {
        padding:45px 0;
    }

    .sms-notification-service header .title h1 img {
        width:125px;
    }

    .sms-notification-service header .title p {
        font-size:35px;
    }

    .sms-notification-service header > p {
        font-size:16px;
    }

    .sms-notification-service .sms-notification-content .content-wrap {
        padding:30px 35px;
    }

    .notification-con .write-table colgroup {
        display:none;
    }

    .notification-con .write-table tr {
        display:flex;
        flex-wrap:wrap;
    }

    .notification-con .write-table tbody tr th {
        display:flex;
        flex-wrap:wrap;
        align-items: center;
        justify-content: center;
        width:20%;
        height:auto;
        border-right:0;
        border-bottom:0;
    }

    .notification-con .write-table tbody tr td {
        display:flex;
        width:80%;
        height:auto;
        box-sizing: border-box;
        border-bottom:0;
    }

    .notification-con .write-table tbody tr:last-of-type th,
    .notification-con .write-table tbody tr:last-of-type td {
        border-bottom:1px solid #dddddd;
    }

    .notification-con .write-table tbody tr td .phone_input {
        width:100%;
    }

    .notification-con .write-table tbody tr td .input_section {
        width:100%;
    }

    .notification-info {
        padding:25px;
    }

    .notification-info::after {
        right:25px;
    }

}

@media all and (max-width: 768px) {

    .sms-notification-service header .title h1 {
        margin-top:-15px;
    }

    .sms-notification-service header .title h1 img {
        width:90px;
    }

    .sms-notification-service header .title p {
        font-size:25px;
        margin-left:10px;
    }

    .sms-notification-service header > p {
        font-size:14px;
    }

    .sms-notification-service header > p.caution {
        font-size:14px;
        text-align: center;

    }

    .notification-tab ul {
        gap:15px;
    }

    .notification-tab ul li {
        max-width:calc((100% - 15px) / 2);
    }

    .notification-tab ul li a {
        font-size:18px;
    }

    .notification-info {
        padding:15px;
    }

    .notification-info::after {
        width:40px;
        height:56px;
        background-size:100%;
        top:auto;
        transform: none;
        bottom:15px;
    }

    .notification-info ul li {
        font-size:14px;
    }

    .sms-notification-service {
        padding:30px 0;
    }

    .sms-notification-service .sms-notification-content .content-wrap {
        padding:20px 15px;
    }

    .notification-con {
        margin-top:25px;
    }

    .notification-con .con-tit {
        font-size:18px;
    }

    .notification-con .con-tit::before {
        width:20px;
        height:19px;
        background-size:100%;
    }

    .notification-con .write-table tbody tr th {
        font-size:14px;
    }

    .notification-con .write-table tbody tr td input[type="text"] {
        height:35px;
        font-size:13px;
    }

    .notification-con .write-table tbody tr td .phone_input .temp_select_box {
        height:35px;
        font-size:14px;
        width: calc((100% - 140px) / 3);
    }

    .notification-con .write-table tbody tr td .phone_input .input_item {
        width: calc((100% - 140px) / 3);
    }

    .notification-con .write-table tbody tr td .phone_input .certification-btn {
        height:35px;
        font-size:14px;
        width:100px;
    }

    .notification-con .write-table tbody tr td .input_section input[type="text"] {
        width:calc(100% - 108px);
    }

    .notification-con .write-table tbody tr td .input_section .certification-btn {
        height:35px;
        font-size:14px;
        width:100px;
    }

    .notification-con .agree-box .agree-con {
        padding:20px 15px;
    }

    .notification-con .agree-box .agree-con p {
        font-size:14px;
    }

    .notification-con .agree-box .agree-con ul li {
        font-size:14px;
    }

    .notification-con .agree-box .agree-con table tr th,
    .notification-con .agree-box .agree-con table tr td {
        font-size:13px;
    }

    .notification-con .agree-box .aree-chk {
        padding:15px;
    }

    .notification-con .agree-box .aree-chk .temp_checkbox label {
        font-size:14px;
    }

    .sms-notification-content .service-btn {
        margin-top:25px;
    }

    .sms-notification-service .sms_pop {
        width:calc(100% - 30px);
    }

    .sms-notification-service .sms_pop h5.title {
        height:50px;
        padding-left:15px;
    }

    .sms-notification-service .sms_pop h5.title #sms_pop_title {
        font-size:18px;
    }

    .sms-notification-service .sms_pop h5.title a {
        width:50px;
        background-size:15px;
    }
    
    .sms-notification-service .sms_pop .agree_title {
        font-size:15px;
        padding-left:12px;
    }

    .sms-notification-service .sms_pop .sms_pop_con {
        padding:15px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .text_box {
        margin-bottom:15px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .text_box p {
        font-size:14px;
        line-height:1.5;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1  {
        margin-bottom:15px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span {
        font-size:14px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_table table {
        font-size:13px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .mover {
        overflow:auto;
        max-height:420px;
    }

    .sms-notification-service .sms_pop .service_btn2 {
        margin-top:15px;
    }
 
    .sms-notification-content .parkingcrackdown-alarm-link {
        width:90px;
        height:90px;
    }

    .sms-notification-content .parkingcrackdown-alarm-link .txt {
        font-size:11px;
    }
        
    .sms-notification-content .parkingcrackdown-alarm-link img {
        margin-right:-5px;;
    }

    .sms-notification-content .parkingcrackdown-alarm-link .txt::after {
        width:14px;
        height:12px;
    }

    .sms-notification-service header a.gurohome {
        width:35px;
        height:35px;
        top:-4px;
    }
}

@media all and (max-width:640px) {

    .sms-notification-service .sms-notification-content {
        margin-top:15px;
    }

    .notification-tab {
        margin-bottom:15px;
    }

    .notification-tab ul {
        gap:8px;
    }
    
    .notification-tab ul li {
        width:calc((100% - 8px) / 2);
    }

    .notification-tab ul li a {
        height:45px;
        font-size:16px;
    }

    .notification-info::after {
        display:none;
    }

    .notification-info ul {
        max-width:100%;
    }

    .notification-info ul li {
        line-height:1.5;
        margin-bottom:4px;
        font-size:13px;
    }

    .notification-info ul li:last-child {
        margin-bottom:0;
    }

    .notification-con {
        margin-top:15px;
    }

    .notification-con .con-tit {
        font-size:16px;
        margin-bottom:8px;
    }

    .notification-con .write-table tbody tr th {
        width:100%;
        border-right:1px solid #dddddd;
        justify-content: flex-start;
    }

    .notification-con .write-table tbody tr:last-of-type th {
        border-bottom:0;
    }

    .notification-con .write-table tbody tr td {
        width:100%;
    }

    .notification-con .agree-box .agree-con p {
        line-height:1.5;
    }
    
    .sms-notification-service .sms_pop h5.title {
        height:45px;
    }

    .sms-notification-service .sms_pop h5.title a {
        width:45px;
    }

    .sms-notification-service .sms_pop h5.title #sms_pop_title {
        font-size:16px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .text_box p {
        font-size:13px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul {
        flex-wrap:wrap;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li {
        height:38px;
        border-bottom:0;
    }
    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li:first-child {
        border-right:1px solid #dddddd;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li:last-child {
        border-bottom:1px solid #dddddd;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span {
        padding:0 4px;
        font-size:13px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span:nth-of-type(1) {
        width:28%;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_pop_1 ul li span:nth-of-type(2) {
        width:72%;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_table {
        overflow:auto;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_table table {
        min-width:440px;
    }

    .sms-notification-service .sms_pop .sms_pop_con .sms_table tbody tr td {
        font-size:12px;
    }

    .sms-notification-service header {
        z-index:2;
    }

    .sms-notification-service header a.gurohome {
        position:fixed;
        right:15px;
        top:auto;
        bottom:115px;
        background-color:#103e89;
    }

    .sms-notification-service .sms_pop .gsindividual-reg .sms_table table tr td select {
        font-size:12px;
    }

    .sms-notification-service .sms_pop .gsindividual-reg .sms_table table tr td input[type="text"]{
        font-size:12px;
    }

	.notification-con .write-table tbody tr td .input_section {
		flex-wrap:wrap;
	}

	.notification-con .write-table tbody tr td .input_section .state_text {
		width:100%;
		margin-left:2px;
		margin-top:4px;
	}

	.notification-con .write-table tbody tr td .input_section .state_text::before {
		width: 16px;
		height: 16px;
		background-size:cover;
	}


}