@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}


/* * {margin:0; padding: 0; color:#1a1a1a; font-size:13px; box-sizing: border-box; font-family: '나눔바른고딕', 'NanumBarunGothic', NanumBarunGothic, '돋움', dotum, Helvetica, sans-serif;} */
ul, li {list-style: none;}
a {text-decoration: none;}

/* 체크박스 디자인 */
.bank_payment_wrap .check {display: none;}
/* off */
.bank_payment_wrap .check + label{background: url('/sub6/imgs/ico_checkbox.jpg') no-repeat center left; cursor:pointer;}
/* on */
.bank_payment_wrap .check:checked + label{background: url('/sub6/imgs/ico_checkbox_check.jpg') no-repeat center left;}
.bank_payment_wrap label{display: block; width:auto; padding-left:20px;}



.cbank_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); z-index:999; align-items:center; justify-content:center;}

#bank_payment {max-width:760px; width:100%; min-height: 570px; border:1px solid #000; position: relative; background: #fff; padding-bottom:100px;}
#bank_payment h1 {line-height: 40px; font-size:14px; color:#fff; background-color:#fa9435;padding:0 20px;}
#bank_payment h1 span {float: right; color:#fff}
#bank_payment h2 { padding:0 20px; line-height: 56px;}
#bank_payment h2 span {float: right; color:#fa9435;}

#bank_payment2 {display:none;max-width:760px; width:100%; min-height: 570px; border:1px solid #000; position: relative; background: #fff; padding-bottom:100px;}
#bank_payment2 h1 {line-height: 40px; font-size:14px; color:#fff; background-color:#fa9435;padding:0 20px;}
#bank_payment2 h1 span {float: right; color:#fff}
#bank_payment2 h2 { padding:0 20px; line-height: 56px;}
#bank_payment2 h2 span {float: right; color:#fa9435;}

