sub @charset "utf-8"; /* --------------- header ------------- */ .header_wrap .header-top .gnb-logo {flex:none;} .header_wrap .header-top .gnb-logo .logoImg.openlogo {display:block;} .header_wrap .header-top .header-top-right a span {color:#000;} .header-top .header-top-right a.btn_borderB span{background:url(/share/cleanup/img/layout/login_b_ico.svg) no-repeat left bottom 10px/24px auto;} .header_wrap .header-top .header-top-right .btn_login span{background:url(/share/cleanup/img/layout/login_b_ico.svg) no-repeat left bottom 9px/auto 28px;} .header_wrap .header-top .header-top-right .btn_join span{background:url(/share/cleanup/img/layout/join_b_ico.svg) no-repeat left center/auto 24px;} .header-top .header-top-right a.btn_logout span{background:url(/share/cleanup/img/layout/logout-b-ico.svg) no-repeat left center/24px auto;} .header-top .header-top-right a.btn_mem span{background:url(/share/cleanup/img/layout/user-info-ico.svg) no-repeat left center/29px auto;} .header-top .header-top-right .sel-cont a{background:#3A548C url(/share/cleanup/img/layout/share-ico.svg) no-repeat left 20px center/13.3px auto;} #gnb-box .all-menuBox .all-menu span{color:#000;} #gnb-box .all-menuBox .all-menu span::after{background:url(/share/cleanup/img/layout/sitemap_b_ico.svg) no-repeat center center/100% 100%;} #gnb-box .bt-line{top:71px;} #gnb .topmenu .mn_a1 span{color:#000;} .gnb-search-wrap .gnb-search-box button{background:url(/share/cleanup/img/layout/search_ico.svg) no-repeat center center/24px auto;} #gnb .topmenu .mn_l1.on .mn_a1 span {color:#256CFF !important;} /* --------------- sub ------------- */ #container:after {content:""; display:block; clear:both;} #container .content-wrap{max-width:100%;position:relative;} #container .content-wrap::before{content:"";display:block;width:100%;height:170px;background-color:#EDF2F8;position:absolute;top:0;left:0;z-index:-1;} #container .content-wrap .subNavi-content{width:calc(100% - 140px);min-height:890px;padding-top:50px;} #container .content-wrap .subNavi-content .inwrap{max-width:1400px;display:flex;gap:0 40px;} #subNavi-wrap{width:260px;} #subNavi .subTitle{display:table;table-layout:fixed;width:100%;height:120px;border-radius:10px 10px 0 0;background:#2F487C;padding:22px 30px;box-sizing:border-box;} #subNavi .subTitle .dp1_name{display:table-cell;vertical-align:middle;font-family:'ONE-Mobile-Title';font-size:32px;color:#fff;line-height:1.2;} #subNavi .subTitle .dp1_name span{font-family:'NanumGothic';font-weight:400;font-size:16px;} #subNavi .mb-l2open {display:none;} #subNavi #leftmenu{min-height:650px;border-radius:0 0 10px 10px;background:#EDF2F8 url(/share/cleanup/img/layout/subnavi-bg.svg) no-repeat center bottom/200px auto;} #subNavi #leftmenu .lm_a2{display:block;padding:15px 40px 15px 30px;border-bottom:1px solid #CEDDF0;} #subNavi #leftmenu .lm_12:last-child .lm_a2 {border-bottom:none;} #subNavi #leftmenu .lm_l2 .lm_a2 span{font-weight:600;} #subNavi #leftmenu .lm_l2.over .lm_a2, #subNavi #leftmenu .lm_l2:hover .lm_a2{background-color:#256CFF;} #subNavi #leftmenu .lm_l2.over .lm_a2 span, #subNavi #leftmenu .lm_l2:hover .lm_a2 span{color:#fff;} #subNavi #leftmenu .had3dep .lm_a2{position:relative;} #subNavi #leftmenu .had3dep .lm_a2:after {content:"";position:absolute;top:50%;right:20px;margin-top:-4px;display:block;width:10px;height:6px;background:url(/share/cleanup/img/layout/sel_down_ico.svg) no-repeat center center/100% auto;} #subNavi #leftmenu .had3dep.over .lm_a2:after, #subNavi #leftmenu .had3dep:hover .lm_a2:after{background-image:url(/share/cleanup/img/layout/sel_down_w_ico.svg);} #subNavi #leftmenu .had3dep.open .lm_a2:after {transform: rotate(180deg);} #subNavi #leftmenu .depth3{display:none;padding:15px 0 30px 0;border-bottom:1px solid #CEDDF0;background-color:#E2ECF9;} #subNavi #leftmenu .lm_l3{padding:0 30px 10px 30px;} #subNavi #leftmenu .lm_a3 {position:relative; padding-left:10px;} #subNavi #leftmenu .lm_a3:before{content:"";display:block;width:4px;height:1px;background:#000;position:absolute;top:7px;left:0;} #subNavi #leftmenu .lm_a3 span{font-size:15px;color:#000;} .mb-depth3 {display:none;} #subNavi .left_quick a {display:block; height:50px; line-height:50px; padding:0 20px 0 55px; margin-top:5px; background-color:#f4f6f7; background-repeat:no-repeat; background-position:20px center; border:1px solid #ededed; border-radius:3px; transition:all 0.3s;} #subNavi .left_quick a.pob-src {background-image:url(/share/cleanup/img/layout/left_quick-pob-src_new.png);background-size:28px auto;} #subNavi .left_quick a.bid {background-image:url(/share/cleanup/img/layout/left_quick-bid_new.png);background-size:30px auto;} #subNavi .left_quick a.reference {background-image:url(/share/cleanup/img/layout/left_quick-reference_new.png);background-size:28px auto;} #subNavi .left_quick a.faq {background-image:url(/share/cleanup/img/layout/left_quick-faq_new.png);background-size:27px auto;} #subNavi .left_quick a.guide {background-image:url(/share/cleanup/img/layout/left_quick-guide_new.png);background-size:30px auto;} #subNavi .left_quick a.urban {background-image:url(/share/cleanup/img/layout/urban1.png);background-size:30px auto;} .contents-wrap{width:calc(100% - 260px);min-height:840px;} /* 로케이션 및 서브 상단 */ .location_inwrap{position:relative;padding:30px 0 22px 0;display:flex;justify-content:space-between;} .subpage-title{font-family:'ONE-Mobile-Title';font-size:28px;color:#2F487C;line-height:1.2;} .subpage-title span{font-family:'ONE-Mobile';font-size:16px;color:#000;} .location{height:50px;background-color:#fff;border-radius:10px;padding:14px 30px;box-sizing:border-box;display:flex;} .location:after {content:""; display:block; clear:both;} .location .home:before {display:none;} .location .home a{padding-left:20px;background:url(/share/cleanup/img/layout/sub-home-ico.svg) no-repeat left center/12px auto;} .location li{position:relative;margin:0 20px;} .location li:first-child{margin-left:0;} .location li:last-child{margin-right:0;} .location li:before{content:"";display:block;width:8px;height:12px;background:url(/share/cleanup/img/layout/sub-arrow-right-ico.svg) no-repeat center center/8px auto;position:absolute;top:50%;left:-23px;transform:translateY(-50%);} .location li a{color:#000;font-size:14px;} .location li.thispg a {font-weight:500;} .subTop-btns-box {font-size:0;} .subTop-btns-box {position:absolute; bottom:30px; right:0;} .subTop-btns-box button {width:35px; height:35px; margin-left:5px; border:1px solid #ededed; border-radius:3px; cursor:pointer;} .subTop-btns-box button.page-download {background:url(/share/cleanup/img/layout/page-download.png) no-repeat center center; background-size:17px auto;} .subTop-btns-box button.page-share {background:url(/share/cleanup/img/layout/page-share.png) no-repeat center center; background-size:15px auto;} .subTop-btns-box button.page-print {background:url(/share/cleanup/img/layout/page-print.png) no-repeat center center; background-size:15px auto;} .subTop-btns-box .subTop-btns {display:inline-block; position:relative;} .subTop-btns-box .subTop-btns .subTop-btn-cont {display:none; width:135px; position:absolute; top:0; right:0; font-size:14px; border:1px solid #ededed; border-radius:3px; background:#fff; z-index:1;} .subTop-btns-box .subTop-btns .subTop-btn-cont .subTop-btn-cont-inwrap {padding:20px; position:relative;} .subTop-btns-box .subTop-btns .subTop-btn-cont .close {position:absolute; top:10px; right:10px; width:16px; height:16px; display:block; background:url(/share/cleanup/img/layout/subTop-btn-cont_close.png) no-repeat center center; background-size:16px auto;} .subTop-btns-box .subTop-btns .subTop-btn-cont .tit {margin-top:20px; margin-bottom:10px; font-size:14px; font-weight:600; letter-spacing:-0.08em; text-align:left;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD {display:block; text-align:left; margin-bottom:10px;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD:last-child {margin-bottom:0;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD span:before {content:""; display:inline-block; width:19px; height:21px; margin-right:10px; vertical-align:middle;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD.hwp span:before {background:url(/share/cleanup/img/layout/viewerD-hwp.png) no-repeat center center;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD.pdf span:before {background:url(/share/cleanup/img/layout/viewerD-pdf.png) no-repeat center center;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD.word span:before {background:url(/share/cleanup/img/layout/viewerD-word.png) no-repeat center center;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD.excel span:before {background:url(/share/cleanup/img/layout/viewerD-excel.png) no-repeat center center;} .subTop-btns-box .subTop-btns .subTop-btn-cont .viewerD.power span:before {background:url(/share/cleanup/img/layout/viewerD-power.png) no-repeat center center;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare {display:block; text-align:left; margin-bottom:10px;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare:last-child {margin-bottom:0;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare span:before {content:""; display:inline-block; width:21px; height:21px; margin-right:10px; vertical-align:middle;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare.twiter {margin-top:20px;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare.twiter span:before {background:url(/share/cleanup/img/layout/pgshare-twiter.png) no-repeat center center; background-size:21px auto;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare.facebook span:before {background:url(/share/cleanup/img/layout/pgshare-facebook.png) no-repeat center center; background-size:21px auto;} .subTop-btns-box .subTop-btns .subTop-btn-cont .pgshare.kakao span:before {background:url(/share/cleanup/img/layout/pgshare-kakao.png) no-repeat center center; background-size:21px auto;} /* 문의처 안내 팝업 추가 */ nav .helpPop_wrap {display:none;} .helpPop_wrap{width:140px;height:100%;position:absolute;top:0;right:0;background-color:#D8E5F4;padding:40px 26px;box-sizing:border-box;} .helpPop_box{} .help-tit{font-family:'ONE-Mobile-Title';font-size:14px;line-height:1.5;color:#000;} .help-tit span{font-family:'NanumGothic';font-size:12px;font-weight:400;} .sub-Link{width:100%;margin-top:20px;} .sub-Link .Link-cont + .Link-cont{margin-top:20px;} .sub-Link .Link-cont.view{overflow:hidden;height:0;transition:height 0.3s ease;} .sub-Link .Link-item + .Link-item{margin-top:20px;} .sub-Link .Link-item a{display:block;} .sub-Link .Link-item a span{display:block;width:100%;font-weight:600;font-size:16px;text-align:center;position:relative;} .sub-Link .Link-item a span::before{content:"";display:block;width:60px;height:60px;border-radius:20px;background-color:#fff;background-repeat:no-repeat;background-position:center center;margin:0 auto 10px auto;} .sub-Link .Link-item a span.data::before{background-image:url(/share/cleanup/img/main/sec01_resources_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.academy::before{background-image:url(/share/cleanup/img/main/sec01_eacademy_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.search::before{background-image:url(/share/cleanup/img/main/sec01_location_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.visit::before{background-image:url(/share/cleanup/img/main/sec01_education_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.stats::before{background-image:url(/share/cleanup/img/main/sec01_maintenance_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.manager::before{background-image:url(/share/cleanup/img/main/sec01_agency_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.guide::before{background-image:url(/share/cleanup/img/main/sec01_guide_ico.svg);background-size:28px auto;} .sub-Link .Link-item a span.qna::before{background-image:url(/share/cleanup/img/main/sec01_qna_ico.svg);background-size:30px auto;} .sub-Link .Link-item a span.edu::before{background-image:url(/share/cleanup/img/main/sec01_schedule_ico.svg);background-size:29px auto;} .sub-Link .Link-item a span.open::before{background-image:url(/share/cleanup/img/main/sec01_disclosure_ico.svg);background-size:30px auto;} .Link-all-btn{width:100%;margin-top:46px;} .Link-all-btn a{display:block;} .Link-all-btn a span{display:block;width:100%;font-size:16px;text-align:center;position:relative;} .Link-all-btn a span::before{content:"";display:block;width:37.5px;height:37.5px;background:url(/share/cleanup/img/main/list_all_ico.svg) no-repeat center center/37.5px auto;margin:0 auto 10px auto;} /* 서브 링크 박스-show */ .helpPop_wrap.subPop_wrap.show{width:260px;} .helpPop_wrap.subPop_wrap.show .Link-cont{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 0;} .helpPop_wrap.subPop_wrap.show .Link-cont.view{height:360px;} .helpPop_wrap.subPop_wrap.show .Link-cont .Link-item{width:calc(100% / 2);} .helpPop_wrap.subPop_wrap.show .sub-Link .Link-item + .Link-item{margin-top:0;} /* 스킵네비 스크롤이동 위치 조절 */ #main-contants {scroll-margin-top:180px;} @media screen and (min-width:1200px){ /* 문의처 안내 팝업 추가 */ .quickPop li a:hover, .quickPop li a:focus {background:#eee} } @media screen and (max-width:1200px){ /* --------------- sub ------------- */ #container{} #container.hd_fix {padding-top:70px;} #container .content-wrap .subNavi-content{width:100%;padding-top:0;} #container .content-wrap .subNavi-content .inwrap{flex-wrap:wrap;gap:0;} #subNavi-wrap{width:100%;} #subNavi {margin-top:0; margin-bottom:0;} #subNavi .mb-l2open{display:block;padding:30px 60px 30px 20px;position:relative;background:#256CFF;} #subNavi .mb-l2open span{color:#fff;font-size:20px;font-weight:600;} #subNavi .mb-l2open:after{content:"";display:block;width:16px;height:8px;background:url(/share/cleanup/img/layout/sel_down_w_ico.svg) no-repeat center center/16px auto;position:absolute;top:50%;right:20px;} #subNavi .mb-l2open.over:after{background-image:url(/share/cleanup/img/layout/sel_down_w_ico.svg);margin-top:-4px;} #subNavi .lm-wrap:has(.opened) .mb-l2open:after {transform: rotate(180deg);} #subNavi .left_quick {display:none;} #subNavi .subTitle{height:auto;padding:30px 15px 30px 15px;border-radius:0;text-align:center;box-sizing:border-box;} #subNavi .subTitle .dp1_name{font-size:28px;} #subNavi .subTitle .dp1_name span, #subNavi .subTitle .dp1_name br{display:none;} #subNavi #leftmenu{border:none;border-radius:0;min-height:0;height:0;overflow:hidden;transition:height 0.3s ease;position:relative;} #subNavi #leftmenu.opened{min-height:auto;height:auto;overflow:visible;} #subNavi #leftmenu .depth2{display:none;width:100%;position:absolute;top:0;left:0;z-index:3;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1);} #subNavi #leftmenu .lm_a2, #subNavi #leftmenu .over .lm_a2, #subNavi #leftmenu .had3dep .lm_a2{background:#EDF2F8;border-bottom:1px solid #D8DFEA;padding:20px;} #subNavi #leftmenu .depth2 li:last-child a{border-bottom:none;} #subNavi #leftmenu .lm_l2.over .lm_a2{background:#D8E5F4;} #subNavi #leftmenu .lm_a2 span{font-weight:600;font-size:16px;color:#000;} #subNavi #leftmenu .over .lm_a2 span, #subNavi #leftmenu .lm_l2.over .lm_a2 span{color:#000;} .mb-depth3{display:block;background:#EDF2F8;padding:20px 10px 0;} .mb-depth3open{display:block;background:#fff;padding:20px;border-radius:10px 10px 0 0;position:relative;} .mb-depth3open span{font-weight:600;font-size:20px;} .mb-depth3open:after{content:"";display:block;width:20px;height:20px;background:url(/share/cleanup/img/layout/arrow-down-circle.svg) no-repeat center center/20px auto;position:absolute;top:50%;right:20px;margin-top:-10px;} .mb-depth3open.over:after {background-image:url(/share/cleanup/img/layout/mb-depth3open-over.png)} .mb-depth3 .depth3{display:none;position:absolute;left:10px;width:calc(100% - 20px);border-radius:0 0 10px 10px;box-sizing:border-box;z-index:3;overflow:hidden;} .mb-depth3 .depth3 .lm_a3{display:block;padding:20px;background:#EDF2F8;border-bottom:1px solid #D8DFEA;} .mb-depth3 .depth3 li:last-child a{border-bottom:none;} .mb-depth3 .depth3 .over .lm_a3{background:#D8E5F4;} .mb-depth3 .depth3 .lm_a3 span{font-weight:600;font-size:16px;} .contents-wrap{width:100%;} .location_inwrap{display:none;} .subTop-btns-box {position:static;} .subpage-title {display:none;} .location {display:none} .subTop-btns button.page-download {display:none} .subTop-btns button.page-print {display:none} .quickPop {display:none;} }