@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2016-08-05
Author: OBS
*/
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
/***** RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0; 
padding:0; 
border:0; 
font-size:100%; 
font:inherit; 
vertical-align:middle;
font-family: "Noto Sans KR", sans-serif;
word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/*html, body {height:100%;}*/

body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none}

ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}

table {border-collapse:collapse; border-spacing:0}

textarea {overflow:auto} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */

input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0;}

em, address{font-style:normal;}

/* Hyper Link */
a, a:link, a:visited, a:active, a:hover{text-decoration:none}

/* Form Type (html5 & 모바일 적용) */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}



/* blind */
caption, .blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap}






/***** SET *****/
/* elip */
.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* float */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.aftClear:after {content:""; display:block; height:0; overflow:hidden; clear:both;}

/* vertical align */
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

/* text align */
.tl {text-align:left !important;}
.tc {text-align:center !important; margin-bottom: 40px;}
.tc button {border:0; width:80px; height:35px; margin-bottom: 40px; cursor:pointer;}
.tr {}

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.hide {display:none !important;}

/* etc */
.csp {cursor:pointer;}

/* margin */
.mc {margin:0 auto;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.bd_view2 .bd_contents2 table { margin-top:5px;}
.bd_listbtn_black2 {font-size:12px; line-height:1; color:#fff; background:#444; width:80px; height:30px;}
.bd_view02 input[type="text"] {border:0; border: 1px solid #dcdcdc;}
.bd_view02 input[type="password"] {border:0; border: 1px solid #dcdcdc;}
.route_plus {
    width: 50px;
    height: 30px;
    text-align: center;
    display: inline-block;
    background: #ff9001;
    margin: 0 auto;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
	float: left;
}
.route_delete {
	width: 50px;
    height: 30px;
    text-align: center;
    display: inline-block;
    background: #777;
    margin: 0 auto;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
}


.bd_vlist2.left table tbody td {border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; color:#666; padding:8px 15px;font-weight:300; text-align:center;}


.s_tab1.tabli6 li {width:16.6667%; text-align:center;}


.bd_view2 table {width:100%; border-top:2px solid #1c1c1c; line-height:1.5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.bd_view2 table thead th {font-size:15px; border-bottom:1px solid #999; padding:17px 0; text-align:left; position:relative; color:#333; font-size:20px; padding-left:30px;}
.bd_view2 table thead th p {position:absolute; right:30px; top:20px; color:#666; font-size:13px;}
.bd_view2 table thead td {padding-left:30px; }
.bd_view2 table thead td em {color:#333; font-weight:bold; font-size:13px; vertical-align:middle;}
/*.bd_view2 table tbody td {padding-left:30px;}*/
.bd_view2 table tbody td.bd_contents {padding-left:30px; padding:25px 30px;}
/*.bd_view2 table tbody td em {font-size:14px; font-weight:bold; color:#333; padding:0 30px 0 0; border-right:1px solid #ccc; margin-right:30px; line-height:1; vertical-align:middle; width:100px}*/
.bd_view2 table tbody td em {
	font-size: 14px;
    font-weight: bold;
    color: #3a3a3a;
    /* padding: 0 30px 0 0; */
    border-right: 1px solid #ccc;

    margin-right: 30px;
    line-height: 1;
    vertical-align: middle;
    width: 80px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
	}
.bd_view2 table tbody .bd_contents5 em {border-bottom: 1px solid #e5e5e5; width:100%; border-right:0;}
/*주석처리_180907*/
/*.bd_view2 table tbody .bd_contents5 p {padding:2%;}*/
div.cust_text { padding:2%;line-height: 28px;}
.bd_c {border-left: 1px solid #e5e5e5;}
.table_two {margin-top: 40px;}


.bd_view2 table td {font-size:14px; border-bottom:1px solid #e5e5e5; margin:13px 0 16px; text-align:left; }
.bd_view2 table a {font-size:13px; color:#666;}
.bd_view2 table a:hover,
.bd_view2 table a.active {color:#b7c451;}

.wrap_ct2 {width:800px; margin:0 auto; position:relative;}
/*노선안내용*/
.route_map_wrap{
	width:738px;	
	margin-top:70px;
	margin-left:100px;
	margin-bottom:50px;
}
.route_map_wrap{
	width:100%;
	margin:20px 0;
}

.route_map{
	/*position:relative;*/
	/*height:auto;*/
}
.route_map:after{
	content:'';
	display:block;
	clear:both;
}
.route_map.se{
	padding-top:20px;
	height: 115px;
}

.route_map li{
	position:relative;
	float: left;
	height:85px;
}
.route_map li.right{
	float: right;
	margin-top:20px;
	margin-right: -1px;
}
.route_map li.right span.box{
	font-size: 14px;
}
.route_map li.right div.box{
	font-size: 14px;
}
.route_map li.se{
	float: right;
	margin-top:125px;
}
.route_map li.se.r{
	margin-right: -18px;
}
/* 연말이벤트 */
.custom label.ch_label02{float:none;width:30px;margin-left:5px}
.infor_ok{margin-top:10px;font-size:16px;line-height:1.2;color:#3d3d3d;}
.btn_bot{margin-bottom:40px}
.btn_bot .btn_c{background-color:#6fb245;color:#fff !important;border:none}

@media \0screen {
.route_map li.se.r{
	margin-right: -19px;
}
}
.route_map li i{
	position: relative;
	display: inline-block;
	float: left;
	width:31px;
	height:31px;
	/*background:url(/images/station_icon.png) no-repeat;*/
	text-indent:200%;
	background:#fff;
	white-space:nowrap;
	overflow:hidden;
	z-index: 999;
	border:3px solid #6fb245;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	box-sizing:border-box;
	behavior:url(PIE.htc);
}
.route_map li i:after{
	position:absolute;
	content:'';
	top:4px;
	left:4px;
	width:17px;
	height:17px;
	background:#6fb245;	
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
.route_map li i.t{
	background:url(/images/station_t_icon.svg) no-repeat 0;
	background-size:25px;
}
@media \0screen {
.route_map li i{
	position: relative;
	display: inline-block;
	float: left;
	width:32px;
	height:32px;
	background:url(/images/station_icon.png) no-repeat;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	z-index: 10;
	box-sizing:border-box;
	border:0;
}
.route_map li i:after{
	display: none;
}
.route_map li.right{
	margin-right:-8px;
}
.route_map li i.t{
	background:url(/images/station_t_icon.png) no-repeat 2px 0;
}
}


.route_arrow{
	display: inline-block;
	margin:11px 7px 0 11px;
}
.route_map li i.t:after{
	content:'';
	display:none;
}
.route_map li .line{
	position: relative;
	float: left;
	width:80px;
	height:6px;
	margin-top:12px;
	margin-left:-2px;
	background:#c9c9c9;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	z-index: 1;
}
.route_map li .line.se{
	width:18px;
}
.route_map li .line.verti{
	width:6px;
	height:78px;
	margin-left:-19px;
	margin-top:-68px;
}
.route_map li .line.verti.se{
	margin-top:20px;
}
.route_map li .line.on{
	background:#67473c;
}
.route_map li .round{
	position:relative;
	float: left;
	width:25px;
	height:25px;
	margin-top:12px;
	overflow: hidden;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	z-index: 1;
	behavior:url(PIE.htc);
}
.route_map li .round.on:after{
	border:6px solid #67473c;
}
.route_map li .round:after{
	position:absolute;
	content:'';
	top: 0;
	left:-100%;
	width:50px;
	height:50px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border:6px solid #c9c9c9;
	box-sizing:border-box;
	z-index: 1;
	behavior:url(PIE.htc);
}
.route_map li .round.bot{
	margin-top:-7px;
}
.route_map li .round.re{
	left: 0;
}

.route_map li .round.bot:after{
	top:-100%;
}
.route_map li .text{
	position:absolute;
	width:140px;
	top: 42px;
	left:0;
	display: inline-block;
	margin-left:-54px;
}
.route_map li .text.top{
	top:-38px;
}
.route_map li.right .text{
	top:0;
	margin-left:-143px;
}
.route_map li h5{
	display: block;
	color:#000000;	
	text-align:center;
	margin-bottom:3px;
	line-height:1.2;
}
.route_map li h5 em{
	font-weight:normal;
	font-style:normal;
	font-size:12px;
}
.route_map li span{
	display: block;
	color:#6d6d6d;	
	text-align:center;
	font-size:12px;
}
.route_map li.right h5,
.route_map li.right span{
	text-align:right;
}
.route_map .click_event_wrap{
	position:absolute;
	top:-62px;
	left:0;
	width:146px;
	height:62px;
	z-index: 99;	
	margin-left:-63px;
	overflow: hidden;
}
.route_map .click_event{
	position:relative;
	width:146px;
	height:43px;
	background:rgba(0,0,0,.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
	zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
	z-index: 99;
}
.route_map .click_event:after{
	content:'';
	display:block;
	clear:both;
}
.route_map .click_event_wrap .stick{
	position:absolute;
	content:'';
	top:50%;
	left:79px;
	width:3px;
	height:50px;
	background:#67473c;
	z-index: 1;
}
.route_map .click_event .head{
	float: left;
	width:42px;
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#fff;
	background:#67473c;
	text-align:center;
	z-index: 99;
}
.route_map .click_event .name{
	position:relative;
	float: left;
	display: block;
	width:104px;
	height:40px;
	border:1px solid #67473c;
	background:#fff;
	box-sizing:border-box;
	z-index: 99;
	padding-top:0;
}
.route_map .click_event .name .txt{
	display: table;
	vertical-align: middle;
	color:#000000;
	line-height:1.2;
	text-align:center;
	height:100%;
	width:100%;
}
.route_map .click_event .name .txt strong{
	display: table-cell;
	vertical-align:middle;
}
.route_map .click_event_wrap.bottom{
	top:31px;
}
.route_map .click_event_wrap.right{
	top:-50px;
}
.route_map .click_event_wrap.right .stick{
	display: none;
}
.route_map .click_event_wrap.bottom .click_event{
	position:absolute;
	bottom:0;
}
.route_map .click_event_wrap.bottom .stick{
	top:0;
}

.route_map_wrap{
	width:100%;
	margin:20px 0;
}
.route_map{
	line-height:85px;
}
.route_map li{
	width:14.2%;
}
.route_map li.end{
	width:14.8%;
	float: right;
}
.route_map li.end .line{
	margin-left:0;
}
.route_map li i{
	background-color:#fff;
	z-index: 5;
}
.route_map li h5{
	font-size:.75em;
}
.route_map li span{
	font-size:.65em;
}
.route_map li .line{
	position:absolute;
	width:100%;
	margin-left:10%;
}
.route_map li .line.se{
	width:100%;
}
.route_map li .round{
	/*display:none;*/
	float: right;
	position: absolute;
	right:0;
	background: #fff;
	z-index: 1;
}
.route_map li .text.fr{
	margin-left:0;
	width:150%;
}
.route_map li .text.fr h5,
.route_map li .text.fr span{
	text-align: left;
	word-break:break-all;
}
.route_map li h5 em{
	font-size:0.7em;
}
.route_map li .text.top{
	top:-22px;
}
.route_map li .line.verti {
	width: 4px;
	height: 60px;
 	margin-left: 0px;
	margin-top: -133px;
	right:1px;
}
.route_map li .line.verti.se{
	margin-top:-61px;
}
/* 20161209 추가 */
.route_map li .line.verti02 {
	width: 4px;
	height: 60px;
 	margin-left: 0px;
	margin-top: 18px;
	right:1px;
}
.route_map li .line.verti.se02{
	margin-top:-48px;
}
.route_map li.right a,
.route_map li.right span{
	position:relative;
	display: block;
	width:100%;
	height:100%;
}
.route_map li.right{
	position:relative;
	margin-top:0;
	width:13.9%;
	margin-right:0;
}
.route_map li.right i{
	float: right;
	margin-right:-7px;
}
.route_map li.se{
	margin-top:0;
}

.route_map li.se.r {
    margin-top: 0px;
    margin-right:0;
}
.route_map li.se.r .line{
	margin-left:0;
}
.route_map li.right .text{
	margin-left:-0;
	right: 26px;
	top: 3px;
	left:auto;
}
.route_map .click_event_wrap{
	top:-56px;
	margin-left: -71px;
}
.route_map .click_event_wrap.bottom{
	top:24px;
}
.route_map li i{
	top:5px;
	width:20px;
	height:20px;
	border-width:2px;
}
.route_map li i.t {
    background-size: 16px;
}
.route_map li i:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
}
.route_map li .text{
	top:30px;
	width:125px;
}
.route_map li .line {
	height: 4px;
	margin-top: 13px;
}

.route_map li .round:after {
	top: 1px;
	margin-left: -1px;
	border: 4px solid #c9c9c9;
}
.route_map li .round.on:after {
	border-width: 4px ;
}
.route_map li .round.bot{
	margin-top:-8px;
}

.top_search_wrap .top_search_btn{
	float:right;
}

.top_search_wrap{
	width:100%;
	text-align:center;
	font-size:0;
	margin-bottom:40px;
}
.top_search_wrap.no_disc{
	margin-top:46px;
}
.top_search_wrap .it_t{
	width:340px;
	height:40px;
	/*line-height:40px;*/
	padding-left:19px;
	vertical-align:top;
	border-color:#ededed;
	margin:0 4px;
}
.top_search_wrap input[type="button"].btn_b{
	width:120px;
	height:40px;
	line-height:40px;
	vertical-align:top;
	color:#fff !important;
}
.top_search_wrap input[type="submit"].btn_b{
	width:120px;
	height:40px;
	line-height:40px;
	vertical-align:top;
	color:#fff !important;
}
.top_search_wrap .trigger,
.top_search_wrap .activetrigger{
	width:190px;
	height:40px;
	line-height:40px;
}
.top_search_wrap .dropcontainer ul li {
	height:40px;
	line-height:40px;
	padding-left:12px;
}
.top_search_wrap .it_s option{
	height:40px;
}

.use-3 .top_search_wrap{
	margin-bottom:20px;
}

.top_search_wrap .trigger, .top_search_wrap .activetrigger{
	width:100%;
	font-size:13px;
}

.top_search_wrap .it_t{
	width:100%;
	margin:0;
	margin-bottom:5px;
	padding-left:12px;
	font-size:13px;
}

.use-5 .top_search_wrap{
}


.bd_glist2 ul.ul_glist2 li {float:left; width:247px; border:1px solid #e5e5e5; margin-left:35px; margin-bottom:30px;}
.bd_glist2 ul.ul_glist2 li:nth-child(1n-4) {margin-left:0;}
.bd_glist2 ul.ul_glist2 li em {margin:15px 1px; text-align:center; font-size:14px; font-weight:bold; color:#333;}
.bd_glist2 ul.ul_glist2 li div {margin:15px 1px; text-align:center;}
.bd_glist2 ul.ul_glist2:after {content:""; display:block; height:0; font-size:0; clear:both;}

.gtitle2 {font-size:13px; color:#333; }
.gtext2 {font-size:11px; color:#666; line-height:1.5;}