.bank_payment_info {border:1px solid #ebeaea; padding:5px 206px 5px 0;;position: relative; line-height: 20px; margin:0 20px;}
.bank_payment_info .cbank_total_price {position: absolute; right:-1px; top:-1px; bottom:-1px; width:206px;  border:1px solid #ebeaea; text-align: center; background-color:#f5f4f4; padding-top: 5px;}
.bank_payment_info .cbank_total_price span {color:#eb2525; font-size:18px; font-weight: bold;     margin: 0 20px;}
.bank_payment_info li {display: inline-block;}
.bank_payment_info li:first-child {width:322px;}
.bank_payment_info li span {display:inline-block; width: 110px; padding-left:22px; color:#5e5e5e}

.bank_payment_check {border:1px solid #ebeaea; position: relative; height: 44px; line-height: 24px; margin:10px 20px; padding: 0px 5px 6px 20px;}
.bank_payment_check h3 {color:#000; font-size:14px; margin-top: 8px;}
.bank_payment_check h3 a {display: inline-block; background: url(/sub6/imgs/ico_arrow_right.jpg) no-repeat right center; color:#b2b1b1; font-size:11px; padding:0 10px;}

.bank_payment_check ul {position:absolute; right:0; top:8px; }
.bank_payment_check li {display: inline-block; padding-right:10px; color:#707070;}

.bank_payment_last_check {margin:20px;}
.bank_payment_last_check h3 {font-size:16px; margin-bottom: 15px;}
.bank_payment_last_check ul {border-bottom:1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px}
.bank_payment_last_check li {display: inline-block; vertical-align: top; padding-right:20px; color:#5e5e5e; line-height: 26px;margin-bottom: 10px;}
.bank_payment_last_check li span {color:#000;padding-right:20px; font-weight: bold;}
.bank_payment_last_check li span.bankname, 
.bank_payment_last_check li span.c_name {
	font-weight: normal;
}

.bank_payment_last_check li input[type=text]{border:1px solid #b2b1b1; padding:5px 10px; height: 34px; width:230px; font-size: 12px; color:#5e5e5e;}
.bank_payment_last_check .point {color:#eb2525}


.bank_customer_info { line-height: 34px; padding:0 20px;}
.bank_customer_info input[type=text]{border:1px solid #b2b1b1; padding:5px 10px; height: 34px; width:230px; font-size: 12px; color:#5e5e5e;}
.bank_customer_info select {border:1px solid #b2b1b1; padding:5px 10px; height: 34px; width:230px; font-size: 12px; color:#5e5e5e;}
.bank_customer_info .point {color:#eb2525}
.bank_customer_info th {width:120px; text-align: left; padding:5px 0; line-height: 22px; font-weight: normal;}
.bank_customer_info td {color:#5e5e5e; padding:5px 0; line-height: 22px;}

.bank_payment_btn {background-color: #f3f3f4; padding:10px 25px; font-size:0; text-align: right; position:absolute; bottom:0; right:0; width:100%;}
.bank_payment_btn > a { width:160px; line-height: 35px; border-radius: 3px; font-weight: bold; color:#fff; text-align: center; display: inline-block; vertical-align: top; margin-left:8px; font-size: 14px;}
.btn_cancel {background-color:#8f8f8f;}
.btn_next {background-color:#fa9435;}
.btn_apply {background-color:#fa9435;}


/* 약관페이지 */

.cbank_terms_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; align-items:center; justify-content:center;}
#bank_terms_payment {max-width:700px; border:1px solid #ddd;}


/* pop */
/*For Center screen*/
.layer {position:absolute; display:table; top:0; left:0; width:100%; height:100%}
.layer .layer_inner {display:table-cell; text-align:left; vertical-align:top;}
.layer .layerCon {display:inline-block; text-align:left;}

.layerCon {background:#fff;padding:30px;z-index:500;position:relative;}

.w_coupon{width:394px;height:352px}
.w_card{width:394px;height:352px}
.w_nointerest{width:340px;height:390px}
.w_otp{width:340px;height:660px}
.w_step{width:340px;}
.w_e2e{width:540px;height:278px}
.w_agree{width:100%;height:480px;}
.w_agree_nc{width:100%;}
.sc_agree{width:660px;height:340px;overflow-y:scroll;overflow:auto;padding-right:10px;padding-top:3px}/*200331*/

.fullDimmed {width:100%; height:100%; background:#000; opacity:.5;filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; position:fixed; top:0; left:0; right:0; bottom:0; z-index:500;}


.ly_btn_close{position:absolute;top:17px;right:17px;cursor:pointer;width:18px;height:18px;}
.ly_btn_close :hover{background:#e6e6e6;}

.layerCon .tit{font-size:16px;line-height:20px;font-weight:700;color:#000;padding-bottom:10px;}
.layerCon .tit .logo{position:static;height:36px;margin-right:8px;vertical-align:-13px;}
.layerCon .tit2{font-size:13px;line-height:15px;font-weight:700;color:#000;padding:9px 0 4px;}

.layerCon .stit {font-size:13px;line-height:17px;color:#5e5e5e;}
.layerCon .stit2{font-size:13px;line-height:17px;color:#1a1a1a;font-weight:500}
.layerCon .stit3{font-size:12px;line-height:17px;color:#5e5e5e;font-weight:normal}
.layerCon .stit3.dot{padding-left:8px;text-indent:-8px; word-break: keep-all;}
.layerCon .stit3.dot:before{content:"";display:inline-block;background:#5e5e5e;width:2px;height:2px;margin-right:6px;vertical-align:middle;}
.layerCon .stit3 + .stit3{margin-top:4px;}
.layerCon .scon{font-size:12px;line-height:17px;color:#1a1a1a;font-weight:500}
.layerCon .notice{display:flex;margin-top:10px;color:#5e5e5e;line-height:17px;font-size:12px;}
.layerCon .notice::before{content:"";display:block;background:url(../../img/popup/pop_sp.png) no-repeat;background-position:0 -17px;width:14px;height:14px;margin-right:4px;}
.layerCon .notice p{margin-top:2px;font-size:12px;}
.layerCon .ic_dot{width:2px;height:2px;background:#5e5e5e;position:absolute;top:7px;margin-left:-7px}

/* agree */
.con_agree{position:relative;  }
.chk_all{font-size:13px;line-height:18px;color:#1a1a1a;padding-top:1px}
.chk_agree{color:#1a1a1a;font-weight:700;font-size:13px;line-height:18px;padding-top:1px}
.agree_box{background:#f5f5f5;padding:10px;margin:5px 0 8px;line-height:17px;}
.box_m{padding:0 10px 22px 8px;height:60px;}
.agree_iframe{width:100%;border:0;height:60px;overflow-y:scroll;overflow:auto;}


.box_txt_bg{overflow-x:hidden;overflow-y:auto;}
.box_txt{padding:0 10px 10px 0px;font-size:12px;line-height:18px;}

.box_txt * {font-size:13px;}
.box_txt h1,.box_txt h2,.box_txt h3,.box_txt h4{font-size:14px;color:#1a1a1a;margin-bottom:10px;font-weight:bold}
.box_txt p,.box_txt li,.box_txt span{color:#1a1a1a}
.box_txt h1,.box_txt h2,.box_txt h3,.box_txt ul+h3:first-of-type{margin-top:30px;}
.box_txt p:nth-child(2){margin-bottom:30px;}
.box_txt ul,.box_txt ol,.box_txt p{margin-top:10px;}
.box_txt .first{margin-top:5px;}
.box_txt .txt_gray_b2{color:#1a1a1a;font-weight:bold}
.box_txt h1:first-of-type,.box_txt h2:first-of-type,.box_txt h3:first-of-type,.box_txt ul:first-child,.box_txt ol:first-child,.box_txt p:first-child{margin-top:0;}
.box_txt h2 + p,.box_txt h2 + ol{margin-top:0}
.box_txt p + ul,.box_txt p + ol{margin-top:0}
.box_txt ol .first_letter{display:inline-block;width:19px;height:18px;position:absolute;top:0;left:0px;}
.box_txt ol li{position:relative;padding-left:19px;margin:5px 0;}
.box_txt li{margin:10px 0;}
.box_txt .txt_normal{font-weight:normal;}


.pop_box_01{width:98%; border:1px solid #e7e7e7;}
.pop_box_01 caption{font-weight:bold;margin:4px 0;color:#474747;}
.pop_box_01 table{margin:7px 0;}
.pop_box_01 td{height:21px; text-align:center; padding-top:4px;color:#7f7f7f;}
.pop_box_01 th.bg_gy_01{ background:#CCC;border-left:1px solid #e7e7e7; text-align:center; font-weight:bold;color:#474747;}
.pop_box_01 td.bdr_ty_01{border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.pop_box_01 td.bdr_ty_02{border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;text-align:left;}
.pop_box_01 th{ height:21px; font-weight:normal; padding-top:4px;}
.pop_box_01 th.bdr_ty_01{border-bottom:1px solid #e7e7e7;color:#707070;text-align:center}

/* off */
.w_agree .check + label{background: url('/sub6/imgs/ico_checkbox_gray.png') no-repeat center left; cursor:pointer;}


.line_top{border-top:1px solid #ebeaea;margin:20px 0 0px;padding-top:17px;position:relative}
.btn_agree{overflow:hidden;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;border:none;background:#3b3b3b;width:118px;height:33px;border-radius:3px;position:absolute;right:0px;top:12px}
.btn_agree:hover{background:#000;}


/* 현금영수증 발행 */
.cash_receipt_contents_wrap { margin: 20px 30px;}
.cash_receipt_contents {display: none;}
.cash_receipt_contents input[type="text"]{
    border:none;
    line-height: 30px;
    text-align: center;
    width:100%
}

.cash_receipt_check {margin-bottom:10px;}
.cash_receipt_check .cr_check { display: none; }
.cash_receipt_check .cr_check + label {
    background: url(/sub6/imgs/ico_checkbox.jpg) no-repeat center left;
    cursor: pointer;
}
.cash_receipt_check .cr_check:checked + label{background: url('/sub6/imgs/ico_checkbox_check.jpg') no-repeat center left;}

.cash_receipt_check span {font-size:12px; color: #707070;}

.bank_payment_wrap .cash_receipt_contents label {display: inline-block;}

.cash_receipt_type {margin-bottom:10px;}
.cash_receipt_type .cr_radio_chk { display: none; }
.cash_receipt_type .cr_radio_chk + label {
    background: url(/sub6/imgs/ico_rdo_default.png) no-repeat center left;
    cursor: pointer;
    margin-left: 10px;
}
.cash_receipt_type .cr_radio_chk:checked + label{background: url('/sub6/imgs/ico_rdo_checked.png') no-repeat center left;}


.cr_type01, .cr_type02 {display: none; }
.cr_type_input {float:left; font-size: 0; display: none;}
.cr_type_input2 {float:left; font-size: 0;}

.input_size_fix {width:346px;}
.cr_type01:after, .cr_type02:after {display: block; clear: both; content: "";}

.cash_receipt_contents select {
    width:180px;
    border:1px solid #b2b1b1;
    line-height: 30px;
    padding:0 10px ;
}
.select_type {margin-right:10px; margin-bottom:10px;}
.cash_receipt_contents .cr_tel {max-width:114px; width:30%}


.cash_receipt_contents input[type="text"]::placeholder{text-align: center;}
.cash_receipt_contents .input_area {
    border:1px solid #b2b1b1;
    border-right: 0;
    display: inline-block;
    width:30%;
    max-width: 114px;
}
.cash_receipt_contents .input_area:last-child {border-right:1px solid #b2b1b1;}
.cash_receipt_contents input[type="text"].cr_tax_card_num {
    width:300px; 
    text-align: left;
    border:1px solid #b2b1b1;
    padding: 0 10px;
}
.cash_receipt_contents input[type="text"].cr_tax_card_num::placeholder{text-align: left;}
/*  현금영수증 발행 */

@media screen and (max-width: 760px) {
    .bank_payment_check {height:auto;}
    .bank_payment_check ul {position:relative; top:0;}
}

@media screen and (max-width: 520px) {
    #bank_payment {height: auto; padding-bottom:65px; }
    #bank_payment2 {height: auto; padding-bottom:65px; }
    .bank_payment_info {padding: 5px 0px 0px 0;}
    .bank_payment_info { line-height: 25px;}
    .bank_payment_info .cbank_total_price { position: relative; width: 100%; top:auto; line-height: 22px; padding-bottom: 5px;}
    .bank_payment_info .cbank_total_price br{display: none;}
}

@media screen and (max-width: 390px) {
    .bank_payment_btn > a {width:120px;}
}