/* KTX용 CSS
 * tour > [PC]      : <div id="tourBody" class="tfdom-K tfloc-jp tfdev-pc">
 * tour > [MOBILE]  : <div id="tourBody" class="tfdom-K tfloc-jp tfdev-sp">
 * sp : Smartphone
 *
 * 반응형 작업시 예)
 * PC화면      > .tfdev-pc .coll_tour.collTourCampaign .inner_coll { width:830px; }
 * 모바일화면   > .tfdev-sp .Gweek.header .scroll { pointer-events:none; }
*/

.text_center { text-align:center; }
.text_left   { text-align:left; }
.text_right  { text-align:right; }
.font_normal { font-weight:normal;}

.color_sunday { color:#f00;}
.color_saturday { color:#0078FF;}

.mArticleTour.ktxBody { width:990px !important; margin-top:30px; margin-left: 30px; }

.mainTour .mArticleTour { line-height:14px; }

.ktx_title { position:absolute; bottom:140px; width:100%; font-weight:bold; font-size:32px; line-height:46px; color:#fff; text-align:center; text-shadow: 1px 1px 1px #2d2d2d; }
.ktx_title h1 { color:#fff; font-size: 32px; }

.tfdev-sp .ktx_title {  bottom:160px; font-size:24px; line-height:36px; }
.tfdev-sp .ktx_title h1 { color:#fff; font-size: 24px;  font-weight:bold; }
.tfdev-sp .mArticleTour.ktxBody { width:100% !important; margin-left:0px; }


/* 출발역 도착역 선택창 ====================  */
.reviewGlobal.ktx_station { margin:-45px 30px 0 30px !important;}
.reviewGlobal.ktx_station > ul { position: relative; }
/* .reviewGlobal .item_view { background-color: #F2F2F2; } */
.reviewGlobal .item_view.border0px { border:0px solid #F2F2F2 !important; }

.reviewGlobal .item_view > .head_item.bg_trans { background-color:transparent !important; }
.reviewGlobal .item_view > .cont_item { background-color:transparent; }
.reviewGlobal {	margin:10px 0 10px 10px; }
.reviewGlobal .item_view > .head_item .tit_subject { display:block; font-size:14px !important; line-height:22px; color:#2d2d2d; }
.reviewGlobal .item_view > .head_item .tit_subject.onewayfont { font-size:18px; line-height:30px; }
.reviewGlobal .item_view > .head_item .intro_view {  padding:10px; }
.reviewGlobal .item_view > .head_item .intro_view.oneway { padding:10px 0 0 0; background-color:#cdcdcd; cursor:pointer; }
.reviewGlobal .item_view > .head_item .intro_view.oneway.onewayselect { background-color:#fff; cursor:default; }
.tfdev-pc .reviewGlobal .item_view > .head_item .intro_view:first-child { padding-left:24px !important; }

.reviewGlobal .item_view .head_item .intro_view.intro_view_subject { display:table-cell; width:37.5%; float:left; padding:10px 0 10px 10px; }
.reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:13%; }

.reviewGlobal .item_view > .head_item .station_name {
    display:inline-block;
    font-size:19px;
    line-height:34px;
    color:#555;
    vertical-align:top;
    cursor:pointer;
    border:1px solid #cdcdcd;
    background-color:#fff;
    width:120px;
    padding:5px 5px 0 5px;
}
.reviewGlobal .item_view > .head_item .station_circle {
    display:inline-block;
    font-size:32px;
    line-height:45px;
    vertical-align: top;
    padding:27px 0 0 2px;
    cursor:pointer;
}
.reviewGlobal .item_view > .head_item .station_name_none {
    display:inline-block;
    font-size:25px;
    line-height:45px;
    color:#cdcdcd;
    vertical-align:top;
    cursor:pointer;
}
.reviewGlobal .cont_item > .wrap_cont {
    display:block;
    font-size:13px;
    line-height:22px;
    color:#999;
    word-break:break-all;
}
.reviewGlobal .cont_item > .wrap_cont_choice {
    display:block;
    font-size:18px;
    font-weight:400;
    line-height:26px;
    color:#666;
    word-break:break-all;
}
.border-top-dashed {border-top:1px dashed #e0e0e0;}
.reviewGlobal .item_view > .cont_item { display:block; padding-left:24px;}


.tfdev-sp .reviewGlobal { width:100%; margin:0px !important;}
.tfdev-sp .reviewGlobal.ktx_station{ margin:-75px 0 0 0 !important;}
.tfdev-sp .reviewGlobal.ktx_station.list{ margin:-28px 0 0 0 !important;}

/* .tfdev-sp .reviewGlobal .item_view .head_item { padding: 0 !important; min-height:auto;} */
.tfdev-sp .mobile_padding_0 {  padding:0 !important; }

.tfdev-sp .reviewGlobal .item_view.border0px { background-color:transparent !important; }

.tfdev-sp .reviewGlobal .item_view > .head_item .station_name { width:100%;  font-size:18px; }
.tfdev-sp .reviewGlobal .item_view > .head_item .intro_view.oneway { width:50%; float:left; padding:10px 0; }

.tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject { display: table-cell; width:37.5%; float:left; padding:10px 0 10px 10px; }
.tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:15%; }

.tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { margin-left:5px; margin-top:-3px;}
.tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(3) { padding-left:5px; }

.tfdev-sp .reviewGlobal .item_view > .cont_item { display:block; padding:10px 10px; }
.tfdev-sp .reviewGlobal .item_view > .cont_item > .wrap_cont { padding:2px; }
.tfdev-sp .border-top-dashed { padding:10px 0;}

.tfdev-sp .reviewGlobal .cont_item > .wrap_cont { padding: 0 15px 0  5px;}

@media screen and (min-width:1195px){
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject { display: table-cell; width:39%; float:left; padding:10px 0 10px 10px; }
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:18.5%; }
}
@media screen and (max-width:1194px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:19%; } }
@media screen and (max-width:768px){
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { margin-left:5px; margin-top:-3px;}
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(3) { padding-left:5px; }
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:18.5%; }
}
@media screen and (max-width:660px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:16%; } }
@media screen and (max-width:590px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:15%; } }
@media screen and (max-width:450px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:13%; } }
@media screen and (max-width:393px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:12%; } }
@media screen and (max-width:360px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:11%; } }
@media screen and (max-width:320px){ .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:10%; } }


/* 검색창 =============  */
/* select box 화살표 */
/* .ico_arrow{
    display:none !important;
    display:inline-block;
    overflow:hidden;
    font-size:0;
    background-image:url('/19tour/ktx/ktxrsc/img/ico_hotel.png');
    vertical-align:top;
    text-indent:-9999px;
} */

.btn_tour { display: block; margin-top: 8px; }
.btn_tour.btn_color_type2, .btn_tour.btn_color_type2:active, .btn_tour.btn_color_type2:hover, .btn_tour.btn_color_type2:focus {
    border-color:#cdcdcd;
    color:#fff;
    background-color:#cdcdcd;
}
.btn_tour.btn_type5 {
    min-width:80px;
    min-height:30px;
    padding:9px 10px 0 10px;
    margin-left:5px;
}
.btn_tour {
    border:1px solid;
    font-size:0;
    line-height:0;
    vertical-align:top;
    text-align:center;
    box-sizing:content-box;
    text-decoration:none;
}
.btn_tour.btn_type5 .inner_btn {
    display:inline-table;
    text-align:left;
    vertical-align:top;
}
.btn_tour .inner_btn {
    max-width:100%;
    margin:0 auto;
    border-spacing:0;
    border-collapse:collapse;
}
.btn_tour .wrap_cont {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    word-break:break-all;
}

