@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900);

/* select2*/
.select2-container--open {
	z-index : 10001
}



/* page 강조표시 커스터마이징*/
.paging .strong {border:1px solid #ff8484; color:#ff0000; font-weight:600;}

/* 노선정보 */
.timeline .bus {left:36px;}
.timeline .bus::after {left:-16px;}
.timeline .bus::after {content:''; position:absolute; margin-top:-20px; width:20px; height:18px; margin-top:-10px; background:url(../images/ic_bus.png) no-repeat; background-size:cover; z-index:1; border:0;}

/* 노선정보 */
.lineInfo {text-align:center; position:relative;}
.lineInfo:after {content:""; display:block; clear:both;;}
.lineInfo .start {border-right:1px solid #515151; width:50%; float:left; padding:16px 0 20px 0;}
.lineInfo .start .tit, .lineInfo .end .tit {color:rgba(255,255,255,.5); font-size:14px; font-weight:400;}
.lineInfo .start .txt, .lineInfo .end .txt {color:rgba(255,255,255,1); font-size:20px; font-weight:600; margin-top:10px;}
.lineInfo .lineArrow {position:absolute; width:30px; height:30px; border-radius:50px; background:#fff; left:50%; top:25px; margin-left:-15px;}
.lineInfo .lineArrow span {display:inline-block; width:30px; height:30px; background:url(../images/line_arrow.png) no-repeat center center; background-size:16px 6px; text-indent:-9999px;}
.lineInfo .end {float:right; width:49%;padding:16px 0 20px 0;}


/* 초기화 */
a .resetcancel {display:inline-block; width:35px; background:url(../images/btn_cancel.png) no-repeat left 2px; text-indent:-9999px;}
a:hover .resetcancel {background:url(../images/btn_cancel_on.png) no-repeat left 2px;}


table.ui-datepicker-calendar { display:none; }

/* 넓이 */
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w180 {width:180px !important;}
.w300 {width:300px !important;}


/* A태그 버튼 */
a.btnBlue {min-width:120px; display:inline-block; background:#3277b7; color:#fff; font-size:18px; text-align:center; padding:13px 20px;}
a:hover .btnBlue {background:#2867a1;}

/* Button 태그 버튼 */
button.btnRed {min-width:120px; display:inline-block; background:#ff0000; color:#fff; font-size:18px; text-align:center; padding:7px 20px;}
button:hover .btnRed {background:#e51f1f;}

/* 여백 */
.pa40 {padding:40px !important;}
.pa20 {padding:20px !important;}
.pa10 {padding:10px !important;}

/* pop up */
.popup850 {margin:100px auto; background:#fff; border:1px solid #666; width:850px !important; box-shadow:0 0 50px rgba(0, 0, 0, 0.5); position:relative;}
.popup1600 {margin:100px auto; background:#fff; border:1px solid #666; width:1600px !important; box-shadow:0 0 50px rgba(0, 0, 0, 0.5); position:relative;}
.popup .listBox table:last-child, .popup500 .listBox table:last-child {border-right:0;}


.popup900 {margin:100px auto; background:#fff; border:1px solid #666; width:900px; box-shadow:0 0 50px rgba(0, 0, 0, 0.5); position:relative;}
.popup .close,.popup900 .close { position:absolute; width:20px; height:20px; top:15px; right:20px; opacity:0.8; transition:all 200ms; font-size:24px; font-weight:bold; text-decoration:none; color:#666;}
.popup .close span, .popup900 .close span {width:20px; height:20px; display:inline-block; background:url(../images/closed.png) no-repeat center; text-indent:-9999px;}
.popup h2, .popup900 h2 {text-align:left; color:#fff; font-size:20px; font-weight:600; background:#ff0000; padding:20px; }
.popup .row, .popup900 .row {/*border-bottom:1px solid #d8d8d8;*/ padding:0 0;}
.popup .row .searchBox table, .popup900 .row .searchBox table {border-top:1px solid #d8d8d8;}
.popup .row .searchBox th, .popup .row .searchBox td, .popup900 .row .searchBox th, .popup .row .searchBox td {padding:15px;}
.popup .row .searchBox tr, .popup900 .row .searchBox tr {border-bottom:1px solid #d8d8d8;}
.popup .content, .popup900 .content {max-height:700px; width:100%; display:table; overflow:auto; text-align:left;}
.popup .content:after, .popup900 .content:after {content:""; display:block; clear:both;}
.popup .content .row, .popup900 .content .row {display:block;}
.popup .popupLe, .popup900 .popupLe {width:910px; /*display:table-cell;*/ padding:20px; vertical-align:top; border-right:1px solid #d8d8d8;}
.popup .popupLe:after, .popup900 .popupLe:after {content:""; display:block; clear:both;}
.popup .popupLe h3, .popup900 .popupLe h3 {margin-bottom:20px;}
.popup .popupLe h3:after, .popup900 .popupLe h3:after {content:""; display:block; clear:both;}
.popup .popupLe .tit, .popup900 .popupLe .tit {float:left; font-size:18px; color:#333; background:url(../images/bus_red.png) no-repeat 0 10px; background-size:23px 27px; line-height:40px; padding-left:35px;}
.popup .popupLe .btnArea, .popup900 .popupLe .btnArea {float:right;}
.popup .popupRi, .popup900 .popupRi {display:table-cell;  vertical-align:top; width:950px;}
.popup .popuoRi .partArea, .popup900 .partArea {padding:20px;}
.popup .popuoRi .partArea:first-child, .popup900 .popuoRi .partArea:first-child {margin-bottom:0;}
.popup button.line_red, .popup900 button.line_red {height:40px; border:1px solid #ff0000; color:#ff0000; padding:0 10px; font-size:14px;}
.popup button.line_gray, .popup900 button.line_gray {height:40px; border:1px solid #666; color:#ff0000; padding:0 10px; font-size:14px;}
.popup button.red, .popup900  button.red {height:40px; background:#ff0000; color:#fff; padding:0 20px; font-size:14px;}
.popup button.gray, .popup900 button.gray {height:40px; background:#666; color:#fff; padding:0 20px; font-size:14px;}


.popup .map, .popup900 .map { height:400px;}
.popup .searchBox th, .popup .searchBox  td, .popup900 .searchBox th, .popup .searchBox  td {text-align:left; padding-left:20px;}
.popup .popuoRi .scrollT, .popup900 .popuoRi .scrollT {height:600px; overflow-y:scroll; border:1px solid #e4e4e4;}
.popup .listBox table:first-child, .popup900 .listBox table:first-child {border-left:0;}
/* .popup .listBox td, .popup900  {background:#fff;} */
.popup .listBox .nonCont, .popup900 .listBox .nonCont {height:200px;}
.popup .listBox .dot, .popup900 .listBox .dot  {width:15px; height:15px; background:#ddd; border:1px solid #c4c4c4; display:inline-block; text-indent:-9999px; border-radius:50px;}

.popup .popupBtn, .popup900 .popupBtn {background:#e4e4e4; padding:15px; text-align:center;}

.btnG button {height:25px; border:1px solid #5f5f5f; color:#5f5f5f; padding:0 10px; font-size:14px;}
.btnR {border:1px solid #ff8484; border-radius:3px; color:#ff4c4c; padding:5px 15px; background-color: white;}
.btnR:hover {background:#ff4c4c; color:#fff;}


#loading {width:100%;height:100%;top:0px;left:0px;position:fixed;display:block;opacity:0.7;background-color:#fff;z-index:99;text-align:center;}
#loading-image {position:absolute;top:50%;left:50%;z-index: 100;margin:-175px 0 0 -221px;}


a.btn_line_blue {display:inline-block; min-width:35px; height:40px; text-align:left; border:1px solid #ff4c4c; font-weight:400; font-size:15px; text-align:center; line-height:36px;}
a:hover.btn_line_blue {border:1px solid #ff0000; background:#ff0000; color:#d07373;}
a.btn_line_blue span {display:inline-block; width:35px; height:40px; margin-right:5px;}
a.btn_line_blue em {display:inline-block; color:#e75050; margin-right:10px; font-size:15px; margin-left:-5px;}
a:hover.btn_line_blue em {color:#fff;}


/* 팝업찾기 */
a .popcall {display:inline-block; width:35px; background:url(../images/btn_search_r.png) no-repeat left 2px; text-indent:-9999px;}
a:hover .popcall {background:url(../images/btn_search_g.png) no-repeat left 2px;}


.mmapArea3 {border:1px solid #d7d7d7;}

.listBox table ::-webkit-scrollbar {width: 17px; height: 8px; border: 3px solid #fff; }
.listBox table ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
.listBox table ::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.listBox table ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.title_front {}
.title_rear { color: black !important;}

.tdDigitRight50 { text-align: right; padding-right: 50;}
.tdDigitRight60 { text-align: right; padding-right: 60;}