@charset "UTF-8";
.loading-dimed{display:none !important;}
.auth-page{font-family: "Pretendard Variable", sans-serif; background:#FAF9F8; min-height:100%; padding:60px 24px 100px; margin-bottom:-80px}
.auth-page .visible{visibility: visible; position: relative; left:auto; width: auto; height:auto; text-indent: 0; font-size:inherit; top:auto; overflow: visible;}
.auth-container{max-width:598px; margin:0 auto;  padding:90px 50px; border-radius: 8px; box-shadow: 0 3px 91px rgba(68,27,3,0.04); background:#fff;}
.auth-container + .auth-container{margin-top:100px;}
.auth-container input:-webkit-autofill,
.auth-container input:-webkit-autofill:hover,
.auth-container input:-webkit-autofill:focus,
.auth-container input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #000 !important;}
.auth-header{margin:0 0 40px 0; }
.auth-header .header-name{font-size:16px; font-weight:500; font-weight:500; color:#BEBEBE; margin-bottom:1em; letter-spacing: -0.059em;}
.auth-header .header-title{font-size:32px; margin-bottom: 0.75em; line-height:1.216; letter-spacing: -0.045em; color:#1A1A1A;}
.auth-header .header-title strong{font-weight:600; color:#FE5E01; line-height: inherit; letter-spacing: inherit;}
.auth-header .header-desc{font-size:18px; line-height:1.33; letter-spacing: -0.032em; color:#888}
.auth-header .header-desc strong{font-weight:500; color:#FE5E01; line-height: inherit; letter-spacing: inherit;}
.auth-field ~ .auth-field{padding-top:32px; margin-top:54px; border-top:1px solid #eee;}
.auth-field .field-title{display:block; font-size:18px; font-weight:600; color:#000; margin-bottom:0.3em; float:left;}
.auth-field .field-title + *{clear:left;}
.auth-field .field-desc{font-size:16px; margin-bottom:25px; letter-spacing: -0.032em; color:#888; }
.auth-field .input-group{background:#fff; border-radius:8px; box-shadow: 0 8px 33px rgba(68,27,3,0.06); overflow: hidden;}
.auth-field .input-group.message-box{text-align:center; padding:50px 3em;}
.auth-field .input{min-height:66px; padding:15px 26px; position: relative;}
.auth-field .input:after{content:""; display:block; clear:both;}
.auth-field .input + .input{border-top:1px solid #eee; clear:left}
.auth-field .input-label{float:left; width: 96px; min-height:34px; padding-top:7px; font-size:14px; color:#333; font-weight:600; position: relative; margin-right:4px; user-select: none; padding-bottom:7px;}
.auth-field .input-label:before{content:""; display:block; width:1px; height:14px; background:#ddd; position: absolute; right:0; top:10px;}
.auth-field .required .input-label:after{content:""; display:inline-block; width:5px; height:5px; background:#FE5E01; border-radius: 50%; margin:2px 0 0 6px;}
.auth-field .input-field{float:left; width:calc(100% - 100px)}
.auth-field .input-field ~ .auth-check{flex:none; margin-left:auto;}
.auth-field .input-field ~ .auth-check input{pointer-events: none;}
.auth-field .input-field ~ .auth-check .label{color:#000}
.auth-field .input-field ~ .auth-check .checkbox{width:24px; height:24px; flex:0 0 24px; margin-right:6px; }
.auth-field .input input{height:34px; background:transparent; padding:0 16px; font-size:15px; font-family:inherit; font-weight:500;}
.auth-field .input input::placeholder{font-family:inherit; color:#bbb; font-weight:400}
.auth-field .input-ment{margin-left:auto;  width: 100%; padding-left:114px; margin:-4px 0 -6px 0; pointer-events: none; font-weight: 500; user-select: none; color:#fe5e01; font-size: 14px;}
.auth-field .input:first-child,
.auth-field .input:first-child:before{border-radius: 8px 8px 0 0;}
.auth-field .input:last-child,
.auth-field .input:last-child:before,
.auth-field .input.last:before{border-radius: 0 0 8px 8px;}
.auth-field input:focus{outline:none; border:none;}
.auth-field .input:before{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-shadow: 0 0 0 1px inset rgba(254, 94, 1,0.8); pointer-events: none; user-select: none; opacity: 0; transition: opacity 0.2s;}
.auth-field .input:has(input:focus):before{opacity:1;}
.auth-field .input input[name="firstNm"]{padding-right:120px;}
.auth-field .input input[name="lastNm"]{float:none;}
.auth-field .select{height:34px; width: 114px; flex:0 0 114px; position: relative; padding-left:16px;}
.auth-field .select:before{content:""; display:block; width:1px; height:14px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px}
.auth-field .select select{-webkit-appearance:none; appearance: none;border:none; background:#fff url(/main_renewal/img/auth/icon-arrow.svg) no-repeat right center / 20px auto; padding-right:24px; width:100%; height: 100%; font-size:inherit; font-family: inherit; letter-spacing: inherit; font-size:inherit; font-weight:500;color: inherit;}
.auth-field .input-group .email-unit{display:flex; align-items: center;}
.auth-field .input-group .email-unit .input-label{flex:0 0 64px; padding-bottom:0;}
.auth-field .input-group .email-unit .email-field{padding-right:0; width:100%;}
.auth-field .input-group .email-unit .input-txt{font-weight:600; color:#000; font-size:14px;}
.auth-field .name-field{display:flex;}
.auth-field .name-field input[type="text"]{padding-right:0;}
.auth-field .name-field input[type="text"]:first-child{width:56%;}
.auth-btn{display:flex; align-items: center; justify-content: center; color:#fff; font-size:16px; font-weight:500; letter-spacing: 0; width:100%; max-width:388px; height:48px; margin:0 auto; background:#fe5e01; border-radius: 9999px; box-shadow: 0 5px 12px rgba(254, 94, 1,0.33); transition: background 0.2s;}
.auth-btn.sns{box-shadow: none;}
.auth-btn + .auth-btn{margin-top: 6px;}
.auth-btn.naver{background:#00C300 url(/main_renewal/img/auth/icon-naver.svg) no-repeat 18px center / 34px auto; border:1px solid transparent;}
.auth-btn.kakao{background:#FFE500 url(/main_renewal/img/auth/icon-kakao.svg) no-repeat 18px center / 34px auto; color:#392020; border:1px solid transparent;}
.auth-btn.google{background:#fff url(/main_renewal/img/auth/icon-google.svg) no-repeat 18px center / 34px auto; color:#000; border:1px solid #E5E2E2;}
#google-login-btn{position:relative;}
#google-login-btn .fake-label{position:relative; z-index:1;}
#google-login-btn .google-fake-btn > div,
#google-login-btn .google-fake-btn,
#google-login-btn iframe{left:50% !important; right:0 !important; bottom:0 !important; top:0 !important; margin:0 !important; position:absolute !important; z-index:2; transform:translateX(-50%); opacity:0;}
.auth-btn.facebook{background:#1977F3 url(/main_renewal/img/auth/icon-facebook.svg) no-repeat 18px center / 34px auto; color:#fff; border:1px solid transparent}
.auth-btn:hover{background-color:#FE4F01;}
.auth-btn.naver:hover{background-color:#0CCC0C}
.auth-btn.kakao:hover{background-color:#FFEA31}
.auth-btn.google:hover{background-color:#f8f9fa}
.auth-btn.facebook:hover{background-color:#126BE1}
.auth-btn.no-bg{background:none; color:#333; box-shadow: none;}
.auth-btn-list{display:flex; gap:8px 12px; justify-content:center; align-items:center; margin:10px 0 -20px}
.auth-btn-list li{width:48px;}
.auth-btn-list li .auth-btn{width:48px; height:48px; background-position:center}
.auth-check{display:flex; align-items: center; cursor: pointer;}
.auth-check .checkbox{width:30px; height:30px; position: relative; margin-right:16px; flex:0 0 30px; cursor: pointer;}
.auth-check .checkbox:before, 
.auth-check .checkbox:after{content:""; display:block; width:100%; height:100%; background-position: center; background-size:100% auto; background-repeat: no-repeat; position: absolute; left:0; top:0; cursor: pointer; transition:opacity 0.2s}
.auth-check .checkbox:before{opacity: 1; background-image:url(/main_renewal/img/auth/icon-check-off.svg)}
.auth-check .checkbox:after{opacity: 0; background-image:url(/main_renewal/img/auth/icon-check-on.svg)}
.auth-check input:checked ~ .checkbox:before{opacity: 0;}
.auth-check input:checked ~ .checkbox:after{opacity: 1;}
.auth-check .label{letter-spacing: -0.04em;}
.auth-page .radio-group{margin:1px 0 0 1px; padding:20px 0 60px;}
.auth-page .radio-group:after{content:""; display:block; clear: both;}

.auth-radio {float:left; width:100%; height:55px; margin:-1px 0 0 -1px}
[lang="ko-KR"] .auth-radio {width:50%;}


 .radio-label{width:100%; height:100%; border:1px solid #eee; display:flex; align-items: center; justify-content: center; position: relative; font-size:16px; color:#666; cursor: pointer; transition: border 0.2s;}
.auth-radio input:checked ~ .radio-label{z-index: 1; border-color: #FE5E01; color:#FE5E01; font-weight:600; box-shadow: 0 0 6px rgba(243, 89, 0,0.2);}
.auth-etc{display:flex; justify-content: space-between; align-items: center; padding:28px 0;}
.auth-etc .etc-btn{font-size:15px; font-weight: 500; color:#444; letter-spacing: -0.04em;}
.auth-etc.center{justify-content:center;}
.auth-etc .etc-left .etc-btn{font-size:16px; color:#FE5E01; font-weight:600}
.auth-etc .etc-right{display:flex; align-items: center;}
.auth-etc .etc-right .etc-btn + .etc-btn{margin-left:13px; padding-left:13px; position: relative;}
.auth-etc .etc-right .etc-btn + .etc-btn:before{content: ""; display:block; width:1px; height:12px; background:#ddd; position: absolute; left:0; top:50%; margin-top:-7px;}
.auth-sns .devider{display:block; width:100%; height:1px; background:#eee; border:none; margin:0 auto 40px; position: relative; overflow: visible;}
.auth-sns .devider:after{content:"OR"; display:block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:#fff; padding:0 1em; margin-top:1px; font-weight:500; font-size:15px; color:#C3C3C3;}
.auth-page .agree-group .agree-item{padding:4px 22px; border-radius: 8px; font-size:16px;}
.auth-page .agree-group .agree-item strong{color:#fe5e01; padding-right:0.3em}
.auth-page .agree-group .agree-item .grey{color:#8E8D8C; font-weight: 400;}
.auth-page .agree-group .agree-item.all{background:#f8f9fa; padding:0; margin-bottom:17px;}
.auth-page .agree-group .agree-item.all .auth-check{padding:17px 22px; width: 100%; }
.auth-page .agree-group .agree-item.all strong{color:#000; padding-right:0.4em;}
.auth-page .agree-group .agree-item:after{content:""; display:block; clear: both;}
.auth-page .agree-group .auth-check{float:left; width:calc(100% - 6em);}
.auth-page .agree-group .agree-more{float:left; width:6em; line-height: 30px; color:#fe5e01; font-weight:500; position: relative;}
.auth-page .agree-group .agree-more:after{content:""; display:block; width:20px; height:20px; background:url(/main_renewal/img/auth/icon-arrow.svg) no-repeat center / 100% auto; position: absolute; right:0; top:50%; margin-top:-11px;}
.auth-page .agree-group .agree-more.on:after{transform: rotate(180deg);}
.auth-page .agree-group .agree-content{float:left; width:100%; margin:10px 0 10px; display:none; padding:1em 10px 1em 1em;background:#f8f9fa; border:1px solid #eee; }
.auth-page .agree-group .agree-content .content-inner::-webkit-scrollbar {width: 4px;}
.auth-page .agree-group .agree-content .content-inner::-webkit-scrollbar-thumb {background-color: hsla(0, 0%, 42%, 0.49); border-radius: 100px;}
.auth-page .agree-group .agree-content .content-inner{width:100%; height:200px; overflow: auto;}
.auth-page .agree-group .agree-more.on ~ .agree-content{display:block;}
.auth-page .agree-etc{text-align: center; font-size:14px; color:#fe5e01; font-weight:500; letter-spacing: -0.03em; padding:27px 1em; max-width:428px; margin:0 auto;}
.auth-page .privacy-box *{font-size:14px;}
.auth-page .privacy-box h1{font-size:15px; color:#000; font-weight:600}
.auth-page .privacy-box h2{font-size:14px; color:#000; font-weight:500}
.login-container .auth-inner{max-width:388px; margin:0 auto;}
.login-container .auth-header{text-align: center; }
.login-container .auth-header .header-name{margin-bottom:20px;}
.login-container .auth-header .header-name img{height:24px;}
.login-container .auth-field .input-label{width:74px;}
.login-container .auth-control{margin:26px 0 20px}
.login-container .auth-control .auth-check{display: inline-flex; white-space: nowrap;}
.login-container .auth-control .auth-check .checkbox{width:24px; height:24px; flex:0 0 24px; margin-right:10px;}
.login-container .auth-control .auth-check .label{font-size:14px; font-weight:500; color:#111; letter-spacing: -0.04em;}
.sns-container .auth-field .field-title{font-size:16px;}
.sns-container .agree-field{margin-bottom:-20px}
.join-container .auth-option{display:none; clear: none;}
.join-container .auth-option.on{display:block;}
.join-container .auth-option .field-desc{text-align: right;}
.join-container .auth-option .field-desc a{letter-spacing: inherit; font-weight:600; color:#fe5e01; text-decoration: underline;}
.join-container .auth-option .auth-method-title{width:100%; height:55px; border:1px solid #fe5e01; display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:600; color:#fe5e01; letter-spacing: -0.05em; margin:-10px 0 24px }
.join-container .auth-option input{padding-right:80px}
.join-container .auth-option-btn{width: 50px; height:30px; border-radius: 9999px; display:flex; align-items: center; justify-content: center; color:#fff; font-family: inherit; font-size:14px; font-weight:500; background:#fe5e01; position: absolute; right:19px; top:17px; }
.join-container .auth-option-btn:disabled{background:#e0e0e0}
.join-container .auth-option-btn.refresh-btn{width:30px; height:30px; background:url(/main_renewal/img/auth/icon-refresh.svg) no-repeat center / 100% auto; right:77px; }
.join-container .agree-field{margin-bottom: 60px; min-width:0;}
.join-container .agree-field + .auth-field{margin-top:-30px;}
.join-container .dot{ width:5px; height:5px; background:#FE5E01; border-radius: 50%; display:inline-block; vertical-align: middle; margin:-5px 8px 0 0}
.join-container .auth-field .input.unique input{padding-right:64px}
.join-container .auth-field .input.unique .icon{width:32px; height:32px; background:url(/main_renewal/img/auth/icon-validate-off.svg) no-repeat center / 100% auto; position: absolute; right:16px; top:16px;}
.join-container .auth-field .input.unique[data-validate="success"] .icon,
.join-container .auth-field .input.unique[data-validate="error"] .icon{background:none;}
.join-container .auth-field .input.unique .icon:after,
.join-container .auth-field .input.unique .icon:before{content:""; display:block; width:32px; height:32px; background-position: center; background-repeat: no-repeat; background-size:100% auto; position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0;}
.join-container .auth-field .input.unique .icon:after{background-image:url(/main_renewal/img/auth/icon-validate-error.svg)}
.join-container .auth-field .input.unique .icon:before{background-image:url(/main_renewal/img/auth/icon-validate-on.svg)}
.join-container .auth-field .input.unique[data-validate="success"] .icon:before{opacity: 1;}
.join-container .auth-field .input.unique[data-validate="error"]  .icon:after{opacity: 1;}
.join-container .auth-field .email-unit{padding-right:56px;}
.join-container .input-group.narrow .input-label{width:64px; }
.join-container .auth-field .input-group.narrow .input-ment{padding-left:84px}
.find-container .radio-group{padding-bottom:24px;}
.find-container .auth-header{margin-bottom:20px;}
.find-container .auth-field{margin-bottom: 50px;}
.find-container .auth-btn + .auth-btn{margin-top:12px}
.agree-item .privacybox-table table{width:100% !important;}

.term-table-scroll{overflow-x:scroll;}
.term-table-scroll table{width:800px;}

.my-content .sns-icon{display:flex; align-items:center; width:60%; margin:0 auto;}
.my-content .sns-icon figure{width:30px; height:30px; border-radius:4px; background:#000; display:flex; align-items:center; justify-content:center;}
.my-content .sns-icon.naver figure{background:#00C300; border:1px solid transparent;}
.my-content .sns-icon.kakao figure{background:#FFEA31; border:1px solid transparent;}
.my-content .sns-icon.google figure{background:#fff; border:1px solid #e5e2e2;}
.my-content .sns-icon.facebook figure{background:#1977F3; border:1px solid transparent;}
.my-content .sns-icon figure img{width:100%; height:auto;}
.my-content .sns-icon span{margin-left:8px;}
.my-content .form-group .phone_check_success{ width:40px; height:40px; border-radius:4px; background:#fff; display:none; align-items:center; justify-content:center;}

.confirm-container .login-field{margin:0;}
.confirm-container .auth-etc ~ .submit-btn{margin-top:0px}
.confirm-container .submit-btn{margin-top:40px;}
.confirm-container .narrow .input-label{width:64px; }
.confirm-container .narrow .input-ment{padding-left:84px}

@media screen and (max-width:1024px){
	.auth-page{margin-bottom:-40px}
	.mypage-sns-info .sns-icon{width:100%; justify-content:center; text-indent: -5000px;} /* 230626 LSJ text-indent: 추가 */
	.mypage-sns-info td{text-align:center;}
}

@media screen and (max-width:768px){
    .auth-page{background:#fff; padding: 40px 5% 100px;}
    .auth-container{box-shadow: none; padding:0;}
    .auth-header{margin:0 0 30px 0;}
    .auth-header .header-name{font-size:15px; margin-bottom:0.4em;}
    .auth-header .header-title{font-size:24px;}
    .auth-header .header-desc{font-size:16px;}
    .auth-field .field-title{font-size:16px;}
    .auth-field .field-desc{font-size:15px;}
    .auth-field .input{min-height: 0; padding: 14px 22px;}
    .auth-field .input input{float:none; width: 100%; padding:0;}
    .auth-field .input-label{padding-bottom:0; white-space: nowrap;}
    .auth-field .input-label:before{display:none;}
    .auth-field .input-ment{padding:0; margin: 0px 0 -6px 0;}
    .auth-radio .radio-label,
    .auth-page .agree-group .agree-item{font-size:15px; padding: 4px 14px;}
    .auth-page .agree-group .agree-item.all{margin-bottom:12px;}
    .auth-page .agree-group .agree-item.all .auth-check{padding:12px 14px;}
    .auth-field .input-group .email-unit{clear:left; padding:0;}
    .auth-field .input-group .email-unit .input-txt{margin-right:1em;}
    .auth-field .name-field{clear:left;}
    .auth-field .name-field input[type="text"]:first-child{width:40%; flex:0 0 40%; margin-right:4px;}
}

html:not([lang="ko-KR"]) .auth-field .input{min-height: 0; padding: 14px 22px; display:flex; flex-wrap:wrap;}
html:not([lang="ko-KR"]) .auth-field .input input{float:none; width: 100%; padding:0;}
html:not([lang="ko-KR"]) .auth-field .input-label{padding-bottom:0; white-space: nowrap; float:none; width:100% !important;}
html:not([lang="ko-KR"]) .auth-field .input-label:before{display:none;}
html:not([lang="ko-KR"]) .auth-field .input-ment{padding:0; margin: 0px 0 -6px 0;}
html:not([lang="ko-KR"]) .auth-field .name-field{width:100%;}
html:not([lang="ko-KR"]) .auth-field .email-unit{padding-right:0}
html:not([lang="ko-KR"]) .auth-field .email-unit .input-txt{padding:0 1em 0 0.5em;}
html:not([lang="ko-KR"]) .auth-field .email-unit .select{width:130px; flex:0 0 130px}
html:not([lang="ko-KR"]) .join-container .auth-option-btn{min-width:50px; width:auto; padding:0 1em; top:14px; white-space:nowrap;}
html:not([lang="ko-KR"]) .join-container .auth-option-btn.refresh-btn{width:30px !important;padding:0;min-width: 0;height:30px;right: 100px;}
html:not([lang="ko-KR"]) .join-container .auth-field .input-group.narrow .input-ment{padding-left:0;}
/* refresh-btn 위치 조절 241113 LSJ */
[lang='vi-VN'] .join-container .auth-option-btn.refresh-btn, [lang='pt-PT'] .join-container .auth-option-btn.refresh-btn, [lang='pt-BR'] .join-container .auth-option-btn.refresh-btn {right:110px !important;}
[lang='id-ID'] .join-container .auth-option-btn.refresh-btn, [lang='de-DE'] .join-container .auth-option-btn.refresh-btn, 
[lang='es-MX'] .join-container .auth-option-btn.refresh-btn, [lang='es-CO'] .join-container .auth-option-btn.refresh-btn, 
[lang='es-PE'] .join-container .auth-option-btn.refresh-btn, [lang='es-CL'] .join-container .auth-option-btn.refresh-btn, 
[lang='es-VE'] .join-container .auth-option-btn.refresh-btn, [lang='es-EC'] .join-container .auth-option-btn.refresh-btn, 
[lang='es-LA'] .join-container .auth-option-btn.refresh-btn, [lang='es-ES'] .join-container .auth-option-btn.refresh-btn {right:120px !important;}


/*231127 : 중국 알리윤, 위쳇 추가*/
.auth-btn.wechat{background:#00C300 url(/main_renewal/img/auth/icon-wechat.svg) no-repeat 18px center / 34px auto; border:1px solid transparent;}
.auth-btn.aliyun{background:#F76703 url(/main_renewal/img/auth/icon-aliyun.svg) no-repeat 18px center / 34px auto; border:1px solid transparent;}
.auth-btn.wechat:hover{background-color:#0CCC0C}
.auth-btn.aliyun:hover{background-color:#FE4F01;}
.my-content .sns-icon.wechat figure{background:#00C300; border:1px solid transparent;}
.my-content .sns-icon.aliyun figure{background:#F76703; border:1px solid transparent;}