@charset "utf-8";

/*******************************************
	Common Style
*******************************************/

button,
input {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border:none;}

#wrap {position:fixed; top:0; left:0; right:0; bottom:0; overflow:hidden;}
#wrap {font-size:20px; font-weight:500;} 
#m_conts *{line-height:1.4;}
#openMymenu{display:none;}

@media all and (max-width:1024px) {
	#wrap, .map-infoWdw {font-size:18px;}
	#m_menu .depth1 > li > .mnu-tit a {padding: .5em;z-index:0;}
}

#lnbWrap .li_depth01.active > a::before {content:''; position:absolute; height:15px; bottom:25px; left:-10%; right:-10%;  background:#d0efff; z-index:-1;}


/*******************************************
	Layout Style
*******************************************/
.point {color: #2998E3;font-weight: 500;}
#map_search {position:fixed;top:7em;left:0;bottom:0;z-index:10;}
#map_area {position:fixed;top:7em;right:0;bottom:0;background:#eee;z-index:0;transition:.3s all;-webkit-transition:.3s all; margin-left: 20em;}
#map_search.close-pannel + input + #map_area {margin-left:0;}
#map_area.rout {margin-left:0;}

#map_search,
#map_search * {transition:.3s all;-webkit-transition:.3s all;}
#map_search button,
#map_search button * {transition:none; -webkit-transition:none;}
#map_search .control {display:block;position:absolute;top:50%;left:100%;width:2em;height:3.5em;margin-top:-1.75em;border-radius:0 .25em .25em 0;background:url(../img/btn_pannel_close.svg) no-repeat 50% .5em #fff;border:1px solid #ddd;text-indent:-999px;overflow:hidden;border-left-width:0;transition:.3s all;-webkit-transition:.3s all;}
#map_search .control span {display:block; position:absolute; text-indent:0; top:2.857142em; left:0; right:0; text-align:center; font-size:.7em; }

#map_search .area,
#map_search .category {position:absolute;top:0;left:0;bottom:0;width:6em;background: #fff;overflow:hidden;box-sizing:border-box;}
#map_search .searchWrap {position:absolute;top:0;bottom:0;left:6em;width: 20em;background:#fff;border:1px solid #DDDDDD;border-top-width:0;border-bottom-width:0;}

#map_search {width: 26em;}

#map_search.close-pannel .control {margin-left:1px; background-image:url(../img/btn_pannel_open.svg);}
#map_search.close-pannel .control .close,
#map_search:not(.close-pannel) .control .open {display:none;}

#map_area {left: 26em;overflow:hidden; width:100%!important;}

#map_search.close-pannel {border-right:1px solid #ddd;}
/*#map_search.close-pannel ~ #map_area {left:6em !important;}*/
#map_search.close-pannel .area,
#map_search.close-pannel .category {width: 6em;}

#map_search {width: 26em;}
#map_search .searchWrap {width: 20em;}
#map_search.typeArea ~ #map_area {left: 6em;}


@media all and (max-width:1024px) {	#map_search,#map_area {top:6.8em;}}
@media (min-width: 769px){#map_search.close-pannel {width:6em !important;}}

@media (max-width: 768px){
	#map_area{display:none;}
	#map_search.typeArea{width:100%;}
	#map_search .area, #map_search.close-pannel area{width: 100%!important;right: 0;bottom: auto;height: 3em;}
	#map_search.typeArea .searchWrap{width: 100%;left: 0;top: 3em;bottom: 1em;overflow: auto;}
	#map_search .control { display: none;}
}

@media all and (max-width:400px) {	#map_search,#map_area {top:5.8em;}}

/*******************************************
	Search Box
*******************************************/

.pannel {display:block;position: absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}

.area {overflow:auto;}
.area > ul > li > button {display:block;position:relative;width:100%;height: 6em;border-bottom: 1px solid #ddd;background: #f9f9f9;}
.area > ul > li > button span {display:block;text-align: center;font-size: .85em;color:#555555;padding-top: 3em;font-weight: 400;}
.area > ul > li > button::before{content:"";display: block;background: url('/bis/img/ico_bus01.svg') no-repeat center / contain;width: 1.8em;height: 1.8em;position: absolute;transform: translate(-50%);left: 50%;top: 1em;}
.area > ul > li > button.on {background: #005CB9;}
.area > ul > li > button.on span {color:#fff;font-weight: 600;}
.area > ul > li > button.on::before{background: url('/bis/img/ico_bus01_on.svg') no-repeat center / contain;}
.area > ul > .bus02 > button::before{background-image: url('/bis/img/ico_bus02.svg');}
.area > ul > .bus03 > button::before{background-image: url('/bis/img/ico_bus03.svg');}
.area > ul > .bus02 > button.on::before{background-image: url('/bis/img/ico_bus02_on.svg');}
.area > ul > .bus03 > button.on::before{background-image: url('/bis/img/ico_bus03_on.svg');}

.tab-cont .searchWrap { display: none;}
.tab-cont .searchWrap.on { display: block;}

.frmSearch {display:block;position: absolute;top:0;left:0;right:0;padding: 1em 1.2em;box-sizing:border-box;background: #f4f6fa;}
.frmSearch > * + * {margin-top:.5em;}
.frmSearch select,
.frmSearch input[type="text"],
.frmSearch input[type="search"] {display:block;position:relative;width:100%;box-sizing:border-box;font-size:.8em;border-radius:.3125em;border:none;height:3.125em;}
.frmSearch select {padding:0 .9em 0 .9em; background:url(../img/ico_select.svg) no-repeat 100% 50% #fff; background-size:1.875em auto; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
.frmSearch select::-ms-expand {display:none;}
.frmSearch input[type="text"],
.frmSearch input[type="search"] {padding: 0 1.5em;}
.frmSearch .input {display:block;position:relative;clear:both;background: #ffffff;border-radius: 5em;overflow:hidden;padding-right:2.5em;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.frmSearch .input input[type="submit"] {display:block;position:absolute;top:.5em;right: 1em;width: 1.3em;height: 1.3em;background: url(/common/img/common/btn_search.svg) no-repeat 70% 50%;background-size:contain;text-indent:-999px;overflow:hidden;}

.frmSearch .tip {display:block;position:relative;font-size: 0.75em;line-height: 1.4;background-size:1.25em auto;font-weight: 400;}
.frmSearch .all-bus {margin-top:0.5em;line-height: 2em;position: relative;}
.frmSearch .all-bus .tit {font-weight:bold;font-size: 0.9em;}
.frmSearch .all-bus .all-bus-btn {position: absolute;right: 0;bottom: 0;}
.frmSearch .all-bus .bus-btn {display:inline-block;color: #fff;text-align:center;padding: 0.4em 0.5em;font-size: 0.8em;}
.frmSearch .all-bus .blue {background: #24a7e4;}
.frmSearch .all-bus .green {background: #21b46d;}

.resultSearch {position: absolute;left: 0;right: 0;top: 9em;bottom: 0;margin: 1.2em;}
.searchWrap[data-content="tab02"] .resultSearch {top: 7em;}
.resultSearch .tit {font-weight:bold; font-size:0.9em; color:#005cb9; position:relative; margin-bottom:0.5em;}
.resultSearch .tit .right {color:#555; font-weight: 500;font-size: 0.9em; position:absolute; right: 0;bottom:-5px;}
.resultSearch .tit .right-text {padding:0.6em; background-color:#444444; border-radius:5px; color:#ffffff; position:absolute; opacity:0; font-size:0.8em; z-index:9;}
.resultSearch .tit .btn:hover + .right-text {opacity:1;}  

.resultSearch .tit .btn-box{bottom: -0.5em;color: #555;font-weight: 500;font-size: 0.9em;position:absolute;right: 0;}
.resultSearch .list-box {position: absolute;left: 0;right: 0;top: 2em;bottom: 0;overflow: auto;border-top: 1px solid #222;}
.resultSearch .list-box li {border-bottom:1px solid #ddd;}
.resultSearch .list-box a {display:block;position:relative;padding: .6em 0.5em;}
.resultSearch .list-box a .subj {font-size: 0.85em;font-weight: 600;position:relative;line-height:1.4em;margin-bottom:.2em;}
.resultSearch .list-box a .subj span{font-size: 0.8em;font-weight: 500;color: #555;padding-top: 0.1em;}
.resultSearch .list-box a .txt {display:block; position:relative; font-size:.7em; color:#555; line-height:1.4em;}
.resultSearch .list-box a .cate {display:block;position:absolute;left: 1em;top:50%;font-size: 0.75em;width: 2.8em;height: 2.8em;line-height: 2.8em!important;text-align: center;background: #24a7e4;color: #fff;border-radius: 5em;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.resultSearch .list-box a .cate.green{background: #21b46d;}
.resultSearch .list-box a .cate.pink{background: #f64776;}
.resultSearch .list-box a .cate ~ .subj {margin-left: 3.5em;}
.resultSearch .list-box a .cate ~ .subj *{display:block;}

.resultSearch .list-box .no-data {width:100% !important;text-align:center !important;padding: 2em 0 !important;font-size: 0.9em;}
.resultSearch .list-box .no-data span {position:relative;color:#888;display:inline-block;padding:0;font-size: 0.9em;line-height: 1.4;}
.resultSearch .list-box .no-data span:before {content:''; display:block; position:relative; width:6em; height:6em; margin:0 auto 1em; background:url('/common/img/board/ico_list_nodata.svg') no-repeat 50% 50%; background-size:contain;}

.tbl thead tr:first-child th,
.tbl thead, .tbl tbody {border-top-width:1px;}
.tbl{font-size: 0.75em;}
.tbl.taL th,
.tbl.taL td{text-align:left;}
.resultSearch .scroll-y{max-height: 18em;overflow-y: auto;}

.legend {  position: relative;  padding: 1em 0 0.8em;  font-size: 0.8em;}
.legend span {position:relative;display:inline-block;padding-left:25px;}
.legend span:after {content:"";display:block;position:absolute;top: 0.4em;left:0;width: 1em;height: 0.2em;}
.legend .upward:after {background: #24a7e4;}
.legend .downward {margin-left:10px;}
.legend .downward:after {background: #f64776;}
.legend .tab {position: absolute;right: 0;bottom: 0;overflow:hidden;}
.legend:after {display:block;content:"";position:absolute;left:0;right: 0;bottom:0;height:1px;background:#666;clear:both;}
.legend .tab button {position:relative;display:inline-block;width: 5em;height: 2.2em;line-height: 2.2em;color:#555;font-weight: 500;border:solid #ddd;border-width:1px 1px 0 1px;box-sizing:border-box;background:#f3f3f3;text-align:center;}
.legend .tab button:first-child {margin-right: -0.2em;}
.legend .tab button.active {color:#1c97e7;border-color:#0a8fcd;background:#fff;z-index:10;}
.list-info {display:none;height: 13em;overflow-y: auto;}
.list-info.active {display:block;}
.list-info ul {position:relative;}
.list-info ul:after {display:block;content:"";position:absolute;top: 1.5em;left: 1em;bottom: 1.5em;width:2px;background: #ddd;z-index:3;}
.list-info ul li {position:relative;box-sizing:border-box;}
.list-info ul li:after {display:block;content:"";position:absolute;top:50%;transform: translateY(-50%);left: 0.65em;width: 0.8em;height: 0.8em;background: url(/bis/img/service_line_ico.png) no-repeat 0 0 /contain;z-index:5;}
.list-info ul li.start:after {background: url(/bis/img/service_line_start_ico.png) no-repeat 0 0 / contain;}
.list-info ul li .box {position:relative;padding: 0.7em 0 0.7em 2em;border-bottom:1px solid #efefef;overflow:hidden;}
.list-info ul li .box a {display:inline-block;box-sizing:border-box;font-size: 0.8em;font-weight: 500;}
.list-info ul li .route a:hover {text-decoration:underline;}
.list-info ul li .num {display:inline-block;margin-left:10px;color:#777;font-size:13px;}
.list-info ul li .position {position:absolute;top: 50%;transform: translateY(-50%);bottom: 0;right: 1em;width: 1.2em;height: 1.2em;background: url(/bis/img/service_line_position.png) no-repeat center / contain;text-indent:-9999px;}

@media (max-width: 768px){
	.resultSearch{top: 9em;}
	.area > ul:after{content:''; display:block; clear:both;}
	.area > ul > li{ display: block; float: left; width: 33.3%;}
	.area > ul > li > button{height:3em;}
	.area > ul > li > button::before{ display: none;}
	.area > ul > li > button span{padding:0;}
}


/*******************************************
	Map Area
*******************************************/

.map-infoWdw {position:absolute;top:-20px;left:50%;transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);z-index:999;}
.map-infoWdw .close {display:block;position:absolute;top: -1em;right: -1em;width:2em;height:2em;background:url('../img/btn_map_pop_close.svg') no-repeat 50% 50%;background-size:contain;z-index:5;}

.map-infoWdw .info {position:relative;z-index:1;background:#fff;width: 25em;border-radius:1em;-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);overflow: hidden;}
.map-infoWdw .info .tit{padding: 1em 7em 1em 1.5em;position:relative;background: #0072e5;}
.map-infoWdw .info .tit .name{color:#fff;font-weight:500;padding-right: 0.4em;}
.map-infoWdw .info .tit .num{font-size:0.8em;font-weight:400;color:#fff;opacity: 0.8;}
.map-infoWdw .info .tit .btn-box{position:absolute; right:1em; top: 50%; transform: translateY(-50%);}
.map-infoWdw .info .con{padding: 1em 1.5em;}
.map-infoWdw .info .con .scroll-y{max-height: 8em;overflow-y:auto;}


@media screen and (max-width:768px) {
	.map-infoWdw .info {font-size:15px;}
	.map-infoWdw .info .bat {margin-top:-15px;}
}