@charset "utf-8";


.wrap {-webkit-tap-highlight-color:transparent;}

/* 슬라이드배너 (기본타입) */
.goodsList_type_slider .goodsType_slider {width:90%; position:relative;}
.goodsType_slider .goodsList_box {border-radius:5px; overflow:hidden; margin:0 0 15px; 
box-shadow:3px 5px 5px rgba(184, 184, 184, 0.22);}
.goodsList_box > .btn_fav {position:absolute; right:10px; top:10px; z-index:1;
background:url("/mo_renewal/images/common/btn_fav.png") no-repeat 0 0; background-size:30px auto; width:30px; height:28px;}
.goodsList_box > .btn_fav.on {background:url("/mo_renewal/images/common/btn_fav_on.png") no-repeat 0 0;
background-size:30px auto; width:30px; height:28px}
.goodsList_type_slider .goodsList_slideImg_wrap {padding:25% 0; position:relative;}
.goodsList_slideImg_wrap > img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
.goodsList_type_slider .goodsList_slideTxt_wrap {padding:15px 10px; position:relative; background:#fff;}
.goodsList_slideTxt_wrap > span {display:block; color:#949494; font-size:13px; padding:0 0 5px 0;}
.goodsList_slideTxt_wrap > p {margin:0 0 15px 0; font-size:15px; font-weight:600; color:#000;
height:45px; overflow:hidden;}
.goodsList_label {position:absolute; left:10px; top:15px; z-index:1; font-size:13px;}
.goodsList_label > .goodsList_label_best {padding:3px 10px; border:1px solid #3f4fc3; color:#3f4fc3; font-weight:600; background:#fff; border-radius:50px;}
.goodsList_label > .goodsList_label_sale {padding:3px 10px; border:1px solid #ff4949; color:#ff4949; font-weight:600; background:#fff; border-radius:50px;}
.goodsList_slideTxt_wrap .goods_information {display:flex; justify-content:space-between; align-items:flex-end;}
.goods_information .goods_score_wrap {color:#f99246; display:flex; justify-content:space-between; align-items:center;}
.goods_score_wrap > .goods_score,
.goods_score_wrap > span {font-size:13px;}
.goods_score { font-size:0;}
.goods_score > li {display:inline-block; font-size:14px; letter-spacing:-2px;}
.goods_score_wrap > span {padding:0 0 0 5px;}
.goods_price_wrap dt,
.goods_price_wrap dd {line-height:1.2;}
.goods_price_wrap dt {color:#909090; font-size:13px; text-decoration:line-through; padding:0 0 3px 0; text-align:right;}
.goods_price_wrap dd {color:#f57a1f; font-size:17px; font-weight:600; padding:0 0 0 3px;}


/* 리스트형배너 (기본타입) */
.goodsList_type_basic .goodsType_list {width:100%; position:relative; margin:0 0 15px;}
.goodsList_type_basic .goodsType_list:last-of-type {margin:0;}
.goodsType_list .goodsList_box {border-radius:5px; overflow:hidden; 
box-shadow:3px 5px 5px rgba(184, 184, 184, 0.22);}
.goodsList_box > .btn_fav {position:absolute; right:10px; top:10px; z-index:1;
background:url("/mo_renewal/images/common/btn_fav.png") no-repeat 0 0; background-size:30px auto; width:30px; height:28px;}
.goodsList_box > .btn_fav.on {background:url("/mo_renewal/images/common/btn_fav_on.png") no-repeat 0 0;
background-size:30px auto; width:30px; height:28px}
.goodsList_type_basic .goodsList_img_wrap {padding:25% 0; position:relative;}
.goodsList_img_wrap > img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
.goodsList_type_basic .goodsList_txt_wrap {padding:15px 10px; position:relative; background:#fff;}
.goodsList_txt_wrap > span {display:block; color:#949494; font-size:13px; padding:0 0 5px 0;}
.goodsList_txt_wrap > p {margin:0 0 15px 0; font-size:15px; font-weight:600; color:#000;
height:45px; overflow:hidden;}
.goodsList_txt_wrap .goods_information {display:flex; justify-content:space-between; align-items:flex-end;}


/* footer */
footer {background:#f5f5f5; padding:0 0 50px 0;}
.footer_list_wrap {padding:10px;}
.footer_list_wrap ul {font-size:0;}
.footer_list_wrap li {display:inline-block; font-size:11px; text-align:center; position:relative;}
.footer_list_wrap li:nth-of-type(1) {width:33%;}
.footer_list_wrap li:nth-of-type(2) {width:34%;}
.footer_list_wrap li:nth-of-type(3) {width:33%;}

.footer_list_wrap li a {display:block; color:#1b1a1a;}
.footer_list_wrap li i {border-left:1px solid #1b1a1a; width:1px; height:10px; position:absolute; right:0; top:3px;}
.footer_information_wrap {border-top:1px solid #cccccc; padding:15px 10px 30px;}
.footer_information_wrap .footer_address {font-size:10px; color:#535456; text-align:center;}
.footer_copyright {padding:10px 0 0 0; font-size:10px; color:#535456; text-align:center;}

/* Footer_팝업 */
.agree_popup_wrap{position:fixed;left:0;top:150%;width:100%;height:100%;background-color:#fff;z-index:99999}
.agree_popup_box{display:none;position:relative;height:100%}
.agree_popup_box .agree_popup_title{border-bottom:1px solid #d8d8d8;padding:10px 0;text-align:center;}
.agree_popup_title h3{font-size:18px}
.agree_popup_title > .btn_close{position:absolute;left:15px;top:13px;width:20px;height:20px}
.agree_popup_title > .btn_close:before,
.agree_popup_title > .btn_close:after{display:inline-block;width:2px;height:20px;background-color:#000;border-radius:5px;content:""}
.agree_popup_title > .btn_close:before{margin:0 -2px 0 0;transform:rotate(135deg)}
.agree_popup_title > .btn_close:after{transform:rotate(-135deg)}
.agree_popup_conts{height:80%;padding:5%;font-size:13px;overflow-y:auto}
.agree_popup_conts > h4{padding:20px 0}
.agree_popup_conts .pd_top15{padding-top:15px}
.agree_popup_conts .pd_btm15{padding-bottom:15px}
.agree_popup_conts .agree_in_text{font-weight:400;font-size:12px;color:#333}
.agree_popup_conts table th,.agree_popup_conts table td{border:1px solid #000;font-size:11px}
.agree_popup_conts table th{font-weight:600;text-align:center}
.agree_popup_conts table td{padding:5px}
.agree_popup_conts table td.vtc_top{vertical-align:top}
.agree_popup_conts .agree_pop_tbl th,.agree_popup_conts .agree_pop_tbl td{border:0}

/* 캘린더 */
.reserve_mainSection01_calender {background:#fff; padding:15px 10px;}
.reserve_mainSection01_calender > h3 {font-size:18px; color:#171615;}
.ns_calendar .ns_calendar_wrap {border:1px solid #cfcfcf; position:relative;}
.ns_calendar_wrap .calendar_title {text-align:center; padding:10px 0; font-size:23px; font-weight:600;}

.ns_calendar_wrap .calendar_btn {display:flex; justify-content:space-between; align-items:flex-start; 
position:absolute; left:10%; top:17px; width:80%;}
.calendar_btn > a {display:inline-block; font-size:0; width:20px;}

.calendar_btnPrev:before, 
.calendar_btnPrev:after,
.calendar_btnNext:before, 
.calendar_btnNext:after {content:""; display:block; background:#939393; width:2px; height:13px; border-radius:5px;}

.calendar_btnPrev:before {transform:rotate(-134deg); margin:0 0 0 10px;}
.calendar_btnPrev:after {transform:rotate(134deg); margin:-5px 0 0 10px;}
.calendar_btnNext:before {transform:rotate(134deg); margin:0 0 0 10px;}
.calendar_btnNext:after {transform:rotate(-134deg); margin:-5px 0 0 10px;}

.calendar_box table {border-collapse:collapse; width:100%;}
.calendar_box table tr th {text-align:center; padding:15px 0; font-size:11px;}
.calendar_box table tr td {text-align:center; padding:7px 0; font-size:12px;}
.calendar_box table tr th {font-weight:600;}
.calendar_box table tr td span,
.calendar_box table tr td a {display:block; margin:0 auto; width:30px; height:30px; line-height:30px;} 
.calendar_box table tr td.on span,
.calendar_box table tr td.on a {border-radius:50px; background:#f57a1f; color:#fff; width:30px; height:30px; line-height:30px;}
.calendar_box table tr td.on span a {border-radius:50px; background:#f57a1f; color:#fff;}




/* 홈 메뉴 바 */
.home_bar_box {position:fixed; left:0; bottom:0; width:100%; height:60px; background:#fff; z-index:3;
padding: 0 0 calc(constant(safe-area-inset-bottom)) 0;  
padding: 0 0 calc(env(safe-area-inset-bottom)) 0;}
.home_bar_box > ul {font-size:0; border-top:1px solid #dcdcdc;}
.home_bar_box > ul > li {width:20%; display:inline-block; font-size:10px;}
.home_bar_box > ul > li a {display:block; text-align:center; position:relative;}
.home_bar_box > ul > li a > .txt_count {position:absolute; top:5px; right:20%; background:#e60012; color:#fff;
min-width:15px; min-height:15px; padding:2px; border-radius:50%; text-align:center; letter-spacing:-1px;}
.home_bar_box > ul > li span {display:block; color:#676767; padding:5px 0 10px 0;}
.home_bar_box > ul > li.on span {color:#ff8f40;}
.home_bar_box > ul > li i {display:block; color:#676767; padding:0 0 28px 0;}
/* 홈 / 패스 / 전체여행지 / 위시리스트 / 내정보 순서 */
.home_bar_box > ul > li:nth-of-type(1) i {background:url("/mo_renewal/images/common/btn_home.png") no-repeat 50% bottom; background-size:22px auto;}
.home_bar_box > ul > li:nth-of-type(2) i {background:url("/mo_renewal/images/common/btn_pass.png") no-repeat 50% bottom; background-size:28px auto;}
.home_bar_box > ul > li:nth-of-type(3) i {background:url("/mo_renewal/images/common/btn_local.png") no-repeat 50% bottom; background-size:15px auto; margin-bottom:-1px;}
.home_bar_box > ul > li:nth-of-type(4) i {background:url("/mo_renewal/images/common/btn_wish.png") no-repeat 50% bottom; background-size:18px auto;}
.home_bar_box > ul > li:nth-of-type(5) i {background:url("/mo_renewal/images/common/btn_mypage.png") no-repeat 50% bottom; background-size:15px auto;}
/* 홈 / 패스 / 전체여행지 / 위시리스트 / 내정보 순서 - on 일떄 */
.home_bar_box > ul > li:nth-of-type(1).on i {background:url("/mo_renewal/images/common/btn_home_on.png") no-repeat 50% bottom; background-size:22px auto;}
.home_bar_box > ul > li:nth-of-type(2).on i {background:url("/mo_renewal/images/common/btn_pass_on.png") no-repeat 50% bottom; background-size:28px auto;}
.home_bar_box > ul > li:nth-of-type(3).on i {background:url("/mo_renewal/images/common/btn_local_on.png") no-repeat 50% bottom; background-size:15px auto;}
.home_bar_box > ul > li:nth-of-type(4).on i {background:url("/mo_renewal/images/common/btn_wish_on.png") no-repeat 50% bottom; background-size:18px auto;}
.home_bar_box > ul > li:nth-of-type(5).on i {background:url("/mo_renewal/images/common/btn_mypage_on.png") no-repeat 50% bottom; background-size:15px auto;}

/* checkbox style basic (검색 사용) */
.checkbox_type_basic {position:relative;}
.checkbox_type_basic input[type="checkbox"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.checkbox_type_basic input[type="checkbox"] + label {display:inline-block; vertical-align:middle; font-size:15px; padding-left:30px; margin:0; 
background:url("/mo_renewal/images/common/btn_checkbox_off.png") no-repeat 0 50%; background-size:20px;}
.checkbox_type_basic input[type="checkbox"]:checked + label {background:url("/mo_renewal/images/common/btn_checkbox_on.png") no-repeat 0 0; background-size:20px;}

/* .checkbox_type_gray (예약하기 사용) */
.checkbox_type_gray {position:relative;}
.checkbox_type_gray input[type="checkbox"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.checkbox_type_gray input[type="checkbox"] + label {display:inline-block; vertical-align:middle; font-size:13px; padding-left:25px; margin:0; 
background:url("/mo_renewal/images/reserve/btn_checkbox_off.png") no-repeat 0 50%; background-size:18px; letter-spacing:-1px;}
.checkbox_type_gray input[type="checkbox"]:checked + label {background:url("/mo_renewal/images/reserve/btn_checkbox_on.png") no-repeat 0 50%; background-size:18px;}

.receipt_delivery_input .checkbox_type_gray {position:absolute; right:0; top:0;}
.receipt_delivery_input .checkbox_type_gray input[type="checkbox"] + label {background-size:13px; font-size:12px; padding-left:17px;}
.receipt_delivery_input .checkbox_type_gray input[type="checkbox"]:checked + label {background-size:13px;}


/* .checkbox_type_goods (예약내역 사용) */
.checkbox_type_goods {position:relative;}
.checkbox_type_goods input[type="checkbox"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.checkbox_type_goods input[type="checkbox"] + label {display:block; vertical-align:middle; margin:0; 
background:url("/mo_renewal/images/reserve/btn_checkbox_off.png") no-repeat 1px 1px; background-size:16px;}
.checkbox_type_goods input[type="checkbox"]:checked + label {background:url("/mo_renewal/images/reserve/btn_checkbox_on.png") no-repeat 1px 1px; background-size:16px;}
.checkbox_type_goods input[type="checkbox"]:checked + label .reserve_product_info {border:1px solid #f57a1f;}
.checkbox_type_goods input[type="checkbox"]:checked + label .res_product_conts {border-top:1px dashed #f57a1f;}

/* checkbox_history_all (예약내역 - 전체선택) */
.checkbox_history_all {position:relative; text-align:center; padding:0 0 15px;}
.checkbox_history_all input[type="checkbox"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.checkbox_history_all input[type="checkbox"] + label {display:inline-block; vertical-align:middle; font-size:15px; padding-left:25px; margin:0; 
background:url("/mo_renewal/images/reserve/btn_checkbox_off.png") no-repeat 0 50%; background-size:18px; letter-spacing:-1px;}
.checkbox_history_all input[type="checkbox"]:checked + label {background:url("/mo_renewal/images/reserve/btn_checkbox_on.png") no-repeat 0 0; background-size:18px;}
.checkbox_history_all label strong {color:#f57a1f; font-weight:700;}

/* radio_type_basic (결제하기 - 티켓수령방법) */
.radio_type_basic {position:relative; padding:0 0 15px;}
.radio_type_basic input[type="radio"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.radio_type_basic input[type="radio"] + label {display:inline-block; vertical-align:middle; font-size:15px; padding-left:25px; margin:0; 
background:url("/mo_renewal/images/reserve/btn_radio_off.png") no-repeat 0 50%; background-size:18px; letter-spacing:-1px;}
.radio_type_basic input[type="radio"]:checked + label {background:url("/mo_renewal/images/reserve/btn_radio_on.png") no-repeat 0 50%; background-size:18px;}


/* input */
/* input box color - 크롬 자동완성 배경색 제거 */ 
input {-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0;
-webkit-border-radius:0; /* 둥근모서리 */ 
-webkit-appearance:none; /* 그림자 */}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

/* 예약하기 입력폼 */
.reserve_content_wrap input[type="text"],
.reserve_content_wrap input[type="tel"],
.reserve_content_wrap input[type="password"],
.reserve_content_wrap input[type="file"] {font-size:15px; background:#f5f5f5; border-radius:5px; border:0; 
padding:10px 2%; color:#232323;}
.reserve_content_wrap input[type="tel"] {text-align:center;}
.input_box_wrap {display:flex; justify-content:space-between; align-items:center; padding:0 0 5px 0;}
.input_box_wrap:last-of-type {padding:0;}
.input10 {width:8%; margin:0 2% 0 0;}
.input20 {width:18%; margin:0 2% 0 0;}
.input30 {width:31%; margin:0 2% 0 0;}
.input33 {width:31.3%; margin:0 2% 0 0;}
.input40 {width:38%; margin:0 2% 0 0;}
.input60 {width:58%; margin:0 2% 0 0;}
.input70 {width:68%; margin:0 2% 0 0;}
.input80 {width:78%; margin:0 2% 0 0;}
.input100 {width:96%;}
.input30:last-of-type {margin:0; width:30%;}
.input33:nth-of-type(2) {width:32.3%;}
.input33:last-of-type {margin:0; width:32.3%;}
.input40:last-of-type {margin:0; width:40%;}
.input60:last-of-type {margin:0; width:60%;}

/* 결제하기 입력폼 */
.input_btnBox_wrap {margin:0 0 5px 0; background:#f5f5f5; border-radius:5px; padding:0 0 0 50px; position:relative;}
.input_btnBox_wrap:last-of-type {margin:0;}
.input_btnBox_wrap .btn_calender {display:block; width:22px; position:absolute; left:15px; top:48%; transform:translate(0,-50%);}
.txtBox_calender_date {width:96%;}

.post_btnBox_wrap {margin:0 0 5px 0; background:#f5f5f5; border-radius:5px; padding:0 110px 0 0; position:relative;}
.post_btnBox_wrap:last-of-type {margin:0;}
.post_btnBox_wrap .btn_postNum {display:block; width:90px; height:30px; line-height:30px; font-size:12px; background:#d1d1d1; color:#3d3d3d; text-align:center; position:absolute; right:10px; top:48%; transform:translate(0,-50%);}
.txtBox_post_number {width:96%;}

/* 셀렉트 */
.ns_design_select {position:relative;}
.ns_design_select select {font-size:15px; border:0; color:#232323; background:#f5f5f5; 
border-radius:5px; width:100%; padding:10px 5%;
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
-moz-appearance: none;    /* 화살표 없애기 for firefox*/
appearance: none;         /* 화살표 없애기 공통*/}
.ns_design_select:before,
.ns_design_select:after {content:""; display:inline-block; position:absolute; right:15px; top:50%; background:#bdbdbd; width:2px; height:8px; border-radius:5px;}
.ns_design_select:before {transform:rotate(135deg); margin:-5px 4px 0 0;}
.ns_design_select:after {transform:rotate(-135deg); margin:-5px 0 0 0;}


/* 셀렉트 - 패스 열자 예약하기 */
.pass_select_wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.pass_select_wrap .pass_select_type1 {width:49%;}
.pass_select_type1 {position:relative;}
.pass_select_type1 select {font-size:15px; border:0; color:#232323; background:#fff; border:1px solid #b8b8b8;
border-radius:5px; width:100%; padding:10px 5%;
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
-moz-appearance: none;    /* 화살표 없애기 for firefox*/
appearance: none;         /* 화살표 없애기 공통*/}
.pass_select_type1:before,
.pass_select_type1:after {content:""; display:inline-block; position:absolute; right:15px; top:50%; background:#bdbdbd; width:2px; height:8px; border-radius:5px;}
.pass_select_type1:before {transform:rotate(135deg); margin:-5px 4px 0 0;}
.pass_select_type1:after {transform:rotate(-135deg); margin:-5px 0 0 0;}