.tfdev-sp .btn_tour.btn_type5 { min-height:40px;  width:100%;}
.tfdev-sp .btn_tour .inner_btn { margin-top:-5px;}
.tfdev-sp .btn_tour .wrap_cont { font-weight:bold !important; font-size:20px !important;}



/* 인원 증감 / + - 버튼 CSS ============= */
.list_simple { display: table; border-collapse: collapse; list-style-type: none; }
.layer_choice fieldset { border: 0 none; }
.layer_choice button:disabled { cursor: default; }
.layer_choice button { cursor: pointer; }
.layer_choice input, .layer_choice button { vertical-align: middle; }
.layer_choice.bpadding { padding-bottom:5px; }

.ktx_person_title {float:left; font-size:12px; letter-spacing:-1px; width:100%; text-align:center; color:#2d2d2d;}

.tfdev-sp .ktx_person_title { width:calc(100% - 145px); font-size:13px; text-align: center; letter-spacing:0px; }
.tfdev-sp .list_simple { /*text-align: right; padding-right: 5px !important;*/ display: grid; }



/* 레이어 팝업 아래 스크롤 막기 ============= */
.ktx_scroll_hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


/* 팝업 레이어 css ============= */
.ktx_nodeco { padding:5px 15px 5px 15px; color:#000;}
.ktx_nodeco.route { background-color:#ccc; }
a.ktx_nodeco:link, a.ktx_nodeco:visited, a.ktx_nodeco:hover, a.ktx_nodeco:active { text-decoration: none; color:#000;}
.font-larger {font-size:x-large !important; font-weight: bold;}
.font-fff { color:#fff !important;}

.mainTour .ktx_layer_content a { font-size:14px; }
.mainTour .coll_tour { line-height:15px; min-width:620px !important;}
.mainTour .mArticleTour .coll_tour { margin-top:-10px; }

.windowKTX {
    display:none;
    position:fixed;
    z-index:9999999;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    margin-left:-500px;
    width:95%;
    max-width:350px;
    background-color:#FFF;
}
.windowKTX_search {
    display:none;
    position:absolute;
    z-index:9999999;
    transform:translate(-50%, -50%);
    margin-left:-500px;
    width:95%;
    max-width:350px;
    background-color:#FFF;
}

.windowKTX .ktx_layer_header, .windowKTX_search .ktx_layer_header { width:100%; height:40px; line-height: 14px; background-color:#ec4538; color:#fff; font-size: 14px; }
.windowKTX .ktx_layer_header .header_title, .windowKTX_search .ktx_layer_header .header_title {float:left; width:100%; padding:13px 0; font-size: 20px; font-weight:600; text-align:center; }
.windowKTX .ktx_layer_header .header_close_left, .windowKTX_search .ktx_layer_header .header_close_left { float:left; color:#fff; padding:13px 5px 0 0; position: absolute; }

/* .windowKTX .ktx_layer_content, .windowKTX_search .ktx_layer_content { height:630px; overflow-x: hidden; overflow-y: auto; } */
.windowKTX .ktx_layer_content, .windowKTX_search .ktx_layer_content { height:700px; overflow-x: hidden; overflow-y: auto; }
.windowKTX .ktx_layer_content .coll_tour .inner_coll, .windowKTX_search .ktx_layer_content .coll_tour .inner_coll {padding-top:10px; width:100%;}

.coll_5cate .head_coll.head_type1 .tit_head {display:table; margin-top:25px;}
.coll_5cate .head_coll.head_type1 .tit_head:before{display:inline-block;width:5px;height:13px;margin-right:7px;margin-bottom:1px;font-size:0;content:'';background-color:#ff6507}

.ktx_search_hr { display:block; margin-top:20px; height:1px; border:0; background:#ccc; }


.tfdev-sp .windowKTX .ktx_layer_header, .tfdev-sp .windowKTX_search .ktx_layer_header { display:block; }

.tfdev-sp .windowKTX, .tfdev-sp .windowKTX_search { position:fixed; left:50%; top:50%; width:100%; height:100%; max-width:max-content;}
.tfdev-sp .windowKTX .ktx_layer_content, .tfdev-sp .windowKTX_search .ktx_layer_content { height: 96%; }
.tfdev-sp .windowKTX .ktx_layer_header .header_close_left, .tfdev-sp .windowKTX_search .ktx_layer_header .header_close_left { display:block; position: absolute;}
.tfdev-sp .windowKTX .ktx_layer_header .header_close_right, .tfdev-sp .windowKTX_search .ktx_layer_header .header_close_right { display:none;}

.tfdev-sp .mainTour .coll_tour { line-height:15px; min-width:90% !important; }
.tfdev-sp .mainTour .mArticleTour .coll_tour { margin-top:10px; }
.tfdev-sp .mainTour .ktx_layer_content a { font-size:14px; /*letter-spacing: -2px;*/ line-height:19px; }

.tfdev-sp .coll_5cate .head_coll.head_type1 .tit_head {margin-top:10px; font-weight: bold;   font-size: 20px;  line-height: 30px; color: #1a1a1a;}


.cate5_ktx_guide a { border: 1px solid #cccccc; background-color: #FFFFFF; padding: 4px 7px; display: inline-block; margin: 0px 2px 8px; text-decoration: none; }

a.link_item_station { display: inline-block; margin: 5px 3px; padding: 6px 10px 4px 10px; border: 0px solid #ddd; color: #444; background-color: #f1f1f1; vertical-align: top; text-decoration: none; cursor:pointer; }
a.link_item_station:hover { border: 0px solid #fff; background-color: #f00; color:#fff; text-decoration: none; }
/* a.link_item_station > .m_small { font-size:13px} */

.tfdev-sp a.link_item_station { font-size:18px !important; margin: 6px 4px; padding: 9px 10px 7px 10px;}



/* 역 검색 레이어 flex 설정 */
/* .ktx_station_name_flex_div { width: 100%; margin:: 0px;  display:flex; flex-wrap: wrap; }
.ktx_station_name_flex_row2 { flex-basis: 49.5%; flex-shrink: 1; flex-grow: 1; } */
.ktx_search_division { margin:20px 0 0 0; }

/* 역 검색창 - 역 이름 나오는 박스 가로 100% */
/* .coll5CateHotKeyword .cont_coll { width:100% } */
@media screen and (max-width:1024px){
    .tfdev-sp .coll5CateHotKeyword .cont_coll { width:initial; }
    .tfdev-sp a.link_item_station > .m_small { font-size:12px;}
}

.ktx_search_cont_coll { border:0px; background-color:transparent; }


 /* 열차 조회후 목록 ============= */
 .ktx_container {
    width:990px;
    margin-left:30px !important;
	display:flex;
	flex-wrap:wrap;
    border-top:1px solid #c0c0c0;
}

.tfdev-sp .ktx_container:nth-child(1) {margin-top:0px !important}

.ktx_container_border {
    margin:10px 0 !important;
    padding:5px 0 !important;
    border:1px solid #c0c0c0;
}
.ktx_container_border.blank {
    margin:3px 0 !important;
    padding:3px 0 !important;
}
.ktx_container_border:last-child { border-bottom:1px solid #c0c0c0; }

.ktx_container_border_title {
    margin:0;
    padding:10px 0 !important;
    background-color:#fafafa;
}

.ktx_container_border_list {
    margin:10px 0 !important;
    padding:5px 0 !important;
    border:0px solid #fff !important;
    border-radius:4px;
    box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.1) 0px 3px 7px -3px;
}
.ktx_container_search_select { width:95%; padding:0 10px !important; }

/* 날짜 좌/우 화살표 정렬 */
.ktx_container_border_title .head_item:nth-child(1) { text-align:right; padding-right:3px; }
.ktx_container_border_title .head_item:nth-child(3) { text-align:left; padding-left:3px;  }
.tfdev-sp .ktx_container_border_title .head_item:nth-child(1) { padding-right:2px; }
.tfdev-sp .ktx_container_border_title .head_item:nth-child(3) { padding-left:2px; }

/* 날짜 좌/우 화살표 정렬 */
.head_item_day { flex: 1 1 15%;}
.ktx_container_border_title .head_item_day:nth-child(1) { text-align:right; padding-right:3px; }
.ktx_container_border_title .head_item_day:nth-child(2) { font-weight:bold; font-size: 1.11em; line-height:18px; }
.ktx_container_border_title .head_item_day:nth-child(3) { text-align:left; padding-left:3px;  }
.tfdev-sp .ktx_container_border_title .head_item_day:nth-child(2) { flex-basis: 140px; }


.ktx_container .font_time { font-size:18px; padding:5px 0; }
.head_item { flex: 1 1 21%; }
.item {	padding:5px 5px; flex: 1 1 21%; display:grid; align-items:center; }

/* 예약 정보 출력용 grid */
.item_tickinfo { padding:10px 5px; flex: 1 1 15%; display:grid; align-items:center; }
.item_tickinfo:nth-child(1) { padding-left:15px; }
.item_tickinfo.division { border-left:1px solid #c0c0c0; }
@media screen and (max-width:1024px){
    .item_tickinfo { padding:0 }
    .item_tickinfo.division { padding:0 2px; margin-top:-25px; }
    .item_tickinfo.m_item_tickinfo_height { height:45px; }

    .item_tickinfo:nth-child(3) { flex-basis:10%; }
    .item_tickinfo:nth-child(5) { flex-basis:30%; }
}

.item.margin_top { margin-top:5px;}
@media screen and (max-width:1024px){
    .item.margin_top { margin-top:10px; margin-bottom: 10px; }
}

/* 열차번호 */
.item.head_title { font-size:12px; height:20px; line-height:120%; }

.ktx_container .font999 {font-size:12px; color:#999;}
.tfdev-sp .ktx_container .font999.wordbreak {min-width:80px; word-wrap: break-word; word-break: break-all;}
/* .ktx_container .font_time {font-size:16px;} */
.ktx_container .font_time_small {font-size:11px;  color:#999; /*margin-top: -20px;*/}

.cursor_pointer { cursor:pointer}

.flex_ktx_table_css { padding:0px; margin-left:30px !important;}

.tfdev-sp .ktx_container { width:100%; margin-left:0px !important;}
.tfdev-sp .ktx_container_search_select { width:90%; }
.tfdev-sp .item.head_title { /*font-size:1.143em;*/ height:25px; }
.tfdev-sp .item { flex: 1 1 22%; padding:0px; }
.tfdev-sp .item:nth-child(2) { flex-basis: 15%; } /* 모바일 화살표/소요시간  */
.tfdev-sp .item:nth-child(4) { flex-basis: 27%; } /* 모바일 금액 출력 */

.tfdev-sp .flex_ktx_table_css { padding:5px 10px !important; margin-left:0 !important; background-color:#fff; }

@media screen and (max-width:670px) {
	.head_item { flex: 1 1 19%;	}
    .item { flex: 1 1 21%; }
}
@media screen and (max-width:400px) {
    .head_item { flex: 1 1 15%; }
    .item { flex: 1 1 23%; }
    /* .item.head_title { font-size:1.12em; letter-spacing:-1px; }   */
}
@media screen and (max-width:320px) {
    .item { flex: 1 1 24%; }
    .ktx_container .font999 {font-size:10.5px; white-space:nowrap;}
    /* .item.head_title { font-size:1em; letter-spacing:-1px; }     */
}
.button-wrapper { display:flex; padding:0px; }
.button-wrapper > .button {
    /* flex: 1; */
    /* padding:8px 0px; */
    padding:10px 0px 6px 0;
    text-align:center;
    margin:5px 6px;
    background-color: #7F7F7F;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    flex-basis:235px;
}
.button-wrapper > .button:nth-child(1) { margin: 0 22px 0 243px; }

.tfdev-sp .button-wrapper { padding:0 15px !important; }
.tfdev-sp .button-wrapper > .button {  flex: 1; flex-basis: none; }
.tfdev-sp .button-wrapper > .button:nth-child(1) { margin-left: 5px; }

.button_red { background-color:#ec4538 !important; }
.button_red_border { background-color:#fff1ec !important; color:#fb5640 !important; border: 1px solid #d34825; }
.cursor_null { cursor: default !important; }

.ktx_button {
    padding: 10px 0px !important;
    text-align: center;
    border: 1px solid #cdcdcd;
    /* background-color: #FFFBFB;
    color: #f00;*/
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px  !important;
    cursor: pointer;
}
.ktx_button_disable {
    padding: 10px 0px  !important;
    text-align: center;
    /* border: 1px solid #a8a8a8; */
    background-color: #efefef;
    color: #999;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px  !important;
    cursor: default;
}


/* .ktx_container .arrow {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='9px' height='17px' viewBox='0 0 9 17' enable-background='new 0 0 9 17' xml:space='preserve'%3E%3Cimage id='image0' width='9' height='17' x='0' y='0' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAAAAAAqf9k6AAAAIGNIUk0AAHomAACAhAAA+gAAAIDo%0AAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACdFJOUwAAdpPNOAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMA%0AAA7DAAAOwwHHb6hkAAAAB3RJTUUH5wwBAhs1RtjQKQAAADZJREFUCNdVzsEJwAAIA8DTsdyfztVP%0AE6ivI2jQ+WZdFa5wHB6McIQjHOE/615v2xfYwAb9hBeHwQv9zQ98KAAAACV0RVh0ZGF0ZTpjcmVh%0AdGUAMjAyMy0xMi0wMVQwMjoyNzo1MyswMDowMCm7ZJ4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMt%0AMTItMDFUMDI6Mjc6NTMrMDA6MDBY5twiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTEyLTAx%0AVDAyOjI3OjUzKzAwOjAwD/P9/QAAAABJRU5ErkJggg==' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
} */
.ktx_container .arrow {
    width:30px; text-align: center; font-size: 1.4em;
    background: url(/19tour/ktx/ktxrsc/img/arrow_help3.png) center right no-repeat;
    background-size: 100px 10px;
    margin: auto;
}
.tfdev-sp .ktx_container .arrow   {  width:20px; }
.tfdev-sp .arrow_white {
    display: inline-block;
    width:20px; text-align: center; font-size: 1.4em;
    background: url(/19tour/ktx/ktxrsc/img/arrow_help3_white.png) center right no-repeat;
    background-size: 100px 8px;
    margin: auto 5px;
}


/* @media screen and (max-width:1024px){
    .ktx_container .arrow {  width: 100%; background-position: right; }
} */
/* .ktx_container .arrow_pc {  display:block; margin-top: 5px; }
.ktx_container .arrow_m {  display:none; }
@media screen and (max-width:1024px){
    .ktx_container .arrow_pc { display:none;}
    .ktx_container .arrow_m {  display:block;  margin-top: 5px; width: 100%; background-image: url('/19tour/ktx/ktxrsc/img/arrow_help3.png'); background-repeat: no-repeat; background-position: right;}
} */


.data_before { display:inline-block; font-size:12px; margin-right:7px; color: #a8a8a8; vertical-align:top; }
.data_before .num_data { text-decoration:line-through; }
.tfdev-sp .data_before { margin-bottom:5px; }
.data_after { font-style: normal; display: inline-block; margin-top:-1px; margin-right:0;  vertical-align:top; }
.data_after.currency { color:#ee3524; }
.data_after .num_data { font-weight:bold; color:#ee3524; font-size:20px; }

.btn_ktx {
    display:inline-block;
    border:1px solid;
    vertical-align:top;
    text-align:center;
    box-sizing:content-box;
    text-decoration:none;
    cursor:pointer;
}
.btn_ktx.btn_color_type6, .btn_ktx.btn_color_type6:active, .btn_ktx.btn_color_type6:hover, .btn_ktx.btn_color_type6:focus {
    border:1px solid #ec4538;
    color:#ec4538;
    background-color:#fff;
}
.btn_ktx.btn_type4 {
    min-width:110px;
    min-height:20px;
    padding: 6px 14px 4px;
    font-size: 14px;
    font-weight:bold;
    line-height: 20px;
}
.btn_ktx.btn_type8 {
    min-width:50px;
    min-height:20px;
    padding: 6px 6px 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight:bold;
}
@media screen and (max-width:320px){
    .btn_ktx.btn_type8 { padding: 3px 3px 4px; }
}


.btn_ktx.btn_color_type10, .btn_ktx.btn_color_type10:active, .btn_ktx.btn_color_type10:hover, .btn_ktx.btn_color_type10:focus {
    border: 1px solid #a8a8a8;
    color: #999;
    background-color: #fff;
}
.btn_ktx.btn_color_type11, .btn_ktx.btn_color_type11:active, .btn_ktx.btn_color_type11:hover, .btn_ktx.btn_color_type11:focus {
    border: 1px solid #a8a8a8;
    color: #999;
    background-color: #efefef;
    cursor:default;
}
.cel_data { display: table-cell; padding: 0 5px; vertical-align: top; box-sizing: border-box; }

/* 예약 가능한 열차가 없을때 */
.no_ktx_list { padding:15px 0 !important; margin:5px 0 5px 0 !important; border:1px solid #c0c0c0; font-size:14px; }


/*화면 전체를 어둡게 ============= */
.wrap-loading{
    position: fixed; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.6); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
    z-index: 9999998;
}
.wrap-loading-white{
    position: fixed; left:0; right:0; top:0; bottom:0;
    z-index: 9999998;
}


/* 감추기 ============= */
.display-none{display:none;}


/* 시트맵(좌석) 출력용 ============= */
.ta4_h { border:0px solid #000; line-height: 25px; width:26%; text-align:center; float: right; font-size: 12px;}
.ta4_h.arrow { width:15%;}
.ta5_h { border:0px solid #000; line-height: 25px; width:21%; text-align:center; float: right; font-size: 12px;}
.ta5_h.arrow { width:15%;}
.ta5_seat_img { border:1px solid #0f0; line-height: 25px; width:20% !important; text-align:center; }
.ta100 {border:0px solid #000; line-height: 25px; width:98%; text-align:left;}
.ta100_none {line-height: 30px; text-align:center; background-color:#efefef; color:#b0b0b0; margin-bottom: 10px; }

.info_head { padding-left:10px; background-color:#efefef; text-align:left;}

.seat_disable {  background: repeating-linear-gradient(45deg, #444, #444 10px, #888 0, #888 20px); color:#fff; }
.seat_disable_saleRgulFlg {  background: repeating-linear-gradient(45deg, #f00, #f00 10px, #888 0, #888 20px); color:#fff; }  /* 발매통제 */

.font_bold { font-weight:bold; }
.t_seat { cursor:pointer; }
.seat_select { color:#fff !important; }
.select_seat_end {
    cursor:pointer;
    color:#fff !important;
    background-color:#ff0000;
    font-weight:bold;
}

/* 좌석 Seat ============= */
.select_ktx_seat {
    outline: none;
    border-color: #ababab;
    width: 100%;
    min-width:auto;
    height: 28px;
    padding: 0 0 0 8px;
    border: 1px solid #e2e2e2;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 22px;
    letter-spacing: 0;
    vertical-align: middle;
    margin: 0;
}
.select_ktx {
    outline: none;
    width: 100%;
    min-width:auto;
    height: 36px;
    padding: 5px 5px 5px 8px;
    border: 1px solid #f00;
    font-size: 14px;
    color: #666;
    background-color: transparent;
    box-sizing: border-box;
    line-height: 32px;
    letter-spacing: 0;
    vertical-align: middle;
    margin: 0;
}
.select_ktx_seat.pc_list { width:50%; }

.seat_info_text { font-size:11px; }

@media screen and (max-width:1024px){
    .select_ktx_seat { font-size:1.143em !important; }
    .select_ktx_seat.pc_list { width:100%; }
}


/* 좌석조회 select 비활성화 칸 색상 css */
.select_ktx_seat>option:disabled { color:#cdcdcd; }

/* 선택된 select 색상 변경 */
.select_ktx_seat>option:checked{ color:#f00; }

.div_seat { width:21%; height:65px; position:relative; float:right; /*margin-top: -10px !important;*/ }
.div_seat_3row { width:26%; height:65px; position:relative; float:right; }
.div_seat_img { width:65px; height:65px; border:0px solid #0f0; top:50%; left:50%; margin:-25px 0 0 -45px !important;}
.div_seat_text { text-align:center; position:relative; top:22px; }
/* .div_arrow { width:13%; height:50px; position:relative; float:right; border:0px solid #f00; text-align:center; display:table-cell; vertical-align:middle; padding-top:10px !important; margin-left: -20px !important;} */
.div_arrow { width:11%; height:50px; position:relative; float:right; border:0px solid #f00; text-align:center; display:table-cell; vertical-align:middle; padding-top:10px !important; padding-left:10px !important;}
@media screen and (max-width:1024px){
    .div_seat { width:21%; height:65px; }
    .div_seat_img { width:65px; height:65px; }
    .tfdev-sp .div_arrow { width:11%; height:50px; position:relative; float:right; border:0px solid #f00; text-align:center; display:table-cell; vertical-align:middle; padding-top:10px !important; padding-left:4px !important;}
    .tfdev-sp .div_seat_text { text-align:center; position:relative; top:20px; font-size: large;}
}
/* 시트맵(좌석) 출력용 ============= END */


/* 좌석 배치도 3단 구조 */
.ktx_seat_info_parent { display:flex; flex-direction:column; width:100%; height:100%; }
/* .ktx_seat_info_head { flex-basis:100px; padding:10px !important; } */
.ktx_seat_info_head { /*flex-basis:80px;*/ padding:8px 8px 4px 8px !important; }
.ktx_seat_info_body { overflow-y:auto; flex:1; }
.ktx_seat_info_bottom { flex-basis:120px; }

/* KTX 좌석 seat 그리기 ============= START */
.ktx_seat_size_thumb { height:22px; float:left; width:100px; /*padding:5px 10px 0 35px !important;*/ }
.ktx_seat_size_thumb.floatleft { float:left; }
@media screen and (max-width:1024px){
    .ktx_seat_size_thumb { width:100px; font-size: 12px; }
    .ktx_seat_size_thumb.width65{ width:70px; }
}

/* 순방 - forward ============= */
.ktx_seat_forward_not {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BBBDBF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.9,32.67h25.2c1.74,0,3.15-1.41,3.15-3.15V4.32c0-1.74-1.41-3.15-3.15-3.15H9.9c-1.74,0-3.15,1.41-3.15,3.15 v25.2C6.75,31.26,8.16,32.67,9.9,32.67L9.9,32.67z'/%3E%3Cpath class='st0' d='M2.98,36.58c1.49,1.49,3.44,2.34,5.52,2.44l0,0.02h0.4h0h27.19c0,0,0,0,0,0c2.24,0,4.34-0.87,5.93-2.46 s2.45-3.69,2.45-5.93V3.43c0-1.1-0.9-2-2-2s-2,0.9-2,2v27.23c0,1.17-0.46,2.27-1.28,3.1c-0.73,0.73-1.68,1.18-2.7,1.27 c-0.13,0.01-0.26,0.02-0.39,0.02h0H8.89h0c-1.16,0-2.26-0.46-3.08-1.28c-0.83-0.83-1.28-1.93-1.28-3.1V3.43c0-1.1-0.9-2-2-2 s-2,0.9-2,2v27.23C0.53,32.89,1.4,35,2.98,36.58z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}
.ktx_seat_forward {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BBBDBF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.9,31.67c-1.19,0-2.15-0.97-2.15-2.15V4.32c0-1.19,0.96-2.15,2.15-2.15h25.2c1.19,0,2.15,0.96,2.15,2.15v25.2 c0,1.19-0.96,2.15-2.15,2.15H9.9 M9.9,32.67h25.2c1.74,0,3.15-1.41,3.15-3.15V4.32c0-1.74-1.41-3.15-3.15-3.15H9.9 c-1.74,0-3.15,1.41-3.15,3.15v25.2C6.75,31.26,8.16,32.67,9.9,32.67L9.9,32.67z'/%3E%3Cpath class='st0' d='M2.98,36.58c1.49,1.49,3.44,2.34,5.52,2.44l0,0.02h0.4h0h27.19c0,0,0,0,0,0c2.24,0,4.34-0.87,5.93-2.46 s2.45-3.69,2.45-5.93V3.43c0-1.1-0.9-2-2-2s-2,0.9-2,2v27.23c0,1.17-0.46,2.27-1.28,3.1c-0.73,0.73-1.68,1.18-2.7,1.27 c-0.13,0.01-0.26,0.02-0.39,0.02h0H8.89h0c-1.16,0-2.26-0.46-3.08-1.28c-0.83-0.83-1.28-1.93-1.28-3.1V3.43c0-1.1-0.9-2-2-2 s-2,0.9-2,2v27.23C0.53,32.89,1.4,35,2.98,36.58z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}
.ktx_seat_forward_select {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E11B22;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.9,32.67h25.2c1.74,0,3.15-1.41,3.15-3.15V4.32c0-1.74-1.41-3.15-3.15-3.15H9.9c-1.74,0-3.15,1.41-3.15,3.15 v25.2C6.75,31.26,8.16,32.67,9.9,32.67L9.9,32.67z'/%3E%3Cpath class='st0' d='M2.98,36.58c1.49,1.49,3.44,2.34,5.52,2.44l0,0.02h0.4h0h27.19c0,0,0,0,0,0c2.24,0,4.34-0.87,5.93-2.46 s2.45-3.69,2.45-5.93V3.43c0-1.1-0.9-2-2-2s-2,0.9-2,2v27.23c0,1.17-0.46,2.27-1.28,3.1c-0.73,0.73-1.68,1.18-2.7,1.27 c-0.13,0.01-0.26,0.02-0.39,0.02h0H8.89h0c-1.16,0-2.26-0.46-3.08-1.28c-0.83-0.83-1.28-1.93-1.28-3.1V3.43c0-1.1-0.9-2-2-2 s-2,0.9-2,2v27.23C0.53,32.89,1.4,35,2.98,36.58z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}

/* 역방향 - reverse  ============= */
.ktx_seat_reverse_not {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BBBDBF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M35.1,7.54H9.9c-1.74,0-3.15,1.41-3.15,3.15v25.2c0,1.74,1.41,3.15,3.15,3.15h25.2c1.74,0,3.15-1.41,3.15-3.15 v-25.2C38.25,8.95,36.84,7.54,35.1,7.54L35.1,7.54z'/%3E%3Cpath class='st0' d='M42.02,3.63c-1.49-1.49-3.44-2.34-5.52-2.44l0-0.02h-0.4h0H8.91c0,0,0,0,0,0c-2.24,0-4.34,0.87-5.93,2.46 S0.53,7.32,0.53,9.56v27.23c0,1.1,0.9,2,2,2s2-0.9,2-2V9.56c0-1.17,0.46-2.27,1.28-3.1c0.73-0.73,1.68-1.18,2.7-1.27 c0.13-0.01,0.26-0.02,0.39-0.02h0h27.21h0c1.16,0,2.26,0.46,3.08,1.28c0.83,0.83,1.28,1.93,1.28,3.1v27.23c0,1.1,0.9,2,2,2 s2-0.9,2-2V9.56C44.47,7.32,43.6,5.21,42.02,3.63z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}
.ktx_seat_reverse_select {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E11B22;%7D%0A%3C/style%3E%3Cpath class='st0' d='M35.1,7.54H9.9c-1.74,0-3.15,1.41-3.15,3.15v25.2c0,1.74,1.41,3.15,3.15,3.15h25.2c1.74,0,3.15-1.41,3.15-3.15 v-25.2C38.25,8.95,36.84,7.54,35.1,7.54L35.1,7.54z'/%3E%3Cpath class='st0' d='M42.02,3.63c-1.49-1.49-3.44-2.34-5.52-2.44l0-0.02h-0.4h0H8.91c0,0,0,0,0,0c-2.24,0-4.34,0.87-5.93,2.46 S0.53,7.32,0.53,9.56v27.23c0,1.1,0.9,2,2,2s2-0.9,2-2V9.56c0-1.17,0.46-2.27,1.28-3.1c0.73-0.73,1.68-1.18,2.7-1.27 c0.13-0.01,0.26-0.02,0.39-0.02h0h27.21h0c1.16,0,2.26,0.46,3.08,1.28c0.83,0.83,1.28,1.93,1.28,3.1v27.23c0,1.1,0.9,2,2,2 s2-0.9,2-2V9.56C44.47,7.32,43.6,5.21,42.02,3.63z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}
.ktx_seat_reverse {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 40' style='enable-background:new 0 0 45 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BBBDBF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M35.1,8.54c1.19,0,2.15,0.97,2.15,2.15v25.2c0,1.19-0.96,2.15-2.15,2.15H9.9c-1.19,0-2.15-0.96-2.15-2.15v-25.2 c0-1.19,0.96-2.15,2.15-2.15H35.1 M35.1,7.54H9.9c-1.74,0-3.15,1.41-3.15,3.15v25.2c0,1.74,1.41,3.15,3.15,3.15h25.2 c1.74,0,3.15-1.41,3.15-3.15v-25.2C38.25,8.95,36.84,7.54,35.1,7.54L35.1,7.54z'/%3E%3Cpath class='st0' d='M42.02,3.63c-1.49-1.49-3.44-2.34-5.52-2.44l0-0.02h-0.4h0H8.91c0,0,0,0,0,0c-2.24,0-4.34,0.87-5.93,2.46 S0.53,7.32,0.53,9.56v27.23c0,1.1,0.9,2,2,2s2-0.9,2-2V9.56c0-1.17,0.46-2.27,1.28-3.1c0.73-0.73,1.68-1.18,2.7-1.27 c0.13-0.01,0.26-0.02,0.39-0.02h0h27.21h0c1.16,0,2.26,0.46,3.08,1.28c0.83,0.83,1.28,1.93,1.28,3.1v27.23c0,1.1,0.9,2,2,2 s2-0.9,2-2V9.56C44.47,7.32,43.6,5.21,42.02,3.63z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    position: relative;
}
.ktx_seat_none { position: relative; }

 /* 좌석 선택 상단 설명 */
.ktx_seat_info_box_text { padding-top:2px !important;}
.ktx_seat_info_box_1 { border-radius:5px; margin-right:3px !important; width:15px; height:15px; border:2px #A6A6A6 solid; float:left; }
.ktx_seat_info_box_2 { border-radius:5px; margin-right:3px !important; width:15px; height:15px; border:2px #f00 solid; background-color:#f00; float:left; }
.ktx_seat_info_box_3 { border-radius:5px; margin-right:3px !important; width:15px; height:15px; border:2px #A6A6A6 solid; background-color:#A6A6A6; float:left; }


.list_seat_top_forward { clear:both; padding:5px !important; background-color:#A6A6A6; color:#fff; text-align:center; }

.list_seat_infobox { margin: 10px 5px !important;  padding: 5px 0 !important; border: 1px solid #c0c0c0; border-radius: 8px; color:#f00; }
.list_seat_person { float:left; width:70px; text-align:right; padding-right:5px !important;; }
@media screen and (max-width:320px){
    .list_seat_person { width:40px;}
}
.list_seat_person > img { width:34px; height:34px; }
.list_seat_notice { clear:both; font-size:10px; color:#f00; text-align:center; }
.list_seat_car_no { float:left; padding-top:3px !important; padding-right:5px !important; }
.list_seat_button { margin: 10px 5px !important;  padding: 5px 0 !important; }

/* KTX 좌석 seat 그리기 ===================== END */


.tfdev-pc .pc_padding { padding: 10px 0 0 10px !important; }
.tfdev-pc .pc_top_padding { padding:38px 0 0 15px !important;}
.tfdev-pc .pc_top_padding2 { padding-top:16px !important;}
.tfdev-pc .pc_margin_top { margin-top:37px !important;}

.tfdev-sp .pc_padding { padding: 10px 0 0 10px !important; }
.tfdev-sp .pc_top_padding { padding: 5px 10px 10px 10px !important;}
.tfdev-sp .pc_top_padding2 { padding-top:0px !important;}
.tfdev-sp .pc_margin_top { margin-top:0px !important;}



/* 출발역 - 도착역 변경 아이콘 회전 ============= */
.ktx_icon_rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    width:80%;
}
.ktx_icon_rotate.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.mainTour .mInnerTour { padding-top:0px; }

.ktx_ticket_mobile_off { display:block;}
.ktx_ticket_pc_off { display:none;}

.tfdev-sp .mainTour .mArticleTour:not(:first-child) { margin-top: 0px; }
.tfdev-sp .ktx_ticket_mobile_off { display:none;}
.tfdev-sp .ktx_ticket_pc_off { display:block;}


/*  왕복일 경우 먼저 예매한 정보 출력 */
.ktx_ticket_info { display:flex; justify-content: center; }
.ktx_ticket_info_box { padding:10px; background-color:#808080; width:40px; font-size:14px; color:#fff; /*border-radius: 8px;*/ float:left; }
.ktx_ticket_info_date { padding:10px 20px;  float:left; font-size: 14px; font-weight: bold; }
.tfdev-pc .ktx_ticket_info_color { border:1px solid #EC4538; background-color:#fcf8f7 }
@media screen and (max-width:1024px){
    .tfdev-sp .ktx_ticket_info { flex-basis: 100%; justify-content:left; /*padding-left:30px;*/ height:25px; }
    .tfdev-sp .ktx_ticket_info_box { padding:1px 10px; }
    .tfdev-sp .m_list_margin { margin:0px !important; padding: 2px 0 !important;}
}

/* *** KTX 모바일 상단 내비게이션 START *** */
.mainTour .collTourPathKTX { display:none; margin-top:0px; }
.collTourPathKTX .head_coll { overflow-y:hidden; overflow-x:auto; background-color:#535353; -webkit-overflow-scrolling: touch }
.collTourPathKTX .head_coll .inner_head { background-color:#fff; border-top:1px solid #535353; border-bottom:1px solid #535353; }
/* .collTourPathKTX .path_head { display: table; position: relative; z-index: 10; height: 38px; table-layout: fixed } */
.collTourPathKTX .path_head { display:table; position:relative; z-index:10; height:30px; table-layout:fixed }
.collTourPathKTX .link_path {
    display:table-cell;
    overflow:hidden;
    position:relative;
    z-index:10;
    padding:0 14px 0 20px;
    font-weight:bold;
    font-size:12px;
    /* line-height: 38px; */
    line-height:30px;
    color:#fff;
    background-color:#535353;
    text-decoration:none;
    box-sizing:border-box;
    white-space:nowrap
}

.collTourPathKTX a:active, .collTourPathKTX a:hover { color:#fff; text-decoration:none }

.collTourPathKTX .link_path:before {
    position:absolute;
    z-index:-10;
    top:0;
    left:0;
    /* border: 19px solid transparent; */
    border:15px solid transparent;
    border-left-color:#fff;
    border-left-width:9px;
    border-right-width:0;
    content: ''
}
.collTourPathKTX .link_path:after {
    position:absolute;
    z-index:-10;
    top:0;
    left:-1px;
    /* border: 19px solid transparent; */
    border:15px solid transparent;
    border-left-color:#535353;
    border-left-width:9px;
    border-right-width:0;
    content: ''
}

.collTourPathKTX .link_path:first-child:before { top:12px; left:9px;  z-index:10; border:9px solid transparent; border-top:0; }
.collTourPathKTX .link_path:first-child:after  { top:13px; left:10px; z-index:20; border:8px solid transparent; border-top:0; }

.tfdev-sp .mainTour .collTourPathKTX { display:block; position:inherit; right:0; bottom:0; left:0 }
@media screen and (max-width:375px){
    .tfdev-sp .collTourPathKTX .link_path { padding:0 12px 0 18px; }
}
@media screen and (max-width:320px){
    .tfdev-sp .collTourPathKTX .link_path { padding:0 6px 0 14px; }
}

.collTourPathKTX .link_path_not_selected { color: #535353; background-color:#fff; }
.collTourPathKTX .link_path_not_selected:before { border-left-color: #535353; }
.collTourPathKTX .link_path_not_selected:after { border-left-color: #fff; }
.collTourPathKTX .link_path_not_selected_left:after { border-left-color: #535353; }
/* *** KTX 모바일 상단 내비게이션 END *** */


/* KTX PC 상단 내비게이션 */
/* .mInnerTour .pc_navi { color:#a1a1a1; font-size:14px; line-height: 16px; padding:15px 0 0 10px; width: 360px; height: 30px; background-color: #2d2d2d; }
.mInnerTour .pc_navi .pc_navi_selected { color:#fff; } */


/* 상단 왕복/편도 */
.ktx_top_round { width:500px; margin-top:-97px !important; margin-left:30px !important; position:absolute; }
.ktx_top_round.list { margin-top:-52px !important; }
.ktx_top_round .tit_subject { display: block; }
.ktx_top_round .ktx_top_round_head { background-color: transparent; display: block; overflow: hidden; box-sizing: border-box; box-shadow:5px 5px 5px darkgray; }
.ktx_top_round .ktx_top_round_head .inner_head { display: table; width: 100%; table-layout: fixed; border-spacing:0; border-collapse: collapse; }
.ktx_top_round .oneway { padding: 10px 0 10px 0; background-color: #fff; cursor: pointer; /*width:200px;*/ color:#efefef; border-bottom: 2px solid #fff; }
.ktx_top_round .oneway.onewayselect { cursor: default; /*border-bottom: 2px solid #2d2d2d;*/ }
.ktx_top_round .onewayfont { font-size: 22px; line-height: 30px; color: #2d2d2d; }



.tfdev-sp .ktx_top_round { width:100%; margin-top:-127px !important;  margin-left:0px !important;  }
.tfdev-sp .ktx_top_round .oneway:nth-child(1) { border-right: 2px solid #fff; }   /* 모바일 화면에서 왕복-편도 메뉴 사이 공백 발생하는 부분 흰색으로 채움 */
.tfdev-sp .ktx_top_round.list { margin-top:-80px !important; }
.tfdev-sp .ktx_top_round .ktx_top_round_head {box-shadow:none;}
.tfdev-sp .left_radius { border-radius: 15px 0 0 0; }
.tfdev-sp .right_radius { border-radius: 0 15px 0 0; }

@media screen and (max-width:320px){
    .tfdev-sp .ktx_top_round .oneway { width:50%; }
}

/* 조회 입력폼 기본 <li> 구조 : 출발역,도착역,일시,인원, 조회버튼 */
.ktx_li { float:left; height:100px; background-color:#fff; }
.ktx_li.li_1 { width:370px; box-shadow:5px 5px 5px darkgray; }
.ktx_li.li_2 { width:240px; box-shadow:5px 5px 5px darkgray; }
.ktx_li.li_3 { width:130px; box-shadow:5px 5px 5px darkgray; }
.ktx_li.li_4 { width:130px; box-shadow:5px 5px 5px darkgray; }
.ktx_li.li_5 { width:120px; box-shadow:5px 5px 5px darkgray; }

.tfdev-sp .ktx_li { float:left; height:45px; }
.tfdev-sp .ktx_li.li_1 { width:100%; height:80px; box-shadow:none;}
.tfdev-sp .ktx_li.li_2 { width:100%; box-shadow:none;}
.tfdev-sp .ktx_li.li_3 { width:100%; height:40px; padding:10px 0 0 10px; box-shadow:none;}
.tfdev-sp .ktx_li.li_4 { width:100%; padding:0 0 0 10px; box-shadow:none;}
.tfdev-sp .ktx_li.li_5 { width:100%; box-shadow:none; height:50px;}


/* 24.02.06 dhko : 가로 1024px 넘어가는 모바일 기기 대응 - 검색창 깨지는 부분 방지  */
/* @media screen and (min-width:1100px) and (max-width:1114px){ */
/* @media screen and (min-width:1025px) {
    .tfdev-sp .ktx_top_round {   margin-top: -127px !important; }
    .tfdev-sp .ktx_top_round.list { margin-top:-52px !important; }
    .tfdev-sp .reviewGlobal.ktx_station { margin: -75px 0 0 30px !important; }
    .tfdev-sp .reviewGlobal.ktx_station.list  { margin: -28px 0 0 30px !important; }
    .tfdev-sp .reviewGlobal .item_view > .head_item .station_name {  width: 120px !important; }
    .tfdev-sp .ktx_li { float:left; height:100px !important; background-color:#fff; }
    .tfdev-sp .ktx_li.li_1 { width:370px; box-shadow:5px 5px 5px darkgray; }
    .tfdev-sp .ktx_li.li_2 { width:240px; box-shadow:5px 5px 5px darkgray; }
    .tfdev-sp .ktx_li.li_3 { width:130px; box-shadow:5px 5px 5px darkgray; padding:0px;}
    .tfdev-sp .ktx_li.li_4 { width:130px; box-shadow:5px 5px 5px darkgray; }
    .tfdev-sp .ktx_li.li_5 { width:120px; box-shadow:5px 5px 5px darkgray; }
    .tfdev-sp .reviewGlobal .item_view .head_item .intro_view.intro_view_subject:nth-child(2) { width:15%; }
} */

/* 인원수 +- 버튼과 주변에서 모바일 화면 더블클릭 확대 방지코드 - ios */
.ktx_li.li_3 { touch-action:manipulation; }
.ktx_li.li_4 { touch-action:manipulation; }

/* 역 이름 검색 START */
.ktx_seach_input {
    width:calc(100% - 45px); font-size: 14px !important; line-height: 40px; cursor: pointer;
    background-image:url('/19tour/ktx/ktxrsc/img/step_ic_search.png');
    background-size:5% !important;
    background-repeat:no-repeat;
    background-position:left 5px center;
    padding-left:45px !important;
    border:1px solid #cdcdcd;
    border-radius:15px !important;
}
@media screen and (min-width:1024px){ .tfdev-sp .ktx_seach_input { background-size:2% !important; } }
@media screen and (max-width:1024px){ .tfdev-sp .ktx_seach_input { background-size:3% !important; } }
@media screen and (max-width:460px){ .tfdev-sp .ktx_seach_input { background-size:5% !important; } }


.ktx_seach_input::-webkit-input-placeholder { text-align: center; }
.ktx_seach_input::-moz-placeholder { text-align: center; }
.ktx_seach_input:-ms-input-placeholder { text-align: center;; }
.ktx_seach_input:-moz-placeholder { text-align: center; }
.ktx_seach_input::placeholder { text-align: left; }

/* 검색어 입력창 박스  */
.coll5CateHotKeywordKTX .cont_coll{ padding:10px 8px 11px !important; /*border:1px solid #ddd;background-color:#f3f3f3;*/ }
.coll5CateHotKeywordKTX .ktx_search_top_space { margin-top:30px !important; }

/* 현재 선택된 검색어 */
.autocomplete { box-shadow:1px 1px 3px rgba(50,50,50,0.64);}
.autocomplete > div { background: #fff; padding: 5px 5px 5px 10px; font-size: 15px !important; cursor:pointer; }
.autocomplete > div.active { background:#ffecff !important; color:#000; }
.ktx_marked { color:#f00; }

.tfdev-sp .ktx_search_top_space {  margin-top:10px !important; padding:9px 7px !important; }
.tfdev-sp .ktx_seach_input {  background-size:7%; font-size: 18px !important; }
.tfdev-sp .autocomplete > div { background: #fff; padding: 8px 5px 8px 10px; font-size: 20px !important; cursor:pointer; }

/* 역 이름 검색 END */

/* 모바일 상단 네비게이션 (연필 아이콘) */
.tfdev-sp .ktx_m_top_info { height:30px; margin: auto; margin-bottom:2px; background-color: #535353; color:#fff; text-align:center; font-size:16px; padding-top:5px; }
.tfdev-sp .ktx_m_top_info .ktx_m_top_info_station { width:100%; text-align:center; padding-top:5px; }
.tfdev-sp .ktx_m_top_info .ktx_m_top_info_switch { position:absolute; top:5px; right:20px; }
@media screen and (max-width:375px){
    .ktx_m_top_info { font-size:14px; }
    .ktx_m_top_info .ktx_m_top_info_switch { right:10px; }
}

/*  배너 - 이용가이드, 시간표 */
.ktx_guide { color:#fff; font-size:35px; margin:20px 0 30px 0 !important; }
.ktx_guide .box1 {
    float:left; width:487px;
    height:70px;
    cursor:pointer;
    background-image: url("/19tour/ktx/ktxrsc/img/ktx_bg_guide.jpg?v=2407");
    /* background-size: cover; */
    background-repeat:no-repeat;
    background-position : right;
    background-color: #559DFF;
}
.ktx_guide .box2 {
    display:inline-block; width:487px;
    height:70px;
    margin-left:15px;  margin-top:0px; cursor:pointer;
    background-image: url("/19tour/ktx/ktxrsc/img/ktx_bg_timetable.jpg?v=2407");
    /* background-size: cover; */
    background-repeat:no-repeat;
    background-position : right;
    background-color: #559DFF;
}
.ktx_guide .guide_text{ padding-top:30px; padding-left:30px; }

.tfdev-sp .ktx_guide { background-color:#fff; font-size:24px; margin:10px 0 0 0 !important; }
.tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:99%; margin:0 10px 0 8px; }
.tfdev-sp .ktx_guide .box2 { margin-top:0px; margin-bottom:20px; }
@media screen and (min-width:1025px){
    .tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:99%; margin:10px 10px 0 8px; background-size: contain; background-repeat: no-repeat; background-position: center right; }
}
@media screen and (max-width:1024px){
    .tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:97%; margin:10px 10px 0 8px; }
    .tfdev-sp .ktx_guide .box2 { margin-bottom:10px; }
}
@media screen and (max-width:460px){
    .tfdev-sp .ktx_guide .guide_text{ text-align:left; padding-left:20px; margin-left:0px; }
}

/* OLD 이미지 변경전 - 임시 백업 24.07.03 dhko
.tfdev-sp .ktx_guide { background-color:#fff; font-size:24px; margin:10px 0 0 0 !important; }
.tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:99%; margin:20px 10px 0 8px; }
.tfdev-sp .ktx_guide .box2 { margin-top:10px; margin-bottom:20px; }
@media screen and (min-width:1025px){
    .tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:99%; margin:20px 10px 0 8px; background-size: contain; background-repeat: no-repeat; background-color: #132DA6; background-position: center right; }
}
@media screen and (max-width:1024px){
    .tfdev-sp .ktx_guide .box1, .tfdev-sp .ktx_guide .box2 { width:97%; margin:20px 10px 0 8px; }
}
@media screen and (max-width:460px){
    .tfdev-sp .ktx_guide .guide_text{ text-align:left; padding-left:20px; margin-left:0px; }
}
*/

.tfdev-pc .ktx_top_bg, .tfdev-pc .ktx_list_bg { position:relative; width:100%; height:350px; background-image:url('/19tour/ktx/ktxrsc/img/ktx_top_bg.jpg?v=2'); background-size: cover; }

.tfdev-sp .ktx_top_bg { position:relative; width:100%; height:350px; background-image:url('/19tour/ktx/ktxrsc/img/ktx_top_bg.jpg?v=2'); background-size: contain;
    background-position:0 0;
    background-repeat: no-repeat;
}
.tfdev-sp .ktx_list_bg { background-image:''; height:80px; }
@media screen and (min-width:1025px){
    .tfdev-sp .ktx_top_bg { position:relative; width:100%; height:350px; background-image:url('/19tour/ktx/ktxrsc/img/ktx_top_bg.jpg?v=2'); background-size: cover;
        background-position: 0px -110px;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width:1024px){
    .tfdev-sp .ktx_top_bg { position:relative; width:100%; height:350px; background-image:url('/19tour/ktx/ktxrsc/img/ktx_top_bg_mobile.jpg?v=2'); background-size: cover;
        background-position:0 0;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width:540px){
    .tfdev-sp .ktx_top_bg { position:relative; width:100%; height:350px; background-image:url('/19tour/ktx/ktxrsc/img/ktx_top_bg_mobile.jpg?v=2'); background-size: contain;
        background-position:0 0;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width:322px){ .tfdev-sp .ktx_top_bg { background-size: cover; } }



/* 첫페이지 컨텐츠 관련 */
.mainTour .mInnerTour { width : 1055px; }
.tfdev-sp .mainTour .mInnerTour { width : 100% }

.mArticleTour .coll_tour .inner_coll { margin-left:0px !important;}
.coll_tour .inner_coll { padding:0px !important; }
.collTourUserSubmit .data_btn { right : -4px }  /* 리뷰보기, 리뷰작성 오른쪽으로 이동 */


/* 첫페이지 모바일 여백 삭제 */
.tfdev-sp .mainTourView .collTourViewCont  { padding-top:0px; }



/* 즐겨 찾기 ♡ 아이콘 및 숫자 */
.ktx_top_bg .inner_btn { width: 45px !important; height: 45px !important; }
.ktx_top_bg .append_head { position:absolute; right: 20px; top: 10px; }

/* 첫페이지 STEP 1~4 이미지 */
.step_ul { list-style:none; }
.step_li { float:left; width:50%; text-align:center;}
.step_li:nth-child(4) {margin-bottom: 30px;}
.step_li img { width:70%; height:70%; object-fit:cover; }
.tfdev-sp .step_li img { width:90%; height:90%; max-width:346px; }

/* 왕복 편도 아래 underbar  */
.ktx_top_round > .selected_bar { position:absolute; bottom: 0; height: 2px; transition: left 0.2s ease-in-out; background-color: #000000; width: 250px; left: 0px; }
.tfdev-sp  .ktx_top_round > .selected_bar  { width:50%; }

/* KTX - tour detail FAQ 충돌 방지용 */
.tfdev-sp .cont_coll_m_faq:nth-child(1) { margin-top:10px; }

.tfdev-sp .ktx_notice_m { clear: both; padding-top:1px !important;}


/* 상단 귀로-왕복 표기 삭제후 PC에만 상단 여백 주기 */
.pc_top_margin { margin-top:20px !important;}
.tfdev-sp .pc_top_margin { margin-top:0px !important;}

.list_pencil { width:20px; height:20px; }
.list_seat_info_txt { height:20px; width:60%; min-width:225px; border:0 solid black; outline: none; font-size:12px; color:#f00; background-color: transparent; }

.dev_real_warn { clear:both; text-align:center; color:#f00; font-size:15px; font-weight:bold; padding:8px!important; line-height:1.2; }
.tfdev-sp .mArticleTour .dev_real_warn { padding:12px 8px 0 8px!important; }

.set_unnecessary { font-size:13px; line-height: 20px; text-align:left;}
.tfdev-sp .set_unnecessary { padding:0 10px 10px 10px;}