@charset "UTF-8";

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif;
  -webkit-text-size-adjust: none
}

html {
  font-size: 14px;
  height: 100%
}

body,
button,
input,
select,
table,
textarea {
  font-size: 12px;
}

button,
input,
select,
textarea {
  border-radius: 0;
  border: none;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-text-size-adjust: none
}

button {
  cursor: pointer
}

label {
  cursor: pointer
}

fieldset,
img {
  border: 0
}

ol,
ul {
  list-style: none
}

address,
em {
  font-style: normal
}

a {
  text-decoration: none;
  cursor: pointer
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-text-size-adjust: none
}

hr {
  display: none !important
}

.wrapper {
  position: relative;
  /* height: 100%; */
}
.header_inner {
  position: relative;
  min-height: 0;
  padding: 0;
  box-sizing: border-box;
  border-bottom: none;
}
.container{
  padding:0;
}

.login_logo_wrap,
.logo_wrap {
  text-align: center;
}
.login_logo_wrap {
  padding: 8.6225rem 0 2.5rem;
}
.login_logo_wrap .logo {
  width: 18.5215rem;
  display: block;
  margin:0 auto;
}
.login_logo_wrap .logo::before {
  content:'';
  width: 18.5215rem;
  height: 16.1275rem;
  display: block;
  background:url(../images/common/logo_login.png) no-repeat center center;
  background-size:contain;
  margin:0 auto;
}
.app_name{
  display: none;
}
.login_wrap .login_inner {
  padding: 0 10.68vw;
  box-sizing: border-box;
}
.login_form {
  position: relative;
}
.top_readcopy {
  /* width: 26.219rem;
  height: 3.75rem; */
  margin: 0 auto 4.25rem;
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.24px;
  text-align: center;
  /*color: rgba(34, 29, 30, 0.6);*/
  color: var(--theme-black);
}
.login_box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.input_item {
    position: relative;
    width: 100%;
    height: 5.067rem;
    margin: 0 0 0.937rem;
    padding: 0 1.5rem 0;
    border-radius: 150px;
    border: solid 1px rgba(34, 29, 30, 0.3);
    background-color: #fff;
}
.input_inner {
  position: relative;
  display: block;
  height: 100%;
  padding: 15px 18px 15px 19px;
  border-top: 1px solid #f5f5f5;
  box-sizing: border-box;
  text-align: left;
}
.login_box .input_inner {
  padding: 0;
}
.input_item:first-child .input_inner {
  border-top: 0;
}
.login_box .icon_id,
.login_box .icon_pw {
  display: none;
}
.input_password, .input_text {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-family: SFProText;
    font-size: 1.5062rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: -0.41px;
    text-align: left;
    /*color: rgba(34, 29, 30, 0.3);*/
    color: var(--theme-black);
    z-index: 5;
}
.input_password::placeholder,
.input_text::placeholder {
    /*color: rgba(34, 29, 30, 0.3);*/
    color: var(--theme-black);
    opacity: 0.4;
}
.login_error_chat {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 14px 0 6px;
}
.login_error_chat .cell {
  display: table-cell;
  vertical-align: middle;
}
.login_error_chat .cell:nth-child(1) {
  width: 57%;
}
.error_message {
  display: inline-block;
  font-size: 1rem;
  line-height: 19px;
  color: #ff003e;
  vertical-align: middle;
}
.login_option{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.125rem;
}
.loption_item{
  font-size: 0;
}
.loption_item .lo_checkbox{
  height: 1.875rem;
  width: 1.875rem;
  position: absolute;
  opacity: 0;
  margin:0;
}
.loption_item .lo_checkbox+label {
  display: inline-block;
  vertical-align: top;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.015rem;
}
.lo_checkbox+label {
  color: var(--theme-black);
}
.lo_checkbox+label {
  display: block;
  position: relative;
  min-height: 1.875rem;
  padding-left: 2.6875rem;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.015rem;
  cursor: pointer;
  margin-bottom:0;
}

.lo_checkbox+label:before {
  height: 1.875rem;
  width: 1.875rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bbb;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}
.lo_checkbox:checked+label:before {
  border-color: var(--theme-primary);
  background: var(--theme-primary);
  -webkit-animation-name: none;
  animation-name: none;
}

