@charset "utf-8";
@import url(/static/styles/font_pretendard_sebset.css);

:root {
	--shadow:0 8px 16px rgba(15,21,34,.08); --face: #dbc54e;
	--font-neutral-1:#000;
	--font-neutral-2:#191B1E;
	--font-neutral-3:#22252A;
	--font-neutral-4:#343841;
	--font-neutral-5:#4B515D;
	--font-neutral-6:#626A7A;
	--font-neutral-7:#969DAB;
	--font-neutral-8:#B2B7C2;
	--font-navy-900 : #1A3A6D;

	/* background */
	--background-color-1:#fff;
	--background-color-2:#F3F5F8;

	/* color */
	--black:#000;
	--white:#fff;
	--gray-20:#F8F9FC;
	--gray-40:#F3F5F8;
	--gray-60:#E7E9EF;
	--gray-100:#CDD1DA;
	--gray-200:#B2B7C2;
	--gray-300:#969DAB;
	--gray-400:#7A8394;
	--gray-500:#626A7A;
	--gray-600:#4B515D;
	--gray-700:#343841;
	--gray-800:#22252A;
	--gray-900:#191B1E;
	--gray-950:#0E1013;

	/* font colored */
	--font-point-1:#FF3F53;
	--font-point-2:#5D67CF;
	--font-point-3:#6495B0;
	--font-point-4:#3D609D;
	--font-point-5:#3A43BB;

	/* dim */
	--dim-color-thick:rgba(122,131,148,.9);

    /* button */
	--button-primary:#1A3A6D;
	--button-primary-tc:#fff;
	
	--button-primary-active:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #1A3A6D;
	--button-primary-disabled :rgba(219, 226, 240, 0.60);
	--button-primary-disabled-tc:#B5C0DC;
	--button-primary-gradient:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
	--button-secondary:rgba(204, 213, 235, 0.40);
	--button-secondary-tc:#3D609D;
	--button-secondary-active:linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), rgba(204, 213, 235, 0.40);
	--button-secondary-disabled:rgba(204, 213, 235, 0.40);
	--button-secondary-disabled-tc:rgba(61, 96, 157, 0.30);
	--button-secondary-gradient:linear-gradient(180deg, rgba(255,255,255,0) 0%, #F3F5F8 100%);	
	--button-outline:var(--background-color-1);
	--button-outline-tc:#1A3A6D;
	--button-outline-border:1px solid #1A3A6D;
	--button-outline-disabled-tc:rgba(26, 58, 109, 0.30);
	--button-outline-disabled-border:1px solid rgba(26, 58, 109, 0.30);
	--button-outline-border2:1px solid var(--gray-60);
	--button-outline-tc2:var(--font-neutral-3);
	--button-outline-active:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);

	--bottom-gray-gradient:linear-gradient(180deg, rgba(243,245,248,0) 0%, var(--background-color-2) 100%);
	--button-radius:16px;
	--button-font-size:18px;
	--button-line-height:20px;
	--button-height:56px;
	--button-underline-color:rgba(150, 157, 171, 0.7);
	--button-underline-color2:rgba(93, 103, 207, 0.7);

    /* input */
	--input-border:rgba(205, 209, 218, 0.6); 
	--input-focus-border:var(--gray-950);
	--input-disabled-bg:#F3F5F8;		/* readonly 공용 */
	--input-disabled-tc:rgba(0,0,0,.25);	/* readonly 공용 */
	--input-radius:14px;
	
	/* tab */
	--tab1-tc : #969DAB;
	--tab1-active-tc :  #191B1E; 
	--tab2-bg : rgba(219, 226, 240, 0.40); 
	--tab2-tc : #3D609D; 
	--tab2-active-bg : #1A3A6D; 
	--tab2-active-tc : #fff;
	/* switch */
	--switch-active-bg : #1A3A6D;
	--switch-bg : #CDD1DA;

	/* line */
	--line: rgba(0, 0, 0, 0.05);

	/* arrow */
	--arrow-right-normal: url(/static/images/comm/arrow-right-normal.svg) no-repeat center/100%;
	--arrow-left-normal: url(/static/images/comm/arrow-left-normal.svg) no-repeat center/100%;
	--arrow-down-normal: url(/static/images/comm/arrow-down-normal.svg) no-repeat center/100%;
	--arrow-up-normal: url(/static/images/comm/arrow-up-normal.svg) no-repeat center/100%;

	/* info */
	--info: url(/static/images/comm/ico-info-shape.svg) no-repeat center/100%;
}

