@charset "UTF-8";

#login_header{position:relative;padding:40px 0 0;}
#login_header .header_inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.65rem;}
#login_header .header_inner h1{position:relative;height:22px;line-height:1;}
#login_header .header_inner h1 img{width:auto;height:22px;vertical-align:top;}
#login_header .header_inner h1::after{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:30px;height:1px;margin-top:0.53rem;background:#eee;content:'';}
#login_header .header_inner h2{color:#003594;font-size:1.25rem;font-weight:500;line-height:1.5rem;}
#login_header .header_inner h2.capson{font-size:1.75rem;font-weight:600;line-height:2.12rem;margin-top: 6px;}

#login_conts{position:relative;display:flex;flex-direction:column;gap:3.5rem;padding:20px;z-index:10;}

.login_util{display:flex;justify-content:start;gap:1rem;}
.login_util .agree_box p{font-weight:500;}
.login_util>div {margin:0 0.5rem;}
.login_util .agree_box .checkbox,.login_util .agree_box .checkbox i {width:20px;height:20px;}
.login_util .agree_box .checkbox input + i::after {width:11px;height:6px;margin:5.67px 0 1.6px 1.2px;}
.login_util .agree_box .checkbox input:checked + i::after {border-bottom: 1.6px solid #fff;border-left: 1.6px solid #fff;}
.login_util .agree_box .checkbox input:disabled + i::after{border-color:#E3E3E3;}
.login_help{display:flex;justify-content:center;align-items:center;gap:1.5625rem;margin-top:6px;}
.login_help li{position:relative;}
.login_help li + li::before{position:absolute;left:-0.8125rem;top:50%;transform:translateY(-50%);width:1px;height:0.8125rem;background:#e3e3e3;content:'';}
.login_help a{display:block;color:#999;font-size:0.875rem;font-weight:400;line-height:1.25rem;}
.login_help a.join{color:#003594;text-decoration: underline;text-underline-offset: 2px;font-weight:500;}

.login_title{position:relative;text-align:center;}
.login_title::before{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;background:#e3e3e3;z-index:-1;content:'';}
.login_title span{display:inline-block;padding:0 10px;color:#999;font-size:0.75rem;line-height:1.25rem;background:#fff;}

.login_easy_box{display:flex;justify-content:center;align-items:center;gap:0 36px;padding:0 24px;}
.login_easy_box li{position:relative;width:3.125rem;height:3.125rem;}
.login_easy_box button,.login_easy_box a{display:block;width:100%;height:3.125rem;font-size:0;}
.login_easy_box i{display:block;height:100%;}
.login_easy_box i.icon_naver{background:url(../images/icon_naver.png) no-repeat center center;background-size:contain;}
.login_easy_box i.icon_kakao{background:url(../images/icon_kakao.png) no-repeat center center;background-size:contain;}
.login_easy_box i.icon_google{background:url(../images/icon_google.png) no-repeat center center;background-size:contain;}
.login_easy_box i.icon_apple{background:url(../images/icon_apple.png) no-repeat center center;background-size:contain;}

altcha-widget {
  --altcha-color-base: #F5F7FA;
  --altcha-color-base-content: #444444;
  --altcha-border-radius: 6px;
  --altcha-border-width: 0;
  --altcha-padding: 0.75rem;
  --altcha-switch-background-color: #E3E3E3;
  --altcha-switch-toggle-color: #FFFFFF;
  --altcha-color-success: #3B6FEF;
  --altcha-color-success-content: #FFFFFF;
  font-family: 'Pretendard', sans-serif;
  font-size: 14px;
}

@media screen and (min-width:1024px){
  #login_header .header_inner{gap:2.625rem;}
  #login_header .header_inner h1{height:21px;}
  #login_header .header_inner h1 img{height:21px;}
  #login_header .header_inner h1::after{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:30px;height:1px;margin-top:1rem;background:#eee;content:'';}
  #login_header .header_inner h2{line-height:2rem;}
  
  #login_conts{padding:20px 0;}
}