@charset "utf-8";

/*숨김처리*/
.visually_hidden{position: absolute;overflow: hidden;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;border: 0;}

/* 인사말 */
.greeting{position:relative;display:flex;gap:50px;}
.greeting .txt_wrap{padding-top:30px;}
.greeting .txt_wrap .tit{font-size: 1.8rem;font-weight:500;}
.greeting .txt_wrap h2{font-size: 4rem; font-weight: 700;line-height: 1.3;margin:10px 0 40px;}
.greeting .txt_wrap .cont{font-weight:500;color:#555;line-height: 1.7;}
.greeting .txt_wrap .greet{font-size:2rem;font-weight:600;margin-top:30px;}
.greeting .img_wrap{position:relative;width:450px;height:530px;box-shadow:-15px 25px 30px rgba(0,0,0,0.15);}
.greeting .img_wrap img{width:450px;height:530px;}
.greeting .img_wrap:before{content: ""; position: absolute; left: 0; top: 0;z-index: 2; width: 100%; height: 100%;background: #ffffff4d;animation: greetimg cubic-bezier(0, .30, .43, 1) 1.1s 0.3s both;}

@keyframes greetimg {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

.greeting .back_txt{position:absolute;z-index: -1;bottom:-100px;}
.greeting .back_txt p{font-size:7rem;font-weight:900;color:#fff;text-align: right; letter-spacing: 1px;line-height: 1.2;-webkit-text-stroke: 0.5px #ebebeb;}

/* 담당자안내 */
#frm_sch{padding:40px;background:#f7f7f7;margin-bottom:50px;}
#frm_sch .main_opt{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;height:60px;}
#frm_sch .main_opt .srch_txt{flex-grow:1;width:100%;height:100%;font-size:1.6rem;padding:0 30px 0 50px;border:1px solid #d5d5d5;background:#fff url(/nanum/ndls/imgs/content/bg_srch_txt.png) no-repeat 20px 50%;background-size:20px auto;box-sizing:border-box;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
#frm_sch .main_opt .srch_txt::placeholder{color:#555;}
#frm_sch .main_opt .srch_txt::-webkit-input-placeholder{color:#555;}
#frm_sch .main_opt .srch_txt::-ms-input-placeholder{color:#555;}
#frm_sch .main_opt .srch_txt.disabled{opacity:0.5;}
#frm_sch .main_opt .btn_srch{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:80px;height:100%;border:0;background:#222;font-size:1.6rem;font-weight:600;color:#fff;cursor:pointer;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
#frm_sch .main_opt .btn_srch.no2{background: #fbfbfb;color: #666;border: 1px solid #bdbdbd;box-sizing: border-box;}
		
/* 연혁 */
.history_top{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:30px;background:url(/nanum/site/builder/dir/main/img/menu4848/bg_history_top.jpg) no-repeat;}
.history_top .stxt{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.3rem;color:rgba(255,255,255,0.8);letter-spacing:0.8em;text-transform:uppercase;}
.history_top .btxt{margin-top:20px;font-size:2.9rem;line-height:1;color:#fff;}

.history_wrap{position:relative;}
.history_wrap::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#e5e5e5;}
.history_wrap .box{position:relative;display:flex;width:50%;}
.history_wrap .box:nth-child(n+2){margin-top:80px;}
.history_wrap .box::after{content:'';position:absolute;top:10px;left:50%;margin-left:-15px;width:29px;height:29px;background:url(/nanum/site/builder/dir/main/img/menu4848/icon_year_dot.png);background-size:cover;}
.history_wrap .box .year{position:absolute;top:5px;font-size:3rem;font-weight:700;letter-spacing:0.025em;}
.history_wrap .box .his_list{width:100%;margin-top:12px;}
.history_wrap .box .his_list dl{display:flex;}
.history_wrap .box .his_list dl:nth-child(n+2){margin-top:15px;}
.history_wrap .box .his_list dt{flex-shrink:0;width:50px;font-weight:700;font-size:1.5rem;line-height:1.2;color:#009ef6;word-break:keep-all;}
.history_wrap .box .his_list dd{flex-grow:1;font-size:1.6rem;line-height:1.5;color:#555;}
.history_wrap .box .his_list dd > ul li:nth-child(n+2){margin-top:8px;}
.history_wrap .box:nth-child(odd){padding-left:50%;}
.history_wrap .box:nth-child(odd) .year{left:50%;margin-left:-120px;}
.history_wrap .box:nth-child(odd) .his_list{padding-left:40px;}
.history_wrap .box:nth-child(odd) .his_list dt{margin-right:30px;}
.history_wrap .box:nth-child(even){flex-direction:row-reverse;padding-right:50%;text-align:right;}
.history_wrap .box:nth-child(even) .year{right:50%;margin-right:-120px;}
.history_wrap .box:nth-child(even) .his_list{padding-right:40px;}
.history_wrap .box:nth-child(even) .his_list dl{flex-direction:row-reverse;}
.history_wrap .box:nth-child(even) .his_list dt{margin-left:30px;}

/* 공평성 선언서 */
.equity_wrap{border: 1px solid #e5e5e5;padding:70px 60px;box-sizing:border-box;background:url(/nanum/site/builder/dir/main/img/menu4848/clean_bg.png)no-repeat center top 70px;}
.equity_wrap dl{text-align:center;background-image: linear-gradient(to right, #cbcbcb 33%, rgba(255,255,255,0) 0%);background-position: bottom; background-size: 8px 1px;background-repeat: repeat-x;padding-bottom:35px;margin-bottom: 35px;}
.equity_wrap dl dt{font-size:3rem;font-weight:600;color:#004b83;}
.equity_wrap dl dd{margin-top:25px;font-size:1.8rem;}
.equity_wrap dl dd span{font-weight:700;color:#4f700f;}
.equity_wrap ul li{display:flex;align-items: center;gap:15px;border-radius:10px;padding: 15px 40px;margin: 15px 0;background:#f7f7f7;}
.equity_wrap ul li span{flex-shrink: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width:30px;height:30px;font-weight: 700;border-radius:50%;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

/* 청렴선언서 */
.clean_wrap{border:10px solid #eff6fc;border-radius:40px;padding:70px 85px;box-sizing:border-box;background:url(/nanum/site/builder/dir/main/img/menu4848/cleanbg2.jpg)no-repeat center center;}
.clean_wrap dl{text-align:center;margin-bottom: 50px;}
.clean_wrap dl dt{position:relative;display:inline-block;font-size:3rem;font-weight:600;margin-bottom: 20px;}
.clean_wrap dl dt:before,
.clean_wrap dl dt:after{position:absolute;content:'';top:50%;transform:translateY(-50%);right:-50px;width:22px;height:46px;background:url(/nanum/site/builder/dir/main/img/menu4848/laurel.gif)no-repeat;}
.clean_wrap dl dt:before{left:-50px;transform:translateY(-50%)rotateY(180deg);}
.clean_wrap dl dd{color:#666;}
.clean_wrap ul li{display:flex;gap:15px;margin: 15px 0;}
.clean_wrap ul li span{font-size:1.7rem;color:#175fb2;font-weight:700;margin-right:20px;}
.clean_wrap > p{font-weight:700;font-size:1.7rem;text-align:center;margin-top: 35px;}

/* 청렴서신 */
.upright dl{margin-bottom:50px;}
.upright dl dt{font-size:4rem;font-weight:700;line-height: 1.4;}
.upright dl dd{font-size: 1.9rem;color:#777;margin-top:20px;}
.upright .img_wrap{position:relative;}
.upright .img_wrap:before{content: ""; position: absolute; left: 0; top: 0;z-index: 2; width: 100%; height: 100%;background: #fff;animation: img_wrap cubic-bezier(0, .30, .43, 1) 0.9s 0.3s both;}

@keyframes img_wrap {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

.upright .up_cont{margin-top:50px;}
.upright .up_cont ul{margin:20px 0;}
.upright .up_cont ul li{position:relative;padding-left:30px;margin:10px 0;}
.upright .up_cont ul li:before{position:absolute;content:'';top:5px;left:0;width:18px;height:15px;background:url(/nanum/site/builder/dir/main/img/menu4848/check_icon.gif)no-repeat;}
.upright .tar{font-size: 1.8rem;font-weight:700;margin-top:35px;}

/* 기관인정서 */
.regist_wrap{position:relative;display:flex;gap:40px;padding:40px 40px 60px;box-sizing:border-box;}
.regist_wrap:before{position:absolute;content:'';z-index: -1;left:0;top:0;width:100%;height:205px;background:#f3f3f3;}
.regist_wrap .bx_regist{display: flex;flex-direction: column;justify-content: space-between;width:33.3%;}
.regist_wrap .bx_regist p{font-weight:700;padding-top:5px;}
.regist_wrap .bx_regist dl dt{display: flex;align-items: center;justify-content: space-between;font-weight:700;margin-bottom:10px;}
.regist_wrap .bx_regist dl dt span{color:#fff;padding:5px 15px;margin-right:10px;background:#000;}
.regist_wrap .bx_regist dl dd{display: flex;align-items: center;justify-content: space-between;}
.regist_wrap .bx_regist dl dd span{position:relative;font-weight:700;padding-left:25px;}
.regist_wrap .bx_regist dl dd span:before{position:absolute;content:'';left:0;top:5px;width:15px;height:15px;background:url(/nanum/site/builder/dir/main/img/menu4848/regist_ic01.png)no-repeat;}
.regist_wrap .bx_regist dl dd p{color:#666;font-weight:600;}
.regist_wrap .imgwrap{position:relative;width:280px;height:395px;box-shadow:0 0 30px rgba(0,0,0,0.15);margin-top: 20px;}
.regist_wrap .imgwrap img{width:280px;height:395px;cursor: pointer;}
.swiper-button-next, 
.swiper-button-prev{z-index: 2;width:40px;height:40px;border:1px solid #d6d6d6;box-sizing:border-box;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.swiper-button-next{right:-15px;}
.swiper-button-prev{left:-15px;}
.swiper-button-next:before, 
.swiper-button-prev:before{display:none;}
.swiper-button-next:after, 
.swiper-button-prev:after{position:absolute;content:'';width:10px;height:17px;background:url(/nanum/site/builder/dir/main/img/menu4848/regist_arr.png)no-repeat;}
.swiper-button-prev:after{transform:rotate(180deg);}

.regist_wrap .bx_regist .modal{position: absolute;width: 100%; height: 180vh; background-color: rgba(0,0,0,0.65);left: 0;top: 0; z-index: 5;display: none;}
.regist_wrap .bx_regist .modal-content{/*position: fixed;*/position: absolute;z-index: 100;width: 100%;height: 180vh;top: 0;left: 50%;transform: translateX(-50%);/*overflow-y: scroll;*/padding-top: 280px;box-sizing:border-box;display: none; }
.modal-content::-webkit-scrollbar{width: 3px; background-color: rgba(0,0,0,0.2);}
.modal-content::-webkit-scrollbar-thumb{background-color: #8EC320;border-radius: 5px;}
.regist_wrap .bx_regist span.exit{width: 50px;height: 3px;border-radius: 10px;background: #fff;position: absolute; top: 40px;right: 20px; cursor: pointer;}
.regist_wrap .bx_regist span.exit:nth-child(2){transform: rotate(-45deg);cursor: pointer;}
.regist_wrap .bx_regist span.exit:nth-child(3){transform: rotate(45deg);cursor: pointer;}
.regist_wrap .bx_regist .modal-content .img{width: 600px; height: 852px;margin: 0 auto;}
.regist_wrap .bx_regist .modal-content .img img{width: 100%;height: 100%;display: block;}

/* 오시는길 */
.root_daum_roughmap .map_border,
.root_daum_roughmap .wrap_btn_zoom,
.root_daum_roughmap .wrap_controllers{display:none !important;}
.roughmap_maker_label .roughmap_lebel_text{font-size: 1.5rem !important;font-family: 'SUIT',sans-serif;padding:7px !important;}
.wrap_map{position:relative;}
.wrap_map .map{border: 1px solid #cbcbcb;box-sizing: border-box;}

.map_info{display:flex;border:1px solid #cbcbcb;border-top:0;padding:40px 0;box-sizing:border-box;background:url(/nanum/site/builder/dir/main/img/menu4848/map_bg.png)no-repeat right -40px bottom;}
.map_info dl{width:100%;padding:0 50px;box-sizing:border-box;}
.map_info dl dt{position:relative;display: inline-block;font-size:2rem;letter-spacing: -0.05px;margin-bottom:20px;}
.map_info dl dt:before{display:none;position:absolute;content:'';width:100%;height:1px;bottom:0;background:#cbcbcb;}
.map_info dl dd p{display:flex;gap:10px;margin: 10px 0;}
.map_info dl dd p span{position:relative;padding-left:30px;font-weight:700;}
.map_info dl dd p span:before{position:absolute;content:'';left:0;top: 2px;width:20px;height:20px;background:#000;}
.map_info dl dd p span:after{position:absolute;content:'';top:6px;left:4px;width:12px;height:12px;}
.map_info dl dd p.add span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon01.png)no-repeat;}
.map_info dl dd p.call span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon02.png)no-repeat;}
.map_info dl dd p.fax span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon03.png)no-repeat;}





/********************태블릿********************/
@media all and (max-width:1024px){

/* 인사말 */	
.greeting{flex-direction: column;}
.greeting .txt_wrap{padding-top:0;}
.greeting .txt_wrap h2{font-size:3.5rem;}
.greeting .img_wrap{width: 100%;height: auto;}
.greeting .img_wrap img{width: 100%;height: 100%;object-fit: cover;}
.greeting .back_txt{width:100%;bottom: auto;top: 400px}	
.greeting .back_txt p{font-size:5rem;text-align:left;text-wrap: nowrap;}	
	
/* 청렴서신 */
.upright .img_wrap img{width:100%;}

/* 기관인정서 */
.regist_wrap{flex-direction: column;padding: 35px 25px;}	
.regist_wrap .bx_regist{width:100%;}
.regist_wrap .imgwrap{width:100%;height:auto;}
.regist_wrap .imgwrap img{width:100%;height:auto;}
.regist_wrap .bx_regist p{font-size:1.8rem;}
.regist_wrap .bx_regist dl dt span{font-size:1.9rem;}
.regist_wrap .bx_regist dl dd{font-size:1.8rem;}
.regist_wrap .bx_regist dl dd span:before{top:2px;}

.regist_wrap .bx_regist .modal{height:490vh;min-height:490vh;max-height:490vh;}
.regist_wrap .bx_regist .modal-content{height:490vh;min-height:490vh;max-height:490vh;}
.regist_wrap .bx_regist .modal-content .img{width:90%;height:auto;}

/* 오시는길 */
.map_wrap .root_daum_roughmap{width:100% !important;}


}

/********************모바일********************/
@media all and (max-width:767px){


/* 담당자안내 */
#frm_sch{padding: 20px;}	
#frm_sch .main_opt{gap:0;height: 50px;}	
#frm_sch .main_opt .srch_txt{border-right:0;padding: 0 10px 0 35px;background-position:10px 50%;box-shadow:none;}	
#frm_sch .main_opt .btn_srch{width: 50px;}
#frm_sch .main_opt .btn_srch.no2{border-left:0;}

/* 공평성 선언서 */
.equity_wrap{padding: 35px 20px;background-size: 200px;background-position: center top 30px;}
.equity_wrap dl{padding-bottom: 25px;margin-bottom: 25px;}
.equity_wrap dl dd{font-size: 1.7rem;margin-top: 15px;}
.equity_wrap ul li{flex-direction: column;gap: 10px;text-align: center;padding: 15px 20px;}

/* 청렴선언서 */
.clean_wrap{padding: 40px 30px 35px;background-size: 250px auto;}
.clean_wrap dl{margin-bottom: 25px;}
.clean_wrap dl dd{font-size: 1.7rem;}
.clean_wrap ul li{gap:0;font-size: 1.7rem;}
.clean_wrap ul li span{margin-right: 15px;}
.clean_wrap dl dt:before{left: -35px;}
.clean_wrap dl dt:after{right: -35px;}
.clean_wrap > p{font-size: 1.8rem;margin-top: 25px;}

/* 청렴서신 */
.upright dl{margin-bottom: 30px;}
.upright dl dt{font-size: 3.5rem;}
.upright dl dd{margin-top: 15px;}
.upright .up_cont{margin-top: 30px;}	

/* 오시는길 */
.map_info dl{padding: 0 35px;}

}

/********************웹********************/
@media all and (min-width:1025px) {



}