/* reset */
html{height:100%}
body{min-height:100%; -webkit-touch-callout:none; -webkit-user-select:none; background-color:var(--background-color-1);}
body, html {margin:0; padding:0; line-height:1.5;/*  height:100%; overflow:auto; */}
body, button, input, textarea, th, td {font-family:'Pretendard';}
body.stop-scroll {overflow:hidden; touch-actioin:none;}
body.bg-gray {background-color: var(--background-color-2);}
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, button,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-size:100%; font-family:inherit; font-weight:inherit; line-height:inherit; border:0 none; box-sizing:border-box;
}
*::after, *::before {box-sizing:border-box;}
li {list-style:none;}
strong {font-weight:bold;}
button {background-color:transparent; color:inherit;}
input[type=text], input[type=password], input[type=tel], input[type=number] {-webkit-appearance:none;}
a {text-decoration:none; color:var(--font-neutral-2); outline:0;}
a, label, button {-webkit-tap-highlight-color: transparent;}
i, em {font-style:normal;}
img {max-width:100%;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
caption {overflow:hidden; width:0; height:0; text-indent:-9999px;}
.lpop-mask {display:block; display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:230; background-color:rgba(25,27,30,.6);}
.lpop-mask[style *= 'block'] + div .lpop-mask{display:none !important}
.lpop-mask.hide-dimm {background-color:rgba(0,0,0,0.2);}

.lpop-dialog {position:fixed; display:flex; flex-direction:column; padding:30px 20px 20px; top:50%; left:50%; line-height:1.5; bottom:auto; right:inherit; width:320px; transform:translate(-50%, -50%); border-radius:24px; background-color:#fff; box-sizing:border-box; z-index:995;}
.lpop-dialog .title {font-weight:bold; font-size:20px; line-height:28px; margin-bottom:8px; color:var(--font-neutral-2)}
.lpop-dialog .lpop-body p{margin:0}
.lpop-dialog .title + p{margin-top:8px}
.lpop-dialog .lpop-body,
.lpop-dialog p {margin:0 4px; font-size:17px; color:var(--font-neutral-5); line-height:26px; word-break:keep-all; overflow-wrap:break-word;}
.lpop-dialog .lpop-body {max-height:calc(100vh - 192px); overflow-y:auto;}
.lpop-dialog .lpop-body:has(.no-view-wrap) {max-height:calc(100vh - 272px); margin-bottom:32px;}
.lpop-dialog .lpop-body .no-view-wrap {position:absolute; bottom:92px; left:20px; right:20px;}
.lpop-dialog .lpop-body .no-view-wrap::before {content:''; position:absolute; top:-11px; left:0; right:0; height:12px; background:var(--button-primary-gradient);}
.lpop-dialog .lpop-body .no-view-wrap::after {content:''; position:absolute; top:0; left:0; right:0; height:1px; background-color:var(--line);}
.lpop-dialog .lpop-body .list--dot {margin-top: 10px;}
.lpop-dialog p + p {margin-top:6px;}
.lpop-dialog .left {text-align:left;}
.lpop-dialog .right {text-align:right;}
.lpop-dialog .btn {display:flex; margin-top:30px;}
.lpop-dialog .alert-buttons {display:flex; gap:8px; margin-top:30px;}
.lpop-dialog button {flex:1; font-size:17px; line-height:26px; font-weight:700; padding:11px 16px; text-align:center; color:var(--button-primary-tc); background-color:var(--button-primary); border-radius:12px; white-space:nowrap; border:0 none; outline:none;}
.lpop-dialog button + button {margin-left:8px;}
.lpop-dialog button:active {background:var(--button-primary-active);}
.lpop-dialog button:first-child:nth-last-child(2) {flex:1 1;}
.lpop-dialog button.cancel {flex:1 1; color:var(--button-secondary-tc); background-color:var(--button-secondary)}
.lpop-dialog button.cancel:active {background:var(--button-secondary-active);}
.lpop-dialog button.hide {display:none;}
.lpop-dialog button.hide + button {flex:1;}
.lpop-dialog button.cancel + button {flex:3 1;}
.alert-wrap{position:fixed; left:0; top:0; bottom:0; right:0;  z-index:100; display:none}
.alert-wrap::before{content:''; display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(25,27,30,.6); z-index:1}
.alert-wrap.on-layer::before{background:rgba(0,0,0,.5);}
.alert-wrap .list--dot li + li {margin-top: 6px;}

.qr-alert-wrap .qr-alert-container{position:fixed; left:50%; top:50%;  background:var(--background-color-1); border-radius:24px; transform:translate(-50%, -50%) ; z-index:1000; width:76.923vw; padding:72px 24px 50px; z-index:2; text-align:center;}
.qr-alert-wrap .qr-alert-container .alert-tit{font-size:24px; line-height:32px; color:var(--font-neutral-1); font-weight:700; margin-bottom:8px;}
.qr-alert-wrap .qr-alert-container .alert-sub{font-size:18px; line-height:26px; color:var(--font-neutral-6); margin-bottom:24px;}
.qr-alert-wrap .qr-alert-container .alert-close{width:40px; height:40px; position:absolute; top:8px; right:8px; background:url(/static/images/comm/layer_close_24.svg) no-repeat center / 24px }
.qr-alert-wrap .qr-img-wrap{display:inline-block; padding:20px; border:1px solid #e7e9ef; margin:0 auto;}
.qr-alert-wrap .qr-img-wrap img{width:160px; height:160px; vertical-align:top;}

/* Form */
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=search], input[type=email], input[type=date] {width:100%; height:56px; color:var(--font-neutral-2); border:1px solid var(--input-border); border-radius:var(--input-radius); padding:15px 16px; font-size:17px; background:#fff; box-sizing:border-box; line-height:22px;}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, input[type=date]:focus, input[type=email]:focus{border-color:var(--input-focus-border); border-width:2px; outline:none; padding:14px 15px} 
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}
input[type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=search]:disabled{color:var(--input-disabled-tc); border-color:rgba(205, 209, 218, .4); background:var(--input-disabled-bg);}
input[type=text]:disabled:focus, input[type=password]:disabled:focus, input[type=tel]:disabled:focus, input[type=number]:disabled:focus, input[type=search]:disabled:focus{border-color:#ddd !important; box-shadow:none;}
input[readonly]{background:#f9fafc !important}
input[readonly]:focus{border-color:#ddd !important; border-width:1px !important}
input[type=radio][readonly]+label{background:var(--background-color-2);}
input[type=radio][readonly]:checked+label{background:#fff}
input[type=radio]:disabled+label{background:var(--background-color-2);}
input[type=radio]:disabled:checked+label{background:#fff}
input::placeholder{font-size:17px; color:var( --font-neutral-7)}
textarea::placeholder{font-size:17px;color:var( --font-neutral-7)}
textarea:disabled{background:var(--background-color-2);}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}
.input-parent{position:relative !important; display:inline-block; z-index:0; vertical-align:top; transform:none !important; top:0 !important; right:0 !important}
.input-parent.type2{display:block}
.clear-btn{width:24px; height:24px; position:absolute; top:50%; background:url(/static/images/comm/ico-search-del.svg) no-repeat center /20px; z-index:20; display:none;}
.blind{display:inline-block; width:1px; height:1px; overflow:hidden; font-size:1px; color:transparent;}
.input-error {display: none;}

input[type=checkbox] {position:absolute;left:-9999px;}
input[type=checkbox] + label {position:relative; display:block; color:#232323; padding-left:36px;}
input[type=checkbox] + label:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/static/images/comm/check_icons.png) no-repeat 0 0; background-size:100% auto;}
input[type=checkbox]:checked + label:before {background-position: 0 -24px;}
input[type=checkbox]:disabled + label:before {background-position: 0 -48px;}
input[type=radio] {position:absolute;left:-9999px;}
input[type=radio] + label {position:relative; display:block; padding-left:31px;}
input[type=radio] + label:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/static/images/comm/radio_off_24.png) no-repeat center/100%;}
input[type=radio]:checked + label:before {background-image:url(/static/images/comm/radio_on_24.png);}

.form-item .input-wrap {display: flex; }
.form-item .input-wrap input {flex:1; text-align: center;}
.form-item .input-wrap input + input {margin-left: 4px;}

.renew21--header {position:sticky; top:0; z-index:100; width:100%; height:56px; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; background-color:var(--background-color-1);}
.renew21--header .btn-back {flex-shrink:0; width:40px; margin-left:20px; height:40px; text-indent:-9999px; background:url(/static/images/comm/ico-back.svg) no-repeat left center / 24px; font-size:0}
.renew21--header .btn-back.inline {background:none; text-indent:0;}
.renew21--header .btn-back.inline img {width:100%;}
.renew21--header .tit {flex:1; color:var(--font-neutral-1); font-size:18px; font-weight:700; line-height:26px;}
.renew21--header .btn-back[style*="display: none"] + .tit,
.renew21--header .tit:first-child{padding-left:20px}
.renew21--header {background-color:var(--background-color-2);}

/* 스위치 토글 */
.form-switch{position: relative; display:inline-block; width:48px; height:28px; vertical-align: middle;}
.form-switch input[type=checkbox]{position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; display: block; border: 0!important; z-index: 1; appearance: none ;}
.form-switch input + label{position:absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; z-index: 2;}
.form-switch input + label:before {font-size: 0; content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:48px; height:28px; border-radius:100px; background: none; background-color:var(--switch-bg); z-index: 1;}
.form-switch input + label:after{content:''; position: absolute; left: 2px; top: 2px; color: transparent; font-size: 1px; width: 24px; height: 24px; background-color: #fff; border-radius: 100px; transition: left .5s; z-index: 2; box-shadow:1px 1px 2px rgba(00,00,00,0.1);}
.form-switch input:checked + label:after{left:22px;}
.form-switch input:checked + label:before  {background-color:var(--switch-active-bg);}
.form-switch input:disabled + label:after,
.form-switch input:disabled + label:before{opacity: 0.6;}

/* tab */
.tab-ui-apply {position: relative; display:flex; padding:9px 0 2px; margin:0 4px 30px;}
.tab-ui-apply .tab-linker{font-size:18px; line-height:26px; font-weight:700; color:var(--tab1-tc); position:relative; padding-bottom:6px;}
.tab-ui-apply .tab-linker + .tab-linker {margin-left: 20px;}
.tab-ui-apply .tab-linker.active{color:var(--tab1-active-tc); }
.tab-ui-apply .tab-linker.active::before{content:''; display:inline-block; width:100%; height:2px; background:var(--tab1-active-tc); position:absolute; left:0; bottom:0}

.tab-ui-auth {margin:8px 0 0;display:inline-flex; white-space:nowrap; padding: 8px 0;}
.tab-ui-auth .tab-linker{}
.tab-ui-auth .tab-linker + .tab-linker {margin-left: 6px;}
.tab-ui-auth .tab-linker{padding:9px 16px; font-size:15px; line-height:22px; color:var(--button-secondary-tc); background-color:var(--button-secondary); border-radius:100px;}
.tab-ui-auth .tab-linker.active{color:var(--button-primary-tc); background-color:var(--button-primary); font-weight:700 }

.bottom-fixed-wrap {position:fixed; left:0; bottom:0; z-index:50; width:100%;  padding:0 20px 14px; background-color:var(--background-color-2); box-sizing:border-box;}
.bottom-fixed-wrap::before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-secondary-gradient);}
.btn-submit {width:100%; height:var(--button-height); color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:var(--button-height); background-color:var(--button-primary); border-radius:var(--button-radius);}
.btn-submit:active{background:var(--button-primary-active)}
.btn-submit[disabled] {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}


.btn-select {display:inline-block; position:relative; color:var(--font-neutral-7); padding:0 48px 0 17px; width:100%; height:56px; border:1px solid var(--input-border); font-size:17px; font-weight:400; text-align:left;  background:var(--background-color-1); border-radius:var(--input-radius); box-sizing:border-box; line-height:26px;}
.btn-select:after {display:block; content:''; position:absolute; right:18px; top:50%; width:20px; height:20px; margin-top:-10px; background:url(/static/images/comm/ico-sel-arr.svg) 0 0 / cover no-repeat;}
.btn-select:focus {border-color:#000; outline:none; border-width:2px; padding:0 47px 0 16px}
.btn-select:focus::after{right:17px}
.btn-select.no-val {color:rgba(0,0,0,0.3);}
button.btn-select:disabled {color: rgba(0,0,0,.25); background-color:rgba(205, 209, 218, 0.20);}


.list--dot li {position:relative; padding-left:12px; font-size:15px; color:var(--font-neutral-5); line-height: 22px;}
.list--dot li:before {position:absolute; top:9px; left:0; content:''; width:3px; height:3px; background-color:var(--gray-400); border-radius:50%;}
.list--dot li + li {margin-top:12px;}

.lpop--wrap2 {display:block; display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:995;}
.lpop--wrap2[style*="block"]::before {content:''; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(25,27,30,.6);}
.lpop--wrap2.hide-dimm::before {background-color:rgba(0,0,0,.2);}
.lpop--wrap2 .lpop-inner {position:absolute; left:10px; right:10px; bottom:10px; max-height:calc(100% - 66px); display:flex;}
.lpop--wrap2 .lpop-foot {display:flex; position:relative; padding:0 20px 20px;}
.lpop--wrap2 .lpop-foot:before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-primary-gradient);}
.lpop--wrap2 .lpop-foot .btn-confirm {display:inline-flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; padding:13px 10px; font-weight:700;  height:var(--button-height);  font-size:var(--button-font-size);color:var(--button-primary-tc); background-color:var(--button-primary);   border-radius:var(--button-radius);}
.lpop--wrap2 .lpop-foot .btn-confirm:disabled {background-color:var(--button-primary-disabled); color:var(--button-primary-disabled-tc);}
.lpop--wrap2 .lpop-foot .btn-confirm:active {background:var(--button-primary-active);}
.lpop--wrap2 .lpop-foot .btn-cancel {display:inline-flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; padding:13px 10px; font-weight:700; height:var(--button-height); font-size:var(--button-font-size); color:var(--button-secondary-tc); background-color:var(--button-secondary); border-radius:var(--button-radius);}
.lpop--wrap2 .lpop-foot button + button {margin-left:8px; white-space: nowrap;}
.lpop--wrap2.hide-visible{visibility:hidden;}
.lpop--wrap2.full--type .lpop-inner {position:absolute; border-radius:0; top:0; left:0; bottom:0; width:100%; max-height:none;}
.lpop--wrap2.full--type .select-lpop {border-radius:0;}
.lpop--wrap2.full--type .lpop-header {padding:8px 56px 8px 20px; min-height:56px; display:flex; justify-content: space-between; align-items:center; border-radius:0;}
.lpop--wrap2.full--type .lpop-header .lpop-tit {display:block; flex:1; color: var(--font-neutral-1); font-size:18px; font-weight:700; padding: 0; line-height: 30px;}
.lpop--wrap2.full--type .lpop-header .btn-close {background-image:url(/static/images/comm/ico-close.svg);}
.lpop--wrap2.full--type .lpop-header .btn-back {position:static; overflow:hidden;  width:40px; height:40px; text-indent:-9999px; background:url(/static/images/comm/ico-back.svg) no-repeat left center / 24px;}
.lpop--wrap2.full--type .lpop-tit {font-size:17PX; padding:0;}
.select-lpop .lpop-header {position:relative; padding:48px 0 0; font-size:0; background-color:var(--background-color-1); border-radius:24px 24px 0 0; min-height:48px; flex-shrink:0}
.select-lpop .lpop-header .lpop-tit {display:block; padding:0 24px 16px; color:var(--font-neutral-2); font-size:22px; font-weight:bold; line-height:30px;}
.select-lpop .lpop-header .lpop-tit:empty,
.select-lpop .lpop-header.no-tit .lpop-tit,
.select-lpop .lpop-header.no-title .lpop-tit {height:0; font-size:0; padding:0; display:block;}
.select-lpop .lpop-header .btn-close {display:block; position:absolute; right:12px; top:8px; width:40px; height:40px; text-indent:-9999px; border:none; background:url(/static/images/comm/layer_close_24.svg) center / 24px no-repeat;}
.select-lpop:has(.select-list){position:relative; }
.select-lpop:has(.select-list)::before{content:''; display:block; width:100%; height:38px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%); position:absolute; left:0; bottom:0; pointer-events:none; z-index:2}
.select-lpop:has(.select-list):has(.add-card)::after{content:none;}
.select-lpop .lpop-cont.pdt0 {padding-top:0;}
.select-lpop .lpop-cont.pdtb0 {padding-top:0; padding-bottom:0;}
.select-lpop .cont-inner-fixed-wrap {padding-bottom:70px;}
.select-lpop .cont-inner-fixed-wrap:has( .btn-confirm-fn) {padding-bottom:104px;}

