.resv_history_section table{width:100%; margin-top:20px; border-top:1px solid #ccc;}
.resv_history_section table th, .resv_history_section table td{text-align:left; box-sizing:border-box; padding:0 20px; border-bottom:1px solid #ccc;}
.resv_history_section table th{color:#111; font-size:18px; font-weight:500; width:134px; height:58px; border-right:1px solid #ccc;}
.resv_history_section table td{color:#111; font-size:16px;}

.radio_style_tab{position:relative;}
.radio_style_tab input[type="radio"]{position:absolute; left:-9999px; width:0; height:0;}
.radio_style_tab input[type="radio"] + label{display:block; padding:0 20px; height:48px; box-sizing:border-box; line-height:46px; border:1px solid #111; border-radius:6px; color:#000; font-size:14px; font-weight:700; cursor:pointer; transition-duration:0.3s;}
.radio_style_tab input[type="radio"] + label:hover{background:#f5f5f5;}
.radio_style_tab input[type="radio"]:checked + label{background:#4a29e7; color:#fff; border:1px solid #4a29e7;}

.reservation_list > li{border:1px solid #ccc; border-radius:6px; overflow:hidden; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
.reservation_list > li + li{margin-top:32px;}
.reservation_history_title{height:90px; box-sizing:border-box; padding:0 30px; background:#f7f7f7;}
.reservation_history_title > div:nth-child(1){color:#111; font-size:24px; font-weight:700; padding-left:38px; line-height:29px; background:url('/images/reservation/res_history_icon.png') left center no-repeat;}
.reservation_history_title a{color:#111; font-size:16px; font-weight:500; background:url('/images/reservation/res_history_arrow.png') right center no-repeat; padding-right:18px;}
.reservation_history_content{padding:32px 0; color:#111; font-size:18px;}
.reservation_history_content > div{height:108px; padding:0 32px;}
.reservation_history_content > div + div{border-left:1px solid #ccc;}
.reservation_history_content > div:nth-child(4){width:152px; box-sizing:border-box;}
.reservation_history_content li{position:relative; padding-left:12px; line-height:1;}
.reservation_history_content li + li{margin-top:20px;}
.reservation_history_content li:before{content:''; display:block; background:#111; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px;}
.reservation_history_content button{width:225px; height:48px; display:block; font-size:14px; font-weight:700; background:transparent; border-radius:6px;}
.reservation_history_content button:nth-child(1){border:1px solid #4a29e7; color:#4a29e7; }
.reservation_history_content button:nth-child(2){border:1px solid #8b85e7; color:#8b85e7; }
.reservation_history_content button:nth-child(1):hover{background:#4a29e7; color:#fff; }
.reservation_history_content button:nth-child(2):hover{background:#8b85e7; color:#fff; }
.reservation_history_content button + button{margin-top:12px;}

.reservation_history_content .state01{color:#fe8900;}
.reservation_history_content .state02{color:#2e9b8a;}
.reservation_history_content .state03{color:#4a29e7;}
.reservation_history_content .state04{color:#bb0c90;}

.resv_history_section + .resv_history_section{margin-top:60px;}

.login_completed_wrap{text-align:center;}
.login_completed_wrap h2{color:#111; font-weight:500; font-size:36px; line-height:1; padding-top:150px; background:url('/images/mypage/login_check.png') center top no-repeat;}
.login_completed_wrap p{color:#111; font-weight:500; font-size:18px; margin-top:18px;}

.login_wrap{max-width:780px; margin:0 auto;}
h2.login_title{text-align:center; color:#010810; font-size:18px; font-weight:700; position:relative; line-height:1;}
h2.login_title:before{content:''; display:block; position:absolute; left:0 ;right:0; height:1px; background:#ccc; top:50%; margin-top:-1px;}
h2.login_title span{display:inline-block; background:#fff; position:relative; z-index:2; padding:0 35px;}
.sns_login_list{margin-top:40px; gap:76px;}
.sns_login_list button{width:92px; height:92px; border-radius:50%; border:0; font-size:0; box-sizing:border-box;}
.sns_login_list .kakao button{background:#ffe800 url('/images/mypage/sns_login_icon01.png') center center no-repeat;}
.sns_login_list .naver button{background:#31b449 url('/images/mypage/sns_login_icon02.png') center center no-repeat;}
.sns_login_list .facebook button{background:#1877f2 url('/images/mypage/sns_login_icon03.png') center center no-repeat;}
.sns_login_list .google button{background:#fff url('/images/mypage/sns_login_icon04.png') center center no-repeat; border:1px solid #d1d1d1;}
.sns_login_list .apple button{background:#000000 url('/images/mypage/sns_login_icon05.png') center center no-repeat;}

.cart_table{width:100%; border-top:2px solid #111;}
.cart_table th:nth-child(1), .cart_table td:nth-child(1){padding:0 40px; width:20px;}
.cart_table th{background:#f4f3fc; color:#111; background:#f4f3fc; border-bottom:1px solid #ccc; height:80px; font-size:18px;}
.cart_table td{border-bottom:1px solid #ccc; font-size:18px; color:#111;}
.cart_option{text-align:left; padding:20px 0;}
.cart_option h3{font-weight:700; color:#010810; font-size:18px; line-height:1;}
.cart_option ul{color:#111; font-size:16px; margin-top:8px;}

.cart_btn{gap:13px;}
.cart_btn button{width:137px; height:48px; border:1px solid #111; color:#111; color:#000; font-size:14px; font-weight:700; background:transparent; border-radius:6px;}
.cart_btn button:hover{background:#f5f5f5;}

.cart_price{margin-top:20px; background:#f7f7f7; padding:30px 60px; color:#000; font-size:30px; font-weight: 700;}

.mypage_modify{background:#f7f7f7; padding:50px 20px; }
.mypage_modify p{padding-top:54px; background:url('/images/mypage/modify_check.png') center top no-repeat; text-align:center; color:#111; font-size:20px;}

.personal_payment_container{padding-right:463px; position:relative;}
.personal_section + .personal_section{margin-top:60px;}
.personal_section .title_style01{margin-bottom:30px;}
.payment_info{padding:20px 12px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.payment_info > div + div{margin-top:20px; padding-top:20px; border-top:1px solid #dedede;}
.payment_info h3{color:#010810; font-size:18px; font-weight:700;}
.payment_info ul{background:#f7f7f7; padding:18px; border-radius:6px; color:#111; font-size:16px; line-height:24px; margin-top:12px;}
.payment_total_price{border-bottom:1px solid #dedede; padding:30px 20px; color:#111; font-size:24px;}
.coupon_select select{width:100%;}
.payment_list{border-top:1px solid #dedede;}
.payment_list li{border-bottom:1px solid #dedede; padding:20px 14px;}
.payment_list li.payment_type01{background:url('/images/mypage/payment_type01.png') right 14px center no-repeat;}
.payment_list li.payment_type02{background:url('/images/mypage/payment_type02.png') right 14px center no-repeat;}
.payment_list li.payment_type03{background:url('/images/mypage/payment_type03.png') right 14px center no-repeat;}
.payment_list li.payment_type04{background:url('/images/mypage/payment_type04.png') right 14px center no-repeat;}
.payment_list li.payment_type05{background:url('/images/mypage/payment_type05.png') right 14px center no-repeat;}

.payment_privacy_section li{padding:20px 0; border-bottom:1px solid #ccc; position:relative;}
.payment_privacy_section li div.checkbox_style01{}
.payment_privacy_section li a{position:absolute; width:18px; height:18px; right:0; top:26px; background:url('/images/mypage/pravicy_arrow.png') right center no-repeat;}
.payment_privacy_txt{height:252px; border-radius:4px; padding:18px; border:1px solid #ccc; margin-top:20px; color:#191919; font-size:14px; line-height:21px; word-break:keep-all;}

.payment_last_info{padding:24px 20px; box-sizing:border-box; border:1px solid #ccc; border-radius:6px; position:absolute; right:0; top:0; width:398px;}
.payment_last_info ul{margin-top:24px;}
.payment_last_info li{height:63px; border-top:1px solid #ccc; color:#111; font-size:18px;}
.payment_last_info li .red{color:#f31f24;}
.payment_last_info h2{color:#111; font-size:26px; font-weight:700; line-height:1;}
.payment_total{font-weight:700;}
.payment_last_info button{width:100%; border-radius:4px; background:transparent; border:1px solid #4a29e7; color:#4a29e7; font-weight:700; height:48px; font-size:14px;}
.payment_last_info button span{display:inline-block; padding-left:44px; background:url('/images/mypage/payment_icon.gif') left center no-repeat;}
.payment_last_info button:hover{background:#f5f5f5;}

.pay_step{margin-top:32px;}
.pay_step li{padding:40px 0; background:#f7f7f7; border-radius:12px; width:calc(25% - 51px); text-align:center; position:relative;}
.pay_step li + li:before{content:''; display:block; background:url('/images/mypage/pay_arrow.png') center center no-repeat; width:20px; height:18px; position:absolute; top:50%; margin-top:-9px; left:-44px;}
.pay_step li > div{padding-top:110px; color:#666; font-size:20px; font-family: 'GmarketSansMedium';}
.pay_step li > div > div:nth-child(1){font-size:15px;}
.pay_step li.active > div{font-family: 'GmarketSansMedium'; color:#000;}
.pay_step li.active > div > div:nth-child(1){color:#4a29e7;}
.pay_step li:nth-child(1) > div{background:url('/images/mypage/pay_step01_off.png') center top no-repeat;}
.pay_step li:nth-child(2) > div{background:url('/images/mypage/pay_step02_off.png') center top no-repeat;}
.pay_step li:nth-child(3) > div{background:url('/images/mypage/pay_step03_off.png') center top no-repeat;}
.pay_step li:nth-child(4) > div{background:url('/images/mypage/pay_step04_off.png') center top no-repeat;}

.pay_step li:nth-child(1).active > div{background:url('/images/mypage/pay_step01_on.png') center top no-repeat;}
.pay_step li:nth-child(2).active > div{background:url('/images/mypage/pay_step02_on.png') center top no-repeat;}
.pay_step li:nth-child(3).active > div{background:url('/images/mypage/pay_step03_on.png') center top no-repeat;}
.pay_step li:nth-child(4).active > div{background:url('/images/mypage/pay_step04_on.png') center top no-repeat;}

.res_history td{padding:24px 0;}
 


@media screen and (max-width:1200px){
.reservation_history_content > div{padding:0 20px;}
.reservation_history_content > div:nth-child(4){width:110px;}

}


@media screen and (max-width:1024px){
.personal_payment_container.payment_in{padding-right:0;}
.payment_last_info{width:auto; left:0; right:0; bottom:0; top:auto; border:0; border-top:2px solid #8b85e7; position:fixed; display:none;}
.personal_payment_container.payment_in.fixed .payment_last_info{width:auto; left:0; right:0; bottom:0; top:auto;}
.personal_payment_container.payment_in.fixed.footer_fixed .payment_last_info{left:0; position:fixed; z-index:3;}

.reservation_history_content{display:block; padding:0 20px;}
.reservation_history_content > div{width:auto !important; text-align:left; height:auto; padding:20px 0;}
.reservation_history_content > div + div{border-left:0; border-top:1px solid #ddd;}


}

@media screen and (max-width:860px){
.resv_table table{display:block;}
.resv_table thead, .resv_table thead tr{display:block; width:100%;}
.resv_table thead th{display:none;}
.resv_table thead th:nth-child(1){display:block; width:100%; height:auto; border-bottom:0; font-size:14px; padding:0; background:#fff;}
.resv_table thead th:nth-child(1) input[type="checkbox"] + label{font-size:16px; width:auto; display:inline-block; padding-left:24px; line-height:1;}
.resv_table table tbody, .resv_table table tr, .resv_table table td{display:block; border-bottom:0; text-align:left; height:auto;}
.resv_table table tr{border-bottom:1px solid #ccc; padding:20px 0;}
.resv_table table td{position:relative; padding-left:112px;}
.resv_table table td + td{margin-top:12px;}
.resv_table table td:before{display:block; position:absolute; left:0; font-weight:700;}
.resv_table table td:nth-child(1){padding-left:0;}
.resv_table table td:nth-child(8){padding-left:0;}
.resv_table table td:nth-child(2):before{content:'예약번호';}
.resv_table table td:nth-child(3):before{content:'구분';}
.resv_table table td:nth-child(4):before{content:'상품정보';}
.resv_table table td:nth-child(5):before{content:'신청일';}
.resv_table table td:nth-child(6):before{content:'배송일';}
.resv_table table td:nth-child(7):before{content:'상태';}
.resv_table table a{width:100%;}

.cart_table{border-top:2px solid #111;}
.resv_table .cart_table td{padding-left:0;}
.resv_table .cart_table td:before{display:none;}
.resv_table .cart_table td:nth-child(3), .resv_table .cart_table td:nth-child(4){padding-left:112px;}
.resv_table .cart_table td:nth-child(3):before, .resv_table .cart_table td:nth-child(4):before{display:block;}
.resv_table .cart_table td:nth-child(3):before{content:'여행일정';}
.resv_table .cart_table td:nth-child(4):before{content:'판매가';}
.cart_option{padding:0;}
.cart_price{padding:15px 20px; font-size:20px;}

.res_history td{padding:0; font-size:14px;}
.resv_table .res_history td:before{display:block; content:'';}
.resv_table table.res_history td{padding-left:112px; box-sizing:border-box; width:100%;}
.resv_table .res_history td:nth-child(1):before{content:'예약번호';}
.resv_table .res_history td:nth-child(1):before{content:'구분';}
.resv_table .res_history td:nth-child(1):before{content:'상품정보';}
.resv_table .res_history td:nth-child(1):before{content:'신청일';}
.resv_table .res_history td:nth-child(1):before{content:'배송일';}
.resv_table .res_history td:nth-child(1):before{content:'상태';}

.pay_step{flex-wrap:wrap;}
.pay_step li{width: calc(50% - 34px);}
.pay_step li:nth-child(3),.pay_step li:nth-child(4){margin-top:34px;}

.resv_history_section table th, .resv_history_section table td{font-size:16px; padding:0 10px; height:48px;}
.resv_history_section table th{width:106px;}
.btn_wrap.mt60{margin-top:24px;}

.cart_btn{gap:12px;}
.cart_btn button{width:calc(50% - 6px);}

.marketing_wrap{display:block;}
.marketing_wrap > div + div{margin-top:6px;}

.payment_info ul{font-size:14px;}
.payment_total_price{font-size:18px;}
}

@media screen and (max-width:640px){
.sns_login_list{gap:24px; margin-top:36px;}
.sns_login_list button{width:64px; height:64px; background-size:100% !important;}

.pay_step li{width: calc(50% - 15px); padding:16px 0;}
.pay_step li.active > div > div:nth-child(1){font-size:14px;}
.pay_step li:nth-child(3),.pay_step li:nth-child(4){margin-top:30px;}
.pay_step li > div{background-size:70px !important;; padding-top:70px; font-size:16px;}

.pay_step li + li:before{width:14px; height:13px; background-size:100%;}
.pay_step li + li:before{left:-22px;}
.pay_step li:nth-child(3):before{display:none;}

.res_history_tab{gap:8px;}
.radio_style_tab input[type="radio"] + label{padding:0 8px; height:36px; line-height:34px; font-size:13px;}

.reservation_history_title{height:auto; padding:16px 20px;}
.reservation_history_title > div:nth-child(1){font-size:16px; background-size:16px; padding-left:24px;}
.reservation_history_content{font-size:14px;}
.reservation_history_content li + li{margin-top:8px;}
.reservation_history_content li{padding-left:10px;}
.reservation_history_content li:before{width:2px; height:2px; margin-top:-1px;}
.reservation_history_content > div:last-child > div{width:100%;}
.reservation_history_content button{width:100%; font-size:14px;}

.pb170{padding-bottom:60px;}

}