@charset "utf-8";

/* 국내 결제하기 페이지 */
.write_wrap {width:1191px; background:#fff; margin:100px auto 0; padding:50px 120px 57px;}
.key_info {float:left;}
.key_info .pay_photo {margin-right:10px;}
.key_info .pay_photo img {display:block; width:429px; height:auto;}

.key_info ul {width:429px; margin-top:4px;}
.key_info ul li {border-bottom:1px solid #e3e3e3; padding:16px 0; text-align:center; font-size:18px;}
.key_info ul .club_tit {color:#000; font-size:17px;}
.key_info ul .club_place span {display: inline-block; color:#333;}
.key_info ul .club_place span:first-child {background:url(../images/arrow_leftopen.png) no-repeat right center; background-size: 8px auto; padding-right: 11px; margin-right: 1px;}
.key_info ul .day_hole span:first-child {margin-right:5px;}
.key_info ul .day_hole span:last-child {margin-left:5px;}

.trip_list {width:429px; float:right; font-size:17px;}
.trip_list li::after {content:""; display: block; clear:both; margin-bottom: 14px;}
.trip_list li div:first-child {float:left; color: #5e5e5e; width:220px;}
.trip_list li div:last-child {float:right; color:#000; width:calc(100% - 220px); text-align:right;}
.trip_list li font.blue { color: #1f5dfa; }
.trip_list li font#view_dc_price {color: #1f5dfa; font-size:18px; font-weight:500;}
.trip_list li .add_count {border:1px solid #ddd;}
.trip_list li .add_count span {display:block; height:35px; line-height:35px; width:40px; float:left; text-align:center;}
.trip_list li .add_count .count_minus {background:url(../images/count_minus.png) no-repeat center; background-size: 16px 2px; border-right:1px solid #ddd;}
.trip_list li .add_count .count_puls {background:url(../images/count_plus.png) no-repeat center; background-size: 16px auto; border-left:1px solid #ddd;}
.trip_list li select {width:180px; height:45px; padding:0 0 0 8px;}
.trip_list .normal_fee {text-decoration:line-through;}
.trip_list .final_fee {font-size:24px; font-weight:700; position:relative; top:-4px;}
.trip_list .final_fee span {font-size:20px; letter-spacing:-1px;}
.trip_list .wrap_use {margin-bottom:3px;}
.trip_list .use_coin {width:60%;}
.trip_list .use_coin input {height:35px; float:left; width:calc(100% - 70px); text-align:right; padding-right:5px;}
.trip_list .use_coin button {background:#9b9b9b; height:35px; display:block; width:70px; float:left;}
.trip_list .future_coin {position:relative; top:-8px;}

.sche_tit{border-bottom: 2px solid #1f5dfa; padding-bottom: 8px;}
.abroad_notice{background-color:#F0F0F0; padding:20px 50px; border-radius: 10px;}

/* 결제페이지 디자인 변경 시작(작업시작일:20.01.16) */
.booking_wrap {width: 1191px; background: #fff; margin: 0 auto; padding:120px 0 60px 0;}
.booking_revise {width:997px; margin:0 auto;}
.booking_revise h1 {display: inline-block; margin-right: 20px; position: relative; top:5px; font-size:22px; color: #333; font-weight: 500; padding-left: 10px; margin-top: 5px;}
.booking_revise .booking_warn {display: inline-block; width:610px; height:54px; line-height: 54px; background: #e1effb; text-align: center; position: relative; }
.booking_revise .booking_warn img {position: absolute; top:7px; right:7px;}
.booking_revise table th, .booking_revise table td {border:1px solid #e0e0e0;}
.booking_revise table th {background: #f7f7f7; height:50px; font-size: 18px; text-align: center;}
.booking_revise table {position: relative;}
.booking_revise table::after {content: ""; display: block; position: absolute; top:0; left:0; width:100%; height:3px; background: #1f5dfa}
.booking_revise table thead th:first-child {border-left:none; text-align: center;}
.booking_revise table thead th:last-child {border-right:none;}
.booking_revise table tbody th:first-child {border-left:none;}
.booking_revise table tbody th:last-child {border-right:none;}
.booking_revise table tfoot th {border-left:none; border-right:none; border-top:none;}
.booking_revise table tbody td:first-child {border-left:none;}
.booking_revise table tbody td:last-child {border-right:none;}
.booking_revise table tbody tr:first-child td {height:160px;}
.booking_revise table td .key_info3 {padding: 0px 0 0px 15px;}
.booking_revise table td .key_info3 .pay_photo2 {float:left;position: relative;}
.booking_revise table td .key_info3 .pay_photo2 img {display:block; width:188px; height:auto;}
.booking_revise table td .key_info3 .pay_photo2 .mark_thailand{width: 30px!important;height: 30px!important;top: 5px;left: 5px;}
.booking_revise table td .key_info3 ul {float:left; width:calc(100% - 188px); padding-left:6px;}
.booking_revise table td .key_info3 ul li {font-size:16px;}
.booking_revise table td .key_info3 ul .club_tit {color:#000; font-size:18px; font-weight: 600;}
.booking_revise table td .key_info3 ul .club_place span {display: inline-block; color:#333;}
.booking_revise table td .key_info3 ul .club_place span:first-child {background:url(../images/arrow_leftopen.png) no-repeat right center; background-size: 8px auto; padding-right: 11px; margin-right: 1px;}
.booking_revise table td .key_info3 ul .day_hole span:first-child {margin-right:5px;}
.booking_revise table td .key_info3 ul .day_hole span:last-child {margin-left:5px;}
.booking_revise table .book_period {text-align: center; font-size: 17px;}
.booking_revise table .book_onefee ul li {height: 80px; padding:0 6px; vertical-align: middle;}
.booking_revise table .book_onefee ul li:first-child {border-bottom: 1px dashed #e0e0e0;}
.booking_revise table .book_onefee ul li:first-child div {line-height: 80px;}
.booking_revise table .book_onefee ul li div:first-child {float: left;}
.booking_revise table .book_onefee ul li div:last-child {float: right;}
.booking_revise table .book_onefee ul li .line_through {text-decoration: line-through; color:#999;}
.booking_revise table .book_onefee ul li .sale_title {line-height: 80px;}
.booking_revise table .book_onefee ul li .book_sale {margin-top:15px;}
.booking_revise table .book_onefee ul li .book_sale span {display: block; text-align: right; font-size: 17px; font-weight: 500;}
.booking_revise table .book_onefee ul li .book_sale span:last-child {color:#1f5dfa}
.booking_revise table .book_onefee .regular_fee {font-size: 18px; font-weight: 500; text-align: center;}
.booking_revise table td .person_num {height: 80px; border-bottom: 1px dashed #e0e0e0;}
.booking_revise table td .person_num .count_wrap {width:124px; margin:0 auto; padding-top:6px;}
.booking_revise table td .person_num .add_count2 {width:124px;}
.booking_revise table td .person_num .add_count2 span {display:block; height:35px; line-height:25px; font-size:22px; font-weight:600; text-align:center; padding-top:10px;}
.booking_revise table td .person_num .add_count2 u { text-decoration: none; }
.booking_revise table td .person_num .add_count2 .view_pnum .view_pnum_min {font-size:15px; font-weight:500;}
/* .booking_revise table td .person_num .add_count2 .view_pnum p {font-size:1px;} */
.booking_revise table td .person_num .add_count2 .count_minus {background:url(../images/count_minus.png) no-repeat center; background-size: 16px 2px;}
.booking_revise table td .person_num .add_count2 .count_puls {background:url(../images/count_plus.png) no-repeat center; background-size: 16px auto;}
.booking_revise table td .person_fee {height: 80px; padding-top: 9px;}
.booking_revise table td .person_fee span {display: block; text-align: center; font-size: 22px; font-weight: 700;}
.booking_revise table td .person_fee span:last-child {font-size: 17px; font-weight: 500;}
.booking_revise table td .person_fee span u { text-decoration:none; }
.booking_revise table .book_option {padding:22px 0 22px 0;}
/*.booking_revise table .book_option .option_wrap div {margin-bottom: 14px; margin-right: 120px;}*/
.booking_revise table .book_option .option_wrap div {display:flex;margin-bottom: 14px;}
.booking_revise table .book_option .option_wrap div:last-child {margin-bottom: 0;}
.booking_revise table .book_option .option_wrap div span {display: block; float:right; font-size: 17px; }
.booking_revise table .book_option .option_wrap div span:last-child {line-height: 45px; margin-right: 10px; text-align:right; }
.booking_revise table .book_option .option_wrap div span select {width: 190px; height: 45px; padding: 0 0 0 8px; border-radius: 7px;}
.booking_revise table .option_fee {text-align: center; font-size: 22px; font-weight: 700;}
.booking_revise table .option_no {text-align: center; color:#999;}
.booking_revise table .transport {border-left:none; border-right: none; padding: 22px 0;}
.booking_revise table .transport .abroad_air {margin-left:20px;}
.booking_revise table .transport .airport {margin-bottom: 14px;}
.booking_revise table .transport .airport li {float: left; font-size: 17px; line-height: 35px;}
.booking_revise table .transport .airport li:first-child {border-radius: 7px; width:80px; height:35px; text-align: center; color:#fff; background: #949494; margin-right:8px;}
.booking_revise table .transport .air_lines li {float:left; margin-bottom: 14px;}
.booking_revise table .transport .air_lines li:first-child {margin-right:20px; border-radius: 7px;}
.booking_revise table .transport .air_lines li div {display: inline-block; font-size: 17px;}
.booking_revise table .transport .air_lines li div:first-child {border-radius: 7px; width:80px; height:35px; line-height: 35px; text-align: center; color:#fff; background: #949494; margin-right: 6px;}
.booking_revise table .transport .local_trans {color: 000; font-size: 17px; text-align: center; }
.payinfo_wrap {width: 1191px; margin:0 auto;  background: #fff;}
.payment_info {width:951px; margin:0 auto;}
.payment_info h2 {font-size: 22px; color: #333; font-weight: 500; padding-left: 10px; margin-top: 5px 0;}
.payment_info table th, .payment_info table td {border:1px solid #e0e0e0;}
.payment_info table th {background: #f7f7f7; height:50px; font-size: 18px;}
.payment_info table {position: relative;}
.payment_info table::after {content: ""; display: block; position: absolute; top:0; left:0; width:100%; height:3px; background: #1f5dfa}
.payment_info table thead th:first-child {border-left:none;}
.payment_info table thead th:last-child {border-right:none;}
.payment_info table tbody th:first-child {border-left:none;}
.payment_info table tbody td:first-child {border-left:none;}
.payment_info table tbody td:last-child {border-right:none;}
.payment_info table tbody tr:first-child td {height:154px; text-align: center; font-size: 22px; font-weight: 700;}
.payment_info table tbody tr:first-child td:nth-child(1) {position: relative;}
.payment_info table tbody tr:first-child td:nth-child(1)::after {content:""; display: block; width:35px; height:35px; background: url(../images/e_plus.jpg) no-repeat; position: absolute; top:59px; right:-18px;}
.payment_info table tbody tr:first-child td:nth-child(2) {position: relative;}
.payment_info table tbody tr:first-child td:nth-child(2)::after {content:""; display: block; width:35px; height:35px; background: url(../images/e_minus.jpg) no-repeat; position: absolute; top:59px; right:-18px;}
.payment_info table tbody tr:first-child td:nth-child(3) {position: relative;}
.payment_info table tbody tr:first-child td:nth-child(3)::after {content:""; display: block; width:35px; height:35px; background: url(../images/equal.jpg) no-repeat; position: absolute; top:59px; right:-18px;}
.payment_info table tbody tr:first-child td:nth-child(4) {text-align: right; padding-right:35px;}

/* 온라인 회원 혜택 */
.online_customer {width: 1191px; margin: 13px auto 0; background: #fff; padding: 0 120px 20px;}
.online_customer h2 {font-size:22px; color: #333; font-weight: 500; padding-left: 10px; margin-top: 5px;}
.online_customer .book_payment {height:90px; padding:0 35px 0 15px;}
.online_customer .giant_coin {position: relative;}
.online_customer .giant_coin .coin_whole {margin-top: 4px;}
.online_customer .giant_coin .coin_whole li {display: inline-block;}
.online_customer .giant_coin .coin_whole li:nth-child(1) {position: relative; top:-2px;}
.online_customer .giant_coin .coin_whole li:nth-child(1) label.coin_grey {color:#c0c0c0;}
.online_customer .giant_coin .coin_whole li:nth-child(2) input {width:170px; height:35px; margin:0 7px;}
.online_customer .giant_coin .coin_whole li:nth-child(2) input.coin_grey {background-color:#f5f5f5;}
.online_customer .giant_coin .coin_whole li:nth-child(3) {font-size: 17px; padding-top:2px;}
.online_customer .giant_coin .max_coin {margin-top:3px;}
.online_customer .giant_coin .max_coin span {color: #1f5dfa; font-size: 18px; font-weight: 500;}
.online_customer .giant_coin .using_coin {position: absolute; right:35px; top:56px; font-size: 22px; font-weight: 700;}
.online_customer .giant_coin .coin_nouse, .coupon_nouse { color:#eb3544; }
/*
.using_coupon{font-size: 22px;font-weight: bold;}
*/
/* .payment_info table .final_book {text-align: right; color:#eb3544;}
.payment_info table .final_book div:first-child {font-size:26px; font-weight: 900;}
.payment_info table .final_book div:last-child {font-size: 18px; font-weight: 500; position: relative; top:-3px;}

.payment_info table .coming_coin {}
.payment_info table .coming_coin div:first-child{float: left; color:#eb3544;}
.payment_info table .coming_coin div:first-child span {font-size: 18px; font-weight: 500;}
.payment_info table .coming_coin div:last-child{float: right; font-size: 22px; font-weight: 700; color:#1f5dfa; margin-top:5px;}

.payment_info table .coupon_info_wrap{display:flex;justify-content:space-between;align-items:center;}
.payment_info table .coupon_info_wrap select[name="coupon_pid"]{width:240px;height:40px;padding-left:8px;}
.payment_info table .coupon_use_n{text-align:right;font-size:22px;font-weight:bold;} */

.payment_info .final_book {text-align: right; color:#eb3544;}
.payment_info .final_book div:first-child {font-size:26px; font-weight: 900;}
.payment_info .final_book div:last-child {font-size: 18px; font-weight: 500; position: relative; top:-3px;}

.payment_info .coming_coin { }
.payment_info .coming_coin div > div:first-child{float:right;position:relative; top:24px;color:#ff0bef; font-size:13px;}
.payment_info .coming_coin div > div:first-child span {font-size: 18px; font-weight: 500;}
.payment_info .coming_coin div > div:last-child{float:right;font-size: 18px;position:relative; left:170px;}

.payment_info .coupon_info_wrap{display:flex;justify-content:space-between;align-items:center;}
.payment_info .coupon_info_wrap select[name="coupon_pid"]{width:240px;height:40px;padding-left:8px;}
.payment_info .coupon_use_n{text-align:right;font-size:22px;font-weight:bold;}

.payment_info{}
.payment_info h2{font-size: 22px; color: #333; font-weight: 500; padding-left: 10px; margin-top: 5px;}
.payment_info ul{border-top: 3px solid #1f5dfa; padding:20px 10px;}
.payment_info ul li{ display:flex; justify-content:space-between; line-height:40px;}
.payment_info ul li div:first-child{font-weight:500;}
.payment_info ul li div:last-child{font-weight:700; font-size:18px;}

/* 결제페이지 - 쿠폰 직접등록 */
input[name="reg_coupon_no"] + label{
    background: #fff;
    padding: 8px 0 0 10px;
    position: relative;
    left: 823px;
    top:-35px;
    border: 1px solid #ddd;
    border-radius: 7px;
    width:75px;
    height:35px;
}
.coin_whole #reg_coupon_btn {background: #fff; color: #999; border-radius:7px; padding: -1px 0 0 0px; position: relative; left: 824px; top: -35px; border: 1px solid #ddd; width: 75px; height: 35px; font-size:15px;}
input[name="reg_coupon_no"]::placeholder {color:#bbbaba; font-size:15px;}
/* 결제페이지 - 쿠폰 직접등록 팝업 */
/* .coupon_popup{background-color: #fff; padding:20px; border-radius:7px; width:500px; height:300px; margin:0 auto; position: fixed; left: 35%; top: 35%; z-index: 9999; opacity: 1; display: block;}
.coupon_popup .coupon_ex {}
.coupon_popup .coupon_ex h3 {text-align: left; padding: 30px 0 35px 50px;}
.coupon_popup .coupon_ex p {text-align: center; padding: 20px 0 40px 0;}
.coupon_popup .coupon_btn {text-align: center; padding: 20px 0 20px 0;}
.coupon_popup .coupon_btn button:first-child{width: calc(40% - 8px); text-align: center; padding: 10px 20px; border-radius:7px; border:0; background-color: #5e5e5e; color:#fff; margin-right:10px;}
.coupon_popup .coupon_btn button:last-child{width: calc(40% - 8px); text-align: center; padding: 10px 20px; border-radius:7px; border:0; background-color: #1f5dfa; color:#fff;} */

input[name="chk_coin_all"] {display:none;}
input[name="chk_coin_all"] + label{
    background: #fff;
    padding: 8px 0 0 10px;
    position: relative;
    left: 849px;
    top:-9px;
    border: 1px solid #ddd;
    border-radius: 7px;
    width:75px;
    height:35px;
}
.coin_whole input[name="chk_coin_all"]:checked  + label{background: #fff;
}


/* 무통장입금 */
.no_bankbook, .cash_receipts, .refund_account{padding:15px 35px 15px 15px;}
.no_bankbook_info, .cash_receipts_sel{display:flex;align-items:center;margin-bottom:5px;}
.no_bankbook_info select{width:245px;height:40px;padding-left:8px;margin-right:10px; border-bottom:1px solid;}
.no_bankbook_info span{margin-right:10px;}
.no_bankbook_info input{width:170px;height:35px;border-radius: 7px;}
.cash_receipts_sel input{cursor:pointer;}
.cash_receipts_sel label{all:unset;padding:0 20px 0 5px;cursor:pointer;}

.cash_receipt1, .cash_receipt2 {display:none;}
.cash_receipt1.on, .cash_receipt2.on{display:flex;align-items:center;}
.cash_receipt1 span, .cash_receipt2 span{display:flex;justify-content:center;align-items:center;border:1px solid #ddd; border-radius: 7px; width:100px;margin-right:10px;height:35px;}
.cash_receipt1 input, .cash_receipt2 input{width:215px;height:35px;border-radius: 7px;}

.refund_account div{display:flex;align-items:center;}
.refund_account div .refund_bank{width:100px;height:40px;padding-left:8px;}
.refund_account div input[name="refund_account_no"]{width:260px;margin: 0 10px;height:35px; border-radius: 7px;}
.refund_account div input[name="refund_owner_name"]{width:100px;height:35px; border-radius: 7px;}


.notice_red{color:#eb3544;}
/*
.div_offbank_info, .tr_offbank_info { display:none; }
*/
/* 결제페이지 디자인 변경 끝 */

.write_middle {width:1191px; margin:13px auto 0; background:#fff; padding:55px 120px 20px;}
.reserver_info span {color:#1f5dfa; font-size:18px; font-weight:500}
.reserver_info .em_blue {margin-left:5px;}
.reserver_info ul {}
.reserver_info ul li {margin-bottom:20px;}
.reserver_info ul li:nth-child(odd) {float:left; width:calc(50% - 30px);}
.reserver_info ul li:nth-child(even) {float:right; width:calc(50% - 30px);}
.reserver_info ul li:after {content:""; display:block; clear:both;}
.reserver_info ul li div {float:left;}
.reserver_info ul li div:first-child {width:80px; color: #5e5e5e;}
.reserver_info ul li div:last-child {width:calc(100% - 80px);}
.reserver_info ul li div select {width:100%; height:50px; padding:0 0 0 8px; display:block;}

.tab_inclu {display:flex; height:70px; margin:45px 0 10px 0; width:calc(100% - 0px);}
.tab_inclu li {flex:1; border-radius: 15px; height:20px;}
.tab_inclu li:first-child {padding-right:20px;}
.tab_inclu li a {border-radius: 15px; border:1px solid #ddd; height:68px; display:block; text-align:center; line-height:68px;}
.tab_inclu li a span {font-size:20px; color:#a6a6a6; font-weight:300;}
.tab_inclu li a.on {position:relative; height:70px;  border-radius: 15px; border: 2px solid #1f5dfa;}
.tab_inclu li a.on span {color:#1f5dfa; font-weight:500; line-height:68px;}
/* .tab_inclu {display:flex; height:70px; border-bottom:1px solid #1f5dfa; margin-top:45px;}
.tab_inclu li {flex:1;}
.tab_inclu li a {border:1px solid #ddd; border-bottom:none; border-right:none; height:68px; display:block; text-align:center; line-height:68px;}
.tab_inclu li a span {font-size:20px; color:#a6a6a6; font-weight:300;}
.tab_inclu li a.on {position:relative; height:70px; border-color:#1f5dfa; border-bottom:1px solid #f9f9f9; background:#f9f9f9;}
.tab_inclu li a.on:before {content:""; display: inline-block; position:absolute; right:-1px; top:-1px; width:1px; height:calc(100% + 1px); background:#1f5dfa;}
.tab_inclu li a.on span {padding-left: 22px; background:url(../images/inclu_check.png) no-repeat left 24px; background-size:20px auto; display:inline-block; color:#1f5dfa; font-weight:500;}
.tab_inclu li:last-child a {border-right:1px solid #ddd;} */

/* .friend_info {margin-bottom:60px; border-right:1px solid #1f5dfa; border-bottom:1px solid #1f5dfa; border-left:1px solid #1f5dfa; background:#f9f9f9; padding:40px 30px 30px;} */
.friend_info {border-radius:7px; margin-bottom:60px; background:#f9f9f9; padding:40px 30px 30px;}
.friend_info .friend_wrap1 .company_info {margin:0px 0 0 10px; font-size:20px; font-weight:700;}
.friend_info .friend_wrap1 label {margin:30px 0 15px 16px;}
.friend_info .friend_wrap1 label span {color:#eb3544; padding-left:5px;}
.friend_info .friend_wrap1 .after_my {font-size:17px; font-weight:300; padding-left:5px;}
.friend_info .friend_wrap2 {padding:0 16px;}
.friend_info .friend_wrap2 .after_my {font-size:14px;}
.friend_info .friend_wrap2 a {display:block; height:50px; border:1px solid #ddd; border-radius:5px; line-height:50px; text-align:center; margin-top:5px; background:url(../images/arrow_leftopen.png) no-repeat right 10px center; background-size: 9px auto;}
.friend_conwrap2 {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; margin-top:20px; display:none;}
.friend_con {padding:15px 0; width:calc(50% - 20px);}
.friend_con:nth-child(odd) {float:left;}
.friend_con:nth-child(even) {float:right;}
.friend_con p {padding:0 0 10px 10px; font-size:18px; font-weight:500;}

.write_info span {color:#1f5dfa; font-size:18px; font-weight:500;}
.write_info .em_blue {margin-left:5px;}
.write_info ul li {margin-bottom:10px;}
.write_info ul li:after {content:""; display:block; clear:both;}
.write_info ul li div {float:left;}
.write_info ul li div:first-child {width:100px; color: #5e5e5e;}
.write_info ul li div:last-child {width:calc(100% - 100px);}
.write_info ul li div select {width:100%; height:50px; padding:0 0 0 8px; display:block; border-radius: 7px; background-color: #fff; border: 1px solid #ddd;}

/* 해외골프 예약대표자 포함 불포함 */
.abr_intab {padding:30px 16px 0;}
.abr_intab li {float:left; width:calc(50% - 6px);}
.abr_intab li a {display:block; color:#999; border:1px solid #ddd; border-radius:5px; height:60px; text-align:center; padding-top:8px;}
.abr_intab li:first-child {margin-right:12px;}
.abr_intab li a.on {border:2px solid #1f5dfa;}
.abr_intab li a.on {color:#1f5dfa;}
.abr_intab li a.on span {padding-left: 25px; background:url(../images/inclu_check.png) no-repeat left center; background-size:22px auto; display:inline-block;}

.abrfri_info {margin-bottom:20px;}
.abrfri_info .abr_passport label {margin:0 0 15px 16px;}
.abrfri_info .abr_passport label span {color:#eb3544; padding-left:5px;}
.abrfri_info .pass_content {border-bottom: 2px dashed #ddd; margin-bottom:35px;}
.abrfri_info .pass_common {padding: 16px 16px 35px;}
.abrfri_info .pass_common ul {float:left; width:50%;}
.abrfri_info .pass_common ul li {margin-bottom:10px;}
.abrfri_info .pass_common ul li:after {content:""; display:block; clear:both;}
.abrfri_info .pass_common ul li div {float:left; width:110px;}
.abrfri_info .pass_common ul li div span {color:#1f5dfa;}
.abrfri_info .pass_common ul li section {float:left; width:calc(100% - 110px);}
.abrfri_info .pass_common ul li section input:first-child {width:calc(45% - 3px); margin-right:6px;}
.abrfri_info .pass_common ul li section input:last-child {width:calc(55% - 3px);}
.abrfri_info .pass_common ul li input {float:left; width:calc(100% - 110px); border-radius: 7px;;}
.abrfri_info .pass_common ul li .pass_warn {text-align:right; color:#1f5dfa; font-weight:500; font-size:13px; padding-top:3px; clear:both;}
.abrfri_info .pass_common ul li span {color: #1f5dfa; font-size: 15px;}
.abrfri_info .pass_common ul li select {float:left; width:calc(100% - 110px); height:40px; padding-left:8px;}
.abrfri_info .pass_content .noti_wrap {float:left; width:calc(50% - 30px); margin-left:30px;}
.abrfri_info .pass_content .pass_noti h3 {font-size:18px; font-weight:500; margin-top:20px}
.abrfri_info .pass_content .pass_noti p {margin-bottom:13px}

.abrfri_info .abrfri_wrap1 {padding:10px 0 0;}
.abrfri_info .abrfri_wrap1 .after_my {font-size:14px; margin-left:16px;}
.abrfri_info .abrfri_wrap1 a {display:block; height:50px; border:1px solid #ddd; border-radius:5px; line-height:50px; text-align:center; background:url(../images/arrow_leftopen.png) no-repeat right 10px center; background-size: 9px auto; width:calc(100% - 32px); margin:5px auto 0;}
.abrfri_info .abrfri_wrap1 a.active {background:url(../images/barrow_upopen.png) no-repeat right 10px center; background-size: 14px auto; border:2px solid #1f5dfa; color:#1f5dfa; }
.abrfri_info .abrfri_wrap2 {}
.abrfri_info .abrfri_wrap2 .after_my {font-size:14px; padding-left:16px;}
.abrfri_info .abrfri_wrap2 a {display:block; height:50px; border:1px solid #ddd; border-radius:5px; line-height:50px; text-align:center; background:url(../images/arrow_leftopen.png) no-repeat right 10px center; background-size: 9px auto; width:calc(100% - 32px); margin:5px auto 0;}
.abrfri_info .abrfri_wrap2 a.active {background:url(../images/barrow_upopen.png) no-repeat right 10px center; background-size: 14px auto; border:2px solid #1f5dfa; color:#1f5dfa; }
.abrfri_conwrap1 {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; margin-top:20px; display:none;}
.abrfri_conwrap2 {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; margin-top:20px; display:none;}
.abrfri_con {padding:15px 0; border-bottom:1px dashed #ddd;}
.abrfri_con:last-child {border-bottom:none;}
.abrfri_con .company_tit {padding:0 0 15px 0px; font-size:16px; font-weight:500;}


.cancel_charge {padding:10px 0; width:calc(50% - 20px);}
.first_cancel {margin-bottom:20px; float:left;}
.sec_cancel {margin-bottom:20px; float:right;}
/* .cancel_charge p {font-weight:500; margin:0 0 8px 10px; font-size:18px;} */
.cancel_charge .charge_contract {border:1px solid #ddd; height:180px; padding:10px; overflow:auto; font-size:16px;}
.cancel_charge .charge_contract .title { font-size:16px; font-weight:600; }
.cancel_charge .charge_contract .red{color:#eb3544; font-weight:600;}
.cancel_charge .charge_contract .blue{color:#1f5dfa; font-weight:600;}
.cancel_charge .cancel_check {float:right; margin-top:10px;}

.write_bottom {width:1191px; margin:0 auto; background:#fff; padding:0 120px;}
.traveler_info {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:0px 0 20px 0; padding:40px 0;}
.traveler_info li {border-right:1px solid #efefef; float:left;}
.traveler_info li:nth-child(1) {padding:25px 25px 25px 0; width:30%}
.traveler_info li:nth-child(2) {padding:25px 25px; width:37%}
.traveler_info li:nth-child(3) {padding:25px 0 25px 25px; width:33%}
.traveler_info li:last-child {border-right:none;}
.traveler_info li a {display:block;}
.traveler_info li a span {display:inline-block;}
.traveler_info li a span:first-child {font-weight:500; margin-bottom:3px; font-size:18px;}
.traveler_info li a span:last-child {font-weight:300; line-height:19px;}
.traveler_info li .insurance {background:url(../images/bg_insurance.png) no-repeat right center; background-size:40px auto;}
.traveler_info li .dosirak {background:url(../images/bg_wifi.png) no-repeat right center; background-size:82px auto;}
.traveler_info li .van {background:url(../images/bg_van.png) no-repeat right center; background-size:60px auto;}

/* 결제완료 버튼 */
.pay_wrap {padding:10px 0px 70px;}
.pay_wrap .pay_btn {width:100%; border-radius: 3px; text-align:center; color:#fff; font-size: 19px; font-weight: 500; display:block; background:#1f5dfa; margin:25px auto 0; height: 65px; line-height: 65px; cursor:pointer;}
.paybtn_popup {width:600px; background:#fff; height:400px; position:relative; z-index:100001; display:none; }
.paybtn_popup h1 {text-align:center; margin:50px 0 60px 0; font-size:28px;}
.paybtn_popup p {text-align:center; font-size:18px; line-height:30px;}
.paybtn_popup p span {color:#eb3544; font-weight:500;}
.paybtn_popup button {display:block; width:calc(100% - 50px); height:55px; line-height:55px; text-align:center; background:#1f5dfa; color:#fff; font-size: 19px; font-weight: 500; border-radius: 3px; position:absolute; left:25px; bottom:25px;cursor:pointer;}

/* 결제완료 */
.complete_wrap {padding:150px 0 50px 0;}
.complete_wrap .info_tit{margin:10px 0;color:black;}
.complete_under {width:800px; margin:0 auto; background:#fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.1); padding:40px 80px 50px;}
.hd_reserve {text-align:center;}
.hd_reserve div:first-child span {background:url(../images/reserve_complete.png) no-repeat left center; background-size:35px auto; padding-left:37px; font-size:30px; font-weight:700;}
.hd_reserve div:last-child span:first-child{font-size:20px; font-weight:500; margin-top:4px; color:#5e5e5e; margin-top:7px;}
.hd_reserve div:last-child span:first-child span{font-size:20px; font-weight:900; margin-top:4px; color:#5e5e5e; margin-top:7px;}
.hd_reserve div:last-child span:last-child {font-size:25px; font-weight:500; margin-top:4px; color:#1f5dfa; margin-top:7px; line-height:38px;}
.hd_reserve div:last-child span:last-child span{font-size:25px; font-weight:900; margin-top:4px; color:#1f5dfa; margin-top:7px;}
.reserve_info {padding:20px 0; font-size:17px;}
.reserve_info table th {background:#1f5dfa; color:#fff; width:150px; font-weight:400; padding:20px 0; border:1px solid #1f5dfa;text-align: center;}
.reserve_info table td {background:#fff; width: calc(100% - 150px); padding:20px 0 20px 20px; border:1px solid #ddd;}
.reserve_info p {color:#1f5dfa; margin-top:2px;}
.partner {text-align:center; color:#000; font-weight:500;}

.left_money {padding:20px 0; font-size:17px;}
.left_money table th {color:#fff; width:150px; font-weight:400; padding:20px 0; }
.left_money table td {background:#fff; width: calc(100% - 150px); padding:20px 0 20px 20px; border:1px solid #ddd;}

/* 결제완료 환불계좌정보 입력 */
.refund_account_info {padding:0 0 40px 0; font-size:17px;}
.refund_account_info table {margin-bottom:20px;}
.refund_account_info table th {background:#1f5dfa; color:#fff; width:150px; font-weight:400; padding:20px 0; border:1px solid #1f5dfa;}
.refund_account_info table td {background:#fff; width: calc(100% - 150px); padding:10px 0 10px 20px; border:1px solid #ddd;}
.refund_account_info p {color:#1f5dfa; margin-top:2px;}
.refund_account_info input{width:95%;height:40px;}
.refund_account_info .btn_refund_account{width:100%;height:45px;cursor:pointer;background-color:#9b9b9b;color:white;border-radius: 7px;}

.trip_info {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; margin:30px 0 30px 0;}
.trip_info li {border-bottom:1px dashed #ddd; padding:20px 70px;}
/* .trip_info li:nth-child(1) {padding:25px 25px 25px 0; width:30%} */
/* .trip_info li:nth-child(2) {padding:25px 25px; width:37%} */
/* .trip_info li:nth-child(3) {padding:25px 0 25px 25px; width:33%} */
.trip_info li:last-child {border-bottom:none;}
.trip_info li a {display:block;}
.trip_info li a span {display:inline-block;}
.trip_info li a span:first-child {font-weight:500; margin-bottom:3px; font-size:18px;}
.trip_info li a span:last-child {font-weight:300; line-height:19px;}
.trip_info li .insurance {background:url(../images/bg_insurance.png) no-repeat right center; background-size:40px auto;}
.trip_info li .dosirak {background:url(../images/bg_wifi.png) no-repeat right center; background-size:82px auto;}
.trip_info li .van {background:url(../images/bg_van.png) no-repeat right center; background-size:60px auto;}

/* 인덱스 */
.event_wrap {margin-top:76px;}
.event_wrap .main_event {overflow-x: auto; height: 100%; white-space: nowrap; -ms-overflow-style: none;}
.event_wrap .main_event li {display: inline-block; width: 65%; white-space: normal; vertical-align: top; margin-right:10px;}
.event_wrap .main_event li:first-child {margin-left:16px;}
.event_wrap .main_event li a {overflow: hidden; display: block; width: 100%; height: 100%;}
.event_wrap .main_event li a img {width:100%; border-radius:5px;}
.index_tit {color: #000; font-size: 20px; font-weight: 500; padding-left: 18px; margin-bottom: 10px; margin-top: 35px;}
.index_tit2 {color: #000; font-size: 20px; font-weight: 500; padding-left: 18px; margin-bottom: 10px; margin-top: 10px;}
.cities {}
.cities li {float:left; width:25%; text-align:center; margin-bottom:25px;}
.cities li a {display:block;}
.cities li a span {display:block;}
.cities li a span:first-child {margin-bottom:5px; width:60px; height:60px; border-radius:50%; margin:0 auto;}
.cities li:nth-child(1) span:first-child {background:url(../images/junra.jpg) no-repeat; background-size:cover;}
.cities li:nth-child(2) span:first-child {background:url(../images/kyungsang.jpg) no-repeat; background-size:cover;}
.cities li:nth-child(3) span:first-child {background:url(../images/gangwon.jpg) no-repeat; background-size:cover;}
.cities li:nth-child(4) span:first-child {background:url(../images/chungchung.jpg) no-repeat; background-size:cover;}
.cities li:nth-child(5) span:first-child {background:url(../images/jeju.jpg) no-repeat; background-size:cover;}
.cities li:nth-child(6) span:first-child {background:url(../images/kyungki.jpg) no-repeat; background-size:cover;}
.local_recom {overflow-x: auto; height: 100%; white-space: nowrap; -ms-overflow-style: none;}
.local_recom li {display: inline-block; width: 42%; white-space: normal; vertical-align: top; margin-right:10px;}
.local_recom li:first-child {margin-left:16px;}
.local_recom li a {overflow: hidden; display: block; width: 100%; height: 100%;}
.local_recom li a .local_photo {height:115px; border-radius:7px 7px 0 0; background:url(../images/ex_field3.jpg) no-repeat; background-size:cover; position:relative;}
.local_recom li a .local_photo div {position:absolute; left:7px; bottom:6px; background:#fff; color:#04a931; border:1px solid #04a931; font-size:12px; font-weight:500; padding:0px 3px; border-radius:3px;}
.local_recom li a .local_info {border:1px solid #f1f1f1; border-radius:0 0 7px 7px; padding:5px 0 0 8px;}
.local_recom li a .local_info .local_name {color:#000; font-size:16px; font-weight:500;}
.local_recom li a .local_info span {display: inline-block; font-size:14px; position:relative; top:-2px;}
.local_recom li a .local_info span:first-child {background:url(../images/arrow_leftopen.png) no-repeat right center; background-size: 7px auto; padding-right: 11px; margin-right: 1px;}
.local_recom li a .local_info .local_fee {font-size:17px; font-weight:700; color:#1f5dfa; margin:3px 0 11px 0;}

.tab_limou {display:flex; height:47px; border-bottom:2px solid #1f5dfa; margin-bottom: 20px;}
.tab_limou li {flex:1;}
.tab_limou li a {border:2px solid #ddd; border-bottom:none; border-right:none; height:45px; display:block;  line-height:45px;}
.tab_limou li a h4 {font-size:17px; color:#c2c2c2; text-align:center; font-weight: 400;}
.tab_limou li:first-child a {border-left:none;}
.tab_limou li a.on {position:relative; height:47px; border-color:#1f5dfa; border-bottom:2px solid #fff;}
.tab_limou li a.on h4 {color:#1f5dfa; font-weight: 600;}
.tab_limou li a.on:before {content:""; display: inline-block; position:absolute; right:-2px; top:-2px; width:2px; height:calc(100% + 4px); background:#1f5dfa;}
.tab_limou li a.on:after {content:""; display: inline-block; position:absolute; width:2px; height:2px; background:#1f5dfa; left:-2px; bottom:-2px;}
.tab_limou li:last-child a.on:before {content:""; display: none;}

.city_info {overflow-x: auto; height: 100%; white-space: nowrap; -ms-overflow-style: none;}
.city_info li {display: inline-block; width: 88%; white-space: normal; vertical-align: top; margin-right:10px;}
.city_info li:first-child {margin-left:16px;}
.city_info li a {overflow: hidden; display: block; width: 100%; height: 100%;}
.city_info li a .local_photo {height:185px; border-radius:7px 7px 0 0; background:url(../images/ex_field3.jpg) no-repeat; background-size:cover;}
.city_info li a .local_info {border:1px solid #f1f1f1; border-radius:0 0 7px 7px; padding:7px 0 0 13px; position:relative;}
.city_info li a .local_info .local_name {color:#000; font-size:18px; font-weight:500;}
.city_info li a .local_info span {display: inline-block; font-size:14px; position:relative; top:-2px;}
.city_info li a .local_info span:first-child {background:url(../images/arrow_leftopen.png) no-repeat right center; background-size: 7px auto; padding-right: 11px; margin-right: 1px;}
.city_info li a .local_info .limou_ment {font-size:16px; font-weight:500; color:#1f5dfa; margin:7px 0 15px 0; background:url(../images/limou.png) no-repeat left center; background-size:14px auto; padding-left:17px;}
.city_info li a .local_info .sale_ment {font-size:16px; font-weight:500; color:#1f5dfa; margin:7px 0 15px 0; background:url(../images/sale.png) no-repeat left center; background-size:18px auto; padding-left:21px;}
.city_info li a .local_info .sea_side {font-size:16px; font-weight:500; color:#1f5dfa; margin:7px 0 15px 0; background:url(../images/sea_side.png) no-repeat left center; background-size:17px auto; padding-left:19px;}
.city_info li a .local_info .local_fee {font-size:17px; font-weight:700; color:#1f5dfa; margin:3px 0 11px 0; position:absolute; right:13px; bottom:3px;}
.kakao_btn {position: fixed; right: 10px; bottom: 25px; overflow: hidden; width: 75px; height: 75px; z-index: 2;}
.kakao_btn a {display:block; width:100%; height:100%; background:url(../images/banner_kakao_m.png) no-repeat center; background-size: 75px auto; text-indent: -99999px;}


/* 상품상세 추가 이미지 */
.pic_description_wrapper{background-color:white;width:1119px;margin:13px auto 0;}
.pic_description_wrapper .tab_pic_desc{display:flex;width:100%;height:35px;}
.pic_description_wrapper .tab_pic_desc .tab_pic_list{flex:1;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color: #e8ecf1;}
.pic_description_wrapper .tab_pic_desc .tab_pic_list.on{background-color:#1556f8;color:white;}
.pic_description_wrapper .pic_desc{height: 345px;overflow:hidden;}
.pic_description_wrapper .pic_desc img{width:100%;}
.pic_description_wrapper .btn_toggle{height:50px;display:flex;justify-content:center;align-items:center;background-color:#1556f8;cursor:pointer;}
.pic_description_wrapper .btn_toggle span{color:white;}
.pic_description_wrapper .btn_toggle img{width: 18px;height: 10px;margin-left: 10px;margin-top: 1px;}