.select-lpop-wrap .lpop-inner{display:flex; flex-direction: column;}
.select-lpop{display:flex; flex-direction:column; background:#fff; border-radius:24px; width:100%; height:auto; position:relative; overflow:hidden}
.select-lpop .lpop-cont{flex:1 1 auto; max-height:none !important; height:auto; overflow-y:auto; border-radius:0 0 24px 24px; background-color:var(--background-color-1);}
.select-lpop .lpop-cont:has(+ .lpop-foot){border-bottom-right-radius:0; border-bottom-left-radius : 0;  }
.select-lpop .layerInner .popBtn{margin:24px -20px -20px; background:#fff; padding:0 20px 20px; width:calc(100% + 40px); position:sticky; left:0; bottom:0; margin-top:24px; z-index:2}
.select-lpop .layerInner .layerTerms .popBtn{margin:24px -24px -20px; width:calc(100% + 48px)}
.select-lpop-wrap.fullCase .select-lpop, 
.select-lpop-wrap.fullPopup  .select-lpop{height:100%}

.select-lpop .select-list .item-inner {display:block; position:relative; padding:14px 54px 14px 24px; color:var(--font-neutral-3); font-size:17px; font-family:inherit; line-height:26px;}
.select-lpop .select-list .item-inner:active,
.select-lpop .select-list .item-inner.on {color:var(--font-neutral-2); font-weight:bold; background-color:var(--background-color-2);}
.select-lpop .select-list .item-inner:active:after,
.select-lpop .select-list .item-inner.on:after {display:block; content:''; position:absolute; right:24px; top:50%; transform:translate(0, -50%); width:20px; height:20px; background:url(/static/images/comm/ico-check-layer.svg) no-repeat center/18px auto;}
.select-lpop .select-list:last-child {margin-bottom:24px;}

.full-lpop-wrap {display:block; display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000;}
[class*="lpop--wrap"].full-lpop-wrap .select-lpop{border-radius:0; height:100%;}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header {position:relative; padding:8px 56px 8px 20px; min-height:56px; display:flex; justify-content:space-between; align-items:center; border-radius:0;}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header + .lpop-cont > .lpop-header {display:none;}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header.no-line:after {display:none;}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header .lpop-tit {flex:1; color:var(--font-neutral-1); font-size:18px; font-weight:700; padding:0}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header .btn-close {background-image:url(/static/images/comm/ico-close.svg);}
[class*="lpop--wrap"].full-lpop-wrap .lpop-header .btn-back {position:static; overflow:hidden;  width:40px; height:40px; text-indent:-9999px; background:url(/static/images/comm/ico-back.svg) no-repeat left center / 24px}
[class*="lpop--wrap"].full-lpop-wrap .lpop-cont {max-height:none !important; height:calc(100% - 56px); border-radius:0}
[class*="lpop--wrap"].full-lpop-wrap .lpop-inner {max-height:none;}
[class*="lpop--wrap"].full-lpop-wrap .lpop-inner:has(.btn-confirm-fn) .lpop-cont {padding-bottom:94px;}	/* 푸터 버튼 가진 경우 */

.select-lpop:has(.bank-list)::before {display:none;}
.select-lpop .lpop-cont:has(.info-text) {padding:0 24px 24px;}
.select-lpop .lpop-cont .info-text {color:var(--font-neutral-6); font-size:16px; font-weight:400; line-height:24px;}
.select-lpop .lpop-cont .point-text {color:var(--font-point-1); margin-top:12px; font-size:16px; font-weight:700; line-height:24px;}

.select-lpop .bank-list {display:grid; grid-template-columns:repeat(auto-fit, minmax(72px, 1fr)); gap:12px; padding:10px 20px;}
.select-lpop .select-list.bank-list:last-child {margin-bottom:0;}
.select-lpop .bank-list .item-inner {display:block; position:relative; min-width:72px; text-align:center; padding:48px 0 0; border:2px solid #fff; background-repeat:no-repeat; background-position:center 10px; background-size:32px 32px; color:var(--font-neutral-4); font-size:12px; line-height:20px}
.select-lpop .bank-list .item-inner.ibk {background-image:url(/static/images/comm/logo/003-s-1-l.png);}
.select-lpop .bank-list .item-inner.nh {background-image:url(/static/images/comm/logo/011-s-1-l.png);}
.select-lpop .bank-list .item-inner.hana {background-image:url(/static/images/comm/logo/025-s-1-l.png);}
.select-lpop .bank-list .item-inner.sh {background-image:url(/static/images/comm/logo/007-s-1-l.png);}
.select-lpop .bank-list .item-inner.im {background-image:url(/static/images/comm/logo/031-s-1-l.png);}
.select-lpop .bank-list .item-inner.bs {background-image:url(/static/images/comm/logo/032-s-1-l.png);}
.select-lpop .bank-list .item-inner.kn {background-image:url(/static/images/comm/logo/039-s-1-l.png);}
.select-lpop .bank-list .item-inner.kj {background-image:url(/static/images/comm/logo/034-s-1-l.png);}
.select-lpop .bank-list .item-inner.bc {background-image:url(/static/images/comm/logo/050-s-1-l.png);}
.select-lpop .bank-list .item-inner.sc {background-image:url(/static/images/comm/logo/023-s-1-l.png);}
.select-lpop .bank-list .item-inner.kg {background-image:url(/static/images/comm/logo/094-s-1-l.png);}
.select-lpop .bank-list .item-inner.kbank {background-image:url(/static/images/comm/logo/096-s-1-l.png);}
.select-lpop .bank-list .item-inner.kfcc {background-image:url(/static/images/comm/logo/045-s-1-l.png);}
.select-lpop .bank-list .item-inner.cu {background-image:url(/static/images/comm/logo/048-s-1-l.png);}
.select-lpop .bank-list .item-inner.epost {background-image:url(/static/images/comm/logo/071-s-1-l.png);}
.select-lpop .bank-list .item-inner.jj {background-image:url(/static/images/comm/logo/021-s-1-l.png);}
.select-lpop .bank-list .item-inner.gal {background-image:url(/static/images/comm/logo/056-s-1-l.png);}
.select-lpop .bank-list .item-inner.fsb {background-image:url(/static/images/comm/logo/095-s-1-l.png);}
.select-lpop .bank-list .item-inner.kakao {background-image:url(/static/images/comm/logo/092-s-1-l.png);}
.select-lpop .bank-list .item-inner.naver {background-image:url(/static/images/comm/logo/061-s-1-l.png);}
.select-lpop .bank-list .item-inner::before {display:block; content:''; position:absolute; top:2px; right:6px; width:14px; height:14px; -webkit-mask:url(/static/images/comm/img-2d-emptyconfirm-light.svg) no-repeat 0 0/100%; mask:url(/static/images/comm/img-2d-emptyconfirm-light.svg) no-repeat 0 0/100%; background-color:rgba(26, 58, 109, 0.08);}
.select-lpop .bank-list .item-inner.on::before {background-color:#5D67CF;}
.select-lpop .bank-list .item-inner:active,
.select-lpop .bank-list .item-inner.on {color:var(--font-neutral-4); font-weight:400; background-color:transparent; border-color:#5D67CF; border-radius:12px;}
.select-lpop .bank-list .item-inner:active:after, 
.select-lpop .bank-list .item-inner.on:after {display:none;}
.select-lpop .tb-info {margin-top:24px; border-top:1px solid var(--gray-300); border-bottom:1px solid var(--gray-300);}
.select-lpop .tb-info tbody {border-top:1px solid rgba(0, 0, 0, 0.05);}
.select-lpop .tb-info th {font-weight:700;}
.select-lpop .tb-info th,
.select-lpop .tb-info td {padding:10px; text-align:center; color:var(--font-neutral-2);}

.select-lpop .info-check-box {padding:24px 20px; border-radius:20px; background-color:#F3F5F8;}
.select-lpop .info-check-box .item {display:flex; justify-content:space-between; align-items:center;}
.select-lpop .info-check-box .item.result {padding-bottom:12px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.select-lpop .info-check-box .item + .item {margin-top:8px;}
.select-lpop .info-check-box .item .title {white-space: nowrap; color:var(--font-neutral-6); font-size:16px; line-height:24px;}
.select-lpop .info-check-box .item .content {display:flex; align-items:center; gap:4px; text-align:right; color:var(--font-neutral-4); font-size:18px; line-height:26px; word-break:keep-all;}
.select-lpop .info-change-cont .info-check-box .item .content {font-size:16px; line-height:24px;}
.select-lpop .info-check-box .item .content .logo {width:26px;}
.select-lpop .info-check-box .item .tag {margin-left: auto;padding: 6px 6px 5px; margin-right: 6px; border-radius: 4px; font-size: 11px;font-weight: 700;line-height: 11px;}
.select-lpop .info-check-box .item .tag.stat-1 {color:#E5845B; background-color:rgba(241, 164, 109, 0.16);}
.select-lpop .info-check-box .item .tag.stat-2 {color:#597AD3; background-color:rgba(118, 155, 255, 0.16);}
.select-lpop .info-text-box {padding:20px; border-radius:20px; background-color:#F3F5F8; text-align:center; color:var(--font-neutral-4); font-size:16px; line-height:24px;}

.select-lpop .info-check-cont {padding:0 20px 20px;}
.select-lpop .info-check-cont .notice-title {margin-top:20px; color:var(--font-neutral-5); font-size:17px; font-weight:700; line-height:26px;}
.select-lpop .info-check-cont .text {margin-top:20px; color:var(--font-neutral-4); font-size:16px; line-height:24px;}
.select-lpop .info-check-cont .text em {color:var(--font-point-1);}
.select-lpop .info-check-cont .text .link {color:var(--font-neutral-4); font-size:16px; line-height:24px; text-decoration:underline;}
.select-lpop .info-check-cont .list {margin-top:12px; margin-bottom: 12px;}
.select-lpop .info-check-cont .list > li {padding-left:17px; text-indent:-17px; color:var(--font-neutral-4); font-size:16px; line-height:24px;}
.select-lpop .info-check-cont .list > li.not-in {padding-left:0; text-indent:0;}
.select-lpop .info-check-cont .date {margin-top:20px; text-align:center; color:var(--font-neutral-4); font-size:16px; font-weight:700; line-height:26px;}
.select-lpop .info-check-cont .from {text-align:center; color:var(--font-neutral-4); font-size:16px; font-weight:700; line-height:26px;}
.select-lpop .info-check-cont .end-text {margin-bottom:20px; color:var(--font-neutral-3); text-align:center; font-size:24px; font-weight:700; line-height:32px;}
.select-lpop .info-check-cont .end-text::before {display:block; content:''; width:80px; height:80px; margin:0 auto 20px; background: url(/static/images/comm/ico-complete.png) no-repeat center / 100% }
#check-end-pop .select-lpop .info-check-cont .end-text::before {width:105px; background: url(/static/images/my/title_1.svg) no-repeat center / 100% }
.select-lpop .info-check-cont .dot-list {margin-top:20px;}
.select-lpop .info-check-box + .dot-list {margin-top:20px;}
.select-lpop .info-check-cont .dot-list > li {position:relative; padding-left:24px; color:var(--font-neutral-4); font-size:16px; line-height:24px;}
.select-lpop .info-check-cont .dot-list > li + li {margin-top:12px;}
.select-lpop .info-check-cont .dot-list > li::before {display:block; content:''; position:absolute; top:10px; left:11px; width:3px; height:3px; border-radius:50%; background-color:#343841;}
.select-lpop .bubble-promo {position: absolute;top: -22px;left: 50%;transform: translateX(-50%); white-space: nowrap; padding:4px 10px; color: var(--white); font-size: 12px;font-weight: 700;line-height: 20px; background-color:var(--font-point-2); border-radius: 4px;}
.select-lpop .bubble-promo::before {position: absolute; left: 50%;transform: translateX(-50%); bottom: -16px; content: ''; border-top:8px solid var(--font-point-2); border-bottom:8px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent;}

.select-lpop .info-change-cont {padding:0 20px 40px;}
.select-lpop .info-change-cont .info-title {margin:30px 0 12px; color:var(--font-neutral-2); font-size:17px; font-weight:700; line-height:26px;}
.select-lpop .info-change-cont .checkbox-item {position: relative; padding:16px 20px; border-radius:20px; background-color:#F3F5F8;}
.select-lpop .info-change-cont .checkbox-item + .checkbox-item {margin-top:4px;}
.select-lpop .info-change-cont .checkbox-item input[type=checkbox] + label:before {top:1px;}
.select-lpop .info-change-cont .checkbox-item input[type=checkbox] + label {padding-left:36px; color:var(--font-neutral-4); font-size:17px; line-height:26px;}
.select-lpop .info-change-cont .checkbox-item .edit-phone {transition:all 0s; padding-top: 0;max-height: 0; overflow: hidden;}
.select-lpop .info-change-cont .checkbox-item .edit-local {transition:all 0s; padding-top: 0;max-height: 0; overflow: hidden;}
.select-lpop .info-change-cont .checkbox-item .edit-local .txt {background-color: var(--background-color-1); font-weight: 700; font-size: 15px;line-height: 22px; color: var(--font-neutral-4); text-align: center; padding:20px; border-radius: 20px;;}
.select-lpop .info-change-cont .checkbox-item .flag {display:none; position: absolute; right: 20px;top: 18px; font-size: 14px;line-height: 20px;}
.select-lpop .info-change-cont .checkbox-item .flag.enable {color:#2D8DFF;}
.select-lpop .info-change-cont .checkbox-item .flag.disable {color:#FF3FBE;}
.select-lpop .info-change-cont .checkbox-item input + label {margin-bottom: 0;}
.select-lpop .info-change-cont .checkbox-item input:checked + label {margin-bottom: 20px;}
.select-lpop .info-change-cont .checkbox-item input:checked ~ .edit-phone {max-height: 200px; transition-duration: .5s;}
.select-lpop .info-change-cont .checkbox-item input:checked ~ .edit-local {max-height: 200px; transition-duration: .5s;}
.select-lpop .info-change-cont .checkbox-item input:checked ~ .flag {display: block;}

.select-lpop .info-change-cont .form-item {padding-top:10px;}
.select-lpop .info-change-cont .form-item + .form-item {margin-top:12px; padding-top:22px; border-top:1px solid rgba(0, 0, 0, 0.05);}    
.select-lpop .info-change-cont .form-item .form-tit {position:relative; padding:0 4px; color:var(--font-neutral-2); font-size:17px; font-weight:700; line-height:26px;}
.select-lpop .info-change-cont .form-item .form-tit:has(.flag) {padding-right:60px;}
.select-lpop .info-change-cont .form-item .form-tit .flag {display:block; position:absolute; top:3px; right:4px; text-align:right; color:#2D8DFF; font-size:14px; font-weight:400; line-height:20px;}
.info-change-cont .form-item .form-tit .flag.error {color:#FF3FBE;}
.select-lpop .info-change-cont .form-item .sub {margin-top:10px; padding:0 4px; color:var(--font-neutral-4); font-size:15px; line-height:22px;}

.error-wrap {height:100vh; text-align:center; display: flex; flex-direction: column; align-items:center; justify-content: center;}
.error-wrap .img {width: 64px;height: 64px;margin-bottom: 28px; background: url(/static/images/comm/img-2d-emptysearch.png) no-repeat center/100%;}
.error-wrap .txt1 {font-size: 19px;line-height: 28px;color: var(--font-neutral-5); font-weight: 700;}
.error-wrap .btn-submit {width: auto; margin-top: 32px; padding:0 16px; font-size: 17px; line-height: 48px;height: 48px;}
.prepare-wrap {height:100vh; text-align:center; display: flex; flex-direction: column; align-items:center; justify-content: center;}
.prepare-wrap .img {width: 64px;height: 64px;margin-bottom: 28px; background: url(/static/images/comm/img-2d-emptytime-light.png) no-repeat center/100%;}
.prepare-wrap .txt1 {font-size: 19px;line-height: 28px;color: var(--font-neutral-5); font-weight: 700;}
.prepare-wrap .desc {margin-top: 10px;font-size: 16px;line-height: 24px;color: var(--font-neutral-7);}

.lpop--wrap2 .inc-info-disable {padding:0 24px 36px;}
.lpop--wrap2 .inc-info-disable .txt1 {margin-bottom: 10px;}
.lpop--wrap2 .inc-info-disable .list--dot li {font-size: 16px; line-height: 24px;}
.promo-coffee {padding: 10px 24px 36px;}
.promo-coffee .promo-agr-view {display: flex; align-items: center;}
.promo-coffee .promo-agr-view::after {flex-shrink: 0; margin-left: auto; margin-right: -4px; content: ''; opacity: .4; width: 16px;height: 16px;-webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: #626A7A;}
.promo-coffee .coffee {margin-top: 34px; padding:10px 0 10px 24px; display: flex; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--background-color-2);}
.promo-coffee .coffee .txt {color: var(--font-neutral-1); line-height: 24px;}
.promo-coffee .coffee .txt1 {display: block; }
.promo-coffee .coffee .txt2 {display: block; font-weight: 700; margin-top: 2px;}
.promo-coffee .coffee .point {color: var(--font-point-2);}
.promo-coffee .coffee .txt3 {display:block; margin-top: 30px; font-size: 14px;line-height: 20px;color: var(--font-neutral-6);}
.promo-coffee .coffee .img {width: 120px;height: 120px; background: url(/static/images/comm/img-coffee.png) no-repeat center/100%;}

#inPreparingAlert {}
#inPreparingAlert .lpop-dialog {padding:30px 20px 40px; display: block; text-align: center;}
#inPreparingAlert .tit {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#inPreparingAlert .tit span {color: var(--font-neutral-2); font-size: 20px;line-height: 28px;font-weight: 700;}
#inPreparingAlert .tit::before {content:''; width: 80px;height: 80px;margin-bottom: 24px;background: url(/static/images/comm/img-3d-clock.png) no-repeat center/100%;}
#inPreparingAlert .txt {margin-top: 8px;font-size: 17px;line-height: 26px;color: var(--font-neutral-6);}

#promo-agree-end-pop {}
#promo-agree-end-pop .btn-cancel {width: 50%;}
.promo-end-success {padding: 0 24px 20px;}
.promo-end-success .tit {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.promo-end-success .tit span {margin-top: 20px;color: var(--font-neutral-3); font-size: 24px;line-height: 32px;font-weight: 700;}
.promo-end-success .tit::before {content:''; width: 84px;height: 84px;background: url(/static/images/comm/img-3d-congratulations.png) no-repeat center/100%;}
.promo-end-success .txt {margin-top: 20px;text-align: center; font-size: 16px;line-height: 24px;color: var(--font-neutral-4);}

.card-failed {padding: 0 24px 36px;}
.card-failed .txt {color: var(--font-neutral-3); font-size: 17px;line-height: 26px;}
.card-failed .tit {margin-top: 20px; height: 160px;display: flex; flex-direction: column; align-items: center; justify-content:center}
.card-failed .tit::before {content: ''; width: 52px;height: 52px;background: url(/static/images/comm/img-2d-emptycard-light.png) center/100%;}
.card-failed .tit p {margin-top: 16px;font-size: 17px; font-weight: 700;line-height: 26px;color: var(--font-neutral-5);}

.area-store-search {padding: 0 20px 36px;}
.area-1 .item-inner {width: 100%; text-align: left;}
.area-wrap .btn-select + .btn-select {margin-top: 8px;}
.area-wrap, .store-wrap {margin-bottom: 28px;}
.area-wrap .tit,
.store-wrap .tit {margin:0 4px 8px; font-size: 15px;font-weight: 700;line-height: 22px;color: var(--font-neutral-4);}
.store-wrap .form-item .btn-submit {margin-top: 28px;}
.store-read {margin-top: 28px;padding-top: 20px; border-top: 1px solid var(--line);}
.store-read .list--dot {margin:0 4px 0 10px}
.store-read .list--dot li {font-size: 16px;line-height: 24px; color: var(--font-neutral-4);}
.store-read .list--dot li + li {margin-top: 12px;}
.result-stores {margin-top: 28px;padding-top: 20px; border-top: 1px solid var(--line);}
.result-stores .tit {margin: 0 4px 8px; color: var(--font-neutral-4); font-size: 15px; line-height: 22px;font-weight: 700;}
.result-stores .store-null {margin: 0; padding:16px 0 0; text-align: center;}
.result-stores .store-null::before {display:inline-block; margin-bottom: 16px; width: 52px;height: 52px;content: ''; background: url(/static/images/comm/img-2d-emptydefault.png) no-repeat center/100%;}
.result-stores .store-null .txt1 {font-size: 17px;line-height: 26px;font-weight: 700;color: var(--font-neutral-5);}
.result-stores .store-null .txt2 {margin-top: 6px;font-size: 15px;line-height: 22px;color: var(--font-neutral-7);}
.result-stores .store-info {padding: 20px; background-color: #F3F5F8; border-radius: 20px;}
.result-stores .store-info .name {font-weight: 700; font-size: 16px; line-height: 24px; color: var(--font-neutral-4);}
.result-stores .store-info .address {margin-top: 2px;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: var(--font-neutral-6);}
.result-stores .store-info .infos {}
.result-stores .store-info .infos .tel,
.result-stores .store-info .infos .store-id {display: flex; align-items: center; justify-content: space-between;}
.result-stores .store-info .infos .store-id {margin-top: 2px;}
.result-stores .store-info .infos .attr {font-size: 14px;line-height: 20px;color: var(--font-neutral-6);}
.result-stores .store-info .infos .val {flex-shrink: 0; font-size: 14px;line-height: 20px;color: var(--font-neutral-4);}
.result-stores .store-info + .store-info {margin-top: 8px;}

.cardShareWrap {margin-top: 20px; padding: 32px 0; text-align: center; }
.cardShareWrap .ico_share { display: inline-block; width: 80px; height: 80px;}
.cardShareWrap .ico_share + .ico_share {margin-left: 20px; }
.cardShareWrap .ico_share img { width: 100%; }

.full-lpop-wrap.terms-detail {background-color: var(--white);}

/* mPB_loading */
.renew_loading {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,.4); z-index:999; touch-action: none;}
#mPB_loading .renew_loading_img {position:absolute; width:72px; height:72px; left:50%; top:50%; transform:translate(-50%, -50%); display: flex;justify-content: center;align-items: center; background-color:transparent;}
#mPB_loading .renew_loading_img .dot {display: inline-block;vertical-align: top;width: 7px;height: 7px;border-radius: 50%;background-color: #FF1744;animation: loading 1.2s cubic-bezier(0, 0, 0.2, 1) infinite backwards;}
.renew_loading_img .dot + .dot {margin-left: 8px;}
#mPB_loading .renew_loading_img .dot:nth-child(1) {animation-delay: .38s;}
#mPB_loading .renew_loading_img .dot:nth-child(2) {animation-delay: .54s;}
#mPB_loading .renew_loading_img .dot:nth-child(3) {animation-delay: .72s;}
#mPB_loading .renew_loading_img .dot:nth-child(4) {animation-delay: .9s;}
body.show-loading .renew_loading {background-color:rgba(255,255,255,.4) !important;}
body.show-loading #mPB_loading .renew_loading_img {opacity:1;}
body:has(.full-lpop-wrap) .renew_loading {z-index: 1005;}
#area-store-pop[style*="block"] ~ .renew_loading {top: 56px;bottom: 10px;left: 10px;right: 10px;border-radius: 24px;}
@keyframes loading {
	0% {transform: translate(0, 0);	opacity: 1;}
	40% {transform: translate(0, -8px); opacity: 0.4;}
	60% {opacity: 1;}
	90% {transform: translate(0, 0);}
}


#NetFunnel_Loading_Popup{left:inherit !important;top:inherit !important} /* 유량제어 솔루션 포지션 */
.lpop_wait {display:flex; justify-content:center; align-items:center; position:fixed; z-index:10; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); text-align:center;}
.lpop_wait .lpop_cont {max-width:390px; width:calc(100% - 48px); margin:0; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); padding:10px 24px 32px; vertical-align:middle; color:#000; border-radius: 24px; background-color: #fff;}
.lpop_wait .tit_wait {margin-top:20px; font-size:20px; font-weight:700;}
.lpop_wait .txt_wait {margin-top:15px; font-size:13px;}
.lpop_wait .progress_box {margin-top:20px; padding:20px; border-radius:8px; background-color:#fff;}
.lpop_wait .progress_box .time_txt {text-align:right; color:#666;}
.lpop_wait .progress_box .graph {position:relative; width:100%; height:15px; margin-top:8px; border-radius:8px; background-color:var(--button-primary-disabled);}
.lpop_wait .progress_box .graph .percent {position:absolute; top:0; left:0; width:0; height:15px; border-radius:8px; background-color:var(--button-primary);}
.lpop_wait .progress_box .txt {margin-top:17px; font-size:14px;}
.lpop_wait .progress_box .txt strong {font-weight:700;}
.lpop_wait .txt_noti {margin-top:15px; text-align:left; font-size:15px;}
.lpop_wait .cs_wrap {margin-top:25px; padding:25px 0 0; border-top:1px solid #ddd; text-align:center;}
@media(min-width:1024px){
	.lpop_wait .lpop_cont {width: 700px; max-width:700px;}
}


.wait_wrap {display:flex; justify-content:center; align-items:center; position:fixed; z-index:10; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#f7f7f7; text-align:center;}
.wait_wrap .inner {width:700px; padding:0 25px; vertical-align:middle; color:#000;}
.wait_wrap .tit {margin-top:20px; font-size:20px; font-weight:700;}
.wait_wrap .info_txt {margin-top:15px; font-size:13px;}
.wait_wrap .progress_box {margin-top:20px; padding:20px; border-radius:8px; background-color:#fff;}
.wait_wrap .progress_box .time_txt {text-align:right; color:#666;}
.wait_wrap .progress_box .graph {position:relative; width:100%; height:15px; margin-top:8px; border-radius:8px; background-color:var(--button-primary-disabled);}
.wait_wrap .progress_box .graph .percent {position:absolute; top:0; left:0; width:0; height:15px; border-radius:8px; background-color:var(--button-primary);}
.wait_wrap .progress_box .txt {margin-top:17px; font-size:14px;}
.wait_wrap .progress_box .txt strong {font-weight:700;}
.wait_wrap .noti_txt {margin-top:15px; text-align:left; font-size:15px;}
.wait_wrap .cs_wrap {margin-top:25px; padding:25px 0 0; border-top:1px solid #ddd; text-align:center;}

.app-download{display:block; width:100%; position: fixed; bottom:-110%; transition: all 1s ease-in-out; background-color: #fff; box-shadow: 0 -16px 16px rgba(0,0,0, .15); opacity: 0; z-index: 1112;}
.app-download>.in{position:relative; margin:0 auto;}
.app-download.active{opacity: 1; bottom:0;}
.app-download {padding:52px 20px 32px;}
.app-download .txt{font-size:32px; font-weight:400; color:var(--font-neutral-1); text-align: center;}
.app-download .txt b{font-weight:700;}
.app-download .txt b>span{font-weight:700; color:#fa5273}
.app-download .column{display:flex; display:-ms-flexbox; justify-content: space-between; margin:32px auto 0; max-width: 480px;}
.app-download .col{position:relative;}
.app-download .col>*{display:block}
.app-download .tit{font-size:14px; color:#979797; text-align: center; margin-bottom:20px;}
.app-download .link{border-radius:2rem; width: 144px;height: 48px; background:#303132 url(/static/images/comm/logo_google.png) no-repeat 50%/110px auto;  overflow:hidden; text-indent: -120%;}
.app-download .link.apple{background-size: 101px auto; background-image: url(/static/images/comm/logo_apple.png); margin-top:16px;}
.app-download .link img{width:100%;} 
.app-download .qr{width:112px; height: 112px;}
.app-download .close {position:absolute; top:-42px; right:0; font-size:1px; color:transparent; overflow:hidden; width:32px; height:32px; background:url(/static/images/comm/close_32.png) no-repeat center/100%;}

@media (max-width:340px){
	input::placeholder{font-size:15px;}
	.bs-value {font-size: 15px;}
	input[type=text], input[type=password], input[type=tel], input[type=number], input[type=search], input[type=email], input[type=date] {
		padding:15px 13px;
	}
	input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, input[type=date]:focus, input[type=email]:focus{
		padding:14px 12px;
	} 
}
@media (max-width:330px){
	input[type=text], input[type=password], input[type=tel], input[type=number], input[type=search], input[type=email], input[type=date] {
		padding:15px 12px;
	}
	input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, input[type=date]:focus, input[type=email]:focus{
		padding:14px 11px;
	} 
}

@media (min-width:1025px){
    .lpop--wrap2 .lpop-inner {position:absolute; left:50%; top: 50%; right:auto; bottom:auto; transform: translate(-50%, -50%); width: 520px;}
	.wait_wrap .tit {font-size:22px;}
	.wait_wrap .progress_box .txt {font-size:15px;}
	.wait_wrap .info_txt, 
	.wait_wrap .noti_txt {font-size:15px;}

	.app-download {padding:100px 0 120px;}
	.app-download>.in{width:904px;}
	.app-download .column{width:464px; margin-top: 56px;}
	.app-download .qr{width:142px; height: 142px;}
	.app-download .link {width:161px; height:58px;}
	.app-download .col:first-child:after{content:''; width:1px; height:142px; background-color:#e9e9e9; position: absolute; left:calc(100% + 80px); top:41px;}
	.app-download .close {top:-52px;}
	#area-store-pop[style*="block"] ~ .renew_loading {display: block; width: 520px; left: 50%; transform: translate(-50%, -50%); top: 50%; bottom: auto; min-height: 670px; max-height: calc(100% - 66px); right: auto;}
}


.toast {position:fixed; border-radius:16px; background-color:rgba(122,131,148,.9); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
opacity:0; color:#fff; text-align:center; font-size:15px; line-height:22px; left:20px; right:20px; bottom:10px; z-index:999; padding:17px 20px 18px;}
.toast strong {font-size:17px; font-weight:bold; line-height:26px;}