/* * {
    font-family: 'noto sans kr';
} */

.myModal-body .top_img { position:relative; width:100%; line-height: 0; }
.myModal-body .top_img img {width:100%; object-fit: contain;}
.myModal-body .top_img .pop-layer-banner img {width:auto; height:30px; }
.pop-layer-banner {background: var(--page-color); display: flex; justify-content: center; align-items: center; padding: 1.3rem 0; height:93px; min-height:93px;}
.pop-layer-banner h2 { display: inline-block; color: #fff; font-size: 1.6rem; position: relative; padding:0 30px 0 15px; margin-left: 15px; }
.pop-layer-banner h2:before { position: absolute; width: 2px; height: 100%; content: ''; background: #fff; clear: both; top: 50%; left: 0; transform: translate(0, -50%); }
/* .pop-layer-inner {height:calc(100% - 93px); overflow:overlay;} */

.pop-layer-inner .pop-title { padding: 0 0 15px 0; color: #000; font-size: 22px; border-bottom: solid 3px #000; }
.pop-layer-inner .modal-close { position: absolute; right: 0; top: -7px; width: 40px; height: 40px; text-indent: -999em; white-space: nowrap; background: url(/img/ico/ico-close.png) no-repeat center center; overflow: hidden; }
.pop-layer-inner .pop-guide { margin: 10px 0 20px 0; }
.pop-layer-inner .pop-guide > li { font-size: 13px; letter-spacing: -0.5px; }
.pop-layer-inner .pop-guide > li.time { color: #dc3545; }
.pop-layer-inner .pop-guide > li.time > span { display: inline-block; }
.pop-layer-inner .pop-guide > li.time > span:not(:first-child) { margin-left: 10px; }
.pop-layer-inner .detail-items { padding: 10px 25px 10px 25px; background-color: #f9fafc; }
.pop-layer-inner .detail-items h3 { font-size: 16px; font-weight: 500; color: #000; padding: 10px 0 10px; }
.pop-layer-inner .dtable-form { border: 0; }
.pop-layer-inner .dtable-form > .dl { border: 0; font-size: 13px; align-items:center; min-height:47px; margin-bottom:0.9rem}
.pop-layer-inner .dtable-form > .dl.address { align-items: flex-start;}
.pop-layer-inner .dtable-form > .dl > .dth { flex: 1 1 35%; max-width: 35%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl > .dtd { flex: 1 1 65%; max-width: 65%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 17.5%; max-width: 17.5%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 82.5%; max-width: 82.5%; }
.pop-layer-inner .dtable-form > .dl > .dtd .input_text { max-width: 100%; }
.pop-layer-inner .radio_wrap { display: flex; }
.pop-layer-inner .radio_wrap .radio_box { margin-right: 5px; min-width: 80px; max-width: 33.333333%; }
.pop-layer-inner .radio_wrap .radio_box:last-child { margin-right: 0; }
.pop-layer-inner .radio_wrap input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.pop-layer-inner .radio_wrap label { position: relative; cursor: pointer; width: 100%; text-align: center; border-radius: 0; }
.pop-layer-inner .radio_wrap input[type="radio"]:checked~ label { background-color: #fff; border-color: #dc3545; color:#dc3545; }

@media (max-width: 768px) {
.pop-layer-inner .detail-items { padding: 10px 15px; }
.pop-layer-inner .dtable-form > .dl { flex: 1 1 100%; max-width: 100%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 35%; max-width: 35%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 65%; max-width: 65%; }
.pop-layer-inner .dtable-form > .dl.total > .dth { flex: 1 1 40%; max-width: 40%; }
.pop-layer-inner .dtable-form > .dl.total > .dtd { flex: 1 1 60%; max-width: 60%; text-align: right; }
}
.pop-layer-inner .detail-input { padding: 0; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dth { flex: 1 1 30%; max-width: 30%; word-break:keep-all;}
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd { flex: 1 1 70%; max-width: 70%; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd > .input_text { width: 100%; border-radius: 0; }
.pop-layer-inner .detail-agree { border-top: 1px solid #ddd; padding: 12px 0; }
.pop-layer-inner .detail-agree .agree-item { margin-bottom: .25rem; }
.pop-layer-inner .detail-agree .agree-content { display: none; }
.pop-layer-inner .detail-agree .agree-content.open { display: block; }
.pop-layer-inner .detail-agree .agree-content > .agree-content-inner { margin: 15px; padding: 8px 8px 12px 15px; border: 1px solid #ddd; max-height: 120px; overflow-y: auto; font-size: 12px !important; }
.pop-layer-inner .button_wrap .btn-submit { background-color: #4a4c58; border: 1px solid #4a4c58; font-size: 14px; color: #fff; padding: .5rem .75rem; }
.pop-layer-inner .button_wrap .btn-submit:hover { background-color: #dc3545; }
.pop-layer-inner .button_wrap .btn-round { border-radius: 25px; }

/* form.qa_table */
form.qa_table input:not([type='radio']), form.qa_table select, form.qa_table button {
    width: 100%; vertical-align: middle; height: 47px; border: none; background: #fff; padding: 0 10px; margin: 0;
    border-radius: 10px; outline: none; border: 2px solid #fff; }

form.qa_table input:focus, 
form.qa_table select:focus, 
form.qa_table input:active select:active {
    border: 2px solid transparent;
    background-image: linear-gradient(white,white), linear-gradient(to right, var(--page-color), var(--page-color2));
    background-origin: border-box; background-clip: padding-box, border-box; outline: none;
}
/* form.qa_table button:not(.modal-close):focus,form.qa_table button:not(.modal-close):active */

form.qa_table .dbody {width:70%;}
form.qa_table .dbody .item_notice { font-size: 0.85em;line-height: 1.5; padding: 5px 0 0 5px;}

.popup_wrap { width: 100%; max-width: 630px; margin: 0 auto; border: 1px solid #ddd; }

.myModal-body:has(form.qa_table){padding:0;}
.pop-layer-inner:has(form.qa_table) { padding: 50px 10% 20px; line-height: 2; margin: 0 auto; background: #f4f4f4; }
.popup_wrap form > div { clear: both; margin-bottom: 15px; line-height: 0; }

form.qa_table .dtitle:has(.item_notice) {position:relative; height: 100%; padding-top: 0.3em; }
form.qa_table .dtitle .item_notice { display: block; font-size: .8em; color: #555; position: absolute; white-space: nowrap; } 
form.qa_table .dtitle { float: left; width: 30%; font-size: 15px; line-height: 1.5; word-break:keep-all; }
form.qa_table .dbody.regnum { display: flex; justify-content: center; align-items: center;}
form.qa_table .dbody.regnum span {display:inline-block; padding:0 10px;}
form.qa_table .address .dtitle {line-height:47px;}
form.qa_table label:has(.pay_type) {margin-right:10px;}
form.qa_table .pay_type {margin-right:5px;}
form.qa_table .recv_title .dtitle {width:100%; font-weight: bold;}
form.qa_table .recv_title .dtitle span {font-size:.8em; color:#999;}
form.qa_table .bill_dl {flex-direction:column;}
form.qa_table .bill_dl ul {width:100%;}
form.qa_table .bill_dl ul:after {content:""; display:block; clear:both;}
form.qa_table .bill_dl ul li {float:left; margin-right:5px; width:calc(33% - 5px);}
form.qa_table .bill_dl ul li label { width: 100%; background: #fff; padding: 10px; border: 1px solid var(--page-color); margin-bottom: 7px; border-radius: 0.5rem; }
form.qa_table .bill_dl ul li p {line-height:1; padding-bottom: 4px;}
form.qa_table .bill_dl ul li input[type='radio'] { appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.2em; height: 1.2em; }
form.qa_table .bill_dl ul li input[type='radio']:checked { border: 0.4em solid var(--page-color); }

.popup_wrap .content .address { display: flex; flex-direction: column; }

#address_check > p:not(:first-child) {margin-top:5px;}
#pop_address1 { width: 40%; float: left; }
#search_zipcode { display:inline-block; margin-left: 3px; background: var(--page-color); border-color: var(--page-color); color: #fff;
    vertical-align: middle; line-height: 43px; padding: 0 10px; margin: 0 0 0 7px; border-radius: 10px; outline: none; border: 2px solid #fff; }
#search_zipcode:hover { background: #222; }
#addressSub { margin-top: 5px; width: 100%; }
#search_zipcode:has(svg) {}

.popup_wrap .sub_box { position: relative; line-height: 2; font-size: 12px; color: #555; margin: 0 auto;
    border-top: 1px solid #ddd; margin-top: 30px; }
form.qa_table .agree-check label { font-size: 15px; width: 90%; margin-left:5px; }
form.qa_table .agree-check label span { display: inline-block; font-size: 13px; font-weight: 500; margin-left: 3px; color: #f12dc3; }
.popup_wrap .sub_box input { float: left; width: 16px; margin-right: 5px; }
.popup_wrap .sub_box .toggle_btn {position: absolute; top: 5px; right: 0; padding: 10px 0; }
.popup_wrap .sub_box .toggle_btn i { color: var(--page-color);font-size: 16px; }
.popup_wrap .sub_box .toggle_btn.open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
form.qa_table .agree_content {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
form.qa_table .agree_content p {
    font-size:.8em;
}
.popup_wrap .sub_box .privacy {
    display: block;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    clear: both;
    width: 100%;
    float: left;
}

#pop_agree {
    width: 20px;
    height: 20px;
    padding: 0;
}

.pop-layer-inner .button_wrap .popup_submit{
    font-size: 1.4em;
    padding: 0 30px;
    color: #fff;
    border: none;
    background: #222;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 60px;
    white-space: nowrap;
    max-width: 70%;
    height: unset;
    border-radius: 10px;
}

.pop-layer-inner .button_wrap .popup_submit:hover {
    background: linear-gradient(120deg, var(--page-color), var(--page-color2));
}
.top_img .modal-close{
    position: absolute;
    top: 50%;
    color: #fff;
    right: 10px;
    transform: translate(0,-50%);
    font-size: 1.5em;
}

.mobile_only {display:none !important;}
@media (max-width: 425px){
    .pc_only {display:none !important;}
    .mobile_only {display:inline-block !important;}
    .pop-layer-inner:has(form.qa_table){
        padding-top:30px;
    }
    .pop-layer-inner .button_wrap .popup_submit{
        max-width:unset;
    }
}


/*** 인터넷 신청 한정 ***/
/* .layer_type2 form.qa_table select {-webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } */
.layer_type2 .dbody:has(select) {position:relative;}
.layer_type2 .dbody:has(select):after {position: absolute; top: 50%; right: 13px; content: "\f078"; font-weight: 900; font-family: "Font Awesome 5 Free"; transform: translate(0,-50%);}

/* .pop-layer-inner.layer_type2:has(form.qa_table) {padding:20px;} */
.layer_type2 form.qa_table .dtitle { width:26%; max-width:7.3rem; }
.layer_type2 form.qa_table .dbody {width:0; flex-grow:1;}
.layer_type2 form.qa_table .main_address {display:flex;}
.layer_type2 #search_zipcode {margin:0; white-space: nowrap;}
.layer_type2 #pop_address1 { width: 4rem; border-radius: 10px 0 0 10px; padding-right:0; border:none;}
.layer_type2 #pop_address2 {border-radius:0 10px 10px 0; padding-left:0; border:none;}
.layer_type2 .dbody:has(#select_internet) + .dtitle {margin-left:20px;}
.layer_type2 form.qa_table .bill_dl .dtitle {width:100%; max-width:100%; margin-bottom:5px;}

.layer_type2 .dtable-form > .dl.dlf.payinput {display:inline-flex; width:39%; flex:unset;}
.layer_type2 .dtable-form > .dl.dlf.payinput.dlf_2 {width:61%;}
.layer_type2 .dtable-form > .dl.dlf.payinput .dtitle {display: none;}
.layer_type2 .dbody:has(#bank_number), 
.layer_type2 .dbody:has(#card_dead),
.layer_type2 .dbody:has(#select_iptv) {margin-left:10px;}
.layer_type2 .dtable-form > .payselect {margin-bottom:0;}
.layer_type2 .dtable-form > .dl.dlf.payinput .dtitle.btw_dt {margin-left:20px;}