.lo_checkbox+label:after {
  position: absolute;
  content: "";
}
.lo_checkbox+label:after {
  height: 0.9rem;
  width: 0.47rem;
  top: 0.35rem;
  left: 0.682rem;
  border: 1px solid #ddd;
  border-width: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lo_checkbox:checked+label:after {
  display: block;
}
.lo_checkbox:checked+label:after {
  border-color: #fff;
}

.btn_submit {
  display: block;
  width: 100%;
  -webkit-backdrop-filter: blur(240px);
  backdrop-filter: blur(240px);
  background-color: var(--theme-primary);
  box-sizing: border-box;
  margin: 2.812rem auto 0;
  padding: 1.687rem 1.5rem;
  border-radius: 150px;
}
.btn_submit .text {
  font-family: SFProDisplay;
  font-size: 1.625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: -0.024rem;
  text-align: center;
  color: var(--theme-white);
}
.find_wrap {
  display: block;
  margin-bottom: -1.25px;
  padding-top: 2.531rem;
  text-align: center;
}
.find_wrap li {
  position: relative;
  display: inline-block;
}
.find_wrap .find_text {
    display: inline-block;
    opacity: 0.8;
    font-family: SFProText;
    /*font-size: 1.187rem;*/
    font-size: 1.587rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: var(--theme-black);
}
.find_wrap .find_text.join_text {
    /*font-size: 1.587rem;*/
    font-size: 1.787rem;
}
.icon_find_text{
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
}
.icon_find_text::before {
    content: '→';
    color: #fff;
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--theme-primary);
    font-size: 1.5rem;
    margin-right: 0.375rem;
    text-align: center;
    vertical-align: top;
    margin-top: 0.3rem;
}
.icon_find_text .arrow-right{
  width: 14px;
  height: 2px;
  background-color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-radius:3px;
  position:absolute;
  top:9px;
  right:6px;
}
.find_wrap li+li {
  padding-left: 3rem;
}
.find_wrap li+li::before {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 1.325rem;
  width: 0.094rem;
  height: 1.429rem;
  opacity: 0.48;
  background-color: var(--theme-black);
}

.find_wrap li+li:last-child{
  display: block;
  margin-top:1rem;
  padding-left: 0;
}
.find_wrap li+li:last-child::before{
  display: none;
}

.footer {
  padding: 4.75rem 0 4rem;
  text-align: center;
}
.footer_logo_img{
  /*width: 12.167rem;
  height: 3.375rem;*/
  width: auto;
  height: 3.375rem;
  object-fit: contain;
}
.footer_logo_img2{
  /*width: 10.844rem;
  height: 2.1565rem;*/
  width: auto;
  height: 2.1565rem;
  object-fit: contain;
  margin-left: 1.3945rem;
}


/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
    only screen and (-webkit-min-device-pixel-ratio: 1.25),
    only screen and (min--moz-device-pixel-ratio: 1.25),
    only screen and (min-device-pixel-ratio: 1.25),
    only screen and (min-resolution: 1.25dppx)
{
    .login_logo_wrap .logo::before {
        background-image: url(../images/common/logo_login@2x.png);
    }
}

/* @3x Images (Pixel Ratio of 2.25+) */
@media only screen and (-o-min-device-pixel-ratio: 9/4),
    only screen and (-webkit-min-device-pixel-ratio: 2.25),
    only screen and (min--moz-device-pixel-ratio: 2.25),
    only screen and (min-device-pixel-ratio: 2.25),
    only screen and (min-resolution: 2.25dppx)
{
    .login_logo_wrap .logo::before {
        background-image: url(../images/common/logo_login@3x.png);
    }
}

/* @4x Images (Pixel Ratio of 3.25+) */
@media only screen and (-o-min-device-pixel-ratio: 13/4),
    only screen and (-webkit-min-device-pixel-ratio: 3.25),
    only screen and (min--moz-device-pixel-ratio: 3.25),
    only screen and (min-device-pixel-ratio: 3.25),
    only screen and (min-resolution: 3.25dppx)
{
    .login_logo_wrap .logo::before {
        background-image: url(../images/common/logo_login@3x.png);
    }
}

/**
    font 조절
*/
.login_logo_wra {
    padding: 8.0225rem 0 2.5rem;
}
.login_wrap .login_inner {
    padding: 0 5.68vw;
}

/** 해상도 조절  */
@media (max-width: 375px) {
    .login_wrap .login_inner {
        padding: 0 5vw;
    }
    .find_wrap .find_text {
        font-size: 1.187rem;
    }
    .find_wrap .find_text.join_text {
        font-size: 1.587rem;
    }
    .footer_logo_img {        
    }
    .footer_logo_img2 {
        margin-left:0.5rem;
    }
}