@charset "utf-8";

/*오시는길*/
.map_wrap {font-size:0; line-height:0;}
.map {width:100%; clear:both; border:1px solid #eeeeee; display:inline-block; font-size:0; line-height:0;}
.map_wrap .box {position:relative; width:100%; height:70px; display:table; background:#515f72; color:#fff; line-height:70px; font-size:16px; margin-bottom:30px;}
.map_wrap .box p {padding-left:30px; display:table-cell; vertical-align:middle; line-height:1.4;}
.map_wrap .box a {position:absolute; top:0; right:0; line-height:70px; width:70px; height:70px; background:#404a58 url('/ihc/img/03info/map_icon.png')no-repeat 50% 50%; text-indent:-999999px;}

.location_w .s040102 {width:100%;border-top: 1px solid #d7d7d7;}
.location_w .s040102 h4.tit.h4_t{margin-top:50px !important;}
.location_w .s040102 .box_wrap{display:inline-block;width: 100%;height: 810px;}
.location_w .s040102 .box_wrap.h01{height:317px;}
.location_w .s040102 .box_wrap.h02{height:209px;}
.location_w .s040102 .box_wrap.h03{height:521px;margin-top:-1px;}
.location_w .s040102 .box_wrap.h04{height:186px;}
.location_w .s040102 .bus_num {display: table;width: 198px;height: 100%;float:left;line-height:22px;text-align:center;font-family:'NotoKrM',sans-serif;font-size:22px;color:#131212;border-top: 1px solid #252525;border-bottom: 1px solid #252525;margin: -1px 0;box-sizing: border-box;}
.location_w .s040102 .bus_num span{display: table-cell;vertical-align: middle;padding-top: 69px;}
.location_w .s040102 .bus_num.icon01 span{background: url(/img/02treatment/maps_bus_icon.gif) no-repeat 50% 50%;}
.location_w .s040102 .bus_num.icon02 span{background: url(/img/02treatment/maps_subway_icon.gif) no-repeat 50% 45%;}
.location_w .s040102 .bus_num.icon03 span{background: url(/img/02treatment/maps_car_icon.gif) no-repeat 50% 45%;}
.location_w .s040102 .box {display:inline-block;width:652px;padding: 33px 0;border-bottom:1px solid #e8e8e8;}
.location_w .s040102 .box dl {display:inline-block;width:615px;}
.location_w .s040102 .box dl dt {width:100%; line-height:23px; height:23px; font-size:20px; color:#000; font-family:'NotoKrB'; font-weight:normal; margin-bottom:26px; letter-spacing:-0.06em;}
.location_w .s040102 .box dl dt.green{color:#3b9c1a;}
.location_w .s040102 .box dl dt.blue{color:#4378d0;}
.location_w .s040102 .box dl dt.violet{color:#d341ca;}
.location_w .s040102 .box dl dt.red{color:#d53535;}
.location_w .s040102 .box dl dt a{display: inline-block; width:85px;height: 31px;text-align: center;line-height: 29px;font-family: 'NotoKrB',sans-serif;font-size: 13px;color: #656565;border: 1px solid #cdcdcd;box-sizing: border-box;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.08);}
.location_w .s040102 .box dl dt img {vertical-align:middle;}
.location_w .s040102 .box dl dt a {margin-left:5px;}
.location_w .s040102 .box dl dd {float:left;font-family: 'NotoKrM',sans-serif;color: #555; font-size:15px; padding-right:19px;margin-right:6px;background:url(/img/02treatment/s0102arrow.gif) no-repeat right 50%;letter-spacing:-1px;line-height:23px;}
.location_w .s040102 .box dl dd.last {padding-right:0; margin-right:0; background:none;}
.location_w .s040102 .box dl dd.now {color: #0b71e5;}
.location_w .s040102 .box dl dd.now.dnone{background:none;}
.location_w .s040102 .box.back dl dd{background:none;}

.location_w ul.list li{font-family:'NotoKrM',sans-serif; font-weight:normal; margin-bottom:0;}
.location_w  h4.tit{font-family:'NotoKrM',sans-serif;font-size:20px;color:#131212;letter-spacing:-0.05em;margin-bottom:20px; font-weight:normal;}
.location_w  h4.tit.h4_t{margin-top:50px;}


/* 층별안내 */
.tourism_wrap .wsize{position:relative;}
.tourism_wrap .tourism_map{height:450px;font-size:0;line-height:0;}
.tourism_wrap ul.map_select li{display:none;position:absolute;}
.tourism_wrap ul.map_select li span.city_txt{display:none;}
.tourism_wrap ul.map_select li.map1{top:123px;left:90px;}
.tourism_wrap ul.map_select li.map2{top:161px;left:271px;}
.tourism_wrap ul.map_select li.map3{top:203px;left:454px;}
.tourism_wrap ul.map_select li.map4{top:111px;left:445px;}

/*편의시설 amenity*/
.amenity {width:100%;display:inline-block;border-top:2px solid #222;margin-top: -41px;}
.amenity .box {display: inline-block;width: 100%;min-height: 277px;border-bottom:1px solid #e2e2e2;box-sizing: border-box;}
.amenity .box .img {display: table;float:left;width: 360px;font-size:0;line-height:0;padding: 30px 30px 30px 0;box-sizing: border-box;}
.amenity .box .img img{width:100%;}
.amenity .box .info {float:left;display:inline-block;width: 428px;min-height: 277px;padding: 30px 0 30px 30px;border-left: 1px solid #ccc;word-break: keep-all;box-sizing: border-box;}
.amenity .box .info h3 {font-family: 'Lato',sans-serif;font-size: 25px;color: #105dc5;padding-left: 0;background: none; font-weight:800;}
.amenity .box .info ul {display:inline-block;margin-top: 30px;}
.amenity .box .info ul li {position:relative;font-size: 15px;line-height:20px;color: #555; width:100%; padding-left: 134px;margin-bottom: 15px;display:inline-block; box-sizing:border-box;}
.amenity .box .info ul li span {position:absolute;top:0;left:0;display:inline-block;line-height:24px;color: #1c1c1c;font-weight:600;}
.amenity .box .info ul li span.ls30{letter-spacing:27px;}
.amenity .box .info .tel {display:inline-block; width:100%; background:#ebedf8;  margin-top:15px; border: 1px dashed #ddd; box-sizing: border-box;}
.amenity .box .info .tel dl dt {float:left; height:40px; line-height:40px; font-weight:normal; color:#000; padding:0 16px 0 37px; background:url(/img/04guide/s0601icon.gif) no-repeat 21px 12px;}
.amenity .box .info .tel dl dd {float:left; height:40px; line-height:40px;}


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

/* 층별안내  */
.tourism_wrap .tourism_map{height:auto;margin-bottom:10px;}
.tourism_wrap .tourism_map img{width:100%;}
.tourism_wrap ul.map_select{overflow:hidden;border-top:1px solid #e5e5e5; display:none;}
.tourism_wrap ul.map_select li{float:left;width:33%;display:block !important;position:relative;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;padding:10px 0;border-bottom:1px solid #e5e5e5;text-align:center;}
.tourism_wrap ul.map_select li img{display:none;}
.tourism_wrap ul.map_select li span.city_txt{display:block;font-family:'NotoKrM';color:#000;}


/*편의시설 amenity*/
.amenity{margin-top:0;font-size: 0;}
.amenity .box{position:relative;min-height: auto;}
.amenity .box .img{position:absolute;width:300px;padding: 20px 20px 20px 0;}
.amenity .box .info{margin-left:300px;padding: 20px 0 0 20px;width:auto;min-height:230px;}

/* 찾아오시는길 */
.location_w ul.list{margin-left:0;}

/*찾아오시는길*/
.location_w .s0401{margin:0 0 30px;}
.location_w .s0401 .map .maplist{position:relative;top:0;right:0;text-align:center;}
.location_w .s0401 .map .maplist ul{float:none;width:100%;}
.location_w .s0401 .map .maplist ul li{margin-left:0;width:33%;margin-left:-1px;}
.location_w .s0401 .root_daum_roughmap{width:100% !important;}
.location_w .s0401 .root_daum_roughmap .wrap_map{height:400px !important; z-index:1;}
.location_w .s0401 ul.list.maps{padding:20px 0;}
.location_w .s0401 ul.list.maps li{padding-left:0;font-size:14px;}
.location_w .s0401 ul.list.maps li:first-child{margin-bottom:10px;}

.location_w .s040102 .box_wrap{height:auto;}
.location_w .s040102 .bus_num{display:none;}
.location_w .s040102 .box{width:100%;padding:20px 0;}
.location_w .s040102 .box dl{width:100%;}
.location_w .s040102 .box dl dt{margin-bottom:15px;font-size:15px;}
.location_w .s040102 .box dl dd {font-size:14px;}
.location_w .s040102 .box dl dt a{width:auto;height:25px;padding:0 20px;font-size:12px;line-height:25px;}

.location_w .s040102 .box_wrap.h02,
.location_w .s040102 .box_wrap.h03,
.location_w .s040102 .box_wrap.h04{height:auto;}



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

/*오시는길*/
.map_wrap .box{height: auto;font-size: 13px;line-height: 20px;padding: 10px 50px 10px 10px;margin-bottom: 20px;box-sizing: border-box;}
.map_wrap .box p{padding-left:0;}
.map_wrap .box a{width:50px;height:100%;}


/*편의시설 amenity*/
.amenity{margin-top:0;border-top: 0;}
.amenity .box{border: 1px solid #ccc;margin-bottom:13px;}
.amenity .box .img{position:static;display:block;float:none;padding:13px;width:100%;border-bottom: 1px solid #ccc;}
.amenity .box .info{float:none;width:100%;min-height:auto;margin-left:0;border-left: 0;padding:13px;}
.amenity .box .info h3 {font-size:16px;}
.amenity .box .info ul{margin-top: 15px;}
.amenity .box .info ul li{padding-left:0; font-size:13px; line-height:1.4; margin-bottom:10px;}
.amenity .box .info ul li span{font-size:14px;line-height:20px; position: static;display: inline-block;width: 100%;margin-bottom:3px;}



}