@charset "euc-kr";

/* 20250227 reflect */
/* 20241219 test */

/* s: ±âÁ¸css µ¤¾î¾²±â, °øÅë, reset */
button,input,optgroup,select,textarea{font-family:'NotoSansKR';}
#container{position:relative;padding:0!important;z-index: 101;overflow-x:hidden;overflow-y:hidden;}
#header{height:auto;font-size:inherit;line-height:auto}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:none}
*{box-sizing:border-box;margin:0;padding:0;border:none;outline-style:none}
button,input,optgroup,select,textarea{line-height:1}
input[type=checkbox]+label.terms__chk-all__label{margin:0 0 0 .9rem}
input[type=checkbox]+label.terms__el-label{margin:0}
/* placeholder reset from skt/tc/common.css */
::-webkit-input-placeholder {font-size:inherit;}
::-moz-placeholder {  /* Firefox 19+ */font-size:inherit;}
:-moz-placeholder { /* Firefox 18- */font-size:inherit;}
:-ms-input-placeholder { font-size:inherit;}
input:-moz-placeholder { font-size:inherit;}
/* placeholder reset from /bzm/common.css */
::-webkit-input-placeholder::placeholder{color:#cdcdcd;font-weight: 700;}
::-moz-input-placeholder::placeholder{color:#cdcdcd;font-weight: 700;}
:-ms-input-placeholder::placeholder{color:#cdcdcd;font-weight: 700;}
input:-moz-placeholder::placeholder{color:#cdcdcd;font-weight: 700;}
input::placeholder{color:#cdcdcd;font-weight: 700;}
button.form-area .btn--join{flex-grow:1}
input[type=radio]:after{content:"";display:inline;border:none;width:auto;height:auto;background:0 0;position:static;top:auto;left:auto;border-radius:0}
input[type=checkbox].terms__el-ipt{position:absolute;left:0;top:1.3rem;width:1.8rem;height:1.3rem;background:url(../../../../img/bam/tel/ec/new/check_off.png) no-repeat center center/100%}
input[type=checkbox].terms__el-ipt:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on.png)}
input[type=checkbox].terms__el-ipt:checked+label{color:#000}

/* s: ·¹ÀÌ¾Æ¿ô ±âÁØ (1rem = 10px, html percent Á¶Á¤½Ã ÀüÃ¼·¹ÀÌ¾Æ¿ô Å©±â Á¶Á¤°¡´É ) */
html{font-size:62.5%}
body{font-size:1.6em;max-width:640px;letter-spacing:-.075rem;margin:0 auto;}
/* html{font-size:52%;}
body{font-size:1.6em;max-width:640px;letter-spacing:-.075rem;margin:0 auto;} */
/* e: ·¹ÀÌ¾Æ¿ô ±âÁØ */

.hidden{display:none}
button{border:none}
input{-webkit-appearance:none;}
input[type=checkbox].terms__chk-all__ipt{width:4rem;height:4rem;background:url(../../../../img/bam/tel/ec/new/check_off_all.png) no-repeat center center/100%}
input[type=checkbox].terms__chk-all__ipt:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on_all.png)}
/* e: ±âÁ¸css µ¤¾î¾²±â, reset */
/* s: »ó´Ü ¸ÞÀÎºñÁÖ¾ó ÀÌ¹ÌÁö */
.key-visual{background-color:#fff4ee}
.key-visual__img{display:block;margin:0 auto}
/* e: »ó´Ü ¸ÞÀÎºñÁÖ¾ó ÀÌ¹ÌÁö */
/* s: »ó´Ü ¸ÞÀÎ ½½¶óÀÌ´õ */
.section-hero{}
.section-hero .custom-slider{padding-top:0;padding-bottom:0;}
.custom-slider{position:relative;}
.custom-slider .slick-dots{position:absolute;right:14px;top:14px;display:flex;align-items:center;justify-content:center;gap:0 4px;}
.custom-slider .slick-dots li{ width:6px;height:6px;border-radius:100%;box-sizing:border-box;background-color:#ccc;}
.custom-slider .slick-dots li.slick-active{background-color:#000;}
.custom-slider .slick-dots button{border: none;font-size: 0;text-indent: -9999px;background: none;visibility: hidden;}
.custom-slider .slick-item-inner a,
.custom-slider .slick-item-inner img{display:block;}
.custom-slider .slick-item-inner a{width:100%;}
.custom-slider .slick-item-inner img{width:100%;height:auto;}
/* e: »ó´Ü ¸ÞÀÎ ½½¶óÀÌ´õ */

/* s: ³»ºÎ ÄÁÅ×ÀÌ³Ê, Åë½Å»ç tab ¸®½ºÆ® */
.inner{position:relative;border-radius:2.4rem 2.4rem 0 0;background-color:#fff;margin-top:-1.9rem;padding:5rem 4rem}
.inner .agency-list{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:25px;}
.inner .agency-list__element{flex:1}
.inner .agency-list__radio{position:absolute;opacity:0;width:0;height:0;border:0}
.inner .agency-list__radio+label{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:44px;line-height:1.4;font-size:14px;margin:0;padding:0;border-radius:5px;border:1px solid #cdcdcd;text-align:center;color:#666;}
.inner .agency-list__radio+label .txt-label_sm{display:inline-block;font-size:2.2rem;}
.inner .agency-list__radio:checked+label{font-weight:700;color:#fff;border-color:#222;background-color:#222}
/* .inner.has-visual{padding-top:0;background-color:red;} */
/* e: ³»ºÎ ÄÁÅ×ÀÌ³Ê, Åë½Å»ç tab ¸®½ºÆ® */

/* s: tab ³»ºÎ ÄÁÅÙÃ÷ */
/* .form-area.form-area-cert{display:none} */
.form-area.form-area-cert .btn--join-b{display:none}
.form-area.form-area-cert .ist-number{display:none}
.form-area.form-area-cert.active{display:block}
.form-area.form-area-cert.cert-b .btn--join-a{display:none}
.form-area.form-area-cert.cert-b .btn--join-b{display:block}
.form-area.form-area-cert.cert-b .chk-all__complete{display:none}
.form-area.form-area-cert.cert-b .ist-wrap__cert-b{display:flex}
.form-area.form-area-cert.cert-b .ist-number.open{display:flex}
.form-area.form-area-cert.cert-b .btn--submit.active{background-color:#000;color:#fff}
.form-area.form-area-b.active .ist-wrap__cert--prev{display:none}
.form-area.form-area-b.active .ist-wrap__cert--prev+.ist-number__warning{display:none}
.form-area legend{display:inline-block;text-indent:-9999px;height:0;width:0}
.form-area .chk-all{position:relative;display:flex;align-items:center;line-height:1;}
.form-area .chk-all ~ .chk-all{margin-top:2.9rem;}
.form-area .chk-all.hidden{display:none;}
.form-area .chk-all.active{border-color:#222;}

.form-area .chk-all .btn-all__accordian{
    position: absolute;
    right: 0;
    top: 0.5rem;
    text-indent: -9999px;
    width: 3.6rem;
    height: 3.6rem;
    background: url('../../../../img/bam/tel/ec/new/arrow_right-dark.png') no-repeat center center / 2rem auto;
    transform:rotate(180deg);
}
.form-area .chk-all .btn-all__accordian.active{transform:rotate(0deg);}


.form-area .chk-all__complete{border-color:#222}
.form-area .chk-all input[type=checkbox]{width:4rem;height:4rem;background:url(../../../../img/bam/tel/ec/new/check_off_all.png) no-repeat center center/100%}
.form-area .chk-all input[type=checkbox]:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on_all.png)}
.form-area .chk-all__label{font-size:2.5rem;padding-left:2rem;font-weight:700;color:#000;margin:0}
.form-area .chk-list{margin:3rem 0 3.5rem}
.form-area .chk-list li{padding:.5rem 1rem .5rem 6rem;position:relative}
.form-area .chk-list li.list-item-skt-selectable,
.form-area .chk-list li.list-item-kt-selectable,
.form-area .chk-list li.list-item-kt-mvno-selectable,
.form-area .chk-list li.list-item-lguplus-selectable,
.form-area .chk-list li.list-item-lguplus-mvno-selectable{margin-left:4rem;padding-right:4rem;}
.form-area .chk-list li input{position:absolute;left:2rem;top:1.645rem;width:2.4rem;height:1.7rem;background:url(../../../../img/bam/tel/ec/new/check_off.png) no-repeat center center/100%}
.form-area .chk-list li input:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on.png)}
.form-area .chk-list li input:checked+label{color:#000}
.form-area .chk-list li label{font-size:2.4rem;color:#666;margin:0}
.form-area .chk-list li .btn-terms{position: absolute;right: 0;top: 0.5rem;text-indent: -9999px;width: 3.6rem;height: 3.6rem;background: url(../../../../img/bam/tel/ec/new/arrow_right.png) no-repeat center center / 1.2rem;}
.form-area .ist-wrap{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}
.form-area .ist-wrap:not(:first-child){margin-top:4rem}
.form-area .ist-wrap__birth{position:relative}
.form-area .ist-wrap__birth:after{content:"";width:16rem;height:1rem;background:url(../../../../img/bam/tel/ec/new/circle_pw.png) no-repeat center center/100%}
.form-area .ist-wrap .dash{display:block;font-size:3.6rem;font-weight:700;margin:0 2rem 0 2.7rem;color:#cdcdcd}
.form-area .ist-wrap .btn--clear{position:absolute;right:0;top:1.45rem;width:3.2rem;height:3.2rem;background:url(../../../../img/bam/tel/ec/new/check_val.png) no-repeat center center/100%;text-indent:-9999px;display:none}
.form-area .ist-wrap .btn--clear.active{display:block}
.form-area .ist-wrap__cert{display:flex;align-items:end;}
.form-area .ist-wrap__cert .btn--clear{position:static}
.form-area .ist-wrap__cert .btn--resend{width:15.6rem;height:6rem;background-color:#fff;color:#666;border:2px solid #8c8c8c;border-radius:1rem}
.form-area .ist-wrap__cert-b{gap:2rem;position:relative;display:none}
.form-area .ist-wrap__cert-b .ist-phone{width:calc(100% - 15.7rem)}
.form-area .ist-wrap__cert-b .btn--clear{right:17.7rem}
.form-area .ist-wrap__cert__in{position:relative;display:flex;align-items:center;border-bottom:2px solid #cdcdcd;flex:1;margin-right:2rem;}
.form-area .ist-wrap__cert__in.on{border-color:#222;}   
.form-area .ist-wrap__cert__in.active{border-color:#222;}
.form-area .ist-wrap .cert-count{font-size:2.2rem;color:#ea4d51;margin-left:3rem}
.form-area .ist-text{font-size:4.2rem;font-weight:700;width:100%;height:7.1rem;padding:1.5rem 1rem;border:none;border-bottom:2px solid #cdcdcd;color:#cdcdcd}
.form-area .ist-text.active{color:#000;border-bottom:2px solid #222}
.form-area .ist-text:focus{color:#000;border-bottom:2px solid #222}
.form-area .ist-wrap__cert__in.active .ist-text{color:#000;}
.form-area .ist-text__birth-f{width:17.1rem}
.form-area .ist-text__birth-s{position:relative;width:4.8rem;border-bottom:2px solid #cdcdcd;margin-right:1.8rem}
.form-area .ist-text.ist-otp-cert{border-bottom:none}
.form-area .ist-warning{font-size:2.2rem;color:#ea4d51;padding-left:1rem;display:none}
.form-area .ist-warning.on{display:block}
.form-area .ist-number{position:relative;display:flex;align-items:center}
.form-area .ist-number:before{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 17.7rem);height:2px;background-color:#cdcdcd;z-index:1}
.form-area .ist-number.open.active:before{background-color:#222;}
.form-area .ist-number.on:before{background-color:#222}
.form-area .ist-number.active:before{background-color:#222}
/* .form-area .ist-number.on:after{top:2.3rem} */
/* .form-area .ist-number:after{content:"";position:absolute;top:2.1rem;left:9.5rem;background:#cdcdcd;width:2px;height:3rem} */
.form-area .ist-number:after{display:none;}
.form-area .ist-number .ist-phone--default{width:8.5rem;color:#000;position:relative;padding:1.5rem 0;text-align:center;border-bottom:none}
.form-area .ist-number .ist-phone--default:focus{border-bottom:none}
.form-area .ist-number .ist-phone{font-size:3rem;color:#cdcdcd;position:relative;padding:1.5rem 0 1.5rem 1.5rem;border-bottom:none;color:#000;flex:1;}
.form-area .ist-number .btn--clear{top:1.95rem;right:17.7rem}
.form-area .ist-wrap__cert--prev:before{width:100%}
.form-area .ist-wrap__cert--prev.active:before{background-color:#222;}
.form-area .ist-wrap__cert--prev .ist-phone{width:calc(100% - 8.5rem)}
.form-area .ist-wrap__cert--prev .btn--clear{right:0}
.form-area .btn--submit{cursor:pointer;font-size:2.2rem;font-weight:700;width:15.6rem;height:6rem;background-color:#ccc;color:#000;border-radius:.8rem}
.form-area .btn--submit.active{background-color:#000;color:#fff}
.form-area .form-area__btn-area{margin-top:4rem;display:flex;align-items:center;justify-content:center;}
.form-area .form-area__btn-area > li{flex:1;}
.form-area .form-area__btn-area > li:first-child{margin-right:0;}
.form-area .form-area__btn-area button{border-radius: 1rem;width: 100%;border:0;background: none;}
.form-area .form-area__btn-area button img{vertical-align: middle;}
.form-area .btn--cancle{font-size:2.8rem;font-weight:700;width:14.7rem;height:9rem;color:#666;background:#fff;border:2px solid #8c8c8c}
.form-area .btn--cancle li:nth-of-type(2){flex-grow:1}
.form-des{margin-top:3rem}
.form-des__tel{border-bottom:1px solid #666;font-size: 2.2rem; color:#666;}
.form-des__item{color:#666;font-size:2.2rem;position:relative;padding:.7rem 0 .7rem 2rem}
.form-des__item:before{content:"-";position:absolute;left:1rem;top:.7rem}
.form-des__item.emp{color:#ea4d51}
.form-des__type--a{display: none;}
.form-area-a:not(.hidden) ~ .form-des .form-des__type--a,
.cert-a:not(.hidden) ~ .form-des .form-des__type--a{display: block;}
/* e: tab ³»ºÎ ÄÁÅÙÃ÷ */
/* s: ±âº» ¾à°ü¸ð´Þ */
/* .modal-terms{position:fixed;left:0;bottom:-100%;width:100%;height:100%;z-index:2;transition:.5s}
.modal-terms.active{bottom:0}
.modal-terms.active:before{content:"";position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);width:100%;height:100%}
.modal-terms__title{font-size:3rem}
.modal-terms__inner{position:absolute;width:100%;left:0;bottom:0;border-radius:3rem 3rem 0 0;background:#fff;padding:6rem 4rem 7rem;transition:1s} */
.modal-terms{z-index:2;position:fixed;left:0;top:-100%;width:100%;height:100%;min-height:100vh;transition:.5s;}
.modal-terms.active{top:0;}
.modal-terms.active:before{
    content:"";position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);width:100%;
    /* height:100%; */
    height:200vh;
}
.modal-terms__title{font-size:3rem}
.modal-terms__inner{position:fixed;width:100%;left:0;bottom:-100%;border-radius:3rem 3rem 0 0;background:#fff;padding:6rem 4rem 7rem;transition:1s;opacity: 0;visibility: hidden;}
.modal-terms.active .modal-terms__inner{bottom:0;opacity: 1;visibility: visible;}
.modal-terms__title{font-size:3rem;font-weight:700;color:#000}
.modal-terms__ist{font-size:2.4rem;width:100%;height:35rem;padding:3rem 2.8rem;margin:4rem 0 3rem;color:#666;border:2px solid #cdcdcd;resize:none;box-sizing:border-box;overflow-y:auto;}
.modal-terms .btn--close{font-size:2.8rem;font-weight:700;width:100%;height:9rem;background:#222;color:#fff;border-radius:1rem;cursor:pointer}
.modal-terms .btn--close__ico{position:absolute;width:2.6rem;height:2.4rem;right:4rem;top:4rem;background:url(../../../../img/bam/tel/ec/new/close.png) no-repeat center center/100%;text-indent:-9999px;border:none;cursor:pointer}
/* e: ±âº» ¾à°ü¸ð´Þ */
/* s: Åä½ºÆ® ¾à°ü¸ð´Þ */
.terms{z-index:1;position:fixed;left:0;bottom:-100%;width:100%;height:100%;min-height:100vh;transition:.5s;}
.terms.active{bottom:0;transition:.5s;transition-delay:.6s;}
.terms.active:before{content:"";position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);width:100%;
    /* height:100%; */
    height:200vh;
}
.terms__list__item{position:relative}
.terms__list__item:not(:first-of-type){margin-top:4rem}
.terms__acd{display:none}
.terms__acd--depth{display:none;margin:1.5rem 0}
.terms__list__el{padding:0 2rem;margin-top:1rem}
.terms__element{padding:.4rem 2.8rem;position:relative}
.terms__el-ipt{position:absolute;left:0;top:1.3rem;width:1.8rem;height:1.3rem;background:url(../../../../img/bam/tel/ec/new/check_off.png) no-repeat center center/100%}
.terms__el-ipt:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on.png)}
.terms__el-ipt:checked+label{color:#000}
.terms__el-label{font-size:2.4rem;color:#666}
.terms .btn-acd{position: absolute;right: 0;top: 0.4rem;text-indent: -9999px;width: 3.6rem;height: 3.6rem;background: url(../../../../img/bam/tel/ec/new/arrow_down_off.png) no-repeat center right / 2rem;}
.terms .btn-acd.active{background-image:url(../../../../img/bam/tel/ec/new/arrow_up_off.png)}
.terms .btn-acd--all{position: absolute;right: 2rem;top: 0;text-indent: -9999px;width: 4rem;height: 4rem;background: url(../../../../img/bam/tel/ec/new/arrow_down_on.png) no-repeat right center/ 2.2rem;}
.terms .btn-acd--all.active{background-image:url(../../../../img/bam/tel/ec/new/arrow_up_on.png);}
.terms .ist-warning{font-size:2.2rem;color:#ea4d51;padding:0 5.5rem}
.terms__inner{position:absolute;width:100%;height:60vh;left:0;bottom:0;border-radius:3rem 3rem 0 0;background:#fff;padding:6rem 4rem 0}
.terms__in{position:relative;max-height:calc(100% - 36.4rem);overflow-y:scroll}
.terms__in:after{content:"";position:-webkit-sticky;position:sticky;display:block;left:0;top:calc(100% - 10.4rem);bottom:0;width:100%;height:10.4rem;background:url(../../../../img/bam/tel/ec/new/bg_gradient.png) no-repeat center/100%}
.terms__chk-all{display:flex;align-items:center}
.terms__chk-all__ipt{width:4rem;height:4rem;background:url(../../../../img/bam/tel/ec/new/check_off_all.png) no-repeat center center/100%}
.terms__chk-all__ipt:checked{background-image:url(../../../../img/bam/tel/ec/new/check_on_all.png)}
.terms__chk-all__ipt:checked+label{color:#000}
.terms__chk-all__label{font-size:2.8rem;margin-left:.9rem;font-weight:700;background:#fff;color:#666;padding:0 .6rem}
.terms__chk-all__label.active{background-color:#fad2d3;color:#000}
.terms__title{font-size:3rem;font-weight:700;color:#000;margin-bottom:5rem}
.terms__txt{font-size:2.4rem;width:100%;height:20rem;padding:3rem;color:#666;border:2px solid #cdcdcd;resize:none;box-sizing:border-box;border-radius:1rem;overflow-y:auto;}
.terms .btn--close__ico{position:absolute;width:2.6rem;height:2.4rem;right:4rem;top:4rem;background:url(../../../../img/bam/tel/ec/new/close.png) no-repeat center center/100%;text-indent:-9999px;border:none;cursor:pointer}
/* .terms .btn-agree{font-size:2.8rem;font-weight:700;width:100%;height:9rem;border-radius:1rem;background-color:#ea4d51;color:#fff} */
.terms .btn-agree{font-size:2.8rem;font-weight:700;width:100%;height:9rem;border-radius:1rem;background-color:#000000;color:#fff}
.terms .btn-agree.active{background-color:#222;color:#fff}
/* .terms .btn-benefit{font-size:2.8rem;font-weight:700;width:100%;height:9rem;border-radius:1rem;background-color:#fff;border:1px solid #ea4d51;color:#ea4d51;margin-top:2rem} */
.terms .btn-benefit{font-size:2.8rem;font-weight:700;width:100%;height:9rem;border-radius:1rem;background-color:#fff;border:1px solid #000000;color:#000000;margin-top:2rem}
/* e: Åä½ºÆ® ¾à°ü¸ð´Þ */

/* s: ¸ð´Þ °øÅë, each element */
/* .con-popup{position:fixed;left:0;top:-100%;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2;transition:.5s;} */
/* .con-popup{z-index:100;position:fixed;left:0;top:-100%;width:100%;height:100%;min-height:100vh;transition:.5s;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3.4rem;} */
.con-popup{z-index:3;position:fixed;left:0;top:-100%;width:100%;height:100%;min-height:100vh;transition:.5s;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;}
.con-popup.active{top:0;} /* 20241028 ¼öÁ¤ */
.con-popup.active:before{content:"";position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);width:100%;height:200vh;}

/* .con-popup__des{font-size:2.8rem;color:#444} */
.con-popup__des{font-size:14px;color:#444}
.con-popup__des__und{font-weight:700;}
.con-popup__inner{position:relative;width:100%;max-width:640px;background-color:#fff;padding:32.25px 17px 17px;text-align:center;border-radius:1rem;opacity:0;visibility:hidden;transition:1s;}
.con-popup.active .con-popup__inner{opacity:1;visibility:visible;}
/* .con-popup .btn-close{font-size:2.8rem;font-weight:700;color:#fff;background:#000;width:100%;height:9rem;margin:6.5rem auto 0;border-radius:1rem} */
.con-popup .btn-close{font-size:14px;font-weight:700;color:#fff;background:#000;width:100%;height:8rem;margin:20px auto 0;border-radius:5px;}
.con-popup__redirect .con-popup__des{color:#000}
.con-popup__redirect .con-popup__des2{font-size:2.8rem;font-weight:700;color:#ea4d51;margin-top:2rem}
/* .con-popup__redirect .btn-close{background:#ea4d51;color:#fff} */
.con-popup__redirect .btn-close{background:#000;color:#fff}
/* .con-popup__redirect .con-popup__ico{display:block;margin-bottom:2.5rem} */
.con-popup__redirect .con-popup__ico{display:block;margin-bottom:12.5px;}
/* .con-popup__redirect .con-popup__ico__loading{margin:2rem 0 4.8rem} */
.con-popup__redirect .con-popup__ico__loading{margin:10px 0 24px;}
.con-popup__cancle .btn-reset{font-size:2.8rem;font-weight:700;color:#666;background:#fff;height:9rem;border-radius:1rem;width:15rem;border:2px solid #8c8c8c}
/* .con-popup__cancle .btn-reset{font-size:14¤Ä¤¼;font-weight:700;color:#666;background:#fff;height:45px;border-radius:5px;width:90px;border:2px solid #8c8c8c} */
.con-popup__cancle .btn-close{margin:0;background:#ea4d51}
.con-popup--cancle__ui{display:flex;gap:2rem;margin-top:6.5rem}
.con-popup--cancle__item.cancle__close{flex-grow:1}
/* e: ¸ð´Þ °øÅë, each element */

/* s: ¹ÝÀÀÇü ¹Ìµð¾îÄõ¸®(640/480/375) ÀüÃ¼·¹ÀÌ¾Æ¿ô Å©±âÄÁÆ®·Ñ html font-size, ¼¼ºÎÁ¶Á¤ or ¿¹¿ÜºÎºÐ º°µµÅ©±â Àû¿ë*/
@media (max-width:640px){
    html{font-size:45%}
    .form-area .btn--cancle{width:22.96875vw;height:14.3vw}
}
@media (max-width:480px){
    html{font-size:37.5%}
}
@media (max-width:375px){
    html{font-size:32.5%}
}

@media (spanning: none) and (orientation: portrait) {
    /* ¼¼·Î ¹æÇâÀ¸·Î »ç¿ë ÁßÀÏ ¶§ Æúµå°¡ ¼¼·Î·Î ³ª´µ¾îÁ® ÀÖ´Â °æ¿ì */
    html{font-size:37.5%}
}

/* s: ½Å¿ëÁöÅ°¹Ì ¿ÜºÎÃ¤³Î °¡ÀÔ: µö¸µÅ© */
.con-popup__redirect--done,
.con-popup__redirect--already{
    /* justify-content:space-between; */
    gap:12rem;
}
.con-popup__redirect--done .con-popup__inner,
.con-popup__redirect--done2 .con-popup__inner,
.con-popup__redirect--already .con-popup__inner{
    word-break:keep-all;
}

@media all and (max-width:375px){
    .con-popup__redirect--done .con-popup__inner,
    .con-popup__redirect--done2 .con-popup__inner,
    .con-popup__redirect--already .con-popup__inner{
        /* top:calc(50% - 15rem); */
        /* top:2.5rem; */
        /* transform:translate(-50%,0); */
        /* word-break:keep-all; */
    }
}

@media all and (max-height:658px){
    .con-popup__redirect--done .con-popup__inner,
    .con-popup__redirect--done2 .con-popup__inner,
    .con-popup__redirect--already .con-popup__inner{
        /* top:calc(50% - 15rem); */
        /* top:2.5rem; */
        /* transform:translate(-50%,0); */
        /* word-break:keep-all; */
    }
}

@media all and (max-width:300px){
    .con-popup__redirect--done .con-popup__inner,
    .con-popup__redirect--done2 .con-popup__inner,
    .con-popup__redirect--already .con-popup__inner{
        /* top:calc(50% - 25rem); */
        /* top:2.5rem; */
        /* transform:translate(-50%,0); */
        /* word-break:keep-all; */
    }
}
.con-popup__redirect--done .con-popup__inner.app-install,
.con-popup__redirect--done2 .con-popup__inner.app-install,
.con-popup__redirect--already .con-popup__inner.app-install{
    background-color:transparent;
    /* position:fixed; */
    width:100%;
    /* top:auto; */
    /* bottom:-100%; */
    /* left:0; */
    /* transform:translate(0,0); */
    transition:.5s;
}
.con-popup__redirect--done.active .con-popup__inner.app-install,
.con-popup__redirect--done2.active .con-popup__inner.app-install,
.con-popup__redirect--already.active .con-popup__inner.app-install{
    /* bottom:0; */
}
.con-popup__inner.app-install{padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;}
/* .con-popup__in.app-install{position:relative;padding:0 15rem 0 0;display: flex;align-items:flex-start;justify-content:flex-start;flex-direction: column;} */
.con-popup__in.app-install{position:relative;padding:0 75px 0 0;display: flex;align-items:flex-start;justify-content:flex-start;flex-direction: column;}

@media all and (max-width:328px){
    .con-popup__in.app-install{padding-top:3.2rem;padding-right:10rem;}
}

.con-popup__in.app-install::after{content:"";position:absolute;right:0;bottom:5px;width:60.5px;height:111px;background-image:url('../../../../img/bam/tel/ec/app_install/logo_app-install-ollli-event.png');background-size:100% auto;background-repeat:no-repeat;background-position:bottom right;}
/* .con-popup__in.app-install::after{content:"";position:absolute;right:0;bottom:10rem;width:12.1rem;height:22.2rem;background-image:url('../../../../img/bam/tel/ec/app_install/logo_app-install-ollli-event.png');background-size:100% auto;background-repeat:no-repeat;background-position:bottom right;} */

/* @media all and (max-width:328px){
    .con-popup__in.app-install::after{bottom:10rem;width:12rem;height:20rem;background-size:100% auto;background-repeat:no-repeat;background-position:bottom right;}
} */

/* .con-popup__in.app-install .con-popup__sub-description{color:#39fbbc;font-size:2.4rem;line-height:3.3rem;letter-spacing:-0.04rem;text-align: left;} */
.con-popup__in.app-install .con-popup__sub-description{color:#39fbbc;font-size:12px;line-height:16.5px;letter-spacing:-0.04rem;text-align: left;}
.con-popup__in.app-install .con-popup__des{margin-top:0.4rem;}
/* .con-popup__in.app-install .con-popup__des-1{display: inline-block;width:100%;font-size:3.4rem;font-weight:700;line-height:4.4rem;letter-spacing:-0.04rem;color:#ffffff;text-align: left;} */
.con-popup__in.app-install .con-popup__des-1{display: inline-block;width:100%;font-size:17px;font-weight:700;line-height:22px;letter-spacing:-0.04rem;color:#ffffff;text-align: left;}
/* .con-popup__in.app-install .con-popup__des__und{margin-top:1rem;display: inline-block;width:100%;font-size:2.4rem;line-height:3.4rem;letter-spacing:-0.08rem;color:#cccccc;text-decoration:none;text-align: left;} */
.con-popup__in.app-install .con-popup__des__und{margin-top:1rem;display: inline-block;width:100%;font-size:12px;line-height:17px;letter-spacing:-0.08rem;color:#cccccc;text-decoration:none;text-align: left;}
/* .con-popup__in.app-install .con-popup__des__und.small{color:#999999;margin-top:0.4rem;font-size:2rem;line-height:2.4rem;} */
.con-popup__in.app-install .con-popup__des__und.small{color:#999999;margin-top:2px;font-size:10px;line-height:12px;}
/* .con-popup__in.app-install .btn-app-install{position:relative;cursor:pointer;margin-top:2.8rem;font-size:2.4rem;font-weight:500;letter-spacing:-0.02rem;background-color:#ffffff;color:#000000;display: inline-flex;align-items:center;justify-content: center;height:5.5rem;padding:0 6rem 0 4rem;border-radius:2.7rem;} */
.con-popup__in.app-install .btn-app-install{position:relative;cursor:pointer;margin-top:14px;font-size:12px;font-weight:500;letter-spacing:-0.02rem;background-color:#ffffff;color:#000000;display: inline-flex;align-items:center;justify-content: center;height:30px;padding:0 30px 0 20px;border-radius:30px;}
/* .con-popup__in.app-install .btn-app-install::after{position:absolute;right:4rem;top:1.8rem;content:"";display: block;width:1rem;height:2rem;background-image:url('../../../../img/bam/tel/ec/app_install/icon_arrow-btn-right.png');background-size:100% auto;background-repeat:no-repeat;background-position:bottom right;} */
.con-popup__in.app-install .btn-app-install::after{position:absolute;right:17px;top:10px;content:"";display: block;width:5px;height:10px;background-image:url('../../../../img/bam/tel/ec/app_install/icon_arrow-btn-right.png');background-size:100% auto;background-repeat:no-repeat;background-position:bottom right;}
/* e: ½Å¿ëÁöÅ°¹Ì ¿ÜºÎÃ¤³Î °¡ÀÔ: µö¸µÅ© */

/* s: 20241121 Ãß°¡ */
/* .con-popup__inner.app-install{display:none;} */
/* e: 20241121 Ãß°¡ */

/* s: 20240527 Ãß°¡ */
.agency-frugal-container{}
.agency-list__element.agency-frugal-container{position:relative;flex-grow:1.8;}
.agency-frugal-container .agency-list__label.fs-small{font-size:10px;}
.agency-list-dropdown{display:none;z-index:10;position:absolute;left:0;top:40px;width:100%;border:2px solid #cdcdcd;background-color:#ffffff;border-radius:5px;}
.agency-list-dropdown.isVisible{display:block;}
.agency-list-dropdown .list-dropdown{}
.agency-list-dropdown .item-dropdown{}
.agency-list-dropdown .item-dropdown.isSelect a{}
.agency-list-dropdown .item-dropdown a{display:block;padding:8px;font-size:13px;}
/* e: 20240527 Ãß°¡ */

/* j-loading */
.j-loading{position: fixed;left:0;right:0;margin:0 auto;top:0;max-width:100%;height:100vh;background-color: rgba(51, 51, 51, .95);text-align: center;z-index: 10;}
.j-loading-in{max-width: 640px;width: calc(100% - 8rem);padding: 30px;background-color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;}
.j-loading-tit{font-size:20px;font-weight:700;color:#444;}
.j-loading-sup{margin-top:40px;padding-top:133px;font-size: 16px;color:#444; position: relative;}
.j-loading-sup::before{content:'';position: absolute;left:0;right:0;margin:0 auto;top:0;width:81px;height:103px;background: url('../../../../img/bam/tel/jf/new/loading.gif')no-repeat center / 100%;}

/* 20240726 loading */
.loading-sp{position: fixed;left:0;right:0;margin:0 auto;top:0;max-width:100%;height:100vh;background-color:transparent;text-align: center;z-index: 10;}

.con-popup .btn--close__ico{position: absolute;width: 2.6rem;height: 2.4rem;right: 4rem;top: 4rem;background: url(../../../../img/bam/tel/ec/new/close.png) no-repeat center center/100%;text-indent: -9999px;border: none;cursor: pointer;}
.con-popup__tit-top{font-size:3.4rem;font-weight:bold;color:#444;display: block;margin-bottom:2rem;color:#ea4d51}
.con-popup__tit{font-size:3.2rem;font-weight:bold;color:#444;margin-bottom: 2rem;}
.con-popup__joininfo{}
.con-popup__joininfo .con-popup__des{font-size:2.3rem;}
.con-popup__joininfo.con-popup .btn-close{margin-top:4.5rem;}

/* 20250114 ¼öÁ¤ */
.transparent-layer{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5)}
.transparent-layer.is-active{display:block;}

/* 20241111 edit */
.btn-terms-accordian{position: absolute;right: 0;top: 0.5rem;text-indent: -9999px;width: 3.6rem;height: 3.6rem;background: url('../../../../img/bam/tel/ec/new/arrow_right.png') no-repeat center center / 1.2rem;transform:rotate(90deg);
}
.btn-terms-accordian.active{transform:rotate(-90deg);}

/* s: css-loader */
.loading-layer{
    z-index:1000;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
    /* display: flex; */
    align-items:center;
    justify-content: center;
    display: none;
}
.loading-layer.is-active{
    display: flex;
}
.css-loader {
    margin: 26px auto;
    font-size: 8px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: loadAnimate 1.1s infinite ease;
    animation: loadAnimate 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes loadAnimate {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}
@keyframes loadAnimate {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}
/* e: css-loader */
.h-color{color:#ea4d51;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}