@charset "utf-8";

/* 인사말 */
.intro_wrap{position:relative;display:inline-block;width:100%;}
.intro_wrap .mimg{position:absolute;top:0;right:0;width:345px;border-radius:20px;overflow:hidden;box-shadow:-15px 15px 40px rgba(0,0,0,0.2);-webkit-user-drag:none;pointer-events:none;}
.intro_wrap .txtw{padding-right:400px;}
.intro_wrap .txtw .tit{display:inline-block;padding-right:30px;font-weight:600;font-size:26px;line-height:38px;color:#000;background:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/intro_tit.gif) no-repeat right top 30px;}
.intro_wrap .txtw .txt{margin-top:50px;font-size:17px;line-height:28px;color:#444;}
.intro_wrap .txtw .txt p{margin-top:30px;}
.intro_wrap .txtw .txt strong{color:#000;}


/* 연혁 */
.his_wrap{position:relative;}
.his_wrap .mimg{-webkit-user-drag:none;pointer-events:none;}
.his_wrap .txtw{padding-top:30px;}
.his_wrap .txtw p{position:absolute;top:100px;right:0;display:inline-block;padding:80px;width:90px;font-weight:600;font-size:32px;color:#034b9f;background:#fff;z-index:1;box-shadow:-30px -30px 40px rgba(0,0,0,0.2);}
.his_wrap .txtw p span{position:absolute;font-size:60px;top:60px;right:30px;font-weight:600;color:#000;z-index:0;opacity:0.1;}
.his_wrap .txtw dl{position:relative;margin-bottom:40px;padding-bottom:40px;border-bottom:1px dashed #ddd;}
.his_wrap .txtw dl:last-child{border-bottom:0;}
.his_wrap .txtw dl dt{position:absolute;top:0;left:0;font-weight:600;font-size:28px;color:#ccc;letter-spacing:0;}
.his_wrap .txtw dl dt span{color:#468ee0;}
.his_wrap .txtw dl dd{padding-left:140px;}
.his_wrap .txtw dl dd li{padding-left:20px;margin-top:15px;font-weight:500;font-size:17px;line-height:25px;color:#333;background-position:left 8px;}


/* 오시는길 */
.map_jp{position:absolute;top:-5000px;text-align:center;}
.map_jp:focus,
.map_jp:active{top:0;left:0;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;}

.map_w{position:relative;z-index:0;}
.map_w .root_daum_roughmap{width:100%;}
.map_w .root_daum_roughmap .wrap_map{height:400px;}
.map_w .root_daum_roughmap .wrap_controllers{display:none;}

.map_txtw{position:relative;padding:30px 50px;border:1px solid #ededed;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.map_txtw ul li{display:table;margin-top:10px;padding-left:70px;height:50px;font-weight:500;font-size:17px;color:#222;background-repeat:no-repeat;background-position:left center;}
.map_txtw ul li.icon1{background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_loca.gif);}
.map_txtw ul li.icon2{background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_tel.gif);}
.map_txtw ul li span{display:table-cell;vertical-align:middle;}
.map_txtw > span{position:absolute;top:30px;right:50px;display:block;width:120px;background:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_bg.jpg) no-repeat left top;text-align:center;border-radius:10px;box-shadow:0 0 20px rgba(3,75,159,0.2);}
.map_txtw span a{display:block;padding-top:70px;height:50px;font-weight:600;color:#fff;background:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_icon.png) no-repeat center top 30px;}

.map_detail{margin-top:70px;padding-bottom:40px;border-top:2px solid #000;border-bottom:1px solid #000;}
.map_detail li{display:table;margin-top:40px;padding-top:40px;border-top:1px dashed #aaa;}
.map_detail li:first-child{margin-top:0;border:0;}
.map_detail .tit{display:table-cell;width:120px;font-weight:600;font-size:18px;line-height:22px;color:#034b9f;vertical-align:middle;text-align:center;}
.map_detail .tit span{display:block;padding-top:65px;background-repeat:no-repeat;background-position:center top;}
.map_detail li.icon1 .tit span{background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_bus.gif);}
.map_detail li.icon2 .tit span{background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_car.gif);}
.map_detail li.icon3 .tit span{padding-top:85px;background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_train.gif);}
.map_detail li.icon4 .tit span{padding-top:85px;background-image:url(/sbcc/nanum/site/builder/dir/main/img/menu4306/map_expbus.gif);}
.map_detail .txtw{display:table-cell;padding-left:40px;width:690px;}
.map_detail .txtw .btn_ww{margin-top:30px;}
.map_detail .txtw .dashedbox{margin-bottom:40px;padding-bottom:40px;border-bottom:1px dashed #555;box-sizing:border-box;}
.map_detail .txtw .dashedbox > dl{display:table;margin-top:15px;color:#222;clear:both;overflow:hidden;}
.map_detail .txtw .dashedbox > dl:first-child{margin-top:0;}
.map_detail .txtw dl dt{/*float:left;*/display:table-cell;vertical-align: middle;height:100%;padding:5px 15px;width:auto;min-width:75px;font-weight:600;text-align:center;border:1px solid #000;}
.map_detail .txtw dl dd{/*float:left;*/padding:6px 5px 6px 15px;font-weight:500;font-size:15px;}
.map_detail .txtw dl dd.blue_txt p{position:relative;}
.map_detail .txtw dl dd.blue_txt p{position:relative;padding-left:70px;}
.map_detail .txtw dl dd p span{position:absolute;left:0;font-weight:600;font-size:16px;color:#034b9f;}

.map_detail .txtw .bus_box{margin:15px 0 0 -2%;width:102%;clear:both;overflow:hidden;}
.map_detail .txtw .bus_box dl{float:left;margin-left:2%;width:48%;}
.map_detail .txtw .bus_box dl dt{width:99%;padding:13px 0;border:1px solid #bababa;}
.map_detail .txtw .bus_box dl dd{width:93%;padding:30px 3%;font-size:16px;color:#222;background:#eee;text-align:center;border:1px solid #eee;}
.map_detail .txtw .bus_box dl dd strong{color:#1664ad;}
.map_detail .txtw .bus_box dl dd a{color:#1664ad;letter-spacing:0;}

.img_stepw dl dd{min-height:70px;}


/******************************1023******************************/
@media all and (max-width:1023px){

/* 인사말 */
.intro_wrap .mimg{width:300px;}
.intro_wrap .txtw{padding-right:350px;}
.intro_wrap .txtw .tit{font-size:24px;line-height:34px;}
.intro_wrap .txtw .txt{margin-top:40px;font-size:16px;line-height:25px;}
.intro_wrap .txtw .txt p{margin-top:25px;}


/* 연혁 */
.his_wrap .txtw{padding-top:25px;}
.his_wrap .txtw p{padding:65px;width:80px;font-size:26px;}
.his_wrap .txtw p span{top:50px;font-size:46px;}
.his_wrap .txtw dl{margin-bottom:35px;padding-bottom:35px;}
.his_wrap .txtw dl dt{font-size:25px;}
.his_wrap .txtw dl dd{padding-left:130px;}
.his_wrap .txtw dl dd li{margin-top:10px;font-size:16px;line-height:25px;}


/* 오시는길 */
.map_w .root_daum_roughmap .wrap_map{height:300px;}
.map_txtw{padding:10px 25px 15px;}
.map_txtw ul li{margin-top:5px;padding-left:60px;height:45px;font-size:15px;background-size:45px;}
.map_txtw > span{top:13px;right:25px;width:100px;}
.map_txtw span a{padding-top:60px;height:40px;background-position:center top 20px;}

.map_detail{margin-top:40px;}
.map_detail li{margin-top:30px;padding-top:30px;width:100%;}
.map_detail .tit{width:15%;font-size:17px;line-height:21px;}
.map_detail .tit span{padding-top:55px;background-size:auto 40px;}
.map_detail li.icon3 .tit span,
.map_detail li.icon4 .tit span{padding-top:70px;background-size:auto 55px;}

.map_detail .txtw{padding-left:3%;width:82%;}
.map_detail .txtw .btn_ww{margin-top:20px;}
.map_detail .txtw dl dt{min-width:40px;}
.map_detail .txtw dl dd{font-size:14px;}
.map_detail .txtw dl dd p span{margin-right:10px;font-size:15px;}
.map_detail .txtw .bus_box dl dt{padding:10px 0;}
.map_detail .txtw .bus_box dl dd{padding:22px 3%;font-size:15px;}

.img_stepw dl dd{min-height:60px;}

}


/******************************768******************************/
@media all and (max-width:768px){
	
/* 인사말 */
.intro_wrap{text-align:center;}
.intro_wrap .mimg{position:static;display:inline-block;width:250px;}
.intro_wrap .txtw{padding:30px 0 0;}
.intro_wrap .txtw .tit{font-size:20px;line-height:29px;background-position:right top 20px;}
.intro_wrap .txtw .txt{margin-top:30px;font-size:15px;line-height:24px;text-align:center;}
.intro_wrap .txtw .txt p{margin-top:20px;}


/* 연혁 */
.his_wrap .txtw{padding-top:0;margin:-20px 10px 0;}
.his_wrap .txtw p{position:relative;top:0;display:block;padding:20px;margin-bottom:30px;width:auto;font-size:18px;text-align:center;}
.his_wrap .txtw p span{top:20%;right:30%;font-size:25px;}
.his_wrap .txtw dl{margin-bottom:25px;padding-bottom:25px;}
.his_wrap .txtw dl dt{position:static;font-size:22px;}
.his_wrap .txtw dl dd{padding:10px 0 0;}
.his_wrap .txtw dl dd li{margin-top:7px;font-size:15px;line-height:24px;}


/* 오시는길 */
.map_txtw{padding:15px 15px 20px;}
.map_txtw ul li{padding-left:55px;height:40px;font-size:14px;line-height:20px;background-size:40px;}
.map_txtw > span{position:static;margin-top:15px;width:auto;background-size:cover;}
.map_txtw span a{padding:20px 30px;height:auto;line-height:1;background-position:left 30px center;background-size:auto 25px;text-align:right;}
	
.map_detail{padding-bottom:30px;margin-top:30px;}
.map_detail li{display:block;width:auto;margin-top:20px;padding-top:20px;}
.map_detail .tit{display:block;width:auto;font-size:16px;}
.map_detail .tit span{padding-top:45px;background-size:auto 35px;}
.map_detail li.icon3 .tit span, 
.map_detail li.icon4 .tit span{padding-top:60px;background-size:auto 50px;}
.map_detail .tit span br{display:none;}
.map_detail .txtw{display:block;padding:15px 0 0;width:auto;}

}


/******************************650******************************/
@media all and (max-width:650px){
	
/* 오시는길 */
.map_detail .txtw .dashedbox{margin-bottom: 25px;padding-bottom: 15px;}
.map_detail .txtw .dashedbox > dl{display:block}
.map_detail .txtw dl dt{/*float:none;*/display:block}
.map_detail .txtw dl dd{/*float:none;*/padding:10px;line-height:20px;}
.map_detail .txtw dl dd p span{font-size:14px;}

.map_detail .txtw .bus_box dl dt{width:auto;box-sizing:border-box;}
.map_detail .txtw .bus_box dl dd{display:table;padding:10px;width:100%;height:80px;font-size:14px;line-height:20px;box-sizing:border-box;}
.map_detail .txtw .bus_box dl dd p{display:table-cell;vertical-align:middle;}

}