﻿@charset "utf-8";

/* 
z-index 정의
레이아웃 = 20 / 컨텐츠 = 10이하 / 팝업 = 50 / 로딩창 = 100
*/
/*  240104 선물하기 관련 추가 */
.ticket_area {padding-top:0.8rem;}
.text_list {margin-top:2.4rem;}
.text_list.type2 {margin-top:1.2rem;}
.bn_area {margin-top:2.4rem;}
.bn_link {position:relative;min-height:8rem;background-color:#f6f6f6;border-radius:0.8rem;display:flex;align-items:center;padding:1.8rem 1.8rem 1.8rem 2.4rem;}
.bn_link:after {content:'';position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);display:block;width:2rem;height:2rem;background: url('../images/common/btn_date_next.svg') no-repeat 0 0/ 2rem auto;} 
.bn_link p {padding-right:2rem;width:100%;font-size:1.4rem;}
.bn_link .point {position:relative;z-index:1;display:inline-block;font-size:1.6rem;font-weight:700;}
.bn_link .point:after {content:'';position:absolute;left: 50%;transform: translateX(-50%);bottom:-0.1rem;width:100%;height:1.4rem;background-color:#25957A;opacity:0.15;}
.ticket_return {display:flex;align-items:center; justify-content:center;flex-direction:column;width:100%;height:calc(100vh - 5.8rem);}
.ticket_return .complete_area {width:100%;padding:0;}
.ticket_return .complete_area .btn {min-width:13.7rem;}
.pop_wrap .pop_cont .pop_txt.sub + .pop_txt.sub.type2 {margin-top:0.8rem;}

.sel_wrap {position:relative;}
.sel_wrap .j_scroll:after {padding-left:7.2rem;}
.refresh_area {position:absolute;right:-2.4rem;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;width:7.2rem;height:6.6rem;background:linear-gradient(270deg, #fff 77.6%, rgba(255,255,255,0) 100%);}
.refresh_area .btn_refresh_s {display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background: url(../images/common/ico40_refresh_bg.svg) no-repeat 0 0/4rem;}
.ico.refresh {background-image:url(../images/common/ico14_refresh.svg);}
.refresh_area .btn_refresh_s.on .ico.refresh {animation:loaderSpin 0.6s 1 ease-out;}

.btn_wrap.share {margin-top:2rem;}
.share .btn_share {display:inline-block;font-size:1.2rem;text-decoration:underline;}
.ico.share {margin-right:0.8rem;padding:1.1rem;border:0.1rem solid #ccc;border-radius:50%;background-image:url(../images/common/ico14_share.svg);}
.seat_info > li .ico.ico_12{width:1.6rem;height:1.6rem;background-size:1.6rem;}

/*  240207 승차권 선물하기 관련 추가 */
.info_list.type2 {margin-top:3.2rem;padding-top: 2.2rem;border-top: 0.1rem solid #ddd;}
.agree_box .agree_list {margin-top:0;}
.agree_box .checkbox span {font-size:1.6rem;line-height: 2.2rem;}

/*  240828:: 20240807532173 최근예매/최근검색 작업 추가 */
.add_del .station_area .btn_station {width:calc(100% - 3.2rem);}
.add_del .station_area .station_item {padding-right:3.2rem;}
.add_del .station_area .del_area {position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;} 
.add_del .station_area .btn_del.small {display:block;width:1.6rem;height:1.6rem;background-size:1.6rem;}

/*  250116:: 20241223542159 중요알림팝업 관련 추가 */
.fc_gray3 {color: #333 !important;}

/*  250616:: 20250605508693 기차예매 서비스 개선_팝업 공지 제작 요청 관련 추가*/
.ellipsis-multiline2 {display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.pop_mid_tit {padding:1rem 2.4rem 0;}
.pop_mid_tit + .pop_cont {padding-top:0.5rem; margin-top: 0.5rem;}
