@charset "utf-8";

/* font setup ======================================================================================== */

/* IBKDream */
@font-face{
    font-family:'IBKDreamWeb';
    font-style:normal;
    font-weight:normal;
    src:local('IBKIDreamMobileL'),
    url('../font/IBKIDreamMobileL.woff') format('woff');
}

/* Pretendard */
@font-face{
    font-family:'Pretendard';
    font-style:normal;
    font-weight:400;
    src:local('Pretendard Regular'), local('Pretendard-Regular'),
    url('../font/Pretendard-Regular.woff') format('woff');
}
@font-face{
    font-family:'Pretendard';
    font-style:normal;
    font-weight:500;
    src:local('Pretendard Medium'), local('Pretendard-Medium'),
    url('../font/Pretendard-Medium.woff') format('woff');
}
@font-face{
    font-family:'Pretendard';
    font-style:normal;
    font-weight:600;
    src:local('Pretendard SemiBold'), local('Pretendard-SemiBold'),
    url('../font/Pretendard-SemiBold.woff') format('woff');
}
@font-face{
    font-family:'Pretendard';
    font-style:normal;
    font-weight:700;
    src:local('Pretendard Bold'), local('Pretendard-Bold'),
    url('../font/Pretendard-Bold.woff') format('woff');
}

/* reset ======================================================================================== */
html{font-size:62.5%;}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    font-family:'Pretendard', 'sans-serif';
    font-weight:500;
    font-size:1.6rem;
    vertical-align:top;
    -webkit-box-siziing:border-box;
    box-sizing:border-box;
    word-break:break-all;
}
html,body{width:100%;line-height:1;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;color:var(--black);}
dl,ul,ol{list-style:none;}
blockquote, q{quotes:none}
blockquote::before, blockquote::after,
q::before, q::after{content:'';content:none;}
table{empty-cells:show;border-collapse:collapse;width:100%;table-layout:fixed;}
fieldset{border:none;}
img{border:none;}
button{padding:0;border:0;border-radius:0;box-shadow:none;background:none;-webkit-appearnace:none;cursor:pointer;}
button:focus{outline:none;}
input{user-select:text;-webkit-user-select:text;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-text-fill-color:#000;
    -webkit-box-shadow:0 0 0px 1000px #fff inset;
    box-shadow:0 0 0px 1000px #fff inset;
    transition:background-color 5000s ese-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{
    -webkit-text-fill-color:#000;
    -webkit-box-shadow:0 0 0px 1000px #fff inset;
    box-shadow:0 0 0px 1000px #fff inset;
    transition:background-color 5000s ese-in-out 0s;
}
input, select, textarea{border-radius:0;color:inherit;font-family:'Pretendard', 'sans-serif' !important;font-weight:500;-webkit-appearance:none;appearance:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
textarea{resize:none;}
em{font-style:normal;}
button, input[type="button"], input[type="submit"]{cursor:pointer;}

/* common ======================================================================================== */
/* align */
.cboth::before,
.cboth::after{display:table;content:'';}
.cboth::after{clear:both;}
.center{text-align:center;}

/* link */
a{text-decoration:none;cursor:pointer;}
a:link,
a:visited,
a:hover,
a:active{text-decoration:none;color:var(--black);cursor:pointer;}

/* etc */
*:focus{outline:none;}
a, button{font-family:'Pretendard', 'sans-serif';-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
.scroll-lock{overflow:hidden;touch-action:none;}
.sr-only,
caption{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px 0 0;padding:0;clip:rect(0,0,0,0);}
.ellips{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.disabled{pointer-events:none;cursor:default;}
i, em{font-style:normal;}

/* margin */
.mt0{margin-top:0px !important;}
.mb0{margin-bottom:0px !important;}
.ml0{margin-left:0px !important;}

/* padding */
.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.pl0{padding-left:0px !important;}

/* layout ======================================================================================== */
:root{
    /* theme default color */
    --primary:     #235FD2;
    --secondary:   #4393F0;
    --patternBg:   transparent;

    /* color */
    --normalTx:#5A5E6C;
    --black:#101113;
    --grayL:#C5C8D3;
    --grayL2:#999CA9; /* 사용X */
    --grayL3:#979BAA;
    --grayM:#737373;
    --grayD:#454855;
    --err:#E90000;
    /* bg */
    --defaultlBg:#fafafc;
    --disablBg:#A0A0A0;
    --passwordBg:#D4000B;
    /* line */
    --line:#f4f4f5;
    /* layout */
    --vh100:100%;
    /* --layerHeight:; */
    --layerFooterH:116px;
    --layerHeaderH:58px;
    --cellHeight:35px;
    --layerBodyBottomPD:40px;
}
html, body{height:100%;}
html::before{content:'';position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;z-index:3000;}/* 테마 css 불러오기전 흰색화면 노출 */
.dim{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.6;z-index:-2;}
.dim.show{display:block;}

/* layer-popup */
.layer-popup{position:relative;width:100%;height:100%;background-color:#fff;}
.layer-popup .layer-position{width:100%;height:100%;padding:0;background-color:transparent;}
.layer-popup .layer-inner{position:relative;width:100%;height:100%;border-radius:0;z-index:2;}
.layer-popup .layer-inner.trans2{transition-duration:.2s;}

/* layer-header */
.layer-header{position:sticky;top:0;z-index:3;height:var(--layerHeaderH);padding:8px 25px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #F4F4F5;}
.layer-ci{position:relative;}
.layer-ci img{width:auto;height:43px;}
.bt-close{position:absolute;right:20px;top:50%;margin-top:-8px;width:16px;height:16px;}
.bt-close::before, .bt-close::after{content:'';position:absolute;left:6px;top:-3px;height:20px;width:2px;background-color:#BABBBF;}
.bt-close::before{transform:rotate(45deg);}
.bt-close::after{transform:rotate(-45deg);}

/* layer-body */
.layer-body{overflow-y:auto;position:relative;padding:0 20px 0px;height:calc(var(--layerHeight) - var(--layerHeaderH) - var(--layerFooterH));}
.layer-body.not-footer{padding-bottom:0;}

/* layer-footer */
.layer-footer{position:fixed;right:0;bottom:0;left:0;min-height:116px;height:var(--layerFooterH);padding-top:16px;background-color:transparent;}
.layer-footer .btn-tx-wrap:first-child,
.layer-footer .btn-wrap[style*="display:none"] + .btn-tx-wrap,
.layer-footer .btn-wrap[style*="display: none"] + .btn-tx-wrap{margin-top:66px;}
.layer-footer .util{max-width:604px;margin:0 auto 0;}
.layer-footer .util .layer-form.check{margin-top:0px;padding:0 28px;}
.layer-footer .util + .btn-wrap{margin-top:20px;}
.layer-footer .btn-wrap:last-child{padding-bottom:44px;}
.layer-footer .btn-tx-wrap{height:34px;}
.layer-footer .btn-tx-wrap .btn-tx{color:var(--normalTx);}

/* bg활성화 클래스 'has-bg':'휴대폰 본인인증', 'FAQ' 화면만 회색배경 */
.layer-body.has-bg{background-color:var(--defaultlBg);}
.layer-body.has-bg ~ .layer-footer{background-color:var(--defaultlBg);}

/* btn */
.btn-wrap{display:flex;justify-content:center;align-items:center;gap:6px;padding:0 20px;}
.btn-wrap.between{justify-content:space-between;}
.layer-body .btn-wrap{margin-top:32px;}
.btn{
    height:56px;
	width:100%;
    max-width:100%;
    padding:0 20px;
    font-family:'Pretendard', 'sans-serif';
    font-weight:500;
    font-size:20px;
    color:#fff;
    border:1px solid var(--primary);
    border-radius:12px;
}
.btn.primary{background-color:var(--primary);}
.btn.secondary{background-color:var(--secondary);border-color:var(--secondary);}
.btn.positive{background-color:var(--positive);}
.btn.negative{background-color:var(--negative);}
.btn.line{color:var(--primary);background-color:#fff;border-color:var(--primary);}
.btn.line-secondary{color:var(--secondary);background-color:#fff;border-color:var(--secondary);}
.btn.xs{padding:2px 4px;font-size:1.2rem;min-width:auto;}
.btn-tx-wrap{text-align:center;margin:10px 0 0;}
.btn-tx{position:relative;display:inline-block;font-size:13px;line-height:20px;color:var(--normalTx);}
.btn-tx::after{content:'';position:absolute;left:0;bottom:0px;width:100%;height:1px;background-color:var(--normalTx);}

.bt-cert{min-width:78px;height:48px;font-size:1.6rem;line-height:2.2rem;color:#fff;background-color:var(--secondary);border:1px solid var(--secondary);border-radius:12px;}
.bt-cert.active{color:#fff;background-color:var(--primary);border:1px solid var(--primary);}
.bt-cert:disabled{color:var(--grayM);background-color:#EFEFEF;border-color:var(--grayL);cursor:default;}

.bt-link{position:relative;display:inline-block;font-size:1.6rem;line-height:2.2rem;font-weight:600;}
.bt-link::before{content:'';position:absolute;left:0;bottom:2px;width:calc(100% - 13px);height:1px;background-color:var(--black);}
.bt-link::after{content:'';display:inline-block;vertical-align:middle;margin-top:-2px;width:12px;height:12px;background:url('../img/ico_arr_r.svg') no-repeat 0 0 / 12px auto;}
/* disable */
.btn.disable,
.btn:disabled{color:#fff;background-color:var(--disablBg) !important;border-color:var(--disablBg) !important;pointer-events:none;}

/* content ======================================================================================== */
h1{font-size:2.6rem;color:var(--black);}

/* form */
.err-line{border-color:var(--err) !important;}
input[type="text"],
input[type="number"],
input[type="password"]{display:flex;align-items:center;line-height:normal !important;height:20px;margin:0;padding:4px 6px;border:1px solid var(--grayL);border-radius:12px;}
select{display:block;position:relative;height:100%;padding:4px 6px;align-content:center;border:1px solid var(--grayL);border-radius:12px;cursor:pointer;background-color:transparent;}
.selectbox{position:relative;height:100%;padding:0;background-color:transparent;}
.selectbox::before{content:'';position:absolute;top:50%;right:0px;margin-top:-2px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:8px solid #000;border-right:8px solid transparent;border-radius:2px;transform:rotate(90deg);border-radius:4px;}
.selectbox label{position:absolute;top:1px;left:0px;width:100%;height:100%;padding:0 5px;align-content:center;color:var(--grayD);}
.selectbox.focus::before{transform:scaleY(-1)}
.selectbox select{width:100%;opacity:0;border:0;}
/* disabled */
input:disabled,
select:disabled{font-weight:500;cursor:default;}

input[type="text"]:read-only,
input[type="textarea"]:read-only,
input[type="number"]:read-only,
input[type="tel"]:read-only,
input[type="password"]:read-only{color:var(--black) !important;background-color:#f3f4f7 !important;border-color:#c5c8d3 !important;}
input[type="text"]:disabled,
input[type="textarea"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled{color:var(--grayM) !important;background-color:#f3f4f7 !important;border-color:#c5c8d3 !important;}
input[type="text"].err-line,
input[type="textarea"].err-line,
input[type="number"].err-line,
input[type="tel"].err-line,
input[type="password"].err-line{border-color:var(--err) !important;}

input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled + i,
input[type="radio"]:disabled,
input[type="radio"]:disabled + i{background-color:#E1E3EA !important;}

.radio-form label{cursor:pointer;}
.radio-form input[type="radio"]{position:absolute;width:18px;height:18px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);border:0;}
.radio-form input[type="radio"] + i{display:inline-block;width:18px;height:18px;border:1px solid #aaa;border-radius:50%;}
.radio-form input[type="radio"]:checked + i{border-width:4px;border-color:var(--primary);}
.err,
.table .err{display:inline-block;vertical-align:middle;margin-top:8px;margin-left:4px;font-size:1.4rem;line-height:2rem;color:var(--err);}

/* layer-form */
.form-label{position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;}
.h2-tit{width:100%;font-size:1.6rem;line-height:2rem;color:var(--grayD);}
.form-label .h2-tit + input{margin-top:8px;}
.layer-form .h2-tit{padding:0 8px;}
.layer-form .h2-tit + .form-label,
.inp-util + .form-label{margin-top:8px;}
.layer-form ~ .layer-form{margin-top:20px;}
.layer-form{position:relative;}
.layer-form .form-label{position:relative;font-size:1.6rem;line-height:2.2rem;color:var(--black);cursor:pointer;}
.layer-form > .form-label{width:100%;height:auto;}
.layer-form .form-label input[type="text"]{width:100%;height:46px;padding:0 16px 0px 16px;font-size:1.6rem;}
.layer-form .form-label input[type="text"].inp-cert-num{padding:0 70px 0px 16px;}
.layer-form .form-label .form-time{position:absolute;right:16px;top:16px;font-size:1.4rem;line-height:1.8rem;color:var(--err);}
/* .inp-cert-num.active{border-color:var(--black);} */
/* checkbox */
.layer-form.check{display:flex;margin-top:16px;padding:0 8px;}
.layer-form.check input[type="checkbox"]{position:absolute;width:22px;height:22px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);border:0;z-index:2;}
.layer-form.check input[type="checkbox"] ~ .form-label{width:calc(100% - 30px);font-size:1.4rem;line-height:2.2rem;color:var(--grayM);}
.layer-form.check input[type="checkbox"] + i{display:block;width:22px;height:22px;margin-right:8px;padding:0;background-color:#fff;border:1px solid #979BAA;border-radius:6px;}
.layer-form.check input[type="checkbox"]:checked + i{border-color:var(--secondary);background:var(--secondary) url('../img/ico_checkmark.svg') no-repeat center center / 13px auto;}
.layer-form.check input[type="checkbox"]:checked ~ .form-label{color:var(--black);font-weight:700;}
.layer-form.check input[type="checkbox"] + i + label:before{content:'';position:absolute;left:-30px;top:0;width:22px;height:22px;}
.layer-form.check input.inp-check-all[type="checkbox"]{width:28px;height:28px;}
.layer-form.check input.inp-check-all[type="checkbox"] ~ .form-label{font-size:1.6rem;line-height:2.2rem;}
.layer-form.check input.inp-check-all[type="checkbox"] + i{width:28px;height:28px;}
.layer-term{margin-top:32px;}
.layer-term .layer-form.check{margin-top:0px;}
.layer-term .layer-form.check .btn-tx{position:absolute;right:8px;top:50%;margin-top:-8px;line-height:14px;color:var(--grayM);border-color:var(--grayM);}
.layer-term .layer-form.check .btn-tx::after{background-color:var(--grayM);}
.layer-term + .layer-form{margin-top:32px;}
.check-one{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #E9E9EB;}
.layer-term.all-checked .check-one{display:none;}
/* .inp-util{display:block;position:absolute;right:8px;top:0;}
.inp-util .check-label{display:flex;align-items:center;font-size:1.4rem;line-height:2rem;cursor:pointer;gap:8px;}
.inp-util .inp-check[type="checkbox"]{position:absolute;left:0;top:0;width:22px;height:22px;opacity:0;margin:0;}
.inp-util .inp-check[type="checkbox"] + i{display:inline-block;width:22px;height:22px;padding:0;background-color:#fff;border:1px solid #8D8F9B;border-radius:6px;overflow:auto;}
.inp-util .inp-check[type="checkbox"]:checked + i{border-color:var(--primary);background:var(--primary) url('../img/ico_checkmark.svg') no-repeat calc(50% + 1px) center / 13px auto;} */

.tit-util{position:relative;display:inline-block;}
.tit-util .check-label{position:relative;display:inline-flex;align-items:center;font-size:1.4rem;line-height:2rem;color: var(--grayM);cursor:pointer;gap:4px;}
.tit-util .inp-check-name[type="checkbox"]{position:absolute;right:0;top:2px;width:14px;height:14px;opacity:1;margin:0;}
.tit-util .inp-check-name[type="checkbox"] + i{display:inline-block;width:14px;height:14px;padding:0;background-color:#fff;border:1px solid #979BAA;border-radius:2px;overflow:auto;}
.tit-util .inp-check-name[type="checkbox"]:checked + i{border-color:var(--secondary);background:var(--secondary) url('../img/ico_checkmark.svg') no-repeat 50% 50% / 10px auto;}
.h2-tit .tit-util{margin-left:8px;padding-left:8px;}
.h2-tit .tit-util::before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#B1B5C3;}

.check-name2{display:none;margin-top:8px;}
.layer-form.checkedName .check-name2{display:flex;}
.layer-form.checkedName .check-name1{display:none;}
/* radio */
.form-radio-tab{display:flex;justify-content:center;align-items:center;margin-top:8px;width:100%;}
.form-radio-tab .form-label{position:relative;flex:1;}
.form-radio-tab .radio-tab{opacity:0;position:absolute;left:0;top:0;width:100%;height:48px;margin:0;padding:0;cursor:pointer;}
.form-radio-tab .radio-tab + i{display:inline-flex;justify-content:center;align-items:center;width:100%;height:48px;font-size:1.6rem;color:var(--grayM);background-color:#fff;border:1px solid var(--grayL);border-radius:12px 0 0 12px;}
.form-radio-tab .form-label:nth-child(2) .radio-tab + i{padding-top:2px;border-radius:0 12px 12px 0;}
.form-radio-tab .radio-tab:checked + i{color:#fff;background-color:var(--primary);border-color:var(--primary);border-width:2px;}
/* select */
.select-group{display:flex;align-items:center;width:100%;height:48px;padding:0 16px 0 0;background-color:#fff;border:1px solid var(--grayL);border-radius:12px;}
.select-group .selectbox{font-size:1.6rem;line-height:2.2rem;}
.select-group .selectbox label{display:flex;align-items:center;height:4.6rem;padding:0 0 0 16px;color:var(--black);}
.select-group .selectbox label.active{color:var(--black);}
.select-group .form-label input{height:100%;padding:0;margin-top:2px;font-size:1.6rem;line-height:2.2rem;border:0;}
.select-group.disabled{color:var(--grayM) !important;background-color:#f3f4f7 !important;border-color:#c5c8d3 !important;}
.select-group.disabled .selectbox,
.select-group.disabled .selectbox label,
.select-group.disabled select{color:var(--grayM) !important;}
.select-group.readonly{color:var(--black) !important;background-color:#f3f4f7 !important;border-color:#c5c8d3 !important;}
.select-group.readonly .selectbox,
.select-group.readonly .selectbox label,
.select-group.readonly select{color:var(--black) !important;}
.select-group.err-line{border-color:var(--err);}
/* group */
.form-group{display:flex;gap:8px;width:100%;vertical-align:space-between;align-items:center;flex-wrap:wrap;padding-top:8px;}
.form-group > .form-label input[type="text"]{width:100%;height:46px;line-height:4.6rem;padding:0px 16px;font-size:1.6rem;}
.form-group > .form-radio-tab{margin-top:0;}
.form-group.hasRadio > .form-label{flex:1;}
.form-group.hasRadio > .form-radio-tab{width:120px;}
.form-group.hasBtn > .select-group{flex:1;gap:10px;}
.form-group.hasBtn > .select-group .selectbox{width:120px;}
.form-group.hasBtn > .select-group .selectbox label:after{content:'';position:absolute;}
.form-group.hasBtn > .select-group .selectbox select{width:120px;}
.form-group.hasBtn > .select-group .form-label{display:inline-block;width:calc(100% - 120px);}
.form-group.hasBtn > .select-group .form-label input{width:100%;height:44px;padding-left:0;background-color:transparent !important;border-radius:0;}
.form-group.hasBtn > .bt-cert{display:block;width:80px !important;}
.form-group.hasBtn > .bt-cert .tx{letter-spacing:-1px;}
/* inp twin */
.layer-form .form-label.inp-twin{position:relative;border:1px solid var(--grayL);border-radius:12px;background-color:#fff;overflow:hidden;}
.layer-form .form-label.inp-twin input{width:calc(50% - 38px) !important;height:46px;padding:0px 16px 0;border:0;}
.layer-form .form-label.inp-twin .unit{display:block;width:8px;text-align:center;}
.layer-form .form-label.inp-twin .unit + input{font-weight:700;letter-spacing:3px;}/*caret-color:transparent;*/
.layer-form .form-label.inp-twin .ico-disc{position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:37px;font-size:1.8rem;cursor:default;letter-spacing:1px;pointer-events:none;}
.layer-form .form-label.inp-twin .ico-disc::before{content:'';}
.layer-form .form-label.inp-twin.disabled,
.layer-form .form-label.inp-twin.disabled input{color:var(--grayM);background-color:#f3f4f7;border-color:#c5c8d3;}
.layer-form .form-label.inp-twin.readonly,
.layer-form .form-label.inp-twin.readonly input{color:var(--black);background-color:#f3f4f7;border-color:#c5c8d3;}
.layer-form .form-label.inp-twin.err-line{border-color:var(--err);}
.layer-form .form-label.inp-twin input:read-only,
.layer-form .form-label.inp-twin input:disabled{background-color:transparent !important;}

/* tab nav */
.tab-wrap{margin-top:48px;}
.tab-tit{font-size:1.6rem;line-height:2rem;color:var(--grayD);}
.tab-nav{display:flex;justify-content:center;align-items:center;margin-top:8px;width:100%;gap:12px;}
.tab-nav .tab-item{position:relative;flex:1;}
.tab-nav .tab-item .tab-link{display:inline-flex;justify-content:center;align-items:center;min-width:30%;width:100%;height:40px;font-size:1.8rem;color:var(--grayM);border:1px solid var(--grayM);border-radius:12px;}
.tab-nav .tab-item.active .tab-link{color:var(--primary);border-color:var(--primary);border-width:2px;font-weight:700;cursor:pointer;}

/* table */
.table{width:100%;border-top:1px solid #666;}
.table th{height:var(--cellHeight);align-content:center;padding:10px 20px;font-size:1.4rem;font-weight:600;background-color:#eee;border-bottom:1px solid #ddd;}
.table td{height:var(--cellHeight);align-content:center;padding:10px;font-size:1.4rem;font-weight:600;border-bottom:1px solid #ddd;}
.table td input[type="text"],
.table td input[type="number"]{width:calc(100% - 14px);max-width:286px;font-weight:600;}
.table td select{width:calc(100%);max-width:314px;font-weight:600;}

/* 안내 */
.ul-desc{position:relative;margin-top:20px;padding:0 16px;}
.ul-desc .ul-desc{margin-top:10px;}
.ul-desc li{font-size:1.2rem;line-height:1.6rem;color:var(--normalTx);}
.ul-desc li i{font-size:1.2rem;}
.ul-desc > li{padding-left:4px;}
.ul-desc > li > i{padding-right:2px;}
.pay-info + .ul-desc{margin-top:32px;}

/* 메인 */
.pay-way-wrap{padding-top:48px;}
.pay-way-wrap .h2-tit{padding-left:8px;}
.pay-way-list{margin-top:7px;padding:22px 0;border-radius:16px;background-color:var(--defaultlBg);}
.pay-way-item{position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:28px;padding:0px 16px;}
.pay-way-item ~ .pay-way-item{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);}
.pay-way-item input[type="radio"]{padding:0;position:absolute;top:0;width:28px;height:28px;border-radius:20px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);border:0;z-index:2;}
.pay-way-item input[type="radio"] + i{display:inline-block;width:28px;height:28px;margin-right:8px;border:1px solid #979BAA;background-color:#fff;border-radius:20px;}
.pay-way-item ~ .pay-way-item input[type="radio"]{margin-top:18px;}
.pay-way-item input[type="radio"] + i + label:before{content:'';position:absolute;left:0;width:28px;height:28px;margin:-3px 0 0 16px;}
.pay-way-item input[type="radio"]:checked + i{border-width:8px;border-color:var(--primary);}
.pay-way-item input[type="radio"]:disabled + i{border-width:1px;background-color:#E1E3EA;}
.pay-way-item .pane-label{font-size:1.6rem;line-height:2.2rem;color:var(--normalTx);cursor:pointer;}
.pay-way-item input[type="radio"]:checked ~ .pane-label{color:var(--black);font-weight:700;}
.pay-way-item .pane-cont{display:none;position:relative;width:100%;padding-top:15px;}
.pay-way-item input[type="radio"]:checked ~ .pane-cont{display:block;}
.pane-cont.pane-certi{display:block;padding-top:0;}
/* UI_BAS_LND_003 하단 자동결제 처리 동의 */
.layer-footer-util{display:flex;align-items:center;width:100%;position:absolute;right:0;bottom:108px;left:0;height:var(--layerFooterUtilH);}
.layer-footer-util .layer-form.check{margin:0;padding:0px 28px 0;}
.layer-footer-util .layer-form.check input[type="checkbox"]{margin-left:20px;}
.layer-footer-util .layer-form.check input[type="checkbox"] ~ .form-label{line-height:2rem;}

/* 계좌 */
.acc-list{border:1px solid var(--grayL);border-radius:6px;background-color:#fff;}
.acc-list li{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:10px 12px;gap:12px;}
.acc-list li ~ li{border-top:1px solid var(--grayL);}
.acc-list li .left{width:82px;font-size:1.4rem;line-height:2rem;color:var(--grayM);}
.acc-list li .right{flex:1;text-align:right;font-size:1.4rem;line-height:2rem;color:var(--black);}
.acc-list li .price{font-size:inherit;}

/* 결제 */
.layer-pay{padding-top:40px;}
.layer-pay__tit{display:block;text-align:center;color:#30323B;;font-family:'IBKDreamWeb', 'sans-serif';font-weight:600;font-size:2.2rem;line-height:2.8rem;}
.layer-pay__tit .price-wrap{display:flex;justify-content:center;align-items:center;height:30px;font-family:'IBKDreamWeb', 'sans-serif';font-weight:600;font-size:2.2rem;line-height:2.8rem;gap:8px;}
.layer-pay__tit .price{display:inline-flex;justify-content:center;align-items:center;text-align:center;font-family:'IBKDreamWeb', 'sans-serif';font-weight:600;font-size:2.2rem;line-height:2.6rem;color:var(--primary);}
.layer-pay__tit .price .num{position:relative;font-family:'IBKDreamWeb', 'sans-serif';font-weight:600;font-size:2.6rem;line-height:3rem;color:var(--primary);}
.layer-pay__tit .price .num::before{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background-color:var(--primary);z-index:2;}

/* 카드 상세 */
.layer-pay .layer-body-ci{position:relative;right:inherit;top:inherit;display:block;text-align:center;}
.layer-pay .layer-body-ci img{width:102px;}
.layer-pay .detail .layer-pay__tit{font-size:2.2rem;line-height:3.2rem;color:var(--black);font-weight:700;}
.layer-pay .detail .layer-pay__tit.desc{text-align:left;font-size:1.6rem;line-height:2.2rem;font-weight:500;}

.pay-info{margin-top:32px;border-top:1px solid var(--grayD);}
.pay-info:after{content:'';display:block;clear:both;}
.pay-info ~ .pay-info{margin-top:16px;}
.pay-info .pay-info__tit{padding:9px 0;font-size:1.3rem;line-height:1.9rem;}
.pay-info .pay-info__calc{display:flex;justify-content:space-between;align-items:center;height:56px;padding:11px 16px 8px;}
.pay-info .pay-info__calc .left{width:88px;}
.pay-info .pay-info__calc .right{width:calc(100% - 88px);text-align:right;}
.pay-info .pay-info__calc .left .tx{font-size:inherit;line-height:inherit;color:var(--black);font-weight:600;}
.pay-info .pay-info__calc .right .tx{font-size:inherit;line-height:inherit;color:var(--black);font-weight:600;}
.pay-info .pay-info__calc .right .tx .price{font-weight:600;}
.pay-info .pay-info__list{border-top:1px solid #E9E9EB;}
.pay-info .pay-info__list li{min-height:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:0px;padding:12px 16px 8px;border-bottom:1px solid #E9E9EB;}
.pay-info .pay-info__list li .left{width:90px;}
.pay-info .pay-info__list li .right{text-align:right;width:calc(100% - 90px);}
.pay-info .pay-info__list li .left .tx{font-size:1.6rem;line-height:2.2rem;color:var(--grayM);}
.pay-info .pay-info__list li .right .tx{font-size:1.6rem;line-height:2.2rem;color:var(--grayD);}
.pay-info .pay-info__list.cancel{border-top:0;}
.pay-info .pay-info__list.cancel li{padding:22px 16px 18px;}

/* card slide */
.layer-pay .info-limit{position:absolute;left:130px;top:-22px;margin-top:0;font-size:1.2rem;line-height:1.6rem;color:#454855;}
.layer-pay .pane-03 .info-limit{left:inherit;right:2px;}
.layer-pay .info-limit .tit{font-size:inherit;line-height:inherit;color:var(--primary);}
.layer-pay .info-limit .pc{display:none;}
.layer-pay .info-limit .mo{display:inline-block;}
.layer-pay .info-limit .price{font-size:inherit;}
.layer-pay .info-limit .tit + .price{margin-left:4px;}
.layer-pay .layer-slider-wrap{position:relative;height:190px;margin-top:0px;padding:0 0 12px 0;border-radius:12px;}
.layer-pay .layer-slider{overflow:hidden;}
.layer-pay .slider{width:224px;margin:0 auto;}
.layer-pay .slider::after{content:'';display:block;clear:both;}
.layer-pay .slider .slick-slide{float:left;height:100%;}
.layer-pay .slider .slick-slide .item{position:relative;display:flex !important;justify-content:center;flex-wrap:wrap;padding-top:2px;min-height:180px;}
.layer-pay .slider .slick-slide .item > img{opacity:.6;border-radius:8px;width:194px;height:124px;}
.layer-pay .slider .slick-slide.slick-active .item > img{opacity:1;}
.layer-pay .slider .slick-slide .item:before{content:'';position:absolute;left:50%;top:50%;z-index:10;width:196px !important;height:124px !important;transform:translate(-50%, -50%);margin-top:-26px;border:2px solid var(--primary);border-radius:10px;opacity:0;}
.layer-pay .slider .slick-slide.slick-active .item:before{opacity:1;animation:cardSelect;transition-delay:.5s;transition-duration:.8s;}
@keyframes cardSelect{
from{opacity:0;}
to{opacity:1;}
}
.layer-pay .slider .slick-slide .item .card-info-wrap{position:absolute;bottom:0;padding-top:16px;width:100%;text-align:center;}
.layer-pay .slider .slick-slide .item .card-info-wrap .name{font-size:1.3rem;line-height:1.7rem;color:var(--black);}
.layer-pay .slider .slick-slide.slick-active .item .card-info-wrap .name{color:var(--primary);}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap{display:inline-flex;align-items:center;margin-top:5px;}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap .info{position:relative;font-size:1.2rem;line-height:1.6rem;color:var(--normalTx);}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap .info.limit{color:var(--normalTx)}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap .info ~ .info{margin-left:5px;padding-left:5px;}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap .info.last{color:var(--black);padding-left:6px;}
.layer-pay .slider .slick-slide .item .card-info-wrap .info-wrap .info ~ .info::before{content:'';position:absolute;left:-4px;top:50%;margin-top:-4px;display:block;margin-left:4px;width:1px;height:8px;background-color:#e1e3ea;}
.layer-pay .slider .slick-slide .item .card-toast-msg{position:absolute;top:0;left:14px;display:flex;align-items:center;justify-content:center;width:196px;height:124px;border-radius:10px;background-color:rgba(255,255,255,.5);}
.layer-pay .slider .slick-slide .item .card-toast-msg p{opacity:0;max-width:180px;min-height:46px;padding:8px 16px;border-radius:30px;background-color:rgba(0,0,0,.85);color:#fff;font-size:1.2rem;font-weight:400;line-height:125%;text-align:center;}
.layer-pay .slider .slick-slide.slick-active .card-toast-msg p{opacity:1;}

.bt-slick{display:block;font-size:2rem;line-height:0;position:absolute;top:50%;margin-top:-43px;width:24px;height:24px;bottom:inherit;padding:0;cursor:pointer;z-index:2;}
.bt-slick::before{content:'';display:block;width:24px;height:24px;background-image:url('../img/bt_prev.svg');}
.bt-slick:hover::before{background-image:url('../img/bt_next_on.svg');}
.slick-prev{left:50%;margin-left:-110px;}
.slick-next{right:50%;margin-right:-110px;}
.slick-prev::before{transform:scaleX(1);}
.slick-next::before{transform:scaleX(-1);margin-right:-12px;}
.slick-prev:hover::before{transform:scaleX(-1);}
.slick-next:hover::before{transform:scaleX(1);}
.bt-slick.slick-disabled,
.bt-slick.slick-disabled::before{display:none;}

/* loan */
.loan-list{border:1px solid var(--grayL);border-radius:6px;}
.loan-list li{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:10px 12px;gap:12px;}
.loan-list li ~ li{border-top:1px solid var(--grayL);}
.loan-list li .left{width:90px;font-size:1.4rem;line-height:2rem;color:var(--grayM);}
.loan-list li .right{flex:1;text-align:right;font-size:1.4rem;line-height:2rem;color:var(--black);}
.loan-list li .price{font-size:inherit;}
.estimate-list{margin-top:32px;}
.tit-wrap + .estimate-list{margin-top:40px;}
.estimate-list .h2-tit + .loan-list{margin-top:8px;}
.estimate-list .loan-list{border:0;}
.estimate-list .loan-list li{min-height:48px;font-size:1.4rem;line-height:1.8rem;background-color:#fff;border:1px solid #C5C8D3;border-radius:12px;}
.estimate-list .loan-list li + li{margin-top:8px;}
.loan-list li.active{border-color:var(--err);}
.estimate-list .loan-list li .right{font-size:1.6rem;line-height:2.2rem;color:var(--black);}
.estimate-list .loan-list li.disabled{background-color:#F3F4F7;}
.estimate-list .loan-list li.disabled .right{color:var(--grayD);}

/* 약관, 본인확인 */
.tit-wrap{padding-top:40px;}
.tit-wrap h1{font-size:2.2rem;line-height:3.2rem;color:var(--black);font-weight:700;}
.descript{font-size:1.4rem;line-height:2rem;color:var(--grayM);}
.tit-wrap .descript{margin-top:10px;color:var(--grayM);}

/* 결제 완료, 실패 */
.complete{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:column;margin:0 auto;min-height:400px;padding-top:120px;height:auto;}/*height:calc(var(--layerHeight) - var(--layerHeaderH) - var(--layerFooterH) - var(--layerBodyBottomPD));*/
.complete .result{text-align:center;}
.complete .ico{display:block;width:40px;height:40px;margin:0 auto;background:url('../img/ico_complete_sucess.svg') no-repeat  0 0 / 40px auto;}
.complete .ico.pay{background-image:url('../img/ico_complete_sucess.svg');}
.complete .result.info .ico{background-image:url('../img/ico_complete_info.svg');}
.complete .result.err .ico{background-image:url('../img/ico_complete_err.svg');}
.complete .result.fail .ico{background-image:url('../img/ico_complete_err.svg');}
.complete .tx{margin-top:16px;font-family:'IBKDreamWeb', 'sans-serif';font-weight:600;font-size:2.6rem;line-height:3.0rem;color:var(--err);}
.complete .tx em{font-family:inherit;font-size:inherit;line-height:inherit;color:var(--black);}
.complete .tx-sub{text-align:center;margin-top:16px;font-weight:500;font-size:1.8rem;line-height:2.4rem;color:var(--grayM);}
.complete .result.success > .tx{color:#1654d1;}
.complete .result.err > .tx{color:var(--err);}
.complete .result.info > .tx{color:#56585C;}
.complete .err{text-align:center;font-size:1.6rem;line-height:2.2rem;font-weight:600;}
.complete .err p{font-size:inherit;font-weight:400;}
.complete .descript{margin-top:32px;text-align:center;word-break:keep-all;}
.descript ~ .bt-link{margin-top:8px;}
.complete .result.fail ~ .descript{color:var(--primary);}
.complete .result .tx-sub,
.complete > .err{max-width:280px;word-break:keep-all;}
.complete .err-code{margin-top:2rem;font-size:1.8rem;line-height:2.4rem;font-weight:600;color:var(--grayM);}
.bt-link + .err{font-size:1.4rem;line-height:2rem;}
/* UI_BAS_LND_007 하단 전자영수증보기 */
.complete .body-fix-item{position:absolute;bottom:66px;text-align:center;}
/* UI_BAS_LND_006 하단 카드다시선택하기 */
.layer-popup.has-keypad .layer-body{height:calc(var(--layerHeight) - var(--layerHeaderH) - 300px );}
.complete .body-fix-item.card-pw{position:relative;bottom:inherit;display:block;}
.complete .body-fix-item.card-pw .bt-link{margin-left:12px;padding:0;color:var(--black);}
.complete .btn-wrap.card-pw .bt-link{margin-left:12px;padding:0;}

/* 카드비밀번호 */
.complete.certify{min-height:auto;height:auto;padding-top:80px;}
.complete.certify .tx{text-align:center;margin-top:0;font-family:'Pretendard', 'sans-serif';font-size:2.2rem;line-height:3.2rem;font-weight:700;color:var(--black);}
.complete.certify .tx > .tx-sub{color:var(--black);}
.complete.certify .tx ~ .certify-input{margin-top:40px;}
.complete.certify .descript{color:var(--primary);}
.complete.certify .errresult h1{position:absolute;left:-200px;top:0;visibility:hidden;}
.complete.certify .errresult .tx-sub{margin-top:50px;max-width:300px;font-size:1.4rem;line-height:1.8rem;color:var(--err);}
.certify-input{display:inline-flex;padding:0;gap:20px;}
.certify-input .input-pw{padding:0;width:1.8rem;height:1.8rem;line-height:1.8rem;font-size:1.4rem;text-align:center;background-color:#E4D7D7;color:transparent;border:0;border-radius:50%;transition:background-color 0.2s;text-indent:-1000px;}
.certify-input .input-pw.filled{background-color:var(--passwordBg);color:var(--passwordBg);}
.certify-input .input-pw.readonly{pointer-events:none;background-color:var(--passwordBg);cursor:none;}
.certify-input + .err{margin-top:24px;margin-left:0;font-size:1.4rem;line-height:1.8rem;color:var(--primary);}
.complete > .tx-sub{margin-top:0;}
.infomation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;margin:0 auto;min-height:400px;height:calc(var(--layerHeight) - var(--layerHeaderH) - var(--layerFooterH) - var(--layerBodyBottomPD));}
.infomation .tx{text-align:center;font-size:1.8rem;line-height:2.4rem;color:#30323B;}
.pw-wrap{position:relative;height:0px;margin-top:0px;margin-bottom:20px;margin-left:-19px;}
.pw-wrap .input-pw2,
.pw-wrap .input-pw2:read-only,
.pw-wrap .input-pw2:disabled{opacity:0 !important;margin-top:11px;margin-left:-59px;padding:0;width:77px;height:32px;background:none !important;border:none !important;font-size:82px;color:var(--primary) !important;letter-spacing:-2px;cursor:pointer;caret-color:transparent !important;z-index:2;-webkit-appearance:none;-webkit-border-radius:0;}
#pwd1Copy{position:absolute;left:-74px;top:70px;}
.pw-wrap .pw-disc{position:absolute;left:50%;top:50%;width:200px;margin:24px 0 0 -57px;z-index:-1;}/*transform:translate(-57px, 24px);*/
.pw-wrap .pw-disc .disc{position:relative;display:inline-block;width:18px;height:18px;margin:0;padding:0;overflow:visible;box-shadow:none;background-color:#E4D7D7;border-radius:50%;}
.pw-wrap .pw-disc .disc ~ .disc{margin-left:17px;}
.pw-wrap .pw-disc .disc:nth-child(1)::before,
.pw-wrap .pw-disc .disc:nth-child(2)::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--primary);border-radius:50%;z-index:2;opacity:.2;}
.pw-wrap .pw-disc .disc.active:nth-child(1)::before,
.pw-wrap .pw-disc .disc.active:nth-child(2)::before{opacity:1;}
.pw-wrap .pw-disc .disc:nth-child(3),
.pw-wrap .pw-disc .disc:nth-child(4){background-color:var(--primary);}
.certify-input{padding-top:40px;}
.pw-wrap + .err{padding-top:56px;margin-left:8px;font-size:1.4rem;line-height:1.8rem;color:var(--err);}
.pw-wrap + .body-fix-item.card-pw{margin-top:60px;}
.errresult + .body-fix-item.card-pw{margin-top:40px;}

/* etc */
hr{display:block;margin:0;padding:0;width:100%;height:1px;background-color:#E9E9EB;border:none;}
.list-none.list-card{display:flex;justify-content:center;align-items:center;margin:12px auto 16px;width:196px;height:124px;font-size:1.2rem;color:var(--grayD);background-color:#f6f6f6;border-radius:8px;}
.loading{width:100%;height:56px;margin:0 auto;}
.loading:before{content:'';position:absolute;width:56px;height:56px;margin-left:-28px;background:url('../img/loading.svg') no-repeat 0 0 / 56px auto;animation:spin .7s linear 0s infinite;}
@keyframes spin{
from{transform:rotate(0);}
to{transform:rotate(359deg);}
}
.address{display:block;margin-top:20px;padding:0 8px;}
.address .tx ~ .tx{padding-top:0px;}
.address .tx{display:block;font-size:1.2rem;line-height:1.8rem;color:var(--grayM);}
.address .info-list{display:block;}
.address .info-list:after{content:'';display:block;clear:both;}
.address .info-list li{position:relative;float:left;}
.address .info-list li ~ li{margin-left:10px;padding-left:10px;}
.address .info-list li ~ li:before{content:'';position:absolute;left:-1px;top:4px;width:1px;height:10px;background-color:var(--grayM);}
.pay-way-wrap .loan-list ~ .err{display:block;text-align:right;}
.msg-box{text-align:center;margin-top:8px;width:100%;max-width:312px;padding:16px 27px;color:var(--normalTx);font-size:1.4rem;line-height:2rem;background-color:#f3f4f7;border-radius:12px;word-break:keep-all;word-wrap:break-word;}
.layer-company-ci{text-align:right;}
.layer-form .check-name1 .sr-only,
.layer-form .check-name2 .sr-only,
.layer-form .select-group .form-label .sr-only{display:block;width:100%;height:100%;}

/* 약관 */
.agreeBox{margin-top:24px;}
.agreeBox ~ .agreeBox{margin-top:60px;}
.agreeBox .term-doc{line-height:2.4rem;}
.agreeBox h3.term_h_tit{padding-bottom:6px;}
.agreeBox h3.term_h_tit, .agreeBox p{font-size:1.5rem;}
.agreeBox ul li,
.agreeBox ul li *{font-size:1.4rem;}
.agreeBox h3.term_h_tit ~ h3.term_h_tit{margin-top:20px;}
.agreeBox h3.term_tit,
.agreeBox h4.term_tit{margin-top:10px;font-size:1.5rem;}
.agreeBox table{margin:10px 0;border:1px solid #aaa;border-top:0;}
.agreeBox table th{padding:10px;border-top:1px solid #aaa;text-align:left;}
.agreeBox table td{padding:10px;border-top:1px solid #aaa;border-left:1px solid #aaa;}
.agreeBox .agreePre{white-space:pre-line;line-height:24px;font-size:1.5rem;}
.agreeBox table th{background-color:#efefef;}
.agreeBox table th ~ th{border-left:1px solid #aaa;}
.agreeBox table th, .agreeBox table td{font-size:1.3rem;padding:6px;}

/* FAQ */
.faq-list{margin-top:40px;padding:0 8px;}
.faq-list .faq-item{padding:16px 0;}
.faq-list .faq-item:first-child{border-top:1px solid var(--grayD);}
.faq-list .faq-item ~ .faq-item{border-top:1px solid #E9E9EB;}
.faq-list .faq-item .faq-tit{position:relative;display:flex;align-items:center;padding:0 0 0 36px;min-height:28px;}
.faq-list .faq-item .faq-tit::before{content:'Q';position:absolute;left:0;top:0;width:28px;height:28px;align-content:center;text-align:center;font-size:1.6rem;line-height:3rem;color:#fff;background-color:var(--secondary);border-radius:50%;}
.faq-list .faq-item .faq-tit .faq-btn{position:relative;text-align:left;width:100%;padding:2px 28px 0 0;font-size:1.6rem;line-height:2.2rem;color:#30323B;}
.faq-list .faq-item .faq-tit .faq-btn::after{content:'';position:absolute;top:50%;right:0;margin-top:-9px;width:18px;height:18px;background:url('../img/ico_arr_down.svg') no-repeat center center / auto 18px;transform:rotate(0deg);transition-duration:.2s;}
.faq-list .faq-item .faq-tit .faq-btn.expanded::after{transform:rotate(-180deg);}
.faq-list .faq-item .faq-collapse{padding:16px 8px 0 36px;font-size:1.4rem;line-height:2rem;color:var(--grayM);}
.faq-list .faq-item .faq-collapse .point1{font-size:inherit;line-height:inherit;color:#E90000;}
.faq-list .faq-item .faq-collapse .point2{font-size:inherit;line-height:inherit;color:#1654D1;}

/* 여백 */
section ~ .section{margin-top:30px;}
.tit-wrap + .layer-form{margin-top:32px;}
.loading + .tx{margin-top:24px;margin-left:0;}
.bt-link + .err{margin-top:24px;margin-left:0;}
.result + .err{margin-top:40px;margin-left:0;}
.layer-term .layer-form.check + .hr_line{margin-top:16px;}
.layer-term .hr_line + .layer-form.check{margin-top:16px;}
.layer-term .layer-form.check + .layer-form{margin-top:16px;}
.err-code + .msg-box{margin-top:32px;}

/* guide */
.guide-wrap{max-width:1000px;margin:0 auto 80px;display:flex;flex-direction:column;border-top:2px solid #666;}
.guide-wrap:first-child{margin-top:50px;}
.guide-wrap .cell{flex:1;margin:0;padding:0;}
.guide-view{padding:20px;}
.guide-tx{padding:8px;font-size:1.6rem;border-bottom:1px solid #aaa;}
.guide-code{margin:0px 0 0 0;padding:16px 20px;width:calc(100% - 40px);font-size:1.6rem;font-weight:300;color:#fff;background-color:#000;border:0;outline:none;}
.guide-wrap input[type="text"]{max-width:300px;}
.guide-wrap .form-label.inp-twin{max-width:300px;}
.guide-wrap .select-group{max-width:280px;}

/* 키패드 */
.transkey{width:100%;max-width:604px;left:50% !important;transform:translate(-50%);}

/* fullpage */
.layer-fullpage{display:none;position:fixed;left:50%;top:0;width:100%;max-width:604px;height:100%;transform:translate(-50%);z-index:30;}
.fullpage-inner{height:var(--layerHeight);}
body.has-pattern .layer-fullpage .layer-header{border-bottom:1px solid #F4F4F5;}
.layer-loading{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;min-height:812px;width:100%;height:100vh;z-index:2;}
.layer-loading .loading{margin-top:-30px;text-align:center;}
.layer-loading .tx{text-align:center;font-size:2rem;line-height:3rem;font-weight:400;color:#eee;}
.layer-loading .tx em{font-size:2rem;font-weight:400;color:#eee;}

/* UI_BAS_LND_003 자동결제처리 동의 */
.layer-popup.has-util .layer-body{height:calc(var(--layerHeight) - var(--layerHeaderH) - var(--layerFooterH) - 64px );}/* util높이 44 + 하단여백 20 */
.layer-popup.has-util .layer-footer{display:inline-flex;justify-content:flex-end;flex-wrap:wrap;flex-direction:column;width:100%;min-height:180px;max-width:604px;margin:0 auto;}
.layer-popup.has-util .layer-footer .util{margin-left:0;}

/* pc ======================================================================================== */
@media (min-width: 604px) {
    body{overflow-x:hidden;max-width:604px;height:100%;margin:0 auto;}
    body::after{content:'';position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.4;z-index:-1;}

    /* layer-header */
    .layer-header{position:sticky;top:0;z-index:3;}

    /* layer-body */
    .layer-body{padding:0 20px 0;width:100%;}
    .layer-body.has-fix-btn{padding-bottom:160px;height:600px;}
    .layer-body::-webkit-scrollbar{width:6px;background-color:var(--defaultlBg);background-color:transparent;}
    .layer-body::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:50px;}
    .layer-body::-webkit-scrollbar-track{background-color:#fff;}
    .layer-body::-webkit-scrollbar-button:vertical:start:decrement{content:'';display:block;height:0px;background-color:transparent;}
    .layer-body::-webkit-scrollbar-button:vertical:end:decrement{content:'';display:block;height:0px;background-color:transparent;}

    /* layer-footer */
    .layer-footer{max-width:604px;margin:0 auto;}

    /* form */
    .layer-form .form-label input[type="text"]{height:38px;}
    .layer-form .form-label.inp-twin input{height:38px;line-height:4rem;}
    .select-group{height:40px;}
    .layer-form .form-label .form-time{top:12px;}
    .form-group.hasBtn > .bt-cert{height:40px;}
    .form-group.hasBtn > .select-group .form-label input{height:36px;}
    .select-group .selectbox label{height:3.8rem;}

    /* detail */
    .layer-pay .detail{overflow-y:auto;height:600px;margin:0 -14px 0 -14px;padding:0 20px 0px 20px;}
    .layer-pay .detail::-webkit-scrollbar{width:6px;background-color:var(--defaultlBg);background-color:transparent;}
    .layer-pay .detail::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:50px;}
    .layer-pay .detail::-webkit-scrollbar-track{background-color:#fff;}
    .layer-pay .detail::-webkit-scrollbar-button:vertical:start:decrement{content:'';display:block;height:0px;background-color:transparent;}
    .layer-pay .detail::-webkit-scrollbar-button:vertical:end:decrement{content:'';display:block;height:0px;background-color:transparent;}
    .tit-wrap + .detail{margin-top:40px;}

    /* btn */
    .btn-wrap .btn{max-width:330px;}

    /* 안내 */
    .ul-desc{padding:0;}

    /* 결제 완료, 실패 */
    .complete .tx{font-size:3.2rem;line-height:3.6rem;}
    .complete .tx-sub{font-size:2.2rem;line-height:2.8rem;}
    .complete .result .tx-sub, .complete > .err{max-width:310px;}
    .body-fix-item .descript{font-size:1.8rem;line-height:2.4rem;font-weight:400;}
    .bt-link{font-size:1.8rem;line-height:2.4rem;}
    .msg-box{max-width:520px;font-size:1.6rem;line-height:2.2rem;}

    /* etc */
    .bt-close{display:none;}
    .layer-fullpage .bt-close{display:block;}

    /* UI_BAS_LND_003 자동결제처리 동의 */
    .layer-popup.has-util .layer-body{height:calc(var(--layerHeight) - var(--layerHeaderH) - var(--layerFooterH) - 42px );}/* util높이 22 + 하단여백 20 */
}

/* UI_BAS_LND_007 하단 전자영수증보기 */
@media (max-height: 610px) {
    .complete .body-fix-item:not(.card-pw){position:relative;bottom:inherit;}
}

/* UI_BAS_LND_006 하단 카드다시선택하기 */
@media (max-height: 600px) {
    .complete.certify{min-height:auto;padding-top:80px;}
    .layer-popup.has-keypad .layer-body{height:calc(var(--layerHeight) - var(--layerHeaderH) - 240px );}
    .complete .body-fix-item.card-pw{position:relative;top:0;bottom:inherit;margin-top:30px;}
}

/* .mobile */
body.mobile .bt-close{display:block !important;}
body.mobile::after{background-color:transparent !important;}
body.mobile,
body.mobile .layer-popup{width:100% !important;max-width:100% !important;}
body.mobile .layer-footer{max-width:100% !important;}
body.mobile .layer-footer .util{padding-left:28px;}
body.mobile .layer-footer .util .layer-form{padding-left:0;}
body.mobile.iframeBaas .bt-close{display:none !important;}

/* .full */
body.full,
body.full .layer-popup{width:100% !important;max-width:100% !important;}
body.full .layer-footer{max-width:100% !important;}
body.full .layer-footer .util{padding-left:28px;}
body.full .layer-footer .util .layer-form{padding-left:0;}

/* modal open */
.scroll-lock::after{background:transparent;}

/* js ======================================================================================== */
/* js tab nav */
.js-tab-pane{display:none;}
.js-tab-pane.show{display:block;}
/* js accordion */
.js-accordion .js-collapse{display:none;}
.js-accordion .js-collapse.show{display:block;}
/* 휴대폰본인인증 주민번호 키패드버튼 */
#jumin2_tk_btn{position:absolute !important;left:0 !important;bottom:0 !important;height:0 !important;opacity:0 !important;}

/* 금융결제원 PG 연동 */
.bt-back{position:absolute;left:20px;top:calc(50% - 10px);width:20px;height:20px;background:url('../img/bt_top_back.svg') no-repeat 0 0 / 20px 20px;}
.bt-close.visible{display:block;position:absolute;right:20px;top:calc(50% - 10px);width:20px;height:20px;margin:0;background:url('../img/bt_top_close.svg') no-repeat 0 0 / 20px 20px;}
.bt-close.visible:before, .bt-close.visible:after{display:none;}

.baas-loading{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center;}
.baas-loading-icon{display:block;width:56px;height:56px;margin:0 auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28 44.8C37.2784 44.8 44.8 37.2784 44.8 28C44.8 18.7216 37.2784 11.2 28 11.2C18.7216 11.2 11.2 18.7216 11.2 28C11.2 37.2784 18.7216 44.8 28 44.8ZM28 49C39.598 49 49 39.598 49 28C49 16.402 39.598 7 28 7C16.402 7 7 16.402 7 28C7 39.598 16.402 49 28 49Z' fill='%23E1E3EA'/%3E%3Cpath d='M27.9982 9C38.4917 9 46.9982 17.5066 46.9982 28C46.9982 38.4934 38.4917 47 27.9982 47C27.9432 46.9999 27.8988 46.9554 27.8986 46.9004C27.8986 46.8452 27.9431 46.7999 27.9982 46.7998C38.3812 46.7998 46.798 38.383 46.798 28C46.798 17.617 38.3812 9.2002 27.9982 9.2002C21.0403 9.20026 14.9641 12.9798 11.7131 18.5996C11.6854 18.6474 11.6242 18.6644 11.5764 18.6367C11.5288 18.609 11.5127 18.5477 11.5402 18.5C14.8254 12.8209 20.9658 9.00007 27.9982 9Z' fill='%23D4000B' stroke='%23D4000B' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");animation:spinner .7s linear infinite;}
.baas-loading-text{display:block;color:#979AA4;font-size:1.4rem;text-align:center;}
.baas-loading-text strong{display:block;margin:24px 0 12px;color:#101113;font-family:'IBKDreamWeb', 'sans-serif';font-size:2rem;font-weight:600;line-height:2.6rem;}
@keyframes spinner{ 
	to {transform: rotate(360deg);} 
}
.baas-pay-item{margin-top:32px;color:#737373;font-size:1.8rem;font-weight:600;text-align:center;}
.baas-service-tx{margin:48px 0 40px;color:#235FD2;font-family:'IBKDreamWeb', 'sans-serif';font-size:1.8rem;font-weight:600;line-height:2.6rem;word-break:keep-all;text-align:center;}
.baas-service-step{text-align:center;}
.baas-step + .baas-step{margin-top:32px;}
.baas-step .tx{display:block;min-height:20px;color:#737373;font-size:1.6rem;line-height:2.2rem;word-break:keep-all;}
.baas-step .tx:before{content:'';display:inline-block;width:20px;height:20px;margin-right:4px;background:url('../img/ico_exclaim.svg');background-size:20px 20px;vertical-align:-4px;}
.baas-step .btn{width:240px;max-width:auto;min-height:40px;height:auto;margin-top:8px;padding:10px 20px;border-radius:8px;border-color:#4393F0;background-color:#4393F0;color:#fff;font-size:1.4rem;}