@charset "UTF-8";
/*2025.05.21 생성*/
@font-face {
  font-family: enFont;
  src: url("/css/font/al-Light-a521ddbc0cc9c4b8fddc6b511e8621c9.woff2") format("woff2"), url("/css/font/al-Light-2327cd5d092ef19dfb1c80906acc23b3.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: enFont;
  src: url("/css/font/al-Regular-0b253b4ade17e51fde8a56a3079ca975.woff2") format("woff2"), url("/css/font/al-Regular-e6e934e13fd7c3b1f6287a40dbca0a5b.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: koFont;
  src: url("/css/font/NotoSansKR-DemiLight-01d4df1243276135ff8c79dbdc178f2e.woff2") format("woff2"), url("/css/font/NotoSansKR-DemiLight-378aad93eded8abae5c6054f95dcac50.woff") format("woff"), url("/css/font/NotoSansKR-DemiLight-b6546a715a1e4afb0b690fc487be81cb.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: koFont;
  src: url("/css/font/NotoSansKR-Medium-eb76c0603e9bb040d829fe315211423b.woff2") format("woff2"), url("/css/font/NotoSansKR-Medium-024dc32a28bc99fe1a3e5f7628989a65.woff") format("woff"), url("/css/font/NotoSansKR-Medium-49310f2cb66158d61dcc80de26e7b559.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: koFont;
  src: url("/css/font/NotoSansKR-Bold-d197a963b8be534ec3620e51addcf533.woff2") format("woff2"), url("/css/font/NotoSansKR-Bold-5fc6f1266e7ea70d652bbdd2ec3a60a8.woff") format("woff"), url("/css/font/NotoSansKR-Bold-38c81d5e8bad31c37c80d10df2bb906f.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
}
html {
  width: 100%;
  height: 100%;
  display: table;
}

body {
  width: 100%;
  display: table-cell;
  font-family: koFont, "맑은고딕", "Malgun Gothic", sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
}

strong {
  font-weight: 600;
}

.icon20 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.icon30 {
  display: inline-block;
  width: 3rem;
  height: 3rem;
}

.ico-bell {
  background: url("/images/login/icon_bell.svg") no-repeat center center/3rem 3rem;
}

.ico-arr-right {
  border-radius: 50px;
  background: #00a7c3 url("/images/login/icon_arr_right.svg") no-repeat center center/2rem 2rem;
}

.ico-drct-right {
  background: url("/images/login/icon_drct_right.svg") no-repeat center center/2rem 2rem;
}

.ico-eye {
  background: url("/images/login/icon_open_eye.svg") no-repeat center center/2rem 2rem;
}

.ico-eye-closed {
  background: url("/images/login/icon_closed_eye.svg") no-repeat center center/2rem 2rem;
}

.txt-big {
  position: relative;
  padding-top: 14rem;
  padding-bottom: 2rem;
  font-size: 34px;
  font-weight: 300;
}

.txt-md {
  position: relative;
  padding-top: 13rem;
  font-size: 24px;
  font-weight: 300;
  color: #002d71;
}

.quotation::before {
  content: "";
  position: absolute;
  top: 7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5019607843) url("/images/login/mark_quotes.svg") no-repeat center center/3.2rem 3.2rem;
}

.link-bl {
  color: #4553cf;
}

.dark_bl {
  color: #002d71;
}

.state {
  padding: 2px 1rem;
  min-width: 68px;
  height: 2.6rem;
  border-radius: 2rem;
  font-size: 1.4rem;
  color: #fff;
}
.state.dark_bl {
  background-color: #4553cf;
}
.state.orng {
  background-color: #ff6060;
}
.state.mnt {
  background-color: #00a7c3;
}
.state.hot_pnk {
  background-color: #ff4ad5;
}

.login-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.login-container .wrap-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  background-color: #4c6fff;
}
.login-container .wrap-right {
  background:#FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.login-container .wrap-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.login-container .wrap-center .wrap-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap-notice {
  padding: 0 3rem 6rem;
}

.ban-notice {
  margin: 0 2rem 2.6rem;
  padding: 6px 6px 6px 12px;
  background-color: #fff;
  border-radius: 50px;
}
.ban-notice > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ban-notice > a .ico-arr-right {
  opacity: 0.9;
}
.ban-notice > a:hover {
  color: #00a7c3;
}
.ban-notice > a:hover .ico-arr-right {
  opacity: 1;
}
.ban-notice .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 400;
}
.ban-notice .notice .txt {
  margin-left: 8px;
}

.banner-wrap {
  padding-bottom: 2rem;
}
.banner-wrap .btn-txt {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lst-notice ul {
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}
.lst-notice ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25% - 1rem);
          flex: 1 1 calc(25% - 1rem);
  max-width: calc(25% - 1rem);
  min-width: 13rem;
}
.lst-notice ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.0784313725);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.0784313725);
  border: solid 1px #f1f2f4;
  background-color: #fff;
  text-align: left;
  gap: 1.4rem;
  width:100%;
}
.lst-notice ul > li > a:hover .txt {
  color: #4c6fff;
}
.lst-notice ul > li > a .txt {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 500;
}
.lst-notice ul > li > a .date {
  width: 100%;
  text-align: right;
}

