@charset "utf-8";

/* 인사말 */
/*.intro_wrap{clear:both;overflow:hidden;}
.intro_wrap .fl{float:left;width:300px}
.intro_wrap .fl p{font-family:'NotoKrR',sans-serif;font-size:22px;line-height:35px;color:#000;letter-spacing:-1.2px;}
.intro_wrap .fl p strong{font-family:'NotoKrB',sans-serif;color:#0022a4;}
.intro_wrap .fl p span{display:inline-block;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/intro_txtbg.gif) repeat-x left 20px;}
.intro_wrap .fl img{margin-top:40px;}

.intro_wrap .fr{margin-top:8px;float:right;width:470px;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/intro_bg.gif) no-repeat left top;}
.intro_wrap .fr p{padding-top:35px;font-size:18px;line-height:30px;color:#222}
.intro_wrap .fr p:first-child{padding-top:25px;}*/


/*.intro_wrap{position:relative;clear:both;overflow:hidden;}
.intro_wrap .tit{padding-bottom:30px;font-family:'NotoKrR',sans-serif;font-size:24px;line-height:35px;color:#000;letter-spacing:-1.2px;}
.intro_wrap .tit strong{font-family:'NotoKrB',sans-serif;color:#0022a4;}
.intro_wrap .tit span{display:inline-block;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/intro_txtbg.gif) repeat-x left 20px;}
.intro_wrap img{position:absolute;right:0;margin-top:30px;width:300px;}

.intro_wrap .txt_wrap{margin:8px 320px 0 0;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/intro_bg.gif) no-repeat left top;}
.intro_wrap .txt_wrap p{padding-top:25px;font-size:18px;line-height:30px;color:#222}
.intro_wrap .txt_wrap p:first-child{padding-top:15px;}*/


