@charset "utf-8";
body {overflow-x: hidden;}
#wrap,
.wrap {position: relative;    margin-top: -15px;}



div.content_area { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 38px 3% 30px;word-break: keep-all;}
div.content_area2 {max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 3%;word-break: keep-all;}
div.content_area3 {max-width: 1200px; margin: 0 auto; overflow: hidden;word-break: keep-all;}
.site_area,
.site_area02 { display:none; width: 100%;  position:fixed; background: rgba(0,0,0,0.8); height:100vh; z-index: 999; top:0;}

.site_area .stp_bg { display:none; background: #fff; margin-top: 25px; border-radius: 30px; position: relative;}
.site_close {position: absolute; right: 50px; top: 55px; cursor: pointer;}
/************SITE MAP***********/
.h2sub {font-size:18px; text-align:center; color:#777; font-weight:300; margin-bottom:60px; margin-top: 20px;}

.site_box0 {margin-left:0 !important;}
.site_box {width:16%; float:left; margin-left:5%; margin-bottom:50px;}
.site_box .site_title {font-size:24px; font-weight:bold; border-bottom:2px solid #63ba4d; padding-bottom:20px; margin-bottom:20px;}
.stp_title { font-family: "Noto Sans KR", sans-serif;}
.site_box dl {border-bottom:1px solid #fff; margin-bottom:15px; font-size:16px; line-height:1.4;}
.site_box dl dt {margin-bottom:5px;}
.site_box dl dd {background: url(../img/main/listDots1.jpg) 0 13px no-repeat; padding-left:10px; color: #3a3a3a;}
.site_box dl dd a { color: #3a3a3a;}
.site_box dl dd a:hover {text-decoration:underline;}
.site_box ul li {border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:15px;}
.site_box ul li a {font-size:16px; color: #3a3a3a;}
.site_box ul li a:hover {text-decoration:underline;}

/* mobile_menu */
.m_block {display:none;}

.m_info_li {background:#313131 !important;}
#wrap .m_info_li a { color: #fff;  line-height:40px; font-size:14px;}
.m_info_li .m_title_box {float:left; width:50%; box-sizing: border-box; line-height:40px;}
.m_info_li .m_title_box a { margin-left:0 ; text-align: center;}
.m_title_box {line-height:70px;}
.m_title_li { position: relative; border-top: 0 !important; background:#fff !important;}
.m_title_li a {color: #fff;}
.m_title_li .m_close {position: absolute; right: 20px; cursor: pointer;}
.m_menu_bg { 
	display:none;
	width: 1903px;
    height: 974px;
	position: absolute;
    background: #3f3f3f;
	opacity: 0.85;
    left: 0;
    top: 0;
    z-index: 19;
}
.m_menu_wrap {display:none;}
ul.m_menu { display:none; width: 100%;  overflow: hidden; box-sizing: border-box; overflow-y: auto;height:100vh; position:absolute; z-index: 9999999999999; top: 0; right: -1200px;}
ul.m_menu li {  width: 100%; height:auto; overflow: hidden; background: #000; box-sizing: border-box; border-top: 1px solid #676769;}

ul.m_menu > li:last-child {border-bottom: 1px solid #676769;}
ul.m_menu li a { display:inline-block; width: 100%; font-size: 15px; color: #fff; line-height: 61px; margin-left: 7%;}
span.plus,
span.plus1 { display: inline-block; float: right; margin-top: -42px; padding-right:20px;}

ul.m_submenu {display:none; width: 100%; overflow: hidden; z-index: 99999999999999999;}
ul.m_submenu li { width: 100%; height: auto; background: #414045; float: left;}

ul.m_submenu li a { width: 100%; padding-left: 1.1em; font-size: 14px; line-height: 60px; color: #fff;}

/*ul.m_submenu li:hover ul.m_depth3 { display: block;}*/
ul.m_depth3 { width: 100%; float: left; overflow: hidden;}
ul.m_depth3 li {
    width: 100%;
    height: auto;
    background: #eaeaea;
    float: left;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}
ul.m_depth3 li:first-child { border-top: 1px solid #dcdcdc;}
ul.m_depth3 li a {width: 100%; padding-left: 2.2em; font-size: 16px; line-height: 60px; font-weight: bold;}
ul.m_depth3 li a:before {
    content: "";
    background-image: url(../images/sub/ball.png);
    background-repeat: no-repeat;
    width: 6px; height: 6px;
    float: left;
    margin-top: 27px;
    padding: 5px;
}

/* mobile_menu// */

/************LNB***********/
div#lnb { width: 100%; height: 45px; line-height: 45px; overflow: hidden; border-bottom: 1px solid #dadada; margin-top:-15px;}
div.lnb_area { width: 1200px; overflow: hidden; margin: 0 auto;}
div#lnb li { float: left; margin-right: 10px;}
div#lnb li a { font-size: 14px; color: #3a3a3a; font-weight: bold;}
div#lnb li a.login { color: #adc56b;}
ul#form { float: right;}
span.home { display: block; float: left; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 10px; cursor: pointer;}


/************HEADER***********/
div.wrap_ct { overflow: hidden;}
#header { max-width: 1200px; height: 75px; margin: 0 auto; border-bottom: 1px solid #dadada;  position: relative; margin-top: -16px;}

ul.menu {  margin-top: 20px; position: relative;}
ul.menu > li { float: left; letter-spacing: -0.5px;}
ul.menu > li:nth-child(1) { margin-left: 43px;}
ul.menu > li > a { line-height: 40px; font-size: 18px; color: #3a3a3a; display:block;font-weight:400; padding: 0 50px 0;}
ul.menu > li > a:hover { color: #63ba4d;}
ul.submenu {display:none;  width: 100%; height: auto;overflow: hidden; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; z-index: 999; margin-top: 12px; background: #fff; }
ul.submenu li { border-bottom: 1px solid #dcdcdc; position: relative; z-index: 999; background: #fff; cursor: pointer;}
ul.submenu li:last-child:hover { border-bottom:0; }
ul.submenu li a { text-align: center; padding: 20px 10px; display: block; color: #3a3a3a; font-size: 15px;}

ul.submenu li:hover { background: #63ba4d;}
ul.submenu li:hover a { color: #fff;}
ul.submenu li:first-child { border-top: 4px solid #63ba4d;}
h1 { float: left; line-height: 75px; cursor: pointer;}
h1 > img {width: 214px;}
h2 { font-size: 35px; font-weight: bold; text-align: center; line-height: 35px; margin-bottom: 10px; padding-top: 25px; font-family: "tahoma"}
p.sub_text2 { font-size: 22px; color: #fff; text-align: center;line-height: 35px; margin-bottom: 60px;}
p.sub_text {word-break:keep-all; font-size: 22px; color: #777; text-align: center;line-height: 35px; margin-bottom: 60px;}
span.toggle { position: absolute; right: 10px; top: 27px; cursor: pointer;}
span.toggle img {width:32px; height:24px;}
.m_close img {width:25px;}
.m_toggle { display: none;}

/***********ALL 2depth MENU************/
.gnb2depth {display:none; background:#fff; width:100%; position:absolute; width:100%; display:block; z-index:987654312; border-top:1px solid #63ba4d; border-bottom:1px solid #e6e6e6; overflow:hidden; height:235px; top: 76px;}
.gnb2depth > div {width:1200px; margin:0 auto; padding:15px 0;}
.gnb2depth ul {display:inline-block; vertical-align:top;}
.gnb2depth ul a {font-size:14px; line-height:1.8; font-weight:300; color: #777;}
.gnb2depth ul a.on,
.gnb2depth ul a:hover {color:#a1ba28;}
.gnb2depth ul:nth-child(1) {margin-left:280px;}
.gnb2depth ul:nth-child(2) {margin-left:70px;}
.gnb2depth ul:nth-child(3) {margin-left:85px;}
.gnb2depth ul:nth-child(4) {margin-left:130px;}
.gnb2depth ul:nth-child(5) {margin-left:90px;}

/***********BANNER**********/
#slider_m {display:none;}
.bx-wrapper:nth-of-type(2) {display:none;}
div#banner { width: 100%;  position: relative; overflow: hidden;}
div#banner span#left { position: absolute; top: 50%; left: 0; cursor: pointer;}
div#banner span#right { position: absolute; top: 50%; right: 0; cursor: pointer;}
ul#slider_banner img { width: 100%;}
/* pager */
.bx-controls { padding-bottom: 30px;}
div#banner .bx-pager {
    position:relative;
    width:120px;
    margin: -50px auto;
    z-index:10;
}
div#banner .bx-pager a {
    display:block;
	margin-left: 10px;
    width: 15px;
    background: transparent;
    border: 2px solid #fff;
    border-radius:50%;
    text-indent:-9999%;
    float:left;
}
div#banner .bx-pager a.active { background: #fff;}
/*  pager// */
span.text { max-width: 1200px; position: absolute; display: inline-block; top: 25%; left: 18%; text-align: left; text-shadow: 1px 1px 1px #000;}
div#banner p { font-size: 58px; font-weight: bold;color: #fff; line-height: 1.5em;    word-break: keep-all;}
div#banner p:nth-child(2) { font-size: 24px; margin-top: 30px; color: #f0f0f0; }




/************NAV***********/
div.mobile_nav { display: none;}
div.nav {width: 100%; height: 64px; border-bottom: 1px solid #dcdcdc;}
div.nav_wrap {max-width: 1200px; margin: 0 auto; position: relative;}
span.nav_txt {color: #63ba4d; font-size: 20px; line-height: 65px; font-weight: bold; margin-left: 20px;}
span.em_nav_txt,
#wrap .em_nav_text {color: #EB4D00; }

.nav_text {color: #63ba4d; text-align: center; font-size: 18px; line-height: 65px; font-weight: bold; padding: 0 3%;}
span.nav_notice { position: absolute; left: 0; top: 0; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 30px;}
span.nav_notice img { margin-top: 2px;}
span.nav_more { float: right; line-height: 43px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;  padding: 10px; position: absolute; right: -1px; top: 0;}

div.content {width: 100%; overflow: hidden; background:#f3f3f3;  padding-bottom: 50px;}

span.search_title {display: block; width: 100%; background: #64909c; text-align: center; color: #fff; line-height: 55px; font-size: 18px; margin-bottom: 30px;}

div.search { float: left; width: 49%; min-height: 285px; background: #fff; margin-right: 4%;}
p.search_text { color: #777; word-break:keep-all; text-align: center; padding: 0 2%; font-size: 15px; line-height: 30px; margin-bottom: 30px;}
.search_table { height: 100px; float: left;box-sizing: border-box; margin-left:2%;}
.search_img { float: left; width: 10%; height: 98px; border: 1px solid #dcdcdc; line-height: 98px; text-align: center; margin-left: 5%; border-right: 0;}
.search_img > img { }
div.station {float: left; width: 57%;}
div.station select { 
    width: 100%; height: 50px;
    padding-left: 3%;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; 
    background: url(../img/main/down1.jpg) no-repeat 95% 50%; /* 화살표 모양의 이미지 */
    border: 1px solid #dcdcdc;
}
div.station select:nth-child(1) {border-bottom: 0;}
/* ie 셀렉트 화살표 없애기 */
select::-ms-expand { display: none; }
/* ie 셀렉트 화살표 없애기// */
.search_button {float: right; background: #444; width: 140px; height: 100px; color: #fff; display: block; text-align: center; line-height: 100px; font-size: 20px; margin-right: 2%;}


div.info {  width: 47%;  float: left;}

div.info ul  {width: 100%;  overflow: hidden; padding: 3%;}
div.info ul li {float: left;line-height: 30px;}
div.info ul li.po_img { margin:21px 0 21px 20px;}
div.info ul li.po_img img {width:83px;}
div.info ul li.po_text img {width:40px}
div.info ul li.po_text { margin-top: 30px; width: 50%; text-align: center;}
span.position {display: block; width: 100%; height: 149px;}
.info p { color: #fff; line-height: 30px;font-size: 17px; }

.all { width: 50%; float: left; box-sizing: border-box; overflow: hidden;} 

.train {background: #0ab1ca;}
.way {background: #257d94;}
.fare {background: #079164;}
.conven {background: #63ba4d;}

/* 콘텐츠2 */
div.content2 {
    width: 100%;
    overflow:hidden;
    padding-bottom: 80px;
    background-image: url(../img/main/bg_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
div.content2 h2 { color: #fff;}

/* 공지사항 */
.no_text { display:block; text-align:center; font-size:16px; color:#777; line-height: 250px;}
div.notice { width: 45%; min-height: 302px; background: #fff; float: left;  position: relative; padding: 2%;}
span.new {margin-top: 4px; margin-left: 1%; margin-right:1%; float: left;}
.notice_bar { display: block; width: 100%; height: 1px; background: #dcdcdc; margin: 10px 0; }

.notice_bar:last-child {display:none;}

ul.notice_list {  overflow: hidden;}
ul.notice_list .on { background: #3a3a3a; color: #fff;}
ul.notice_list li { float: left; width: 20%;  height: 45px; line-height: 45px; border: 1px solid #dcdcdc; box-sizing: border-box; text-align: center; color: #3a3a3a;}
ul.notice_list li:nth-child(2) {border-left: 0; border-right: 0;}
ul.notice_list li:hover { cursor: pointer;}
span.more { position: absolute; right: 23px; top: 24px;}
.mobile_more { text-align: center; display: none;}
.mobile_more a { display: inline-block; width: 180px; height: 50px; background: #64909C; color: #fff; font-size: 18px; line-height: 50px;}

div.notice_area1 { margin-top: 20px;}
div.notice_area { width: 100%; clear: both;}
p.notice_title { font-size: 16px; font-weight: 400; color: #3a3a3a; line-height: 30px; max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
p.notice_content { font-size: 14px; max-width: 500px; line-height: 25px;white-space: nowrap; overflow: hidden; color: #777; font-weight: 400; text-overflow: ellipsis; clear: both;}


/* 서비스 */
.all ul { cursor: pointer;}
.all2 {border-right: 1px solid #dcdcdc;}
.all3 { border-bottom: 1px solid #dcdcdc;}
.all5 {padding-bottom: 10%;}
div.service { float: left; width: 47%; overflow: hidden; background: #fff;margin-left: 4%; min-height: 341px;}

span.service_title {display: block; background: #64909c; text-align: center; color: #fff; line-height: 55px; font-size: 18px; word-break: keep-all;}


.service_info  { width: 100%;overflow: hidden;}

.service_wrap { padding: 5%; overflow: hidden;}

/*.service_wrap:hover ul.service_list .po_text p{ color: red;}*/
div.service_info ul  {width: 100%;  overflow: hidden; padding: 10%;}
div.service_info ul li { float: left;line-height: 30px;}
div.service_info ul li.po_img {}
div.service_info ul li.po_img img { width:65px;}
div.service_info ul li.po_text .go {width: 38px;}
div.service_info ul li.po_text {  width: 50%; margin-left: 10px; text-align: center;}
div.service_info .po_text p{ font-size: 18px; color: #444; font-weight: bold;}


/* footer */


#footer,
#m_footer { background:#1e2426; overflow: hidden;}

.ft_box {/*background:transparent url(../images/inc/topLogo.jpg) no-repeat 0 50px; */ padding:20px 0; position: relative;}
.ft_box ul.pc_bottomList {text-align: left; padding: 0 0 20px;}
.ft_box ul li {display:inline-block;}
.ft_box ul li a {color:#fff; font-size:13px;}
.ft_box ul li a:hover {color:#a1ba28;}
.ft_box ul li:nth-child(1) a {border-left:0; padding-left:0;}
.ft_box p {color:#666; line-height:1.4; margin:20px 0; font-size:13px; text-align: left; color: #777;}
div.ft_bottom { border-bottom: 1px solid #333E41; line-height: 30px;}
div.ft_top { border-top: 1px solid #000;}
.ft_top img {position: absolute; right: 0; top: 100px; width: 214px;}

#selST { 
    color: #c3c5c5;
    background: transparent;
    position: absolute;
    right: 0; top: 30px;
    height: 30px;
    font-size: 15px;
	cursor:pointer;
    padding-left: 2%;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; 
    border: 1px solid #636668;
    background: url(../img/main/footer_select.png) no-repeat 95% 50%;
}

div#m_footer { display: none;}
div.m_ft_top { text-align: center;}
div.m_ft_top p { text-align: center;}

div.m_blist { padding-bottom: 20px;}
ul.m_bottomList { text-align: center;}
ul.m_bottomList li a { padding: 0;}

#m_selST { 
    background: transparent;
    height: 30px;
    font-size: 15px;
    width: 300px;
    max-width: 300px;
    padding-left: 10px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; 
    border: 1px solid #636668;
    background: url(../img/main/footer_select.png) no-repeat 95% 50%;
    color: #c3c5c5;
}
#m_flogo {position: static; display: block; margin: 30px auto; width: 217px; height: 24px;}

/* 게시판 */

.bd_list table {width:100%; border-top:2px solid #999;}
.bd_list table th {font-size:15px; border-bottom:1px solid #999; padding:17px 0;}
.bd_list table td {font-size:14px; border-bottom:1px solid #e5e5e5; padding:16px 0; text-align:center; position:relative;}
.bd_list table td a {display:block; width:97%;  color: #000; }
.bd_list table tbody tr:hover {background:#f9f9f9;}
.bd_list table tbody tr:hover a {color:#a1ba28;}

/****************************** board **********************/
.btn_box {margin-top:40px; text-align: center;}
.bd_listbtn_black {font-size:16px; line-height:1; color:#fff; background:#444; width:126px; height:46px; border:0;}

.bd_paging {text-align:center; margin:40px auto 40px; width: 100%;}
.bd_paging > ul {text-align:center; margin:0 auto;}

.bd_paging > ul li {display:inline-block;  border: 1px solid #dcdcdc;}
.bd_paging > ul li:first-child,
.bd_paging > ul li:last-child { border: 1px solid #fff;}
.bd_paging > ul li a {font-size:14px; width: 24px; height: 27px; display:inline-block; color:#666; line-height: 27px; padding: 0 5px;}

.bd_paging > ul li a:hover,
.bd_paging > ul li a.on {color:#fff; display: inline-block; background: #63BA4D;}

.bd_paging > ul li:first-child a  {background:transparent url(../img/sub/boardPrev.png) no-repeat 0 0; display:block; height:30px; overflow:hidden; text-indent:-999px;margin-right:-5px;}
.bd_paging > ul li:last-child a  {background:transparent url(../img/sub/boardNext.png) no-repeat 0 0; display:block;  height:30px; overflow:hidden; text-indent:-999px;}

.bd_listbtn_black2 {font-size:12px; line-height:1; color:#fff; background:#aaa; width:80px; height:30px; border: 0;}

.bd_listsch {text-align:right; margin-bottom:20px;}
.bd_listsch .selectVal {width:100px;font-size:14px;border:1px solid #dcdcdc; text-align:left; height: 36px; padding-left: 10px;}
.bd_listsch input {font-size:14px; text-indent:10px; line-height:20px; height:30px;width: 200px; border: 0; border: 1px solid #dcdcdc; text-align: left;}
.bd_listsch .bd_btnsch { border: 1px solid #63ba4d; color:#63ba4d; height:36px; width:60px; margin-top: 2px; background: #fff;}

/* 유실물센터 - 현황 게시판 */
.content_box {width: 100%; overflow: hidden;}
ul.g_contents {width: 100%; overflow: hidden;}
ul.g_contents li { width: 23%; margin-left: 1.6%; float: left; margin-bottom: 30px;}
ul.g_contents li img { width: 100%;}
.content_title05 {height:80px;}
.content_title:before {content:""; position:absolute; left:50%; top:-20px; margin-left:-16px; background:url(../img/sub/sort-up.png) no-repeat center; z-index:999; width:32px; height:32px;}
.content_title { position:relative;text-align: left; padding:5%; line-height: 25px; background: #fff; border: 1px solid #dcdcdc}
.content_title p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px;}
.content_title .ct_maint {font-size:16px; border-bottom:1px solid #222;}
.content_title a { color: #3a3a3a;}
.bd_listsch #word { height: 32px;}
.bd_input { display:inline-block;}

.content_title a:nth-child(1) {font-size:17px; font-weight: bold; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_title2 a {text-align: center;}

/* 여객운송약관 */

/****************************** ctn list *****************/
.footer_con h2 {font-weight: normal; margin-bottom: 45px;}
.footer_con h3 {margin-bottom: 45px; font-weight: normal;}
.footer_con table {width:100%;}
.s_ctnlist1 {font-size:14px; line-height:1.6; color:#666;font-weight:300; letter-spacing:1.1px;}
.s_ctnlist2 {font-size:14px; line-height:1.6; color:#666; padding-bottom: 50px;}
.s_ctnlist2 dt {margin-bottom:10px; color:#333; font-size:16px; font-weight:400;}
.s_ctnlist2 dt span{display:block; font-weight:300;}
.s_ctnlist2 dd {font-weight:300; line-height:2.3em; letter-spacing:1.0px}
.s_ctnlist2 em {font-size:16px; font-weight:bold; color:#333; letter-spacing:1.1px;}
.s_ctnlist21 dt {margin-bottom:10px; color:#333; font-size:24px; font-weight:600; text-align:center;}
.s_ctnlist22 dt {margin-bottom:10px; color:#333; font-size:35px; font-weight:600; text-align:justify;}