.wrap-login {
  margin: 0 auto;
  width: 32rem;
}
.wrap-login .logo {
  margin-bottom: 1.4rem;
}
.wrap-login .logo img {
  width: 24rem;
  height: 1.5rem;
}
.wrap-login .form-wrap {
  padding: 1rem;
  text-align: left;
}
.wrap-login .form-wrap .custom-control {
  margin-bottom: 1.6rem;
}
.wrap-login .form-wrap .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #506DF5;
  border-color: #506DF5;
}
.wrap-login .form-wrap .form-group {
  position: relative;
  margin-bottom: 1rem;
}
.wrap-login .form-wrap .form-group .form-control {
  padding-left: 4rem;
  height: 3.8rem;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.wrap-login .form-wrap .form-group .form-control:-webkit-autofill,
.wrap-login .form-wrap .form-group .form-control:-webkit-autofill:hover,
.wrap-login .form-wrap .form-group .form-control:-webkit-autofill:focus,
.wrap-login .form-wrap .form-group .form-control:-webkit-autofill:active {
  font-weight: 300 !important;
  -webkit-text-fill-color: #495057 !important;
  color: #495057 !important;
  font-size: 1.4rem !important;
  font-family: koFont, "맑은고딕", "Malgun Gothic", sans-serif !important;
  box-shadow: 0 0 0 1000px #fafafa inset !important;
  -webkit-box-shadow: 0 0 0 1000px #fafafa inset !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
.wrap-login .form-wrap .form-group .form-control:active, .wrap-login .form-wrap .form-group .form-control:focus, .wrap-login .form-wrap .form-group .form-control:hover {
  border-color: #506DF5;
}
/*.wrap-login .form-wrap .form-group .form-control.ico-luck {
  background: #fafafa url("/images/login/icon_luck.svg") no-repeat left 1rem center/2rem 2rem;
}
.wrap-login .form-wrap .form-group .form-control.ico-luck:active, .wrap-login .form-wrap .form-group .form-control.ico-luck:focus, .wrap-login .form-wrap .form-group .form-control.ico-luck:hover {
  background: #f2f4ff url("/images/login/icon_luck_on.svg") no-repeat left 1rem center/2rem 2rem;
}*/
/*.wrap-login .form-wrap .form-group .form-control.ico-id {
  background: #fafafa url("/images/login/icon_ID.svg") no-repeat left 1rem center/2rem 2rem;
}*/
/*.wrap-login .form-wrap .form-group .form-control.ico-id:active, .wrap-login .form-wrap .form-group .form-control.ico-id:focus, .wrap-login .form-wrap .form-group .form-control.ico-id:hover {
  background: #f2f4ff url("/images/login/icon_ID_on.svg") no-repeat left 1rem center/2rem 2rem;
}*/

#input-wrap-id::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-top:1rem;
  width: 4rem;
  height: 2rem;
  background: url("/images/login/icon_ID.svg") no-repeat left 1rem center/2rem 2rem;
  background-size: contain;
  pointer-events: none;
}
#input-wrap-id:hover::before, #input-wrap-id:has(input:focus)::before {
  background: url("/images/login/icon_ID_on.svg") no-repeat left 1rem center/2rem 2rem;
}
#input-wrap-id input {
  background:#fafafa !important;
}

#input-wrap-pw::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-top:1rem;
  width: 4rem;
  height: 2rem;
  background: url("/images/login/icon_luck.svg") no-repeat left 1rem center/2rem 2rem;
  background-size: contain;
  pointer-events: none;
}
#input-wrap-pw input {
  background:#fafafa !important;
}
#input-wrap-pw input::-ms-reveal, #input-wrap-pw input::-ms-clear {
  display: none;
}
#input-wrap-pw:hover::before, #input-wrap-pw:has(inpout:focus)::before {
  background: url("/images/login/icon_luck_on.svg") no-repeat left 1rem center/2rem 2rem;
}

