/* search */
#side_content .bx_srch_road {width:390px; margin:0;padding:0 22px;box-sizing: border-box;}

/* search-route */
.h_route {margin:10px 12px; padding:10px; border:2px solid #AAA; border-radius:5px; font-size:13px;}
.h_route b {font-weight:bold; color:#05F;}
.h_route .note {overflow:hidden; width:100%; margin-top:5px;}
.h_route .note p {float:left; margin:0; padding:0;}
.h_route .note em {font-weight:600; font-style:normal;}
.h_route .note .ox_btn_s {float:right;}

.h_route2 {overflow:hidden; width:100%; padding:10px 0; font-size:14px;}
.h_route2 strong {float:left; padding:0 10px;}
.h_route2 b {font-weight:bold; color:#05F;}
.h_route2 .btns {float:right; padding-right:10px;}
.h_route2 .btns .ox_btn_s {float:left; margin-right:8px;}
.h_route2 .btns .close {float:left; overflow:hidden; width:19px; height:19px; margin:0; padding:0; border:0; background:url(../image/ico_close.gif) no-repeat 2px 2px; text-indent:-999px;}

.bx_road {padding:0 12px; border-top:1px solid #CCC;}
.bx_road .h {overflow:hidden; width:100%; border-bottom:1px solid #DDD;padding:0;}
.bx_road .h .tit {float:left; padding:5px 0;}
.bx_road .h .no {display:inline-block; margin-right:5px; padding:0 5px; border:1px solid #BBB; background:#FFF; font-weight:600; vertical-align:middle;}
.bx_road .h .btns {float:right; padding:8px 0;}
.bx_road .h .btns .ox_btn_s,
.bx_road .h .btns .ox_btn_s:hover {border-color:#6BE; background:#6BE; color:#FFF;text-align:center;}
.bx_road .h .btns .on,
.bx_road .h .btns .on:hover {border-color:#369; background:#369;text-align:center;}

.bx_road .route {padding:10px 0;}
.bx_road ul {overflow:hidden; width:100%; margin:0; padding:0; list-style:none;}
.bx_road li {float:left; margin:0; padding:0 16px 0 0; background:url(../image/ico_go.gif) no-repeat 100% 50%;}
.bx_road li.end,
.bx_road li.last {padding:0; background:none;}
.bx_road .stop {float:left; padding:2px; white-space:nowrap;}
.bx_road .stop .ico{margin-left:5px;}
.bx_road .ico em {display:inline-block; overflow:hidden; width:32px; height:20px; border-radius:3px; background:#EEE; font-weight:bold; font-size:12px; font-style:normal; color:#ED6C44; line-height:20px; text-align:center; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.bx_road .ico em.trans0 {color:#40952C;}
.bx_road .ico em.trans1 {color:#1B327E;}
.bx_road .ico em.trans2 {color:#E7391F;}
.bx_road .ico em.trans3 {color:#FF40BC;}
.bx_road .ico em.trans4 {color:#993C03;}
.bx_road .ico em.trans5 {color:#1073C0;}
.bx_road .ico em.trans6 {color:#09C6F2;}
.bx_road .ico em.trans7 {color:#87E046;}
.bx_road .ico em.trans8 {color:#87E046;}
.bx_road .ico em.trans9 {}
.bx_road .ico em.trans10 {color:#00A30A;}
.bx_road .ico em.trans11 {color:#FF7105;}
.bx_road .ico em.trans12 {color:#FF9D00;}
.bx_road .ico em.trans13 {color:#FF9D00;}

.no_route {margin:20px; text-align:center;}

/* search-detail */
.lst_road .lst_stop {padding:0 12px; border-top:1px solid #999;}
.lst_road .lst_stop .stop {width:100%; padding:10px 0; border-top:1px solid #CCC;}
.lst_road .lst_stop .stop_first {border:0;}
.lst_road .line {margin-top:10px; padding-top:10px; border-top:1px dashed #999;}
.lst_road .time_filter {margin:15px 5px 5px; text-align:right;}
.lst_road .time_filter input {vertical-align:middle;}
.lst_road .btns {margin-top:5px; text-align:right;}
.lst_road .btn_more {font-size:11px; color:#888; text-decoration:none;}
.lst_road .br {margin-top:10px;}
.lst_road_btm {padding:10px 0; border-top:1px solid #999; text-align:center;}

.lst_road_time {border-top:1px solid #999;}
.lst_road_time ul {margin:0; padding:20px 0; list-style:none;}
.lst_road_time li {margin:0; padding:40px 0 0; background:url(../image/ico_down.gif) no-repeat 50% 10px; text-align:center;}
.lst_road_time li.first {padding:0; background:none;}
.lst_road_time .ico {padding-bottom:5px;}
.lst_road_time .ico em {display:inline-block; overflow:hidden; width:50px; height:50px; border-radius:25px; background:#EEE; color:#333; font-weight:600; font-size:15px; font-style:normal; line-height:50px; vertical-align:middle;}
.lst_road_time .ico .start, .lst_road_time .ico .end, .lst_road_time .ico .none {width:48px; height:48px; _width:50px; _height:50px; border:1px solid #999;}
.lst_road_time .ico .start {color:#08F;}
.lst_road_time .ico .end {color:#F54;}
.lst_road_time .ico .none {color:#F54;}
.lst_road_time .ico .trans1 {background:#6982da; color:#FFF;}
.lst_road_time .ico .trans2 {background:#fc5201; color:#FFF;}
.lst_road_time .ico .trans3 {background:#ff8ecf; color:#FFF;}
.lst_road_time .ico .trans4 {background:#9b7e05; color:#FFF;}
.lst_road_time .ico .trans5 {background:#4ea8f1; color:#FFF;}
.lst_road_time .ico .trans6 {background:#45dcf8; color:#FFF;}
.lst_road_time .ico .trans7 {background:#72c901; color:#FFF;}
.lst_road_time .ico .trans8 {background:#a6ed66;}
.lst_road_time .ico .trans9 {}
.lst_road_time .ico .trans10 {background:#03b21c; color:#FFF;}
.lst_road_time .ico .trans11 {background:#ffa600; color:#FFF;}
.lst_road_time .ico .trans12 {background:#fe9975; color:#FFF;}
.lst_road_time .ico .trans13 {background:#fbe704;}
.lst_road_time .time {font-weight:bold; font-size:15px;}
.lst_road_time .time select {margin:5px 0; vertical-align:middle;}
.lst_road_time .bus em {font-style:normal;}
.lst_road_time .note {padding:10px 15px; border-bottom:1px solid #999; font-size:12px; color:#888;}
.lst_road_time .start_note {padding-top:20px; text-align:center;}

/* tour-search */
.bx_srch {margin-bottom:20px; padding:0 12px;}
.bx_srch img {vertical-align:middle;}
.bx_srch input, .bx_srch select {font-size:13px; vertical-align:middle;}
.bx_srch .inline {display:inline-block; vertical-align:middle;}
.bx_srch .date {padding:10px 0;}
.bx_srch .city {padding:10px 0; border-top:1px dashed #999;}
.bx_srch .date .h, .bx_srch .city .h {display:inline-block; padding-right:10px; font-weight:600; font-size:14px; vertical-align:middle;}
.bx_srch .srch {display:block; margin-right:80px; padding:4px 9px; border:1px solid #999; border-radius:3px; background:#FFF;}
.bx_srch .srch label {float:left; height:20px; margin-bottom:-20px; color:#999; line-height:20px;}
.bx_srch .kwd {display:block; height:20px;}
.bx_srch .kwd input {float:left; width:100%; height:20px; margin:0; padding:0; border:0; background:transparent;}
.bx_srch .on label {display:none;}
.bx_srch .go {float:right; overflow:hidden; width:70px; height:30px; margin:-30px 0 0 0; padding:0; border:0; border-radius:3px; background:#6BE; font-weight:600; font-size:15px; color:#FFF; line-height:30px; text-align:center; -webkit-appearance:none;}

.bx_cate {margin:0 12px 20px; padding:5px 0 5px 5px; border:1px solid #CCC;}
.bx_cate .cate {margin:0 10px 8px 5px; padding:5px 0 10px; border-bottom:1px dashed #CCC;}
.bx_cate .item {width:113px;}
.bx_cate .item_m {display:inline-block; padding:4px 6px; vertical-align:middle;}
.bx_cate .empty {padding:0 0 5px 5px;}
.bx_cate .sl {color:#BBB;}
.bx_cate .b {color:#F06EAA;}

.bx_city {margin:0 12px 10px; padding:10px 0; border-bottom:1px solid #CCC;}
.bx_city .h {overflow:hidden; width:100%; font-weight:600; font-size:14px;}
.bx_city .h b {float:left;}
.bx_city .h .btns {float:right;}
.bx_city .h .close_btn{right:9px;top:16px;}
.bx_city input, .bx_city select {vertical-align:middle;}
.bx_city .bx_srch {padding:0;}
.bx_city .bx_cate {margin:0 0 20px;}

.bx_srch_grp {margin:0 12px 10px;}
.bx_srch_grp .tab_normal {margin:0;}
.bx_srch_grp .bx_srch {margin:0; padding:10px; border:1px solid #CCC; border-top:0;}
.bx_srch_grp .bx_cate {margin:0; border-top:0;}

.bx_srch_road .bx_srch {margin:0; padding:5px 0;}

/* tour-list */
.lst_tour {padding:10px 12px;}
.lst_tour ul {margin:0; padding:0; list-style:none;}
.lst_tour li {margin:0; padding:0 0 10px;list-style:none;}
.lst_tour .no {display:inline-block; overflow:hidden; height:20px; padding:0 8px; border-radius:10px; background:#6BE; font-size:12px; color:#FFF; line-height:20px; vertical-align:middle;}
.lst_tour .tit {float:left; padding-bottom:2px; font-weight:600;}
.lst_tour .btns {float:right;}
.lst_tour .note, .lst_tour .addr {clear:both;}
.lst_tour .note .h {display:inline-block; padding:0 8px 0 2px; font-weight:600; color:#999; vertical-align:top;}
.lst_tour .desc {color:#888;}

.lst_tour_m {padding:0 12px 10px;}
.lst_tour_m ul {margin:0; padding:0; list-style:none;}
.lst_tour_m li {margin:0; padding:10px 0; border-bottom:1px solid #CCC;}
.lst_tour_m .bx_img_small {float:left; margin-right:-130px;}
.lst_tour_m .bx_note {position:relative; margin-left:130px;}
.lst_tour_m .bx_note .tit {font-weight:bold; font-size:14px;}
.lst_tour_m .bx_note .desc {color:#888;}
.lst_tour_m .bx_note .home a {position:absolute; top:0; right:0; overflow:hidden; width:20px; height:20px; background:url(../image/ico_home.png) no-repeat 0 0; background-size:20px 20px; text-indent:-999px;}
.lst_tour_m .bx_note .home a:hover {text-decoration:none;}
.lst_tour_m .btns {overflow:hidden; width:100%; clear:both; padding-top:10px;}
.lst_tour_m .btns .lft {float:left;}
.lst_tour_m .btns .rgt {float:right;}

.tour_info {padding:0 12px;}
.tour_info .tit {padding:10px 0; font-weight:600; font-size:15px; text-align:center;}
.tour_info .pht {text-align:center;}
.tour_info .note {width:100%; padding:10px 0;}
.tour_info table {border:0; table-layout:fixed;}
.tour_info th, .tour_info td {padding:2px 0; border:0; font-size:13px; text-align:left; vertical-align:top;}
.tour_info th {width:40px; font-weight:600; color:#999;}

/* time-table */
.lst_bus {padding:10px 12px;}
.lst_bus .cnt {padding-bottom:10px; border-bottom:1px solid #CCC;}
.lst_bus ul {margin:0; padding:0; list-style:none;}
.lst_bus li {margin:0; padding:10px 0; border-bottom:1px solid #CCC;}
.lst_bus .tit {overflow:hidden; width:100%;}
.lst_bus .tit .num {float:left; overflow:hidden; height:22px; padding:0 5px; border-radius:3px; background:#5BBD56; font-weight:600; color:#FFF; line-height:22px;}
.lst_bus .tit .desc {float:left; padding-left:8px; color:#888;}
.lst_bus .tit .ox_btn_s {float:right;}
.lst_bus .note {margin-top:5px;}
.lst_bus .time {margin-top:5px; color:#888;}

.bus_info {padding:10px 12px; border-bottom:2px solid #999;}
.bus_info .tit {overflow:hidden; width:100%;}
.bus_info .tit .num {float:left; overflow:hidden; height:22px; padding:0 5px; border-radius:3px; background:#5BBD56; font-weight:600; color:#FFF; line-height:22px;}
.bus_info .tit .days {float:left; padding-left:10px;}
.bus_info .tit .close {float:right; overflow:hidden; width:19px; height:19px; border:0; background:url(../image/ico_close.gif) no-repeat 2px 2px; text-indent:-999px;}
.bus_info .note {margin-top:5px;}
.bus_info .note em {font-style:normal; color:#888;display:block;}
.bus_info .btns {text-align:right;}

.lst_route {padding:0 12px 50px;}
.lst_route ul {margin:0; padding:0; list-style:none;}
.lst_route li {margin:0; padding:10px 0 10px 30px; border-bottom:1px solid #CCC; background:url(../image/bg_route_normal.png) no-repeat 5px 50%;}
.lst_route li.start {background-image:url(../image/bg_route_start.png);}
.lst_route li.end {background-image:url(../image/bg_route_end.png);}
.lst_route li .stop {overflow:hidden; width:100%;}
.lst_route li .stop .nm {float:left;}
.lst_route li .stop .more {display:inline-block; width:16px; height:16px; border-radius:8px; background:#EEE; color:#333; line-height:16px; text-align:center;}
.lst_route li .stop .more:hover {text-decoration:none; color:#FFF; background:#555;}
.lst_route li .stop .ox_btn_s,
.lst_route li .stop .ox_btn_s_on {float:right;}
.lst_route li .note {float:right; padding-right:10px; color:#888;}
.lst_route li .time {clear:both; display:inline-block; width:100%; padding-top:5px; color:#888;}
.lst_route .tip {margin-top:8px; color:#888; text-align:right;}

/* table */
.tbl_desc {border:0;}
.tbl_desc th, .tbl_desc td {padding:2px 0 2px 12px; border:0; background:url(../image/bu_grey.gif) no-repeat 0 8px; font-weight:normal; text-align:left; vertical-align:top;}

.tbl_charge, .tbl_time {border:0; border-bottom:1px solid #CCC;}
.tbl_charge th, .tbl_time th, .tbl_charge td, .tbl_time td {padding:2px 0; border:0; text-align:center;}
.tbl_charge th, .tbl_time th {padding:4px 0; background:#B9BACA; font-weight:600; color:#FFF;}
.tbl_charge td, .tbl_time td {border-top:1px solid #CCC;}

.tbl_time td.none {padding:0; border:0;}
.tbl_time .note {display:none; padding:10px; border-top:1px dashed #CCC; background:#F8F8F8; text-align:left;}
.tbl_time .note .cp {display:inline-block; height:22px; margin-bottom:5px; padding:0 10px; border-radius:11px; background:#CCE5FF; color:#0E447B; font-weight:600; line-height:22px; vertical-align:middle;}
.tbl_time+.tip {margin-top:8px; color:#888; text-align:right;}
.tbl_time .lft {text-align:left;}
.tbl_time .rgt {text-align:right;}

/* etc */
.bx_map {height:300px;}
.btn_open_road {margin:10px 12px;}

.lst_cate {width:354px; margin:0 12px 0 4px;}
.lst_cate ul {overflow:hidden; width:354px; margin:0; padding:0; list-style:none;}
.lst_cate li {float:left; margin:0; padding:8px 0 0 8px;}
.lst_cate li a {clear:both; float:left; overflow:hidden; width:110px; height:30px; background:#DDD; color:#222; text-align:center; line-height:30px;}
.lst_cate .all {height:50px; line-height:50px;}
.lst_cate .download {height:20px; background:#666; font-size:11px; color:#FFF; line-height:20px;}
.lst_cate .on a {background:#0AE; color:#FFF; font-weight:600;}
.lst_cate .on .download {background:#666; color:#FFF; font-weight:normal;}

.ly_near {overflow:auto; overflow-x:auto; overflow-y:hidden; position:relative; top:-120px; height:120px; margin-left:370px; border-top:1px solid #CCC; background:#FFF;}
.ly_near .tit {float:left; width:80px; height:80px; margin:10px 20px; border-radius:40px; background:#37AA22; font-weight:600; font-size:14px; color:#FFF; text-align:center; line-height:80px;}
.ly_near .lst {margin-left:120px;}
.ly_near ul {margin:0; padding:0; list-style:none;}
.ly_near li {float:left; width:300px; margin:0; padding:10px 0 0;}
.ly_near a {display:block; height:80px; padding:0 10px; background:#FFF; border-left:1px solid #DDD;}
.ly_near a:hover {background:#F6F6F6; text-decoration:none;}
.ly_near b {display:block; overflow:hidden; width:100%; height:30px; font-size:14px; line-height:30px;}
.ly_near span {display:block;}
.ly_near .tel {font-size:12px; color:#369;}
.ly_near .note {color:#888;}

/* make trip */
.trip_days {overflow:hidden; width:100%; padding:10px 0;}
.trip_days .lft {float:left;}
.trip_days .rgt {float:right;}
.trip_days .ox_btn {font-size:12px;}
.trip_days .ox_btn_s {font-size:11px;}
.trip_days select {vertical-align:middle;}

.lst_trip_days {padding:10px 12px 0;}
.lst_trip_days .box {width:100%;}
.lst_trip_days table {table-layout:fixed;}
.lst_trip_days td {padding:0 2px;}
.lst_trip_days button {width:100%; height:30px; margin:0; padding:0; border:2px solid #999; border-radius:15px; background:#FFF; color:#666; text-align:center; line-height:28px; vertical-align:middle;}
.lst_trip_days button.on {border-color:#008CFF; font-weight:600; color:#008CFF;}

.lst_trip {padding:10px 12px;}
.lst_trip ul {margin:0; padding:0; list-style:none;}
.lst_trip li {margin:0; padding:10px 0; border-bottom:1px solid #CCC;}
.lst_trip .bx_img_small {float:left; margin-right:-130px;}
.lst_trip .bx_note {margin-left:130px;}
.lst_trip .bx_note .h {overflow:hidden; width:100%;}
.lst_trip .bx_note .tit {float:left; font-weight:bold; font-size:14px;}
.lst_trip .bx_note .home {float:right; overflow:hidden; width:20px; height:20px; background:url(../image/ico_home2.gif) no-repeat 0 0; text-indent:-999px;}
.lst_trip .bx_note .home:hover {text-decoration:none;}
.lst_trip .bx_note .desc {color:#888;}
.lst_trip .btns {overflow:hidden; width:100%; clear:both; padding-top:10px;}
.lst_trip .btns .lft {float:left;}
.lst_trip .btns .rgt {float:right;}
.lst_trip .btns .m_up {padding:0 5px; border-radius:4px 0 0 4px;}
.lst_trip .btns .m_dwn {padding:0 5px; border-radius:0 4px 4px 0; border-left:0;}
.lst_trip .empty {padding:20px 20px 35px; background:url(../../../../../data/page/__magicdir__/image/bg_srchbox.gif) no-repeat 20px 15px; text-align:justify;}
.lst_trip .empty b {display:block; padding-left:70px;}
.lst_trip_m .bx_note .home {background-image:url(../image/ico_home.png); background-size:20px 20px;}
.lst_trip_btm {padding:10px 0 20px; text-align:center;}

/* 탭 추가 */
.trans_tab{width:100%;height:35px;margin-top:10px; border-bottom:1px solid #CCC;}
.trans_tab:after{content:'';display:inline-block;clear:both;}
.trans_tab ul{display:inline-block; padding:0;}
.trans_tab ul li{float:left;margin-right:10px;cursor:pointer;list-style:none;}
.trans_tab ul li a{background:#f1f1f1;padding:5px 15px;font-weight:bold;border-radius:1000px;}
.trans_tab ul li a.trans0 {color:#40952C;}
.trans_tab ul li a.trans1 {color:#1B327E;}
.trans_tab ul li a.trans2 {color:#E7391F;}
.trans_tab ul li a.trans3 {color:#FF40BC;}
.trans_tab ul li a.trans4 {color:#993C03;}
.trans_tab ul li a.trans5 {color:#56aff8;}
.trans_tab ul li a.trans6 {color:#09C6F2;}
.trans_tab ul li a.trans7 {color:#87E046;}
.trans_tab ul li a.trans8 {color:#87E046;}
.trans_tab ul li a.trans9 {}
.trans_tab ul li a.trans10 {color:#00A30A;}
.trans_tab ul li a.trans11 {color:#FF7105;}
.trans_tab ul li a.trans12 {color:#FF9D00;}
.trans_tab ul li a.trans13 {color:#FF9D00;}

.trans_tab ul li.current a.trans0 {background:#40952C;color:#fff;}
.trans_tab ul li.current a.trans1 {background:#1B327E;color:#fff;}
.trans_tab ul li.current a.trans2 {background:#E7391F;color:#fff;}
.trans_tab ul li.current a.trans3 {background:#FF40BC;color:#fff;}
.trans_tab ul li.current a.trans4 {background:#993C03;color:#fff;}
.trans_tab ul li.current a.trans5 {background:#56aff8;color:#fff;}
.trans_tab ul li.current a.trans6 {background:#09C6F2;color:#fff;}
.trans_tab ul li.current a.trans7 {background:#87E046;color:#fff;}
.trans_tab ul li.current a.trans8 {background:#87E046;color:#fff;}
.trans_tab ul li.current a.trans9 {}
.trans_tab ul li.current a.trans10 {background:#00A30A;color:#fff;}
.trans_tab ul li.current a.trans11 {background:#FF7105;color:#fff;}
.trans_tab ul li.current a.trans12 {background:#FF9D00;color:#fff;}
.trans_tab ul li.current a.trans13 {background:#FF9D00;color:#fff;}

.trans_tab .plan_btn{background:#f1f1f1;color:#333;font-size:11px;line-height:20px;border-radius:3px;float:right;padding:0 6px;border:1px solid #777;}