body.has-smart-header:has(.page-login, .page-join){padding: 0;}
.page-login header,
.page-join header{display: none;}
.main-contents{padding: 40px 0;}
.main-contents > .inner{position: static;}
.login-info-list li{position: relative;padding-left: 16px;font-size: 14px;}
.login-info-list li::before{content: '※';position: absolute;left: 0;top: 0;}
.section-footer{border-top: 0;}

/* 로그인 */
.page-login .section-top{display: none;}
.page-login main{position: relative;min-height: 498px;background-color: #fff;background-image: url('../../images/bg_pattern2.png');background-position: center -314px;}
.page-login .main-contents{min-height: 800px;}
.section-login{width: 100%;max-width: 464px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login-box{background-color: var(--color-white);border: 1px solid var(--color-gray-bg);padding: 40px 40px 16px;border-radius: 4px;}
.login-box .logo-wrap{display: flex;align-items: center;gap: 16px;margin-bottom: 24px;}
.login-box .logo-wrap .sub-title{font-size: 14px;color: var(--color-gray-02);}
.login-box .form-title-wrap{margin-bottom: 16px;}
.login-box .form-title-wrap .form-title{font-size: 18px;font-weight: 600;}
.login-box .form-title-wrap .sub-title{margin-top: 4px;font-size: 14px;color: var(--color-gray);}
.section-login .form-group{margin-bottom: 16px;}
.section-login .form-item + .form-item{margin-top: 8px;}
.section-login .login-btn{width: 100%;}
.section-login-otp .login-btn{margin-top: 16px;}

.form-text-pw input{padding-right: 56px;}
.form-text-pw .icon-btn{position: absolute;top: 4px;right: 16px;}
.form-text-pw .icon-btn figure{display: inline-block;height: 100%;}
.form-text-pw .icon-btn.on .icon{--icon-stroke: var(--color-primary-02);}

.save-id-wrap{margin-top: 8px;}
.save-id-wrap .form-check label{font-size: 14px;color: var(--color-gray-02);}

.login-box .error-msg-wrap{min-height: 32px;}
.login-box .error-msg{display: none;padding-top: 8px;}
.login-box:has(.form-item-error) .error-msg{display: flex;}

.page-login .login-info-wrap{margin-top: 16px;}
.page-login .login-info-list{color: var(--color-secondary);}
.page-login .login-info-list li{font-size: 12px;font-weight: 500;}

.contact-wrap{padding: 16px 24px;border-radius: 4px;margin-top: 16px;background-color: #F5F5F4;}
.contact-header{display: flex;align-items: center;font-weight: 600 ;}
.contact-header .icon{margin-right: 8px;}
.contact-group{margin-top: 12px;}
.contact-lists li + li{margin-top: 8px;}
.contact-list-title{color: var(--color-gray);font-size: 12px;margin-bottom: 2px;}
.contact-lists .contacts{display: flex;font-size: 14px;color: var(--color-gray);}
@media all and (max-width: 1024px){
  .page-login main{background-size: 1100px;background-position: left -148px top -136px;}
  .login-box{padding: 16px;}
  .login-box .logo-wrap{justify-content: center;margin-bottom: 16px;}
  .login-box .logo-wrap .sub-title{display: none;}
  .login-box .form-title-wrap .form-title{font-size: 16px;}
  .login-box .error-msg-wrap{min-height: 34px;}
  .section-login .error-msg-wrap .error-msg{padding-top: 16px;}
  .section-login{padding-top: 0;padding: 0 20px;}
  .form-text-pw .icon-btn{top: 10px;}
  .save-id-wrap{margin-top: 16px;}
}
@media all and (max-width: 768px){
  .contact-lists .contacts{display: block;}
  .contact-lists .contacts .separator{display: none;}
  .form-text-pw .icon-btn{top: 10px;}
}


/* 사용자 동의 */
.page-join .page-title-bar > .inner{padding: 24px 16px 24px;}
.page-join .page-title-bar .logo{display: block;width: 246px;}
.page-join .page-title-bar .logo img{width: 100%;height: 100%;object-fit: cover;}
.main-contents-header{font-size: 18px;}
.steps{margin: 32px 0 40px;display: flex;align-items: flex-start;justify-content: space-between;}
.steps li{flex: 1;text-align: center;position: relative;}
.steps li::before{content: '';position: absolute;width: calc(100% - 24px);height: 4px;background-color: var(--color-gray-bg);right: 50%;top: 22px;}
.steps li:first-child::before{display: none;}
.steps li.active::before{background-color: var(--color-primary-02);}
.step-num{width: 48px;height: 48px;background: #fff;font-size: 24px;font-weight: 600;color: var(--color-gray-03);border: 2px solid var(--color-gray-03);border-radius: 50%;margin: 0 auto;position: relative;padding: 4px;margin-bottom: 8px;}
.steps li.active .step-num{color: var(--color-primary-02);border-color: var(--color-primary-02);}
.step-num::before{content: '';position: absolute;width: 39px;height: 39px;border: 4px solid var(--color-gray-03);border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);box-sizing: border-box;}
.steps li.active .step-num::before{border-color: var(--color-primary-02);}
.step-text{color: var(--color-gray-02);}
.steps li.active .step-text{color: var(--color-black);font-weight: 600;}

.notice-box{font-size: 14px;padding: 16px;border-radius: 4px;margin-bottom: 24px;background-color: #F5F5F4;}
.notice-box .form-item{margin-top: 8px;}
.notice-box .form-check label{font-weight: 600;}

.agree-wrap + .agree-wrap{margin-top: 24px;}
.agree-header{font-weight: 600;margin-bottom: 8px;}
.agree-body{min-height: 168px;border: 1px solid var(--color-gray-bg);border-bottom: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;padding: 16px;}
.agree-wrap.type2 .agree-body{height: 168px;}
.agree-list + .agree-list{margin-top: 16px;}
.agree-list .list-title{font-size: 12px;color: var(--color-gray-02);margin-bottom: 8px;}
.agree-list dd{font-size: 14px;padding-left: 20px;position: relative;word-break: keep-all;}
.agree-list dd.one-item{padding-left: 0;}
.agree-list dd + dd{margin-top: 8px;}
.agree-list dd::before{content: '';position: absolute;left: 8px;top: 9px;width: 2px;height: 2px;background-color: var(--color-black);border-radius: 50%;}
.agree-list dd.one-item::before{display: none;}
.agree-list-3{display: flex;justify-content: space-between;}
.agree-list-3 > div{flex: 0 0 257px;}
.agree-list ol,
.agree-list li{list-style: decimal;margin-left: 14px;font-size: 14px;}
.agree-list li{margin-left: 12px;}
.agree-footer{display: flex;align-items: center;border: 1px solid var(--color-gray-bg);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: var(--color-primary-bg);padding: 8px 16px;}
.agree-footer strong{font-size: 14px;font-weight: 500;flex: 1;}
.agree-footer .form-check label{font-size: 14px;}
.page-join .section-footer{border: none;}
.page-join .section-footer .btns{display: grid;grid-template-columns: repeat(4, 1fr);margin-top: 0;}
.page-join .section-footer .btns .btn:last-child{grid-column: span 3;}

/* 초기 비밀번호 재설정 */
.section-join-2{margin-top: 80px;}
.section-join-2 .section-title{font-size: 16px;margin-bottom: 24px;font-weight: 600;}
.section-join-2 .contents{display: flex;gap: 32px;}
.section-join-2 .content{flex: 1;}
.section-join-2 .form-wrap{margin-bottom: -32px;}
.section-join-2 .form-wrap .form-item + .form-group{margin-top: 16px;}
.section-join-2 .form-item + .form-item{margin-top: 12px;}
.section-join-2 .form-group .form-item + .form-item{margin-top: 8px;}
.section-join-2 .check-list-wrap{display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-gray-bg);border-radius: 4px;}
.section-join-2 .check-list li{display: flex;align-items: center;gap: 16px;color: var(--color-gray-02);font-size: 14px;}
.section-join-2 .check-list li + li{margin-top: 16px;}
.section-join-2 .check-list li.check{color: var(--color-success );}
.section-join-2 .check-list .icon{width: 12px;height: 12px;}
.section-join-2 .section-footer{margin-top: 132px;}
/* 초기 설정 완료 */
.section-join-3 img{margin: 0 auto;}
.section-join-3 .section-footer{margin-top: 106px;}
.section-join-3 .section-footer .btn{width: 100%;}

/* 잠금 처리 */
.main-contents-header + .login-info-wrap{margin-top: 40px;}
.page-join .section-footer .btn-wrap .btn{width: 100%;}
.page-join .section-footer .btn-wrap .btn + .btn{margin-top: 8px;}

/* 마이페이지 */
.page-mypage .main-contents{padding: 24px 0 40px;}
.page-mypage .section-join-2{margin-top: 0;}
.section-mypage .section-header .desc{margin-left: 16px;}
.section-mypage .section-title{font-weight: 600;}

@media all and (max-width: 1024px){
  .steps{margin: 24px 0;flex-direction: column;gap: 24px;}
  .steps li{display: flex;align-items: center;}
  .steps li::before{width: 4px;height: 24px;top: auto;bottom: 100%;right: auto;left: 22px;}
  .step-num{margin-bottom: 0;margin-right: 8px;}
  .step-text{font-size: 16px;}

  .page-join .main-contents{padding: 24px 0 40px;}
  .page-join .page-title-bar > .inner{padding: 32px 20px 24px;}
  .page-join .page-title-bar .logo{width: 177px;height: 40px;}
  .agree-header{font-size: 16px;}
  .agree-body{padding: 16px;}
  .agree-list-3{display: block;}
  .agree-list-3 > div + div{margin-top: 24px;}
  .agree-list .list-title{font-size: 12px;}
  .agree-list dd.one-item{padding-left: 20px;}
  .agree-list dd.one-item::before{display: block;}
  .agree-footer{display: block;font-size: 14px;padding: 16px;}
  .agree-footer strong{font-size: 16px;}
  .agree-footer .form-checks{margin-top: 10px;}
  .section-footer > .btns, 
  .section-footer > .btn{margin-top: 40px;}

  .section-join-2{margin-top: 40px;}
  .section-join-2 .section-title{margin-bottom: 16px;}
  .section-join-2 .contents{display: block;}
  .section-join-2 .form-wrap{margin-bottom: 24px;}
  .section-join-2 .check-list-wrap{padding: 16px 24px;justify-content: flex-start;}
  .section-join-2 .check-list .icon{flex-shrink: 0;}
  .section-join-2 .check-list li{font-size: 12px;gap: 8px;}
  .section-join-2 .check-list li + li{margin-top: 8px;}
  .section-join-2 .section-footer{margin-top: 24px;}

  .section-join-3 img{max-width: 288px;height: 288px;width: 100%;height: 100%;}
  .section-mypage .section-header{flex-wrap: wrap;margin-bottom: 0;}
  .section-mypage .section-header .desc{width: 100%;margin: 4px 0 16px;}
  .page-mypage .section-footer > .btn{margin-top: 0;}
}