.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow: none;}
.custom-control-input:checked~.custom-control-label::before{border-color: #2f62cb; background-color: #2f62cb;}
.paytab_wrap .nav-tabs{border-bottom: 0;}
.paytab_wrap .nav-tabs .nav-item{width: 18.4%;}
.paytab_wrap .nav-tabs .nav-link{min-height: 93px; padding: 1.2rem 1rem .8rem; border: 0; border-right: 1px solid #fff; border-radius: 0; background-color: #f4f5f7; color: #666; line-height: 1.3;}
.paytab_wrap .nav-tabs .tab_consultant{padding: 0.8rem 1rem;}
.paytab_wrap .nav-link span{font-size: 12px;}
.paytab_wrap  .nav-tabs .nav-link.active, .paytab_wrap .nav-tabs .nav-link:hover{background-color: #2f62cb; color: #fff; font-weight: 500;}
/*20200427 상위 클래스 추가 Start*/
.paytab_wrap .nav-tabs .nav-link:focus, .paytab_wrap .nav-tabs .nav-link:hover{border:0; border-right: 1px solid #fff;}
/*20200427 상위 클래스 추가 End*/
/* 20200521 결제페이지 :  쿠폰선택 select 추가 Start */
.coupon_course_box,.select_lesson{display: none; overflow: hidden; min-width: 100%}
/* 20200521 결제페이지 :  쿠폰선택 select 추가 End */
.paytab_wrap .material-icons{margin-bottom: 3px; font-size: 28px;}
.paytab_cont{padding: 3% 2%; border: 2px solid #797979; font-size: 15px;}

.payment_wrap table{font-size: 15px; table-layout: fixed;}
.payment_wrap table input{min-height: 34px;}
.payment_step_group{width: 35%; margin: auto;}
.payment_step_list{float: left; width: 33.33%; color: #ccc; font-weight: 300; font-size: 17px; text-align: center;}
.payment_step_list.active{color: #ef2929; font-weight: 500;}
.payment_icon{padding: 22px; border-radius: 50%; background-color: #f0f0f0; color: #8c8c8c; font-size: 30px;}
.payment_step_list.active .payment_icon{background-color: #ef2929; color: #fff;}
.order_l_coupon table td{height: 50px;}
.pay_btn_group a, .basic_btn{min-width: 110px; height: 33px; line-height: 33px; text-align: center; vertical-align: inherit;}
.pay_btn_group a{width: 49%;}
.order_notice{padding: 20px; background-color: #f8f8f8;}
.addr_table tr{border-bottom: 1px solid #e2e2e2;}
.addr_table th, .addr_table td{height: 85px;}
.refund_agree_box{height: 220px; border: 1px solid #e2e2e2;}

.order_left_box{float: left;}
.order_right_box{padding: 15px 10px; border: 1px solid #e2e2e2; font-size: 16px; float: right; background: #fff;}
.order_r_list{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ccc;}
.order_right_box table td{height: 35px;}
.order_btn_group a{height: 55px; font-size: 20px; line-height: 55px;}
.order_btn_group .blue_btn{color: #fff;}
.order_r_btm{padding: 10px 0; border-radius: 5px; background-color: #f3f3f3; font-size: 13px; line-height: 1.4;}

.paytab_wrap{margin: 15px 0;}
.agree_chk_box{margin: 15px 0;}
.refund_agree_box {padding: 15px;}
.refund_agree_box > ul{padding-left: 5px;}
.refund_agree_box h6{margin-bottom: 10px; background: #f4f5f7; padding: 10px 5px;}
.refund_agree_box h6:nth-of-type(n+2){margin-top:15px;}
.refund_agree_box h5{font-weight: 500;}
.refund_agree_box li{line-height: 23px;}
.refund_agree_txt{padding-left: 10px; margin-bottom: 5px; font-weight: 300;}

.sticky-wrapper{width: 28%; margin-top: 56px;}
.order_right_box .mgb40{margin-bottom: 40px;}

.mileage_available{border-right: 1px solid #ddd; padding:0 15px;}
.mileage_available:last-child{border: 0;}
.mileage_available span{font-weight: bold;}
.coupon_btn{cursor: pointer;}

@media (max-width:1200px) {
    #sticker{width: 100%!important; border-top: 5px solid #e2e2e2;}
    .sticky-wrapper{float: none; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%;}
    .order_left_box{float: none; width: 100%;}
    .order_r_list{width: 50%; float: left; border-bottom: 0; border-right: 1px dashed #ccc; padding-right: 20px;}
    .order_r_table{width: 50%; float: right; padding-left: 20px; margin-top: 70px;}
    .order_right_box ul{overflow: hidden;}
    .order_right_box li:nth-child(n+3){clear: both;}
    .order_right_box .mgb40{margin-bottom: 0;}
    .order_btn_group{overflow: hidden; width: 100%;}
    .order_btn_group .blue_btn{float: right; width: 200px;}
    .order_btn_group .gray_border_btn{float: left; width: 200px;}
    .order_r_btm{margin-top: 10px;}
    .order_r_btm span{font-size: 17px;}
    .order_r_btm p{display: inline-block; font-size: 25px; font-weight: 900; margin-top: 0;}
    .order_r_btm li{display: inline-block; margin-right: 10px; font-size: 15px; line-height: 37px;}
    .addr_table th, .addr_table td select, .addr_table th, .addr_table td input{margin-right: 5px; min-width:100px;}
}
@media (max-width:760px) {
    .order_r_btm .offset-1{margin-left: 0;}
    .order_r_btm li{line-height: 30px;}
    .order_r_btm{padding: 15px 5px 10px;}
    .order_l_coupon table td.w40p{width: 100%; display: inline-block; padding: 0;}
    .order_l_coupon table td.pay_btn_group{width: 100%; display: inline-block;}
    .order_l_coupon th{min-width :100px; vertical-align: top;}
    .order_l_coupon table tr{height: 100px;}
    .order_l_coupon table td{height: 40px;}
    .paytab_cont .basic_btn{width:100%; margin-top:10px;}
    .payment_step_group{width: 100%; margin-top:50px;}
    .paytab_wrap .pc_none{display: block;}
    .paytab_wrap .nav-tabs .nav-link{min-height: 110px; padding: 1.6rem 0 .8rem;}
    .paytab_wrap .nav-tabs .tab_consultant{padding: .8rem 0;}
    .payment_result{width: 140px;}
    .order_btn_group .blue_btn, .order_btn_group .gray_border_btn{width: 150px; font-size: 15px; height: 40px; line-height: 40px;}
    .order_r_table{margin-top: 35px;}
    /* 20200602 총 결제금액 텍스트 오른쪽 정렬 Start */
    .order_r_table td{display: inline-block; width:100%; text-align: right;}
    /* 20200602 총 결제금액 텍스트 오른쪽 정렬 End */
    .order_r_btm li{font-size: 12px; margin-right: 3px; border-right: 1px solid #ddd; padding-right: 5px; line-height: 20px;}
    .order_r_btm li:last-child{border-right: 0;}
    .order_r_btm{padding-top: 13px;}
    .order_r_btm span, .order_r_btm p{font-size: 14px;}
    .order_r_list{padding-bottom: 0;}
    .order_l_coupon th{width: 100px;}
}
@media (max-width:500px) {
    .addr_table .blue_btn.basic_btn{ margin-top: 5px;}
    .payment_btn_wrap.payment_btn_wrap{width: 100%;}
}

@media(max-width:991px) and (min-width: 600px){
    .reg_btn_group.payment_btn{width: 100%;}
    .reg_btn_group.payment_btn a{width: 49%;}
}

@media (max-width:440px) {
    .order_left_box .mileage_wrap{padding: 20px 10px;}
    .order_left_box .mileage_wrap li:first-child{display: block !important; margin-bottom: 10px; border-right: 0;}
    .addr_table .phone_num_box select,.addr_table .phone_num_box input{width: 32%; min-width: auto;}
    .addr_table .address_find_input{width: 58%;}
    .addr_table .blue_btn.basic_btn{margin-top: 0; width: 38%; min-width: auto; vertical-align: middle;}
}

@media (max-width:360px) {
    .order_left_box .mileage_wrap li p{text-align: center;}
    .addr_table .delivery_btn{width: 46%;}
    .pay_btn_group a{min-width: auto;}
    .order_btn_group .blue_btn, .order_btn_group .gray_border_btn{width: 48%;}
}

/*쿠폰 선택 modal*/
.coupon_table{margin-bottom: 20px; table-layout: fixed;}
.coupon_table td:first-child, .coupon_table th:first-child{width: 65%;}
.coupon_table td:first-child{text-align: left;}
.coupon_box h6 {margin-bottom: 10px; background: #f4f5f7; padding: 10px 5px;}
.overlap_chk{opacity: .5;}
.overlap_chk input, .overlap_chk label{cursor:default;}
.coupon_btn_group a{min-width: 110px; height: 33px; line-height: 33px; vertical-align: top;}
.coupon_btn_group input{height: 33px;}

@media (max-width:760px){
    .payment_wrap table{font-size: 14px;}
    .coupon_table td:first-child{padding-left:0; padding-right: 0;}
    .coupon_table th:nth-child(2){width: 55px;}
    .coupon_table th:last-child{width:80px;}
    .coupon_table label{display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
    .coupon_btn_group input{width: 48%;}
    .coupon_btn_group a{width: 100%;}
}

/*결제진행*/
.payment_thanks{margin-bottom: 70px;}
.payment_thanks h2{font-size: 50px; text-align: center;}

.payment_progress_price{padding: 20px 10px 15px; border: 1px solid #333; font-size: 17px; background: #fff; text-align: center;}
.payment_progress_price li{display: inline-block; margin-right: 10px;}
.payment_progress_price p{display: inline-block;}
.payment_btn a{line-height: 40px;}
.payment_prev_btn{margin:0 auto;}
.payment_prev_btn a{line-height: 50px; font-size: 19px;}

@media(max-width: 760px){
    .payment_thanks h2{font-size: 40px;}
    .payment_progress_table th:nth-child(4), .payment_progress_table tr:nth-child(4){width: 110px;}
    .payment_progress_price .pc_none{display: block;}
    .payment_progress_price li:nth-of-type(n+6){margin-top: 10px;}
    .payment_prev_btn.w20p{width: 40%;}
}

/*온라인결제시 결제승인대기*/
.progress_online {background: #f1f1f1; padding: 25px 10px; text-align: center;}
.progress_online h4{font-size: 19px; margin-bottom: 10px;}
.progress_online li{display: inline-block; padding:0 20px; font-size: 16px; border-right: 1px solid #ddd;}
.progress_online li:last-child{border-right: 0;}

/*20200408 주문정보 수량 추가*/
.cart_counter{margin: 0 auto; text-align: center; width: 100%;}
.cart_counter ul{overflow: hidden; display: inline-block;}
.cart_counter ul li{display: inline-block; float: left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.cart_counter ul li:first-child{border-left:1px solid #ddd;}
.cart_counter .counter_num{width: 30px; min-height:30px; height:30px; text-align: center; padding-left: 0; background: #fff; text-indent: 0; border: 0;}
.counter_btn{width:30px; background: #fff; height: 30px; font-size: 16px; border: 0;}
.payment_wrap table .cart_counter input {line-height: 29px; min-height:30px;}
.counter_delete{font-size:13px; background: #fff; border: 1px solid #ddd; padding: 0 5px; color:#555; min-width:34px;}
.material-icons.counter_clear{color:#888; font-size:20px; cursor: pointer;}

@media(max-width:991px){
    .cart_counter{min-width:100px;}
    .order_box .gray_table .text-left{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:95%;}
    .counter_btn{width:20px; height:20px;}
    .payment_wrap table .cart_counter input{line-height:19px; min-height:20px;}
    .cart_counter .counter_num{width:20px; height:20px; font-size:13px;}
    .order_box .gray_table td{padding:12px 0;}
}

@media(max-width:660px){
    .order_box .scroll_table{overflow-x:scroll;  white-space:nowrap; width:100%;}
    .scroll_table .gray_table{min-width:700px; width:700px;}

    .order_r_list{padding-right: 10px;}
    .order_r_table{padding-left: 10px;}
}

/*200522 숨기기 버튼 추가*/
.paytab_wrap .nav-tabs .nav-item{width:32%;}
.order_cart_btn{display: none;}
.order_cart_wrap{display: none; transition-duration: 1s;}
@media (max-width:1200px) {
    .sticky-wrapper{bottom: -500px; transition-duration: 1s;}
    .order_cart_wrap{display: block; position: fixed; bottom: 0; right:10px; z-index: 1;}
    .order_cart_btn{display: inline-block; background: #e2e2e2; color:#333; padding: 7px 35px; border-radius: 15px 15px 0 0; font-weight: 500; font-size:14px;}
    .order_cart_btn_wrap .order_cart_btn_show{background: #007bff; color:#fff;}
    .order_cart_btn span{vertical-align: bottom; font-weight: bold; font-size: 20px;}

    .order_right_box{position: relative;}
    .order_cart_btn_hide{position: absolute; top: -38px; right:10px;}
}
@media (max-width:380px) {
    .order_r_list{width:55%;}
    .order_r_table{width:45%;}
    .order_r_list tr:first-child td{max-width:80px;}
    .pay_btn_group a{width:49.3%;}
    .order_l_coupon th {width: 85px;}

    .payment_step_list p{font-size: 14px;}
    .order_left_box .h2{font-size: 1.5rem;}
    .payment_icon{padding: 15px;}
    .payment_step_box.mgb70{margin-bottom: 50px;}
}

/* 20200602 결제페이지 - 쿠폰/마일리지 설명 문구 추가, 쿠폰/마일리지 모바일 수정, 결제하기 박스 하단 위치 시 수정 Start */
.order_left_list .txt_add_explain{font-size: 12px;}

@media(max-width:1200px){
    .order_r_table{padding-top: 68px; padding-bottom: 15px; margin-top: 0; background-color: #f4f5f7;}
}
@media(max-width:991px){
    .order_left_box .mileage_wrap{padding: 30px 10px;}
    .order_left_box .mileage_available p{font-size: 15px;}
}
@media(max-width:760px){
    .order_r_table{padding-top: 27px; padding-bottom: 0;}
}
@media(max-width:660px){
    .order_left_list .txt_add_explain, .order_left_list .h2.float-left{float: none !important;}
}
@media(max-width:500px){
    .order_left_box .mileage_wrap{padding: 24px 10px;}
    .order_left_box .mileage_available{width: 49%;}
    .order_left_box .mileage_available p{text-align: center;}
    .order_left_box .mileage_available span{display: block;}
    .order_left_box .member_name{width: 100%; margin-bottom: 18px; border-right: 0;}
    .order_left_box .member_name p{font-size: 15px; text-align: center;}
    .order_left_box .member_name span{display: inline-block;}
}
/* 20200602 결제페이지 - 쿠폰/마일리지 설명 문구 추가, 쿠폰/마일리지 모바일 수정, 결제하기 박스 하단 위치 시 수정 Start End */