@charset "utf-8";

@import "font.css";

html	{}
html, body, pre	{width:100%; font:normal normal 14px/1.2 "MalgunGothic", "NanumGothic", "AppleGothic", "Noto Sans KR", dotum, "돋움"; color:#555; letter-spacing:-0.05em;-webkit-text-size-adjust:none;}
body, pre	 {font-size:14px;}
body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, p, div	{margin:0; padding:0;}
th, td	{padding:0;}
address, caption, cite, code, dfn, em, strong, textarea, var	{font-style:normal; font-weight:normal;}
b, strong	{font-weight:bold;}
a	{color:#555; border:0; text-decoration:none;}
a:active	{background:transparent;}
a:hover	 {text-decoration:none;}
ol, ul	 {list-style-type:none;}
hr	{display:none;}
caption	{position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0; display:none;}
@media screen and (-webkit-min-device-pixel-ratio:1.1) {
	_:-webkit-full-screen, caption	{display:block;}
}
li	{vertical-align:middle; line-height:1.2;list-style:none;}
img	{border:0; vertical-align:middle;}
fieldset	{border:0; display:block;}
legend	{margin-left:-7px; position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0;}
table	 {table-layout:fixed; border-collapse:collapse;}
input	 {font:normal normal 14px/1.2 "Noto Sans KR" ,dotum, "돋움"; color:#555; vertical-align:middle;}
input[type="text"]::-ms-clear{display:none;}
.container	 {display:inline-block; width:100%;}
.container:after	 {content:""; clear:both; display:block; height:0; visibility:hidden;}
textarea	{font:normal normal 14px/25px "Noto Sans KR" ,dotum, "돋움"; color:#555; resize:none;}
.hr	{display:none}
.none	{position:absolute; top:0; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
body .v_top	{vertical-align:top;}
body .v_mid	{vertical-align:middle;}
body .v_btm	{vertical-align:bottom;}
.a_left	{text-align:left;}
.a_center	{text-align:center;}
.a_right	{text-align:right;}
.btn_abs	{position:relative; height:0;}
.btn_abs .abs	 {position:absolute;}
.f_left	{float:left;}
.f_right	{float:right;}
/******************************************************** default end *************************************************************************/
.skipnav	{position:relative; width:100%; background:#000; color:#fff; text-align:center;}
.skipnav a	{display:block; color:#fff; font-weight:bold; width:0; height:0; line-height:0; font-size:0;}
.skipnav a:focus, .skip a:active	{display:block; padding:5px 0; width:auto; height:auto; line-height:1.5; font-size:14px;}

/*
*html 셀렉터	{}
*+html 셀렉터	{}
@media screen {셀렉터{};}
@-moz-document url-prefix(){셀렉터	{};}
@media screen and (-webkit-min-device-pixel-ratio:0){셀렉터{};}
*/

/* mt 1~100 */
.mt1 {margin-top:1px;}.mt2 {margin-top:2px;}.mt3 {margin-top:3px;}.mt4 {margin-top:4px;}.mt5 {margin-top:5px;}.mt6 {margin-top:6px;}.mt7 {margin-top:7px;}.mt8 {margin-top:8px;}.mt9 {margin-top:9px;}.mt10 {margin-top:10px;}.mt11 {margin-top:11px;}.mt12 {margin-top:12px;}.mt13 {margin-top:13px;}.mt14 {margin-top:14px;}.mt15 {margin-top:15px;}.mt16 {margin-top:16px;}.mt17 {margin-top:17px;}.mt18 {margin-top:18px;}.mt19 {margin-top:19px;}.mt20 {margin-top:20px;}.mt21 {margin-top:21px;}.mt22 {margin-top:22px;}.mt23 {margin-top:23px;}.mt24 {margin-top:24px;}.mt25 {margin-top:25px;}.mt26 {margin-top:26px;}.mt27 {margin-top:27px;}.mt28 {margin-top:28px;}.mt29 {margin-top:29px;}.mt30 {margin-top:30px;}.mt31 {margin-top:31px;}.mt32 {margin-top:32px;}.mt33 {margin-top:33px;}.mt34 {margin-top:34px;}.mt35 {margin-top:35px;}.mt36 {margin-top:36px;}.mt37 {margin-top:37px;}.mt38 {margin-top:38px;}.mt39 {margin-top:39px;}.mt40 {margin-top:40px;}.mt41 {margin-top:41px;}.mt42 {margin-top:42px;}.mt43 {margin-top:43px;}.mt44 {margin-top:44px;}.mt45 {margin-top:45px;}.mt46 {margin-top:46px;}.mt47 {margin-top:47px;}.mt48 {margin-top:48px;}.mt49 {margin-top:49px;}.mt50 {margin-top:50px;}.mt51 {margin-top:51px;}.mt52 {margin-top:52px;}.mt53 {margin-top:53px;}.mt54 {margin-top:54px;}.mt55 {margin-top:55px;}.mt56 {margin-top:56px;}.mt57 {margin-top:57px;}.mt58 {margin-top:58px;}.mt59 {margin-top:59px;}.mt60 {margin-top:60px;}.mt61 {margin-top:61px;}.mt62 {margin-top:62px;}.mt63 {margin-top:63px;}.mt64 {margin-top:64px;}.mt65 {margin-top:65px;}.mt66 {margin-top:66px;}.mt67 {margin-top:67px;}.mt68 {margin-top:68px;}.mt69 {margin-top:69px;}.mt70 {margin-top:70px;}.mt71 {margin-top:71px;}.mt72 {margin-top:72px;}.mt73 {margin-top:73px;}.mt74 {margin-top:74px;}.mt75 {margin-top:75px;}.mt76 {margin-top:76px;}.mt77 {margin-top:77px;}.mt78 {margin-top:78px;}.mt79 {margin-top:79px;}.mt80 {margin-top:80px;}.mt81 {margin-top:81px;}.mt82 {margin-top:82px;}.mt83 {margin-top:83px;}.mt84 {margin-top:84px;}.mt85 {margin-top:85px;}.mt86 {margin-top:86px;}.mt87 {margin-top:87px;}.mt88 {margin-top:88px;}.mt89 {margin-top:89px;}.mt90 {margin-top:90px;}.mt91 {margin-top:91px;}.mt92 {margin-top:92px;}.mt93 {margin-top:93px;}.mt94 {margin-top:94px;}.mt95 {margin-top:95px;}.mt96 {margin-top:96px;}.mt97 {margin-top:97px;}.mt98 {margin-top:98px;}.mt99 {margin-top:99px;}.mt100 {margin-top:100px;}

/* mb 1~100 */
.mb1 {margin-bottom:1px;}.mb2 {margin-bottom:2px;}.mb3 {margin-bottom:3px;}.mb4 {margin-bottom:4px;}.mb5 {margin-bottom:5px;}.mb6 {margin-bottom:6px;}.mb7 {margin-bottom:7px;}.mb8 {margin-bottom:8px;}.mb9 {margin-bottom:9px;}.mb10 {margin-bottom:10px;}.mb11 {margin-bottom:11px;}.mb12 {margin-bottom:12px;}.mb13 {margin-bottom:13px;}.mb14 {margin-bottom:14px;}.mb15 {margin-bottom:15px;}.mb16 {margin-bottom:16px;}.mb17 {margin-bottom:17px;}.mb18 {margin-bottom:18px;}.mb19 {margin-bottom:19px;}.mb20 {margin-bottom:20px;}.mb21 {margin-bottom:21px;}.mb22 {margin-bottom:22px;}.mb23 {margin-bottom:23px;}.mb24 {margin-bottom:24px;}.mb25 {margin-bottom:25px;}.mb26 {margin-bottom:26px;}.mb27 {margin-bottom:27px;}.mb28 {margin-bottom:28px;}.mb29 {margin-bottom:29px;}.mb30 {margin-bottom:30px;}.mb31 {margin-bottom:31px;}.mb32 {margin-bottom:32px;}.mb33 {margin-bottom:33px;}.mb34 {margin-bottom:34px;}.mb35 {margin-bottom:35px;}.mb36 {margin-bottom:36px;}.mb37 {margin-bottom:37px;}.mb38 {margin-bottom:38px;}.mb39 {margin-bottom:39px;}.mb40 {margin-bottom:40px;}.mb41 {margin-bottom:41px;}.mb42 {margin-bottom:42px;}.mb43 {margin-bottom:43px;}.mb44 {margin-bottom:44px;}.mb45 {margin-bottom:45px;}.mb46 {margin-bottom:46px;}.mb47 {margin-bottom:47px;}.mb48 {margin-bottom:48px;}.mb49 {margin-bottom:49px;}.mb50 {margin-bottom:50px;}.mb51 {margin-bottom:51px;}.mb52 {margin-bottom:52px;}.mb53 {margin-bottom:53px;}.mb54 {margin-bottom:54px;}.mb55 {margin-bottom:55px;}.mb56 {margin-bottom:56px;}.mb57 {margin-bottom:57px;}.mb58 {margin-bottom:58px;}.mb59 {margin-bottom:59px;}.mb60 {margin-bottom:60px;}.mb61 {margin-bottom:61px;}.mb62 {margin-bottom:62px;}.mb63 {margin-bottom:63px;}.mb64 {margin-bottom:64px;}.mb65 {margin-bottom:65px;}.mb66 {margin-bottom:66px;}.mb67 {margin-bottom:67px;}.mb68 {margin-bottom:68px;}.mb69 {margin-bottom:69px;}.mb70 {margin-bottom:70px;}.mb71 {margin-bottom:71px;}.mb72 {margin-bottom:72px;}.mb73 {margin-bottom:73px;}.mb74 {margin-bottom:74px;}.mb75 {margin-bottom:75px;}.mb76 {margin-bottom:76px;}.mb77 {margin-bottom:77px;}.mb78 {margin-bottom:78px;}.mb79 {margin-bottom:79px;}.mb80 {margin-bottom:80px;}.mb81 {margin-bottom:81px;}.mb82 {margin-bottom:82px;}.mb83 {margin-bottom:83px;}.mb84 {margin-bottom:84px;}.mb85 {margin-bottom:85px;}.mb86 {margin-bottom:86px;}.mb87 {margin-bottom:87px;}.mb88 {margin-bottom:88px;}.mb89 {margin-bottom:89px;}.mb90 {margin-bottom:90px;}.mb91 {margin-bottom:91px;}.mb92 {margin-bottom:92px;}.mb93 {margin-bottom:93px;}.mb94 {margin-bottom:94px;}.mb95 {margin-bottom:95px;}.mb96 {margin-bottom:96px;}.mb97 {margin-bottom:97px;}.mb98 {margin-bottom:98px;}.mb99 {margin-bottom:99px;}.mb100 {margin-bottom:100px;}

button	{display:inline-block; margin:0; padding:0; background:none; border:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; font-weight:bold; font-family:"Malgun Gothic", dotum, "돋움";}
*+html button	{margin:0 2px; overflow:visible;}
button > span, .btn > span, button > span > span, .btn > span > span {display:block; position:relative;}
button::-moz-focus-inner {padding:0; border:0;} /* 파이어폭스 버튼 내부 여백 제거 */
button.disabled, .btn.disabled {cursor:default;}
.tts{text-indent:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

/* 푸터 메인, 서브 공통 */
#footer {}
#footer .sub_menu_wrap {width:100%; background:#3d3d3d;}
#footer .sub_menu_wrap .sub_menu {width:1200px; margin:0 auto; overflow:hidden;}
#footer .sub_menu_wrap .sub_menu .device {float:left; width:25%;}
#footer .sub_menu_wrap .sub_menu dl {float:left; width:298px; border-right:1px solid #5a5a5a; height:200px;}
#footer .sub_menu_wrap .sub_menu dl:first-child {border-left:1px solid #5a5a5a;}
#footer .sub_menu_wrap .sub_menu dl dt {margin:20px 0 10px 20px;}
#footer .sub_menu_wrap .sub_menu dl dt a{ color:#fff; font-size:18px; font-family:"nanumgothicbold", "나눔고딕볼드", dotum, "돋움";}
#footer .sub_menu_wrap .sub_menu dl dd {padding:0 0 0 20px;}
#footer .sub_menu_wrap .sub_menu dl dd a { color:#cdcdcd; font-size:14px; line-height:1.8em; font-family:"nanumgothic", "나눔고딕", dotum, "돋움";}
#footer .footer_menu_wrap {background:#272727;padding:20px 0; border-top:1px solid #5d5d5d}
#footer .footer_menu_wrap .footer_menu {width:1200px;margin:0 auto;}
#footer .footer_menu_wrap .footer_menu ul {overflow:hidden;}
#footer .footer_menu_wrap .footer_menu ul li {float:left;}
#footer .footer_menu_wrap .footer_menu ul li a{padding:0 10px; color:#cfcfcf; font-size:16px; font-family:"nanumgothicbold", "나눔고딕볼드", dotum, "돋움"; border-left:1px solid #5d5d5d;}
#footer .footer_menu_wrap .footer_menu ul li:first-child a {border-left:0;}
#footer .footer_menu_wrap .information {margin:10px 0 0 10px; color:#cfcfcf; font-family:"nanumgothic", "나눔고딕", dotum, "돋움";}
#footer .footer_menu_wrap .information address {font-size:14px;}
#footer .footer_menu_wrap .information address span {padding: 0 6px 0 10px; border-left: 1px solid #5d5d5d;}
#footer .footer_menu_wrap .information address span:first-child {padding-left: 0; border-left: none;}
#footer .footer_menu_wrap .information .copyright {margin:5px 0 0px; font-size:12px;}
#footer .footer_menu_wrap .information .info {margin:10px 0 0; font-size:12px;}
#footer .footer_menu_wrap .information .info span {margin-right: 10px; padding-right: 6px;}
#footer .footer_menu_wrap .information .info a {margin-left: 5px; color: #fff;}
/* 터미널 선택 스크롤 2016-03-21 삭제
.cds_track {position: absolute; background: #d4d4d4; right: 15px; top: 0px; height: 100%; cursor: pointer; width: 7px !important;}
.cds_scrollbar {position: absolute; background: url("/images/common/btn_scroll.gif") repeat-y 0 0; right: 15px; cursor: pointer; width: 7px !important;}
.cds_up {position: absolute; background: #f60; right: 15px; top: 0px; cursor: pointer; display: none; width: 7px !important;}
.cds_down {position: absolute; background: #f60; right: 15px; bottom: 0px; cursor: pointer; display: none; width: 7px !important;}
*/

/*  common */
.disabled {background: #e4e4e4 !important;}
.underline {text-decoration: underline;}
.point {color: #f58220;}
.decimal {margin-left: 10px;}
.decimal li {list-style: decimal !important; margin-left: 15px !important; text-align: justify !important;}
.hidden {display: none !important;}
.bold {font-weight: bold !important;}
/* 레이어팝업 default css*/
.layer_popup_area	{position:fixed; top:50%; left:50%; z-index:1001; display:none;}
.layer_popup_area .dimd	{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity="60%"); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; opacity:0.6;z-index:0;}
.layer_popup_area .layer_content	{position:relative; z-index:1;}
.layer_popup_area .layer_cotent .layer_header	{}
.layer_popup_area .layer_content .layer_header h1	{}
.layer_popup_area .layer_content .layer_header .close	{}
.layer_popup_area .layer_content .layer_body	{}

/* 주의사항 2016-03-21 */
.cautionNote {z-index: 999; display: none; position: fixed; left: 40%; top: 30%; width: 50%; height: 50%; padding: 25px 20px 30px; background: #f7f7f7; border: 1px solid #bbb; }
.cautionNote h2 {margin: 5px 0 20px 10px; font-size: 16px; color: #010101;}
.cautionNote ol {overflow-y: scroll; width: 82%; height: 75%; padding: 20px 8% 0; background: #fff; border: 1px solid #ddd;}
.cautionNote ol li {list-style: decimal; padding: 0 0 20px; text-align: justify; line-height: 1.5em;}
.dataList {overflow: hidden; width: 100%; padding: 20px 0 0;}
.dataList table {width: 100%; margin: 0 0 0 -1px; border-bottom: 1px solid #666;}
.dataList table th {padding: 10px 0; color: #666; font-weight: normal; text-align: center; border-top: 1px solid #ddd;}
.dataList table thead th {background: #efefef; color: #000; font-weight: bold; border: 1px solid #666; border-left: 1px solid #ddd; border-right: none;}
.dataList table td {padding: 12px 12px 10px; line-height: 1.5em; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.dataList table td.center {padding-left: 0; padding-right: 0; text-align: center;}
.cautionNote .btnArea {padding: 30px 0 20px; text-align: center;}
.cautionNote .btnArea a {display: inline-block; width: 20%; min-width: 50px; max-width: 140px; padding: 7px 0; background: #ca4e03; color: #fff; font-weight: bold; border: none; border-radius: 3px;}
.cautionNote .btnArea .cancel {background: #777;}
.cautionNote .list_title_red	{color:#fe0000;}
/* 터미널 선택 레이어 */
.terminal_select {border-radius:10px; width:568px; height:563px;}
.terminal_select .layer_content {background:#fff; border-radius:10px 0 10px 10px;}
.terminal_select .layer_content .layer_header h2 {padding:12px 0; color:#222; font-size:18px; font-weight:500; text-align:center;}
.terminal_select .layer_content .layer_header .close {position:absolute; top:-35px; right:0;}
.terminal_select .layer_content .layer_body {}
.terminal_select .layer_content .layer_body .body_select_wrap {background:#76357a; padding:22px 0 12px;}
.terminal_select .layer_content .layer_body .body_select_wrap .body_select {width:350px;margin:0 auto;}
.terminal_select .layer_content .layer_body .body_select_wrap .body_select dl {position:relative;margin:0 0 10px;}
.terminal_select .layer_content .layer_body .body_select_wrap .body_select dl:after {content:""; display:block; clear:both;}
.terminal_select .layer_content .layer_body .body_select_wrap .body_select dl dt {position:absolute;top:6px; left:0; color:#fff; font-size:14px;}
.terminal_select .layer_content .layer_body .body_select_wrap .body_select dl dd {margin-left:60px;}
.terminal_select .layer_content .layer_body .select_detail {padding:10px 20px 30px; width:100%; height:413px; box-sizing:border-box;}
/* 2016-07-11 scroller에 들어간 height 50%로 바꿔주면 바뀐 레이아웃으로 변경가능함 */
.terminal_select .layer_content .layer_body .select_detail .scroller {position:relative; width:99%; height:50%; overflow-y:auto;  }
.terminal_select .layer_content .layer_body .select_detail .scroller.layout_type01{ height:75%; }
.terminal_select .layer_content .layer_body .select_detail .scroller.type2{ height:95%; }
/* 2016-07-08 레이어 팝업 주요 출발지 선택 추가css */
.terminal_select .layer_content .layer_body .select_detail .terminal_sel_pop_tit{ display:block; padding-left:19px; margin-bottom:7px; font-size:14px; line-height:16px; color:#222; background:url('/images/common/pop_up_img03.png') left center no-repeat; }
.terminal_select .layer_content .layer_body .select_detail .mgb_15{ margin-bottom:15px; }
.terminal_select .layer_content .layer_body .select_detail .mgb_5{ margin-bottom:5px; }

.terminal_select .layer_content .layer_body .select_detail .scroller > ul {overflow:hidden; border-top:1px solid #747474; border-bottom:1px solid #747474; border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; width:99%;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li {float:left; border-bottom:1px solid #d8d8d8; width:50%; box-sizing:border-box;}
/* .terminal_select .layer_content .layer_body .select_detail .scroller > ul > li.case {border:0;} */
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li:first-child	{border-right:1px solid #d8d8d8;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li:nth-child(2n+1) {border-right:1px solid #d8d8d8;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li > a{position:relative; display:inline-block; width:100%; padding:10px 0;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li > a:hover {background:#ededed;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li > a span {display:inline-block; padding-left:10px; margin-left:10px;background:url("/images/bg/bg_layer_arrow.png") 0 3px no-repeat; color:#222 ;font-size:13px; }
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li > a .selLocal {display: block; overflow:hidden; position:absolute; top:7px; right:10px; background: none;}
.terminal_select .layer_content .layer_body .select_detail .scroller > ul > li > a .selLocal em {float:left;margin-left:5px;}

/* 2016-07-11 주요출발지 노출 */
.terminal_select .layer_content .layer_body .select_detail.main_depart > ul {overflow:hidden; width:100%;}
.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li {float:left; width:20%; height:51px; padding-right:8px; box-sizing:border-box;}
/* .terminal_select .layer_content .layer_body .select_detail .scroller > ul > li.case {border:0;} */
.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li:last-child	{ padding-right:0; }

.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li > a{position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding-left:10px; text-align:center; background:url('/images/bg/main_pop_depart_img_left.jpg') left 0 no-repeat; }
.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li > a span {display:block; height:100%; box-sizing:border-box; padding-right:10px; padding-top:10px; text-overflow:ellipsis; white-space:nowrap; background:url('/images/bg/main_pop_depart_img_right.jpg') right 0 no-repeat; color:#222 ;font-size:13px; }
.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li > a span span{display: block; height:auto; padding-right:0; padding-top:9px; text-align:center; color:#fff; background:none;}


/* 모바일티켓 레이어 */
.mobile_ticket {border-radius:10px; width:388px; height:418px;}
.mobile_ticket .layer_content {background:#fff; border-radius:10px 0 10px 10px;}
.mobile_ticket .layer_content .layer_header h1 {padding:12px 0; color:#222; font-size:18px; font-weight:500; text-align:center;}
.mobile_ticket .layer_content .layer_header .close {position:absolute; top:-35px; right:0;}
.mobile_ticket .layer_content .layer_body {}
.mobile_ticket .layer_content .layer_body .ticket_info {}
.mobile_ticket .layer_content .layer_body .ticket_info ul {border-top:1px solid #909090; border-bottom:1px solid #909090; background:#f1f1f1;}
.mobile_ticket .layer_content .layer_body .ticket_info ul li {padding:10px 0 10px 30px; border-top:1px solid #d3d3d3; background:url("/images/bg/bg_arrow.png") 15px 14px no-repeat;}
.mobile_ticket .layer_content .layer_body .ticket_info ul li:first-child {border-top:0;}
.mobile_ticket .layer_content .layer_body .ticket_info ul li strong {}
.mobile_ticket .layer_content .layer_body .ticket_info ul li em {color:#ff0000;}
.mobile_ticket .layer_content .layer_body .ticket_info ul li .reserv_num {color:#ff0000;}
.mobile_ticket .layer_content .layer_body .ticket_select {}
.mobile_ticket .layer_content .layer_body .ticket_select >  ul {margin:15px 0 0;}
.mobile_ticket .layer_content .layer_body .ticket_select > ul > li {padding:5px 0 5px 30px; background:url("/images/bg/bg_arrow.png") 15px 14px no-repeat;}
.mobile_ticket .layer_content .layer_body .ticket_select > ul > li > strong {display:inline-block; margin-right:10px;}

/* 터미널 안내 레이어 */
.city_popup {width:80%; margin:0 auto; border-radius:5px;}
.city_popup .layer_content {background:#fff; border-radius:5px 0 5px 5px;}
.city_popup .layer_content .layer_header .close {position:absolute; top:-35px; right:0;}
.city_popup .layer_content .layer_body {padding:20px 10%;}
.city_popup .layer_content .layer_body .city_arr {overflow:hidden;}
.city_popup .layer_content .layer_body .city_arr li {float:left; width:49%; margin:0 0 10px 2%;}
.city_popup .layer_content .layer_body .city_arr li:nth-child(2n-1) {margin-left:0;}
.city_popup .layer_content .layer_body .city_arr li a {display:block; padding:10px 0; text-align:center; border:1px solid #b8b8b8; background:#efefef; color:#222; border-radius:5px;}
.city_popup .layer_content .layer_body .city_arr li.on a {background:#76347b; border:1px solid #76347b; color:#fff;}

/* 폼 요소 공통 */
.search_word {overflow:hidden; margin:10px 0;}
.search_word .search {float:right; width:30%;}
.search {position:relative; padding:0 27px 0 0; border:1px solid #a4a4a4; border-radius:5px; background:#fff;}
.search input[type="text"] {margin-left: 10px; border: none; background:transparent; padding:6px 0; height:16px;}
.search a {position:absolute; top:7px; right:8px; display:inline-block; width:15px; height:15px; background:url("/images/bg/bg_gray_search.png") 0 0 no-repeat;}
.search a span {position:absolute; top:0; left:-9999px; width:0; height:0; font-size:0; overflow:hidden;}

.date {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/bg/bg_datepicker.png") 95% 50% no-repeat;}
.date input[type="text"] {margin-left:10px; border:0; background:transparent; padding:6px 0; height:16px;}
.date.disabled {background:url("/images/bg/bg_datepicker.png") #e4e4e4 95% 50% no-repeat;}
.date2 {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/bg/bg_datepicker2.png") 97.5% 50% no-repeat;}
.date2 input[type="text"] {margin-left:10px; border:0; background:transparent; padding:6px 0; height:16px;}
.date2.disabled {background:url("/images/bg/bg_datepicker_disabled.png") #e4e4e4 97.5% 50% no-repeat;}

.select_type1 {position:relative; display:inline-block; vertical-align: middle;}
.select_type1 .default {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/bg/bg_select.png") #fff 100% 50% no-repeat;}
.select_type1 .default a {display:block; padding:5px 30px 5px 10px; height:16px;}
.select_type1 ul {overflow-y:auto; display:none; position:absolute; top:29px; left:0px; z-index:10; padding: 7px 0 10px; width:100%; height: auto; background:#fff; border:1px solid #a4a4a4; box-sizing:border-box;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px; 
}
.select_type1 ul li {}
.select_type1 ul li a {display: block; padding: 5px 0 5px 10px;}
.select_type1 ul li:first-child {padding-top: 2px;}
.select_type1.on ul {display:block;}
.select_type1.disabled {}
.select_type1.disabled .default {background:url("/images/bg/bg_select_disabled.png") #e4e4e4 100% 0 no-repeat;}

.input1 {border:1px solid #a4a4a4; border-radius:5px; padding:5px 0 5px 10px; height:16px;}
.input2 {border:1px solid #a4a4a4; border-radius:5px; padding:5px 0 5px 5px; height:16px;}
.input_w1 {width:90px;}
.input_w2 {width:117px;}
.input_w3 {width:16.1%;}
.input_w4 {width:213px;}
.input_w5 {width:21.7%;}
.input_w6 {width:72px;}
.input_w7 {width:51px;}
.input_w8 {width:72px;}
.input_w9 {width:195px;}
.input_w10 {width:80%;}
.input_w11 {width:290px;}
.input_w12 {width:95%;}
.input_w13 {width:290px;}
.select_w1 {width:129px;}
.select_w2 {width:60px;}
.select_w3 {width:35%;}
.select_w4 {width:100%;}
.select_w5 {width:131px;}
.select_w6 {width:69px;}
.select_w7 {width:131px;}
.datepicker {padding:5px 0 !important;}

/* jquery 플러그인 datepicker css변경 */
.ui-datepicker	{border:1px solid #727272; background:#fff; padding:10px; width:218px;}
.ui-datepicker .ui-datepicker-header	{position:relative; background:#4d4e53; color:#fff; height:28px; text-align:center; padding:8px 0 0; overflow:hidden; font-size:16px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev	{position:absolute; top:13px; left:10px; color:#fff;background:url("/images/bg/bg_datepicker_prev.gif") no-repeat 0 0; width:7px; height:11px; overflow:hidden; display:inline-block;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span	 {display:none;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next	{position:absolute; top:13px; right:10px; color:#fff;background:url("/images/bg/bg_datepicker_next.gif") no-repeat 0 0; width:7px; height:11px; overflow:hidden; display:inline-block;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span	 {display:none;}
.ui-datepicker .ui-datepicker-title	{text-align:center; display:inline-block;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year	 {float:left;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month	 {float:right;}
.ui-datepicker .ui-datepicker-calendar	{width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.ui-datepicker .ui-datepicker-calendar thead th	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center; font-size:12px; background:#f0f0f0; padding:4px 0;}
.ui-datepicker .ui-datepicker-calendar thead th:first-child	 {color:#940034;}
.ui-datepicker .ui-datepicker-calendar thead th:last-child	 {color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center;}
.ui-datepicker .ui-datepicker-calendar tbody td a	{display:block; font-size:11px; font-family:tahoma; padding:4px 0 6px;}
td.ui-datepicker-unselectable.ui-state-disabled {background-color: #E4E4E4;font-size: 11px;font-family: tahoma;padding: 4px 0 6px;} /* 2016-04-21 */
.ui-datepicker .ui-datepicker-calendar tbody td:first-child a	{color:#940034;}
.ui-datepicker .ui-datepicker-calendar tbody td:last-child a	{color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover	{background:#940034; color:#fff;}
#ui-datepicker-div	{display:none;}

@media screen and (max-width:1024px) {
	#footer .sub_menu_wrap {width:100%; background:#3d3d3d;}
	#footer .sub_menu_wrap .sub_menu {width:1024px; margin:0 auto; overflow:hidden;}
	#footer .sub_menu_wrap .sub_menu .device {float:left; width:25%;}
	#footer .sub_menu_wrap .sub_menu dl {float:left; width:100%; border-right:1px solid #5a5a5a; height:200px;}
	#footer .footer_menu_wrap .footer_menu {width:1024px;margin:0 auto;}
	.cautionNote {left: 50%; height: 60%;}
	.input_w4 {width:179px;}
	.input_w3 {width:16.5%;}
	.input_w5 {width:15.9%;}
	.select_w3 {width:71px;}
}

@media screen and (max-width:768px) {
	.input1 {padding:4px 0 4px 10px;}
	.terminal_select {width:90%;}
	.mobile_ticket{width:96%;}
	.select_w5 {width:100%;}
	.input_w6 {width:17%;}
	.input_w8 {width:50%;}
	.input_w11 {width:95%;}
	.input_w13 {width:44%;}
	.select_w7 {width:40%;}
	.terminal_select .layer_content .layer_body .body_select_wrap .body_select {width:80%;}
	.terminal_select .layer_content .layer_body .select_detail > ul > li {float:none; width:auto;}
	.terminal_select .layer_content .layer_body .select_detail > ul > li:nth-child(2n) {border-left:0;}
	.terminal_select .layer_content .layer_body .select_detail > ul > li.case {border-top:1px solid #d8d8d8;}
	.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li{ border-top:0; }
	.terminal_select .layer_content .layer_body .select_detail > ul > li:first-child {border-top:0;}
	.terminal_select .layer_content .layer_body .select_detail.main_depart > ul > li > a span { font-size:11px; }
	
	#footer .sub_menu_wrap .sub_menu {width:100%;}
	#footer .sub_menu_wrap .sub_menu .device {width:50%;}
	#footer .sub_menu_wrap .sub_menu dl {border-bottom:1px solid #5a5a5a;}
	#footer .sub_menu_wrap .sub_menu dl dt {margin:0 0 10px; padding:10px 0 10px 20px; border-bottom:1px solid #5a5a5a;}
	#footer .sub_menu_wrap .sub_menu dl dd {}
	#footer .footer_menu_wrap {padding:10px 0 30px;}
	#footer .footer_menu_wrap .footer_menu {width:100%;}
	#footer .footer_menu_wrap .footer_menu ul{border-bottom:1px solid #5a5a5a; padding:0 0 10px;}
	.search_word .search {width:55%;}
	.table_type4 table td .at {width:10%;}
	.cautionNote {left: 40%; width: 80%; height: 80%;}
}

@media screen and (max-width:480px) {
	.input1 {height:12px;}
	.input2 {height:12px;}
	.search input {font-size:12px;}
	.search a {top:6px;}
	.input_w6 {width:15%; font-size:12px;}
	.input_w7 {width:50px; font-size:12px;}
	.input_w8 {font-size:12px;}
	.input_w9 {font-size:12px;}
	.input_w11 {font-size:12px;}
	.search input[type="text"] {height:12px;}
	.date input[type="text"] {height:12px;}
	.date2 input[type="text"] {height:12px;}

	.select_type1 {position:relative; display:inline-block; vertical-align: middle;}
	.select_type1 .default {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/bg/bg_select.png") #fff 100% 50% no-repeat;}
	.select_type1 .default a {height:12px;}
	.select_type1 ul {display:none; position:absolute; top:29px; left:0px; z-index:10; padding:10px 0; width:100%; max-height:200px; background:#fff; overflow:hidden; overflow-y:auto; border:1px solid #a4a4a4; border-radius:5px; box-sizing:border-box;}
	.select_type1 ul li {padding:5px 0 5px 10px;}
	.select_type1 ul li:first-child {padding-top:0;}
	.select_type1.on ul {display:block;}
	.select_type1.disabled {}
	.select_type1.disabled .default {background:url("/images/bg/bg_select_disabled.png") #e4e4e4 100% 50% no-repeat;}
	.mobile_ticket{font-size:11px;}
	.mobile_ticket .layer_content .layer_body .ticket_info ul li, .mobile_ticket .layer_content .layer_body .ticket_select ul li {background-position:15px 12px;}
	#footer .sub_menu_wrap .sub_menu dl {height:160px;}
	#footer .sub_menu_wrap .sub_menu dl dt, 
	#footer .sub_menu_wrap .sub_menu dl dd {padding-left:10px;}
	#footer .sub_menu_wrap .sub_menu dl dt a{font-size:12px;}
	#footer .sub_menu_wrap .sub_menu dl dd a{font-size:11px;}
	#footer .footer_menu_wrap .footer_menu ul li a{font-size:11px;}
	#footer .footer_menu_wrap .information address, 
	#footer .footer_menu_wrap .information .copyright, 
	#footer .footer_menu_wrap .information .info {font-size:10px; border-right: none;}
	.datepicker {font-size:12px !important;}
	.city_popup .layer_content .layer_body .city_arr li a {font-size:12px;}
	.cautionNote {left: 40%; width: 80%; height: 80%;}
	.layer_popup_area.style01{ position:absolute !important; }
}