@import url(re_font.css);

/* reset */
.contents_mbl *{font-family:'AcuonText', 'Apple SD Gothic Neo',Arial,sans-serif; margin:0; padding:0;font-weight:normal;}
.contents_mbl div,.contents_mbl span,.contents_mbl h1,.contents_mbl h2,.contents_mbl h3,.contents_mbl h4,.contents_mbl h5,.contents_mbl h6,
.contents_mbl p,.contents_mbl a,.contents_mbl em,.contents_mbl font,.contents_mbl img,.contents_mbl strong,.contents_mbl header,.contents_mbl footer,
.contents_mbl aside,.contents_mbl nav,.contents_mbl dl,.contents_mbl dt,.contents_mbl dd,.contents_mbl ol,.contents_mbl select,.contents_mbl button,
.contents_mbl ul,.contents_mbl li,.contents_mbl fieldset,.contents_mbl form,.contents_mbl label,.contents_mbl legend,.contents_mbl caption,
.contents_mbl tbody,.contents_mbl tfoot,.contents_mbl thead,.contents_mbl tr,.contents_mbl textarea,.contents_mbl input {font-size:16px; line-height: 1.5; font-family:"Spoqa Han Sans Neo", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif; margin:0;padding:0;box-sizing:border-box;}
.contents_mbl a{text-decoration: none; color:#111; border:none}
.contents_mbl button{background:none; border:none}
.contents_mbl i {font-style: normal;}
.contents_mbl input{border:none}

.contents_mbl .blind, .mbl-wrap .blind{position: absolute !important;left: 0 !important;top: 0 !important;width: 1px !important;height: 1px !important; opacity: 0 !important; overflow: hidden;margin-left: -1rem !important;border: 0 none !important;background: transparent !important;color: transparent !important;}
.contents_mbl .txt-l{text-align:left !important;}
.contents_mbl .txt-r{text-align:right !important;}
.contents_mbl .txt-c{text-align:center !important;}

.contents_mbl .color1{color:#da3620}
.contents_mbl {padding:0 20px 20px; background:#f7f8fa; font-family: 'AcuonText'; font-weight: 400; color:#111;  box-sizing:border-box;}
.contents_mbl.bg-no{background:#fff}
.contents_mbl.bg-no .float-bot>.inr{background:#fff}
 
/* title */
.contents_mbl .hd-tit2{font-weight:700; transform:skew(-0.1deg); font-size:26px; line-height:38px;}
.contents_mbl .hd-tit3{font-weight:700; transform:skew(-0.1deg); font-size:20px; line-height:30px;}
.contents_mbl .hdt-item{position:relative;}
.contents_mbl .hdt-item .desc{font-size:15px; line-height:23px; color:#666}
.contents_mbl .hdt-item .desc.error {color:#da3620}
.contents_mbl .hdt-item .hd-tit2+.desc{margin-top:24px}
.contents_mbl .hdt-item[class*='ico-r']::after{display:block; content:""; width:72px; height:72px; position:absolute; top:32px; right:2px; background:url('/mobileWeb_renewal/images/new/ico/ico_tit_join.png') no-repeat; background-size:68px 72px}
.contents_mbl .hdt-item [class*='bt-ico-']::after{display:block; content:""; margin:24px auto 0; width:144px; height:120px}
.contents_mbl .hdt-item .bt-ico-password::after{background:url('/mobileWeb_renewal/images/new/ico/ico_password.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-pattern::after{background:url('/mobileWeb_renewal/images/new/ico/ico_pattern.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-finger::after{background:url('/mobileWeb_renewal/images/new/ico/icon_finger.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-certificate::after{background:url('/mobileWeb_renewal/images/new/ico/icon_certificate.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-certificate.lg::after{width:152px; height:120px; background:url('/mobileWeb_renewal/images/new/ico/icon_certificate_lg.png') no-repeat; background-size:152px 120px}
.contents_mbl .hdt-item .bt-ico-faceid::after{background:url('/mobileWeb_renewal/images/new/ico/ico_faceid.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-cancel::after{background:url('/mobileWeb_renewal/images/new/ico/ico_cancel.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-private::after{background:url('/mobileWeb_renewal/images/new/ico/ico_private.png') no-repeat; background-size:144px 120px}
.contents_mbl .hdt-item .bt-ico-joint::after{background:url('/mobileWeb_renewal/images/new/ico/icon_joint.png') no-repeat; background-size:144px 120px}

.contents_mbl .hdt-item .bt-ico-certiget::after{background:url('/mobileWeb_renewal/images/new/ico/icon_certiget.png') no-repeat; background-size:160px 64px; width:160px; height:64px}
.contents_mbl .hdt-item .bt-ico-certiout::after{background:url('/mobileWeb_renewal/images/new/ico/icon_certiout.png') no-repeat; background-size:212px 64px; width:212px; height:64px}
.contents_mbl .hdt-item .ico-item-box{margin-bottom:24px}
.contents_mbl .hdt-item .ico-item-box::before{display:block; content:""; margin:44px auto 24px;}
.contents_mbl .hdt-item .ico-item-box.ico-empty::before{width:100px; height:120px; background:url('/mobileWeb_renewal/images/new/ico/icon_empty.png') no-repeat; background-size:100px 120px}
.contents_mbl .hdt-item .ico-item-box .tit{margin-bottom:8px; font-size:18px; font-weight:700; transform:skew(-0.1deg); }
.contents_mbl .hdt-item.ct{text-align:center}
.contents_mbl .hdt-item.step{display:flex; justify-content: space-between; align-items: start;}
.contents_mbl .hdt-item.step .hd-step{min-width:38px; height:20px; margin-top:8px; padding:0 8px; border-radius:20px; background:#009574; color:#fff; font-size:13px; text-align:center}
.contents_mbl .hdt-item .desc-box{margin:24px 0 49px;}
.contents_mbl .hdt-item .desc-box .desc{margin-top:24px; line-height:23px; color:#333; transform:skew(-0.1deg); }
.contents_mbl .hdt-item .desc-box .desc .pointer{font-weight:700; font-size:15px; color:#009574}
.contents_mbl .hdt-item .desc-box.cancel .desc{color:#666}
.contents_mbl .hdt-item>.inr .desc{margin-top:12px}
.contents_mbl .hdt-item.certi {margin-top:44px}
.contents_mbl .hdt-item.certi .pointer{margin-top:48px; font-weight:700; transform:skew(-0.1deg); font-size:16px; line-height:24px; color:#009574}
.contents_mbl .hdt-item.certi .pointer+.desc{margin-top:8px}
/* btn */
.contents_mbl .btn{display:inline-flex; justify-content:center; align-items: center; vertical-align: middle; overflow: hidden; white-space: nowrap; width:100%; height:52px; font-size:18px; font-family: 'AcuonText';  font-weight:700; transform:skew(-0.1deg);  color:#666; border-radius:8px; background:#ccc; color:#fff}
.contents_mbl .btn.md{height:40px; font-size:15px; font-weight:400;}
.contents_mbl .btn.sm{width:auto; min-width:60px; height:28px; padding:0 12px; font-size:13px; color:#111; border-radius: 16px; font-weight:400;}
.contents_mbl .btn.a{background:linear-gradient(90deg, rgba(0,172,91,1) 0%, rgba(0,149,116,1) 100%); color:#fff}
.contents_mbl .btn.b{background:#70bf54; color:#fff}
.contents_mbl .btn.c{background:#f0f2f7; color:#111; border:1px solid #dfe4ea}
.contents_mbl .btn.d{background:#fff; color:#111;}
.contents_mbl .btn.e{background:#009574; color:#fff}
.contents_mbl .btn.f{background:#fff; color:#111; border:1px solid #ebeef2; box-shadow:0 8px 16px -4px rgb(0 0 0 / 5%)}
.contents_mbl .btn[class*='ico-']::after{display:inline-block; content:""; width:12px; height:12px; margin-left:7px}
.contents_mbl .btn.ico-serch::after{background:red;}
.contents_mbl .btn.b.ico-serch::after{background:blue;}
.contents_mbl .btn-set{display:flex;}
.contents_mbl .btn-set .btn+.btn{margin-left:8px}
.contents_mbl .btn-set .btn.md+.btn.md{margin-left:6px}
.contents_mbl .btn-set.flex .btn{flex:2}
.contents_mbl .btn-set.flex .btn:first-child{flex:1}
.contents_mbl .btn-sel{position:relative; background:#fff; min-width:110px; font-size:18px; font-weight:700; transform:skew(-0.1deg); text-align:left}
.contents_mbl .btn-sel::after{display:block; content:""; width:20px; height:20px; background:url('/mobileWeb_renewal/images/new/ico/icon_sel_arrow.png') no-repeat center center; background-size: 20px 20px; position:absolute; top:50%; right:0; transform:translateY(-50%);}

/* 탭메뉴 */
.contents_mbl .mbl-tab .tab-lst{display:flex; justify-content: space-between; align-items:center; margin:0 -24px 20px; padding:0 24px}
.contents_mbl .mbl-tab .tab-lst>li{width:100%}
.contents_mbl .mbl-tab .tab-lst>li>.bt{display:block}
.contents_mbl .mbl-tab .tab-lst.sm{justify-content:start;}
.contents_mbl .mbl-tab .tab-lst.sm>li{width:auto;}
.contents_mbl .mbl-tab .tab-lst.sm>li+li{margin-left:24px}
.contents_mbl .mbl-tab .tab-lst.sm .bt{position:relative;padding:16px 0 11px;  font-weight:700; transform:skew(-0.1deg); font-size:16px; line-height:24px; color:#888}
.contents_mbl .mbl-tab .tab-lst.sm .active .bt{color:#111}
.contents_mbl .mbl-tab .tab-lst.sm .active .bt::after{display:block; content:""; height:3px; position:absolute; bottom:-1px; left:0; right:0; background:#009574}
.contents_mbl .mbl-tab .tab-lst.sm.line{border-bottom:1px solid #ebeef2}
.contents_mbl .mbl-tab .tab-lst.round{justify-content:start;}
.contents_mbl .mbl-tab .tab-lst.round>li{width:auto;}
.contents_mbl .mbl-tab .tab-lst.round>li+li{margin-left:19px}
.contents_mbl .mbl-tab .tab-lst.round .bt{display:flex; align-items: center; position:relative; min-width:65px; height:32px; padding:0 12px; background:#f7f8fa; font-size:15px; color:#666; border-radius: 16px;}
.contents_mbl .mbl-tab .tab-lst.round .active .bt{background:#009574; color:#fff}
.contents_mbl .mbl-tab .tab-lst.lg{background:#f7f8fa; padding:16px}
.contents_mbl .mbl-tab .tab-lst.lg .bt{text-align:center; font-size:15px; color:#666}
.contents_mbl .mbl-tab .tab-lst.lg .active .bt{background:#fff; min-height:48px; display:flex; justify-content: center; align-items: center; color:#111; border-radius: 6px 6px 0 0; box-shadow:1px 0px 10px rgb(0 0 0 / 5%);}
.contents_mbl .mbl-tab[data-tab-mbl] .tab-cot{display:none}
.contents_mbl .mbl-tab[data-tab-mbl] .tab-cot.active{display:block}
.contents_mbl .hdt-item+.mbl-tab{margin-top:24px}
.contents_mbl .mbl-tab[data-tab-scroll]{position:relative; margin-top:-20px}
.contents_mbl .mbl-tab[data-tab-scroll] .tab-cot{padding-top:52px; display:block}
.contents_mbl .mbl-tab[data-tab-scroll] .tab-cot .mbl-terms-wrap{padding-top:40px}
.contents_mbl .mbl-tab[data-tab-scroll] .tab-lst{position:fixed; top:64px; left:24px; right:0; height:52px; background:#fff; margin-bottom:0; z-index:2}

/* form */
.contents_mbl .hdt-item+.mbl-form{margin-top:44px}
.contents_mbl .mbl-form{margin-top:40px}
.contents_mbl .input-item{display:block; background:#fff; position:relative; height:52px; padding:13px 16px; border:1px solid #dfe4ea; border-radius:8px;}
.contents_mbl .input-item>input{width:100%; font-size:18px; line-height:18px; letter-spacing:-2px; font-weight:700; transform:skew(-0.1deg); caret-color:#70bf54}
.contents_mbl .input-item>input::-webkit-input-placeholder{color:#aaa; font-weight:700; transform:skew(-0.1deg); }
.contents_mbl .input-box.focus .input-item{/*outline:2px solid #111;*/ outline:none; box-shadow:0 0 0 2px #111;  border-radius:8px; }
.contents_mbl .input-box .lb {display:block; font-size:15px; line-height:23px; margin-bottom:8px; color:#333}
.contents_mbl .input-box .input-item [class*='ico-']{display:none; width:20px; min-width:20px; height:20px;}
.contents_mbl .input-box .info {margin-top:8px; font-size:13px; line-height:20px; color:#888}
.contents_mbl .input-box .msg{margin-top:8px; font-size:13px; line-height:20px; display:none}
.contents_mbl .input-box[class*='msg-'] .input-item{ display:flex; align-items:center}
.contents_mbl .input-box[class*='msg-'] .input-item [class*='ico-'] {display:block;}
.contents_mbl .input-box[class*='msg-'] .msg{display:block;}
.contents_mbl .input-box.msg-error .input-item {/*outline:2px solid #da3620;*/ outline:none; box-shadow:0 0 0 2px #da3620;}
.contents_mbl .input-box.msg-error .ico-error{background:url('/mobileWeb_renewal/images/new/ico/ico_msg_error.png') no-repeat center center; background-size: 20px 20px;}
.contents_mbl .input-box.msg-error .msg{color:#da3620}
.contents_mbl .input-box.msg-code .ico-close-btn{border:1px solid red;}
.contents_mbl .input-box.msg-code .time{margin-left:12px; font-size:13px; color:#009574}
.contents_mbl .input-box.msg-ok .input-item {outline:2px solid #70bf54;}
.contents_mbl .input-box.msg-ok .ico-ok{background:#70bf54;}
.contents_mbl .input-box.msg-ok .msg{color:#70bf54}
.contents_mbl .input-box+.input-box{margin-top:32px}
.contents_mbl .input-box .btn-set{margin-top:8px}
.contents_mbl .input-box .input-item+.input-item{margin-top:8px}
.contents_mbl .input-box .input-item[class*='sp-'] {display:flex; align-items:center}
.contents_mbl .input-box .input-item.sp-phone .btn-sel{flex:1}
.contents_mbl .input-box .input-item.sp-phone .btn-sel+input{flex:2; margin-left:12px}
.contents_mbl .input-box .input-item.sp-phone.in .dash{margin:0 10px}
.contents_mbl .input-box .input-item.sp-res .dash{margin:0 10px; color:#aaa}
.contents_mbl .input-box .input-item.sp-res .f-num {width:20px; min-width:20px}
.contents_mbl .input-box .input-item.sp-res .l-num{color:#aaa; letter-spacing: 2px;}
.contents_mbl .input-box .input-item.sp-mail .dash{margin:0 10px; font-size:18px; font-weight:700; transform:skew(-0.1deg); }
.contents_mbl .input-box .input-item.sp-mail .btn-sel{width:100%}
.contents_mbl .input-box .input-item.sp-search .bt-search{width:20px; height:20px; background:url('/mobileWeb_renewal/images/new/ico/ico_search.png') no-repeat center center; background-size: 20px 20px;}
.contents_mbl .input-box.msg-error .sp-search input[type="text"]{padding-right:33px}
.contents_mbl .input-box .de-search,
.contents_mbl .input-box.msg-error .de-search.txt{display:none}
.contents_mbl .input-box .de-search.txt{height:auto;}
.contents_mbl .input-box .de-search.txt textarea{width:100%; font-size:18px; border:none;/*line-height:18px;*/ letter-spacing:-2px; font-weight:700; transform:skew(-0.1deg); }
.contents_mbl .input-box.active .de-search{display:block}


.contents_mbl .input-box.msg-error .input-item.sp-mail .ico-error,
.contents_mbl .input-box.msg-error .input-item.sp-search .ico-error{position: absolute; right:46px}
/* .contents_mbl .input-box.msg-code.msg-error  .ico-error{position: absolute; right:60px} */

/* input - disabled */
.contents_mbl .input-item.disabled {background:#f0f2f7; border:1px solid #ebeef2}
.contents_mbl .input-item.disabled .btn-sel{background:#f0f2f7;border:none}
.contents_mbl .input-item.disabled>input:disabled{overflow-x: auto;}
.contents_mbl .input-item.disabled>input:disabled::-webkit-input-placeholder{background:#f0f2f7; color:#aaa} 
.contents_mbl .input-item.disabled textarea{background:#f7f8fa;}
.contents_mbl .input-item.disabled.bg-no{background:#fff}
.contents_mbl .input-item.disabled.bg-no>input:read-only,
.contents_mbl .input-item.disabled.bg-no>input:read-only::-webkit-input-placeholder{background:#fff;color:#aaa}



/* input -read-only */
.contents_mbl .input-item.readonly{background:#f7f8fa; border:1px solid #dfe4ea; }
.contents_mbl .input-item.readonly .btn-sel{background:#f7f8fa;}
.contents_mbl .input-item.readonly>input:read-only{overflow-x: auto;}
.contents_mbl .input-item.readonly>input:read-only,
.contents_mbl .input-item.readonly>input:read-only::-webkit-input-placeholder{background:#f7f8fa; color:#666} 
.contents_mbl .input-item.readonly textarea{background:#f7f8fa;}
.contents_mbl .input-item.readonly.bg-no{background:#fff}
.contents_mbl .input-item.readonly.bg-no>input:read-only,
.contents_mbl .input-item.readonly.bg-no>input:read-only::-webkit-input-placeholder{background:#fff;color:#aaa}

.contents_mbl .btn-lst{display:flex; margin-top:40px; padding-bottom:88px; justify-content: center;}
.contents_mbl .btn-lst .bt-lk{font-size:15px; position:relative;}
.contents_mbl .btn-lst .bt-lk+a::after{display:block; content:""; width:1px; height:12px; background:#dfe4ea; position:absolute; top:50%; left:12px; transform: translateY(-50%);}
.contents_mbl .btn-lst .bt-lk+a{padding-left:25px}

/* radio */
.contents_mbl .input-radio{white-space: nowrap;}
.contents_mbl .input-radio label{display:inline-block; font-size:16px; color:#333}
.contents_mbl .input-radio input[type="radio"]{position: relative; z-index: 1;top: -1px;left: 0;width: 24px;height: 25px; background:url('/mobileWeb_renewal/images/new/ico/ico_radio.png') no-repeat 0 -26px; background-size:24px 77px}
.contents_mbl .input-radio input[type="radio"]:checked {background-position-y:0}
.contents_mbl .input-radio input[type="radio"]:disabled {background-position-y:-52px}
.contents_mbl .input-radio input[type="radio"]:disabled+label{color:#888}
.contents_mbl .input-radio input[type="radio"]+label{padding-left:8px;}
.contents_mbl .input-radio+.input-radio{margin-left:24px}
.contents_mbl .input-radio.ch input[type="radio"]{width:24px; height:24px; background:url('/mobileWeb_renewal/images/new/ico/ico_check_large.png') no-repeat 0 -26px; background-size: 24px 51px;}
.contents_mbl .input-radio.ch input[type="radio"]:checked{background-position-y:1px}
.contents_mbl .input-radio.ch input[type="radio"]:disabled{background-position-y:0}
.contents_mbl .input-radio.ch input[type="radio"]+label{font-size:15px; line-height:15px; color:#666}
.contents_mbl .input-radio.ch input[type="radio"]+label{padding-left:12px}

/* checkbox */
.contents_mbl .input-check label{display:inline-block;}
.contents_mbl .input-check input[type="checkbox"]{position: relative; z-index: 1;top: 0;left: 0;width: 12px;height: 18px;background:red}
.contents_mbl .input-check input[type="checkbox"]:checked {background:blue}
.contents_mbl .input-check input[type="checkbox"]:disabled {background:gray}
.contents_mbl .input-check input[type="checkbox"]+label{padding-left:5px}
.contents_mbl .input-check input+label[type="checkbox"]{margin-left:8px}
.contents_mbl .input-check.sm input[type="checkbox"]{width:14px; height:14px}
.contents_mbl .input-check.sm input[type="checkbox"]:checked{background:blue}
.contents_mbl .input-check.sm input[type="checkbox"]:checked{background:gray}
.contents_mbl .input-check.sm input[type="checkbox"]+label{font-size:15px; line-height:15px; color:#666}
.contents_mbl .input-check.sm input[type="checkbox"]+label{padding-left:12px}
.contents_mbl .input-check.md input[type="checkbox"]{width:20px; height:20px; background:url('/mobileWeb_renewal/images/new/ico/ico_check_md.png') no-repeat 0 -19px; background-size: 20px 39px;}
.contents_mbl .input-check.md input[type="checkbox"]:checked{background-position-y:0}
.contents_mbl .input-check.md input[type="checkbox"]:checked{background-position-y:0}
.contents_mbl .input-check.md input[type="checkbox"]+label{font-size:15px; line-height:15px; color:#666}
.contents_mbl .input-check.md input[type="checkbox"]+label{padding-left:12px}
.contents_mbl .input-check.lg input[type="checkbox"]{width:24px; height:24px; background:url('/mobileWeb_renewal/images/new/ico/ico_check_large.png') no-repeat 0 -26px; background-size: 24px 51px;}
.contents_mbl .input-check.lg input[type="checkbox"]:checked{background-position-y:1px}
.contents_mbl .input-check.lg input[type="checkbox"]:disabled{background-position-y:0}
.contents_mbl .input-check.lg input[type="checkbox"]+label{font-size:15px; line-height:15px; color:#666}
.contents_mbl .input-check.lg input[type="checkbox"]+label{padding-left:12px}
.contents_mbl .input-check.lg-ru input[type="checkbox"]{width:24px; height:24px; background:url('/mobileWeb_renewal/images/new/ico/ico_check_large_rd.png') no-repeat 0 -27px; background-size: 24px 78px; }
.contents_mbl .input-check.lg-ru input[type="checkbox"]:checked{background-position-y:0}
.contents_mbl .input-check.lg-ru input[type="checkbox"]:disabled{background-position-y:-54px}
.contents_mbl .input-check.lg-ru input[type="checkbox"]+label{font-size:18px; line-height:18px; font-weight:700; transform:skew(-0.1deg); }
.contents_mbl .input-check.lg-ru input[type="checkbox"]+label{padding-left:8px}

/* 리스트 */
.contents_mbl .mbl-lst-wrap{margin-top:40px}
.contents_mbl .mbl-lst-box{background:#fff; position:relative; border:1px solid #ebeef2; }
.contents_mbl .mbl-lst-box.rd{height:86px; border-radius:8px; box-shadow: 0px 8px 16px rgb(0 0 0 / 5%);}
.contents_mbl .mbl-lst-box.rd+.mbl-lst-box.rd{margin-top:12px}
.contents_mbl .mbl-lst-box.rd.lk{height:60px}
.contents_mbl .mbl-lst-box.certi>a{display:block; width:100%;  padding:20px 20px 20px 76px;}
.contents_mbl .mbl-lst-box.certi [class*="ico-"]{ content:""; position:absolute; top:20px; left:12px; width:40px; height:40px;}
.contents_mbl .mbl-lst-box.certi .ico-ok{background:url('/mobileWeb_renewal/images/new/ico/ico_certi_ok.png') no-repeat center center; background-size: 40px 40px; }
.contents_mbl .mbl-lst-box.certi .ico-error{background:url('/mobileWeb_renewal/images/new/ico/ico_certi_error.png') no-repeat center center; background-size: 40px 40px; }
.contents_mbl .mbl-lst-box.certi .ico-copy{background:url('/mobileWeb_renewal/images/new/ico/ico_certi_copy.png') no-repeat center center; background-size: 40px 40px; left:20px }
.contents_mbl .mbl-lst-box.certi .c-tit{font-weight:700; transform:skew(-0.1deg);  font-size:16px; line-height:24px; color:#111}
.contents_mbl .mbl-lst-box.certi .c-txt{margin-top:2px; font-size:13px; line-height:19px; color:#666}
.contents_mbl .mbl-lst-box.certi.active{outline:2px solid #70bf54}
.contents_mbl .mbl-lst-box.certi.disabled{background:#ebeef2; outline: none; border:1px solid #ebeef2}
.contents_mbl .mbl-lst-box.certi.disabled p{color:#888}
.contents_mbl .mbl-lst-box.certi.rd{min-height:86px; height:100%}
.contents_mbl .mbl-lst-box.certi.sm {height:80px; min-height:80px}
.contents_mbl .mbl-lst-box.certi.sm>a{height:100%; display:flex; align-items:center;}
.contents_mbl .mbl-lst-box.lk>a{display:block; position:relative; padding:21px 20px; font-weight: 700; transform: skew(-0.1deg); font-size:16px; line-height:16px;}
.contents_mbl .mbl-lst-box.lk>a::after{content:""; position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('/mobileWeb_renewal/images/new/ico/ico_lk_more.png') no-repeat 0 0; background-size: 20px 20px;}
.contents_mbl .mbl-lst>li{display:flex; padding:20px 0; /*justify-content: center;*/ border-top:1px solid #ebeef2}
.contents_mbl .mbl-lst>li:first-child{border:none}
.contents_mbl .mbl-lst .r{margin-left:auto}

/* 통신사선택 */
/*
.contents_mbl .mbl-lst.side .input-check{display:flex; width:100%; align-items: center;}
.contents_mbl .mbl-lst.side .input-check label{width:100%; font-size:18px; }
.contents_mbl .mbl-lst.side .input-check[aria-checked="true"] label{font-weight:700}
.contents_mbl .mbl-lst.side .input-check input{margin-left:auto}
.contents_mbl .mbl-lst.side .input-check input[type="checkbox"]:checked label{ font-weight:700}
.contents_mbl .mbl-lst.side>li{padding:18px 0; border-top:1px solid #ebeef2}*/
.contents_mbl .mbl-lst.side .input-radio{display:flex; width:100%; align-items: center;}
.contents_mbl .mbl-lst.side .input-radio label{width:100%; font-size:18px; }
.contents_mbl .mbl-lst.side .input-radio[aria-checked="true"] label{font-weight:700}
.contents_mbl .mbl-lst.side .input-radio input{margin-left:auto}
.contents_mbl .mbl-lst.side .input-radio input[type="checkbox"]:checked label{ font-weight:700}
.contents_mbl .mbl-lst.side>li{padding:18px 0; border-top:1px solid #ebeef2}

/* 블릿 */
.contents_mbl .bullet li{padding-left:9px; position:relative; font-size:14px; line-height:21px; color:#666}
.contents_mbl .bullet li::after{display:block; content:""; position:absolute; top:7px; left:0; background:#aaa; width:3px; height:3px; border-radius: 100%;}
.contents_mbl .bullet li+li{margin-top:12px}
.contents_mbl .bullet li>.bullet-bar{margin-top:8px}
.contents_mbl .bullet-bar>li{padding-left:20px; position:relative; font-size:14px; line-height:21px; color:#666} 
.contents_mbl .bullet-bar>li::after{display:block; content:""; position:absolute; top:9px; left:5px; background:#aaa; width:6px; height:1px;}
.contents_mbl .bullet-bar>li+li{margin-top:4px}
.contents_mbl .bullet-nb li{padding-left:30px; text-indent:-30px; font-size:14px; line-height:21px; color:#666}
.contents_mbl .bullet-nb li+li{margin-top:12px}
.contents_mbl .bullet-nb .n{display:inline-flex; align-items:center; justify-content: center; width:22px; height:22px; background:#009574; margin-right:8px; text-indent:0; font-size:13px; font-weight:700; transform: skew(-0.1deg); color:#fff; border-radius:22px;}

/* 안내 */
.contents_mbl .mbl-notice .hdt{padding:16px 0 15px; border-bottom:1px solid #ebeef2}
.contents_mbl .mbl-notice .hdt .tit{font-size:18px; color:#111}
.contents_mbl .mbl-notice .hdt .tit::before{display:inline-block; content:""; width:18px; height:18px; margin-right:5px; background:red; vertical-align: middle;}
.contents_mbl .mbl-notice .con{padding:16px 0 0}
.contents_mbl .notice-txt {font-size:13px; line-height:19px; color:#888}
.contents_mbl .notice-txt::before{display:inline-block; content:""; width:20px; height:20px; margin-right:6px; vertical-align:middle;background:url('/mobileWeb_renewal/images/new/ico/ico_notice-txt.png') no-repeat 0 0; background-size:20px 20px}

/* 전체동의 */
.contents_mbl .mbl-terms{margin-top:40px}
.contents_mbl .mbl-terms .bt{display:block; width:20px; height:20px; background:url('/mobileWeb_renewal/images/new/ico/ico_terms_bt.png') no-repeat 0 0; background-size:20px 20px}
.contents_mbl .mbl-terms .terms-tit{padding-bottom:20px}
.contents_mbl .mbl-terms .terms-list>ul>li{display:flex; justify-content: space-between; align-items:center;}
.contents_mbl .mbl-terms .terms-list>ul>li+li{margin-top:12px}
.contents_mbl .mbl-terms .terms-list.other>ul>li{display:block; position:relative;}
.contents_mbl .mbl-terms .terms-list.other>ul>li>.input-check{display:flex}
.contents_mbl .mbl-terms .terms-list.other>ul>li>.input-check label{line-height:20px;word-break: keep-all;}
.contents_mbl .mbl-terms .terms-list.other>ul>li .bt{position:absolute; top:0; right:0}
.contents_mbl .mbl-terms .sub-input-item .input-check.md{display:inline-flex; margin:10px 0 0 24px}
.contents_mbl .mbl-terms .sub-input-item .input-check.md input[type="checkbox"]+label {padding-left:8px}
.contents_mbl .mbl-terms .sub-input-item .input-check label>span{width:auto; font-size:15px; line-height:20px; color:#666}


/* 완료페이지 */
.contents_mbl .complete-msg{position:relative; text-align:center; padding-top:24px} /*모바일앱 header 없는 경우 padding ê°’ ì ìš©*/
.contents_mbl .complete-msg.ico::after{display:block; content:""; width:144px; height:120px; margin:34px auto 0; background:url('/mobileWeb_renewal/images/new/ico/ico_complete.png') no-repeat 0 0; background-size:144px 120px}
.contents_mbl .btn-set+.notice-txt{margin-top:20px}

/* gray-box */
.contents_mbl .gray-box {background:#f7f8fa;padding:20px; border-radius:8px;}
.contents_mbl .gray-box .lst>li{display:flex; justify-content: space-between;}
.contents_mbl .gray-box .lst>li+li{margin-top:10px}
.contents_mbl .gray-box .lst .tit{min-width:95px; font-size:15px; line-height:23px; color:#666}
.contents_mbl .gray-box .lst .txt{font-size:15px; line-height:23px; font-weight:700; transform: skew(-0.1deg); color:#333}

/* header (상단 클래스 추가 하여 as-is 수정) */
.mbl-wrap.bg-gray,
.mbl-wrap.bg-gray #new-header,
.bg-gray .contents_mbl .float-bot>.inr{background:#f7f8fa;}
.mbl-wrap #new-header{height:64px;} 
.mbl-wrap #new-header .btn_back{top:20px; left:13px; width:24px; height:24px; background:url('/mobileWeb_renewal/images/new/ico/ico_btn_header.png') no-repeat center center; background-size:8px 15px; z-index:1000; border:none; text-indent:-9999px}
.mbl-wrap #new-header .header{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%) skew(-0.1deg); font-weight:700; font-family:'AcuonText'; font-size:17px; line-height:24px; color:#000}
.mbl-wrap #new-wrap{padding-top:64px}
.logo-mbl{ width:121px; height:64px; display:flex; align-items: center; margin-left:20px; background:url('/mobileWeb_renewal/images/new/ico/logo.png') no-repeat center center; background-size:121px 22px; }
.logo-mbl>a{display:block; width:100%; height:100%}

/* 하단고정 */
.contents_mbl .popup-layer .float-bot>.inr{background:#fff}
.contents_mbl .float-bot>.inr{ background:#f7f8fa; position:fixed; bottom:0; left:0; right:0; padding:0 24px 24px; z-index:2}
.contents_mbl .float-bot>.inr .btn-set+.btn-set{margin-top:16px}
.contents_mbl .float-bot>.inr .btn-set.full{margin:40px -8px 0}
.contents_mbl .float-bot>.inr .notice-txt+.btn-set{margin-top:24px}
.contents_mbl .float-bot.gray>.inr{background:#f7f8fa;}


/* 하단팝업 */
.contents_mbl .popup-layer.bt{ position:fixed;left:0rem;right:0rem;top:0rem;bottom:0;z-index:1000; background-color: rgba(0,0,0,0);outline:none;touch-action: none !important;transition:all 0.4s; visibility: hidden;}
.contents_mbl .popup-layer.bt>.inr{background: #ffffff; padding:0 24px 16px; border-radius:20px 20px 0 0;min-height:221px; position:absolute;bottom:0;left:0; right:0; transition:all 0.4s; /*transform: translate(0,0);  animation:popClose 0.5s linear;*/ transform: translateY(100vh)}
.contents_mbl .popup-layer.bt.active{display:block; background-color: rgba(0,0,0,0.5); visibility:visible; }
.contents_mbl .popup-layer.bt.active>.inr{/*position:absolute; transform:translate(0,0); animation:popOpen 0.5s linear*/ }
.contents_mbl .popup-layer.bt .phdt{min-height:64px; display:flex; align-items: center;}
.contents_mbl .popup-layer.bt .hd-tit1{font-size:16px; line-height:24px; font-weight:700; transform: skew(-0.1deg);}
.contents_mbl .popup-layer.bt .pcot{/*padding:24px 0*/ max-height:400px; overflow-y:auto;}
.contents_mbl .popup-layer.bt .pcot .hd-tit3{margin:16px 0}
.contents_mbl .popup-layer.bt .pcot .desc{color:#333; font-size:15px; line-height:23px}
.contents_mbl .popup-layer.bt .pbot{margin-top:40px}
.contents_mbl .popup-layer.bt .pbot>.btn-set{margin:0 -8px}

/* 풀팝업 */
.contents_mbl .popup-layer.full{ position:fixed;left:0rem;right:0rem;top:0rem;bottom:0;z-index:1000; background-color: rgba(0,0,0,0);outline:none;touch-action: none !important;transition:all 0.4s; visibility: hidden;}
.contents_mbl .popup-layer.full>.inr {background: #ffffff; height:100%; padding:0 20px 16px;position:absolute;bottom:0;left:0; right:0; transition:all 0.4s;/* transform: translate(0,0);animation:popClose 0.5s linear;*/ transform: translateY(100vh)}
.contents_mbl .popup-layer.full.active{display:block; background-color: rgba(0,0,0,0.5); visibility: visible;}
.contents_mbl .popup-layer.full.active>.inr{/*position:absolute; transform:translate(0,0); animation:popOpen 0.5s linear*/}
.contents_mbl .popup-layer.full .phdt{min-height:64px; display:flex; align-items: center;}
.contents_mbl .popup-layer.full .phdt.ct {justify-content:center;}
.contents_mbl .popup-layer.full .phdt .hd-tit1{font-size:16px; line-height:24px; font-weight:700; transform: skew(-0.1deg);}
.contents_mbl .popup-layer.full .pcot{padding:20px 0; overflow-y:auto;}
.contents_mbl .popup-layer.full .pbot{position:absolute; bottom:0; left:0; right:0;}
.contents_mbl .popup-layer.full.rd>.inr{border-radius:20px 20px 0 0; padding:0 24px 16px;}
.contents_mbl .popup-layer.full.rd .phdt{min-height:66px}
.contents_mbl .popup-layer.full.rd .pcot{padding:24px 0}
.contents_mbl .popup-layer.full .btn-close{position:absolute; top:20px; right:20px; width:20px; height:20px;background:url('/mobileWeb_renewal/images/new/ico/ico-pop-close-full.png') no-repeat center center; background-size:20px 20px}

/* 얼럿팝업 */
.contents_mbl .popup-layer.at{position:fixed;left:0rem;right:0rem;top:0rem;bottom:0;z-index:1000;background-color: rgba(0,0,0,0);outline:none;touch-action: none !important;transition:all 0.4s; visibility: hidden;}
.contents_mbl .popup-layer.at>.inr{background: #ffffff; padding:0 24px 16px; border-radius:20px 20px 0 0; position:absolute;bottom:0;left:0; right:0; transition:all 0.4s; /*transform: translate(0,0); animation:popClose 0.5s linear;*/transform: translateY(100vh) }
.contents_mbl .popup-layer.at.active{display:block; background-color: rgba(0,0,0,0.5); visibility: visible;}
.contents_mbl .popup-layer.at.active>.inr{/*position:absolute; transform:translate(0,0);  animation:popOpen 0.5s linear*/}
.contents_mbl .popup-layer.at .phdt{min-height:20px;}
.contents_mbl .popup-layer.at .pcot{padding-top:24px}
.contents_mbl .popup-layer.at .pcot .desc{color:#333; font-size:15px; line-height:23px}
.contents_mbl .popup-layer.at .pbot{margin-top:40px}
.contents_mbl .popup-layer.at .pbot>.btn-set{margin:0 -8px}

/*
@keyframes popOpen {
  from {transform: translateY(100vh);}
  to{transform: translateY(0);}
}
@keyframes popClose {
  from {transform: translateY(0);}
  to{transform: translateY(100vh);}
}*/

/*.popup-layer.bt .inr.pd-no{padding-bottom:0 !important}*/
.contents_mbl .popup-layer .pcot.pd-no{padding:0 !important}
.contents_mbl .popup-layer .btn-close{position:absolute; top:24px; right:16px; width:24px; height:24px;background:url('/mobileWeb_renewal/images/new/ico/ico-pop-close.png') no-repeat center center; background-size:24px 24px}
.contents_mbl .popup-layer.none{display:none !important}

.rock{overflow-y:hidden!important;}

/* 로그인 */
.contents_mbl .mbl-login .top-btns{margin:-12px 0 24px}
.contents_mbl .mbl-login .hdt-item .hd-tit2+.desc {margin-top:12px}
.contents_mbl .mbl-login .hdt-item [class*='bt-ico-']::after{margin-top:20px; width:120px; height:100px; background-size:120px 100px;}
.contents_mbl .mbl-login .hdt-item .bt-ico-finger::after{background-image:url('/mobileWeb_renewal/images/new/ico/icon_finger_sm.png');}
.contents_mbl .mbl-login .hdt-item .bt-ico-password::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_password_sm.png');}
.contents_mbl .mbl-login .hdt-item .bt-ico-faceid::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_faceid_sm.png');}
.contents_mbl .mbl-login .hdt-item .bt-ico-pattern::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_pattern_sm.png');}
.contents_mbl .mbl-login .hdt-item .bt-ico-certificate::after{width:126px; background-image:url('/mobileWeb_renewal/images/new/ico/icon_certificate_sm.png'); background-size:126px 100px;}
.contents_mbl .mbl-login .hdt-item .bt-ico-joint::after{background-image:url('/mobileWeb_renewal/images/new/ico/icon_joint_sm.png');}
.contents_mbl .mbl-login .hdt-item .ico-item-box.ico-empty::before{margin-top:32px; width:83px; height:100px; background:url('/mobileWeb_renewal/images/new/ico/icon_empty_sm.png') no-repeat 0 0; background-size:83px 100px;}
.contents_mbl .mbl-login .btn-login{margin-top:12px}
.contents_mbl .btn-login{/*margin:20px 0 160px*/ margin-top:20px}
.contents_mbl .btn-login.mb-no{margin-bottom:0}

.contents_mbl .pop-pattern.full>.inr {background:linear-gradient(90deg, rgba(0,172,91,1) 0%, rgba(0,149,116,1) 100%); color:#fff}
.contents_mbl .pop-pattern.full .btn-close{background-image:url('/mobileWeb_renewal/images/new/ico/ico-pop-close-w.png');}
.contents_mbl .pop-pattern.full .desc{color:#fff}
.contents_mbl .pop-pattern.full .pattern-area{margin:124px auto 0; width:196px; height:196px; background:url('/mobileWeb_renewal/images/new/dummy/img-patter.png') no-repeat center center; background-size:196px 196px}

.mbl-lst.login .input-radio label{font-weight:700; transform: skew(-0.1deg);}

/* 민간인 인증서 팝업 */
.contents_mbl .popup-layer.pop-priv-certi {}
.contents_mbl .popup-layer.pop-priv-certi.at .pcot{padding-top:16px}
.contents_mbl .popup-layer.pop-priv-certi .gray-box{margin:16px 0; padding:24px 0}
.contents_mbl .popup-layer.pop-priv-certi .tit{font-size:15px; line-height:22px; font-weight:700; transform:skewY(-0.1deg); text-align:center}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv{display:flex; margin-top:24px; justify-content:center;;}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li{padding-top:46px; min-width:66px; background-size:40px 40px; background-position:center 0; background-repeat:no-repeat; text-align:center}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico01{background-image:url('/mobileWeb_renewal/images/new/ico/ico_kakaopay.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico02{background-image:url('/mobileWeb_renewal/images/new/ico/ico_naver.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico03{background-image:url('/mobileWeb_renewal/images/new/ico/ico_toss.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico04{background-image:url('/mobileWeb_renewal/images/new/ico/ico_pass.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv span{font-size:13px; color:#333}

.contents_mbl .popup-layer.full.pop-login-mem .pcot{overflow-y: inherit;}
.contents_mbl .pop-login-mem .hdt-item{padding:4px 4px 48px}
.contents_mbl .pop-login-mem .mbl-lst-box.rd{margin:0 -4px}
.contents_mbl .pop-login-mem .mbl-lst-box.rd+.mbl-lst-box.rd{margin-top:12px}
.contents_mbl .pop-login-mem .txt-box{padding-left:4px}
.contents_mbl .pop-login-mem .txt-box .tit{margin-bottom:8px; font-size:18px; font-weight:700; line-height: 27px;}
.contents_mbl .pop-login-mem .txt-box .txt{font-size:15px; line-height:23px; color:#666}
.contents_mbl .pop-login-mem .txt-box .txt+.txt{margin-top:8px}
.contents_mbl .pop-login-mem .txt-box{margin-bottom:32px}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk{height:72px}  
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk::after{display:block; content:""; position:absolute; top:20px; left:20px; width:32px; height:32px; background-repeat: no-repeat; background-size:32px 32px}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk.icon1::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_login01.png');}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk.icon2::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_login02.png');}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk.icon3::after{background-image:url('/mobileWeb_renewal/images/new/ico/ico_login03.png');}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk>a{display:flex; height:100%; align-items:center; padding-left:60px}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk>a::after{top:26px}
.contents_mbl .pop-login-mem .logins-lst .mbl-lst-box.lk.active{box-shadow:0px 0px 0px 2px #009674}

.contents_mbl .float-bot.gray>.inr{background:#f7f8fa}
.contents_mbl .top-btns {margin:-9px 0 32px;text-align:right}
.contents_mbl .top-btns .bt-lk{position:relative; font-size:13px; color:#333}
.contents_mbl .top-btns .bt-lk::after{display:block; content:""; width:100%; height:1px; background:#666; position:absolute; bottom:-4px; left:0; right:0;}
.contents_mbl .float-bot.gray>.inr .bot-guide-box{padding-bottom:8px}
.contents_mbl .notice-item{margin-top:24px}
/* 회원가입 */
.contents_mbl .popup-layer.bt .confirm-item .desc{color:#666}
.contents_mbl .popup-layer.bt .confirm-item .btn-set{margin-top:24px}
.contents_mbl .popup-layer.bt .confirm-item::before{display:block; content:""; width:144px; height:120px; background:url('/mobileWeb_renewal/images/new/ico/icon_confirm.png') no-repeat 0 0; background-size:144px 120px; margin:0 auto;}
.contents_mbl .float-bot .regis-info{margin:0 -8px}
.contents_mbl .float-bot .regis-info .txt-box{padding:0 0 23px 80px; position:relative;}
.contents_mbl .float-bot .regis-info .txt-box::after{display:block; content:""; position:absolute; top:-12px; left:8px; width:60px; height:60px; background:url('/mobileWeb_renewal/images/new/ico/icon_regis_info.png') no-repeat 0 0; background-size:60px auto}
.contents_mbl .float-bot .regis-info .txt{font-size:15px; line-height:22px; color:#333}

.contents_mbl .popup-layer.pop-agree.at .pcot{padding-top:16px}
.contents_mbl .pop-agree .bullet{margin-top:32px}

/* 인증센터 */
.contents_mbl .bot-guide-box{margin:0 -24px; padding:32px 24px; border-top:1px solid #dfe4ea}
.contents_mbl .bot-guide-box .btn-set{margin-top:32px}
.contents_mbl .bot-guide-box .tit {margin-bottom:24px; font-size:18px; line-height:27px; font-weight:700; transform: skew(-0.1deg);}
.contents_mbl .certi-step-box{padding:24px 20px; margin:0 0 48px; display:flex; justify-content: center; background:#fff; border:1px solid #dfe4ea; border-radius:8px}
.contents_mbl .certi-step-box>ul{position:relative}
.contents_mbl .certi-step-box>ul::after{display:block; content:""; width:1px; height:100%; position:absolute; top:0; bottom:0; left:33px; background:url('/mobileWeb_renewal/images/new/ico/bg_step.png') repeat-y;}
.contents_mbl .certi-step-box>ul>li+li{padding-top:34px}
.contents_mbl .certi-step-box>ul>li{font-size:15px}
.contents_mbl .certi-step-box>ul>li span{position:relative; display:inline-flex;  align-items: center; justify-content: center; margin-right:16px; background:#009574; width:62px; height:30px; font-size:13px; font-weight:700; transform: skew(-0.1deg);border-radius: 22px; color:#fff;  z-index:11;}
.contents_mbl .hdt-item.ct+.certi-step-box{margin-top:-25px}
.contents_mbl .regis-item{margin:0 -24px; padding:48px 16px 49px; border-top:1px solid #dfe4ea;}
.contents_mbl .regis-item .tit{margin-bottom:24px; text-align:center; font-size:15px; font-weight:700; transform: skew(-0.1deg); line-height:22px; color:#333}

/* 슬라이드 */
.contents_mbl .slide-certi{margin-bottom:49px}
.contents_mbl .slide-certi .swiper .slide>li{list-style:none; width:100%}
.contents_mbl .slide-certi .swiper .slide>li .box{display:block;position: relative;}
.contents_mbl .slide-certi .swiper .slide>li .box {background:#fff; padding:24px 20px 20px; border:1px solid #ebeef2; border-radius: 8px;}
.contents_mbl .slide-certi .swiper .slide>li .box .txt{font-size:15px; line-height:22px; color:#333; text-align:center; transform: skew(-0.1deg);}
.contents_mbl .slide-certi .swiper .slide>li .box .txt .bold{font-weight:700}
.contents_mbl .slide-certi .swiper .slide>li .box[class*='ico']::before{margin:0 auto; display:block; content:""; width:64px; height:64px; background-size:64px 64px; background-repeat: no-repeat;}
.contents_mbl .slide-certi .swiper .slide>li .box.icon1::before{background-image:url('/mobileWeb_renewal/images/new/ico/icon_certi01.png')}
.contents_mbl .slide-certi .swiper .slide>li .box.icon2::before{background-image:url('/mobileWeb_renewal/images/new/ico/icon_certi02.png')}
.contents_mbl .slide-certi .swiper .slide>li .box.icon3::before{background-image:url('/mobileWeb_renewal/images/new/ico/icon_certi03.png')}
.contents_mbl .slide-certi .swiper .slide>li .box.icon4::before{background-image:url('/mobileWeb_renewal/images/new/ico/icon_certi04.png')}

/* 약관 */
.contents_mbl .mbl-terms-wrap{padding:22px 0;/* padding-bottom:100px;overflow-y: scroll; max-height:600px*/}
.contents_mbl .mbl-terms-wrap .hd-tit2{margin-bottom:12px; font-size:18px; line-height:27px;}
.contents_mbl .mbl-terms-wrap .hd-tit3{margin-bottom:4px; font-size:15px; line-height:22px; color:#333;}
.contents_mbl .mbl-terms-wrap .terms-item+.terms-item{margin-top:24px}
.contents_mbl .mbl-terms-wrap .desc{font-size:16px; line-height:24px}
.contents_mbl .mbl-terms-wrap .terms-bullet{margin-top:4px}
.contents_mbl .mbl-terms-wrap .terms-bullet li,
.contents_mbl .mbl-terms-wrap .txt{font-size:15px; line-height:22px; color:#666}
.contents_mbl .mbl-terms-wrap .terms-bullet li{padding-left:13px; text-indent:-13px}
.contents_mbl .mbl-terms-wrap .terms-bullet li+li{margin-top:4px}
.contents_mbl .mbl-terms-wrap .terms-bullet li ul,
.contents_mbl .mbl-terms-wrap .terms-bullet li ol,
.contents_mbl .mbl-terms-wrap .txt+.txt{margin-top:4px}
.contents_mbl .mbl-terms-wrap .terms-bullet li .hd-tit3{margin:4px 0 0 13px}
.contents_mbl .mbl-terms-wrap .terms-item>.bullet>li{margin-left:0; font-size:15px; line-height:22px}
.contents_mbl .mbl-terms-wrap .bullet>li::after{top:9px}
.contents_mbl .mbl-terms-wrap .bullet>li{padding-left:9px; margin-left:10px; text-indent:0;}
.contents_mbl .mbl-terms-wrap .bullet-no>li{padding-left:0; text-indent:0;}




/* 2023-09-18 메인 override */
body.mobile.index {  color: #303030;   font-size: 14px;  line-height: 1.15;  font-family: "Spoqa Han Sans Neo", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif;}
img{display: block; width: 100%;}
#new-header { position: relative; height:64px; background: #fff; font-size: 18px; font-weight: bold; color: #323232; text-align: center; line-height: 44px; }
#new-header button{background-color: transparent;}
.mobile.index .content{background-color: transparent;position: relative;padding-bottom: 0px;}
html.aside-nav-on .ui-carousel.visual-swiper .swiper-container {box-shadow: none;}
.mobile.container.index .content::before{display: none;}
.mobile.index section {padding: 0;}
.mobile.index .pane {display: flex;flex-direction: column; gap: 20px;}

/* header */
#new-header {display: flex; justify-content: space-between; align-items: center;}
#new-header .logo-mbl {display: flex; justify-content: space-between;}
#new-header .icns{display: flex; gap: 16px; margin-right: 20px;line-height: 1.5}
#new-header .icns .icn{width: 24px; height: 24px; display: inline-block; vertical-align: bottom; background-image: url("/mobileWeb_renewal/images/new/index/icns_header.svg");background-repeat: no-repeat;background-size: 48px 24px;}
#new-header .icns .icn.home {background-position: 0 0;}
#new-header .icns .icn.menu {background-position: -24px 0;}

/* swiper */
.mobile.index .pane .ui-carousel:first-of-type{padding-top: 20px;}
.mobile.index .ui-carousel {position: relative;width: 100%;flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.mobile.index .ui-carousel > .title {display: none;}
.mobile.index .ui-carousel .content{border-radius: 16px;}
.mobile.index .ui-carousel.visual-swiper .swiper-container {width: 100%;height: 300px;border-radius: 16px;overflow: hidden;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide {text-align: left;color: #fff;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .swiper-slide-bg {position: relative;width: 100%;height: 100%;padding: 24px;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .swiper-slide-bg .swiper-slide-img {position: absolute;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.obj{right: 0;bottom: 0; width: 320px;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .info-txt {position: relative; z-index: 19;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .info-txt .info-type{font-size: .875rem;opacity: 0.6;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .info-txt .info-ttl{font-family: "Acuon Headline", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif;margin-top: 8px;font-size: 2rem;font-weight:normal;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .info-txt .info-desc{margin-top: 8px;font-size: .875rem;}
.mobile.index .ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.obj {z-index: 11;}
.mobile.index .swiper-controller {display: flex;justify-content: center;align-items: center;}
.mobile.index .ui-carousel.visual-swiper .swiper-controller {position: absolute;left: 50%;bottom: 16px;transform: translateX(-50%);z-index: 1;}
.mobile.index .swiper-controller .swiper-operation,
.mobile.index .swiper-controller .swiper-pagination {position: relative;top: auto;right: auto;bottom: auto;left: auto;}
.mobile.index .swiper-controller > div {display: flex;}
.mobile.index .swiper-controller > div + div {margin-left: 4px;}
.mobile.index .swiper-controller .swiper-button {display: inline-flex;align-items: center;}
.mobile.index .swiper-controller .swiper-button .icn,
.mobile.index .swiper-controller .swiper-button .lbl {line-height: 0;margin: 0;padding: 0;}
.mobile.index .swiper-controller button .icn {width: 16px;height: 16px;background-color: #fff;-webkit-mask-image: url("/mobileWeb_renewal/images/new/index/icns_swiper.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-size: 64px 16px;z-index: 10;}
.mobile.index .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 30%); opacity: 1;transition: all .4s ease;}
.mobile.index .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff; width: 16px; border-radius: 4px;}
.mobile.index .ui-carousel .swiper-operation-button.pp .icn {-webkit-mask-position: -14px 0;}
.mobile.index .ui-carousel.paused .swiper-operation-button.pp .icn {-webkit-mask-position: 0 0;}
.mobile.index .ui-carousel .swiper-operation-button.pp .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.mobile.index .swiper-controller .swiper-pagination{transform: none;}

/* 메뉴 */
.mobile.index .pane .ui-menu .menu-list ul{display: flex;flex-wrap: wrap;align-items: center; justify-content: center; gap: 12px; height: auto; border: 1px solid #DFE4EA;padding: 16px;text-align: center;border-radius: 8px;}
.mobile.index .pane .ui-menu .menu-list ul li{flex-basis: auto; flex-grow: 1;}
.mobile.index .pane .ui-menu .menu-list ul li + li{padding-left: 12px; border-left: 1px solid #DFE4EA;}
.mobile.index .pane .ui-menu .menu-list .menu .icn {display: inline-block;width: 24px;height: 24px;vertical-align: middle;background-image: url("/mobileWeb_renewal/images/new/index/icns_menu.svg");background-repeat: no-repeat;background-size: 120px 24px;}
.mobile.index .pane .ui-menu .menu-list .menu.loan .icn {background-position: 0 0;}
.mobile.index .pane .ui-menu .menu-list .menu.ing .icn {background-position: -24px 0;}
.mobile.index .pane .ui-menu .menu-list .menu.certify .icn {background-position: -48px 0;}
.mobile.index .pane .ui-menu .menu-list .menu.receipt .icn {background-position: -72px 0;}
.mobile.index .pane .ui-menu .menu-list .menu.user-info .icn {background-position: -96px 0;}
.mobile.index .pane .ui-menu .menu-list .menu .lbl {font-weight: bold;}
.mobile.index .pane .ui-menu .menu-list .menu .icn + .lbl {margin-left: 8px;}

/* 아이콘메뉴 */
.mobile.index .pane .ui-shortcut,
.mobile.index .pane .ui-banner {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.mobile.index .pane .ui-notice {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.mobile.index .pane .ui-shortcut .title {display: none;}
.mobile.index .pane .ui-shortcut .shortcut-list > ul {display: flex;}
.mobile.index .pane .ui-shortcut .shortcut-list > ul > li {flex-grow: 1;flex-shrink: 1;flex-basis: 90px;}
.mobile.index .pane .ui-shortcut .shortcut-list > ul > li + li {margin-left: 12px;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut .icn {width: 42px;height: 42px;background-color: #000;-webkit-mask-image: url("/mobileWeb_renewal/images/new/index/icns_shortcut.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-size: 168px 42px;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut.counsel .icn {-webkit-mask-position: 0 0;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut.faq .icn {-webkit-mask-position: -42px 0;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut.branch .icn {-webkit-mask-position: -84px 0;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut.noti .icn {-webkit-mask-position: -126px 0;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut .icn + .lbl {margin-top: 4px;}
.mobile.index .pane .ui-shortcut .shortcut-list .shortcut .lbl {color: #666; font-size: .875rem;}

/* 배너 */
.mobile.index .pane .ui-banner .title {display: none;}
.mobile.index .pane .ui-banner .banner-list > ul > li {border-radius: 16px;overflow: hidden;}
.mobile.index .pane .ui-banner .banner-list > ul > li + li {margin-top: 20px;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 24px;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner .meta h5 {font-size: 1.25rem;font-weight: bold;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner .meta .desc p{color: #333;font-size: 0.875em;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner .meta h5 + .desc {margin-top: 4px;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti {background-color: #C7EAF5; padding: 16px 24px;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti .meta h5 {font-size: 1rem; display: inline-flex; align-items: center;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti .meta h5::after{display: block; width: 20px; height: 20px; background: url("/mobileWeb_renewal/images/new/index/icn_select.svg") center; content: '';}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti .meta .desc p {font-size: .75rem; margin-top: 4px;}
.mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti .media{width: 52px;}

/* 배너 슬라이드 */
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide  {border-radius: 16px;}
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner {position: relative;height: 162px;}
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .meta {height: 116px;}
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .meta h5 + .desc {margin-top: 8px;}
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .media {position: absolute;top: 24px;right: 24px;width: 112px;}
.mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .media img {vertical-align: top;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller {position: absolute;left: 24px;bottom: 24px;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet,
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet-active {background: none;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0;border-radius: 50%;background-color: rgba(0, 0, 0, .2);opacity: 1;transition: all .4s ease;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 8px;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 16px;height: 8px;border-radius: 4px;background-color: #98a4b3;}
.mobile.index .ui-carousel.banner-swiper .swiper-controller .swiper-pagination + .swiper-operation {margin-left: 8px;}
.mobile.index .ui-carousel.banner-swiper .swiper-operation-button.pp .icn {width: 12px;height: 12px;  background-color: rgba(0, 0, 0, .6);  -webkit-mask-position: -12px 0;-webkit-mask-size: 48px 12px;}
.mobile.index .ui-carousel.banner-swiper.paused .swiper-operation-button.pp .icn {-webkit-mask-position: 0 0;}

/* 소셜 */
.ui-social ul {display: flex;justify-content: center;align-items: center;padding: 24px 0;}
.ui-social li + li {margin-left: 28px;}
.ui-social .social {display: flex;justify-content: center;align-items: center;}
.ui-social .social .icns {position: relative;width: 40px;height: 40px;}
.ui-social .social .icn {position: absolute;width: 100%;height: 100%;overflow: hidden;background-image: url("/mobileWeb_renewal/images/new/index/icns_social.svg");background-repeat: no-repeat;background-size: 160px 80px;}
.ui-social .social .icn.q1 {opacity: 0;}
.ui-social .social:hover .icn.q1 {opacity: 1;}
.ui-social .social .icn.q1 {z-index: 12;}
.ui-social .social .icn.q2 {z-index: 11;}
.ui-social .social.youtube .icn.q1 {background-position: 0 0;}
.ui-social .social.facebook .icn.q1 {background-position: -40px 0;}
.ui-social .social.instagram .icn.q1 {background-position: -80px 0;}
.ui-social .social.blog .icn.q1 {background-position: -120px 0;}
.ui-social .social.youtube .icn.q2 {background-position: 0 -40px;}
.ui-social .social.facebook .icn.q2 {background-position: -40px -40px;}
.ui-social .social.instagram .icn.q2 {background-position: -80px -40px;}
.ui-social .social.blog .icn.q2 {background-position: -120px -40px;}
.ui-social .social .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}



/* footer */
.mobile.index .footer-content {text-align: center;margin-top: 20px;}
.mobile.index .footer-content p {color: #aaa; font-size: .75rem;}

/* 메인 팝업 */
.mobile.index .pop-layer {display: block;position: fixed;top: 50%;left: 50%;width: 320px;height: auto;overflow: hidden;border-radius: 16px;background-color: #fff;box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);transform: translate(-50%, -50%);z-index: 10;}
.mobile.index .pop-layer .content{padding: 0;}
.mobile.index .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; }
.mobile.index .pop-layer .pop-container .pop-conts {position: relative;height: auto;}
.mobile.index .pop-layer .pop-container .popup_btn {display: table;table-layout: fixed;width:100%;height: 56px;background:#fff;word-break: break-word;}
.mobile.index .pop-layer .pop-container .popup_btn .popup_button {position: relative; display: table-cell; color:#000; font-size:14px;font-weight: bold;text-align:center;vertical-align:middle;text-decoration:none; background:#fff;}
.mobile.index .pop-layer .pop-container .button-bar {padding: 0 40px 40px 40px;}
/* 메인 팝업 추가 - 2023.10.11 */
.mobile.index .pop-layer.index-01 .dsb {display: block;width: 320px;height: 320px;overflow: hidden;}
.mobile.index .pop-layer.index-01 .dsb > img {display: block;width: 100%;height: 100%;object-fit: contain;}
.mobile.index .pop-layer.index-01 .ui-carousel.main-popup-swiper .swiper-controller {background-color: transparent;}
.mobile.index .pop-layer.index-01 .pop-container .popup_btn {border-top: 1px solid rgba(0, 0, 0, .12);background: #fff;}
.mobile.index .pop-layer.index-01 .pop-container .popup_btn .popup_button,
.mobile.index .pop-layer.index-01 .pop-container .popup_btn .popup_button.close_day {font-weight: bold;color: #111;background: #fff;}
.mobile.index .pop-layer.index-01 .pop-container .popup_btn .popup_button + .popup_button:before {display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 20px;background: rgba(0, 0, 0, .08);transform: translateY(-50%);content: "";}




/* 메인팝업 swiper */
.mobile.index .ui-carousel.main-popup-swiper .swiper-container {width: auto;height: auto;overflow: hidden;}
.mobile.index .ui-carousel.main-popup-swiper .swiper-controller {position: absolute;left: 50%;bottom: 8px;width: auto;overflow: hidden;padding: 3px;border-radius: 20px;background-color: #fff;transform: translateX(-50%); z-index: 1;}
.mobile.index .ui-carousel.main-popup-swiper .swiper-pagination-bullet {background: rgba(0, 0, 0, .12);transition: all .4s ease;}
.mobile.index .ui-carousel.main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #70BF54;}
/* .mobile.index .ui-carousel.main-popup-swiper .swiper-pagination-bullet:focus{background-color: red;} */

/* media */
@media (max-width:356px) {
  .mobile.index .pop-layer {width: calc(100% - 40px);}
  .mobile.index .pop-layer .pop-container .popup_btn .popup_button {font-size: .75rem;}
  .mobile.index .ui-carousel.main-popup-swiper .swiper-controller{bottom: 0;}
  .mobile.index .ui-carousel.main-popup-swiper .swiper-controller .swiper-pagination-bullet{width: 6px; height: 6px;margin: 0 3px;}
  .mobile.index .ui-carousel.main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 10px;}
  .mobile.index .pane .ui-banner .banner-list > ul > li .banner{padding: 16px;}
  .mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti{padding: 16px 12px;}
  .mobile.index .pane .ui-banner .banner-list > ul > li .banner.noti .media{width: 32px;}
  .mobile.index .ui-carousel.visual-swiper .swiper-slide .info-txt .info-ttl{font-size: 1.75rem;}
  .mobile.index .pane .ui-shortcut .shortcut-list { font-size: .75rem; }
  .mobile.index .pane .ui-shortcut .shortcut-list .shortcut .lbl{font-size: .75rem;}
  .mobile.index .pane .ui-menu .menu-list ul{ flex-direction: column; flex-wrap: nowrap; }
  .mobile.index .pane .ui-menu .menu-list ul li{ width: 100%; }
  .mobile.index .pane .ui-menu .menu-list ul li + li{padding-top: 12px; padding-left:0; border-top: 1px solid #dfe4ea; border-left: 0;}
  .mobile.index .pane .ui-banner .banner-list > ul > li .banner .meta h5{font-size: 1rem;}
  .mobile.index .ui-carousel.visual-swiper .swiper-slide .swiper-slide-bg{padding: 16px;}
  .mobile.index .ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .media{right: 12px;}
}

/* layout.css */
header.border{position: absolute;}
#new-header {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;}
/* header */
header {width: 100%;z-index: 99;height: auto;box-sizing: border-box;}
header h1 {height: 18px;margin: 22px 0;}
#gnbBtn {position: absolute;width: 24px;height: 24px;background: url("/mobileWeb_renewal/images/new/index/menu.png") no-repeat center;background-size: contain;top: 12px;right: 15px;}
#gnbBtn.open {background: url("/mobileWeb_renewal/images/new/index/menu-closed.png");}
.header-contents{padding: 18px 20px;text-align: center;display: block;}
.header-contents .head-decorate{display: none;}
.header-contents #acuon-logo{width: 35%;}
.header-contents #title-wrap{font-size: 20px;font-weight: bold;letter-spacing: 1.5px;line-height: 28px;padding-left: 0px;}
.header-contents #title-wrap button{background: url("/asset/mobileWeb_renewal/images/button/icon_back.png") no-repeat center;position: absolute;top: 2px;left: 0px;background-size: 44px 44px;width: 44px;height: 44px;}
.header-contents > div{display: flex; align-items: center; height: 28px; }
.header-contents > div > a {color: black;}
/* nav */
#gnb {position: absolute;width: 100%;display: none;flex-direction: column;justify-content: space-between;background-color: #fff;font-size: 16px;height: 100vh;}
.gnb {padding-bottom: 72px;height: calc(100% - 40px);overflow-y: scroll;}
.gnb div {display: flex;justify-content: space-between;align-items: center;padding: 0 20px;background-color: #fff;}
.gnb img {width: auto;}
.gnb li {width: 100%;text-align: left;}
.gnb li a {color: #000;display: flex;align-items: center;padding: 24px 0;width : 100%;}
.gnb li span {padding-left: 16px;}
.gnb_go {background-image: url("/mobileWeb_renewal/images/new/index/arrow-24.png");background-repeat: no-repeat;width: 24px;height: 24px;background-color: transparent;}
.gnb_go1 {background-image: url("/mobileWeb_renewal/images/new/index/plus-24.png");background-repeat: no-repeat;width: 24px;height: 24px;background-color: transparent;}
.gnb_go1.open{background-image: url("/mobileWeb_renewal/images/new/index/minus-24.png");}
#gnbGo1.open,
#gnbGo2.open {background-image: url("/mobileWeb_renewal/images/new/index/plus-24.png");}
/* sub_menu */
#subMenu1,
#subMenu2,
#subMenu3,
#subMenu4 { display: none;background-color: #f8f8f8;padding-left: 58px;  }
#subMenu1 > li.element > a:before, 
#subMenu2 > li.element > a:before, 
#subMenu3 > li.element > a:before,
#subMenu4 > li.element > a:before{content: '';width: 5px;height: 5px;display: inline-block;background-color: #aaa;transform: translate(-15px, -1px);}
li.sub-wrapper{position: relative;}
li.sub-wrapper img.arrow{position: absolute;top: 24px;right: 20px;width: 20px;}
li.sub-wrapper img.arrow.up{transition-duration: 0.5s;transform: rotate(-90deg);}
li.sub-wrapper img.arrow.down{transition-duration: 0.5s;transform: rotate(90deg);}
ul.two-depth{display: none;}
ul.two-depth.active{display: block;}
ul.two-depth > li.sub-element > a:before{content: '-';padding-right: 10px; }
.mbMenu_bottom_btn{padding: 24px 0;background-color: #353c5b;color: #fff;width: 100%;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 0;height: 50px !important;}