@charset "utf-8";

/* 센터소개 */
.h1_intro{padding-top:60px;border-top:2px solid #000;}
.h1_intro .tit{padding:85px 0 50px;font-size:3rem;font-weight:700;line-height:1.5;color:#000;background:url(/nanum/site/builder/dir/h3/img/menu6142/h1_intro_icon.gif) no-repeat center top;text-align:center;}
.h1_intro .tit span{color:#987865;}
.h1_intro .contt{text-align:center;font-size:1.7rem;font-weight:400;}

.h1intro_img{display:flex;flex-wrap:wrap;}
.h1intro_img > div{flex-grow:1;width:0;}
.h1intro_img > div img{object-fit: cover;width: 100%;}
.h1intro_img > div p{margin:15px 10px 0;text-align:center;font-size: 1.5rem;line-height:1.4;font-weight: 400;color: #444;}

/* 서류발급 자료실 */
.compro .line_box{text-align:center;}
.compro .line_box .txt{color: #333;font-weight: 400;font-size: 1.8rem;line-height: 30px;}
.compro .line_box .txt span{font-weight: 700;color: #000;}
.compro .line_box .btn_w{padding: 20px 0 0;}



/* 찾아오시는길 */
.map_tw{position:relative;}
.map_tw .link_map{position:absolute;right:10px;top:10px;}
.link_map a{margin-bottom:5px;display:block;width:200px;height:45px;line-height:45px;font-weight:700;font-size:1.6rem;background:#fff;border:2px solid #000;box-shadow:5px 5px 5px rgba(0,0,0,0.2);border-radius:10px;transition:all 0.3s;text-align:center;}
/*.link_map a.m_naver{color:#04cf5c;border-color:#04cf5c;}*/
.link_map a.m_naver:hover{color:#fff;background:#04cf5c;border-color:#04cf5c;}
/*.link_map a.m_tmap{color:#9f8e82;border-color:#9f8e82;}*/
.link_map a.m_tmap:hover{color:#fff;background:#9f8e82;border-color:#9f8e82;}

#map{width:100%;height:400px;z-index:0;}
#map .iw_inner{padding:30px 20px;text-align:center;}
#map .iw_inner p{font-size:1.5rem;color:#555;}

.map_address{display:flex;gap:80px;justify-content:center;margin-bottom:70px;padding:30px;background:#f6f6f6;border-radius:0 0 15px 15px;}
.map_address dl{padding-left:85px;background:no-repeat center left;}
.map_address dl.icon1{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_loc.gif);}
.map_address dl.icon2{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_tel.gif);}
.map_address dl.icon3{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_er.gif);}
.map_address dl dt{font-weight:400;font-size:1.6rem;}
.map_address dl dd{font-size:2.2rem;}
.map_address dl:not(:first-child) dd{letter-spacing:0;}

.map_w{border-top:2px solid #000;}
.map_w dl{display:flex;align-items:baseline;padding:40px 35px 40px 0;border-bottom:1px solid #f2f2f2;}
.map_w dl dt{flex-shrink:0;width:230px;padding-bottom:70px;font-weight:700;font-size:2.2rem;text-align:center;background:no-repeat center bottom;}
.map_w dl.subway dt{padding-bottom:90px;background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_subway.gif);}
.map_w dl.rail dt{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_rail.gif);}
.map_w dl.bus dt{padding-bottom:90px;background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_bus.gif);}
.map_w dl.air dt{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_air.gif);}
.map_w dl.car dt{background-image:url(/nanum/site/builder/dir/h3/img/menu6142/map_car.gif);}
.map_w dl dd{padding-left:30px;}
.map_w dl dd div:not(:first-child){margin-top:30px;}
.map_w dl dd p{margin-bottom:10px;font-size:1.6rem;color:#333;}
.map_w dl dd p span{margin-right:15px;display:inline-block;padding:0 15px;min-width:50px;height:33px;line-height:33px;font-size:1.5rem;color:#fff;text-align:center;border-radius:50px;}
.map_w dl dd p span.blue{background:#3366cc;}
.map_w dl dd p span.blue2{background:#3155b5;}
.map_w dl dd p span.yellow{background:#ffa642;}
.map_w dl dd p span.skyblue{background:#42a6e7;}
.map_w dl dd p span.skyblue2{background:#1ca0bc;}
.map_w dl dd p span.green{background:#5bb025;}
.map_w dl dd p span.brown{background:#9c7a61;}
.map_w dl dd p.txt{font-size:2rem;color:#000;}



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

.map_address{flex-wrap: wrap;justify-content: flex-start;gap: 25px 60px;}
.map_address dl.icon1{width:100%;}

}

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

/* 센터소개 */
.h1_intro{padding-top: 30px;}
.h1_intro .tit{padding: 55px 0 22px;}

.map_w dl{padding-right:20px;}
.map_w dl dd{padding-left: 0px;}
}

/********************모바일********************/
@media all and (max-width:767px){
	
.h1_intro .tit{font-size: 2.3rem;background-size: 25px;}
.h1intro_img.mt90{margin-top:0 !important;}
.h1intro_img > div{margin-top:25px;flex-grow:0;width:50%;}
.h1intro_img > div p{margin-top:5px;line-height: 1.2;}

#map{height:380px;}
.map_tw .link_map{right: 0;top: 305px;width: 100%;padding: 0 10px;display: flex;gap: 2%;box-sizing: border-box;}
.link_map a{width: 100%;height: 40px;line-height: 40px;font-size: 1.5rem;}
.map_address{flex-direction: column;padding:20px;gap: 20px;margin-bottom: 35px;}
.map_address dl{padding: 55px 0 15px;background-size: 45px;background-position: center top;box-sizing: border-box;text-align: center;}
.map_address dl:not(:last-of-type){border-bottom: 1px solid #ddd;}
.map_address dl dd{font-size: 1.8rem;}
.map_w dl{flex-direction: column;padding: 20px 0px 0;}
.map_w dl dt{width: 100%;border-bottom: 1px dashed #f2f2f2;background-position: center bottom 20px;font-size: 2.0rem;}
.map_w dl.subway dt{padding-bottom: 70px;background-size: 30px;}
.map_w dl.rail dt,
.map_w dl.car dt{padding-bottom:60px;background-size: 50px;}
.map_w dl.bus dt{padding-bottom: 70px;background-size: 40px;}
.map_w dl.air dt{padding-bottom:55px;background-size: 50px;}
.map_w dl dd{padding: 20px 0px;width: 100%;}
.map_w dl dd p{text-align:center;}
.map_w dl dd p span{margin-right:0;padding: 0 10px;}
.map_w dl dd div:not(:first-child){margin-top:15px;}
.map_w dl.bus dd div:not(:first-child){margin-top:20px;}
.map_w dl dd p{text-align: left;display: flex;align-items: baseline;gap: 3%;}


}