.greeting_wrap{padding-right:430px;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/greeting.jpg) no-repeat 100% 40px;}
.greeting_wrap .headline{padding-bottom:35px;font-family:'NotoKrL';font-size:30px;line-height:43px;letter-spacing:-0.05em;}
.greeting_wrap .greeting_txt{padding-bottom:40px;}
.greeting_wrap .greeting_txt p{padding-bottom:30px;font-size:15px;line-height:25px;color:#555;word-break:keep-all;}
.greeting_wrap .director{font-size:17px;}
.greeting_wrap .director strong{padding-left:10px;font-size:23px;}


/* 설립목적 근거법령 */
.law_txtbg{background:#f9f9f9 url(/nanum/site/builder/dir/ldhc/img/menu3888/law_txtbg.gif) no-repeat bottom right;border:1px solid #d0d0d0;border-radius:20px;}
.law_txtbg .law_txtbox{padding:40px 30px 50px;}
.law_txtbg .law_txtbox .tit{margin-bottom:15px;font-family:'NotoKrB',sans-serif;font-size:20px;color:#2c3b6a;text-align:center;letter-spacing:-1.2px;}
.law_txtbg .law_txtbox .stxt{margin-bottom:30px;font-size:16px;text-align:center;}
.law_txtbg .law_txtbox .stit{font-family:'NotoKrB',sans-serif;font-size:18px;color:#000}

.purpose_w{padding:20px;background:#f3f6ff}
.purpose_w p{padding:30px;font-size:16px;font-family:'NotoKrM',sans-serif;line-height:25px;background:#fff;}

.vision_w{margin-top:30px;}
.vision_w div{position:relative;margin-bottom:20px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:15px;}
.vision_w .vis1{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3888/vision_img1.jpg)}
.vision_w .vis2{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3888/vision_img2.jpg)}
.vision_w .vis3{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3888/vision_img3.jpg)}
.vision_w .vis4{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3888/vision_img4.jpg)}
.vision_w p{position:absolute;top:0;left:0;margin-top:-15px;font-size:78px;line-height:90px;font-family:'Montserrat',sans-serif;font-weight:700;color:#fff;opacity:0.1;text-transform:uppercase;letter-spacing:0;}
.vision_w dl{padding:30px 0;color:#fff;text-align:center;}
.vision_w dl dt{margin-bottom:25px;font-size:33px;line-height:33px;font-family:'NotoKrB',sans-serif;letter-spacing:-1.5px;}
.vision_w dl dd{font-size:17px;font-family:'NotoKrM',sans-serif;}

/* 전국센터현황 */
.korea_mapw{position:relative;background:#e7f3ff;}
.korea_mapw img{display:block;margin:0 auto;}
.korea_mapw .k_txtbox{padding:10px 0 20px}
.korea_mapw .txtw{display:none;position:absolute;padding:4px;width:300px;border:1px solid #494e53;border-radius:15px;}
.korea_mapw .txtw.on{display:block}
.korea_mapw #kmap1{top:0;right:50px;}
.korea_mapw #kmap2{top:170px;left:10px;}
.korea_mapw #kmap3{top:150px;left:130px;}
.korea_mapw #kmap4{top:85px;right:30px;}
.korea_mapw #kmap5{top:65px;right:100px;}
.korea_mapw #kmap6{top:220px;left:80px;}
.korea_mapw #kmap7{top:210px;left:105px;}
.korea_mapw #kmap8{top:300px;left:15px;}
.korea_mapw #kmap9{top:500px;left:5px;}
.korea_mapw #kmap10{top:300px;left:205px;}
.korea_mapw #kmap11{top:335px;left:260px;}
.korea_mapw #kmap12{bottom:250px;left:250px;}
.korea_mapw #kmap13{bottom:75px;right:40px;}
.korea_mapw #kmap14{bottom:10px;left:10px;}
.korea_mapw .txtw .tbox{padding:35px 10px;background:#494e53;border-radius:15px;}
.korea_mapw .txtw .tbox .m_num{display:none;}
.korea_mapw .txtw .tbox dl{padding:0 15px;color:#fff;}
.korea_mapw .txtw .tbox dl.dashed{margin-top:20px;padding-top:20px;border-top:2px dashed #fff;}
.korea_mapw .txtw .tbox dl dt{padding-bottom:15px;font-size:20px;font-family:'NotoKrB',sans-serif;border-bottom:2px solid #d1e1f1}
.korea_mapw .txtw .tbox dl dd{margin-top:15px;font-size:16px;font-family:'NotoKrM',sans-serif;line-height:24px;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:850px;margin-bottom:20px;}
.contact_wrap .map_box .root_daum_roughmap{width:850px;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:470px;}
.contact_wrap .map_info{padding:5px 0;clear:both;overflow:hidden;height:50px;margin-bottom:70px;}
.contact_wrap .map_info dl{float:left;font-family:'NotoKrM';font-size:16px;line-height:50px;}
.contact_wrap .map_info dt{float:left;padding:0 20px 0 60px;}
.contact_wrap .map_info dt.addr{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_addr.gif) no-repeat;}
.contact_wrap .map_info dt.tel{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_tel.gif) no-repeat;}
.contact_wrap .map_info dd{float:left;margin-right:25px;color:#555;}
.contact_wrap .map_info dd.long{line-height:25px;}
.contact_wrap .map_info dd span{font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:0.05em;}
.contact_wrap .map_info .map_zoom{display:block;float:right;width:160px;height:50px;background:#238cfa;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#fff;text-align:center;}
.contact_wrap .map_info .map_zoom span{padding-left:30px;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/btn_map_zoom.png) no-repeat 0 50%;}
.contact_wrap .map_info .map_zoom:focus-visible{outline: 3px solid red !important;}

.contact_wrap .route_info{border-top:1px solid #000;}
.contact_wrap .route_info dl{display:table;padding:40px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.contact_wrap .route_info dt,
.contact_wrap .route_info dd{display:table-cell;vertical-align:middle;}
.contact_wrap .route_info dt{width:200px;}
.contact_wrap .route_info dt span{display:block;padding-top:45px;font-family:'NotoKrM';font-size:20px;line-height:25px;color:#1f4bb4;text-align:center;}
.contact_wrap .route_info dt span.bus{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_bus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.taxi{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_taxi.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.car{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_car.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.kobus{background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_kobus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dd{width:600px;padding-left:50px;}
.contact_wrap .route_info dd ul > li{margin-top:30px;}
.contact_wrap .route_info dd ul > li:first-child{margin-top:0;}
.contact_wrap .route_info dd ul > li p{color:#555 !important;}
.contact_wrap .route_info dd ul.list li{margin-top:0;}
.contact_wrap .route_info dd .route_tit{overflow:hidden;margin-bottom:10px;font-family:'NotoKrB';font-size:17px;color:#222 !important;}
.contact_wrap .route_info dd .route_tit:first-of-type{margin-top:0;}
.contact_wrap .route_info dd .route_tit li{float:left;margin-left:12px;padding-left:34px;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/bg_route_arr.gif) no-repeat 0 50%;}
.contact_wrap .route_info dd .route_tit li:first-child{margin-left:0;padding-left:0;background:none;}
.point_txt{padding-left:28px;background:url(/nanum/site/builder/dir/ldhc/img/menu3888/icon_notibox.gif) no-repeat 0 3px;background-size:18px auto;font-family:'NotoKrM';font-size:14px;color:#000;}

.map_jump{position:absolute;top:-500px;text-align:center;}
.map_jump:focus,
.map_jump:active {top:1px; left:200px; display:block; width:200px; height:18px; padding:3px; margin-left:5px; text-align:center; font-size:100%; font-weight:bold; background-color:#eee; border: 1px solid #135; text-decoration:none;z-index:60;}




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

/* 인사말 */
/*.intro_wrap .fl{width:40%;}
.intro_wrap .fr{width:55%;}*/
/*.intro_wrap{margin-bottom:50px;}*/

.greeting_wrap{padding-right:320px;background-size:300px auto;background-position:100% 0;}
.greeting_wrap .headline{padding:40px 0 20px;font-size:28px;line-height:38px;word-break:keep-all;}
.greeting_wrap .headline br:last-of-type{display:none;}
.greeting_wrap .greeting_txt{padding-bottom:20px;}
.greeting_wrap .greeting_txt p{padding-bottom:15px;font-size:14px;line-height:24px;}

/* 전국센터현황 */
.korea_mapw img{width:700px;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:100%;}
.contact_wrap .map_box .root_daum_roughmap{width:100%;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:300px;}
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:15px;line-height:35px;}
.contact_wrap .map_info dt{padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-right:30px;line-height: 35px !important;}
.contact_wrap .map_info dd.long br{display:none}
.contact_wrap .map_info .map_zoom{width:auto;height:35px;padding:0 20px;font-size:14px;line-height:35px;}
.contact_wrap .map_info .map_zoom span{padding-left:25px;background-size:15px auto;}
.contact_wrap .route_info dl{width:100%;padding:20px 0;}
.contact_wrap .route_info dt{width:20%;}
.contact_wrap .route_info dt span{padding-top:30px;background-size:auto 20px !important;font-size:17px;line-height:22px;}
.contact_wrap .route_info dd{width:80%;padding-left:0;}
.contact_wrap .route_info dd ul > li{margin-top:15px;}
.contact_wrap .route_info dd .route_tit{margin-bottom:8px;font-size:15px;}
.contact_wrap .route_info dd .route_tit li{padding-left:25px;background-size:auto 5px;}
/* 포인트텍스트 */
.point_txt{padding-left:20px;background-size:15px auto;font-size:13px;line-height:20px;word-break:keep-all;}


}



@media all and (max-width:900px){
.center_img{width:100%;}
}


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

/* 인사말 */
/*.intro_wrap{margin-bottom:50px;}
.intro_wrap .fl{float:none;width:auto;text-align:center}
.intro_wrap .fl p{font-size:20px;line-height:28px;letter-spacing:-1px;background-position:left bottom}
.intro_wrap .fl img{margin-top:30px;width:230px;}

.intro_wrap .fr{float:none;width:auto;margin-top:30px;}
.intro_wrap .fr p{padding-top:20px !important;font-size:15px;line-height:24px;}*/

/*.intro_wrap .tit{padding-bottom:0;font-size:20px;line-height:28px;letter-spacing:-1px;background-position:left bottom;text-align:center;}
.intro_wrap img{position:static;display:block;margin:30px auto 0;text-align:center;width:230px;}
.intro_wrap .txt_wrap{margin:30px 0 0}
.intro_wrap .txt_wrap p{padding-top:20px !important;font-size:16px;line-height:24px;}*/

.greeting_wrap{padding:250px 0 50px;background-size:auto 250px;background-position:50% 0;}
.greeting_wrap .headline{padding:10px 0 20px;font-size:22px;line-height:30px;}
.greeting_wrap .headline br{display:none;}
.greeting_wrap .director{font-size:15px;}
.greeting_wrap .director strong{font-size:20px;}

/* 설립목적 근거법령 */
.law_txtbg{margin-top:15px;background-size:80px auto;}
.law_txtbg .law_txtbox{padding:30px 15px 70px}
.law_txtbg .law_txtbox .tit{margin-bottom:10px;font-size:18px;}
.law_txtbg .law_txtbox .stxt{margin-bottom:20px;font-size:14px;}
.law_txtbg .law_txtbox .stit{font-size:16px;}
.law_txtbg .law_txtbox ul.list{margin-top:10px;}

.purpose_w{padding:15px;}
.purpose_w p{padding:15px;font-size:14px;}

.vision_w{margin-top:20px;}
.vision_w div{margin-bottom:15px;}
.vision_w p{margin-top:-5px;font-size:40px;line-height:40px;}
.vision_w dl{padding:20px;}
.vision_w dl dt{margin-bottom:15px;font-size:22px;line-height:22px;}
.vision_w dl dd{font-size:14px;}

/* 전국센터현황 */
.korea_mapw{padding-bottom:10px;}
.korea_mapw img{position:static;margin:0 auto 20px;width:95%;}
/*.korea_mapw .kmap_img{cursor:auto}*/
.korea_mapw .k_txtbox{margin:0 auto;padding:10px 0;width:96%;height:auto;background:#494e53;border-radius:15px;}
.korea_mapw .txtw{position:static;display:block;padding:0;margin:0 10px !important;width:auto;border-top:1px solid #fff;border-radius:0}
.korea_mapw .txtw:first-child{border:0}
.korea_mapw .txtw .tbox{position:relative;padding:15px;border-radius:0}
.korea_mapw .txtw .tbox .m_num{position:absolute;top:15px;left:10px;display:block;width:30px;height:30px;line-height:30px;font-size:17px;font-family:'Montserrat',sans-serif;font-weight:700;color:#494e53;background:#fff;text-align:center;border-radius:8px;letter-spacing:0;}
.korea_mapw .txtw .tbox dl{padding:0 10px 0 40px;}
.korea_mapw .txtw .tbox dl.dashed{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.3)}
.korea_mapw .txtw .tbox dl dt{display:table;height:35px;font-size:17px;border-bottom:0}
.korea_mapw .txtw .tbox dl dt span{display:table-cell;vertical-align:middle}
.korea_mapw .txtw .tbox dl dd{margin-top:0;font-size:13px;line-height:19px;}
.korea_mapw .txtw .tbox dl dd br{display:none;}

/* 찾아오시는길 */
.contact_wrap .map_info{padding:5px 0;height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:14px;}
.contact_wrap .map_info dt{margin-bottom:8px;padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-bottom:8px;}
.contact_wrap .map_info .map_zoom{width:100%;padding:0;margin-top:10px;}
.contact_wrap .route_info dl{display:block;}
.contact_wrap .route_info dt{display:block;width:100%;margin-bottom:15px;}
.contact_wrap .route_info dt span{display:inline-block;padding:0 0 0 35px;background-position:0 50% !important;}
.contact_wrap .route_info dt span br{display:none;}
.contact_wrap .route_info dd{display:block;width:100%;}
}