@charset "utf-8";

/* 인사말 */
.s010101{position:relative; min-height:680px; background:url(/img/01intro/s0101_bg.jpg) no-repeat right bottom; border-bottom:1px solid #333333;}
.s010101 .btxt{margin-bottom:50px; font-size:30px;line-height:1.2;color:#1577c0;letter-spacing:-0.05em; text-align:center;}
.s010101 ul{margin-bottom:50px;}
.s010101 ul li{padding-top:30px;font-size:14px;line-height:22px;color:#555;letter-spacing:-0.025em;word-break:keep-all;}
.s010101 .name_area{text-align:right;margin-top:45px;color:#333;padding-right:390px;}
.s010101 .name_area dt{margin-bottom:10px; padding-right:5px;font-size:15px;font-weight:500;letter-spacing:-0.05em;}
.s010101 .name_area dd{font-size:24px;font-weight:700;}

/* 연혁 */
.s010201 .top_img{width:100%;height:155px;text-align:center;font-family: Myriad Pro;color:#fff;background:url(/img/01intro/s0201_topbg.jpg) no-repeat center top;}
.s010201 .top_img .txt1{padding-top:50px;font-size:30px;font-weight:700;letter-spacing:1px;}
.s010201 .top_img .txt2{padding-top:10px;font-size:18px;font-weight:100;letter-spacing:1px;}
.s010201 .history{margin-top:60px;}
.s010201 .history .year{padding-bottom:25px;background:url(/img/01intro/s0201_bg.gif) repeat-y 42px 0;}
.s010201 .history .year dl{position:relative;padding:37px 0 25px 0;margin-left:90px;border-bottom:1px dashed #ececec;}
.s010201 .history .year dl dt{position:absolute;left:-90px;top:0;font-size:22px;font-family: Myriad Pro;font-weight:500;color:#0062aa;padding-left:90px;margin-bottom:15px;background:url(/img/01intro/s0201_bu.png) no-repeat 35px 0;}
.s010201 .history .year dl dd{position:relative;/* padding-left:50px; 날짜가있을경우 패딩을 샆입*/margin-bottom:5px;color:#555;}
.s010201 .history .year dl dd:last-child{margin-bottom:0;}
.s010201 .history .year dl dd span{position:absolute;left:0;font-family: Myriad Pro;font-weight:500;color:#2470a8;}
.s010201 .history .year.last{padding-bottom:0;background:none;}
.s010201 .history .year.last dl{padding-bottom:0;border-bottom:none;}

/* 시설및장비 - 시설소개 */
/* .s010401 .title{display:inline-block;text-align:left;height:45px;line-height:45px;margin-bottom:20px;font-size:24px;font-weight:500;letter-spacing:-0.05em;background:url(/img/01intro/s0401_icon.gif) no-repeat right top;}
.s010401 .title span{display:inline-block;text-align:center;width:44px;font-family:Myriad Pro;color:#fff;} */
.s010401 .img_list ul{display:inline-block;width:750px;}
.s010401 .img_list ul li{float:left;width:230px;margin-right:20px;margin-bottom:25px;}
.s010401 .img_list ul li .tit{text-align:center;font-size:16px;font-weight:500;margin-top:10px;}

/* 시설및장비 - 장비소개 */
.equip_infow{margin-left:-20px;width:750px;clear:both;overflow:hidden;}
.equip_infow > li{float:left;width:230px;margin-left:20px;margin-bottom:25px;}
.equip_infow li div{margin-top:15px;}
.equip_infow li div .tit{padding-bottom:13px;margin-bottom:10px;font-size:16px;font-weight:600;color:#1577c0;text-align:center;border-bottom:1px dashed #dfdfdf;}
.equip_infow li div ul.list{margin-left:0;padding:0 10px;}


/* 오시는길 */
.s010501{width:100%; display:inline-block;}
.s010501 .maplist {width:100%; display:inline-block; margin-bottom:10px;}
.s010501 .maplist ul {display:inline-block; float:right;}
.s010501 .maplist ul li {float:left; width:150px; border:1px solid #dfdfdf; margin-left:3px; text-align:center;}
.s010501 .maplist ul li a {display:inline-block; height:19px; padding:10px 10px; line-height:19px; vertical-align:top;}
.s010501 .maplist ul li a img {vertical-align:middle;}
.s010501 .box {width:100%; display:inline-block; margin:20px 0 10px 0;}
.s010501 .box dl.address {display:inline-block; float:left; width:500px;}
.s010501 .box dl.address dt {float:left; font-size:17px; font-weight:600; color:#2567c1; letter-spacing:-1px; padding-right:10px; margin-right:10px; background:url(/img/04guide/s0101bar.gif) no-repeat right 50%;}
.s010501 .box dl.address dd {float:left; font-size:14px; color:#666;}
.s010501 .box .btn {float:right; display:inline-block; font-size:0; line-height:0;}
.s010501 .box .btn a {margin-left:5px;}

.s010502 {width:100%; display:inline-block;}
.s010502 .box {width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e8e8e8;}
.s010502 .box .bus_num {float:left; width:100px; height:60px; margin:0 0 0 9px; line-height:20px; padding-top:40px; text-align:center; font-weight:bold; font-size:16px;}
.s010502 .box .bus_num.type1 {background:url(http://dcmc.co.kr/img/04guide/s0102bg.gif) no-repeat left top; color:#1dbcb8;}
.s010502 .box .bus_num.type2 {background:url(http://dcmc.co.kr/img/04guide/s0102bg2.gif) no-repeat left top; color:#568cd5; padding-top:30px; height:70px;}
.s010502 .box .bus_num.type3 {background:url(http://dcmc.co.kr/img/04guide/s0102bg3.gif) no-repeat left top; color:#8767e8; padding-top:30px; height:70px;}
.s010502 .box .bus_num.type4 {background:url(http://dcmc.co.kr/img/04guide/s0102bg4.gif) no-repeat left top; color:#f73987;}
.s010502 .box dl {float:right; width:600px; margin-top:10px;}
.s010502 .box dl dt {width:100%; line-height:25px; height:25px; font-size:14px; color:#000; font-weight:600; margin-bottom:10px;}
.s010502 .box dl dt img {vertical-align:middle;}
.s010502 .box dl dt a {margin-left:5px;}
.s010502 .box dl dd {float:left; padding-right:19px; margin-right:6px; background:url(http://dcmc.co.kr/img/04guide/s0102arrow.gif) no-repeat right 50%; letter-spacing:-1px; line-height:23px;}
.s010502 .box dl dd.last {padding-right:0; margin-right:0; background:none;}
.s010502 .box dl dd.now {color:#2468c5; font-weight:600;}

.map_tab {position:relative; width:100%; min-height:50px; display:inline-block;}
.map_tab ul li a {position:absolute; top:0; left:0; display:inline-block; width:363px; height:40px; line-height:40px; text-align:center; font-size:14px; border:1px solid #dfdfdf; color:#666; letter-spacing:-1px; z-index:1;}
.map_tab ul li a#btab2{left:364px;}
.map_tab ul li a.on, .map_tab ul li a:hover {background:#2468c5; font-weight:600; color:#fff; border:1px solid #2468c5; text-decoration:none;}
.map_tab ul li .map_area {position:relative; top:0; left:0; width:100%; padding-top:50px;}
.map_tab ul li .map_area a{position:relative; top:0; left:0; display:inline-block; width:auto; height:auto; line-height:auto; text-align:center; font-size:14px; border:none; letter-spacing:0; z-index:1;}
.map_tab ul li .map_area a:hover {background:none; font-weight:normal; border:none;}

/*.s010501 .address{padding:10px 20px;color:#fff; font-weight:600; background:#124871;}
.s010501 .ment{margin:20px 0 10px 0;}
.s010501 .lo_btn a{ display:inline-block;padding:12px 20px 12px 50px;font-size:15px;font-weight:600;letter-spacing:-1px;text-align:center; color:#124871; border:1px solid #a2a2a2;}
.s010501 .lo_btn .lo_btn01{background:url(/img/01intro/s0105_icon01.png) no-repeat 10px 50%;}
.s010501 .lo_btn .lo_btn02{background:url(/img/01intro/s0105_icon02.png) no-repeat 10px 50%;}
.s010501 .lo_btn .lo_btn03{background:url(/img/01intro/s0105_icon03.png) no-repeat 10px 50%;}*/


/* 업무흐름도 */
.s010601{width:100%;margin-top:-30px;}
.s010601 dl{display:inline-block;width:100%;padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #cdcdcd;}
.s010601 dl dt{float:left;width:220px;font-weight:600;text-align:center;color:#000;font-size:17px;}
.s010601 dl dd{float:right;width:500px;}
.s010601 dl dd ul{margin-top:25px;}
.s010601 dl dd ul li{margin-bottom:0;}
.s010601 dl dd ul li ul{margin-top:8px;}
.s010601 dl dd ul li ul li{background-position:0 12px;}



/********************모바일********************/
@media(max-width:736px){


/* 인사말 */
.s010101{background:none;padding-bottom:30px;}
.s010101 .name_area{text-align:right;padding-right:0;}
.s010101 .name_area dd{margin-top:10px;display:block;}


/* 오시는길 */
.s010501 .maplist ul {width:100%; float:none;}
.s010501 .maplist ul li {width:33.3%; border:none; margin-left:-1px;}
.s010501 .maplist ul li a {display:block; height:35px; padding:10px 0; border:1px solid #dfdfdf;}
.s010501 .maplist ul li a span {display:inline-block; width:100%;}
.s010501 .box dl.address {display:inline-block; float:none; width:100%;}
.s010501 .box dl.address dt {float:none; font-size:15px;}
.s010501 .box dl.address dd {float:none; font-size:12px; padding-top:5px;}
.s010501 .box .btn {display:none;}

.s010502 .box .bus_num {float:none; width:100%;}
.s010502 .box .bus_num.type1 {background:url(http://dcmc.co.kr/img/04guide/s0102bg.gif) no-repeat center top;}
.s010502 .box .bus_num.type2 {background:url(http://dcmc.co.kr/img/04guide/s0102bg2.gif) no-repeat center top;}
.s010502 .box .bus_num.type3 {background:url(http://dcmc.co.kr/img/04guide/s0102bg3.gif) no-repeat center top;}
.s010502 .box .bus_num.type4 {background:url(http://dcmc.co.kr/img/04guide/s0102bg4.gif) no-repeat center top;}
.s010502 .box dl {float:none; display:inline-block; width:100%; margin-top:15px;}
.s010502 .box dl dt {height:auto; text-align:center; margin-bottom:20px;}
.s040102 .box dl dt span {display:inline-block; width:100%;}
.s010502 .box dl dt a {margin:0 2px;}
.s010502 .box dl dd {line-height:20px;}

.map_tab ul li a {width:50%; text-align:center;}
.map_tab ul li a#btab2{left:50%;border-left:none;}

/* 시설및장비 - 시설소개 */
.s010401 .img_list ul{width:100%;}
.s010401 .img_list ul li{float:none;text-align:center;width:100%;margin-right:0;margin-bottom:25px;}

/* 시설및장비 - 장비소개 */
.equip_infow{margin-left:0;width:auto;}
.equip_infow > li{float:none;margin:0 auto 25px;}

/* 업무흐름도 */
.s010601{margin-top:0;}
.s010601 dl{padding-bottom:25px;margin-bottom:25px;}
.s010601 dl dt{float:none;width:100%;}
.s010601 dl dd{float:none;width:100%;}
.s010601 dl dd ul{margin-top:15px;}
.s010601 dl dd ul li{margin-bottom:0;}
.s010601 dl dd ul ul li{margin-top:5px;}

}

@media(min-width:737px){

}