.wrap-login .form-wrap .form-group .btn-clear {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  background: url("/images/login/icon_delete.svg") center center/2rem 2rem no-repeat;
  border: none;
  outline: none;
  cursor: pointer;
}
.wrap-login .form-wrap .form-group .toggle-password {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.login-btn-box {
  width: 100%;
  margin-bottom: 2.2rem;
}
.login-btn-box .btn {
  padding: 1rem;
  width: 100%;
  height: 4.6rem;
  color: #fff;
}
.login-btn-box .btn:hover {
  background-color: #263580;
  color: #fff;
}

.alert-box {
  margin-bottom: 2.4rem;
  text-align: center;
}
.alert-box .ttl {
  font-size: 1.6rem;
}
.alert-box .txt {
  font-size: 1.4rem;
}

.lst-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:180px;
  margin-top:2rem;
  /*width:70%;*/
  /*margin: 2rem auto 0px;*/
}
.lst-sns li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 14%;
          flex: 1 1 14%;
  width: 100%;
  text-align: center;
}
.lst-sns li a {
  margin: 0 auto;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1490196078);
}
.lst-sns li a.website {
  background: #fcfcfc url("/images/login/icon_globe.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.utube {
  background: #fcfcfc url("/images/login/icon_utube.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.kakao {
  background: #fcfcfc url("/images/login/icon_kakao.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.insta {
  background: #fcfcfc url("/images/login/icon_instagram.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.fbook {
  background: #fcfcfc url("/images/login/icon_facebook.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.blog {
  background: #fcfcfc url("/images/login/icon_blog.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a.email {
  background: #fcfcfc url("/images/login/icon_mail.svg") no-repeat center center/2.2rem 2.2rem;
}
.lst-sns li a:hover {
  background-color: #e0faff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-txt:hover .ani_bounce {
  -webkit-animation: ani_bounce 0.8s infinite;
          animation: ani_bounce 0.8s infinite;
}

@-webkit-keyframes ani_bounce {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(3px, 0);
            transform: translate(3px, 0);
  }
}

@keyframes ani_bounce {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(3px, 0);
            transform: translate(3px, 0);
  }
}
.footer {
  padding: 2rem;
}
.footer .link-grp .txt-link {
  color: #fff;
  font-size: 1.3rem;
}
.footer .link-grp .txt-link:hover {
  text-decoration: underline;
}
.footer .link-grp .txt-link::after {
  content: "";
  position: relative;
  top: 0.1rem;
  margin: 0 1rem;
  display: inline-block;
  height: 0.9em;
  width: 1px;
  background-color: #fff;
}
.footer .link-grp .txt-link:last-child::after {
  display: none;
}
.footer .link-grp.type-dark .txt-link::after {
  background-color: #999;
}
.footer .copy {
  color: #e3e4e9;
  font-size: 1.2rem;
}
/*.footer .adr {
  font-size: 1.3rem;
}
.footer .wrap-phone {
  margin-top: 2rem;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .wrap-phone .num {
  margin-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
}
.footer .wrap-phone .txt {
  font-size: 17px;
  color: #4a4b50;
}*/

.add-info {
  text-align:left;
  line-height:1.6;
  font-size:1.3rem;
}
.add-info .adr {
  /*font-size: 1.3rem;*/
}
.divider-line {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ccc;
  margin: 0 8px;
  vertical-align: middle;
}
.add-info .wrap-phone {
  /*margin-top: 2rem;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;*/
}
.add-info .wrap-phone .num {
  margin-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
}
.add-info .wrap-phone .txt {
  font-size: 17px;
  color: #4a4b50;
}

@media only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px) {
  html {
    -webkit-transform: none;
            transform: none;
    -webkit-transform-origin: initial;
            transform-origin: initial;
    position: initial;
    top: initial;
    left: 0;
  }
}
@media only screen and (max-width: 1097px) {
  .lst-notice ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .wrap-left {
    display: none !important;
  }
  .m-block {
    display: block;
  }
  .footer .wrap-phone {
    display: block;
  }
}/*# sourceMappingURL=login.css.map */


#modal-privacy-terms .form-ctn p {
  margin-bottom:1rem;
}

#modal-privacy-terms .form-ctn h3 {
  font-size:1.5rem;
  margin-top:1.5rem;
  font-weight:500;
}
#modal-privacy-terms .form-ctn ul {
  margin-left:1rem;
}