@charset "UTF-8";
/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
* {
  word-break: break-all;
}
@media (max-width: 1024px) {
  * {
    word-break: keep-all;
  }
}

.inner {
  max-width: 1260px;
  width: calc(100% - 54px);
  margin: 0 auto;
}

/* 250731 */
.right-video {
  transform: scaleX(-1);
}

.inner2 {
  max-width: 1120px;
  width: calc(100% - 70px);
  margin: 0 auto;
}

.inner3 {
  max-width: 1120px;
  width: calc(100% - 70px);
  margin: 0 auto;
}

.inner4 {
  max-width: 1075px;
  width: calc(100% - 70px);
  margin: 0 auto;
}

.inner5 {
  max-width: 800px;
  width: calc(100% - 70px);
  margin: 0 auto;
}

.inner7 {
  max-width: 1440px;
  width: calc(100% - 70px);
  margin: 0 auto;
}

.overlay:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 500;
}

.container {
  min-width: 1500px;
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  overflow: clip;
}
.container.page-platform {
  min-width: 1500px;
}
@media (max-width: 1024px) {
  .container.page-platform {
    padding-top: 100px;
  }
}
.container.fullpage {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .container {
    padding-top: 50px;
    overflow: hidden;
    min-width: 100%;
  }
}

.web {
  display: block;
}
.web.web-inline {
  display: inline;
}
@media (max-width: 1024px) {
  .web {
    display: none;
  }
}

.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .mobile {
    display: block;
  }
}

@media (max-width: 1024px) {
  .mobile-enter {
    display: block;
  }
}

article.popup {
  z-index: 501;
  position: fixed;
  display: none;
}
@media (max-width: 1024px) {
  article.popup.m-full .popup-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
article.popup:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.85;
}
article.popup.normal .popup-wrapper {
  max-width: 420px;
}
article.popup.long .popup-wrapper {
  max-width: 910px;
}
article.popup.longer .popup-wrapper {
  max-width: 1000px;
}
article.popup.longest .popup-wrapper {
  max-width: 1200px;
}
article.popup.short .popup-wrapper {
  max-width: 324px;
}
article.popup .popup-wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  max-width: 820px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  overflow: hidden;
}
article.popup .popup-close-btn {
  position: absolute;
  right: 10px;
  top: -35px;
  z-index: 10;
  background: url("../img/ic_popup_close_btn.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}

article.platform-main-popup {
  z-index: 501;
  position: fixed;
  display: none;
}
article.platform-main-popup:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
}
article.platform-main-popup.dimmed::after {
  opacity: 1;
}
article.platform-main-popup .popup-wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  max-width: 930px;
}
article.platform-main-popup .popup-wrapper.type2 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none;
}
article.platform-main-popup .popup-wrapper.type2 .close-btn {
  position: absolute;
  top: 43px;
  right: 50px;
  width: 34px;
  height: 30px;
  background: url("../img/closeBtn.svg") no-repeat;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box {
  position: absolute;
  top: 0px;
  left: 0px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .close-btn.type2 {
  top: -23px;
  left: 0px;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .main.cookie-btn {
  top: -27px;
  left: 0px;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .cookie-btn {
  top: 64px;
  left: 114px;
  position: absolute;
  width: 400px;
  z-index: 99999;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .close-btn {
  background: url("../img/main_popup_close_2.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 48px;
  right: 50px;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .cookie-btn .ic.ic-cookie {
  background: url("../img/img_platform_main_popup_cookie.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  margin-bottom: 3px;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .cookie-btn .txt {
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .close-btn.main {
  background: url("../img/main_popup_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 48px;
  right: 50px;
}
article.platform-main-popup .popup-wrapper .popup-cookie-box .close-btn.type2 {
  background: url("../img/main_popup_close_2.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  position: fixed;
  top: 48px;
  right: 50px;
}

.swiper-group-box .hide-layer-btn {
  position: fixed;
  top: 64px;
  color: #fff;
  z-index: 100;
  left: 114px;
}
.swiper-group-box .hide-layer-btn .ic-layer-chk {
  width: 13px !important;
  height: 13px !important;
  background: url("../img/img_platform_main_popup_cookie.svg") no-repeat center/cover !important;
}

article.platform-main-popup .popup-wrapper .popup-contents {
  overflow: hidden;
  width: 100%;
}
article.platform-main-popup .popup-wrapper .popup-contents.main {
  width: 100%;
  height: 100%;
  right: 0;
  top: -23px;
}
article.platform-main-popup .popup-wrapper.type2 {
  width: 100%;
  height: 100%;
  transform: none;
  left: 0;
  top: 0;
  position: fixed;
  max-width: 100%;
}
article.platform-main-popup .popup-wrapper .popup-contents .img-box img {
  width: 100%;
}

.full-pop .doc-section {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  margin-top: unset;
}
.full-pop .doc-section .doc-layout {
  height: 100%;
  max-width: unset;
}
.full-pop .doc-section .doc-layout.tm-bg {
  background-image: url(/img/teaserNew/teaser_popupBg_04.png);
}
.full-pop .doc-section .doc-layout .doc-con-wrap {
  min-width: 770px;
  padding: 40px 80px 40px 120px;
  background-color: rgba(0, 0, 0, 0.6);
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box {
  padding-bottom: 30px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .cookie-btn {
  top: 36px;
  left: 46px;
  position: absolute;
  width: 400px;
  z-index: 99999;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .cookie-btn .ic-cookie {
  background: url(../img/img_platform_main_popup_cookie.svg) no-repeat center/cover;
  width: 19px;
  height: 19px;
  margin-right: 6px;
  margin-bottom: 3px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .cookie-btn .txt {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box > .tit {
  font-size: 50px;
  line-height: 1.2;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .info {
  font-size: 15px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .tm-con {
  margin-top: 50px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .tm-con .contents + .contents {
  margin-top: 40px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .tm-con .contents .title {
  font-size: 20px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .tm-con .contents .title .point {
  color: #FFC000;
  font-weight: bold;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .tm-con .contents .txt {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
.full-pop .doc-section .doc-layout .doc-con-wrap .con-box .btn-more {
  background-color: #404040;
  right: 75px;
  bottom: 80px;
}
.full-pop .intro-pop-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  margin-top: unset;
}
.full-pop .intro-pop-wrap .intro-pop-layout {
  height: 100%;
  position: relative;
  background-image: url(/img/teaserNew/teaser_popupBg_04.png);
}
.full-pop .intro-pop-wrap .intro-pop-layout .cookie-btn {
  top: 60px;
  left: 80px;
  position: absolute;
  width: 400px;
  z-index: 99999;
}
.full-pop .intro-pop-wrap .intro-pop-layout .cookie-btn .ic-cookie {
  background: url(../img/img_platform_main_popup_cookie.svg) no-repeat center/cover;
  width: 19px;
  height: 19px;
  margin-right: 6px;
  margin-bottom: 3px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .cookie-btn .txt {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}
.full-pop .intro-pop-wrap .intro-pop-layout .close-btn {
  z-index: 500;
  position: absolute;
  right: 45px;
  top: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .close-btn:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con {
  background-color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  position: absolute;
  top: 52%;
  right: 0;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 140px 70px 120px 180px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .left-wrap .text {
  font-size: 15px;
  line-height: 1.9;
  padding-right: 50px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .right-wrap {
  margin-left: 40px;
  border-left: 1px solid #fff;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .right-wrap .tm-pop-con {
  min-width: 800px;
  display: flex;
  gap: 40px;
  align-items: center;
  padding-left: 100px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .right-wrap .tm-pop-con .text-box .info-box + .info-box {
  margin-top: 50px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .right-wrap .tm-pop-con .text-box .info-box .tit {
  font-size: 25px;
  font-family: "Noto Sans KR";
  font-weight: 500;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .right-wrap .tm-pop-con .text-box .info-box .con {
  font-size: 14px;
  line-height: 2;
  margin-top: 12px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .pop-con-btn {
  position: absolute;
  bottom: 50px;
  right: 70px;
  background-color: white;
  color: black;
  height: 65px;
}
.full-pop .intro-pop-wrap .intro-pop-layout .intro-pop-con .pop-con-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #585858;
  margin-top: 1px;
}

.home-notice {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 60px;
}
.home-notice .announcementPopup {
  width: 476px;
  position: relative;
  background-color: #fff;
  border-radius: 32px;
  padding: 270px 52px 50px;
  overflow: hidden;
}
.home-notice .announcementPopup .top-img {
  position: absolute;
}
.home-notice .announcementPopup .title {
  font-size: 60px;
  font-family: "Arial Black";
  letter-spacing: -1px;
}
.home-notice .announcementPopup .info {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 23px;
  font-family: "Noto Sans KR";
  width: 377px;
}
.home-notice .announcementPopup .info b {
  font-size: 18px;
  font-weight: 500;
}
.home-notice .announcementPopup .chk-hide {
  display: flex;
  justify-content: end;
  gap: 30px;
  margin-top: 35px;
  margin-right: -1px;
}
.home-notice .announcementPopup .chk-hide .cbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.home-notice .announcementPopup .chk-hide .cbox label input[type=checkbox] {
  display: none;
}
.home-notice .announcementPopup .chk-hide .cbox label .check {
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.home-notice .announcementPopup .chk-hide .cbox label .check:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(34, 50, 84, 0.03);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.home-notice .announcementPopup .chk-hide .cbox label .check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #c8ccd4;
  stroke-width: 1.5;
  transform: translate3d(0, 0, 0);
  transition: all 0.1s ease;
}
.home-notice .announcementPopup .chk-hide .cbox label .check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}
.home-notice .announcementPopup .chk-hide .cbox label .check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}
.home-notice .announcementPopup .chk-hide .cbox label:hover .check:before {
  opacity: 1;
}
.home-notice .announcementPopup .chk-hide .cbox label:hover .check svg {
  stroke: #4285f4;
}
.home-notice .announcementPopup .chk-hide .cbox label input:checked + .check svg {
  stroke: #4285f4;
}
.home-notice .announcementPopup .chk-hide .cbox label input:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.1s linear;
}
.home-notice .announcementPopup .chk-hide .cbox label input:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.1s linear;
  transition-delay: 0.1s;
}
.home-notice .announcementPopup .chk-hide .cbox label .txt {
  font-size: 14px;
  font-weight: 300;
  min-height: auto;
  padding-left: 5px;
}
.home-notice .announcementPopup.warning-con .top-img {
  top: -1px;
  right: -1px;
}
.home-notice .announcementPopup.warning-con .title {
  color: #FF0404;
}
.home-notice .announcementPopup.check-con .top-img {
  top: -126px;
  right: -123px;
}
.home-notice .announcementPopup.check-con .title {
  color: #044FFF;
}

.platform-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 450;
  background-color: #000000;
}
@media (max-width: 1024px) {
  .platform-header {
    background-color: #fff;
  }
}
.platform-header .header-wrap {
  height: 105px;
  max-width: 1920px;
  width: calc(100% - 180px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 1024px) {
  .platform-header .header-wrap {
    width: calc(100% - 56px);
    height: 50px;
  }
}
.platform-header .header-wrap .logo-box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
}
.platform-header .header-wrap .logo-box a {
  background: url("../img/img_platform_logo.svg") no-repeat center/cover;
  width: 177px;
  height: 19px;
}
@media (max-width: 1024px) {
  .platform-header .header-wrap .logo-box a {
    background: url("../img/img_platform_logo_m.svg") no-repeat center/cover;
    width: 128px;
    height: 30px;
  }
}
.platform-header .header-wrap .header-menu-list {
  display: flex;
  align-items: center;
  padding-right: 50px;
  height: 100%;
}
@media (max-width: 1024px) {
  .platform-header .header-wrap .header-menu-list {
    position: absolute;
    left: -28px;
    right: -28px;
    top: 50px;
    background-color: #000000;
    padding: 0 28px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .platform-header .header-wrap .header-menu-list::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
  }
}
.platform-header .header-wrap .header-menu-list .menu-box {
  position: relative;
}
.platform-header .header-wrap .header-menu-list .menu-box.type-sign {
  margin-left: 30px !important;
}
.platform-header .header-wrap .header-menu-list .menu-box.type-line {
  margin-left: 66px !important;
}
.platform-header .header-wrap .header-menu-list .menu-box.type-line:after {
  content: "";
  position: absolute;
  left: -33px;
  width: 1px;
  height: 12px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
.platform-header .header-wrap .header-menu-list .menu-box .sign-btn-box .sign-btn:hover .ic-sign, .platform-header .header-wrap .header-menu-list .menu-box .sign-btn-box .sign-btn.active .ic-sign {
  background: url("../img/ic_header_sign_active.svg") no-repeat center/cover;
}
.platform-header .header-wrap .header-menu-list .menu-box .sign-btn-box .sign-btn .ic-sign {
  background: url("../img/ic_header_sign.svg") no-repeat center/cover;
  width: 62px;
  height: 60px;
}
.platform-header .header-wrap .header-menu-list .menu-box .platform-link-box {
  display: inline-flex;
  align-items: center;
}
.platform-header .header-wrap .header-menu-list .menu-box .platform-link-box .platform-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.platform-header .header-wrap .header-menu-list .menu-box .platform-link-box .platform-link-btn .ic-platform {
  background: url("../img/platform_icon.gif") no-repeat center/cover;
  width: 26px;
  height: 31px;
  margin-right: 13px;
}
.platform-header .header-wrap .header-menu-list .menu-box .platform-link-box .platform-link-btn .txt {
  font-family: "Noto Sans KR";
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.platform-header .header-wrap .header-menu-list .menu-box.company .platform-link-btn .txt::before {
  background-color: rgb(213, 39, 39);
  content: "";
  display: inline-block;
  height: 1px;
  margin-right: 10px;
  transition: all 0.42s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 0;
  vertical-align: middle;
}
.platform-header .header-wrap .header-menu-list .menu-box.company .platform-link-btn:hover .txt::before {
  background-color: #fff;
  width: 3rem;
}
.platform-header .header-wrap .header-menu-list .menu-box .link-btn .ic-mark {
  background: url("../img/ic_mark2.gif") no-repeat center/cover;
  width: 43px;
  height: 43px;
}
.platform-header .header-wrap .header-menu-list .menu-box .link-btn .txt {
  font-weight: 700;
  letter-spacing: -0.04em;
  font-size: 14px;
  color: #fff;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn {
  position: relative;
  overflow: hidden;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn .button-content {
  position: relative;
  z-index: 1;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn.alliance {
  right: 20px;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(82.3deg, rgb(150, 93, 233) 10.8%, rgb(99, 88, 238) 94.3%);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn.tooltip-right ~ .tooltip-box {
  left: auto;
  right: 0;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn.on {
  color: #00b0f0;
}
@media (max-width: 1024px) {
  .platform-header .header-wrap .header-menu-list .menu-box .menu-btn {
    font-size: 10px;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
  }
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn:hover {
  color: #fff;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn:hover::before {
  transform: scaleY(1);
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn:hover ~ .tooltip-box {
  display: block;
}
.platform-header .header-wrap .header-menu-list .menu-box .menu-btn:active {
  transform: scale(0.95);
}
.platform-header .header-wrap .header-menu-list .tooltip-box {
  display: none;
  position: absolute;
  top: 55px;
  left: -33px;
  white-space: nowrap;
}
.platform-header .header-wrap .header-menu-list .tooltip-box .tooltip-msg {
  text-align: center;
  position: relative;
  padding: 10px 20px;
  background-color: #404040;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  color: #fff;
  border-radius: 18px;
}
.platform-header .header-wrap .header-menu-list .tooltip-box .tooltip-msg:after {
  display: none;
  position: absolute;
  content: "";
  background: url("../img/ic_tooltip_arrow2.svg") no-repeat center/cover;
  width: 38px;
  height: 13px;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
}
.platform-header .header-wrap .nav-box {
  display: inline-flex;
  position: relative;
}
.platform-header .header-wrap .nav-box:hover .tooltip-box {
  display: block;
}
.platform-header .header-wrap .nav-box .tooltip-box {
  display: none;
  position: absolute;
  top: 95px;
  left: 50%;
  right: auto;
  white-space: nowrap;
  transform: translateX(-50%);
}
.platform-header .header-wrap .nav-box .tooltip-box .tooltip-msg {
  position: relative;
  padding: 12px 13px;
  background-color: #00b0f0;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  color: #fff;
}
.platform-header .header-wrap .nav-box .tooltip-box .tooltip-msg:after {
  position: absolute;
  content: "";
  background: url("../img/ic_tooltip_arrow2.svg") no-repeat center/cover;
  width: 38px;
  height: 13px;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
}
.platform-header .header-wrap .nav-box .nav-btn {
  display: inline-flex;
  align-items: center;
  background: url("../img/ic_platform_header_home.svg") no-repeat center/cover;
  width: 49px;
  height: 46px;
}
@media (max-width: 1024px) {
  .platform-header .header-wrap .nav-box .nav-btn {
    width: 25px;
    height: 23px;
    background: url("../img/ic_platform_header_home.svg") no-repeat center/cover;
  }
}

header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
}
@media (max-width: 1024px) {
  header {
    display: block;
    background-color: #fff;
  }
}
header .header-wrap {
  height: 100px;
  max-width: 1920px;
  width: calc(100% - 180px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  header .header-wrap {
    width: calc(100% - 56px);
    height: 50px;
  }
}
header .header-wrap .logo-box {
  display: inline-flex;
}
header .header-wrap .logo-box a {
  background: url("../img/img_logo.svg") no-repeat center/cover;
  width: 197px;
  height: 20px;
}
@media (max-width: 1024px) {
  header .header-wrap .logo-box a {
    background: url("../img/img_logo_m.svg") no-repeat center/cover;
    width: 101px;
    height: 10px;
  }
}
header .header-wrap .nav-box {
  display: inline-flex;
}
header .header-wrap .nav-box .nav-btn {
  display: inline-flex;
  align-items: center;
  background: url("../img/ic_header_nav.svg") no-repeat center/cover;
  width: 60px;
  height: 34px;
}
@media (max-width: 1024px) {
  header .header-wrap .nav-box .nav-btn {
    width: 32px;
    height: 18px;
    background: url("../img/ic_header_nav_m.svg") no-repeat center/cover;
  }
}

nav.header-menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}
@media (max-width: 1024px) {
  nav.header-menu {
    left: 0;
  }
}
nav.header-menu .header-menu-wrap {
  width: 860px;
  height: 100vh;
  background-color: #ffc000;
  position: relative;
  padding: 127px 90px 90px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-menu-wrap {
    width: 100%;
    padding: 89px 31px 0;
  }
}
nav.header-menu .header-menu-wrap .header-menu-close {
  position: absolute;
  top: 72px;
  right: 88px;
  background: url("../img/ic_header_close.svg") no-repeat center/cover;
  width: 46px;
  height: 46px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-menu-wrap .header-menu-close {
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
  }
}
nav.header-menu .header-intro-box .img-box {
  padding-bottom: 19px;
  width: 120px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-intro-box .img-box {
    padding-bottom: 0;
    width: 80px;
    margin-bottom: 9px;
  }
}
nav.header-menu .header-intro-box .img-box img {
  max-width: 100%;
}
nav.header-menu .header-intro-box .txt-box {
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-intro-box .txt-box {
    font-size: 14px;
    letter-spacing: -0.06em;
    line-height: 21px;
  }
}
nav.header-menu .header-menu-list {
  padding: 26px 0 26px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-menu-list {
    padding: 20px 0 7px;
  }
}
nav.header-menu .header-menu-list .menu-box .menu-btn {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-weight: 900;
  font-family: "Arial Black";
  font-size: 70px;
  line-height: 80px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-menu-list .menu-box .menu-btn {
    font-size: 36px;
    line-height: 50px;
  }
}
nav.header-menu .header-link-box {
  display: flex;
  justify-content: flex-end;
  max-width: 502px;
  padding-bottom: 49px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box {
    justify-content: flex-start;
    padding-left: 120px;
    padding-bottom: 20px;
  }
}
nav.header-menu .header-link-box .header-link-btn {
  display: inline-flex;
  align-items: center;
  position: relative;
}
nav.header-menu .header-link-box .header-link-btn:hover .msg-box {
  display: block;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box .header-link-btn:hover .msg-box {
    display: none;
  }
}
nav.header-menu .header-link-box .header-link-btn .msg-box {
  display: none;
  text-align: left;
  z-index: 1;
  position: absolute;
  left: 98px;
  top: 68px;
  padding: 18px 24px;
  background-color: #23a9d8;
  color: #fff;
  font-size: 14px;
  font-family: "Noto Sans KR";
  line-height: 24px;
  font-weight: 300;
  white-space: nowrap;
}
nav.header-menu .header-link-box .header-link-btn .msg-box:after {
  content: "";
  position: absolute;
  left: 18px;
  top: -27px;
  background: url("../img/ic_msg_arrow2.svg") no-repeat center/cover;
  width: 34px;
  height: 28px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box .header-link-btn .img-box {
    width: 41px;
  }
}
nav.header-menu .header-link-box .header-link-btn .img-box img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box .header-link-btn .img-box img {
    width: 100%;
  }
}
nav.header-menu .header-link-box .header-link-btn .txt-box {
  font-size: 14px;
  font-family: "Arial Black";
  line-height: 19px;
  font-weight: 900;
  color: #fff;
  margin: 0 6px 0 12px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box .header-link-btn .txt-box {
    font-size: 10px;
  }
}
nav.header-menu .header-link-box .header-link-btn .arrow-box {
  display: inline-flex;
  align-items: center;
  margin-top: 2px;
}
nav.header-menu .header-link-box .header-link-btn .arrow-box .ic-arrow {
  background: url("../img/ic_header_link_arrow.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-link-box .header-link-btn .arrow-box .ic-arrow {
    width: 18px;
    height: 18px;
  }
}
nav.header-menu .header-info-box .logo-box {
  padding-bottom: 17px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-info-box .logo-box {
    padding-bottom: 15px;
  }
  nav.header-menu .header-info-box .logo-box img {
    width: 116px;
  }
}
nav.header-menu .header-info-box .entry-group-box .entry-box {
  color: #fff;
  font-size: 16px;
  line-height: 27px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-info-box .entry-group-box .entry-box {
    font-size: 12px;
    font-family: "Noto Sans KR";
    line-height: 17px;
    font-weight: 300;
  }
}
nav.header-menu .header-info-box .link-box {
  padding-top: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  nav.header-menu .header-info-box .link-box {
    padding-top: 20px;
  }
}
nav.header-menu .header-info-box .link-box .link-btn {
  background: url("../img/img_header_link.svg") no-repeat center/cover;
  width: 176px;
  height: 69px;
}
@media (max-width: 1024px) {
  nav.header-menu .header-info-box .link-box .link-btn {
    background: url("../img/img_header_link_m.svg") no-repeat center/cover;
    width: 114px;
    height: 53px;
  }
}

footer {
  overflow: hidden;
}
footer .inner {
  max-width: 1400px;
}
footer .footer-sub-wrap {
  padding-top: 25px;
  padding-left: 30px;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 27px;
  color: #b9b9b9;
}
footer .footer-nav {
  position: relative;
  z-index: 10;
  background-color: rgb(255, 192, 0);
}
footer .footer-nav .wrap {
  height: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .footer-nav .nav-list {
  display: inline-flex;
  align-items: center;
  display: none;
}
footer .footer-nav .nav-list .nav-box {
  position: relative;
}
footer .footer-nav .nav-list .nav-box + .nav-box {
  margin-left: 40px;
}
footer .footer-nav .nav-list .nav-box:hover .menu-tooltip-box {
  display: block;
}
footer .footer-nav .nav-list .nav-box .menu-tooltip-box {
  display: none;
  z-index: 10;
  padding: 14px 29px;
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  background-color: #00b0f0;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
footer .footer-nav .nav-list .nav-box .menu-tooltip-box:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 17px solid #00B0F0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
footer .footer-nav .nav-list .nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
footer .footer-nav .nav-list .nav-btn:hover, footer .footer-nav .nav-list .nav-btn:focus {
  color: #00B0F0;
}
footer .footer-contents {
  position: relative;
}
footer .footer-contents .footer-bg-box {
  height: 850px;
  background-color: #101011;
}
footer .footer-contents .footer-bg-box video {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}
footer .footer-contents .footer-contents-box {
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
footer .footer-contents .footer-contents-box .wrap {
  padding-top: 290px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
footer .footer-contents .footer-contents-box .footer-info-box {
  font-size: 0;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box {
  display: inline-flex;
  align-items: center;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .con-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .con-box .logo-box {
  display: flex;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .con-box .logo-box .logo {
  background: url("../img/img_footer_logo.svg") no-repeat center/cover;
  width: 154px;
  height: 16px;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .con-box .copyright-box {
  padding-top: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .link-box {
  padding-left: 32px;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .link-box .link-btn {
  margin-top: -50px;
  display: inline-flex;
  background: url("../img/img_footer_link.svg") no-repeat center/cover;
  width: 64px;
  height: 67px;
}
footer .footer-contents .footer-contents-box .footer-info-box .platform-link-box .link-box .link-btn:hover {
  background: url("../img/img_footer_link_on.svg") no-repeat center/cover;
}
footer .footer-contents .footer-contents-box .footer-info-box .label-box {
  color: #fff;
  font-family: "Arial Black";
  font-weight: 900;
  font-size: 18px;
  letter-spacing: 0.015em;
}
footer .footer-contents .footer-contents-box .footer-info-box .ic-box {
  padding: 23px 0 9px;
}
footer .footer-contents .footer-contents-box .footer-info-box .ic-box .ic-monitor {
  background: url("../img/ic_footer_monitor.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
footer .footer-contents .footer-contents-box .footer-info-box .hotline-box .hotline-btn {
  color: #fff;
  font-size: 36px;
  line-height: 42px;
  font-weight: 400;
}
footer .footer-contents .footer-contents-box .footer-info-box .hotline-box .hotline-btn:hover .other-color, footer .footer-contents .footer-contents-box .footer-info-box .hotline-box .hotline-btn:focus .other-color {
  color: #fff;
}
footer .footer-contents .footer-contents-box .footer-info-box .hotline-box .hotline-btn .other-color {
  color: #00B0F0;
}
footer .footer-contents .footer-contents-box .footer-info-box .tel-box {
  padding-top: 17px;
}
footer .footer-contents .footer-contents-box .footer-info-box .tel-box .tel-txt {
  font-size: 18px;
  color: #fff;
}

section.section {
  padding-top: 108px;
}
@media (max-width: 1024px) {
  section.section {
    padding-top: 70px;
  }
}
section.section.first-section {
  padding-top: 300px;
}
@media (max-width: 1024px) {
  section.section.first-section {
    padding-top: 105px;
  }
}
section.section.last-section {
  padding-bottom: 300px;
}
@media (max-width: 1024px) {
  section.section.last-section {
    padding-bottom: 105px;
  }
}
section.section.space-top-long {
  padding-top: 200px;
}
@media (max-width: 1024px) {
  section.section.space-top-long {
    padding-top: 105px;
  }
}

section.one-platform {
  width: 100%;
  height: 1054px;
  background: url("/img/graybackground.png") no-repeat center/cover;
  position: relative;
}
section.one-platform .inner {
  position: absolute;
  z-index: 10;
  top: 177px;
  max-width: 1360px;
}
section.one-platform .inner .info-box {
  position: absolute;
  top: 6px;
  z-index: 100;
  left: 181px;
}
section.one-platform .inner .info-box .text {
  color: #131313;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.8px;
}
section.one-platform .inner .info-box .white-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: 35px;
  height: 49px;
  padding: 0 28px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  background-color: transparent;
  border: 0.2em solid #fff;
  border-radius: 11px;
  text-decoration: none;
  text-align: right;
  transition: all 0.6s ease;
}
section.one-platform .inner .info-box .white-btn .btn-arrow {
  width: 1.6em;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.6s ease;
  color: #000;
}
section.one-platform .inner .info-box .white-btn .btn-text {
  margin: 0 0 0 1.5em;
  font-weight: 400;
  font-size: 18px;
  font-family: Inter;
}
section.one-platform .inner .info-box .white-btn:hover {
  background-color: #3654ff;
  color: #fff;
  cursor: pointer;
}
section.one-platform .inner .info-box .white-btn:hover .btn-arrow {
  transform: translateY(-50%) translateX(5px);
  color: #fff;
}
section.one-platform .inner .info-box .white-btn:active {
  transform: scale(0.95);
}
section.one-platform .inner .link-box {
  padding-top: 40px;
}
section.one-platform .inner .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.one-platform .inner .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.one-platform .inner .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.one-platform .inner .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

section.limBox {
  height: 844px;
  background: url("../img/img_strategic_capital.png") no-repeat center/cover;
}
section.limBox .subject-box.ff-4 {
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #ffffff;
  position: relative;
  padding-top: 199px;
}
section.limBox .con-box {
  padding-top: 24px;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}

section.high-security {
  position: relative;
  height: 990px;
}
section.high-security .video-info-box {
  position: absolute;
  left: 206px;
  top: 157px;
  z-index: 100;
}
section.high-security .video-info-box .text {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -0.8px;
}
section.high-security .visual-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
section.high-security .visual-wrap video {
  width: calc(81% + 1px);
  height: 81%;
  position: absolute;
  left: 65%;
  transform: translateX(-50%);
  bottom: 0;
  object-fit: cover;
}

section.video-visual {
  position: relative;
  height: 1080px;
}
@media (max-width: 1024px) {
  section.video-visual {
    height: 100vh;
  }
}
section.video-visual.height-short {
  height: 845px;
}
section.video-visual.height-shortest {
  height: 550px;
}
section.video-visual.height-shortest2 {
  height: 480px;
}
section.video-visual .img-txt-box {
  z-index: 100;
  position: absolute;
  left: 50%;
  text-align: center;
  top: 184px;
  transform: translateX(-50%);
  color: #fff;
  line-height: 30px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/img_txt_bg.svg") no-repeat center/cover;
  width: 489px;
  height: 132px;
}
section.video-visual .img-txt-box.type-procedure {
  top: 400px;
  width: 647px;
  height: 168px;
  background: url("../img/img_txt_bg2.svg") no-repeat center/cover;
}
section.video-visual .video-info {
  position: absolute;
  left: 133px;
  top: 188px;
  z-index: 100;
}
section.video-visual .video-info.type-platform {
  top: 546px;
  left: 270px;
}
section.video-visual .video-info.type-platform .video-info-txt {
  display: inline-block;
  text-align: left;
}
section.video-visual .video-info.type-platform .video-info-txt .main-txt {
  text-align: center;
  font-weight: 700;
  font-size: 34px;
  line-height: 38px;
}
section.video-visual .video-info.type-platform .video-info-txt .sub-txt {
  padding-top: 23px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
section.video-visual .video-info .video-info-txt {
  font-size: 30px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  letter-spacing: -0.01em;
  line-height: 41px;
  color: #fff;
}
section.video-visual .video-info .video-info-txt img {
  max-width: 100%;
}
section.video-visual .video-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
section.video-visual .video-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}
@media (max-width: 1024px) {
  section.video-visual .video-wrap video.footer-video-web {
    display: none;
  }
}
section.video-visual .video-wrap video.footer-video-mobile {
  display: none;
}
@media (max-width: 1024px) {
  section.video-visual .video-wrap video.footer-video-mobile {
    display: block;
  }
}
section.video-visual .img-wrap {
  margin-top: 105px;
}
@media (max-width: 1024px) {
  section.video-visual .img-wrap {
    margin-top: 0;
  }
}
section.video-visual .img-wrap img {
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}

section.mna-why article.section-layout1 .section-img-box {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.mna-why article.section-layout1 .section-img-box {
    position: static;
    transform: none;
  }
  section.mna-why article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

section.mna-market .section-img-box {
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  section.mna-market .section-img-box .img-box {
    max-width: 100px;
  }
}

article.section-layout2 .head-group-box {
  position: relative;
}
article.section-layout2 .head-group-box.with-bg {
  background-color: #f2f2f2;
}
article.section-layout2 .head-group-box.with-bg .section-contents-box {
  height: 545px;
  display: flex;
  align-items: center;
}
article.section-layout2 .head-group-box.with-bg .section-contents-box.h-auto {
  height: auto;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box.with-bg .section-contents-box {
    padding: 49px 0;
    height: auto;
  }
}
article.section-layout2 .head-group-box.type-space {
  padding-top: 168px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box.type-space {
    padding-top: 38px;
  }
}
article.section-layout2 .head-group-box .section-tit-box {
  display: flex;
  align-items: center;
  max-width: 1260px;
  margin: 0 auto;
  padding-bottom: 19px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-tit-box {
    padding: 0 27px 16px;
  }
}
article.section-layout2 .head-group-box .section-tit-box .tit-box {
  font-size: 14px;
  letter-spacing: 0.015em;
  line-height: 24px;
  color: #7f7f7f;
  padding-left: 5px;
  position: relative;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-tit-box .tit-box {
    font-size: 11px;
    line-height: 19px;
    letter-spacing: -0.045em;
    padding-left: 6px;
  }
}
article.section-layout2 .head-group-box .section-tit-box .tit-box:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background-color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-tit-box .tit-box:after {
    display: block;
    top: 50%;
    height: 8px;
  }
}
article.section-layout2 .head-group-box .section-img-box {
  position: absolute;
  left: 0;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-img-box {
    position: static;
    margin: 0 27px -20px;
    width: 100%;
  }
  article.section-layout2 .head-group-box .section-img-box.home-who {
    width: 83px;
  }
  article.section-layout2 .head-group-box .section-img-box.home-consult {
    width: 87px;
  }
  article.section-layout2 .head-group-box .section-img-box.home-leadership {
    width: 83px;
  }
  article.section-layout2 .head-group-box .section-img-box.home-board {
    width: 72px;
  }
  article.section-layout2 .head-group-box .section-img-box.home-with {
    width: 53px;
  }
}
article.section-layout2 .head-group-box .section-img-box .img-box img {
  max-width: 100%;
  max-height: 100%;
}
article.section-layout2 .head-group-box .section-contents-box {
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
  padding-left: 320px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box {
    padding: 0;
  }
}
article.section-layout2 .head-group-box .section-contents-box.width-small {
  max-width: 1000px;
  width: 100%;
}
article.section-layout2 .head-group-box .section-contents-box .contents-wrap {
  width: 100%;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-wrap.m-mix {
    position: relative;
    padding-left: 84px;
  }
  article.section-layout2 .head-group-box .section-contents-box .contents-wrap.m-mix .section-img-box {
    position: absolute;
    left: 0;
    top: 0;
  }
  article.section-layout2 .head-group-box .section-contents-box .contents-wrap.m-mix .contents-box {
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box {
    padding: 32px 27px 0;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.032em;
  line-height: 54px;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box.m-mix {
    display: flex;
  }
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box.m-mix .main-img-box {
    width: 20px;
    margin-right: 20px;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box.m-mix .main-img-box img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
  article.section-layout2 .head-group-box .section-contents-box .contents-box .main-box br {
    display: none;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .sub-box {
  padding-top: 23px;
  font-size: 16px;
  line-height: 35px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .sub-box {
    padding-top: 16px;
    font-size: 11px;
    line-height: 19px;
    letter-spacing: -0.045em;
  }
  article.section-layout2 .head-group-box .section-contents-box .contents-box .sub-box br {
    display: none;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .label-img-box {
  padding-top: 28px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .label-img-box {
    padding-top: 18px;
  }
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .label-img-box .img-box {
    max-width: 96px;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .label-img-box .img-box img {
  max-width: 100%;
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box {
    padding-top: 23px;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box {
  width: 330px;
  position: relative;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box {
    width: 182px;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box input {
  outline: none;
  width: 100%;
  height: 46px;
  padding: 0 46px 0 12px;
  border: 2px solid #1cb0f0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box input {
    height: 36px;
    padding-right: 30px;
    padding-left: 9px;
    font-size: 10px;
  }
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box input::placeholder {
  color: #c6c6c6;
}
article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background: url("../img/ic_search.svg") no-repeat center;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .section-contents-box .contents-box .search-box .search-input-box .search-btn {
    width: 30px;
    height: 30px;
    background-size: 14px 14px;
  }
}
article.section-layout2 .head-group-box .board-list {
  border-top: 1px solid #d9d9d9;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list {
    margin-top: 20px;
  }
}
article.section-layout2 .head-group-box .board-list .board-item-box {
  width: 100%;
  background: url("../img/ic_board_link.svg") no-repeat center right 30px;
  padding: 30px 80px 30px 10px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list .board-item-box {
    background: url("../img/ic_board_link_m.svg") no-repeat center right 13px/28px 28px;
    padding: 13px 60px 13px 13px;
  }
}
article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box {
  display: flex;
  align-items: center;
  padding-bottom: 29px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box {
    padding-bottom: 10px;
  }
}
article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box .type-box {
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box .type-box {
    font-size: 10px;
    line-height: 10px;
  }
}
article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box .date-box {
  padding-left: 43px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list .board-item-box .board-head-box .date-box {
    padding-left: 12px;
    font-size: 10px;
    line-height: 10px;
  }
}
article.section-layout2 .head-group-box .board-list .board-item-box .board-body-box .board-txt-box {
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 25px;
  height: 50px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .board-list .board-item-box .board-body-box .board-txt-box {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 16px;
    height: 32px;
    max-width: 100%;
    height: auto;
  }
}
article.section-layout2 .head-group-box .more-box {
  padding-top: 76px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .more-box {
    padding-top: 30px;
  }
}
article.section-layout2 .head-group-box .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.section-layout2 .head-group-box .more-box .more-btn .txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .more-box .more-btn .txt {
    font-size: 7px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.section-layout2 .head-group-box .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  article.section-layout2 .head-group-box .more-box .more-btn .ic-more {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
}
article.section-layout2 .body-group-box {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 108px;
}
@media (max-width: 1024px) {
  article.section-layout2 .body-group-box.mobile {
    display: flex !important;
  }
}
article.section-layout2 .body-group-box.width-small {
  max-width: 1000px;
}
@media (max-width: 1024px) {
  article.section-layout2 .body-group-box {
    padding: 45px 27px 0;
  }
}
article.section-layout2 .body-group-box.padding-small {
  padding-top: 46px;
}

article.section-layout1 .head-group-box {
  position: relative;
}
article.section-layout1 .head-group-box.with-bg {
  background-color: #6cc4da;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg {
    background: #fff;
  }
}
article.section-layout1 .head-group-box.with-bg .section-tit-box .tit-box {
  color: #fff;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-tit-box .tit-box {
    color: #7f7f7f;
  }
}
article.section-layout1 .head-group-box.with-bg .section-tit-box .tit-box:after {
  background-color: #fff;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-tit-box .tit-box:after {
    background-color: #7f7f7f;
  }
}
article.section-layout1 .head-group-box.with-bg .section-contents-box {
  height: 545px;
  display: flex;
  align-items: center;
  padding-left: 379px;
}
article.section-layout1 .head-group-box.with-bg .section-contents-box.position-static {
  position: static;
}
article.section-layout1 .head-group-box.with-bg .section-contents-box.type-reverse {
  padding-left: 0;
  overflow: hidden;
}
article.section-layout1 .head-group-box.with-bg .section-contents-box.type-reverse .section-img-box {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  transform: none;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-contents-box.type-reverse .section-img-box {
    position: static;
  }
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-contents-box {
    height: auto;
    padding-left: 0;
  }
}
article.section-layout1 .head-group-box.with-bg .section-contents-box .contents-wrap .contents-box .main-box {
  color: #fff;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-contents-box .contents-wrap .contents-box .main-box {
    color: #262626;
  }
}
article.section-layout1 .head-group-box.with-bg .section-contents-box .contents-wrap .contents-box .sub-box {
  color: #fff;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.with-bg .section-contents-box .contents-wrap .contents-box .sub-box {
    color: #7f7f7f;
  }
}
article.section-layout1 .head-group-box.type-space {
  padding-top: 168px;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box.type-space {
    padding-top: 38px;
  }
}
article.section-layout1 .head-group-box .section-sub-tit-box {
  position: absolute;
  left: 0;
  top: -162px;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-sub-tit-box {
    display: none;
  }
}
article.section-layout1 .head-group-box .section-tit-box {
  display: flex;
  align-items: center;
  max-width: 1260px;
  margin: 0 auto;
  padding-bottom: 19px;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-tit-box {
    padding: 0 27px 16px;
  }
}
article.section-layout1 .head-group-box .section-tit-box .tit-box {
  font-size: 14px;
  letter-spacing: 0.015em;
  line-height: 24px;
  color: #7f7f7f;
  padding-left: 5px;
  position: relative;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-tit-box .tit-box {
    font-size: 11px;
    line-height: 19px;
    letter-spacing: -0.045em;
    padding-left: 6px;
  }
}
article.section-layout1 .head-group-box .section-tit-box .tit-box:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background-color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-tit-box .tit-box:after {
    display: block;
    top: 50%;
    height: 8px;
  }
}
article.section-layout1 .head-group-box .section-bg-box img {
  max-width: 100%;
}
article.section-layout1 .head-group-box .section-img-box {
  position: absolute;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-img-box {
    height: 155px;
    position: static;
    background-color: #6cc4da;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  article.section-layout1 .head-group-box .section-img-box.m-left-bottom {
    align-items: flex-end;
    justify-content: flex-start;
  }
  article.section-layout1 .head-group-box .section-img-box.m-right {
    justify-content: flex-end;
  }
}
article.section-layout1 .head-group-box .section-img-box .img-box img {
  max-width: 100%;
  max-height: 100%;
}
article.section-layout1 .head-group-box .section-contents-box {
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
article.section-layout1 .head-group-box .section-contents-box.width-small {
  max-width: 1000px;
}
article.section-layout1 .head-group-box .section-contents-box.with-view {
  display: flex;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box.with-view {
    flex-direction: column;
  }
}
article.section-layout1 .head-group-box .section-contents-box.with-view .contents-view {
  margin-right: 76px;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box.with-view .contents-view {
    display: none;
  }
}
article.section-layout1 .head-group-box .section-contents-box.static {
  position: static;
}
article.section-layout1 .head-group-box .section-contents-box.type-half {
  text-align: right;
}
article.section-layout1 .head-group-box .section-contents-box.type-half .contents-wrap {
  display: inline-block;
  text-align: left;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box.type-half .contents-wrap {
    width: 100%;
  }
}
article.section-layout1 .head-group-box .section-contents-box.flex-right {
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box .contents-box {
    padding: 32px 27px 0;
  }
}
article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.032em;
  line-height: 54px;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box.m-mix {
    display: flex;
  }
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box.m-mix .main-img-box {
    width: 20px;
    margin-right: 20px;
  }
}
article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box.m-mix .main-img-box img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
  article.section-layout1 .head-group-box .section-contents-box .contents-box .main-box br {
    display: none;
  }
}
article.section-layout1 .head-group-box .section-contents-box .contents-box .sub-box {
  padding-top: 23px;
  font-size: 16px;
  line-height: 35px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .section-contents-box .contents-box .sub-box {
    padding-top: 16px;
    font-size: 11px;
    line-height: 19px;
    letter-spacing: -0.045em;
  }
  article.section-layout1 .head-group-box .section-contents-box .contents-box .sub-box br {
    display: none;
  }
}
article.section-layout1 .head-group-box .option-group-box {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box {
    position: static;
    padding: 44px 27px 0;
  }
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box .img-box {
    display: none;
  }
}
article.section-layout1 .head-group-box .option-group-box .img-box img {
  max-width: 100%;
}
article.section-layout1 .head-group-box .option-group-box .search-box {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box .search-box {
    padding-top: 0;
  }
}
article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box {
  width: 325px;
  position: relative;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box {
    width: 138px;
  }
}
article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box input {
  outline: none;
  width: 100%;
  height: 46px;
  padding: 0 46px 0 12px;
  border: 2px solid #1cb0f0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box input {
    height: 30px;
    padding-right: 30px;
    padding-left: 9px;
    font-size: 10px;
  }
}
article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box input::placeholder {
  color: #c6c6c6;
}
article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background: url("../img/ic_search.svg") no-repeat center;
}
@media (max-width: 1024px) {
  article.section-layout1 .head-group-box .option-group-box .search-box .search-input-box .search-btn {
    width: 30px;
    height: 30px;
    background-size: 14px 14px;
  }
}
article.section-layout1 .body-group-box {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 54px;
}
@media (max-width: 1024px) {
  article.section-layout1 .body-group-box.mobile {
    display: flex !important;
  }
}
article.section-layout1 .body-group-box.width-small {
  max-width: 1000px;
}
@media (max-width: 1024px) {
  article.section-layout1 .body-group-box {
    padding: 45px 27px 0;
  }
}
article.section-layout1 .body-group-box.padding-small {
  padding-top: 46px;
}
article.section-layout1 .mobile-symbol-box {
  display: none;
}
@media (max-width: 1024px) {
  article.section-layout1 .mobile-symbol-box {
    padding-top: 50px;
    display: block;
  }
}
article.section-layout1 .mobile-symbol-box .tit-box {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 19px;
  font-family: "Noto Sans KR";
}
article.section-layout1 .mobile-symbol-box .logo-box {
  padding: 57px 0 38px;
  text-align: center;
}
article.section-layout1 .mobile-symbol-box .logo-box img {
  max-width: 100%;
}
article.section-layout1 .mobile-symbol-box .symbol-tit-box {
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 10px;
  font-weight: 300;
  line-height: 19px;
  letter-spacing: 0.04em;
  padding-bottom: 50px;
}
article.section-layout1 .mobile-symbol-box .symbol-con-box {
  position: relative;
  height: 100px;
  margin: 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.section-layout1 .mobile-symbol-box .symbol-con-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: url("../img/img_symbol_text_left.svg") no-repeat center/20px 100px;
  width: 20px;
  height: 100px;
}
article.section-layout1 .mobile-symbol-box .symbol-con-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../img/img_symbol_text_right.svg") no-repeat center/20px 100px;
  width: 20px;
  height: 100px;
}
article.section-layout1 .mobile-symbol-box .symbol-con-box .symbol-txt-box {
  text-align: center;
  font-size: 10px;
  letter-spacing: -0.045em;
  line-height: 19px;
}

article.page-more-layout .page-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.page-more-layout .page-more-btn .txt {
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 28px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.page-more-layout .page-more-btn .txt {
    font-weight: 500;
    font-size: 8px;
  }
}
article.page-more-layout .page-more-btn .ic {
  margin-left: 15px;
}
@media (max-width: 1024px) {
  article.page-more-layout .page-more-btn .ic {
    margin-left: 7px;
  }
}
article.page-more-layout .page-more-btn .ic.ic-more {
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 33px;
  height: 33px;
}
@media (max-width: 1024px) {
  article.page-more-layout .page-more-btn .ic.ic-more {
    width: 14px;
    height: 14px;
  }
}

section.mna-go-wrap {
  color: #fff;
  background-color: #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 80px 0;
  text-align: center;
}
section.mna-go-wrap .mna-go-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
}
section.mna-go-wrap .mna-go-inner .title span {
  font-size: 65px;
  font-weight: 700;
}
section.mna-go-wrap .mna-go-inner .go-box-wrap {
  display: flex;
  gap: 334px;
}
section.mna-go-wrap .mna-go-inner .go-box-wrap .go-box {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #fff;
}
section.mna-go-wrap .mna-go-inner .go-box-wrap .go-box .desc {
  font-size: 18px;
  line-height: 2.1;
}

section.section-banner {
  margin-top: 2px;
  background-color: #0E0E0E;
}
section.section-banner .wrap {
  min-height: 320px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  section.section-banner .wrap {
    min-height: auto;
    padding: 55px 20px;
  }
}
section.section-banner .banner-tit-box {
  font-family: "Arial Black";
  color: #fff;
  font-size: 54px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 76px;
}
@media (max-width: 1024px) {
  section.section-banner .banner-tit-box {
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.05em;
    line-height: 33px;
  }
}
section.section-banner .banner-sub-box {
  padding-top: 38px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #fff;
}
@media (max-width: 1024px) {
  section.section-banner .banner-sub-box {
    padding-top: 20px;
    font-size: 11px;
    letter-spacing: -0.06em;
    line-height: 19px;
  }
  section.section-banner .banner-sub-box br {
    display: none;
  }
}

article.page-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background-color: #fff;
}
article.page-layer footer {
  margin-top: 260px;
}
@media (max-width: 1024px) {
  article.page-layer footer {
    margin-top: 76px;
  }
}
article.page-layer .page-layer-wrap {
  padding-top: 130px;
  width: 100%;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-wrap {
    padding-top: 65px;
  }
}
article.page-layer .page-layer-head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
}
article.page-layer .page-layer-head .page-layer-close {
  background: url("../img/ic_page_layer_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 40px;
  right: 58px;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .page-layer-close {
    top: 23px;
    right: 23px;
    width: 19px;
    height: 19px;
  }
}
article.page-layer .page-layer-head .layer-head-contents {
  background-color: #000000;
  margin-bottom: 18px;
  height: 130px;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents {
    height: 65px;
    margin-bottom: 15px;
  }
}
article.page-layer .page-layer-head .layer-head-contents .layer-head-inner {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .layer-head-inner {
    width: calc(100% - 70px);
  }
}
article.page-layer .page-layer-head .layer-head-contents .page-head-img-box {
  margin-bottom: -18px;
  margin-left: -60px;
  position: relative;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .page-head-img-box {
    margin-bottom: -11px;
    margin-left: 0;
  }
}
article.page-layer .page-layer-head .layer-head-contents .page-head-img-box:hover .msg-box {
  display: block;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .page-head-img-box:hover .msg-box {
    display: none;
  }
}
article.page-layer .page-layer-head .layer-head-contents .page-head-img-box .msg-box {
  display: none;
  text-align: left;
  z-index: 1;
  position: absolute;
  left: 44px;
  top: 120px;
  padding: 18px 24px;
  background-color: #23a9d8;
  color: #fff;
  font-size: 14px;
  font-family: "Noto Sans KR";
  line-height: 24px;
  font-weight: 300;
  white-space: nowrap;
}
article.page-layer .page-layer-head .layer-head-contents .page-head-img-box .msg-box:after {
  content: "";
  position: absolute;
  left: 18px;
  top: -28px;
  background: url("../img/ic_msg_arrow2.svg") no-repeat center/cover;
  width: 38px;
  height: 28px;
}
article.page-layer .page-layer-head .layer-head-contents .page-head-img-box .page-head-img1 {
  background: url("../img/img_page_head_item1.svg") no-repeat center/cover;
  width: 114px;
  height: 104px;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .page-head-img-box .page-head-img1 {
    width: 62px;
    height: 56px;
  }
}
article.page-layer .page-layer-head .layer-head-contents .page-head-tit-box {
  padding-left: 22px;
  padding-bottom: 22px;
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .page-head-tit-box {
    padding-left: 12px;
    padding-bottom: 17px;
  }
}
article.page-layer .page-layer-head .layer-head-contents .page-head-tit-box .head-tit-box {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.02em;
  font-weight: 900;
  font-family: "Arial Black";
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-head .layer-head-contents .page-head-tit-box .head-tit-box {
    font-size: 12px;
    line-height: 17px;
    font-weight: 900;
    letter-spacing: -0.01em;
  }
}
article.page-layer article.layer-people-apply {
  padding: 230px 0 0;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply {
    padding-top: 50px;
  }
}
article.page-layer article.layer-people-apply .apply-intro-box {
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-intro-box {
    padding-bottom: 44px;
  }
}
article.page-layer article.layer-people-apply .apply-intro-box .img-box {
  max-width: 104px;
}
article.page-layer article.layer-people-apply .apply-intro-box .img-box img {
  max-width: 100%;
}
article.page-layer article.layer-people-apply .apply-intro-box .txt-box {
  padding-left: 104px;
  font-family: "Arial Black";
  color: #7f7f7f;
  font-size: 36px;
  line-height: 53px;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-intro-box .txt-box {
    padding-left: 26px;
    font-size: 18px;
    line-height: 26px;
  }
}
article.page-layer article.layer-people-apply .apply-presentation {
  background-color: #6cc4da;
  padding: 47px 20px;
  text-align: center;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-presentation {
    margin: 0 -35px;
    padding: 30px 30px;
  }
}
article.page-layer article.layer-people-apply .apply-presentation .txt-box {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-presentation .txt-box {
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 21px;
  }
  article.page-layer article.layer-people-apply .apply-presentation .txt-box br {
    display: none;
  }
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box {
  position: relative;
  padding: 100px 220px 86px 517px;
  border-bottom: 1px solid #7f7f7f;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box {
    padding: 44px 0 57px;
  }
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box.m-full .form-tit-box {
    display: none;
  }
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-guide-box {
  font-size: 13px;
  line-height: 24px;
  color: #7f7f7f;
  padding-bottom: 62px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-guide-box {
    padding-top: 30px;
    padding-left: 80px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box {
    padding-top: 57px;
  }
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-input-box {
  padding-bottom: 20px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-input-box label {
  cursor: pointer;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-input-box label input {
  position: absolute;
  left: 0;
  transform: scale(0);
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-input-box label .file-upload-txt {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 17px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-input-box label i {
  margin-left: 34px;
  background: url("../img/ic_file_upload.svg") no-repeat center/cover;
  width: 19px;
  height: 19px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-upload-box .upload-result-box {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  height: 73px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-tit-box {
  position: absolute;
  left: 230px;
  top: 110px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-tit-box {
    left: 0;
    top: 50px;
  }
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-tit-box .img-box img {
  max-width: 100%;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row {
  display: flex;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row + .row {
  margin-top: 30px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box {
  width: 100%;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box + .item-box {
  margin-left: 60px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box + .item-box {
    margin-left: 30px;
  }
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box .subject-box {
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding-bottom: 12px;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box .con-box input {
  width: 100%;
  border: 1px solid #d4d4d4;
  height: 30px;
  padding: 0 14px;
  font-size: 12px;
  font-family: "Noto Sans KR";
  outline: none;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box .con-box input:focus {
  border: 1px solid #00b0f0;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box .con-box .sbox select {
  background-position: right 14px center;
  padding: 0 28px 0 14px;
  font-size: 12px;
  font-family: "Noto Sans KR";
  height: 30px;
  border: 1px solid #d4d4d4;
}
article.page-layer article.layer-people-apply .apply-form-list .form-group-box .form-con-box .row .item-box .con-box .sbox select:active {
  border: 1px solid #00b0f0;
}
article.page-layer article.layer-people-apply .apply-agree-box .agree-chk-box {
  text-align: center;
  padding: 136px 0 75px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-agree-box .agree-chk-box {
    padding: 45px 0 50px;
  }
}
article.page-layer article.layer-people-apply .apply-agree-box .agree-msg-box {
  text-align: center;
  font-size: 16px;
  line-height: 27px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-agree-box .agree-msg-box {
    font-size: 13px;
    line-height: 19px;
  }
  article.page-layer article.layer-people-apply .apply-agree-box .agree-msg-box br {
    display: none;
  }
}
article.page-layer article.layer-people-apply .apply-agree-box .agree-submit-box {
  padding-top: 90px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-people-apply .apply-agree-box .agree-submit-box {
    padding-top: 53px;
  }
}
article.page-layer article.layer-people-apply .apply-agree-box .agree-submit-box .agree-submit-btn {
  width: 140px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fec100;
  color: #fff;
  font-size: 13px;
  font-family: "Noto Sans KR";
  letter-spacing: 0.04em;
}
article.page-layer article.layer-visual-layout1 {
  position: relative;
  height: 600px;
}
article.page-layer article.layer-visual-layout1.adjust .img-box {
  position: relative;
  top: -130px;
}
article.page-layer article.layer-visual-layout1.space-vertical {
  margin: 140px 0 116px;
}
article.page-layer article.layer-visual-layout1.h-small {
  height: 500px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.h-small {
    height: auto;
  }
}
article.page-layer article.layer-visual-layout1.h-large {
  height: 675px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.h-large {
    height: auto;
  }
}
article.page-layer article.layer-visual-layout1.h-larger {
  height: 1084px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.h-larger {
    height: auto;
  }
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 {
    height: auto;
  }
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.m-top-space {
    padding-top: 100px;
  }
}
article.page-layer article.layer-visual-layout1.type-reserve .info-box {
  bottom: 0;
  top: auto;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.type-reserve .info-box {
    padding: 0 35px;
  }
}
article.page-layer article.layer-visual-layout1.type-reserve .info-box .info-bg-wrap {
  background: url("../img/img_layer_visual_info_bg_reverse.svg") no-repeat center/cover;
  width: 471px;
  height: 519px;
  padding-top: 152px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.type-reserve .info-box .info-bg-wrap {
    background: url("../img/img_layer_visual_info_bg_reverse_m.svg") no-repeat center/cover;
    width: 158px;
    height: 259px;
    padding-top: 68px;
    margin: 0 auto 0 0;
  }
}
article.page-layer article.layer-visual-layout1.type-reserve .info-box .info-bg-wrap .info-txt-box {
  padding-left: 195px;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1.type-reserve .info-box .info-bg-wrap .info-txt-box {
    padding-left: 110px;
  }
}
article.page-layer article.layer-visual-layout1 .img-box {
  text-align: right;
  margin: 0 0 0 auto;
}
article.page-layer article.layer-visual-layout1 .img-box.mna-feature {
  position: absolute;
  right: 0;
  bottom: -148px;
}
article.page-layer article.layer-visual-layout1 .img-box.mna-market {
  position: absolute;
  right: 0;
  top: 414px;
}
article.page-layer article.layer-visual-layout1 .img-box.wedo-introduce {
  position: absolute;
  right: 0;
  top: 373px;
}
article.page-layer article.layer-visual-layout1 .img-box.wedo-work {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .img-box {
    display: none;
  }
}
article.page-layer article.layer-visual-layout1 .img-box img {
  max-width: 100%;
}
article.page-layer article.layer-visual-layout1 .info-box {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: 1120px;
  width: 100%;
  top: 197px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box {
    position: static;
    padding: 71px 43px 0 68px;
  }
}
article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap {
  background: url("../img/img_layer_visual_info_bg.svg") no-repeat center/cover;
  width: 597px;
  height: 294px;
  padding-top: 80px;
}
article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-small {
  background: url("../img/img_layer_visual_info_bg_small.svg") no-repeat center/cover;
  width: 455px;
  height: 294px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-small {
    background: url("../img/img_layer_visual_info_bg_m.svg") no-repeat center/cover;
    width: 249px;
    height: 127px;
    padding-top: 38px;
  }
}
article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-large2 {
  background: url("../img/img_layer_visual_info_bg_large2.svg") no-repeat center/cover;
  width: 522px;
  height: 473px;
  padding-top: 146px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-large2 {
    background: url("../img/img_layer_visual_info_bg_m.svg") no-repeat center/cover;
    width: 249px;
    height: 127px;
    padding-top: 38px;
  }
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-large2 br {
    display: none;
  }
}
article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-large {
  background: url("../img/img_layer_visual_info_bg_large.svg") no-repeat center/cover;
  width: 484px;
  height: 687px;
  padding-top: 140px;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap.type-large {
    padding-top: 70px;
    background: url("../img/img_layer_visual_info_bg_large_m.svg") no-repeat center/cover;
    width: 233px;
    height: 325px;
  }
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap {
    margin: 0 auto;
    background: url("../img/img_layer_visual_info_bg_m.svg") no-repeat center/cover;
    width: 249px;
    height: 127px;
    padding-top: 38px;
  }
}
article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap .info-txt-box {
  margin-left: -108px;
  font-family: "Noto Sans KR";
  font-size: 52px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.032em;
}
@media (max-width: 1024px) {
  article.page-layer article.layer-visual-layout1 .info-box .info-bg-wrap .info-txt-box {
    margin-left: -33px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
}
article.page-layer .page-layer-body {
  overflow-y: auto;
  height: calc(100vh - 130px);
}
@media (max-width: 1024px) {
  article.page-layer .page-layer-body {
    height: calc(100vh - 65px);
  }
}

article.layer-title-layout {
  position: relative;
  z-index: 10;
}
article.layer-title-layout.type-floating-wedo-record {
  position: absolute;
  right: 0;
  top: 226px;
}
@media (max-width: 1024px) {
  article.layer-title-layout.type-floating-wedo-record {
    padding-top: 40px;
    margin: 0 -8px 0 -33px;
    position: static;
  }
}
article.layer-title-layout.type-floating-wedo-record .wrap {
  padding: 0;
}
article.layer-title-layout.type-floating-fund {
  position: absolute;
  right: 100px;
  top: 150px;
}
@media (max-width: 1024px) {
  article.layer-title-layout.type-floating-fund {
    padding-top: 40px;
    margin: 0 -8px 0 -33px;
    position: static;
  }
}
article.layer-title-layout.type-floating-fund .wrap {
  padding: 0;
}
article.layer-title-layout.type-floating-home-who {
  position: absolute;
  right: 0;
  top: 70px;
}
@media (max-width: 1024px) {
  article.layer-title-layout.type-floating-home-who {
    padding-top: 40px;
    margin: 0 -8px 0 -33px;
    position: static;
  }
}
article.layer-title-layout.type-floating-home-who .wrap {
  padding: 0;
}
article.layer-title-layout.type-floating {
  position: absolute;
  right: 40px;
  top: 40px;
}
@media (max-width: 1024px) {
  article.layer-title-layout.type-floating {
    padding-top: 40px;
    margin: 0 -8px 0 -33px;
    position: static;
  }
}
article.layer-title-layout.type-floating .wrap {
  padding: 0;
}
article.layer-title-layout.bottom-small .wrap {
  padding-bottom: 97px;
}
@media (max-width: 1024px) {
  article.layer-title-layout.bottom-small .wrap {
    padding-bottom: 30px;
  }
}
article.layer-title-layout.w-pt0 .wrap {
  padding-top: 0;
}
@media (max-width: 1024px) {
  article.layer-title-layout.w-pt0 .wrap {
    padding-top: 40px;
  }
}
article.layer-title-layout .wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding-top: 54px;
  padding-bottom: 153px;
}
@media (max-width: 1024px) {
  article.layer-title-layout .wrap {
    padding: 40px 35px 55px;
  }
}
article.layer-title-layout .title-top-box {
  font-weight: 700;
  font-family: "Noto Sans KR";
  font-size: 74px;
  letter-spacing: -0.02em;
  line-height: 100px;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-top-box {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: normal;
  }
  article.layer-title-layout .title-top-box.m-small {
    font-size: 24px;
  }
}
article.layer-title-layout .title-sub-box {
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-sub-box {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
  article.layer-title-layout .title-sub-box br {
    display: none;
  }
}
article.layer-title-layout .title-mid-box {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-mid-box {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
  }
  article.layer-title-layout .title-mid-box.m-small {
    font-size: 11px;
    line-height: 21px;
    letter-spacing: normal;
    padding-top: 20px;
    font-weight: 400;
  }
  article.layer-title-layout .title-mid-box br {
    display: none;
  }
}
article.layer-title-layout .title-mid-box.small {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-mid-box.small {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
}
article.layer-title-layout .title-bottom-box {
  padding-top: 28px;
  font-size: 16px;
  line-height: 34px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-bottom-box {
    padding-top: 16px;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: -0.01em;
  }
  article.layer-title-layout .title-bottom-box br {
    display: none;
  }
}
article.layer-title-layout .title-other-box {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 38px;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-other-box {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 21px;
  }
  article.layer-title-layout .title-other-box br {
    display: none;
  }
}
article.layer-title-layout .title-des-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 21px;
  padding-top: 68px;
}
article.layer-title-layout .title-des-box.right {
  text-align: right;
}
@media (max-width: 1024px) {
  article.layer-title-layout .title-des-box {
    text-align: right;
    font-size: 10px;
    font-family: "Noto Sans KR";
    font-weight: 300;
    padding-top: 50px;
  }
}

@media (max-width: 1024px) {
  article.layer-contents-layout .wrap {
    max-width: calc(100% - 70px);
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap.p50-m {
    padding-top: 50px;
  }
}
article.layer-contents-layout .list-wrap ul li {
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li.m-reverse .item-wrap .view-box {
    order: 2 !important;
  }
  article.layer-contents-layout .list-wrap ul li.m-reverse .item-wrap .info-box {
    order: 1 !important;
  }
}
article.layer-contents-layout .list-wrap ul li.reverse .item-wrap .view-box {
  order: 2;
  padding-left: 0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li.reverse .item-wrap .view-box {
    order: 1;
  }
}
article.layer-contents-layout .list-wrap ul li.reverse .item-wrap .info-box {
  order: 1;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li.reverse .item-wrap .info-box {
    order: 2;
    padding-left: 0;
  }
}
article.layer-contents-layout .list-wrap ul li + li {
  margin-top: 140px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li + li {
    margin-top: 50px;
  }
  article.layer-contents-layout .list-wrap ul li + li.m-space-long {
    margin-top: 100px;
  }
}
article.layer-contents-layout .list-wrap ul li + li.space-small {
  margin-top: 140px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li + li.space-small {
    margin-top: 50px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap {
    flex-direction: column;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap.vertical-top {
  align-items: flex-start;
}
article.layer-contents-layout .list-wrap ul li .item-wrap.vertical-bottom {
  align-items: flex-end;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box {
  width: 480px;
  /** 노란색 라인에 맞게 수정 **/
  position: relative;
  align-self: stretch;
  display: flex;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.small {
  width: 380px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.small {
    width: 100%;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.vertical-center {
  align-items: center;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.vertical-bottom {
  align-items: flex-end;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.align-right {
  justify-content: flex-end;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.type-border {
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.type-border {
    border-right: 0;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box {
    display: flex;
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box.pt0 {
  padding-top: 0;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box {
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box {
    display: inline-block;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box.m-full {
    width: 100%;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-main-box {
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-main-box {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-sub-box {
  padding-top: 9px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.04em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-sub-box {
    padding-top: 9px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01em;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box {
  position: absolute;
  right: 170px;
  top: -40px;
  align-items: flex-end;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item5 {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item5 {
    width: 46px;
    height: 46px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item6 {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item6 {
    width: 46px;
    height: 46px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item8 {
  width: 80px;
  height: 80px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item8 {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.wedo-introduce1 {
    margin-bottom: 11px;
    width: 62px;
    height: 72px;
    position: static;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.wedo-introduce2 {
    margin-bottom: 11px;
    width: 50px;
    height: 50px;
    position: static;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box {
    display: flex;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item1 {
    width: 46px;
    height: 46px;
    right: auto;
    left: 80px;
    top: -30px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item2 {
    width: 50px;
    height: 50px;
    right: auto;
    left: 95px;
    top: -30px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item3 {
    width: 86px;
    height: 86px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item4 {
    font-size: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 53px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item4 .view-img-item-box {
    width: 115px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item7 {
    padding-top: 18px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item7 .view-img-item-box {
    max-width: 191px;
    margin: 0 0 0 auto;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.item9 {
    width: 80px;
    height: 80px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box img {
  max-width: 100%;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.align-right {
  justify-content: flex-end;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.static {
  position: static;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-item-box.right {
  text-align: right;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-txt-box {
  padding-right: 44px;
  font-size: 19px;
  line-height: 40px;
  color: #7f7f7f;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-txt-box {
    padding-right: 23px;
    font-size: 11px;
    line-height: 21px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .info-box {
  flex: 1;
  min-width: 0;
  display: flex;
  padding-left: 77px;
}
article.layer-contents-layout .list-wrap ul li .item-wrap .info-box.pl0 {
  padding-left: 0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box {
    padding-left: 0;
    padding-top: 20px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-item-box + .info-item-box {
  margin-top: 110px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-item-box + .info-item-box {
    margin-top: 45px;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  padding-bottom: 36px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
    padding-bottom: 20px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box br {
    display: none;
  }
}
article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-txt-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 35px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-txt-box {
    padding-left: 0;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 23px;
  }
  article.layer-contents-layout .list-wrap ul li .item-wrap .info-box .info-txt-box br {
    display: none;
  }
}

article.layer-contents-layout1 {
  padding-top: 170px;
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 {
    padding-top: 80px;
  }
}
article.layer-contents-layout1 .bg-box {
  position: absolute;
  right: 0;
  bottom: -267px;
  z-index: -1;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .bg-box {
    display: none;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .wrap {
    max-width: calc(100% - 70px);
  }
}
article.layer-contents-layout1 .list-wrap {
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap.p50-m {
    padding-top: 50px;
  }
}
article.layer-contents-layout1 .list-wrap ul li {
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li.m-style1 .item-wrap .info-box .info-item-box .item-tit-box {
    padding-left: 67px;
  }
}
article.layer-contents-layout1 .list-wrap ul li + li {
  margin-top: 140px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li + li {
    margin-top: 50px;
  }
  article.layer-contents-layout1 .list-wrap ul li + li.m-space-long {
    margin-top: 100px;
  }
}
article.layer-contents-layout1 .list-wrap ul li + li.space-small {
  margin-top: 140px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li + li.space-small {
    margin-top: 50px;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap {
    flex-direction: column;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap.vertical-top {
  align-items: flex-start;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap.vertical-bottom {
  align-items: flex-end;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box {
  width: 346px;
  position: relative;
  align-self: stretch;
  display: flex;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.vertical-center {
  align-items: center;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.vertical-bottom {
  align-items: flex-end;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.align-right {
  justify-content: flex-end;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.type-border {
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.type-border {
    border-right: 0;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box {
    display: flex;
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box.pt0 {
  padding-top: 0;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box {
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box {
    display: inline-block;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box.m-full {
    width: 100%;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-main-box {
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-main-box {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-sub-box {
  padding-top: 9px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.04em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-sub-box {
    padding-top: 9px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01em;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box {
  position: absolute;
  right: 170px;
  top: -40px;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box {
    display: flex;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.fund-item1 {
    position: absolute !important;
    left: 0;
    top: 14px;
    width: 56px;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.fund-item2 {
    position: absolute !important;
    left: 0;
    top: 14px;
    width: 56px;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.fund-item3 {
    position: absolute !important;
    left: 0;
    top: 14px;
    width: 56px;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box img {
  max-width: 100%;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.align-right {
  justify-content: flex-end;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box.static {
  position: static;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-item-box.right {
  text-align: right;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-txt-box {
  padding-right: 44px;
  font-size: 19px;
  line-height: 40px;
  color: #7f7f7f;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .view-box .view-txt-box .view-img-box .view-img-txt-box {
    padding-right: 23px;
    font-size: 11px;
    line-height: 21px;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box {
  flex: 1;
  min-width: 0;
  display: flex;
  padding-left: 77px;
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box.pl0 {
  padding-left: 0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box {
    padding-left: 0;
    padding-top: 20px;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-item-box + .info-item-box {
  margin-top: 110px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-item-box + .info-item-box {
    margin-top: 45px;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  padding-bottom: 36px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
    padding-bottom: 20px;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-item-box .item-tit-box br {
    display: none;
  }
}
article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-txt-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 35px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-txt-box {
    padding-left: 0;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 23px;
  }
  article.layer-contents-layout1 .list-wrap ul li .item-wrap .info-box .info-txt-box br {
    display: none;
  }
}

article.layer-contents-layout2 .major-group-box {
  display: flex;
  align-items: center;
  padding-bottom: 124px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box {
    align-items: flex-end;
    padding-bottom: 40px;
  }
}
article.layer-contents-layout2 .major-group-box .view-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 600px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .view-box {
    width: 86px;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .view-box .view-img-box {
    width: 100%;
  }
}
article.layer-contents-layout2 .major-group-box .view-box .view-img-box img {
  max-width: 100%;
}
article.layer-contents-layout2 .major-group-box .view-box .view-txt-box {
  padding-left: 35px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .view-box .view-txt-box {
    display: none;
  }
}
article.layer-contents-layout2 .major-group-box .view-box .view-txt-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 22px;
  line-height: 30px;
  color: #404040;
}
article.layer-contents-layout2 .major-group-box .view-box .view-txt-box .sub-box {
  font-size: 18px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  line-height: 30px;
  color: #7f7f7f;
}
article.layer-contents-layout2 .major-group-box .word-box .word-sub-box {
  display: none;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-sub-box {
    padding-top: 17px;
    display: block;
    font-size: 9px;
    line-height: 20px;
    color: #7f7f7f;
  }
}
article.layer-contents-layout2 .major-group-box .word-box .word-wrap {
  width: 495px;
  height: 142px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 26px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap {
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 23px;
    padding-left: 20px;
  }
}
article.layer-contents-layout2 .major-group-box .word-box .word-wrap .word-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 17px;
  line-height: 35px;
  color: #404040;
  text-align: center;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap .word-txt-box {
    font-size: 10px;
    line-height: 20px;
    font-family: "Malgun Gothic";
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap .word-txt-box:before {
    content: '"';
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap .word-txt-box:after {
    content: '"';
  }
}
article.layer-contents-layout2 .major-group-box .word-box .word-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ic_word_top_left.svg") no-repeat center/cover;
  width: 17px;
  height: 17px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap:before {
    display: none;
  }
}
article.layer-contents-layout2 .major-group-box .word-box .word-wrap:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/ic_word_bottom_right.svg") no-repeat center/cover;
  width: 17px;
  height: 17px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .major-group-box .word-box .word-wrap:after {
    display: none;
  }
}
article.layer-contents-layout2 .list-wrap ul {
  display: flex;
  flex-flow: row wrap;
}
article.layer-contents-layout2 .list-wrap ul li {
  width: 50%;
}
article.layer-contents-layout2 .list-wrap ul li.w-600 {
  width: 600px;
}
article.layer-contents-layout2 .list-wrap ul li.w-auto {
  width: auto;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .list-wrap ul li {
    width: 100%;
  }
  article.layer-contents-layout2 .list-wrap ul li + li {
    margin-top: 35px;
  }
}
article.layer-contents-layout2 .list-wrap ul li.left-space {
  padding-left: 90px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .list-wrap ul li.left-space {
    padding-left: 0;
  }
}
article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-tit-box {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 36px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-tit-box {
    font-size: 15px;
    line-height: 25px;
  }
}
article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-con-box {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-con-box {
    padding-top: 16px;
  }
}
article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-con-box .con-txt-box {
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 0.03em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout2 .list-wrap ul li .item-wrap .item-con-box .con-txt-box {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -0.01em;
  }
}

article.layer-contents-layout3.type-space1 {
  padding-top: 174px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3.type-space1 {
    padding-top: 50px;
  }
}
article.layer-contents-layout3 .list-wrap ul li + li {
  margin-top: 174px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li + li {
    margin-top: 96px;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-list {
  display: flex;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-list {
    flex-direction: column;
    padding-left: 0;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-list.type-list {
  padding-left: 0;
  flex-flow: row wrap;
  margin: -45px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-list.type-list {
    margin: 0;
    padding-top: 79px;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-list.type-list .item-box {
  width: calc(50% - 60px);
  margin: 45px 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-list.type-list .item-box {
    width: 100%;
    margin: 0;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-list.type-list .item-box + .item-box {
  margin: 45px 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-list.type-list .item-box + .item-box {
    margin: 76px 0 0 0;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box {
    display: flex;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box + .item-box {
  margin-left: 200px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box + .item-box {
    margin: 46px 0 0 0;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box .view-box {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .view-box {
    position: static;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .view-box .img-box.item-4 {
    padding-top: 62px;
    max-width: 220px;
    margin: 0 0 0 auto;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box .view-box .img-box img {
  max-width: 100%;
}
article.layer-contents-layout3 .list-wrap ul li .item-box.full {
  width: 100%;
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box {
  display: none;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box {
    display: block;
    margin-bottom: 16px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box.item-3 {
    max-width: 60px;
    height: 60px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box.item8 {
    width: 50px;
    height: 50px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box.home-who1 {
    position: absolute;
    right: 0;
    top: -2px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-mobile-img-box img {
    max-width: 100%;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-accent-box {
  font-family: "Noto Sans KR";
  font-size: 56px;
  line-height: 62px;
  letter-spacing: -0.032em;
  color: #262626;
  font-weight: 700;
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-accent-box {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 36px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-accent-box br {
    display: none;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box {
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box.m-mix {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box.m-mix2 {
    position: relative;
    display: flex;
    align-items: center;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box.m-mix2 .img-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 40px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box.m-mix2 .img-box img {
    max-width: 100%;
  }
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box .img-box.wedo-introduce3 {
  margin-right: 16px;
  width: 34px;
  height: 57px;
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-head-box .img-box.wedo-introduce3 img {
  max-width: 100%;
}
article.layer-contents-layout3 .list-wrap ul li .item-box .item-body-box {
  padding-top: 30px;
  font-size: 16px;
  line-height: 35px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-body-box {
    padding-top: 20px;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 21px;
  }
  article.layer-contents-layout3 .list-wrap ul li .item-box .item-body-box br {
    display: none;
  }
}
article.layer-contents-layout3 .more-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 72px;
}
article.layer-contents-layout3 .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.layer-contents-layout3 .more-box .more-btn .txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.08em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .more-box .more-btn .txt {
    font-size: 7px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.layer-contents-layout3 .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout3 .more-box .more-btn .ic-more {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
}

article.layer-contents-layout4 {
  padding-top: 250px;
  padding-bottom: 351px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 {
    padding: 35px 0 87px;
  }
}
article.layer-contents-layout4 .wrap {
  position: relative;
}
article.layer-contents-layout4 .mobile-more-box {
  display: none;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .mobile-more-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 34px;
  }
  article.layer-contents-layout4 .mobile-more-box .mobile-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  article.layer-contents-layout4 .mobile-more-box .mobile-more-btn .txt {
    padding-right: 7px;
    font-size: 8px;
    font-weight: 500;
    font-family: "Noto Sans KR";
    line-height: 28px;
    color: #00b0f0;
  }
  article.layer-contents-layout4 .mobile-more-box .mobile-more-btn .ic.ic-more {
    background: url("../img/ic_page_more.svg") no-repeat center/cover;
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .contents-view-box {
    width: 88px;
    height: 88px;
    margin-bottom: 20px;
  }
}
article.layer-contents-layout4 .contents-view-box img {
  max-width: 100%;
}
article.layer-contents-layout4 .item-box {
  position: absolute;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .item-box {
    position: static;
  }
  article.layer-contents-layout4 .item-box + .item-box {
    margin-top: 36px;
  }
}
article.layer-contents-layout4 .item-box.item-1 {
  left: 350px;
  top: -200px;
}
article.layer-contents-layout4 .item-box.item-2 {
  top: 80px;
  left: 742px;
}
article.layer-contents-layout4 .item-box.item-3 {
  top: 370px;
  left: 742px;
}
article.layer-contents-layout4 .item-box.item-4 {
  left: 350px;
  bottom: -181px;
}
article.layer-contents-layout4 .item-box .item-tit-box {
  font-size: 16px;
  line-height: 21px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .item-box .item-tit-box {
    font-size: 11px;
    letter-spacing: -0.01em;
    line-height: 15px;
  }
}
article.layer-contents-layout4 .item-box .item-con-box {
  padding-top: 13px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 31.5px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .item-box .item-con-box {
    padding-top: 4px;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: -0.02em;
  }
  article.layer-contents-layout4 .item-box .item-con-box br {
    display: none;
  }
}
article.layer-contents-layout4 .item-box .item-des-box {
  padding-top: 20px;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 25px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout4 .item-box .item-des-box {
    padding-top: 12px;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 18.5px;
  }
  article.layer-contents-layout4 .item-box .item-des-box br {
    display: none;
  }
}

article.layer-contents-layout5 .list-wrap ul li + li {
  margin-top: 120px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li + li {
    margin-top: 57px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box {
  display: flex;
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box {
  flex: 1;
  padding-top: 40px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box {
    width: 130px;
    padding-top: 12px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box {
  padding-bottom: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box {
    padding-bottom: 15px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box .ic-dot {
  margin-right: 8px;
  width: 9px;
  height: 13px;
  background-color: #1caff0;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box .ic-dot {
    width: 6px;
    height: 9px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .sub-box .txt {
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 13px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .subject-box {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #262626;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .subject-box {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-subject-box .img-box {
    padding-top: 25px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box {
  width: 650px;
  background-color: #ebebeb;
  padding: 45px 90px;
  border-left: 10px solid #23a9d8;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box {
    width: auto;
    flex: 1;
    padding: 25px 19px;
    border-width: 3px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box + .txt-group-box {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box + .txt-group-box {
    margin-top: 30px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box .txt-subject-box {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box .txt-subject-box {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 15px;
  }
}
article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box .txt-con-box {
  padding-top: 26px;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: -0.04em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box .txt-con-box {
    padding-top: 15px;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 18px;
  }
  article.layer-contents-layout5 .list-wrap ul li .item-box .item-con-box .txt-group-box .txt-con-box br {
    display: none;
  }
}

@media (max-width: 1024px) {
  section.wedo-introduce {
    padding-top: 105px;
  }
}

section.wedo-feature article.section-layout1 .section-img-box {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.wedo-feature article.section-layout1 .section-img-box {
    position: static;
    transform: none;
  }
  section.wedo-feature article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

section.wedo-work article.section-layout1 .section-img-box {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.wedo-work article.section-layout1 .section-img-box {
    position: static;
    transform: none;
  }
  section.wedo-work article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

section.wedo-record article.section-layout1 .section-img-box {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.wedo-record article.section-layout1 .section-img-box {
    position: static;
    transform: none;
  }
  section.wedo-record article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

section.about-symbol {
  padding-bottom: 63px;
  padding-top: 476px;
}
@media (max-width: 1024px) {
  section.about-symbol {
    padding-top: 105px;
    padding-bottom: 20px;
  }
}
section.about-symbol article.section-layout1 .section-img-box {
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.about-symbol article.section-layout1 .section-img-box {
    position: static;
    transform: none;
    align-items: flex-end;
  }
  section.about-symbol article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

article.txt-layout1 {
  padding-top: 145px;
}
@media (max-width: 1024px) {
  article.txt-layout1 {
    padding-top: 59px;
  }
}
article.txt-layout1 .txt-group-list .txt-group-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 1024px) {
  article.txt-layout1 .txt-group-list .txt-group-box {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01em;
  }
}
article.txt-layout1 .txt-group-list .txt-group-box + .txt-group-box {
  margin-top: 93px;
}
@media (max-width: 1024px) {
  article.txt-layout1 .txt-group-list .txt-group-box + .txt-group-box {
    margin-top: 26px;
  }
}
@media (max-width: 1024px) {
  article.txt-layout1 .txt-group-list .txt-group-box .img-box {
    padding-bottom: 18px;
  }
}
article.txt-layout1 .txt-group-list .txt-group-box .txt-img-box img {
  max-width: 100%;
}

article.record-layout1 {
  background: url("../img/img_layer_record_bg1.png") no-repeat center/100% 100%;
}
@media (max-width: 1024px) {
  article.record-layout1 {
    margin-top: 55px;
  }
}
article.record-layout1 .wrap {
  height: 100%;
}
@media (max-width: 1024px) {
  article.record-layout1 .wrap {
    height: 150px;
  }
}
article.record-layout1 .record-item-list {
  height: 606px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  article.record-layout1 .record-item-list {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-top: 35px;
  }
}
article.record-layout1 .record-item-box {
  text-align: center;
}
@media (max-width: 1024px) {
  article.record-layout1 .record-item-box + .record-item-box {
    margin-left: 25px;
  }
}
article.record-layout1 .record-item-box .cnt-box {
  font-family: "Arial Black";
  font-size: 130px;
  font-weight: 900;
  line-height: 183px;
  color: #404040;
}
@media (max-width: 1024px) {
  article.record-layout1 .record-item-box .cnt-box {
    font-family: "Noto Sans KR";
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 49px;
  }
}
article.record-layout1 .record-item-box .sub-box {
  text-align: center;
  font-weight: 300;
  color: #7f7f7f;
  font-size: 18px;
  line-height: 24px;
  padding-top: 8px;
}
@media (max-width: 1024px) {
  article.record-layout1 .record-item-box .sub-box {
    font-family: "Noto Sans KR";
    font-size: 10px;
    line-height: 14px;
    color: #000;
    padding-top: 6px;
  }
}

section.people-invite article.section-layout1 .section-img-box {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  section.people-invite article.section-layout1 .section-img-box {
    position: static;
    transform: none;
  }
  section.people-invite article.section-layout1 .section-img-box .img-box {
    max-width: 113px;
  }
}

article.people-list-layout1 .intro-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .intro-box {
    padding-bottom: 55px;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 13px;
  }
}
article.people-list-layout1 .list-wrap {
  padding: 0 60px;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap {
    padding: 0 20px;
  }
}
article.people-list-layout1 .list-wrap ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul {
    justify-content: flex-start;
    margin: -25px;
    flex-flow: row wrap;
  }
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li {
    width: calc(50% - 50px);
    margin: 25px;
  }
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box {
    max-width: 100px;
    margin: 0 auto;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .view-box {
  padding: 0 20px 20px;
  background-color: #55cad9;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .view-box {
    padding: 0 10px 10px;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .view-box .img-box {
  position: relative;
  top: -15px;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .view-box .img-box {
    top: -10px;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .view-box .img-box img {
  max-width: 100%;
}
article.people-list-layout1 .list-wrap ul li .item-box .info-box {
  position: relative;
  padding: 25px 0 30px;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .info-box {
    padding: 10px 5px 8px;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .info-box .subject-box {
  font-size: 20px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #000000;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .info-box .subject-box {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.03em;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .info-box .con-box {
  padding-top: 21px;
  font-size: 14px;
  line-height: 14px;
  font-family: "Noto Sans KR";
  letter-spacing: -0.02em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .info-box .con-box {
    font-size: 9px;
    padding-top: 5px;
    letter-spacing: -0.02em;
    line-height: 13px;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .info-box .email-box {
  position: absolute;
  right: 0;
}
article.people-list-layout1 .list-wrap ul li .item-box .info-box .email-box .email-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  background: url("../img/ic_email.svg") no-repeat center/cover;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .info-box .email-box .email-btn {
    width: 18px;
    height: 18px;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .more-box {
  display: flex;
  justify-content: flex-end;
}
article.people-list-layout1 .list-wrap ul li .item-box .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.people-list-layout1 .list-wrap ul li .item-box .more-box .more-btn .txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.08em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .more-box .more-btn .txt {
    font-size: 7px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.people-list-layout1 .list-wrap ul li .item-box .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  article.people-list-layout1 .list-wrap ul li .item-box .more-box .more-btn .ic-more {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
}

article.people-list-layout2 .list-wrap {
  padding: 0 60px;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap {
    padding: 0 0px;
  }
}
article.people-list-layout2 .list-wrap ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul {
    justify-content: flex-start;
    flex-direction: column;
  }
}
article.people-list-layout2 .list-wrap ul li {
  width: 33.33%;
}
article.people-list-layout2 .list-wrap ul li + li {
  margin-left: 80px;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li {
    width: 100%;
  }
}
article.people-list-layout2 .list-wrap ul li .item-box .view-box .img-box {
  text-align: center;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .view-box .img-box {
    width: 80px;
    height: 80px;
    text-align: left;
  }
}
article.people-list-layout2 .list-wrap ul li .item-box .view-box .img-box img {
  max-width: 100%;
}
article.people-list-layout2 .list-wrap ul li .item-box .info-box {
  position: relative;
  padding: 25px 0 0;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .info-box {
    padding: 23px 0 0;
  }
}
article.people-list-layout2 .list-wrap ul li .item-box .info-box .subject-box {
  text-align: center;
  font-size: 24px;
  font-family: "Noto Sans KR";
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .info-box .subject-box {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 21px;
  }
}
article.people-list-layout2 .list-wrap ul li .item-box .info-box .con-box {
  padding-top: 26px;
  text-align: center;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .info-box .con-box {
    padding-top: 12px;
    text-align: left;
  }
}
article.people-list-layout2 .list-wrap ul li .item-box .info-box .con-box .con-txt-box {
  text-align: left;
  display: inline-block;
  font-size: 16px;
  line-height: 27px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .info-box .con-box .con-txt-box {
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 18px;
  }
}
@media (max-width: 1024px) {
  article.people-list-layout2 .list-wrap ul li .item-box .info-box .con-box .con-txt-box br {
    display: none;
  }
}

article.apply-layout1 {
  padding-top: 188px;
}
@media (max-width: 1024px) {
  article.apply-layout1 {
    padding-top: 98px;
  }
}
article.apply-layout1 .intro-box {
  font-size: 22px;
  line-height: 29px;
  padding-bottom: 122px;
}
@media (max-width: 1024px) {
  article.apply-layout1 .intro-box {
    font-size: 18px;
    font-family: "Noto Sans KR";
    letter-spacing: -0.02em;
    line-height: 24px;
    padding-bottom: 68px;
    font-weight: 700;
  }
}
article.apply-layout1 .img-box {
  padding: 0 60px;
  text-align: center;
}
@media (max-width: 1024px) {
  article.apply-layout1 .img-box {
    padding: 0;
    text-align: left;
    max-width: 360px;
  }
}
article.apply-layout1 .img-box img {
  max-width: 100%;
}
article.apply-layout1 .menu-box {
  padding-top: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  article.apply-layout1 .menu-box {
    padding-top: 54px;
  }
}
article.apply-layout1 .menu-box .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 2px solid #1cb0f0;
  width: 340px;
  font-size: 18px;
  font-family: "Noto Sans KR";
  letter-spacing: 0.5em;
  color: #1cb0f0;
}
@media (max-width: 1024px) {
  article.apply-layout1 .menu-box .menu-btn {
    width: 240px;
    height: 35px;
    border-width: 1px;
    font-size: 10px;
  }
}

article.ceo-layout1 .ceo-head-box {
  display: flex;
  margin-bottom: 98px;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box {
    margin-bottom: 67px;
    flex-direction: column;
    position: relative;
  }
}
article.ceo-layout1 .ceo-head-box .info-box {
  flex: 1;
  padding: 80px 0 0;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box .info-box {
    padding: 0;
  }
}
article.ceo-layout1 .ceo-head-box .info-box .subject-box {
  font-size: 24px;
  font-weight: 700;
  line-height: 37px;
  padding-bottom: 38px;
  border-bottom: 1px solid #b5b5b5;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box .info-box .subject-box {
    border: 0;
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02em;
  }
}
article.ceo-layout1 .ceo-head-box .info-box .con-box {
  padding-top: 38px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box .info-box .con-box {
    position: absolute;
    bottom: -20px;
    left: 0;
    padding-top: 0;
    font-size: 9px;
    letter-spacing: -0.02em;
  }
}
article.ceo-layout1 .ceo-head-box .info-box .con-box b {
  margin-right: 11px;
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 16px;
  letter-spacing: 0.03em;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box .info-box .con-box b {
    margin-right: 9px;
    font-size: 11px;
    letter-spacing: -0.02em;
  }
}
article.ceo-layout1 .ceo-head-box .view-box {
  width: 528px;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-head-box .view-box {
    width: 100%;
  }
}
article.ceo-layout1 .ceo-head-box .view-box .img-box img {
  max-width: 100%;
}
article.ceo-layout1 .ceo-body-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box {
    flex-direction: column;
    justify-content: flex-start;
  }
}
article.ceo-layout1 .ceo-body-box .img-box {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box .img-box {
    position: static;
    margin-bottom: 19px;
    width: 91px;
    height: 91px;
  }
}
article.ceo-layout1 .ceo-body-box .img-box img {
  max-width: 100%;
}
article.ceo-layout1 .ceo-body-box .txt-list-box {
  max-width: 620px;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box .txt-list-box {
    width: 100%;
  }
}
article.ceo-layout1 .ceo-body-box .txt-list-box .txt-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 29px;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box .txt-list-box .txt-box {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -0.01em;
  }
}
article.ceo-layout1 .ceo-body-box .txt-list-box .txt-box + .txt-box {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box .txt-list-box .txt-box + .txt-box {
    margin-top: 16px;
  }
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-body-box .txt-list-box .txt-box br {
    display: none;
  }
}
article.ceo-layout1 .ceo-foot-box {
  margin-top: 98px;
  border-top: 1px solid #b5b5b5;
  padding: 50px 20px 0;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-foot-box {
    margin-top: 25px;
    padding: 30px 0 0;
  }
}
article.ceo-layout1 .ceo-foot-box .foot-txt-box {
  font-size: 16px;
  line-height: 39px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.ceo-layout1 .ceo-foot-box .foot-txt-box {
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 21px;
  }
  article.ceo-layout1 .ceo-foot-box .foot-txt-box br {
    display: none;
  }
}

section.people-contact {
  padding-top: 250px;
}
@media (max-width: 1024px) {
  section.people-contact {
    padding-top: 111px;
  }
}
section.people-contact .contact-head-box {
  text-align: center;
  padding-bottom: 104px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box {
    padding-bottom: 29px;
  }
}
section.people-contact .contact-head-box .tit-txt {
  font-family: "Arial Black";
  font-size: 42px;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 59px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box .tit-txt {
    font-size: 24px;
    letter-spacing: -0.05em;
    line-height: 33px;
  }
}
section.people-contact .contact-head-box .sub-box {
  padding-top: 132px;
  position: relative;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box .sub-box {
    padding-top: 47px;
  }
}
section.people-contact .contact-head-box .sub-box:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 68px;
  transform: translateX(-50%);
  height: 2px;
  width: 12px;
  background-color: #7f7f7f;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box .sub-box:after {
    width: 8px;
    height: 1px;
    top: 24px;
  }
}
section.people-contact .contact-head-box .sub-box .sub-txt {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #404040;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box .sub-box .sub-txt {
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 15px;
  }
}
section.people-contact .contact-head-box .sub-box .sub-des-txt {
  color: #404040;
  padding-top: 45px;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 21px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-head-box .sub-box .sub-des-txt {
    padding-top: 30px;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: -0.045em;
    color: #7f7f7f;
  }
}
section.people-contact .contact-bg-box img {
  width: 100%;
  max-width: 100%;
}
section.people-contact .contact-location-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 222px 0;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box {
    padding: 47px 48px;
    flex-direction: column;
    align-items: flex-start;
  }
}
section.people-contact .contact-location-box .info-box .lettering-box {
  padding-bottom: 87px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .info-box .lettering-box {
    display: none;
  }
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .info-box .info-txt-box {
    background: url("../img/img_about_contact_info_m.svg") no-repeat left center;
    padding-left: 62px;
  }
}
section.people-contact .contact-location-box .info-box .info-txt-box .main-box {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 28px;
  font-family: "Noto Sans KR";
  color: #333333;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .info-box .info-txt-box .main-box {
    padding-bottom: 11px;
    font-size: 12px;
    line-height: 14px;
  }
}
section.people-contact .contact-location-box .info-box .info-txt-box .sub-box {
  font-family: "Noto Sans KR";
  font-size: 17px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #7f7f7f;
}
section.people-contact .contact-location-box .info-box .info-txt-box .sub-box .sub-txt {
  display: inline;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .info-box .info-txt-box .sub-box .sub-txt {
    display: block;
    font-size: 10px;
    letter-spacing: -0.02em;
    line-height: 12px;
    padding-bottom: 16px;
  }
}
section.people-contact .contact-location-box .info-box .info-txt-box .sub-box .item {
  display: inline;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .info-box .info-txt-box .sub-box .item {
    display: block;
    font-size: 10px;
    letter-spacing: -0.02em;
    line-height: 18px;
  }
}
section.people-contact .contact-location-box .view-box {
  padding-left: 209px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .view-box {
    padding: 44px 0 0 0;
  }
}
section.people-contact .contact-location-box .view-box .img-box {
  max-width: 560px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-location-box .view-box .img-box {
    max-width: 100%;
  }
}
section.people-contact .contact-location-box .view-box .img-box img {
  max-width: 100%;
}
section.people-contact .contact-img-box {
  display: flex;
  padding-bottom: 9px;
  font-size: 0;
}
@media (max-width: 1024px) {
  section.people-contact .contact-img-box {
    padding-bottom: 2px;
  }
}
section.people-contact .contact-img-box .list-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.people-contact .contact-img-box .list-box .item-box {
  width: 100%;
}
@media (max-width: 1024px) {
  section.people-contact .contact-img-box .list-box .item-box:last-child {
    display: none;
  }
}
section.people-contact .contact-img-box .list-box .item-box + .item-box {
  margin-left: 9px;
}
@media (max-width: 1024px) {
  section.people-contact .contact-img-box .list-box .item-box + .item-box {
    margin-left: 2px;
  }
}
section.people-contact .contact-img-box .list-box .item-box .img-box img {
  width: 100%;
  max-width: 100%;
}

article.about-vision-layout .vision-introduce-group {
  padding-top: 163px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-introduce-group {
    padding-top: 84px;
  }
}
article.about-vision-layout .vision-introduce-group .wrap {
  display: flex;
  justify-content: space-between;
}
article.about-vision-layout .vision-introduce-group .wrap .info-box .tit-box {
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 32px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-introduce-group .wrap .info-box .tit-box {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 22px;
    padding-bottom: 20px;
  }
}
article.about-vision-layout .vision-introduce-group .wrap .info-box .con-box {
  font-size: 16px;
  line-height: 28px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-introduce-group .wrap .info-box .con-box {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
  }
}
article.about-vision-layout .vision-introduce-group .wrap .view-box {
  padding-top: 60px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-introduce-group .wrap .view-box {
    display: none;
  }
}
article.about-vision-layout .vision-introduce-group .wrap .view-box .img-box img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group {
    position: relative;
    padding-top: 110px;
  }
}
article.about-vision-layout .vision-feature-group .feature-img-box {
  text-align: center;
  padding-bottom: 108px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-img-box {
    padding-bottom: 40px;
  }
}
article.about-vision-layout .vision-feature-group .feature-img-box img {
  max-width: 100%;
}
article.about-vision-layout .vision-feature-group .feature-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-list {
    align-items: flex-start;
    margin: 0 -15px;
  }
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
  }
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box:first-child {
    position: absolute;
    left: 70px;
    right: 70px;
    top: 10px;
    width: 45%;
  }
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box + .feature-item-box {
    margin: 0 15px;
  }
}
article.about-vision-layout .vision-feature-group .feature-list .feature-item-box .tit-box {
  padding-bottom: 22px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 28px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box .tit-box {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    padding-bottom: 11px;
  }
}
article.about-vision-layout .vision-feature-group .feature-list .feature-item-box .con-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 27px;
}
@media (max-width: 1024px) {
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box .con-box {
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 14px;
  }
  article.about-vision-layout .vision-feature-group .feature-list .feature-item-box .con-box br {
    display: none;
  }
}

section.home-leadership {
  padding-top: 160px;
}
@media (max-width: 1024px) {
  section.home-leadership {
    padding-top: 50px;
  }
}

section.home-board .head-group-box .section-contents-box {
  padding-top: 157px;
  padding-bottom: 157px;
}
section.home-board .bg-box img {
  width: 100%;
  max-width: 100%;
}

article.people-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.people-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
article.people-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 1170px;
  width: 100%;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.people-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.people-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.people-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.people-layer .layer-wrap .people-group {
  display: flex;
  padding-bottom: 70px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group {
    padding-bottom: 0;
    flex-direction: column;
    max-height: 80vh;
    overflow: auto;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box {
  padding: 90px 83px 0;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box {
    padding: 20px;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box + .info-item-box {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box + .info-item-box {
    margin-top: 12px;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-head-box {
  color: #00b0f0;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 20px;
  padding-bottom: 8px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-head-box {
    padding-bottom: 10px;
    font-size: 10px;
    line-height: 10px;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row {
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
  color: #7f7f7f;
  letter-spacing: -0.01em;
  text-indent: -8px;
  padding-left: 8px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row {
    font-size: 10px;
    line-height: 20px;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row.space {
  margin-top: 10px;
  padding-left: 0;
  text-indent: 0;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row.space {
    margin-top: 5px;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row .year-txt {
  display: inline-block;
  width: 110px;
  padding-left: 10px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-info-box .info-list .info-item-box .info-body-box .row .year-txt {
    width: 60px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box {
  width: 582px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box {
    width: 100%;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box {
  background-color: #fec100;
  padding: 40px 70px 31px;
  display: flex;
  height: 197px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box {
    align-items: flex-end;
    padding: 20px;
    height: 150px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .img-box {
  position: relative;
  width: 230px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .img-box {
    height: 100%;
    width: 114px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .img-box img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  width: 100%;
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box {
  padding-left: 26px;
  padding-top: 45px;
  color: #fff;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box {
    padding-left: 16px;
    padding-top: 0;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .top-box {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 22px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .top-box {
    font-size: 14px;
    line-height: 14px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .mid-box {
  padding-top: 17px;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 20px;
  font-weight: 300;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .mid-box {
    font-size: 10px;
    line-height: 10px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .bottom-box {
  padding-top: 13px;
  font-size: 14px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  letter-spacing: -0.02em;
  line-height: 14px;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-head-box .basic-box .bottom-box {
    font-size: 10px;
    line-height: 10px;
    padding-top: 5px;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-body-box {
  padding: 180px 70px 0;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-body-box {
    min-height: 100%;
    padding: 32px 20px 0;
  }
}
article.people-layer .layer-wrap .people-group .people-view-box .view-body-box .view-des-box {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  article.people-layer .layer-wrap .people-group .people-view-box .view-body-box .view-des-box {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
}
article.people-layer .layer-wrap .people-group .people-info-box {
  flex: 1;
  min-width: 0;
}

article.help-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.help-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.help-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 770px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.help-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.help-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.help-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.help-layer .layer-wrap .help-group {
  padding: 70px 77px 70px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-group {
    padding: 35px 20px;
  }
}
article.help-layer .layer-wrap .help-group .logo-box .img-box {
  text-align: center;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-group .logo-box .img-box {
    max-width: 55px;
    margin: 0 auto;
  }
}
article.help-layer .layer-wrap .help-group .logo-box .img-box img {
  max-width: 100%;
}
article.help-layer .layer-wrap .help-group .logo-box .txt-box {
  text-align: center;
  font-size: 14px;
  font-family: "Arial Black";
  color: #898989;
  padding-top: 14px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-group .logo-box .txt-box {
    font-size: 12px;
    padding-top: 11px;
    line-height: 14px;
  }
}
article.help-layer .layer-wrap .help-menu-group {
  padding-top: 94px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group {
    padding-top: 40px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-tit-box {
  padding-bottom: 17px;
  font-size: 32px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 43px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-tit-box {
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-msg-box {
  padding-top: 36px;
  font-size: 11px;
  letter-spacing: -0.01em;
  color: #7f7f7f;
  line-height: 25px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-msg-box {
    padding-top: 20px;
    font-size: 10px;
    line-height: 15px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-list {
    flex-direction: column;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box {
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 12px 15px;
  border: 1px solid #eaeaea;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box {
    padding: 8px 12px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box + .menu-btn-box {
  margin-left: 16px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box + .menu-btn-box {
    margin: 12px 0 0;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .ic-box .ic {
  width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .ic-box .ic {
    width: 30px;
    height: 30px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .ic-box .ic.ic-email {
  background: url("../img/ic_help_email.svg") no-repeat center/cover;
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .ic-box .ic.ic-kakao {
  background: url("../img/ic_help_kakao.svg") no-repeat center/cover;
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .ic-box .ic.ic-tel {
  background: url("../img/ic_help_tel.svg") no-repeat center/cover;
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .info-box {
  padding-left: 12px;
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .info-box .main-box {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
@media (max-width: 1024px) {
  article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .info-box .main-box {
    font-size: 12px;
    line-height: 16px;
  }
}
article.help-layer .layer-wrap .help-menu-group .menu-list .menu-btn-box .info-box .sub-box {
  font-size: 10px;
  letter-spacing: -0.01em;
  line-height: 13px;
  padding-top: 2px;
}

article.help-form-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.help-form-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.help-form-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 650px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.help-form-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.help-form-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.help-form-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.help-form-layer .layer-wrap .help-form-group {
  padding: 38px 77px 38px 256px;
  position: relative;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group {
    padding: 30px 20px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .logo-box {
  position: absolute;
  left: 34px;
  top: 38px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .logo-box {
    position: static;
  }
}
article.help-form-layer .layer-wrap .help-form-group .logo-box .img-box {
  text-align: center;
  max-width: 58px;
  margin: 0 auto;
}
article.help-form-layer .layer-wrap .help-form-group .logo-box .img-box img {
  max-width: 100%;
}
article.help-form-layer .layer-wrap .help-form-group .logo-box .txt-box {
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  font-family: "Arial Black";
  color: #898989;
  padding-top: 11px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .logo-box .txt-box {
    padding-top: 6px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box {
  width: 100%;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box {
    padding-top: 20px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-tit-box {
  font-size: 36px;
  font-family: "Arial Black";
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 51px;
  color: #747474;
  padding-bottom: 34px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-tit-box {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 15px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box {
  width: 100%;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row {
  display: flex;
  width: 100%;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row + .row {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row + .row {
    margin-top: 15px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .submit-btn-box {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .submit-btn-box .submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 123px;
  height: 32px;
  background-color: #fec100;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  letter-spacing: 0.04em;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box {
  width: calc(50% - 12.5px);
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box.full {
  width: 100%;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box + .item-box {
  margin-left: 25px;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .subject-box {
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding-bottom: 5px;
  line-height: 15px;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .subject-box .file-upload-btn label {
  cursor: pointer;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .subject-box .file-upload-btn label input {
  position: absolute;
  left: 0;
  transform: scale(0);
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .subject-box .file-upload-btn label i {
  margin-left: 7px;
  background: url("../img/ic_file_upload.svg") no-repeat center/cover;
  width: 10px;
  height: 10px;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box .file-name-box {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 0 6px;
  font-size: 12px;
  height: 29px;
  outline: none;
  width: 100%;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box .file-name-box {
    height: 25px;
    font-size: 11px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box input {
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 0 6px;
  font-size: 12px;
  height: 29px;
  outline: none;
  width: 100%;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box input:focus {
  border: 1px solid #00b0f0;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box input {
    height: 25px;
    font-size: 11px;
  }
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box textarea {
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 6px;
  font-size: 12px;
  outline: none;
  width: 100%;
  resize: none;
  height: 97px;
}
article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box textarea:focus {
  border: 1px solid #00b0f0;
}
@media (max-width: 1024px) {
  article.help-form-layer .layer-wrap .help-form-group .form-group-box .form-box .row .item-box .con-box textarea {
    height: 60px;
    font-size: 11px;
  }
}

article.newsletter-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.newsletter-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.newsletter-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 1440px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.newsletter-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.newsletter-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.newsletter-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group {
  padding: 142px 140px 80px;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group {
    padding: 61px 24px 70px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body {
  padding: 60px 60px 0;
  border-top: 1px solid #767676;
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body {
    border-top: 0;
    margin-top: 0;
    padding: 55px 0 0;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .subject-box {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.04em;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .subject-box {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
  }
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .subject-box br {
    display: none;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .will-box {
  padding-top: 44px;
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  letter-spacing: 0.04em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .will-box {
    padding-top: 33px;
    font-size: 10px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .msg-box {
  padding-top: 47px;
  font-size: 18px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  letter-spacing: 0.04em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .msg-box {
    padding-top: 65px;
    font-size: 12px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box {
    padding-top: 20px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box .more-btn .txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box .more-btn .txt {
    font-family: "Noto Sans KR";
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-body .more-box .more-btn .ic-more {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head {
    align-items: flex-end;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .view-box {
  position: relative;
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .view-box:after {
  content: "";
  background: url("../img/img_newsletter_item1.svg") no-repeat center/cover;
  width: 102px;
  height: 102px;
  right: -80px;
  top: -70px;
  position: absolute;
  z-index: 10;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .view-box:after {
    display: none;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .view-box .img-box {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .view-box .img-box img {
  max-width: 100%;
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box {
  padding-top: 25px;
  text-align: right;
  position: relative;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box {
    padding-top: 0;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .tit-box {
  font-family: "Arial Black";
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.005em;
  line-height: 42px;
  color: #767171;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .tit-box {
    font-size: 11px;
    line-height: 15px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .version-box {
  margin-top: 12px;
  color: #767171;
  font-size: 14px;
  font-weight: 600;
  font-family: "Noto Sans KR";
  letter-spacing: -0.005em;
  line-height: 19px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .version-box {
    margin-top: 0;
    font-size: 9px;
    font-weight: 300;
    line-height: 15px;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .version-box:before {
  content: "";
  position: absolute;
  width: 289px;
  right: 130px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #767171;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .version-box:before {
    display: none;
  }
}
article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .sub-box {
  font-size: 14px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  color: #7f7f7f;
  position: absolute;
  bottom: -5px;
  right: 0;
  white-space: nowrap;
  z-index: 20;
}
@media (max-width: 1024px) {
  article.newsletter-layer .layer-wrap .newsletter-group .newsletter-head .info-box .sub-box {
    display: none;
  }
}

article.layer-board-layout {
  padding-top: 124px;
}
@media (max-width: 1024px) {
  article.layer-board-layout {
    padding-top: 60px;
  }
}
article.layer-board-layout .board-view-head .view-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fec100;
  height: 50px;
  padding: 0 34px;
  font-weight: 300;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-head .view-head-box {
    padding: 0 10px;
    height: 30px;
  }
}
article.layer-board-layout .board-view-head .view-head-box .head-box {
  font-size: 17px;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-head .view-head-box .head-box {
    font-size: 11px;
  }
}
article.layer-board-layout .board-view-head .view-head-box .date-box {
  font-size: 17px;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-head .view-head-box .date-box {
    font-size: 11px;
  }
}
article.layer-board-layout .board-view-tit-box {
  padding: 88px 0 27px;
  text-align: center;
  font-size: 40px;
  letter-spacing: -0.06em;
  line-height: 60px;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-tit-box {
    padding: 45px 0 39px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.05em;
  }
}
article.layer-board-layout .board-head-box {
  padding-bottom: 42px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-head-box {
    padding-bottom: 13px;
  }
}
article.layer-board-layout .board-head-box .main-box {
  font-size: 42px;
  font-family: "Arial Black";
  font-weight: 900;
  line-height: 42px;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-head-box .main-box {
    font-size: 20px;
    line-height: 33px;
  }
}
article.layer-board-layout .board-head-box .main-box .accent {
  color: #ffc000;
}
article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box {
  display: block;
  background: url("../img/ic_board_link.svg") no-repeat right 32px center/45px 45px;
  padding: 42px 100px 42px 32px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box {
    padding: 14px 50px 14px 0;
    background-size: 28px 28px;
    background-position: center right;
  }
}
article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .type-box {
  color: #7f7f7f;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 22px;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .type-box {
    font-size: 10px;
    padding-bottom: 9px;
  }
  article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .type-box .mobile {
    display: inline-flex !important;
    margin-left: 10px;
  }
}
article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .subject-box {
  font-size: 17px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .subject-box {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 16px;
    height: 32px;
    max-width: 100%;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: initial;
    white-space: initial;
  }
}
article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .date-box {
  padding-top: 14px;
  font-family: "Noto Sans KR";
  font-size: 13px;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-list-box .list-wrap ul li .board-item-box .date-box {
    display: none;
  }
}
article.layer-board-layout .board-view-menu-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
  margin-top: 130px;
  border-top: 1px solid #bfbfbf;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-menu-box {
    padding-top: 30px;
    margin-top: 30px;
  }
}
article.layer-board-layout .board-view-menu-box .menu-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fec100;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.02em;
  border-radius: 3px;
  height: 42px;
  width: 164px;
}
@media (max-width: 1024px) {
  article.layer-board-layout .board-view-menu-box .menu-box {
    width: 68px;
    height: 20px;
    font-size: 10px;
    font-weight: 300;
  }
}

article.layer-terms-layout {
  padding-top: 160px;
}
article.layer-terms-layout * {
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.layer-terms-layout {
    padding-top: 68px;
  }
}
article.layer-terms-layout .terms-head-box {
  padding-bottom: 45px;
  margin-bottom: 90px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-head-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
article.layer-terms-layout .terms-head-box .main-box {
  font-size: 42px;
  font-family: "Arial Black";
  font-weight: 900;
  line-height: 42px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-head-box .main-box {
    font-size: 20px;
    line-height: 33px;
  }
}
article.layer-terms-layout .terms-head-box .main-box .accent {
  color: #ffc000;
}
article.layer-terms-layout .terms-head-box .sub-box {
  padding-top: 19px;
  font-family: "Noto Sans KR";
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-head-box .sub-box {
    font-size: 12px;
    padding-top: 8px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box + .terms-box {
  margin-top: 78px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box + .terms-box {
    margin-top: 40px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-tit-box {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 700;
  padding-bottom: 37px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-tit-box {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 17px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box {
  display: flex;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box {
    flex-direction: column;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .view-box {
  width: 592px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .view-box {
    width: 100%;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .view-box img {
  max-width: 100%;
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box {
  padding-left: 42px;
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box {
    padding: 20px 0 0 0;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box + .info-item-box {
  margin-top: 76px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box + .info-item-box {
    margin-top: 22px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box .info-head-box {
  font-size: 19px;
  letter-spacing: -0.03em;
  line-height: 26px;
  padding-bottom: 29px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box .info-head-box {
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    padding-bottom: 18px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-subject-box {
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 30px;
  padding-bottom: 34px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-subject-box {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 20px;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-txt-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-txt-box {
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 20px;
  }
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-txt-box br {
    display: none;
  }
}
article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-txt-box + .terms-txt-box {
  margin-top: 35px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-body-box .terms-box .terms-con-box .terms-txt-box + .terms-txt-box {
    margin-top: 25px;
  }
}
article.layer-terms-layout .terms-foot-box {
  padding-top: 78px;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 300;
  font-family: "Noto Sans KR";
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-foot-box {
    font-size: 12px;
    line-height: 12px;
    padding-top: 20px;
  }
}
article.layer-terms-layout .terms-foot-box .more-box {
  display: flex;
  justify-content: flex-end;
}
article.layer-terms-layout .terms-foot-box .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.layer-terms-layout .terms-foot-box .more-box .more-btn .txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-foot-box .more-box .more-btn .txt {
    font-size: 7px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.layer-terms-layout .terms-foot-box .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1024px) {
  article.layer-terms-layout .terms-foot-box .more-box .more-btn .ic-more {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
}

article.form-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.form-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.form-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 480px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.form-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.form-layer .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.form-layer .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.form-layer .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.form-layer .layer-contents .form-group {
  padding: 35px 0 40px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group {
    padding: 40px 0 30px;
  }
}
article.form-layer .layer-contents .form-group .form-tit-box {
  position: relative;
  padding: 0 40px 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-tit-box {
    font-size: 14px;
    line-height: 18px;
    padding: 0 32px 25px;
  }
}
article.form-layer .layer-contents .form-group .form-tit-box:after {
  content: "";
  position: absolute;
  left: 47px;
  top: -13px;
  width: 9px;
  height: 9px;
  background-color: #1caff0;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-tit-box:after {
    left: 38px;
    top: -8px;
    width: 7px;
    height: 7px;
  }
}
article.form-layer .layer-contents .form-group .form-img-box img {
  max-width: 100%;
  width: 100%;
}
article.form-layer .layer-contents .form-group .form-contents {
  padding: 25px 48px 0;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents {
    padding: 25px 17px 0;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row {
  display: flex;
}
article.form-layer .layer-contents .form-group .form-contents .row + .row {
  margin-top: 22px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row + .row {
    margin-top: 18px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row.full {
  flex-direction: column;
}
article.form-layer .layer-contents .form-group .form-contents .row.full .subject-box {
  width: 100%;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row.m-space-small {
    padding-left: 56px;
    margin-top: 6px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .file-upload-btn-box label input {
  position: absolute;
  left: -9999px;
  transform: scale(0);
}
article.form-layer .layer-contents .form-group .form-contents .row .file-upload-btn-box label .file-upload-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
}
article.form-layer .layer-contents .form-group .form-contents .row .file-upload-btn-box label .file-upload-btn .upload-txt {
  font-size: 11px;
  letter-spacing: -0.01em;
  color: #000;
}
article.form-layer .layer-contents .form-group .form-contents .row .file-upload-btn-box label .file-upload-btn .ic {
  margin-left: 8px;
}
article.form-layer .layer-contents .form-group .form-contents .row .file-upload-btn-box label .file-upload-btn .ic.ic-upload {
  background: url("../img/ic_file_upload.svg") no-repeat center/cover;
  width: 10px;
  height: 10px;
}
article.form-layer .layer-contents .form-group .form-contents .row .subject-box {
  width: 85px;
  position: relative;
  font-size: 11px;
  line-height: 36px;
  letter-spacing: -0.01em;
  font-weight: 700;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .subject-box {
    width: 56px;
    font-size: 11px;
    line-height: 28px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .con-box {
    width: 100%;
  }
  article.form-layer .layer-contents .form-group .form-contents .row .con-box .sbox {
    width: 100% !important;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-name-box {
  display: flex;
  align-items: center;
  height: 36px;
  width: 100%;
  padding: 0 14px;
  border: 1px solid #acacac;
  font-family: "Noto Sans KR";
  font-size: 12px;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-name-box {
    height: 28px;
    padding: 0 9px;
    font-size: 10px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-upload-box label input {
  position: absolute;
  left: -9999px;
  transform: scale(0);
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-upload-box label .file-upload-btn {
  font-size: 12px;
  font-family: "Noto Sans KR";
  letter-spacing: 0.04em;
  color: #1aa5eb;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 36px;
  width: 104px;
  border: 1px solid #1aa5eb;
  padding: 0 23px 0 14px;
  position: relative;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-upload-box label .file-upload-btn {
    width: 82px;
    height: 28px;
    padding: 0 9px;
    font-size: 10px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-upload-box label .file-upload-btn:after {
  content: "";
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_file_upload_arrow.svg") no-repeat center/cover;
  width: 9px;
  height: 7px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .con-box .file-upload-box label .file-upload-btn:after {
    right: 9px;
  }
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .textbox textarea {
  outline: none;
  border: 1px solid #acacac;
  padding: 13px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 18px;
  border-radius: 0;
  height: 110px;
}
article.form-layer .layer-contents .form-group .form-contents .row .con-box .textbox textarea:focus {
  border: 1px solid #00b0f0;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .form-contents .row .con-box .textbox textarea {
    font-size: 12px;
    line-height: 16px;
    padding: 8px;
    height: 86px;
  }
}
article.form-layer .layer-contents .form-group .msg-menu-box {
  display: flex;
  justify-content: center;
  padding-top: 47px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .msg-menu-box {
    padding-top: 30px;
  }
}
article.form-layer .layer-contents .form-group .msg-menu-box .msg-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  width: 160px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .msg-menu-box .msg-menu-btn {
    font-size: 10px;
    width: 83px;
    height: 21px;
  }
}
article.form-layer .layer-contents .form-group .msg-menu-box .msg-menu-btn + .msg-menu-btn {
  margin-left: 34px;
}
@media (max-width: 1024px) {
  article.form-layer .layer-contents .form-group .msg-menu-box .msg-menu-btn + .msg-menu-btn {
    margin-left: 5px;
  }
}
article.form-layer .layer-contents .form-group .msg-menu-box .msg-menu-btn.type-1 {
  background-color: #fec100;
  color: #fff;
}

article.customer-register-popup-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}
article.customer-register-popup-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.customer-register-popup-layer .customer-register-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 850px;
  height: 500px;
  background-color: #fff;
  border-radius: 15px;
  padding: 90px 90px 65px 75px;
}
article.customer-register-popup-layer .customer-register-popup .ic-cancel-btn {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 20px;
  cursor: pointer;
}
article.customer-register-popup-layer .customer-register-popup .main-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
article.customer-register-popup-layer .customer-register-popup .main-area .divider {
  width: 1px;
  height: 319px;
  background-color: #000;
}
article.customer-register-popup-layer .customer-register-popup .main-area .description-area .head-line-text {
  font-family: "Microsoft YaHei UI";
  font-size: 45px;
  font-weight: bold;
  color: #484848;
  line-height: 52px;
  letter-spacing: -0.05em;
}
article.customer-register-popup-layer .customer-register-popup .main-area .description-area .head-line-text span {
  font-size: 40px;
}
article.customer-register-popup-layer .customer-register-popup .main-area .description-area .description-text {
  font-family: "Noto Sans";
  font-size: 15px;
  color: #161616;
  line-height: 24px;
  padding-top: 20px;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area input {
  font-family: "Inter";
  font-size: 15px;
  color: #fff;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area input::placeholder {
  color: #fff;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .option-input {
  outline: none;
  width: 250px;
  height: 54px;
  padding: 0 20px;
  background-color: rgba(37, 37, 37, 0.9);
  border-bottom: 3px solid #838383;
  border-radius: 5px 5px 0 0;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content {
  position: relative;
  width: 250px;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .toggle-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0 20px;
  background-color: rgba(37, 37, 37, 0.9);
  border-bottom: 3px solid #838383;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .toggle-box input {
  width: 180px;
  background-color: transparent;
  pointer-events: none;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .toggle-box::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ffffff;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .dropdown-box {
  position: absolute;
  top: -66px;
  left: 260px;
  width: 100%;
  padding: 20px 9px 14px;
  background-color: #fff;
  border: 1px solid #ababab;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .dropdown-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #00B0F0;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .dropdown-box ul {
  list-style: none;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .dropdown-box ul li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  padding-left: 11px;
  font-family: "Inter";
  font-size: 15px;
  color: #161616;
  cursor: pointer;
}
article.customer-register-popup-layer .customer-register-popup .main-area .select-option-area .select-option-content .dropdown-box ul li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
article.customer-register-popup-layer .customer-register-popup .btn-area {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 13px;
  padding-top: 15px;
}
article.customer-register-popup-layer .customer-register-popup .btn-area .btn {
  font-family: "Noto Sans";
  font-size: 15px;
  color: #161616;
  line-height: 24px;
  cursor: pointer;
}
article.customer-register-popup-layer .customer-register-popup .btn-area .divider {
  width: 1px;
  height: 12px;
  background-color: #000;
}

article.msg-new-layer,
article.msg-model-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 502;
}
article.msg-new-layer.deal-list .msg-type-box img,
article.msg-model-layer.deal-list .msg-type-box img {
  width: 227px;
}
article.msg-new-layer:before,
article.msg-model-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.msg-new-layer .layer-wrap,
article.msg-model-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 310px;
  width: calc(100% - 70px);
}
article.msg-new-layer .layer-contents,
article.msg-model-layer .layer-contents {
  position: relative;
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
}
article.msg-new-layer .layer-contents .layer-close-box,
article.msg-model-layer .layer-contents .layer-close-box {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 10;
}
article.msg-new-layer .layer-contents .layer-close-box .layer-close-btn,
article.msg-model-layer .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_msg_new_layer_close_black.svg") no-repeat center;
  width: 24px;
  height: 24px;
  z-index: 10;
}
article.msg-new-layer .layer-contents .msg-group,
article.msg-model-layer .layer-contents .msg-group {
  padding: 75px 26px 24px;
  height: 275px;
  position: relative;
}
article.msg-new-layer .layer-contents .msg-group:after,
article.msg-model-layer .layer-contents .msg-group:after {
  content: "";
  position: absolute;
  right: -33px;
  bottom: -42px;
  background: url("../img/img_msg_layer_arrow.svg") no-repeat center/cover;
  width: 97px;
  height: 93px;
}
article.msg-new-layer .layer-contents .msg-group .msg-type-box,
article.msg-model-layer .layer-contents .msg-group .msg-type-box {
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
}
article.msg-new-layer .layer-contents .msg-group .msg-type-box .ic.ic-check,
article.msg-model-layer .layer-contents .msg-group .msg-type-box .ic.ic-check {
  background: url("../img/img_msg_layer_check.svg") no-repeat center/cover;
  width: 145px;
  height: 38px;
}
article.msg-new-layer .layer-contents .msg-group .msg-type-box .ic.ic-warning,
article.msg-model-layer .layer-contents .msg-group .msg-type-box .ic.ic-warning {
  background: url("../img/img_msg_layer_check.svg") no-repeat center/cover;
  width: 166px;
  height: 44px;
}
article.msg-new-layer .layer-contents .msg-group .msg-type-box .ic.ic-success,
article.msg-model-layer .layer-contents .msg-group .msg-type-box .ic.ic-success {
  background: url("../img/img_msg_layer_succeed.svg") no-repeat center/cover;
  width: 166px;
  height: 41px;
}
article.msg-new-layer .layer-contents .msg-group .msg-icon-box,
article.msg-model-layer .layer-contents .msg-group .msg-icon-box {
  margin: -9px 0 -9px;
}
article.msg-new-layer .layer-contents .msg-group .msg-icon-box .msg-icon-btn,
article.msg-model-layer .layer-contents .msg-group .msg-icon-box .msg-icon-btn {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("../img/ic_msg_new_icon_background.svg") no-repeat center/cover;
  width: 281px;
  height: 273px;
}
article.msg-new-layer .layer-contents .msg-group .msg-icon-box .ic.ic-msg-chk,
article.msg-model-layer .layer-contents .msg-group .msg-icon-box .ic.ic-msg-chk {
  background: url("../img/ic_msg_new_icon_chk.svg") no-repeat center/cover;
  width: 110px;
  height: 88px;
}
article.msg-new-layer .layer-contents .msg-group .msg-icon-box .ic.ic-msg-warning,
article.msg-model-layer .layer-contents .msg-group .msg-icon-box .ic.ic-msg-warning {
  margin-left: -3px;
  background: url("../img/ic_msg_new_icon_warning.svg") no-repeat center/cover;
  width: 33px;
  height: 146px;
}
article.msg-new-layer .layer-contents .msg-group .msg-icon-box .msg-txt,
article.msg-model-layer .layer-contents .msg-group .msg-icon-box .msg-txt {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
  color: #666;
}
article.msg-new-layer .layer-contents .msg-group .msg-menu-box,
article.msg-model-layer .layer-contents .msg-group .msg-menu-box {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.msg-new-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn,
article.msg-model-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 13px;
  font-weight: 700;
  width: 80px;
  border: 1px solid #cbcbcb;
}
article.msg-new-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn:hover,
article.msg-model-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn:hover {
  background-color: #0abafb;
  color: #fff;
}
article.msg-new-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn + .msg-menu-btn,
article.msg-model-layer .layer-contents .msg-group .msg-menu-box .msg-menu-btn + .msg-menu-btn {
  border-left: 0;
}
article.msg-new-layer .layer-contents .msg-group .msg-main-box,
article.msg-model-layer .layer-contents .msg-group .msg-main-box {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  font-family: "Noto Sans KR";
  color: #2b2b2b;
}
article.msg-new-layer .layer-contents .msg-group .msg-txt,
article.msg-model-layer .layer-contents .msg-group .msg-txt {
  color: #00b0f0;
  font-family: "Noto Sans KR";
  font-size: 13px;
  line-height: 30px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: under;
}
article.msg-new-layer .layer-contents .msg-group .msg-btn,
article.msg-model-layer .layer-contents .msg-group .msg-btn {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 20px;
  height: 28px;
  padding: 0 24px;
  font-weight: 700;
  color: #00b0f0;
}

article.msg-new-layer.refuse .layer-wrap {
  max-width: fit-content;
}
article.msg-new-layer.refuse .layer-wrap .layer-contents .msg-group {
  padding: 60px 65px 24px;
}

article.msg-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}
article.msg-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
article.msg-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 400px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.msg-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.msg-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
  border-radius: 20px;
}
article.msg-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 10px;
  top: -30px;
}
article.msg-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.msg-layer .layer-wrap .alert-group {
  text-align: center;
  padding: 71px 30px;
}
article.msg-layer .layer-wrap .alert-group .msg-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
}
article.msg-layer .layer-wrap .alert-group .msg-icon-box .ic.ic-msg {
  background: url("../img/ic_msg_alert.svg") no-repeat center/cover;
  width: 40px;
  height: 40px;
}
article.msg-layer .layer-wrap .alert-group .msg-main-box {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  font-family: "Noto Sans KR";
}
article.msg-layer .layer-wrap .alert-group .msg-menu-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 38px;
}
article.msg-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 110px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
article.msg-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn + .msg-menu-btn {
  margin-left: 10px;
}
article.msg-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn.type-success {
  background-color: #00b0f0;
  color: #fff;
}
article.msg-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn.type-cancel {
  background-color: #e2e2e2;
  border: 1px solid #e5e5e5;
  color: #9f9f9f;
}

article.alert-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}
article.alert-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
article.alert-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 550px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.alert-layer .layer-wrap .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.alert-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.alert-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.alert-layer .layer-wrap .alert-group {
  text-align: center;
  padding: 67px 30px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group {
    padding: 40px 20px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-main-box {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group .msg-main-box {
    font-size: 16px;
    line-height: 20px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-main-box + .msg-sub-box {
  margin-top: 36px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group .msg-main-box + .msg-sub-box {
    margin-top: 20px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-sub-box {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.04em;
  font-family: "Noto Sans KR";
  line-height: 22px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group .msg-sub-box {
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 14px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-menu-box {
  display: flex;
  justify-content: center;
  padding-top: 47px;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group .msg-menu-box {
    padding-top: 30px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  width: 160px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  article.alert-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn {
    font-size: 10px;
    width: 83px;
    height: 21px;
  }
}
article.alert-layer .layer-wrap .alert-group .msg-menu-box .msg-menu-btn.type-1 {
  background-color: #fec100;
  color: #fff;
}

article.result-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 502;
}
article.result-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
article.result-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 420px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.result-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.result-layer .layer-wrap .layer-contents {
  border-radius: 20px;
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.result-layer .layer-wrap .layer-contents .layer-close-box {
  position: absolute;
  right: 10px;
  top: -30px;
}
article.result-layer .layer-wrap .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.result-layer .layer-wrap .alert-group {
  text-align: center;
  padding: 46px 20px 46px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
article.result-layer .layer-wrap .alert-group .msg-info-box {
  display: inline-block;
}
article.result-layer .layer-wrap .alert-group .msg-icon-box {
  padding-bottom: 14px;
  text-align: left;
}
article.result-layer .layer-wrap .alert-group .msg-icon-box .ic-success {
  background: url("../img/ic_alert_success.svg") no-repeat center/cover;
  width: 38px;
  height: 38px;
}
article.result-layer .layer-wrap .alert-group .msg-main-box {
  font-size: 27px;
  font-family: "Malgun Gothic";
  line-height: 36px;
  font-weight: 700;
}
article.result-layer .layer-wrap .alert-group .msg-sub-box {
  padding-top: 25px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 25px;
  color: #595959;
  word-break: keep-all;
  text-align: left;
}
article.result-layer .layer-wrap .alert-group .msg-txt-box {
  font-size: 18px;
  font-weight: 700;
  line-height: 31px;
}
article.result-layer .layer-wrap .alert-group .msg-sub-txt-box {
  font-weight: 300;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 28px;
  padding-top: 25px;
}

section.platform-intro-way {
  padding: 163px 0 134px;
}
@media (max-width: 1024px) {
  section.platform-intro-way {
    padding: 67px 0 78px;
  }
}
section.platform-intro-way .group-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap {
    flex-direction: column;
  }
}
section.platform-intro-way .group-wrap .keyword-box {
  flex: 1;
  min-width: 0;
}
section.platform-intro-way .group-wrap .keyword-box .keyword-bg-box {
  display: flex;
  align-items: center;
  position: relative;
  background: url("../img/img_platform_intro_keyword_bg.svg") no-repeat center/cover;
  width: 420px;
  height: 206px;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap .keyword-box .keyword-bg-box {
    background: url("../img/img_platform_intro_keyword_bg_m.svg") no-repeat center/cover;
    width: 249px;
    height: 127px;
  }
}
section.platform-intro-way .group-wrap .keyword-box .keyword-bg-box .keyword-txt-box {
  margin-left: -46px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.032em;
  line-height: 42px;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap .keyword-box .keyword-bg-box .keyword-txt-box {
    margin-left: -33px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 27px;
  }
}
section.platform-intro-way .group-wrap .info-box {
  width: 620px;
  padding-left: 80px;
  border-left: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap .info-box {
    width: 100%;
    border: 0;
    padding: 40px 0 0;
  }
}
section.platform-intro-way .group-wrap .info-box .subject-box {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 27px;
  padding-bottom: 32px;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap .info-box .subject-box {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 20px;
    padding-bottom: 22px;
  }
}
section.platform-intro-way .group-wrap .info-box .con-box {
  font-size: 16px;
  line-height: 33px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  section.platform-intro-way .group-wrap .info-box .con-box {
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 22px;
  }
  section.platform-intro-way .group-wrap .info-box .con-box br {
    display: none;
  }
}

section.platform-intro-feature {
  background-color: #f2f2f2;
  padding-bottom: 90px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature {
    padding: 70px 0 70px;
  }
}
section.platform-intro-feature .feature-head-box {
  text-align: center;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-head-box {
    text-align: left;
  }
}
section.platform-intro-feature .feature-head-box .head-txt {
  font-family: "Noto Sans KR";
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 41px;
  color: #404040;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-head-box .head-txt {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.022em;
    line-height: 27px;
    color: #000;
  }
}
section.platform-intro-feature .feature-list {
  padding-top: 120px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list {
    padding-top: 40px;
  }
}
section.platform-intro-feature .feature-list .feature-box {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box {
    flex-direction: row;
    align-items: flex-start;
  }
}
section.platform-intro-feature .feature-list .feature-box + .feature-box {
  margin-left: 50px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box + .feature-box {
    margin: 40px 0 0;
  }
}
section.platform-intro-feature .feature-list .feature-box .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box .img-box {
    justify-content: flex-start;
    height: auto;
    min-width: 80px;
    margin-top: 5px;
  }
  section.platform-intro-feature .feature-list .feature-box .img-box.item-1 img {
    width: 57px;
  }
  section.platform-intro-feature .feature-list .feature-box .img-box.item-2 {
    margin-left: 6px;
  }
  section.platform-intro-feature .feature-list .feature-box .img-box.item-2 img {
    width: 45px;
  }
  section.platform-intro-feature .feature-list .feature-box .img-box.item-3 img {
    width: 57px;
  }
  section.platform-intro-feature .feature-list .feature-box .img-box.item-4 img {
    width: 57px;
  }
}
section.platform-intro-feature .feature-list .feature-box .img-box img {
  max-width: 100%;
}
section.platform-intro-feature .feature-list .feature-box .info-box {
  padding-top: 26px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box .info-box {
    padding-top: 0;
  }
}
section.platform-intro-feature .feature-list .feature-box .info-box .subject-box {
  text-align: center;
  font-weight: 700;
  font-family: "Noto Sans KR";
  font-size: 24px;
  line-height: 27px;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box .info-box .subject-box {
    text-align: left;
    font-size: 16px;
    line-height: 18px;
  }
}
section.platform-intro-feature .feature-list .feature-box .info-box .con-box {
  text-align: center;
  padding-top: 23px;
  font-size: 16px;
  line-height: 27px;
  color: #7f7f7f;
}
@media (max-width: 1024px) {
  section.platform-intro-feature .feature-list .feature-box .info-box .con-box {
    text-align: left;
    padding-top: 8px;
    font-size: 12px;
    line-height: 19px;
  }
  section.platform-intro-feature .feature-list .feature-box .info-box .con-box br {
    display: none;
  }
}

section.platform-intro-harmony {
  background: url("../img/img_intro_harmony.jpg") no-repeat center/cover;
  height: 767px;
  padding: 115px 0;
}
section.platform-intro-harmony .tit-box {
  color: #fff;
}
section.platform-intro-harmony .tit-box .main-box {
  font-weight: 700;
  font-size: 38px;
  line-height: 56px;
  letter-spacing: -0.032em;
}
section.platform-intro-harmony .tit-box .sub-box {
  padding-top: 29px;
  font-size: 16px;
  line-height: 28px;
}
section.platform-intro-harmony .list-box {
  display: flex;
  padding-top: 178px;
  padding-left: 85px;
}
section.platform-intro-harmony .list-box .list-item-box {
  color: #fff;
  position: relative;
}
section.platform-intro-harmony .list-box .list-item-box.type-plus:after {
  content: "";
  position: absolute;
  background: url("../img/ic_type_plus.svg") no-repeat center;
  width: 36px;
  height: 36px;
  left: -50px;
  top: -18px;
}
section.platform-intro-harmony .list-box .list-item-box.type-minus:after {
  content: "";
  position: absolute;
  background: url("../img/ic_type_minus.svg") no-repeat center;
  width: 36px;
  height: 36px;
  left: -50px;
  top: -18px;
}
section.platform-intro-harmony .list-box .list-item-box + .list-item-box {
  margin-left: 236px;
}
section.platform-intro-harmony .list-box .list-item-box .head-box {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
section.platform-intro-harmony .list-box .list-item-box .con-box {
  padding-top: 25px;
  font-size: 16px;
  line-height: 28px;
}
section.platform-intro-harmony .list-box .list-item-box .con-box .more-btn {
  color: #00b0f0;
  padding: 0 3px;
}
section.platform-intro-harmony .list-box .list-item-box .con-box .more-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}

section.platform-intro-consult {
  padding-top: 0;
}
@media (max-width: 1024px) {
  section.platform-intro-consult {
    margin: 0;
    padding: 70px 0 70px;
  }
}
section.platform-intro-consult .intro-contents-box {
  display: flex;
  justify-content: space-between;
  padding: 140px 0 177px;
}
section.platform-intro-consult .intro-contents-box .info-box .subject-box {
  font-family: "Noto Sans KR";
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.032em;
  line-height: 56px;
}
section.platform-intro-consult .intro-contents-box .info-box .con-box {
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 32px;
  padding-top: 28px;
}
section.platform-intro-consult .intro-contents-box .view-box img {
  max-width: 100%;
}

section.platform-intro-deals {
  padding: 90px 0 110px;
  background: #f2f2f2;
}
@media (max-width: 1024px) {
  section.platform-intro-deals {
    padding: 0 0 77px;
  }
}
section.platform-intro-deals .deals-head-box {
  text-align: center;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-head-box {
    padding-top: 57px;
    border-top: 1px solid #d9d9d9;
  }
}
section.platform-intro-deals .deals-head-box .ic-box {
  padding-bottom: 17px;
  max-width: 60px;
  margin: 0 auto;
}
section.platform-intro-deals .deals-head-box .ic-box img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-head-box .ic-box img {
    width: 50px;
  }
}
section.platform-intro-deals .deals-head-box .head-txt {
  font-family: "Noto Sans KR";
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 41px;
  color: #404040;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-head-box .head-txt {
    line-height: 24px;
    font-size: 18px;
  }
}
section.platform-intro-deals .deals-link-box {
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.platform-intro-deals .deals-link-box .deals-link-btn {
  display: inline-flex;
  align-items: center;
}
section.platform-intro-deals .deals-link-box .deals-link-btn .ic-mark {
  background: url("../img/ic_mark2.gif") no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.platform-intro-deals .deals-link-box .deals-link-btn .txt {
  color: #606060;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 34px;
  font-weight: 700;
}
section.platform-intro-deals .deals-list {
  padding-top: 50px;
  display: flex;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list {
    padding-top: 50px;
    flex-direction: column;
  }
}
section.platform-intro-deals .deals-list .deals-box {
  width: 100%;
}
section.platform-intro-deals .deals-list .deals-box + .deals-box {
  margin-left: 23px;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box + .deals-box {
    margin: 16px 0 0;
  }
}
section.platform-intro-deals .deals-list .deals-box .img-box {
  display: flex;
  width: 100%;
  height: 220px;
  position: relative;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .img-box {
    height: 0;
    padding-bottom: 61%;
    position: relative;
  }
}
section.platform-intro-deals .deals-list .deals-box .img-box .label-box {
  position: absolute;
  right: -8px;
  top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  line-height: 23px;
  padding: 0 19px;
  z-index: 100;
  background-color: #404040;
}
section.platform-intro-deals .deals-list .deals-box .img-box .label-box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  background: url("../img/ic_price_label.png") no-repeat center/cover;
  width: 8px;
  height: 9px;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .img-box .label-box {
    top: 17px;
    right: 22px;
    font-size: 10px;
    line-height: 18px;
  }
}
section.platform-intro-deals .deals-list .deals-box .img-box img {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .img-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box {
  padding-top: 18px;
  background-color: #fff;
}
section.platform-intro-deals .deals-list .deals-box .info-box .des-box {
  font-size: 12px;
  line-height: 17px;
  padding: 0 35px;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 17px;
  height: 34px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .des-box {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 17px;
    height: 34px;
    max-width: 100%;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box .price-box {
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.02em;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 12px;
  background: url("../img/img_price_bg.png") no-repeat center/100% 100%;
}
section.platform-intro-deals .deals-list .deals-box .info-box .price-box b {
  font-size: 16px;
  margin-left: 6px;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .price-box {
    font-size: 20px;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box .con-box {
  padding: 14px 35px 14px;
  display: flex;
  color: #7f7f7f;
  text-align: left;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .con-box {
    padding: 17px 0 14px;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box + .con-txt-box {
  margin-left: 14px;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box + .con-txt-box {
    margin-left: 38px;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box .con-txt {
  font-size: 14px;
  line-height: 19px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  color: #313131;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box .con-txt {
    font-size: 10px;
    line-height: 14px;
  }
}
section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box .con-txt + .con-txt {
  margin-top: 9px;
}
@media (max-width: 1024px) {
  section.platform-intro-deals .deals-list .deals-box .info-box .con-box .con-txt-box .con-txt + .con-txt {
    margin-top: 7px;
  }
}

section.platform-procedure {
  padding: 120px 0 180px;
}
section.platform-procedure .procedure-intro-box {
  text-align: center;
}
section.platform-procedure .procedure-intro-box .tit-box {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.032em;
  font-family: "Noto Sans KR";
  line-height: 58px;
}
section.platform-procedure .procedure-intro-box .sub-box {
  margin-top: 24px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}
section.platform-procedure .procedure-view-box {
  padding: 143px 0 174px;
}
section.platform-procedure .procedure-view-box img {
  max-width: 100%;
}
section.platform-procedure .procedure-list-box .list-wrap {
  display: flex;
  margin: -12.5px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box {
  width: 100%;
  margin: 12.5px;
  position: relative;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box + .item-box:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 48px;
  background: url("../img/ic_procedure_arrow.svg") no-repeat center/cover;
  width: 10px;
  height: 17px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box {
  height: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box .ic {
  width: 52px;
  height: 52px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box .ic.ic-step1 {
  background: url("../img/ic_procedure_step1.svg") no-repeat center/cover;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box .ic.ic-step2 {
  background: url("../img/ic_procedure_step2.svg") no-repeat center/cover;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box .ic.ic-step3 {
  background: url("../img/ic_procedure_step3.svg") no-repeat center/cover;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .view-box .ic.ic-step4 {
  background: url("../img/ic_procedure_step4.svg") no-repeat center/cover;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .summary-box {
  text-align: center;
  background: url("../img/img_procedure_summary_bg.svg") no-repeat center/100% 100%;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 13px;
  line-height: 23px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .des-box {
  background-color: #f2f2f2;
  height: 125px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #404040;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .des-box .des-txt-box {
  text-align: center;
  display: block;
  font-family: "Noto Sans KR";
  font-size: 13px;
  line-height: 26px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .des-box .des-txt-box .link-btn {
  text-decoration: underline;
  text-underline-position: under;
  color: #00b0f0;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .des-box .des-txt-box .link-txt {
  color: #00b0f0;
  padding: 4px;
}
section.platform-procedure .procedure-list-box .list-wrap .item-box .info-box .des-box .des-txt-box .link-txt:hover {
  background-color: #00b0f0;
  color: #fff;
}

article.layer-terms-layout-web {
  position: relative;
  z-index: 10;
  padding: 86px 0;
  max-width: 926px;
  margin: 0 auto;
}
article.layer-terms-layout-web * {
  font-family: "Noto Sans KR";
}
article.layer-terms-layout-web .terms-head-box {
  padding-bottom: 45px;
  margin-bottom: 90px;
  border-bottom: 1px solid #d9d9d9;
}
article.layer-terms-layout-web .terms-head-box .ic-box {
  padding-bottom: 10px;
}
article.layer-terms-layout-web .terms-head-box .ic-box .ic.ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.layer-terms-layout-web .terms-head-box .main-box {
  font-size: 50px;
  font-family: "Arial Black";
  line-height: 70px;
  color: #fff;
}
article.layer-terms-layout-web .terms-head-box .main-box .accent {
  color: #ffc000;
}
article.layer-terms-layout-web .terms-head-box .sub-box {
  color: #fff;
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 21px;
}
article.layer-terms-layout-web .terms-body-box .terms-box + .terms-box {
  margin-top: 35px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-tit-box {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.04em;
  font-weight: 700;
  padding-bottom: 30px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box {
  display: flex;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box .view-box {
  width: 592px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box .view-box img {
  max-width: 100%;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box {
  padding-left: 42px;
  flex: 1;
  min-width: 0;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box + .info-item-box {
  margin-top: 40px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-mix-box .info-box .info-item-box .info-head-box {
  font-size: 19px;
  letter-spacing: -0.03em;
  line-height: 26px;
  padding-bottom: 29px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-subject-box {
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 30px;
  padding-bottom: 34px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-txt-box {
  color: #7f7f7f;
  font-size: 16px;
  line-height: 30px;
}
article.layer-terms-layout-web .terms-body-box .terms-box .terms-con-box .terms-txt-box + .terms-txt-box {
  margin-top: 30px;
}
article.layer-terms-layout-web .terms-foot-box {
  padding-top: 58px;
  font-size: 16px;
  letter-spacing: -0.04em;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.layer-terms-layout-web .terms-foot-box .more-box {
  display: flex;
  justify-content: flex-end;
}
article.layer-terms-layout-web .terms-foot-box .more-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.layer-terms-layout-web .terms-foot-box .more-box .more-btn .txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #00b0f0;
}
@media (max-width: 1024px) {
  article.layer-terms-layout-web .terms-foot-box .more-box .more-btn .txt {
    font-size: 7px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}
article.layer-terms-layout-web .terms-foot-box .more-box .more-btn .ic-more {
  margin-left: 15px;
  background: url("../img/ic_page_more.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}

article.layer-terms-layout2 .terms-head-box {
  padding: 32px 26px 0;
  display: flex;
  align-items: center;
}
article.layer-terms-layout2 .terms-head-box .head-box {
  display: inline-flex;
  align-items: center;
  min-height: 120px;
  background: url("../img/img_term_head_bg.svg") no-repeat right center;
  width: 257px;
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: -0.032em;
  font-family: "Noto Sans KR";
}
article.layer-terms-layout2 .terms-head-box .sub-box {
  padding-left: 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
article.layer-terms-layout2 .terms-body-box {
  padding: 45px 35px;
  overflow: auto;
  height: 70vh;
}
article.layer-terms-layout2 .terms-body-box .terms-box + .terms-box {
  margin-top: 40px;
}
article.layer-terms-layout2 .terms-body-box .terms-box .tit-box {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
article.layer-terms-layout2 .terms-body-box .terms-box .con-box {
  font-family: "Noto Sans KR";
  color: #7f7f7f;
  font-size: 14px;
  line-height: 21px;
  padding-top: 20px;
}
article.layer-terms-layout2 .terms-body-box .terms-box .con-box b {
  color: #000000;
}
article.layer-terms-layout2 .terms-body-box .terms-box .link-btn {
  color: #000000;
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: under;
}

article.popup-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
article.popup-layer:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.popup-layer.normal .layer-wrap {
  max-width: 720px;
}
article.popup-layer.small .layer-wrap {
  max-width: 450px;
}
article.popup-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  max-width: 970px;
  width: calc(100% - 70px);
}
@media (max-width: 1024px) {
  article.popup-layer .layer-wrap {
    max-width: calc(100% - 54px);
    margin: 0 auto;
    width: 100%;
  }
}
article.popup-layer .layer-contents {
  position: relative;
  background-color: #fff;
  width: 100%;
}
article.popup-layer .layer-contents .layer-close-box {
  position: absolute;
  right: 20px;
  top: -66px;
}
@media (max-width: 1024px) {
  article.popup-layer .layer-contents .layer-close-box {
    top: -31px;
    right: 15px;
  }
}
article.popup-layer .layer-contents .layer-close-box .layer-close-btn {
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
@media (max-width: 1024px) {
  article.popup-layer .layer-contents .layer-close-box .layer-close-btn {
    width: 16px;
    height: 16px;
  }
}
article.popup-layer article.layer-login-success-layout {
  text-align: center;
  padding: 70px 0 62px;
}
article.popup-layer article.layer-login-success-layout .tit-box {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
}
article.popup-layer article.layer-login-success-layout .con-box {
  padding: 40px 0 20px;
  font-size: 14px;
  line-height: 27px;
  color: #606060;
}
article.popup-layer article.layer-login-success-layout .con-box .link-txt {
  font-family: "Noto Sans KR";
  color: #000;
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: under;
}
article.popup-layer article.layer-login-success-layout .menu-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
article.popup-layer article.layer-login-success-layout .menu-box .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  width: 123px;
  height: 32px;
  font-size: 11px;
  font-family: "Noto Sans KR";
  letter-spacing: 0.04em;
}
article.popup-layer article.layer-login-layout {
  padding: 35px 35px 50px 70px;
}
article.popup-layer article.layer-login-layout {
  font-family: "Noto Sans KR";
}
article.popup-layer article.layer-login-layout .login-form-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-head-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  color: #00b0f0;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-head-box .sub-box {
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 22px;
  color: #7f7f7f;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box {
  padding-top: 18px;
  display: flex;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list {
  width: 143px;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row + .row {
  margin-top: 7px;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input {
  outline: none;
  width: 100%;
  height: 28px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  font-size: 10px;
  font-family: "Noto Sans KR";
  padding: 0 25px;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input::placeholder {
  color: #d9d9d9;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.id {
  background: url("../img/ic_login_user.svg") no-repeat left 8px center;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.id:focus {
  background: url("../img/ic_login_user_active.svg") no-repeat left 8px center;
  box-shadow: 0 0 0 2px #00b0f0;
  border-color: transparent;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.id:focus::placeholder {
  color: #00b0f0;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.id.error {
  background: url("../img/ic_login_user_error.svg") no-repeat left 8px center;
  box-shadow: 0 0 0 2px #db6262;
  border-color: transparent;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.id.error::placeholder {
  color: #db6262;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.pw {
  background: url("../img/ic_login_pw.svg") no-repeat left 8px center;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.pw:focus {
  background: url("../img/ic_login_pw_active.svg") no-repeat left 8px center;
  box-shadow: 0 0 0 2px #00b0f0;
  border-color: transparent;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.pw:focus::placeholder {
  color: #00b0f0;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.pw.error {
  background: url("../img/ic_login_pw_error.svg") no-repeat left 8px center;
  box-shadow: 0 0 0 2px #db6262;
  border-color: transparent;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .row-list .row input.pw.error::placeholder {
  color: #db6262;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .btn-box {
  margin-left: 6px;
  cursor: pointer;
}
article.popup-layer article.layer-login-layout .login-form-box .form-group-box .form-body-box .btn-box .login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 63px;
  height: 63px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 10px;
  font-family: "Noto Sans KR";
}
article.popup-layer article.layer-login-layout .login-form-box .form-view-box {
  padding-bottom: 25px;
}
article.popup-layer article.layer-login-layout .login-form-box .form-view-box img {
  max-width: 100%;
}
article.popup-layer article.layer-login-layout .login-option-box {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box {
  display: inline-flex;
  align-items: center;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .chk-box {
  display: inline-flex;
  align-items: center;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .chk-box label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .chk-box input {
  appearance: auto;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .chk-box .txt {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 16px;
  padding-left: 6px;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .find-btn-box {
  margin-left: 28px;
  display: inline-flex;
}
article.popup-layer article.layer-login-layout .login-option-box .option-box .find-btn-box .find-btn {
  line-height: 16px;
  font-size: 12px;
  color: #7f7f7f;
}
article.popup-layer article.layer-login-layout .login-option-box .join-box .join-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #00b0f0;
  line-height: 20px;
  text-decoration: underline;
  text-underline-position: under;
}

article.layer-join-step1-layout * {
  font-family: "Noto Sans KR";
}
article.layer-join-step1-layout .intro-box {
  padding: 84px 0 55px;
  text-align: center;
}
article.layer-join-step1-layout .intro-box .main-box {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 49px;
}
article.layer-join-step1-layout .intro-box .sub-box {
  padding-top: 26px;
  font-size: 14px;
  line-height: 20px;
}
article.layer-join-step1-layout .agree-box {
  max-width: 330px;
  margin: 0 auto;
  position: relative;
  min-height: 130px;
  padding: 0 35px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.layer-join-step1-layout .agree-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 130px;
  background: url("../img/img_login_agree_left_line.svg") no-repeat top left;
}
article.layer-join-step1-layout .agree-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 130px;
  background: url("../img/img_login_agree_right_line.svg") no-repeat top left;
}
article.layer-join-step1-layout .agree-box .agree-txt-box {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 19.5px;
}
article.layer-join-step1-layout .agree-btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 61px;
  padding-bottom: 70px;
}
article.layer-join-step1-layout .agree-btn-box .agree-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1cb0f0;
  height: 30px;
  width: 180px;
  color: #1cb0f0;
  font-size: 10px;
  letter-spacing: 0.2em;
}
article.layer-join-step1-layout .agree-btn-box .agree-btn:hover, article.layer-join-step1-layout .agree-btn-box .agree-btn:focus {
  background-color: #00b0f0;
  color: #fff;
}

article.join-step-bar {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  display: flex;
  height: 5px;
}
article.join-step-bar .step-bar-box {
  background-color: #e8e8e8;
  height: 5px;
  width: 100%;
}
article.join-step-bar .step-bar-box + .step-bar-box {
  margin-left: 2px;
}
article.join-step-bar .step-bar-box.on {
  background-color: #00b0f0;
}

article.layer-join-form-layout * {
  font-family: "Noto Sans KR";
}
article.layer-join-form-layout .form-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 100px 50px 77px;
}
article.layer-join-form-layout .form-wrap .submit-box {
  position: absolute;
  right: 56px;
  bottom: 33px;
  z-index: 10;
}
article.layer-join-form-layout .form-wrap .submit-box .submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 88px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.04em;
  font-family: "Noto Sans KR";
  box-shadow: 0 3px 6px #c7ccce;
  border-radius: 33px;
}
article.layer-join-form-layout .form-wrap .step-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
article.layer-join-form-layout .form-wrap .info-box {
  flex: 1;
  min-width: 0;
}
article.layer-join-form-layout .form-wrap .info-box .info-tit-box {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 12px;
}
article.layer-join-form-layout .form-wrap .info-box .info-txt-box {
  font-size: 14px;
  line-height: 23px;
  color: #343434;
}
article.layer-join-form-layout .form-wrap .form-box {
  width: 500px;
  padding-left: 50px;
}

article.login-form-layout .current-step-box {
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  padding-bottom: 56px;
}
article.login-form-layout .current-step-box.with-dot {
  position: relative;
}
article.login-form-layout .current-step-box.with-dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: -23px;
  width: 8px;
  height: 8px;
  background-color: #00b0f0;
}
article.login-form-layout .current-step-box.type-agree {
  padding-bottom: 36px;
}
article.login-form-layout .current-step-box sub {
  vertical-align: top;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
}
article.login-form-layout .current-step-sub-box {
  font-size: 12px;
  color: #7f7f7f;
  padding-bottom: 36px;
}
article.login-form-layout .agree-list-box .all-box {
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #dedede;
}
article.login-form-layout .agree-list-box .agree-item-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
article.login-form-layout .agree-list-box .agree-item-box + .agree-item-box {
  margin-top: 6px;
}
article.login-form-layout .agree-list-box .agree-item-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 20px;
  color: #00b0f0;
  font-weight: 700;
  font-size: 9px;
  border: 1px solid #00b0f0;
  border-radius: 18px;
}
article.login-form-layout .agree-list-box .agree-item-box .more-btn:focus, article.login-form-layout .agree-list-box .agree-item-box .more-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}
article.login-form-layout .agree-list-box .agree-item-box .cbox label {
  cursor: pointer;
}
article.login-form-layout .agree-list-box .agree-item-box .cbox label input {
  position: absolute;
  left: -9999px;
}
article.login-form-layout .agree-list-box .agree-item-box .cbox label input:checked ~ i {
  background: url("../img/ic_category_cbox_on.svg") no-repeat center/cover;
}
article.login-form-layout .agree-list-box .agree-item-box .cbox label i {
  background: url("../img/ic_category_cbox_off.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
  top: 7px;
}
article.login-form-layout .agree-list-box .agree-item-box .cbox label .txt {
  padding-left: 20px;
  font-size: 10px;
  color: #000000;
}
article.login-form-layout .list-box .row + .row {
  margin-top: 28px;
}
article.login-form-layout .list-box .row .subject-box {
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
}
article.login-form-layout .list-box .row .con-box {
  display: flex;
  align-items: center;
}
article.login-form-layout .list-box .row .con-box .input-box {
  width: 150px;
  position: relative;
}
article.login-form-layout .list-box .row .con-box .input-box .view-toggle-btn {
  position: absolute;
  right: 0;
  top: -19px;
  color: #7f7f7f;
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-position: under;
}
article.login-form-layout .list-box .row .con-box .input-box input {
  outline: none;
  width: 100%;
  height: 28px;
  border: 1px solid #d9d9d9;
  font-size: 10px;
  font-family: "Noto Sans KR";
  padding: 0 10px;
}
article.login-form-layout .list-box .row .con-box .input-box input.readonly-bg {
  background-color: rgba(239, 239, 239, 0.3);
}
article.login-form-layout .list-box .row .con-box .input-box input::placeholder {
  color: #d9d9d9;
}
article.login-form-layout .list-box .row .con-box .input-box input:focus {
  box-shadow: 0 0 0 4px #00b0f0;
  border-color: transparent;
}
article.login-form-layout .list-box .row .con-box .input-box input:focus::placeholder {
  color: #00b0f0;
}
article.login-form-layout .list-box .row .con-box .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 2px #db6262;
  border-color: transparent;
}
article.login-form-layout .list-box .row .con-box .input-box input.error::placeholder {
  color: #db6262;
}
article.login-form-layout .list-box .row .con-box .msg-box {
  padding-left: 15px;
  color: #7f7f7f;
  font-size: 10px;
}
article.login-form-layout .list-box .row .con-box .msg-box.error {
  color: #db6262;
}
article.login-form-layout .list-box .row .con-box .certify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #00b0f0;
  width: 70px;
  height: 26px;
  border-radius: 18px;
  border: 1px solid #00b0f0;
  font-size: 11px;
  margin-left: 15px;
}
article.login-form-layout .list-box .row .con-box .certify-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}
article.login-form-layout .list-box .row .con-box .example-box {
  padding-top: 9px;
  color: #7f7f7f;
  font-size: 10px;
}
article.login-form-layout .list-box .row .con-box .example-box.error {
  color: #db6262;
}
article.login-form-layout .list-box .row .con-box .example-box.active {
  color: #00b0f0;
}
article.login-form-layout .list-box .row .item-list .item-box {
  display: flex;
  align-items: center;
}
article.login-form-layout .form-submit-box {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.login-form-layout .form-submit-box .form-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 233px;
  color: #1cb0f0;
  font-size: 10px;
  letter-spacing: 0.2em;
  border: 1px solid #1cb0f0;
}
article.login-form-layout .form-submit-box .form-submit-btn:hover, article.login-form-layout .form-submit-box .form-submit-btn:focus {
  background-color: #1cb0f0;
  color: #fff;
}
article.login-form-layout .form-menu-box {
  padding-top: 76px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
article.login-form-layout .form-menu-box .form-menu-btn {
  display: inline-flex;
  align-items: center;
  color: #00b0f0;
  font-size: 14px;
  font-weight: 700;
}
article.login-form-layout .form-menu-box .form-menu-btn .type-underline {
  text-decoration: underline;
  text-underline-position: under;
}

article.category-selector-form .category-selector-box {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 180px;
}
article.category-selector-form .category-set-box {
  display: inline-flex;
  align-items: center;
  background: #fff url("../img/ic_category_selector_arrow.svg") no-repeat center right 13px;
  height: 34px;
  padding: 0 25px 0 10px;
  width: 100%;
  border: 1px solid #d9d9d9;
  font-size: 10px;
  color: #7f7f7f;
}
article.category-selector-form .category-set-box.active {
  box-shadow: 0 0 0 2px inset #00b0f0;
  border-color: transparent;
}
article.category-selector-form .category-set-box.active ~ .category-selector {
  display: block;
}
article.category-selector-form .category-selector {
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  display: none;
  z-index: 100;
}
article.category-selector-form .category-selector .selector-head-box {
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #00b0f0;
  font-size: 13px;
}
article.category-selector-form .category-selector .selector-body-box {
  padding: 11px;
}
article.category-selector-form .category-selector .selector-body-box .selector-box + .selector-box {
  margin-top: 10px;
}
article.category-selector-form .category-selector .selector-body-box .selector-box label {
  cursor: pointer;
}
article.category-selector-form .category-selector .selector-body-box .selector-box label input {
  position: absolute;
  left: -9999px;
}
article.category-selector-form .category-selector .selector-body-box .selector-box label input:checked ~ i {
  background: url("../img/ic_category_cbox_on.svg") no-repeat center/cover;
}
article.category-selector-form .category-selector .selector-body-box .selector-box label i {
  background: url("../img/ic_category_cbox_off.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
}
article.category-selector-form .category-selector .selector-body-box .selector-box label .txt {
  padding-left: 6px;
  font-size: 12px;
  color: #000000;
}

section.platform-terms {
  padding: 160px 0 222px;
  background-color: #f2f2f2;
}
section.platform-terms .intro-box {
  padding-bottom: 40px;
}
section.platform-terms .intro-box .ic-box {
  padding-bottom: 25px;
}
section.platform-terms .intro-box .ic-box .ic-txt-box {
  color: #404040;
  font-weight: 700;
  font-size: 16px;
  padding-top: 14px;
}
section.platform-terms .intro-box .ic-box .ic.ic-mark {
  background: url("../img/ic_terms_mark.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
section.platform-terms .intro-box .intro-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #404040;
  min-height: 52px;
}
section.platform-terms .intro-note-box {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: #5c5c5c;
}
section.platform-terms .list-box ul {
  display: flex;
  flex-flow: row wrap;
  margin: -56px -18px;
}
section.platform-terms .list-box ul.list-4 li {
  width: calc(25% - 80px);
  margin: 56px 40px;
}
section.platform-terms .list-box ul li {
  width: calc(33.33% - 36px);
  margin: 56px 18px;
}
section.platform-terms .list-box ul li .share-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 34px;
}
section.platform-terms .list-box ul li .share-box .share-btn {
  background: url("../img/ic_share.svg") no-repeat center/cover;
  width: 40px;
  height: 40px;
}
section.platform-terms .list-box ul li .item-menu-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}
section.platform-terms .list-box ul li .item-menu-box .item-menu-btn {
  font-family: "Noto Sans KR";
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 16px;
}
section.platform-terms .list-box ul li .item-menu-box .item-menu-btn:hover {
  background-color: #fff;
  border: 1px solid #00b0f0;
  color: #00b0f0;
}
section.platform-terms .list-box ul li .item-box {
  display: block;
}
section.platform-terms .list-box ul li .item-box.type-terms {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.platform-terms .list-box ul li .item-box.type-terms + .item-menu-box {
  padding-top: 12px;
  justify-content: center;
}
section.platform-terms .list-box ul li .item-box.type-terms .item-head-box {
  order: 2;
  padding-top: 27px;
  padding-bottom: 0;
}
section.platform-terms .list-box ul li .item-box.type-terms .item-body-box {
  order: 1;
}
section.platform-terms .list-box ul li .item-box.type-terms .item-body-box .img-box {
  box-shadow: none;
}
section.platform-terms .list-box ul li .item-box .item-head-box {
  color: #404040;
  text-align: center;
  padding-bottom: 33px;
  font-weight: 300;
  font-size: 14px;
}
section.platform-terms .list-box ul li .item-box .item-body-box {
  font-size: 0;
  transition: all 0.4s linear;
  transform: scale(1);
}
section.platform-terms .list-box ul li .item-box .item-body-box:hover {
  animation-name: swing;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-direction: alternate;
}
@keyframes swing {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
section.platform-terms .list-box ul li .item-box .item-body-box .img-box {
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
section.platform-terms .list-box ul li .item-box .item-body-box .img-box img {
  width: 100%;
  max-width: 100%;
}

section.platform-full-layer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  background-color: #fff;
}
section.platform-full-layer.bg-gray {
  background-color: #f4f4f4;
}
section.platform-full-layer.bg-black {
  background-color: #000;
}
section.platform-full-layer .full-layer-head-box {
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 90px;
  background-color: #000000;
}
section.platform-full-layer .full-layer-head-box .logo-box {
  display: inline-flex;
  background: url("../img/img_terms_logo.svg") no-repeat center/cover;
  width: 177px;
  height: 19px;
  visibility: hidden;
}
section.platform-full-layer .full-layer-head-box .close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../img/ic_full_layer_close.svg") no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
section.platform-full-layer .full-layer-head-box .close-btn:hover {
  background-color: #272727;
}
section.platform-full-layer .full-layer-body-box {
  padding-top: 147px;
  height: calc(100vh - 105px);
  overflow: auto;
}
section.platform-full-layer .full-layer-body-box.bg-gray {
  background-color: #f5f5f5;
}

article.layer-consult-fee-layout {
  padding: 70px 70px;
}
article.layer-consult-fee-layout .tit-box {
  position: relative;
  padding-left: 11px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.layer-consult-fee-layout .tit-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 2px;
  height: 16px;
  background-color: #000;
}
article.layer-consult-fee-layout .table-box {
  padding-top: 47px;
}
article.layer-consult-fee-layout .table-box table thead tr th {
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 700;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}
article.layer-consult-fee-layout .table-box table thead tr th.left {
  text-align: left;
}
article.layer-consult-fee-layout .table-box table tbody tr:first-child td {
  height: 40px;
  padding-top: 10px;
}
article.layer-consult-fee-layout .table-box table tbody tr td {
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 300;
  color: #7f7f7f;
  text-align: center;
  height: 30px;
}
article.layer-consult-fee-layout .table-box table tbody tr td.left {
  text-align: left;
}
article.layer-consult-fee-layout .info-box {
  padding-top: 50px;
}
article.layer-consult-fee-layout .info-box .row {
  font-size: 10px;
  line-height: 17px;
  color: #404040;
}
article.layer-consult-fee-layout .info-box .row .link-btn {
  color: #00b0f0;
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: under;
}

section.platform-mypage {
  padding: 130px 0 222px;
}
section.platform-mypage .intro-box {
  padding-bottom: 115px;
}
section.platform-mypage .intro-box .ic-box {
  padding-bottom: 25px;
}
section.platform-mypage .intro-box .ic-box .ic.ic-mark {
  background: url("../img/ic_terms_mark.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
section.platform-mypage .intro-box .ic-box .ic.ic-mark.small {
  width: 20px;
  height: 20px;
}
section.platform-mypage .intro-box .ic-box .ic-txt-box {
  padding-top: 14px;
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  color: #404040;
}
section.platform-mypage .intro-box .intro-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #404040;
}
section.platform-mypage .list-box ul {
  display: flex;
  flex-flow: row wrap;
  margin: -56px -18px;
}
section.platform-mypage .list-box ul li {
  width: calc(33.33% - 36px);
  margin: 56px 18px;
}
section.platform-mypage .list-box ul li .share-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 34px;
}
section.platform-mypage .list-box ul li .share-box .share-btn {
  background: url("../img/ic_share.svg") no-repeat center/cover;
  width: 40px;
  height: 40px;
}
section.platform-mypage .list-box ul li .item-box {
  display: block;
}
section.platform-mypage .list-box ul li .item-box .item-head-box {
  color: #404040;
  text-align: center;
  padding-bottom: 33px;
  font-weight: 300;
  font-size: 14px;
}
section.platform-mypage .list-box ul li .item-box .item-body-box .img-box {
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
section.platform-mypage .list-box ul li .item-box .item-body-box .img-box img {
  width: 100%;
  max-width: 100%;
}

article.page-menu-layout2 .menu-group-box .menu-list {
  display: flex;
  align-items: center;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 122px;
  padding: 0 10px;
  background-color: #fff;
  height: 32px;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn.type-gray {
  border-bottom: 2px solid #4d4d4d;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn.type-gray .menu-txt {
  color: #4d4d4d;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn + .menu-btn {
  margin-left: 5px;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn:hover, article.page-menu-layout2 .menu-group-box .menu-list .menu-btn:focus, article.page-menu-layout2 .menu-group-box .menu-list .menu-btn.on {
  background-color: #00b0f0;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn:hover .menu-txt, article.page-menu-layout2 .menu-group-box .menu-list .menu-btn:focus .menu-txt, article.page-menu-layout2 .menu-group-box .menu-list .menu-btn.on .menu-txt {
  color: #fff;
}
article.page-menu-layout2 .menu-group-box .menu-list .menu-btn .menu-txt {
  font-size: 12px;
  font-weight: 500;
  color: #555;
}
article.page-menu-layout2 .menu-menu-msg-box {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  color: #404040;
}

section.platform-mypage .menu-group-box .menu-list .menu-btn:nth-child(2) {
  display: none !important;
}

article.page-menu-layout3.type-space {
  padding-bottom: 50px;
}
article.page-menu-layout3 .menu-group-box.mypage .menu-list .menu-btn:nth-child(2) {
  display: none !important;
}
article.page-menu-layout3 .menu-group-box .menu-list {
  display: flex;
  align-items: center;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px #c7ccce;
  color: #c2c5c7;
  height: 33px;
  border-radius: 33px;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn.type-gray {
  border-bottom: 2px solid #4d4d4d;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn.type-gray .menu-txt {
  color: #4d4d4d;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn + .menu-btn {
  margin-left: 8px;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:hover, article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:focus, article.page-menu-layout3 .menu-group-box .menu-list .menu-btn.on {
  background-color: #00b0f0;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:hover .menu-txt, article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:focus .menu-txt, article.page-menu-layout3 .menu-group-box .menu-list .menu-btn.on .menu-txt {
  color: #fff;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:hover ~ .menu-btn {
  background-color: #ffffff !important;
  box-shadow: 0 3px 6px #c7ccce !important;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn:hover ~ .menu-btn .menu-txt {
  color: #555 !important;
}
article.page-menu-layout3 .menu-group-box .menu-list .menu-btn .menu-txt {
  font-size: 12px;
  font-weight: 700;
  color: #555;
}
article.page-menu-layout3 .menu-menu-msg-box {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  color: #404040;
}

article.full-layer-intro-layout .intro-head-box {
  padding-bottom: 64px;
  border-bottom: 1px solid #fff;
  height: 180px;
}
article.full-layer-intro-layout .intro-head-box .head-main-box {
  color: #fff;
  padding-bottom: 26px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  font-size: 25px;
}
article.full-layer-intro-layout .intro-head-box .head-desc-box {
  font-size: 15px;
  line-height: 28px;
  color: #fff;
}
article.full-layer-intro-layout .intro-box {
  position: relative;
}
article.full-layer-intro-layout .intro-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: -32px;
  width: 12px;
  height: 12px;
  background-color: #00b0f0;
}
article.full-layer-intro-layout .intro-box .intro-txt-box {
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 30px;
}

article.full-layer-des-layout .des-box {
  padding-bottom: 70px;
}
article.full-layer-des-layout .des-box .ic-box {
  padding-bottom: 25px;
}
article.full-layer-des-layout .des-box .ic-box .ic.ic-mark {
  background: url("../img/ic_terms_mark.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.full-layer-des-layout .des-box .ic-box .ic.ic-mark2 {
  background: url("../img/ic_terms_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.full-layer-des-layout .des-box .des-tit-box {
  font-weight: 700;
  font-family: "Noto Sans KR";
  font-size: 18px;
  padding-bottom: 33px;
}
article.full-layer-des-layout .des-box .des-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #404040;
}

article.layer-mypage-leave-layout {
  padding: 146px 105px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article.layer-mypage-leave-layout .leave-info-box {
  font-size: 14px;
  font-family: "Noto Sans KR";
  line-height: 20px;
}
article.layer-mypage-leave-layout .leave-form-box {
  width: 362px;
  height: 238px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
}
article.layer-mypage-leave-layout .leave-form-box .leave-msg-box {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  color: #343434;
  text-align: center;
}
article.layer-mypage-leave-layout .leave-form-box .leave-menu-list {
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.layer-mypage-leave-layout .leave-form-box .leave-menu-list .leave-menu-btn {
  width: 92px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
article.layer-mypage-leave-layout .leave-form-box .leave-menu-list .leave-menu-btn + .leave-menu-btn {
  margin-left: 12px;
}
article.layer-mypage-leave-layout .leave-form-box .leave-menu-list .leave-menu-btn.type-1 {
  border: 1px solid #00b0f0;
  color: #00b0f0;
}
article.layer-mypage-leave-layout .leave-form-box .leave-menu-list .leave-menu-btn.type-2 {
  color: #fff;
  background-color: #00b0f0;
}

article.mypage-info-layout .mypage-info-msg-box {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: #5c5c5c;
  padding-top: 54px;
  display: flex;
  justify-content: space-between;
}
article.mypage-info-layout .mypage-info-msg-box .info-option-box {
  display: inline-flex;
  align-items: center;
}
article.mypage-info-layout .mypage-info-msg-box .info-option-box .info-option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-family: "Noto Sans KR";
  height: 27px;
  width: 70px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  background-color: #00b0f0;
}
article.mypage-info-layout .mypage-info-msg-box .info-option-box .info-option-btn + .info-option-btn {
  margin-left: 10px;
}
article.mypage-info-layout .list-summary-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 20px;
  font-family: "Noto Sans KR";
}
article.mypage-info-layout .list-summary-box .list-view-box {
  font-size: 14px;
  font-weight: 300;
  color: #5c5c5c;
}
article.mypage-info-layout .list-summary-box .list-sub-box {
  font-size: 14px;
  font-weight: 300;
  color: #5c5c5c;
}
article.mypage-info-layout .tabs-group {
  padding-top: 65px;
  padding-bottom: 65px;
}
article.mypage-info-layout .tabs-group .tabs-box {
  display: none;
  position: relative;
}
article.mypage-info-layout .tabs-group .tabs-box .tabs-next-btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  background: url("../img/ic_tabs_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
article.mypage-info-layout .tabs-group .tabs-box .tabs-prev-btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  background: url("../img/ic_tabs_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
article.mypage-info-layout .tabs-group .tabs-box + .tabs-box {
  margin-top: 30px;
}
article.mypage-info-layout .tabs-group .tabs-box[data-tabs=tabs1] {
  display: block;
}
article.mypage-info-layout .tabs-submit-box {
  padding-top: 50px;
  padding-bottom: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.mypage-info-layout .tabs-submit-box .tabs-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 132px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.04em;
  font-family: "Noto Sans KR";
}

section.platform-visual {
  margin-top: 105px;
}
section.platform-visual.type-buy-renew {
  background-color: #1707FB;
}
section.platform-visual.type-buy-renew .wrap {
  height: 432px;
  align-items: flex-start;
  padding-top: 180px;
}
section.platform-visual.type-buy-renew .wrap .txt-group-box {
  padding-bottom: 0;
}
section.platform-visual.type-buy-renew .wrap .txt-group-box .main-box {
  color: #fff;
}
section.platform-visual.type-buy-renew .wrap .txt-group-box .sub-box {
  color: #fff;
  font-size: 14px;
  line-height: 29px;
}
section.platform-visual.type-buy-renew .wrap .img-box {
  right: -207px;
  bottom: -154px;
}
section.platform-visual.type-buy .wrap {
  height: 972px;
  padding-top: 195px;
  align-items: flex-start;
}
section.platform-visual.type-buy .txt-group-box {
  padding-bottom: 0;
}
section.platform-visual.type-buy .img-box {
  bottom: 55px;
}
@media (max-width: 1024px) {
  section.platform-visual {
    margin-top: 0;
  }
}
section.platform-visual .wrap {
  height: 750px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
section.platform-visual .img-box {
  position: absolute;
  right: 0;
  bottom: 166px;
}
section.platform-visual .img-box img {
  max-width: 100%;
}
section.platform-visual .txt-group-box {
  padding-bottom: 124px;
}
section.platform-visual .txt-group-box .main-box {
  padding-bottom: 22px;
  color: #00b0f0;
  font-weight: 700;
  font-family: "Noto Sans KR";
  font-size: 26px;
  line-height: 36px;
}
section.platform-visual .txt-group-box .main-box.large {
  font-size: 40px;
  line-height: 44px;
  padding-bottom: 30px;
}
section.platform-visual .txt-group-box .sub-box {
  position: relative;
  font-size: 14px;
  line-height: 26px;
  color: #7f7f7f;
  font-family: "Noto Sans KR";
}
section.platform-visual .txt-group-box .sub-box .link-btn {
  text-decoration: underline;
  text-underline-position: under;
  color: #00b0f0;
}

section.platform-buy {
  background-color: #f2f5f5;
  padding: 160px 0 155px;
}
section.platform-buy.type-top {
  margin-top: 105px;
}
section.platform-buy.type-buy-renew {
  padding-top: 120px;
}

section.platform-sell {
  background-color: #f2f5f5;
  padding: 50px 0 252px;
}
section.platform-sell.type-top {
  margin-top: 105px;
}

article.platform-agree-head-layout {
  padding-bottom: 111px;
}
article.platform-agree-head-layout .head-tit-box .ic-box {
  padding-bottom: 25px;
}
article.platform-agree-head-layout .head-tit-box .ic-box .ic-mark {
  background: url(../img/ic_terms_mark.svg) no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.platform-agree-head-layout .head-tit-box .head-tit-box {
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
}
article.platform-agree-head-layout .head-tit-box .head-txt-box {
  padding-top: 34px;
  line-height: 26px;
  color: #404040;
  font-family: "Noto Sans KR";
}
article.platform-agree-head-layout .agree-view-btn {
  display: flex;
  align-items: center;
}
article.platform-agree-head-layout .agree-view-btn > .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
article.platform-agree-head-layout .agree-view-btn > .wrap .img-icon {
  width: 100px;
  height: 100px;
  background-color: black;
  background: url("/img/icon/img_agree_btn_default.svg") no-repeat center/cover;
}
article.platform-agree-head-layout .agree-view-btn > .wrap:hover .img-icon {
  background: url("/img/icon/img_agree_btn_hover.svg") no-repeat center/cover;
}

article.platform-agree-body-layout {
  padding: 50px;
  background-color: #fff;
  margin-bottom: 50px;
}
article.platform-agree-body-layout .head-tit-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
}
article.platform-agree-body-layout .head-tit-box .ic-box {
  padding-bottom: 25px;
}
article.platform-agree-body-layout .head-tit-box .ic-box .ic-mark {
  background: url(../img/ic_terms_mark.svg) no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.platform-agree-body-layout .head-tit-box .head-tit-box {
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
}
article.platform-agree-body-layout .head-tit-box .head-con-box .agree-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
}
article.platform-agree-body-layout .head-tit-box .head-con-box .agree-btn.on i {
  background: url(../img/ic_category_cbox_on.svg) no-repeat center/cover;
}
article.platform-agree-body-layout .head-tit-box .head-con-box .agree-btn i {
  display: inline-flex;
  background: url(../img/ic_category_cbox_off.svg) no-repeat center/cover;
  width: 13px;
  height: 13px;
}
article.platform-agree-body-layout .head-tit-box .head-con-box .agree-btn .txt {
  margin-left: 8px;
  font-size: 16px;
  line-height: 22px;
  font-family: "Noto Sans KR";
  color: #000000;
}
article.platform-agree-body-layout .head-tit-box .head-txt-box {
  padding-top: 34px;
  line-height: 26px;
  color: #404040;
  font-family: "Noto Sans KR";
}
article.platform-agree-body-layout .body-con-box {
  border: 1px solid #d9d9d9;
}
article.platform-agree-body-layout .body-con-box article.terms-view-layout2 {
  height: 554px;
}
article.platform-agree-body-layout .summary-box {
  padding-right: 10px;
  text-align: right;
}
article.platform-agree-body-layout .summary-box .summary-btn {
  font-size: 14px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 22px;
}

article.platform-trade-head-layout * {
  font-family: "Noto Sans KR";
}
article.platform-trade-head-layout .head-tit-box .num-box {
  color: #00b0f0;
  font-size: 14px;
  font-weight: 700;
}
article.platform-trade-head-layout .head-tit-box .head-txt-box {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
article.platform-trade-head-layout .head-tit-box .head-txt-box .head-txt {
  font-weight: 700;
  font-size: 22px;
}
article.platform-trade-head-layout .head-tit-box .head-txt-box .new-txt {
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 30px;
  color: #00b0f0;
  padding-left: 15px;
}
article.platform-trade-head-layout .head-tit-box .head-txt-box .ic.ic-new {
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
article.platform-trade-head-layout .head-des-box {
  padding-top: 16px;
}
article.platform-trade-head-layout .head-des-box .des-txt-box {
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}
article.platform-trade-head-layout .head-des-box .des-txt-box .ic.ic-tooltip {
  background: url("../img/ic_tooltip.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.platform-trade-head-layout .head-step-box {
  padding-top: 103px;
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
article.platform-trade-head-layout .head-step-box .step-list {
  display: inline-flex;
  align-items: center;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box {
  display: inline-flex;
  align-items: center;
  width: 74px;
  height: 60px;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box + .step-box {
  margin-left: 10px;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step1 {
  background: url("../img/img_platform_sell_step1.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step1.on {
  background: url("../img/img_platform_sell_step1_on.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step2 {
  background: url("../img/img_platform_sell_step2.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step2.on {
  background: url("../img/img_platform_sell_step2_on.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step3 {
  margin-left: 2px;
  background: url("../img/img_platform_sell_step3.svg") no-repeat center/60px 60px;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step3.on {
  background: url("../img/img_platform_sell_step3_on.svg") no-repeat center/60px 60px;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step4 {
  width: 60px;
  background: url("../img/img_platform_sell_step4.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.sell-step4.on {
  background: url("../img/img_platform_sell_step4_on.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step1 {
  background: url("../img/img_platform_invest_sell_step1.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step1.on {
  background: url("../img/img_platform_invest_sell_step1_on.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step2 {
  background: url("../img/img_platform_invest_sell_step2.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step2.on {
  background: url("../img/img_platform_invest_sell_step2_on.svg") no-repeat center/cover;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step3 {
  background: url("../img/img_platform_invest_sell_step3.svg") no-repeat center/cover;
  width: 60px;
}
article.platform-trade-head-layout .head-step-box .step-list .step-box.invest-sell-step3.on {
  background: url("../img/img_platform_invest_sell_step3_on.svg") no-repeat center/cover;
}

article.platform-trade-selector-layout .selector-msg-box {
  font-size: 12px;
  line-height: 18px;
  padding-top: 15px;
}
article.platform-trade-selector-layout .selector-wrap {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
}
article.platform-trade-selector-layout .selector-wrap.style-other {
  padding: 0;
}
article.platform-trade-selector-layout .selector-wrap.style-other .selector-info-wrap {
  position: relative;
  display: flex;
  padding: 52px 0;
  min-height: 250px;
  width: 100%;
}
article.platform-trade-selector-layout .selector-wrap.style-other .select-info-box {
  flex: 1;
  padding: 0 52px 0 52px;
  border-left: 1px solid #dddddd;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
article.platform-trade-selector-layout .selector-wrap.style-other .select-info-box .select-info-txt-box {
  padding-bottom: 25px;
}
article.platform-trade-selector-layout .selector-wrap .select-guide-box {
  width: 513px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 130px;
  color: #606060;
  font-size: 13px;
  font-weight: 300;
  font-family: "Noto Sans KR";
}
article.platform-trade-selector-layout .selector-wrap .select-guide-box .guide-contents-box {
  display: inline-flex;
  align-items: center;
}
article.platform-trade-selector-layout .selector-wrap .select-guide-box .guide-contents-box .guide-txt-box {
  font-weight: 400;
  font-size: 16px;
  font-family: "Noto Sans KR";
  line-height: 26px;
  color: #222;
}
article.platform-trade-selector-layout .selector-wrap .selector-info-wrap .select-info-txt-box {
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 26px;
  color: #222;
  padding-bottom: 40px;
}
article.platform-trade-selector-layout .selector-wrap .selector-info-wrap .row {
  width: 100%;
}
article.platform-trade-selector-layout .selector-wrap .selector-info-wrap .row .item-box + .item-box {
  margin-left: 39px;
}
article.platform-trade-selector-layout .selector-wrap .row.full {
  width: 100%;
}
article.platform-trade-selector-layout .selector-wrap .row-group-box {
  display: flex;
  width: 100%;
}
article.platform-trade-selector-layout .selector-wrap .row-group-box .row-subject-box {
  width: 120px;
}
article.platform-trade-selector-layout .selector-wrap .row-group-box .row-subject-box .row-subject-txt {
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
article.platform-trade-selector-layout .selector-wrap .row-group-box .row-con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-selector-layout .selector-wrap .item-select-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
}
article.platform-trade-selector-layout .selector-wrap .item-select-btn.active i {
  background: url(../img/ic_rbox_on.svg) no-repeat center/cover;
}
article.platform-trade-selector-layout .selector-wrap .item-select-btn i {
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 20px;
  background: url(../img/ic_rbox_off.svg) no-repeat center/cover;
}
article.platform-trade-selector-layout .selector-wrap .item-select-btn .txt {
  padding-left: 25px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  font-family: "Noto Sans KR";
}
article.platform-trade-selector-layout .selector-wrap .row .item-box {
  display: inline-flex;
  align-items: center;
  position: relative;
}
article.platform-trade-selector-layout .selector-wrap .row .item-box + .item-box {
  margin-left: 80px;
}
article.platform-trade-selector-layout .additional-info-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  z-index: 100;
  display: none;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-wrap {
  width: 360px;
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 10px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tit-box {
  padding: 60px 35px 35px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tit-box .ic-box .ic-arrow {
  background: url("../img/ic_additional_arrow.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tit-box .tit-box {
  padding-top: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 22px;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box {
  background-color: #00b0f0;
  padding: 35px;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box .other-item-box {
  display: flex;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box .other-item-box + .other-item-box {
  margin-top: 10px;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box .other-item-box .subject-box {
  display: inline-flex;
  align-items: center;
  width: 65px;
  height: 36px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box .other-item-box .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-selector-layout .additional-info-box .additional-other-box .other-item-box .con-box .sub-msg-box {
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap {
  border: 1px solid #ededed;
  background-color: #fff;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .additional-tabs-box {
  position: relative;
  display: none;
  width: 360px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .additional-tabs-box[data-tabs=tabs1] {
  display: block;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .additional-tabs-box[data-tabs=tabs3] {
  width: 440px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-step-box {
  display: flex;
  align-items: center;
  position: absolute;
  right: 13px;
  top: 16px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box {
  display: inline-flex;
  align-items: center;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #dedede;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box + .circle-box {
  margin-left: 2px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box.on {
  background-color: #00b0f0;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-head-box {
  padding: 60px 50px 40px;
  min-height: 163px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-head-box .ic-box {
  padding-bottom: 10px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-head-box .ic-box .ic-mark {
  background: url(../img/ic_terms_mark.svg) no-repeat center/cover;
  width: 14px;
  height: 14px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-head-box .head-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  min-height: 36px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box {
  min-height: 140px;
  padding: 0 60px 37px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box {
  display: flex;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box {
  display: inline-flex;
  flex-direction: column;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box + .file-item-box {
  margin-left: 23px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box .item-subject-box {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  line-height: 15px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .file-menu-box {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .file-menu-box .file-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 23px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.04em;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box {
  min-height: 140px;
  padding: 0 60px 37px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box .rbox + .rbox {
  margin-left: 35px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box .rbox .txt {
  font-size: 11px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-menu-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 13px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-menu-box .select-menu-btn {
  color: #00b0f0;
  font-size: 10px;
  font-family: "Noto Sans KR";
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box {
  padding: 0 60px 37px;
  min-height: 140px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row {
  display: flex;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row + .row {
  margin-top: 9px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .subject-box {
  width: 70px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 12px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .con-box .tbox input {
  border-radius: 0;
  border: 1px solid #d9d9d9;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .con-box .sub-msg-box {
  font-size: 10px;
  font-weight: 300;
  padding-top: 10px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-foot-box {
  display: flex;
  justify-content: space-between;
  background-color: #00b0f0;
  padding: 17px 20px 36px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-foot-box.right-align {
  justify-content: flex-end;
}
article.platform-trade-selector-layout .additional-info-box .additional-tabs-wrap .tabs-foot-box .tabs-move-btn {
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap {
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 30px 40px;
  width: 360px;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row {
  display: flex;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row + .info-row {
  margin-top: 30px;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box {
  display: inline-flex;
  align-items: center;
  width: 100px;
  font-family: "Noto Sans KR";
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box .subject-txt {
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box .ic.ic-new {
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-selector-layout .additional-info-box .additional-info-wrap .info-row-list .info-row .con-box .rbox-group {
  display: flex;
  justify-content: space-between;
}
article.platform-trade-selector-layout .additional-info-box .additional-menu-box {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
article.platform-trade-selector-layout .additional-info-box .additional-menu-box.type-space {
  padding: 25px 0;
}
article.platform-trade-selector-layout .additional-info-box .additional-menu-box .additional-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background-color: #00b0f0;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  letter-spacing: 0.04em;
  width: 123px;
}

article.platform-trade-menu-layout {
  display: flex;
  align-items: center;
  padding-top: 30px;
  justify-content: space-between;
}
article.platform-trade-menu-layout.type-right {
  justify-content: flex-end;
}
article.platform-trade-menu-layout.type-center {
  justify-content: center;
}
article.platform-trade-menu-layout .menu-box {
  display: flex;
}
article.platform-trade-menu-layout .menu-box .menu-box-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  height: 32px;
  font-family: "Noto Sans KR";
  width: 123px;
  font-size: 11px;
  letter-spacing: 0.04em;
}
article.platform-trade-menu-layout .menu-box .menu-box-btn + .menu-box-btn {
  margin-left: 20px;
}
article.platform-trade-menu-layout .menu-box .menu-btn {
  display: inline-flex;
  align-items: center;
  font-family: "Noto Sans KR";
  font-weight: 700;
  color: #00b0f0;
}

article.tooltip-layout3 {
  display: inline-flex;
  position: relative;
}
article.tooltip-layout3.type-left .tooltip-msg-box {
  left: -50px;
  transform: none;
}
article.tooltip-layout3 .tooltip-txt {
  color: #00b0f0 !important;
  cursor: pointer;
  font-family: "Noto Sans KR";
  position: absolute;
  left: 207px;
  width: auto;
  z-index: 300;
  margin-top: 0 !important;
  padding: 0 10px !important;
  top: -120px;
  border: none;
}
article.tooltip-layout3 .tooltip-txt.bold {
  font-weight: 700;
}
article.tooltip-layout3 .tooltip-txt.active ~ .tooltip-msg-box {
  display: block;
}
article.tooltip-layout3 .tooltip-txt.type-underline {
  text-decoration: underline;
  text-underline-position: under;
}
article.tooltip-layout3 .tooltip-txt .ic.ic-tooltip {
  background: url("../img/ic_tooltip.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.tooltip-layout3 .tooltip-txt-btn.active ~ .tooltip-msg-box {
  display: block;
}
article.tooltip-layout3 .tooltip-msg-box {
  display: none;
  position: absolute;
  z-index: 9999999;
  min-width: 320px;
  width: 320px;
  left: 60px;
  top: -140px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-close-btn {
  z-index: 10;
  position: absolute;
  right: 22px;
  top: 24px;
  background: url("../img/ic_tooltip_close.svg") no-repeat center/13px 13px;
  width: 23px;
  height: 23px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-close-btn.type-white {
  background: url("../img/ic_tooltip_close_white.svg") no-repeat center/cover;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap {
  padding: 0 34px 0;
  border-radius: 30px;
  background-color: #ffc000;
  text-align: left;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box .tooltip-head-txt {
  background: url("../img/img_tooltip_tit.png") no-repeat center bottom 27px/249px 122px;
  height: 219px;
  width: 100%;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box {
  padding-bottom: 36px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  font-family: "Malgun Gothic";
  line-height: 24px;
  letter-spacing: 1px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box + .tooltip-txt-box {
  margin-top: 10px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-subject-box {
  font-family: "Malgun Gothic";
  font-weight: 700;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-subject-box + .tooltip-con-box {
  padding-top: 8px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-con-box {
  line-height: 21px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-con-box .ident-txt-box {
  text-indent: -10px;
  padding-left: 10px;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box {
  height: 90px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #707070;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box .tooltip-link-box {
  width: 100%;
  display: flex;
  justify-content: center;
}
article.tooltip-layout3 .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box .tooltip-link-box .tooltip-link-btn {
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  font-family: "Malgun Gothic";
  color: #00b0f0;
  text-decoration: underline;
  text-underline-position: under;
}

article.tooltip-layout2 {
  display: inline-flex;
  position: relative;
}
article.tooltip-layout2.type-left .tooltip-msg-box {
  left: -50px;
  transform: none;
}
article.tooltip-layout2.large > .tooltip-msg-box > .tooltip-msg-wrap {
  min-width: 560px;
  padding: 45px 55px 50px;
}
article.tooltip-layout2 .tooltip-txt {
  color: #00b0f0;
  cursor: pointer;
  font-family: "Noto Sans KR";
}
article.tooltip-layout2 .tooltip-txt.bold {
  font-weight: 700;
}
article.tooltip-layout2 .tooltip-txt.active ~ .tooltip-msg-box {
  display: block;
}
article.tooltip-layout2 .tooltip-txt.type-underline {
  text-decoration: underline;
  text-underline-position: under;
}
article.tooltip-layout2 .tooltip-txt .ic.ic-tooltip {
  background: url("../img/ic_tooltip.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.tooltip-layout2 .tooltip-msg-box {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  z-index: 300;
  min-width: 310px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-close-btn {
  z-index: 10;
  position: absolute;
  right: 10px;
  top: -30px;
  background: url("../img/ic_tooltip_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-close-btn.type-white {
  background: url("../img/ic_tooltip_close_white.svg") no-repeat center/cover;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap {
  padding: 45px 32px 40px;
  border-radius: 50px;
  border: 10px solid #fec100;
  background-color: #101010;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box {
  padding-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box.large {
  padding-bottom: 39px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box.large .tooltip-head-txt {
  width: 258px;
  height: 23px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box .tooltip-head-txt {
  background: url("../img/img_tooltip_more_small.svg") no-repeat center/cover;
  width: 182px;
  height: 16px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box {
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 15px;
  line-height: 26px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-list-box .list-box {
  position: relative;
  font-size: 13px;
  line-height: 23px;
  font-family: "Noto Sans KR";
  padding-left: 16px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-list-box .list-box:after {
  content: "▪";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
}
article.tooltip-layout2 .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-list-box .list-box + .list-box {
  margin-top: 6px;
}

article.full-layer-table-list {
  padding-top: 73px;
}
article.full-layer-table-list .paging-box {
  padding: 0 20px;
}
article.full-layer-table-list .page-menu-box {
  padding-top: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.full-layer-table-list .page-menu-box .page-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 144px;
  background-color: #fff;
  font-weight: 500;
  font-size: 16px;
  color: #403f3f;
  border-radius: 46px;
}
article.full-layer-table-list .page-menu-box .page-menu-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}
article.full-layer-table-list .table-body-box .table-box {
  position: relative;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
article.full-layer-table-list .table-body-box .table-box table {
  table-layout: fixed;
}
article.full-layer-table-list .table-body-box .table-box table thead tr {
  border-bottom: 1px solid #ffffff;
}
article.full-layer-table-list .table-body-box .table-box table thead tr th {
  padding: 16px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  font-family: "Noto Sans KR";
  position: relative;
}
article.full-layer-table-list .table-body-box .table-box table thead tr th:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #fff;
}
article.full-layer-table-list .table-body-box .table-box table thead tr th:first-child:after {
  display: none;
}
article.full-layer-table-list .table-body-box .table-box table tbody tr td {
  font-size: 14px;
  padding: 12px 9px;
  line-height: 22px;
  color: #fff;
  font-family: "Noto Sans KR";
  text-align: center;
}
article.full-layer-table-list .table-body-box .table-box table tbody tr td .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  width: auto;
}
article.full-layer-table-list .table-body-box .table-box table tbody tr td .rbox.static i {
  position: relative;
  top: 1px;
}
article.full-layer-table-list .table-body-box .table-box .table-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  background-color: #00b0f0;
  border-radius: 12px;
  border: 1px solid #00b0f0;
  padding: 0 14px;
  height: 23px;
}
article.full-layer-table-list .table-body-box .table-box .table-btn:hover {
  border: 1px solid #00b0f0;
  color: #00b0f0;
  background-color: #fff;
}
article.full-layer-table-list .table-body-box .table-box .table-btn.bg-black {
  border: 1px solid #403f3f;
  background-color: #403f3f;
  color: #fff;
}
article.full-layer-table-list .table-body-box .table-box .table-btn.bg-black:hover {
  border: 1px solid #403f3f;
  background-color: #fff;
  color: #403f3f;
}
article.full-layer-table-list .table-body-box .table-box .table-nodata {
  padding-top: 50px;
  height: 280px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-bottom: 2px solid #fff;
}
article.full-layer-table-list .table-body-box .table-box .table-nodata .nodata-msg-box {
  font-family: "Noto Sans KR";
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}
article.full-layer-table-list .table-body-box .table-box .table-nodata .nodata-link-box {
  text-align: center;
  padding-top: 20px;
}
article.full-layer-table-list .table-body-box .table-box .table-nodata .nodata-link-box .nodata-link-btn {
  color: #00b0f0;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 14px;
}

article.tooltip-layout {
  display: inline-flex;
  position: relative;
}
article.tooltip-layout.type-left .tooltip-msg-box {
  padding-left: 20px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
article.tooltip-layout * {
  font-family: "Noto Sans KR";
}
article.tooltip-layout .tooltip-txt {
  font-weight: 500;
  color: #00b0f0;
}
article.tooltip-layout .tooltip-txt.type-underline {
  text-decoration: underline;
  text-underline-position: under;
}
article.tooltip-layout .tooltip-txt .ic.ic-tooltip {
  background: url("../img/ic_tooltip.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.tooltip-layout .tooltip-msg-box {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
  padding-top: 20px;
  z-index: 300;
  min-width: 310px;
}
article.tooltip-layout .tooltip-msg-box .tooltip-msg-wrap {
  padding: 45px 38px 50px;
  border-radius: 90px;
  border: 10px solid #fec100;
  background-color: #101010;
}
article.tooltip-layout .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.tooltip-layout .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box .tooltip-head-txt {
  background: url("../img/img_tooltip_head.svg") no-repeat center/cover;
  width: 135px;
  height: 31px;
}
article.tooltip-layout .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box {
  font-size: 12px;
  line-height: 26px;
  color: #fff;
}

article.platform-trade-form-layout .form-group {
  background-color: #fff;
  padding: 105px 200px;
}
article.platform-trade-form-layout .form-group.style-inner {
  padding: 0;
}
article.platform-trade-form-layout .form-group .form-submit-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
}
article.platform-trade-form-layout .form-group .form-submit-box .form-submit-txt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #00b0f0;
  border-radius: 33px;
  height: 32px;
  width: 120px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  border: 1px solid #00b0f0;
}
article.platform-trade-form-layout .form-group .form-submit-box .form-submit-txt-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}
article.platform-trade-form-layout .form-group .form-submit-box .form-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  border-radius: 6px;
  height: 32px;
  width: 110px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-layout .form-group .form-box.width-small {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
article.platform-trade-form-layout .form-group .form-box + .form-box {
  padding-top: 85px;
  margin-top: 85px;
  border-top: 1px solid #d9d9d9;
}
article.platform-trade-form-layout .form-group .form-box + .form-box.line-small {
  padding-top: 45px;
  margin-top: 45px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-des-box .des-txt-box {
  letter-spacing: -0.02em;
  font-size: 14px;
  font-weight: 300;
  color: #606060;
  line-height: 25px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-des-box .des-txt-box.style2 {
  font-size: 14px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  line-height: 26px;
  color: #4d4d4d;
}
article.platform-trade-form-layout .form-group .form-box .form-head-des-box .des-txt-box.style3 {
  font-size: 15px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  line-height: 22px;
  color: #000000;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box.with-border {
  padding: 0 20px 23px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box .head-txt-box {
  padding-left: 10px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box .head-txt-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #00b0f0;
  height: 16px;
  width: 2px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box .head-txt-box .head-txt {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 700;
  line-height: 26px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box .head-txt-box .ic.ic-new {
  margin-left: 6px;
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.platform-trade-form-layout .form-group .form-box .form-head-box .head-sub-box {
  padding-left: 9px;
}
article.platform-trade-form-layout .form-group .form-box .form-foot-box {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 22px;
  padding-top: 17px;
  padding-left: 36px;
}
article.platform-trade-form-layout .form-group .form-box .form-note-box {
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  color: #606060;
  font-family: "Noto Sans KR";
  padding-top: 47px;
}
article.platform-trade-form-layout .form-group .form-box .form-alarm-box {
  padding: 0 0 88px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 300;
  color: #4d4d4d;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-layout .form-group .form-box .form-tit-view-box {
  padding-bottom: 43px;
  display: flex;
  align-items: center;
}
article.platform-trade-form-layout .form-group .form-box .form-tit-view-box .ic-box .ic.ic-form-tit1 {
  background: url("../img/ic_form_tit_icon1.svg") no-repeat center/cover;
  width: 71px;
  height: 70px;
}
article.platform-trade-form-layout .form-group .form-box .form-tit-view-box .txt-box {
  padding-left: 20px;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 25px;
  color: #4d4d4d;
}

article.platform-trade-form-textarea-layout .textarea-grouping-box + .textarea-grouping-box {
  margin-top: 20px;
}
article.platform-trade-form-textarea-layout .textarea-group-box {
  display: flex;
}
article.platform-trade-form-textarea-layout .textarea-group-box .subject-box {
  width: 120px;
  font-family: "Noto Sans KR";
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}
article.platform-trade-form-textarea-layout .textarea-group-box .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-textarea-layout .textarea-toggle-box {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
article.platform-trade-form-textarea-layout .textarea-toggle-box .textarea-toggle-btn {
  background: url("../img/ic_textarea_toggle_show.svg") no-repeat center/cover;
  width: 12px;
  height: 7px;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle {
  border: 1px solid #d9d9d9;
  padding: 20px 26px;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle textarea {
  border: 1px solid transparent;
  background-color: #f8f8f8;
  padding: 13px;
  height: 76px;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle textarea::placeholder {
  color: #4d4d4d;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle.active textarea {
  height: 124px;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle.active .textarea-toggle-box .textarea-toggle-btn {
  background: url("../img/ic_textarea_toggle_hide.svg") no-repeat center/cover;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle.active2 textarea {
  height: 248px;
}
article.platform-trade-form-textarea-layout .textarea-box.with-toggle.active2 .textarea-toggle-box .textarea-toggle-btn {
  background: url("../img/ic_textarea_toggle_hide.svg") no-repeat center/cover;
}
article.platform-trade-form-textarea-layout .textarea-box textarea {
  padding: 14px 17px;
  border: 1px solid #d9d9d9;
  resize: none;
  width: 100%;
  font-size: 12px;
  line-height: 24px;
}
article.platform-trade-form-textarea-layout .textarea-box textarea:focus {
  border: 1px solid #00b0f0;
}
article.platform-trade-form-textarea-layout .textarea-box textarea::placeholder {
  color: #7f7f7f;
}
article.platform-trade-form-textarea-layout .textarea-box textarea.error {
  border: 1px solid #f0002e;
}
article.platform-trade-form-textarea-layout .textarea-box .limit-box {
  padding-top: 6px;
  text-align: right;
  font-size: 12px;
  color: #a2a2a2;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-textarea-layout .textarea-line-box {
  padding: 20px 26px;
  border: 1px solid #d9d9d9;
}
article.platform-trade-form-textarea-layout .textarea-line-box .textarea-box textarea {
  background: #f8f8f8;
  border: 0;
}
article.platform-trade-form-textarea-layout .textarea-line-box .textarea-box textarea::placeholder {
  color: #4d4d4d;
}
article.platform-trade-form-textarea-layout .textarea-top-box {
  position: relative;
}
article.platform-trade-form-textarea-layout .textarea-top-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
article.platform-trade-form-textarea-layout .textarea-top-box .sub-box {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article.platform-trade-form-textarea-layout .textarea-top-box .sub-box .sub-item {
  font-size: 12px;
  font-weight: 300;
  color: #707070;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-textarea-layout .textarea-top-box .sub-box .sub-item a {
  font-family: "Noto Sans KR";
}
article.platform-trade-form-textarea-layout .textarea-top-box .sub-box #textInput {
  font-size: 12px;
  border: 5px solid #00b0f0;
  height: 56px;
  resize: none;
  width: 554px;
  border-radius: 28px;
  padding: 0 36px;
  line-height: 46px;
}
article.platform-trade-form-textarea-layout .textarea-tit-box {
  display: flex;
  padding-bottom: 23px;
}
article.platform-trade-form-textarea-layout .textarea-tit-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
article.platform-trade-form-textarea-layout .textarea-tit-box .sub-box {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  color: #707070;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-textarea-layout .textarea-limit-box {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
article.platform-trade-form-textarea-layout .textarea-limit-box.right {
  justify-content: flex-end;
}
article.platform-trade-form-textarea-layout .textarea-limit-box .msg-box {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 22px;
}
article.platform-trade-form-textarea-layout .textarea-limit-box .limit-box {
  color: #515151;
  font-size: 12px;
  line-height: 22px;
  font-family: "Noto Sans KR";
}

.textarea-box textarea.error {
  border: 1px solid #f0002e !important;
}

.sbox .set.error {
  border: 1px solid #f0002e !important;
}

article.platform-trade-form-table-layout .table-form-group .table-box .table-con-box {
  display: flex;
  align-items: center;
  padding-right: 22px;
  position: relative;
}
article.platform-trade-form-table-layout .table-form-group .table-box .table-con-box .unit-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 300;
}
article.platform-trade-form-table-layout .table-form-group .table-box table {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
article.platform-trade-form-table-layout .table-form-group .table-box table thead tr th {
  text-align: center;
  padding: 0 10px;
  height: 50px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
article.platform-trade-form-table-layout .table-form-group .table-box table thead tr th:first-child {
  border-right: 1px solid #d9d9d9;
}
article.platform-trade-form-table-layout .table-form-group .table-box table tbody tr td {
  text-align: center;
  padding: 0 10px;
  height: 50px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-table-layout .table-form-group .table-box table tbody tr td:first-child {
  border-right: 1px solid #d9d9d9;
}

article.platform-trade-form-input-layout .all-check-box {
  padding: 43px 0 67px;
}
article.platform-trade-form-input-layout .all-check-box .cbox label input[type=checkbox]:checked ~ i {
  background: url("../img/ic_category_cbox_on.svg") no-repeat center/cover;
}
article.platform-trade-form-input-layout .all-check-box .cbox label i {
  top: 5px;
  background: url("../img/ic_category_cbox_off.svg") no-repeat center/cover;
  width: 17px;
  height: 17px;
}
article.platform-trade-form-input-layout .all-check-box .cbox .txt {
  padding-left: 26px;
  font-size: 15px;
  font-family: "Noto Sans KR";
  font-weight: 400;
}
article.platform-trade-form-input-layout .list-box .list-item-box {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: stretch;
}
article.platform-trade-form-input-layout .list-box .list-item-box + .list-item-box {
  margin-top: 30px;
}
article.platform-trade-form-input-layout .list-box .list-item-box .subject-box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 85px;
  padding-right: 15px;
  border-right: 1px solid #d9d9d9;
}
article.platform-trade-form-input-layout .list-box .list-item-box .subject-box .subject-txt {
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box {
  height: 100%;
  padding-left: 15px;
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box .top-box {
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  height: 36px;
  display: flex;
  align-items: center;
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box .top-box .rbox + .rbox {
  margin-left: 116px;
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box .bottom-box {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box .bottom-box .tbox input {
  border-radius: 0;
}
article.platform-trade-form-input-layout .list-box .list-item-box .con-box .bottom-box .ic.ic-new {
  margin-left: 6px;
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}

article.platform-trade-form-set-layout .set-form-group .set-form-box .row + .row {
  margin-top: 30px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row + .row.space-long {
  margin-top: 50px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-group {
  display: flex;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-group.type-column {
  flex-flow: row wrap;
  margin: -15px -35px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-group.type-column .item-box {
  width: calc(50% - 70px);
  margin: 15px 35px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-group.type-column .item-box + .item-box {
  margin: 15px 35px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-msg-box {
  font-size: 12px;
  font-weight: 300;
  padding-top: 6px;
  color: #4d4d4d;
  padding-left: 120px;
  line-height: 22px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box {
  display: inline-flex;
  width: calc(50% - 35px);
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box.type-adjust {
  position: relative;
  left: -50px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box.full {
  width: 100%;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box + .item-box {
  margin-left: 70px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .subject-box {
  width: 120px;
  height: 36px;
  display: inline-flex;
  align-items: center;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .subject-box .subject-txt {
  font-family: "Noto Sans KR";
  letter-spacing: -0.03em;
  line-height: 22px;
  font-weight: 500;
  font-size: 13px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .subject-box .subject-txt .fbox .txt {
  letter-spacing: -0.03em !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .subject-box .ic.ic-new {
  margin-left: 2px;
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box {
  flex: 1;
  min-width: 0;
  position: relative;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .msg-txt-box {
  padding-left: 10px;
  padding-top: 6px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .rbox-group {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .rbox-group .rbox + .rbox {
  margin-left: 27px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sub-item-group {
  display: flex;
  align-items: center;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sub-item-box {
  display: inline-flex;
  align-items: center;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sub-item-box + .sub-item-box {
  margin-left: 38px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sub-item-box .sub-subject-box {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  height: 36px;
  font-weight: 300;
  padding-right: 7px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sub-item-box .sub-con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-group {
  display: inline-flex;
  align-items: center;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-group.full {
  width: 100%;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-group .unit-box {
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
  padding-left: 7px;
  font-weight: 300;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .textarea-box textarea {
  padding: 14px 17px;
  border: 1px solid #d9d9d9;
  resize: none;
  width: 100%;
  font-size: 12px;
  line-height: 24px;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .textarea-box textarea:focus {
  border: 1px solid #00b0f0;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .textarea-box textarea::placeholder {
  color: #7f7f7f;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .textarea-box .limit-box {
  padding-top: 6px;
  text-align: right;
  font-size: 12px;
  color: #a2a2a2;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-limit-box {
  display: flex;
  align-items: center;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-limit-box.right {
  justify-content: flex-end;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-limit-box.between {
  justify-content: space-between;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox-limit-box .limit-txt {
  font-size: 12px;
  line-height: 22px;
  padding-top: 6px;
  color: #a2a2a2;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox input {
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox input:focus {
  border: 1px solid #00b0f0;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox input:read-only {
  background-color: #f5f5f5;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox .limit-box {
  padding-top: 6px;
  text-align: right;
  font-size: 12px;
  color: #a2a2a2;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .tbox .limit-box.type-left {
  text-align: left;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sbox .set.active {
  border: 1px solid #00b0f0;
}
article.platform-trade-form-set-layout .set-form-group .set-form-box .row .item-box .con-box .sbox.smaller select {
  border: 1px solid #d9d9d9;
  height: 36px;
  padding: 0 30px 0 10px;
  font-size: 12px;
  background: #fff url("../img/ic_select_arrow2.svg") no-repeat center right 12px;
}

article.platform-sell-edit-layout + article.platform-sell-edit-layout {
  padding-top: 176px;
}
article.platform-sell-edit-layout .edit-form-head-box {
  padding-bottom: 44px;
}
article.platform-sell-edit-layout .edit-form-head-box .num-box {
  color: #00b0f0;
  font-size: 14px;
  font-weight: 700;
}
article.platform-sell-edit-layout .edit-form-head-box .head-txt-box {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
article.platform-sell-edit-layout .edit-form-head-box .head-txt-box .head-txt {
  font-weight: 700;
  font-size: 18px;
}
article.platform-sell-edit-layout .edit-form-head-box .head-txt-box .ic.ic-new {
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
article.platform-sell-edit-layout .edit-form-body-box {
  background-color: #fff;
  padding: 40px 200px;
}
article.platform-sell-edit-layout .edit-form-foot-box {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
article.platform-sell-edit-layout .edit-form-foot-box .more-btn {
  display: inline-flex;
  align-items: center;
}
article.platform-sell-edit-layout .edit-form-foot-box .more-btn .txt {
  color: #00b0f0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
article.platform-sell-edit-layout .edit-form-foot-box .more-btn .ic-more {
  margin-left: 6px;
  background: url("../img/ic_more.svg") no-repeat center/cover;
  width: 16px;
  height: 11px;
}

article.form-tabs-layout .form-tabs-list {
  padding-bottom: 47px;
  margin-bottom: 37px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
}
article.form-tabs-layout .form-tabs-list .rbox + .rbox {
  margin-left: 172px;
}
article.form-tabs-layout .form-tabs-group .form-tabs-box {
  display: none;
}

article.platform-sell-menu-layout .menu-list {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.platform-sell-menu-layout .menu-list .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  width: 123px;
  height: 32px;
  font-size: 11px;
  letter-spacing: 0.04em;
}

article.buy-list-layout .buy-head-box {
  padding-bottom: 42px;
}
article.buy-list-layout .buy-head-box .ic-box {
  padding-bottom: 25px;
}
article.buy-list-layout .buy-head-box .ic-box .ic.ic-mark {
  background: url("../img/ic_terms_mark.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.buy-list-layout .buy-head-box .ic-box .ic-txt-box {
  color: #404040;
  font-weight: 700;
  font-size: 16px;
  padding-top: 14px;
}
article.buy-list-layout .buy-head-box .head-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #272727;
}
article.buy-list-layout .buy-head-box .head-txt-box .small-txt {
  font-size: 14px;
}
article.buy-list-layout .summary-box {
  padding-top: 55px;
  padding-bottom: 32px;
}
article.buy-list-layout .summary-box .summary-txt-box {
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  line-height: 30px;
  color: #272727;
}
article.buy-list-layout .align-filter-box {
  display: flex;
  position: relative;
}
article.buy-list-layout .align-filter-box .filter-menu-box {
  padding-top: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.buy-list-layout .align-filter-box .filter-menu-box .filter-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  height: 32px;
  width: 123px;
  font-family: "Noto Sans KR";
  font-size: 11px;
  letter-spacing: 0.04em;
}
article.buy-list-layout .align-filter-box .filter-option-box {
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  z-index: 300;
  display: none;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-close-btn {
  position: absolute;
  right: 10px;
  top: -26px;
  background: url("../img/ic_filter_close.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap {
  white-space: nowrap;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #adadad;
  padding: 44px 34px;
  min-width: 350px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-selector-box .rbox + .rbox {
  margin-left: 26px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-selector-box .rbox .txt {
  font-weight: 400;
  font-size: 15px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-selector-box {
  padding-bottom: 37px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-selector-box .subject-box {
  padding-bottom: 13px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-form-list .row {
  display: flex;
  align-items: center;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-form-list .row + .row {
  margin-top: 20px;
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-form-list .row .subject-box {
  display: inline-flex;
  align-items: center;
  width: 110px;
  height: 36px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.buy-list-layout .align-filter-box .filter-option-box .filter-option-wrap .filter-form-list .row .con-box {
  flex: 1;
  min-width: 0;
}
article.buy-list-layout .align-filter-box .filter-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
}
article.buy-list-layout .align-filter-box .filter-box .filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 150px;
  background-color: #00b0f0;
}
article.buy-list-layout .align-filter-box .filter-box .filter-btn .ic.ic-filter {
  margin-right: 5px;
  background: url("../img/ic_filter_search.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.buy-list-layout .align-filter-box .filter-box .filter-btn .txt {
  color: #fff;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 13px;
}
article.buy-list-layout .align-filter-box .filter-btn-box {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}
article.buy-list-layout .align-filter-box .filter-btn-box .search-btn {
  background: url("../img/ic_filter_search_btn.svg") no-repeat center/22px;
  width: 38px;
  height: 38px;
}
article.buy-list-layout .align-filter-box .filter-btn-box .reset-btn {
  margin-left: 5px;
  background: url("../img/ic_filter_reset_btn.svg") no-repeat center;
  width: 38px;
  height: 38px;
}
article.buy-list-layout .align-filter-box .filter-select-list {
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
}
article.buy-list-layout .align-filter-box .filter-select-list .filter-select-box + .filter-select-box {
  margin-left: 5px;
}
article.buy-list-layout .align-filter-box .filter-select-list .filter-select-box .sbox .set {
  border: 1px solid #00b0f0;
  height: 38px;
  width: 150px;
  padding: 0 35px 0 20px;
  background: #00b0f0 url(../img/ic_select_arrow3.svg) no-repeat center right 12px;
}
article.buy-list-layout .align-filter-box .filter-select-list .filter-select-box .sbox .set .set-txt {
  color: #fff;
}
article.buy-list-layout .align-filter-box .filter-select-list .filter-select-box .sbox .select-menu .select-btn {
  padding: 0 12px;
}
article.buy-list-layout .align-filter-box .align-list {
  display: inline-flex;
}
article.buy-list-layout .align-filter-box .align-list .align-box + .align-box {
  margin-left: 5px;
}
article.buy-list-layout .align-filter-box .align-list .align-box .align-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 130px;
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  color: #000;
}
article.buy-list-layout .align-filter-box .align-list .align-box .align-btn.on {
  color: #00b0f0;
  border: 1px solid #00b0f0;
  background-color: #fff;
}
article.buy-list-layout .corp-filter-box {
  display: flex;
}
article.buy-list-layout .corp-filter-box .filter-box + .filter-box {
  margin-left: 5px;
}
article.buy-list-layout .corp-filter-box .filter-box label {
  cursor: pointer;
}
article.buy-list-layout .corp-filter-box .filter-box label input[type=radio]:checked ~ .txt {
  color: #00b0f0;
  border-bottom: 1px solid #00b0f0;
}
article.buy-list-layout .corp-filter-box .filter-box label .txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 100px;
  border-bottom: 1px solid #9f9f9f;
  font-size: 12px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  color: #9f9f9f;
}
article.buy-list-layout .list-wrap {
  padding: 80px 0 75px;
}
article.buy-list-layout .list-wrap ul {
  display: flex;
  flex-flow: row wrap;
  margin: -25px -17px;
}
article.buy-list-layout .list-wrap ul li {
  margin: 25px 17px;
  width: calc(33.33% - 34px);
}
article.buy-list-layout .list-wrap ul li.type-blank {
  height: 390px;
}
article.buy-list-layout .list-wrap ul li.type-blank .item-box {
  height: 100%;
  background: #fff url("../img/ic_type_blank.svg") no-repeat center/16px 16px;
  border: 1px dotted #bebebe;
}
article.buy-list-layout .list-wrap ul li .item-box {
  width: 100%;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover {
  position: relative;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.77);
  z-index: 10;
  display: block;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box {
  position: relative;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box + .hover-menu-box {
  margin-top: 15px;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 32px 38px;
  white-space: nowrap;
  z-index: 100;
  display: none;
  border-radius: 10px;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box.with-wrap {
  padding: 30px 0 0;
  border: 0;
  background: transparent;
  top: 30px;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box .menu-floating-wrap {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 32px 38px;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box .menu-floating-txt-box {
  text-align: center;
  font-size: 14px;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box .menu-floating-menu-box {
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .menu-floating-box .menu-floating-menu-box .menu-floating-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 23px;
  width: 80px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.04em;
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .hover-menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 148px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.02em;
  font-family: "Noto Sans KR";
}
article.buy-list-layout .list-wrap ul li .item-box.type-hover:hover .hover-box .hover-menu-group .hover-menu-box .hover-menu-btn.with-effect:hover {
  border: #00b0f0;
  background-color: #00b0f0;
  color: #fff;
}
article.buy-list-layout .list-wrap ul li .item-box .hover-box {
  display: none;
}
article.buy-list-layout .list-wrap ul li .item-box .img-box {
  display: flex;
  width: 100%;
  height: 220px;
  position: relative;
}
@media (max-width: 1024px) {
  article.buy-list-layout .list-wrap ul li .item-box .img-box {
    height: 0;
    padding-bottom: 61%;
    position: relative;
  }
}
article.buy-list-layout .list-wrap ul li .item-box .img-box .label-box {
  position: absolute;
  right: -8px;
  top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  line-height: 23px;
  padding: 0 19px;
  z-index: 100;
  font-weight: 700;
  background-color: #404040;
}
article.buy-list-layout .list-wrap ul li .item-box .img-box .label-box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  background: url("../img/ic_price_label.png") no-repeat center/cover;
  width: 8px;
  height: 9px;
}
@media (max-width: 1024px) {
  article.buy-list-layout .list-wrap ul li .item-box .img-box .label-box {
    top: 17px;
    right: 22px;
    font-size: 10px;
    line-height: 18px;
  }
}
article.buy-list-layout .list-wrap ul li .item-box .img-box img {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.buy-list-layout .list-wrap ul li .item-box .img-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
article.buy-list-layout .list-wrap ul li .item-box .info-box {
  padding-top: 18px;
  background-color: #fff;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .des-box {
  font-size: 11px;
  line-height: 19px;
  padding: 0 35px;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 17px;
  height: 34px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  article.buy-list-layout .list-wrap ul li .item-box .info-box .des-box {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 17px;
    height: 34px;
    max-width: 100%;
  }
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .price-box {
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.02em;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 12px;
  background: url("../img/img_price_bg.png") no-repeat center/100% 100%;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .price-box b {
  font-size: 16px;
  margin-left: 6px;
}
@media (max-width: 1024px) {
  article.buy-list-layout .list-wrap ul li .item-box .info-box .price-box {
    font-size: 20px;
  }
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box {
  padding: 14px 26px 14px;
  display: flex;
  color: #7f7f7f;
  text-align: left;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box .con-txt-box {
  width: 50%;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box .con-txt-box + .con-txt-box {
  margin-left: 12px;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box .con-txt-box .con-txt {
  font-size: 12px;
  line-height: 19px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #313131;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box .con-txt-box .con-txt b {
  font-weight: 700;
}
article.buy-list-layout .list-wrap ul li .item-box .info-box .con-box .con-txt-box .con-txt + .con-txt {
  margin-top: 5px;
}

article.print-layout {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
article.print-layout .print-page-list {
  max-height: 100vh;
  height: 100%;
}
article.print-layout .page {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
}
article.print-layout .page .page-item {
  position: absolute;
  font-size: 9px;
  line-height: 15px;
  z-index: 10;
  color: #232323;
}
article.print-layout .page .page-item.large {
  font-size: 11px;
}
article.print-layout .page .page-item.highlight-txt {
  font-size: 11px;
  line-height: 17px;
}
article.print-layout .page .page-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.print-layout .page .page-item .dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00b0f0;
}

article.print-form-layout {
  overflow: hidden;
}
article.print-form-layout .print-form-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 68px;
  max-width: 1075px;
  width: calc(100% - 70px);
  margin: 0 auto;
}
article.print-form-layout .print-form-menu .print-form-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-color: #fff;
  width: 120px;
  height: 40px;
}
article.print-form-layout .print-form-menu .print-form-btn + .print-form-btn {
  margin-left: 10px;
}
article.print-form-layout .print-form-menu .print-form-btn .txt {
  font-weight: 500;
  font-family: "Noto Sans KR";
  font-size: 13px;
}
article.print-form-layout .print-form-menu .print-form-btn .ic {
  margin-right: 9px;
}
article.print-form-layout .print-form-menu .print-form-btn .ic.ic-mypage {
  background: url("../img/ic_print_mypage.svg") no-repeat center/cover;
  width: 17px;
  height: 21px;
}
article.print-form-layout .print-form-menu .print-form-btn .ic.ic-share {
  background: url("../img/ic_print_share.svg") no-repeat center/cover;
  width: 17px;
  height: 21px;
}
article.print-form-layout .print-submit-box {
  padding: 117px 0 151px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.print-form-layout .print-submit-box .list-btn {
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00b0f0;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.04em;
  font-family: "Noto Sans KR";
  width: 123px;
}
article.print-form-layout .print-submit-box .submit-btn {
  width: 347px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1cb0f0;
  height: 44px;
  background-color: #fff;
  color: #1cb0f0;
  font-size: 15px;
  letter-spacing: 0.2em;
  font-family: "Noto Sans KR";
}
article.print-form-layout .print-page-list {
  display: flex;
  max-width: 1420px;
  margin: 0px auto 0;
  position: relative;
}
article.print-form-layout .print-page-list .swiper-button-prev {
  margin: 0;
  background: url("../img/img_print_swiper_prev.svg") no-repeat center/cover;
  width: 72px;
  height: 72px;
  left: -152px;
}
article.print-form-layout .print-page-list .swiper-button-prev:after {
  display: none;
}
article.print-form-layout .print-page-list .swiper-button-next {
  margin: 0;
  background: url("../img/img_print_swiper_next.svg") no-repeat center/cover;
  width: 72px;
  height: 72px;
  right: -152px;
}
article.print-form-layout .print-page-list .swiper-button-next:after {
  display: none;
}
article.print-form-layout .print-page-list .swiper-slide {
  overflow: auto;
}
article.print-form-layout .print-page-list .print-page-box {
  width: 50%;
  height: 981px;
  background-color: #fff;
  overflow: auto;
}
article.print-form-layout .print-page-list .print-page-box + .print-page-box {
  margin-left: 30px;
}

article.platform-paging-layout {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
article.platform-paging-layout .next-btn {
  display: inline-flex;
  background: url("../img/ic_platform_paging_next.svg") no-repeat center/cover;
  width: 6px;
  height: 8px;
}
article.platform-paging-layout .next-btn.on {
  background: url("../img/ic_platform_paging_next_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .next-btn-all {
  display: inline-flex;
  background: url("../img/ic_platform_paging_next_all.svg") no-repeat center/cover;
  width: 10px;
  height: 8px;
}
article.platform-paging-layout .next-btn-all.on {
  background: url("../img/ic_platform_paging_next_all_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .prev-btn {
  display: inline-flex;
  background: url("../img/ic_platform_paging_prev.svg") no-repeat center/cover;
  width: 6px;
  height: 8px;
}
article.platform-paging-layout .prev-btn.on {
  background: url("../img/ic_platform_paging_prev_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .next-all-btn {
  display: inline-flex;
  background: url("../img/ic_platform_paging_next_all.svg") no-repeat center/cover;
  width: 10px;
  height: 9px;
}
article.platform-paging-layout .next-all-btn.on {
  background: url("../img/ic_platform_paging_next_all_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .prev-btn-all {
  display: inline-flex;
  background: url("../img/ic_platform_paging_prev_all.svg") no-repeat center/cover;
  width: 10px;
  height: 8px;
}
article.platform-paging-layout .prev-btn-all.on {
  background: url("../img/ic_platform_paging_prev_all_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .prev-all-btn {
  display: inline-flex;
  background: url("../img/ic_platform_paging_prev_all.svg") no-repeat center/cover;
  width: 10px;
  height: 9px;
}
article.platform-paging-layout .prev-all-btn.on {
  background: url("../img/ic_platform_paging_prev_all_on.svg") no-repeat center/cover;
}
article.platform-paging-layout .paging-list .paging-btn {
  color: #535353;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 13px;
  font-weight: 700;
}
article.platform-paging-layout .paging-list .paging-btn.on {
  color: #00b0f0;
}
article.platform-paging-layout .paging-list .paging-btn + .paging-btn {
  margin-left: 25px;
}

article.platform-trade-info-layout .layout-wrap {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 27px 100px;
}
article.platform-trade-info-layout .layout-wrap.style-inner {
  padding: 0;
}
article.platform-trade-info-layout .view-box {
  padding-right: 140px;
}
article.platform-trade-info-layout .info-box {
  display: flex;
  flex-flow: row wrap;
  margin: -13px 0;
}
article.platform-trade-info-layout .item-box {
  width: 50%;
  margin: 13px 0;
  display: inline-flex;
  align-items: center;
}
article.platform-trade-info-layout .item-box .subject-box {
  line-height: 22px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 15px;
  width: 120px;
}
article.platform-trade-info-layout .item-box .con-box {
  font-family: "Noto Sans KR";
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 21px;
  color: #7f7f7f;
}

article.platform-trade-form-plan-layout .select-list .list-wrap .row + .row {
  margin-top: 30px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .rbox-item-box {
  position: relative;
  display: inline-flex;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .evidence-check-list {
  display: none;
  padding-top: 20px;
  padding-left: 35px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .evidence-check-list .check-row-box + .check-row-box {
  margin-top: 11px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .evidence-check-list .check-row-box .cbox .txt {
  font-size: 12px;
  color: #404040;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box {
  position: absolute;
  left: calc(100% + 20px);
  transform: translateY(-50%);
  top: 50%;
  z-index: 100;
  display: none;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-close-btn {
  position: absolute;
  right: 10px;
  top: -26px;
  background: url("../img/ic_filter_close.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-wrap {
  width: 360px;
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 10px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tit-box {
  padding: 60px 35px 35px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tit-box .ic-box .ic-arrow {
  background: url("../img/ic_additional_arrow.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tit-box .tit-box {
  padding-top: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 22px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box {
  background-color: #00b0f0;
  padding: 35px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box .other-item-box {
  display: flex;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box .other-item-box + .other-item-box {
  margin-top: 10px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box .other-item-box .subject-box {
  display: inline-flex;
  align-items: center;
  width: 65px;
  height: 36px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box .other-item-box .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-other-box .other-item-box .con-box .sub-msg-box {
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap {
  border: 1px solid #ededed;
  background-color: #fff;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .additional-tabs-box {
  position: relative;
  display: none;
  width: 360px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .additional-tabs-box[data-tabs=tabs1] {
  display: block;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .additional-tabs-box[data-tabs=tabs3] {
  width: 440px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-step-box {
  display: flex;
  align-items: center;
  position: absolute;
  right: 13px;
  top: 16px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box {
  display: inline-flex;
  align-items: center;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #dedede;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box + .circle-box {
  margin-left: 2px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-step-box .circle-box.on {
  background-color: #00b0f0;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-head-box {
  padding: 60px 50px 40px;
  min-height: 163px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-head-box .ic-box {
  padding-bottom: 10px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-head-box .ic-box .ic-mark {
  background: url(../img/ic_terms_mark.svg) no-repeat center/cover;
  width: 14px;
  height: 14px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-head-box .head-txt-box {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  min-height: 36px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box {
  min-height: 140px;
  padding: 0 60px 37px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box {
  display: flex;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box {
  display: inline-flex;
  flex-direction: column;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box + .file-item-box {
  margin-left: 23px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-group-box .file-item-box .item-subject-box {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  line-height: 15px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-menu-box {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-file-box .file-menu-box .file-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 23px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.04em;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box {
  min-height: 140px;
  padding: 0 60px 37px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box .rbox + .rbox {
  margin-left: 35px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-group-box .rbox .txt {
  font-size: 11px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-menu-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 13px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-select-box .select-menu-box .select-menu-btn {
  color: #00b0f0;
  font-size: 10px;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box {
  padding: 0 60px 37px;
  min-height: 140px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row {
  display: flex;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row + .row {
  margin-top: 9px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .subject-box {
  width: 70px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 12px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-body-box .tabs-form-box .row .con-box .sub-msg-box {
  font-size: 10px;
  font-weight: 300;
  padding-top: 10px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-foot-box {
  display: flex;
  justify-content: space-between;
  background-color: #00b0f0;
  padding: 17px 20px 36px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-foot-box.right-align {
  justify-content: flex-end;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-tabs-wrap .tabs-foot-box .tabs-move-btn {
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap {
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 30px 40px;
  width: 360px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row {
  display: flex;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row + .info-row {
  margin-top: 30px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box {
  display: inline-flex;
  align-items: center;
  width: 100px;
  font-family: "Noto Sans KR";
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box .subject-txt {
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .subject-box .ic.ic-new {
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .con-box {
  flex: 1;
  min-width: 0;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .con-box .tbox input {
  border-radius: 0;
  border: 1px solid #d9d9d9;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-info-wrap .info-row-list .info-row .con-box .rbox-group {
  display: flex;
  justify-content: space-between;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-menu-box {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-menu-box.type-space {
  padding: 25px 0;
}
article.platform-trade-form-plan-layout .select-list .list-wrap .row .additional-info-box .additional-menu-box .additional-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background-color: #00b0f0;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  letter-spacing: 0.04em;
  width: 123px;
}

article.platform-trade-form-file-layout {
  padding-top: 76px;
}
article.platform-trade-form-file-layout .file-group-box {
  position: relative;
}
article.platform-trade-form-file-layout .file-group-box .floating-box {
  position: absolute;
  right: 0;
  top: -43px;
  z-index: 1;
}
article.platform-trade-form-file-layout .file-list {
  display: flex;
}
article.platform-trade-form-file-layout .file-list .file-item-box {
  width: 33.33%;
}
article.platform-trade-form-file-layout .file-list .file-item-box + .file-item-box {
  margin-left: 10px;
}
article.platform-trade-form-file-layout .file-list .file-item-box .file-head-box {
  height: 50px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #4d4d4d;
}
article.platform-trade-form-file-layout .file-list .file-item-box .file-head-box .file-head-txt {
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 13px;
  font-weight: 500;
}
article.platform-trade-form-file-layout .file-list .file-item-box .file-head-box .fbox .ic.ic-upload {
  background: url("../img/ic_file_upload3.svg") no-repeat center/cover;
  width: 18px;
  height: 18px;
}
article.platform-trade-form-file-layout .file-list .file-item-box .file-body-box {
  position: relative;
}
article.platform-trade-form-file-layout .file-list .file-item-box .file-body-box .file-remove-btn {
  display: none;
  background: url("../img/ic_file_remove.svg") no-repeat center/cover;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

article.mypage-table-list .table-box.bg-white {
  background: #fff;
}
article.mypage-table-list .table-box.with-space .head-box {
  background-color: #000;
  padding: 0 18px;
}
article.mypage-table-list .table-box.with-space .body-box {
  padding: 18px;
  margin-top: 0;
}
article.mypage-table-list .table-box .head-box .row {
  background-color: #000000;
}
article.mypage-table-list .table-box .head-box .row .cell-box {
  color: #fff;
  font-weight: 700;
  position: relative;
}
article.mypage-table-list .table-box .head-box .row .cell-box + .cell-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #fff;
}
article.mypage-table-list .table-box .body-box {
  margin-top: 10px;
  padding-bottom: 10px;
}
article.mypage-table-list .table-box .body-box.with-hover .row:hover {
  cursor: pointer;
  background-color: #e9e7e5;
}
article.mypage-table-list .table-box .body-box.with-hover .row .cell-box {
  min-height: 36px;
}
article.mypage-table-list .table-box .row {
  display: flex;
  align-items: center;
  min-width: 0;
}
article.mypage-table-list .table-box .row + .row {
  margin-top: 10px;
}
article.mypage-table-list .table-box .row .cell-box {
  width: 100%;
  min-height: 50px;
  padding: 6px 6px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}
article.mypage-table-list .table-box .row .cell-box.w60 {
  width: 60px;
  min-width: 60px;
}
article.mypage-table-list .table-box .row .cell-box.w70 {
  width: 70px;
  min-width: 70px;
}
article.mypage-table-list .table-box .row .cell-box.w80 {
  width: 80px;
  min-width: 80px;
}
article.mypage-table-list .table-box .row .cell-box.w90 {
  width: 90px;
  min-width: 90px;
}
article.mypage-table-list .table-box .row .cell-box.w90 {
  width: 90px;
  min-width: 90px;
}
article.mypage-table-list .table-box .row .cell-box.w100 {
  width: 100px;
  min-width: 100px;
}
article.mypage-table-list .table-box .row .cell-box.w110 {
  width: 110px;
  min-width: 110px;
}
article.mypage-table-list .table-box .row .cell-box.w120 {
  width: 120px;
  min-width: 120px;
}
article.mypage-table-list .table-box .row .cell-box.w130 {
  width: 130px;
  min-width: 130px;
}
article.mypage-table-list .table-box .row .cell-box.w140 {
  width: 140px;
  min-width: 140px;
}
article.mypage-table-list .table-box .row .cell-box.w150 {
  width: 150px;
  min-width: 150px;
}
article.mypage-table-list .table-box .row .cell-box.w160 {
  width: 160px;
  min-width: 160px;
}
article.mypage-table-list .table-box .row .cell-box.w180 {
  width: 180px;
  min-width: 180px;
}
article.mypage-table-list .table-box .row .cell-box.w170 {
  width: 170px;
  min-width: 170px;
}
article.mypage-table-list .table-box .row .cell-box.w200 {
  width: 200px;
  min-width: 200px;
}
article.mypage-table-list .table-box .row .cell-box.w210 {
  width: 210px;
  min-width: 210px;
}
article.mypage-table-list .table-box .row .cell-box.w220 {
  width: 220px;
  min-width: 220px;
}
article.mypage-table-list .table-box .row .cell-box.w240 {
  width: 240px;
  min-width: 240px;
}
article.mypage-table-list .table-box .row .cell-box.auto {
  width: 100%;
  min-width: 0;
}
article.mypage-table-list .table-box .row .cell-box .eclipse-box {
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
article.mypage-table-list .table-box .row .cell-box .menu-box {
  position: relative;
}
article.mypage-table-list .table-box .row .cell-box .menu-box + .menu-box {
  margin-left: 27px;
}
article.mypage-table-list .table-box .row .cell-box .option-tooltip-box {
  position: absolute;
  left: 25px;
  top: -10px;
  z-index: 100;
  display: none;
}
article.mypage-table-list .table-box .row .cell-box .option-tooltip-box .option-tooltip-wrap {
  white-space: nowrap;
}
article.mypage-table-list .table-box .row .cell-box .option-tooltip-box .option-tooltip-wrap .tooltip-msg {
  border-radius: 50px;
  background-color: #00b0f0;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 20px;
  padding: 8px 20px;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list {
  display: inline-flex;
  align-items: center;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box {
  display: inline-flex;
  position: relative;
  flex-direction: column;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box + .cell-option-box {
  margin-left: 5px;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box:hover .option-tooltip-box {
  display: block;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box .cell-option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  min-width: 55px;
  color: #fff;
  font-family: "Noto Sans KR";
  border-radius: 2px;
  height: 26px;
  background-color: #00b0f0;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box .cell-option-btn + .cell-option-btn {
  margin-top: 5px;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box .cell-icon-btn {
  display: inline-flex;
  align-items: center;
}
article.mypage-table-list .table-box .row .cell-box .cell-option-list .cell-option-box .cell-icon-btn .ic.ic-remove {
  background: url("../img/ic_remove.svg") no-repeat center/cover;
  width: 13px;
  height: 16px;
}
article.mypage-table-list .table-box .row .cell-box .menu-floating-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 32px 38px;
  white-space: nowrap;
  z-index: 100;
  display: none;
  border-radius: 10px;
}
article.mypage-table-list .table-box .row .cell-box .menu-floating-box .menu-floating-txt-box {
  text-align: center;
  font-size: 14px;
}
article.mypage-table-list .table-box .row .cell-box .menu-floating-box .menu-floating-menu-box {
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.mypage-table-list .table-box .row .cell-box .menu-floating-box .menu-floating-menu-box .menu-floating-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 23px;
  width: 80px;
  background-color: #00b0f0;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.04em;
}
article.mypage-table-list .table-box .row .cell-box .txt-btn {
  font-weight: 300;
  font-size: 14px;
  color: #00b0f0;
}
article.mypage-table-list .table-box .row .cell-box .txt-btn + .txt-btn {
  margin-left: 15px;
}
article.mypage-table-list .table-box .row .cell-box .txt-btn:hover {
  font-weight: 700;
}
article.mypage-table-list .table-box .row .cell-box .remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  height: 23px;
  width: 50px;
  border-radius: 12px;
  color: #777777;
}
article.mypage-table-list .table-box .row .cell-box .remove-btn:hover {
  background-color: #777777;
  color: #fff;
}

article.alert-layer-box {
  display: none;
  z-index: 1;
}
article.alert-layer-box:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}
article.alert-layer-box .alert-layer-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 400px;
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 20px;
}
article.alert-layer-box .alert-close-btn {
  background: url("../img/ic_reason_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: -30px;
  z-index: 1;
}
article.alert-layer-box .alert-tit-box {
  padding: 50px 24px 24px;
  text-align: center;
}
article.alert-layer-box .alert-tit-box .tit-box {
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
}
article.alert-layer-box .alert-tit-box .sub-box {
  padding-top: 24px;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 26px;
  color: #606060;
}
article.alert-layer-box .alert-con-box {
  background-color: #00b0f0;
  padding: 22px;
}
article.alert-layer-box .alert-con-box .other-item-box {
  display: flex;
}
article.alert-layer-box .alert-con-box .other-item-box.withdrawal .con-box {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}
article.alert-layer-box .alert-con-box .other-item-box + .other-item-box {
  margin-top: 10px;
}
article.alert-layer-box .alert-con-box .other-item-box .subject-box {
  display: inline-flex;
  align-items: center;
  width: 65px;
  height: 28px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
article.alert-layer-box .alert-con-box .other-item-box .con-box {
  flex: 1;
  min-width: 0;
}
article.alert-layer-box .alert-con-box .other-item-box .con-box .sub-msg-box {
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
}
article.alert-layer-box .alert-con-box .other-item-box .con-box .sbox .set {
  height: 28px;
  background: #fff url(../img/ic_select_arrow.svg) no-repeat center right 12px;
}
article.alert-layer-box .alert-con-box .other-item-box .con-box .sbox .select-menu {
  top: 32px;
}
article.alert-layer-box .alert-menu-box {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
article.alert-layer-box .alert-menu-box.type-space {
  padding: 25px 0 40px;
}
article.alert-layer-box .alert-menu-box .alert-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background-color: #00b0f0;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 11px;
  letter-spacing: 0.04em;
  width: 123px;
}

article.nodata-list-view {
  border-radius: 7px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* hotline 팝업 */
article.page-layer-popup {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 500;
  background-color: #000000;
}
article.page-layer-popup .full-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/17px;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 45px;
  top: 45px;
  z-index: 400;
  border-radius: 30px;
}
article.page-layer-popup .full-layer-close-btn:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
article.page-layer-popup .page-layer-fund-group {
  height: 100%;
  overflow-y: auto;
  background: url("../img/img_page_visual_fund.png") no-repeat center top;
}
article.page-layer-popup .page-layer-fund-group .page-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  top: 44px;
  right: 50px;
  position: absolute;
  z-index: 1;
  height: 30px;
}
article.page-layer-popup .page-layer-fund-group .page-layer-close-btn.type-black {
  background: url("../img/ic_full_layer_close_black.svg") no-repeat center/cover;
}
article.page-layer-popup .page-layer-fund-group .news-note {
  text-align: center;
  padding-top: 65px;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}
article.page-layer-popup .page-layer-fund-group .news-list {
  padding-top: 85px;
  padding-bottom: 0px;
  display: flex;
  margin: 0 -12px;
}
article.page-layer-popup .page-layer-fund-group .news-list .img-box {
  text-align: center;
}
article.page-layer-popup .page-layer-fund-group .news-list .img-box img {
  max-width: 100%;
}
article.page-layer-popup .page-layer-fund-group .news-list .news-box {
  background-color: #010101;
  width: 100%;
  margin: 12px;
  border: 16px solid #2f68db;
  padding: 48px 20px;
  color: #fff;
  text-align: center;
}
article.page-layer-popup .page-layer-fund-group .news-list .news-box:hover {
  border-color: #00B0F0;
}
article.page-layer-popup .page-layer-fund-group .news-list .news-box .subject-box {
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
article.page-layer-popup .page-layer-fund-group .news-list .news-box .con-box {
  padding-top: 40px;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 28px;
}
article.page-layer-popup .page-layer-header3.bg-board-view {
  background: #000 url("../img/img_page_visual_board_view.png") no-repeat center/cover;
}
article.page-layer-popup .page-layer-header3.bg-board-view .wrap {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
article.page-layer-popup .page-layer-header3.bg-board-view .wrap.inner3 {
  max-width: 1120px;
}
article.page-layer-popup .page-layer-header3 .page-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  top: 44px;
  right: 50px;
  position: absolute;
  z-index: 1;
  height: 30px;
}
article.page-layer-popup .page-layer-header3 .wrap {
  display: flex;
  justify-content: space-between;
  height: 370px;
  max-width: 926px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-board-view-box {
  padding-bottom: 40px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-board-view-box .visual-txt-box {
  display: flex;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-board-view-box .visual-txt-box .txt-box {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-board-view-box .visual-txt-box .txt-box + .txt-box {
  margin-left: 25px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box {
  padding-top: 109px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box .ic-box {
  padding-bottom: 10px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box .ic-box .ic.ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box .main-box {
  font-size: 50px;
  font-family: "Arial Black";
  line-height: 70px;
  color: #fff;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box .main-box .accent {
  color: #ffc000;
}
article.page-layer-popup .page-layer-header3 .wrap .layer-header-box .sub-box {
  color: #fff;
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 21px;
}
article.page-layer-popup .page-layer-header3 .wrap .logo-box .logo {
  background: url("../img/img_logo.svg") no-repeat center/cover;
  width: 176px;
  height: 18px;
}
article.page-layer-popup .page-layer-header2 {
  background: url("../img/img_visual_background_layout1.png") no-repeat center/100% 100%;
  position: relative;
}
article.page-layer-popup .page-layer-header2.bg-board-view {
  background: #000 url("../img/img_page_visual_board_view.png") no-repeat center;
}
article.page-layer-popup .page-layer-header2.bg-board-view .wrap {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
article.page-layer-popup .page-layer-header2.bg-board-view .wrap.inner3 {
  max-width: 1120px;
}
article.page-layer-popup .page-layer-header2 .page-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  top: 44px;
  right: 50px;
  position: absolute;
  z-index: 1;
  height: 30px;
}
article.page-layer-popup .page-layer-header2 .wrap {
  display: flex;
  justify-content: space-between;
  height: 280px;
  max-width: 926px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-board-view-box {
  padding-bottom: 40px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-board-view-box .visual-txt-box {
  display: flex;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-board-view-box .visual-txt-box .txt-box {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-board-view-box .visual-txt-box .txt-box + .txt-box {
  margin-left: 25px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box {
  padding-top: 109px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box .ic-box {
  padding-bottom: 10px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box .ic-box .ic.ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box .main-box {
  font-size: 50px;
  font-family: "Arial Black";
  line-height: 70px;
  color: #fff;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box .main-box .accent {
  color: #ffc000;
}
article.page-layer-popup .page-layer-header2 .wrap .layer-header-box .sub-box {
  color: #fff;
  padding-top: 10px;
  font-size: 16px;
  line-height: 21px;
}
article.page-layer-popup .page-layer-header2 .wrap .logo-box .logo {
  background: url("../img/img_logo.svg") no-repeat center/cover;
  width: 176px;
  height: 18px;
}
article.page-layer-popup .page-layer-header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 111px;
  max-width: 1600px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
article.page-layer-popup .page-layer-header .wrap .logo-box .logo {
  background: url("../img/img_logo.svg") no-repeat center/cover;
  width: 176px;
  height: 18px;
}
article.page-layer-popup .page-layer-header .wrap .page-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.page-layer-popup .page-layer-wrap3 {
  background: #fff;
  position: relative;
  height: calc(100vh - 370px);
  overflow-y: auto;
  overflow-x: hidden;
}
article.page-layer-popup .page-layer-wrap3 footer {
  position: static;
}
article.page-layer-popup .page-layer-wrap2 {
  background: #fff;
  position: relative;
  height: calc(100vh - 280px);
  overflow-y: auto;
  overflow-x: hidden;
}
article.page-layer-popup .page-layer-wrap2 footer {
  position: static;
}
article.page-layer-popup .page-layer-wrap {
  background: #fff;
  position: relative;
  height: calc(100vh - 111px);
  overflow-y: auto;
  overflow-x: hidden;
}
article.page-layer-popup .page-layer-wrap footer {
  position: static;
}

section.section-layout1 {
  padding: 160px 0 110px;
  background-color: #f2f2f2;
}

.mark-add-box {
  position: absolute;
  z-index: 100;
  left: 106px;
  top: 73px;
}
.mark-add-box .ic-box .ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
.mark-add-box .ic-box .ic-mark2 {
  background: url("../img/ic_arrow_mark.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
.mark-add-box .mark-label-box {
  padding-top: 10px;
}
.mark-add-box .mark-label-box .mark-label-txt {
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
}

article.section-contents-layout1.type-white .mark-box .mark-label-box .mark-label-txt {
  color: #fff;
}
article.section-contents-layout1.type-white .contents-box .label-box {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  position: relative;
  margin-bottom: 42px;
}
article.section-contents-layout1.type-white .contents-box .label-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: -45px;
  width: 30px;
  height: 30px;
  background: url(/img/arrow-down-icon.png) no-repeat center/cover;
}
article.section-contents-layout1.type-white .contents-box .subject-box {
  color: #fff;
}
article.section-contents-layout1.type-white .contents-box .con-box {
  color: #fff;
}
article.section-contents-layout1 .mark-box {
  padding-bottom: 64px;
}
article.section-contents-layout1 .mark-box .ic-box .ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.section-contents-layout1 .mark-box .ic-box .ic-mark2 {
  background: url("../img/ic_arrow_mark.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.section-contents-layout1 .mark-box .mark-label-box {
  padding-top: 19px;
}
article.section-contents-layout1 .mark-box .mark-label-box.type-2 {
  padding-top: 12px;
}
article.section-contents-layout1 .mark-box .mark-label-box.type-2 .mark-label-txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
article.section-contents-layout1 .mark-box .mark-label-box .mark-label-txt {
  font-weight: 700;
  font-size: 18px;
  color: #595959;
  line-height: 20px;
}
article.section-contents-layout1 .contents-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
}
article.section-contents-layout1 .contents-box .subject-box.small {
  font-size: 32px;
  line-height: 51px;
}
article.section-contents-layout1 .contents-box .subject-box .sub-txt {
  font-size: 14px;
  font-weight: 700;
}
article.section-contents-layout1 .contents-box .con-box {
  padding-top: 33px;
  color: #595959;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 30px;
}
article.section-contents-layout1 .contents-box .con-box .more-btn {
  color: #00B0F0;
  padding: 0 9px;
  font-size: 14px;
}
article.section-contents-layout1 .contents-box .con-box .more-btn:hover {
  color: #fff;
  background-color: #00B0F0;
}
article.section-contents-layout1 .contents-box .link-box {
  padding-top: 40px;
}
article.section-contents-layout1 .contents-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.section-contents-layout1 .contents-box .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
article.section-contents-layout1 .contents-box .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
article.section-contents-layout1 .contents-box .link-box .link-btn .txt {
  padding-left: 7px;
  margin-top: 3px;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 16px;
}
article.section-contents-layout1 .link-menu-list {
  display: flex;
}
article.section-contents-layout1 .link-menu-list .link-menu-box {
  display: flex;
  align-items: center;
}
article.section-contents-layout1 .link-menu-list .link-menu-box:hover .img-box {
  background: url("../img/icon/img_invest_home_link_hover.svg") no-repeat center/cover;
}
article.section-contents-layout1 .link-menu-list .link-menu-box:hover .search {
  background: url("../img/icon/img_invest_home_viewer_link_hover.svg") no-repeat center/cover;
}
article.section-contents-layout1 .link-menu-list .link-menu-box + .link-menu-box {
  margin-left: 104px;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .img-box {
  width: 170px;
  height: 170px;
  background: url("../img/icon/img_invest_home_default.svg") no-repeat center/cover;
  margin: 0 35px 0 0;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .search {
  background: url("../img/icon/img_invest_home_viewer_link_default.svg") no-repeat center/cover;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .con-box {
  color: #fff;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .con-box.type-black .subject-box {
  color: #262626;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .con-box.type-black .desc-box {
  color: #595959;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .con-box .subject-box {
  font-size: 28px;
  font-weight: 700;
  line-height: 31px;
  padding-bottom: 22px;
}
article.section-contents-layout1 .link-menu-list .link-menu-box .con-box .desc-box {
  font-size: 16px;
  line-height: 28px;
}

section.hotline-home {
  background: url("../img/img_page_visual_hotline_home.png") no-repeat center/cover;
  height: 638px;
}
section.hotline-home .wrap {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 1400px;
  width: calc(100% - 60px);
  margin: 0 auto;
  margin-right: 98px;
}
section.hotline-home .hotline-list-box {
  width: 100%;
  position: relative;
  max-width: 1028px;
  margin: 0 0 0 auto;
}
section.hotline-home .hotline-list-box:after {
  display: none;
  content: "";
  position: absolute;
  right: -140px;
  bottom: 108px;
  background: url("../img/ic_hotline_place.svg") no-repeat center/cover;
  width: 27px;
  height: 41px;
}
section.hotline-home .hotline-list-box .list-tit-box {
  padding-bottom: 50px;
  font-size: 50px;
  line-height: 62px;
  font-weight: 700;
}
section.hotline-home .hotline-list-box .list-box {
  display: flex;
}
section.hotline-home .hotline-list-box .list-box .item-box {
  height: 180px;
  width: 100%;
  padding: 15px 10px 15px 35px;
  display: inline-flex;
  border: 1px solid #eaeaea;
  align-items: center;
  background-color: #fff;
  position: relative;
  border-radius: 14px;
}
section.hotline-home .hotline-list-box .list-box .item-box:hover .item-hover-box {
  display: block;
}
section.hotline-home .hotline-list-box .list-box .item-box + .item-box {
  margin-left: 20px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-ic-box {
  padding-right: 29px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-ic-box .ic {
  width: 90px;
  height: 90px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-email {
  background: url("../img/ic_hotline_email.png") no-repeat center/cover;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-kakao {
  background: url("../img/ic_hotline_kakao.svg") no-repeat center/cover;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-tel {
  background: url("../img/ic_hotline_tel.svg") no-repeat center/cover;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
  z-index: 1;
  background-color: #00b0f0;
  min-width: 200px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 17px solid #00b0f0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box {
  padding: 12px 10px 12px 15px;
  color: #fff;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box .top-box {
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box .top-box .ic {
  position: absolute;
  left: 0;
  top: 0;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box .top-box .ic.ic-call {
  background: url("../img/ic_contact_call.png") no-repeat center/cover;
  width: 43px;
  height: 49px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box .top-box .txt {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 18px;
  padding-left: 63px;
  flex: 1;
  min-width: 0;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-hover-box .hover-txt-box .bottom-box {
  padding-left: 28px;
  padding-top: 14px;
  font-size: 20px;
  letter-spacing: -0.05em;
  font-weight: 700;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-info-box .item-subject-box {
  font-size: 22px;
  font-weight: 500;
  font-family: Inter;
  line-height: 24px;
  padding-bottom: 10px;
}
section.hotline-home .hotline-list-box .list-box .item-box .item-info-box .item-con-box {
  color: #252525;
  font-family: Inter;
  font-size: 17px;
  letter-spacing: -0.01em;
  line-height: 17px;
}
section.hotline-home .hotline-list-box .intro-con-box {
  width: 441px;
  height: 687px;
  position: absolute;
  right: 34%;
  top: 80%;
  transform: translateY(-50%);
  background-color: #0D04FF;
  border-radius: 35px;
  padding: 80px 20px 52px 54px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
}
section.hotline-home .hotline-list-box .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.hotline-home .hotline-list-box .intro-con-box > .close-button {
  position: absolute;
  right: 19px;
  top: 15px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
section.hotline-home .hotline-list-box .intro-con-box > .close-button:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
section.hotline-home .hotline-list-box .intro-con-box .title {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.15;
}
section.hotline-home .hotline-list-box .intro-con-box .sub-txt {
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 14px;
}
section.hotline-home .hotline-list-box .intro-con-box .input-label {
  display: block;
  margin-bottom: 17px;
  margin-left: 5px;
  font-weight: 700;
  font-size: 12px;
  color: white;
  border-radius: 9px;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 31px;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap {
  padding-bottom: 10px;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 20px;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-family: "Noto Sans KR";
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .text {
  color: white;
  font-size: 12px;
  line-height: 1.7;
  margin-top: 12px;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .contents-box .textbox textarea {
  border-radius: 9px;
  width: 325px;
  height: 76px;
  font-size: 15px;
  resize: none;
  overflow: hidden;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .contents-box .textbox textarea:focus::placeholder {
  color: transparent;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input {
  outline: none;
  width: 325px;
  height: 47px;
  border: none;
  font-size: 15px;
  font-family: "Malgun Gothic";
  background-color: #fff !important;
  border-radius: 10px;
  color: black;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill, section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill:hover, section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill:focus, section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input:focus::placeholder {
  color: transparent;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 4px #db6262;
  border-color: transparent;
}
section.hotline-home .hotline-list-box .intro-con-box .info-box .text-wrap .con-box .input-box input.error::placeholder {
  color: #db6262;
}
section.hotline-home .hotline-list-box .intro-con-box .phone-num {
  display: flex;
  align-items: center;
  margin-left: 6px;
}
section.hotline-home .hotline-list-box .intro-con-box .phone-num .icon {
  margin-right: 6px;
  width: 35px;
  height: 35px;
}
section.hotline-home .hotline-list-box .intro-con-box .phone-num .txt {
  color: white;
  font-size: 14px;
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con {
  margin-left: 254px;
  position: absolute;
  bottom: 6.5%;
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.hotline-home .hotline-list-box .intro-con-box .btn-con .icon {
  pointer-events: none;
  width: 74px;
  position: relative;
  bottom: -10px;
}

article.link-spot-layout1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 110px;
  z-index: 300;
}
article.link-spot-layout1 .wrap {
  margin: 0 auto;
}
article.link-spot-layout1 .mark-box .ic-box .ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.link-spot-layout1 .mark-box .ic-box .ic-mark2 {
  background: url("../img/ic_arrow_mark.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
article.link-spot-layout1 .mark-box .mark-label-box {
  padding-top: 19px;
}
article.link-spot-layout1 .mark-box .mark-label-box .mark-label-txt {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  line-height: 20px;
}

section.hotline-location {
  display: flex;
  position: relative;
}
section.hotline-location .visual-bg-box {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  height: 827px;
}
section.hotline-location .visual-bg-box .swiper {
  height: 100%;
}
section.hotline-location .visual-bg-box img {
  width: 100%;
  height: 100%;
}
section.hotline-location .visual-info-layout3 {
  position: absolute;
  top: 358px;
  left: 0;
  right: 0;
  z-index: 100;
}
section.hotline-location .visual-info-layout3 .wrap {
  display: flex;
  justify-content: flex-end;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-tit-box {
  font-weight: 700;
  font-size: 50px;
  line-height: 62px;
  color: #fff;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-sub-box {
  color: #fff;
  padding-top: 16px;
  font-size: 16px;
  font-family: "Noto Sans KR";
  line-height: 21px;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box {
  padding-top: 45px;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box {
  display: flex;
  align-items: center;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box + .view-item-box {
  margin-top: 15px;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box .label-box {
  border-radius: 50%;
  width: 66px;
  height: 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-family: "Noto Sans KR";
  font-weight: 700;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box .label-box.type-1 {
  background-color: #fec100;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box .label-box.type-2 {
  background-color: #00b0f0;
}
section.hotline-location .visual-info-layout3 .wrap .visual-view-box .view-con-box .view-item-box .desc-box {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  padding-left: 20px;
}
section.hotline-location .visual-info-layout3 .wrap .visual-txt-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 560px;
  height: 131px;
  position: relative;
  font-size: 17px;
  font-family: "Noto Sans KR";
  color: #ffffff;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
section.hotline-location .visual-info-layout3 .wrap .visual-txt-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ic_who_keyword_top.svg") no-repeat center/cover;
  width: 38px;
  height: 26px;
}
section.hotline-location .visual-info-layout3 .wrap .visual-txt-box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/ic_who_keyword_bottom.svg") no-repeat center/cover;
  width: 38px;
  height: 26px;
}

.location-wrap .view-box {
  background: #212121;
  display: flex;
  padding: 200px 0 120px;
  position: relative;
}
.location-wrap .view-box::before {
  content: "";
  width: 80%;
  height: 712px;
  border: 19px solid #FFC000;
  position: absolute;
  top: 49.5%;
  left: 83%;
  transform: translate(-50%, -50%);
}
.location-wrap .view-box .text-con {
  color: #fff;
  font-size: 17px;
  line-height: 2;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-6%, -0.4%);
  flex-flow: column;
  gap: 104px;
  position: relative;
  top: 87px;
}
.location-wrap .view-box .text-con .center-align.greeting-text {
  font-size: 20px;
  font-family: Inter;
  position: relative;
  right: -27px;
  top: 105px;
  line-height: 34px;
}
.location-wrap .view-box .text-con .loader {
  position: relative;
  top: 107px;
  right: 22px;
}
.location-wrap .view-box .text-con .map-image {
  width: 408px;
  height: 442px;
  position: relative;
  left: 48px;
}
.location-wrap .view-box .text-con .address-box {
  position: relative;
  bottom: 509px;
  left: 156px;
}
.location-wrap .view-box .text-con .address-box .address-main {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  color: white;
  line-height: 22px;
  margin-bottom: 10px;
  left: 11px;
  position: relative;
}
.location-wrap .view-box .text-con .address-box .address-sub {
  font-size: 14px;
  font-family: Inter;
  color: white;
  line-height: 22px;
}
.location-wrap .view-box .text-con .station-text {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  position: relative;
  bottom: 547px;
  line-height: 22px;
  right: 21px;
}
.location-wrap .view-box .text-con .dot-wrap {
  display: flex;
  gap: 6px;
  margin-bottom: 30px;
}
.location-wrap .view-box .text-con .dot-wrap .dot-item {
  width: 14px;
  height: 14px;
  border-radius: 10px;
  animation: bounceY 0.6s infinite cubic-bezier(0.4, 0, 1, 1) alternate;
}
.location-wrap .view-box .text-con .dot-wrap .dot-item:nth-of-type(1) {
  background-color: #00b9ff;
  animation-delay: 0s;
}
.location-wrap .view-box .text-con .dot-wrap .dot-item:nth-of-type(2) {
  background-color: #ff0404;
  animation-delay: 0.2s;
}
.location-wrap .view-box .text-con .dot-wrap .dot-item:nth-of-type(3) {
  background-color: #ffc000;
  animation-delay: 0.4s;
}
@keyframes bounceY {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.location-wrap .view-box .image-con .bg-image {
  width: 1026px;
  height: 709px;
}

section.contact-location {
  height: 694px;
}
section.contact-location .location-group-box {
  display: flex;
  padding-top: 140px;
  justify-content: space-between;
}
section.contact-location .location-group-box .info-box {
  padding-top: 22px;
}
section.contact-location .location-group-box .info-box .subject-box img {
  max-width: 100%;
}
section.contact-location .location-group-box .info-box .subject-sub-box {
  font-family: "Malgun Gothic";
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 17px;
  padding-top: 50px;
}
section.contact-location .location-group-box .info-box .con-box {
  color: #818181;
  padding-top: 15px;
  font-family: "Malgun Gothic";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.6;
}
section.contact-location .location-group-box .info-box .con-box b {
  color: #000;
  font-weight: 600;
}
section.contact-location .location-group-box .info-box .menu-box {
  padding-top: 25px;
}
section.contact-location .location-group-box .view-box {
  margin-left: 234px;
}
section.contact-location .location-group-box .view-box .view-img-box {
  max-width: 465px;
}
section.contact-location .location-group-box .view-box .view-img-box img {
  max-width: 100%;
}

section.contact-photo .contact-img-box {
  display: flex;
  padding: 6px 0 0;
  font-size: 0;
}
section.contact-photo .contact-img-box .list-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.contact-photo .contact-img-box .list-box .item-box {
  width: 100%;
}
section.contact-photo .contact-img-box .list-box .item-box + .item-box {
  margin-left: 7px;
}
section.contact-photo .contact-img-box .list-box .item-box .img-box img {
  width: 100%;
  max-width: 100%;
}

article.hotline-form-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}
article.hotline-form-popup:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.67);
}
article.hotline-form-popup .popup-wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  max-width: 870px;
}
article.hotline-form-popup .popup-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: -40px;
}
article.hotline-form-popup .popup-contents {
  overflow: hidden;
}
article.hotline-form-popup .form-head-box {
  margin-bottom: -1px;
  background: url("../img/img_hotline_form_head_bg.png") no-repeat center/cover;
  height: 350px;
  width: 100%;
}
article.hotline-form-popup .form-head-box .form-info-box {
  width: 50%;
  color: #fff;
  padding-left: 124px;
  padding-top: 160px;
}
article.hotline-form-popup .form-head-box .form-info-box .subject-box {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 24px;
  font-family: "Noto Sans KR";
  text-align: center;
}
article.hotline-form-popup .form-body-box {
  background-color: #f2f2f2;
}
article.hotline-form-popup .form-body-box .tbox input {
  outline: none;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  outline: none;
  padding: 0 12px;
  height: 36px;
  font-size: 12px;
  font-family: "Malgun Gothic";
  letter-spacing: -0.04em;
}
article.hotline-form-popup .form-body-box .tbox input:focus {
  border: 1px solid #00B0F0;
}
article.hotline-form-popup .form-body-box .textbox textarea {
  height: 110px;
  padding: 12px;
  outline: none;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  border: 1px solid transparent;
  resize: none;
}
article.hotline-form-popup .form-body-box .textbox textarea:focus {
  border: 1px solid #00B0F0;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box {
  position: relative;
  max-width: 620px;
  margin: 0 auto;
  padding: 39px 0 56px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box:after {
  content: "";
  position: absolute;
  right: -79px;
  top: 20px;
  background: url("../img/ic_hotline_place.svg") no-repeat center/cover;
  width: 27px;
  height: 41px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-tit-box {
  padding-bottom: 17px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 43px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box {
  display: flex;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box {
  width: 100%;
  padding: 14px;
  display: inline-flex;
  border: 1px solid #eaeaea;
  align-items: center;
  background-color: #fff;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box + .item-box {
  margin-left: 16px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-ic-box {
  padding-right: 12px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-ic-box .ic {
  width: 40px;
  height: 40px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-email {
  background: url("../img/ic_hotline_email.svg") no-repeat center/cover;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-kakao {
  background: url("../img/ic_hotline_kakao.svg") no-repeat center/cover;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-ic-box .ic.ic-hotline-tel {
  background: url("../img/ic_hotline_tel.svg") no-repeat center/cover;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-info-box .item-subject-box {
  font-size: 14px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  line-height: 18px;
  padding-bottom: 2px;
}
article.hotline-form-popup .form-body-box .hotline-step1-box .hotline-list-box .list-box .item-box .item-info-box .item-con-box {
  color: #7f7f7f;
  font-family: "Noto Sans KR";
  font-size: 10px;
  letter-spacing: -0.01em;
  line-height: 13px;
}
article.hotline-form-popup .form-body-box .form-submit-group {
  height: 95px;
  display: flex;
  align-items: center;
  background-color: #00b0f0;
  padding: 0 110px;
  justify-content: center;
}
article.hotline-form-popup .form-body-box .form-submit-group .submit-msg-box {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "Noto Sans KR";
  letter-spacing: -0.04em;
  line-height: 24px;
  color: #fff;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box {
  display: inline-flex;
  align-items: center;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-btn-box label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #fff;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-btn-box label input {
  position: absolute;
  left: -9999px;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-btn-box label .txt {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.04em;
  font-family: "Noto Sans KR";
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-btn-box label .ic {
  margin-left: 20px;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-btn-box label .ic.ic-upload {
  margin-top: 2px;
  background: url("../img/ic_file_upload_white.svg") no-repeat center/cover;
  width: 21px;
  height: 21px;
}
article.hotline-form-popup .form-body-box .form-submit-group .file-box .upload-view-box {
  flex: 1;
  margin-left: 30px;
  height: 35px;
  font-size: 12px;
  padding: 0 6px;
  background-color: #fff;
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  width: 300px;
}
article.hotline-form-popup .form-body-box .form-submit-group .form-submit-box {
  margin-left: 40px;
}
article.hotline-form-popup .form-body-box .form-submit-group .form-submit-box .form-submit-btn {
  display: inline-flex;
  background: url("../img/ic_form_submit.svg") no-repeat center/cover;
  width: 55px;
  height: 55px;
}
article.hotline-form-popup .form-body-box .form-group-list {
  padding: 52px 88px;
  display: flex;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box {
  width: 280px;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box + .form-group-box {
  flex: 1;
  min-width: 0;
  margin-left: 56px;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .textarea-box .text-subject-box {
  font-size: 11px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  line-height: 15px;
  padding-bottom: 9px;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .row {
  display: flex;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .row + .row {
  margin-top: 13px;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .row .item-box {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .subject-box {
  width: 70px;
  font-family: "Noto Sans KR";
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
article.hotline-form-popup .form-body-box .form-group-list .form-group-box .con-box {
  flex: 1;
  min-width: 0;
}
article.hotline-form-popup .form-body-box .form-step1-group {
  position: relative;
  padding: 53px 115px 51px 207px;
}
article.hotline-form-popup .form-body-box .form-step1-group .form-step1-info-box {
  position: absolute;
  left: 67px;
  top: 53px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
article.hotline-form-popup .form-body-box .form-step1-group .form-step1-info-box .txt-box {
  font-size: 11px;
  font-family: "Noto Sans KR";
  line-height: 22px;
  padding-top: 4px;
  text-align: center;
}
article.hotline-form-popup .form-body-box .form-menu-box {
  position: absolute;
  z-index: 10;
  right: 70px;
  bottom: 39px;
}
article.hotline-form-popup .form-body-box .form-menu-box .next-btn {
  background: url("../img/ic_step_next.svg") no-repeat center/cover;
  width: 17px;
  height: 13px;
}

.pop-hotline-wrap {
  position: fixed;
  width: 100%;
  max-width: 1300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 35px;
  overflow: hidden;
  padding: 32px;
  background: url("/img/img_hotline_bg.png") no-repeat center/cover;
}
.pop-hotline-wrap .close-btn {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 25px;
  background: url("/img/ic_reason_close.svg") no-repeat center/22px, #707070;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box {
  width: 480px;
  margin-left: auto;
  padding: 80px 70px;
  border-radius: 32px;
  background: #0E06FC;
  position: relative;
  height: 666px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row + .row {
  margin-top: 18px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item {
  display: flex;
  align-items: center;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .tit {
  width: 48px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-right: 8px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap {
  flex: 1;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap .file-input-box .input-con-box {
  position: relative;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap .file-input-box .input-con-box .file-up-btn {
  width: 21px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap .file-input-box .input-con-box .file-txt-input {
  color: #000;
  width: 100%;
  height: 45px;
  font-size: 16px;
  padding: 0 45px 1px 48px;
  border-radius: 10px;
  background: #fff;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap .file-input-box .input-con-box .remove-btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-radius: 10px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .file-upload-wrap .file-input-box .input-con-box .remove-btn img {
  width: 8.8px;
  height: 8.8px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con {
  flex: 1;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .tbox input {
  border-radius: 10px;
  border: none;
  padding: 0 16px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .upload-wrap {
  position: relative;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .upload-wrap .btn-file-upload {
  position: absolute;
  top: 52%;
  left: 20px;
  transform: translateY(-50%);
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .upload-wrap .file-name {
  width: 100%;
  height: 45px;
  line-height: 43px;
  padding: 0 45px 0 48px;
  border-radius: 10px;
  font-size: 16px;
  background: #fff;
  color: #000;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .upload-wrap .btn-remove {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #707070;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .guest-info .row .form-item .con .upload-wrap .btn-remove img {
  width: 9px;
  height: 9px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .contents-box {
  margin-top: 68px;
  padding-top: 35px;
  border-top: 1px solid #fff;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .contents-box .textbox textarea {
  height: 196px;
  padding: 20px;
  border-radius: 10px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .send-btn {
  width: 88px;
  height: 88px;
  position: absolute;
  bottom: 22px;
  right: 20px;
}
.pop-hotline-wrap .hotline-form-wrap .hotline-form-box .send-btn img {
  width: 100%;
}

section.platform-archive-view {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  background-color: #000;
}
section.platform-archive-view .archive-view-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.platform-archive-view .archive-view-wrap.type-view .swiper-group-box {
  width: 686px;
}
section.platform-archive-view .archive-view-wrap.type-view .swiper-group-box .item-box {
  height: 970px;
}
section.platform-archive-view .archive-view-wrap.type-view .swiper-group-box .item-box img {
  width: auto;
  height: 100%;
}
section.platform-archive-view .archive-view-wrap .hide-today-box {
  position: fixed;
  top: 50px;
  left: 60px;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}
section.platform-archive-view .archive-view-wrap .hide-today-box .check-box {
  width: 15px;
  height: 15px;
  background-color: #fff;
}
section.platform-archive-view .archive-view-wrap .hide-today-box p {
  font-size: 13px;
  color: #fff;
}
section.platform-archive-view .swiper-button-next:after,
section.platform-archive-view .swiper-button-prev:after {
  display: none;
}
section.platform-archive-view .swiper-button-prev {
  background: url("../img/img_archive_swiper_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
  margin: 0;
  left: 60px;
}
section.platform-archive-view .swiper-button-prev.swiper-button-disabled {
  display: none;
}
section.platform-archive-view .swiper-button-prev:hover {
  background: url("../img/img_archive_swiper_prev_on.svg") no-repeat center/cover;
}
section.platform-archive-view .swiper-button-next {
  background: url("../img/img_archive_swiper_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
  margin: 0;
  right: 60px;
}
section.platform-archive-view .swiper-button-next.swiper-button-disabled {
  display: none;
}
section.platform-archive-view .swiper-button-next:hover {
  background: url("../img/img_archive_swiper_next_on.svg") no-repeat center/cover;
}
section.platform-archive-view .share-menu-box {
  position: absolute;
  right: 60px;
  bottom: 60px;
  z-index: 100;
  font-size: 0;
}
section.platform-archive-view .share-menu-box .share-box {
  position: relative;
}
section.platform-archive-view .share-menu-box .share-box .share-btn-box {
  display: inline-flex;
  position: relative;
}
section.platform-archive-view .share-menu-box .share-box .share-btn-box:hover .share-option-tooltip {
  display: block;
}
section.platform-archive-view .share-menu-box .share-box .share-btn-box .share-option-tooltip {
  display: none;
  position: absolute;
  bottom: 72px;
  white-space: nowrap;
  right: 12px;
}
section.platform-archive-view .share-menu-box .share-box .share-btn-box .share-option-tooltip .tooltip-msg {
  border-radius: 18px;
  min-width: 50px;
  text-align: center;
  position: relative;
  padding: 9px 20px;
  background-color: #4B4B4B;
  font-family: "Malgun Gothic";
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  color: #fff;
}
section.platform-archive-view .share-menu-box .share-box .share-btn {
  display: inline-flex;
}
section.platform-archive-view .share-menu-box .share-box .share-btn + .share-btn, section.platform-archive-view .share-menu-box .share-box .share-btn + .share-btn-box {
  margin-left: 8px;
}
section.platform-archive-view .share-menu-box .share-box .share-btn.active ~ .share-option-box {
  display: flex;
}
section.platform-archive-view .share-menu-box .share-box .share-btn .ic-share {
  width: 60px;
  height: 60px;
  background: url("../img/ic_share2.svg") no-repeat center/cover;
}
section.platform-archive-view .share-menu-box .share-box .share-btn .ic-drive {
  width: 60px;
  height: 60px;
  background: url("../img/ic_share_drive.svg") no-repeat center/cover;
}
section.platform-archive-view .share-menu-box .share-box .share-btn .ic-print {
  width: 60px;
  height: 60px;
  background: url("../img/ic_share_print02.svg") no-repeat center/cover;
}
section.platform-archive-view .share-menu-box .share-box .share-btn .ic-write {
  width: 60px;
  height: 60px;
  background: url("../img/ic_share_write2.svg") no-repeat center/cover;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box {
  display: none;
  position: absolute;
  border-radius: 30px;
  background-color: #00b0f0;
  right: 0;
  align-items: center;
  height: 60px;
  padding: 0 22px;
  top: 50%;
  transform: translateY(-50%);
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-menu-box {
  display: inline-flex;
  align-items: center;
  position: relative;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-menu-box:hover .share-option-tooltip {
  display: block;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-menu-box + .share-option-btn {
  margin-left: 16px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-menu-box + .share-option-menu-box {
  margin-left: 16px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-tooltip {
  display: none;
  position: absolute;
  bottom: 60px;
  white-space: nowrap;
  right: -10px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-tooltip .tooltip-msg {
  border-radius: 18px;
  min-width: 50px;
  text-align: center;
  position: relative;
  padding: 9px 20px;
  background-color: #4B4B4B;
  font-family: "Malgun Gothic";
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  color: #fff;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn {
  display: inline-flex;
  align-items: center;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn + .share-option-btn {
  margin-left: 15px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn + .share-option-menu-box {
  margin-left: 15px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-download {
  background: url("../img/ic_share_download.svg") no-repeat center/cover;
  width: 18px;
  height: 17px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-email {
  background: url("../img/ic_share_email.svg") no-repeat center/cover;
  width: 18px;
  height: 14px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-print {
  background: url("../img/ic_share_print.svg") no-repeat center/cover;
  width: 18px;
  height: 16px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-bookmark {
  background: url("../img/ic_share_boomark.svg") no-repeat center/cover;
  width: 15px;
  height: 18px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-submit {
  background: url("../img/ic_share_submit.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-close {
  background: url("../img/ic_share_close.svg") no-repeat center/cover;
  width: 10px;
  height: 10px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-like {
  background: url("../img/ic_share_ver2_like.svg") no-repeat center/contain;
  width: 38px;
  height: 38px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-download-2 {
  background: url("../img/ic_share_ver2_download.svg") no-repeat center/contain;
  width: 37px;
  height: 37px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-print-2 {
  background: url("../img/ic_share_ver2_print.svg") no-repeat center/contain;
  width: 37px;
  height: 37px;
}
section.platform-archive-view .share-menu-box .share-box .share-option-box .share-option-btn .ic.ic-close-2 {
  background: url("../img/ic_share_ver2_close.svg") no-repeat center/contain;
  width: 15.4px;
  height: 15.4px;
}
section.platform-archive-view .close-btn {
  z-index: 500;
  position: absolute;
  right: 45px;
  top: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
section.platform-archive-view .close-btn:hover {
  background-color: #595959;
}
section.platform-archive-view article.today-hide-layer .hide-layer-btn .ic + .ic-layer-chk {
  margin-right: 6px;
}
section.platform-archive-view .swiper-group-box {
  margin: 0 auto;
  height: 100%;
  position: relative;
  width: 686px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.platform-archive-view .swiper-group-box .swiper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
section.platform-archive-view .swiper-group-box .swiper-slide {
  max-width: 100%;
  position: relative;
}
section.platform-archive-view .swiper-group-box .swiper-slide .hide-today-box {
  position: fixed;
  top: 50px;
  left: 60px;
  display: flex;
  align-items: center;
  gap: 7px;
}
section.platform-archive-view .swiper-group-box .swiper-slide .hide-today-box .check-box {
  width: 15px;
  height: 15px;
  background-color: #fff;
}
section.platform-archive-view .swiper-group-box .swiper-slide .hide-today-box p {
  font-size: 13px;
  color: #fff;
}
section.platform-archive-view .swiper-group-box .item-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
section.platform-archive-view .swiper-group-box .item-box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

section.page-layer-visual {
  display: flex;
  position: relative;
}
section.page-layer-visual .visual-info-layout5 {
  max-width: 1400px;
  width: calc(100% - 60px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
section.page-layer-visual .visual-info-layout5 .txt-box {
  background: url("../img/img_visual_info_layout5_bg.svg") no-repeat center/cover;
  width: 489px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #434343;
}
section.page-layer-visual .visual-info-layout1 {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
section.page-layer-visual .visual-info-layout1 .wrap {
  display: flex;
  justify-content: flex-end;
}
section.page-layer-visual .visual-info-layout1 .wrap .visual-txt-box {
  white-space: nowrap;
  color: #fff;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  line-height: 56px;
}
section.page-layer-visual .visual-info-layout2 {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  color: #fff;
}
section.page-layer-visual .visual-info-layout2 .mark-box {
  padding-bottom: 23px;
}
section.page-layer-visual .visual-info-layout2 .mark-box .ic-box .ic-mark {
  background: url("../img/ic_arrow_mark2.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
section.page-layer-visual .visual-info-layout2 .mark-box .mark-label-box {
  padding-top: 19px;
}
section.page-layer-visual .visual-info-layout2 .mark-box .mark-label-box .mark-label-txt {
  font-weight: 700;
  font-size: 18px;
  color: #595959;
  line-height: 20px;
}
section.page-layer-visual .visual-info-layout2 .contents-box .contents-sub-box {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
section.page-layer-visual .visual-info-layout2 .contents-box .contents-tit-box {
  padding-top: 63px;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  margin-bottom: -7px;
}
section.page-layer-visual .visual-info-layout2 .contents-box .subject-box {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
section.page-layer-visual .visual-info-layout2 .contents-box .subject-box.type-big {
  font-size: 50px;
  line-height: 1;
}
section.page-layer-visual .visual-info-layout2 .contents-box .con-box {
  padding-top: 50px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 32px;
  letter-spacing: -0.04em;
}
section.page-layer-visual .visual-info-layout2 .contents-box .con-box .more-btn {
  color: #00B0F0;
  font-size: 14px;
}
section.page-layer-visual .visual-info-layout3 {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
section.page-layer-visual .visual-info-layout3 .wrap {
  display: flex;
  justify-content: flex-end;
}
section.page-layer-visual .visual-info-layout3 .wrap .visual-txt-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 489px;
  height: 131px;
  position: relative;
  font-size: 16px;
  font-family: "Noto Sans KR";
  color: #ffffff;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
section.page-layer-visual .visual-info-layout3 .wrap .visual-txt-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ic_who_keyword_top.svg") no-repeat center/cover;
  width: 38px;
  height: 26px;
}
section.page-layer-visual .visual-info-layout3 .wrap .visual-txt-box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/ic_who_keyword_bottom.svg") no-repeat center/cover;
  width: 38px;
  height: 26px;
}
section.page-layer-visual .visual-info-layout4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
section.page-layer-visual .visual-info-layout4 .wrap {
  display: flex;
}
section.page-layer-visual .visual-info-layout4 .wrap .visual-txt-box {
  padding-bottom: 38px;
  display: flex;
}
section.page-layer-visual .visual-info-layout4 .wrap .visual-txt-box .txt-box {
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 28px;
  color: #fff;
  font-family: "Noto Sans KR";
}
section.page-layer-visual .visual-info-layout4 .wrap .visual-txt-box .txt-box + .txt-box {
  margin-left: 20px;
}
section.page-layer-visual .visual-bg-box {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
section.page-layer-visual .visual-bg-box img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

section.career-apply {
  background: url("../img/img_carrer_apply_bg.png") no-repeat center/100% 100%;
  height: 930px;
}
section.career-apply .wrap {
  padding-top: 159px;
}
section.career-apply .list-box {
  display: flex;
}
section.career-apply .list-box .item-box {
  padding: 36px 20px;
  min-height: 240px;
  width: 33.33%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 13px solid #2f68db;
  text-align: center;
}
section.career-apply .list-box .item-box + .item-box {
  margin-left: 23px;
}
section.career-apply .list-box .item-box .subject-box {
  font-family: "Arial Black";
  font-size: 26px;
  letter-spacing: -0.06em;
  line-height: 37px;
}
section.career-apply .list-box .item-box .con-box {
  padding-top: 26px;
  font-size: 14px;
  font-family: "Noto Sans KR";
  line-height: 24px;
  letter-spacing: 0.02em;
}
section.career-apply .menu-box {
  padding-top: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}

article.menu-layout1 .menu-btn {
  height: 50px;
  padding: 0 68px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 25px;
  background-color: #fff;
  border: 1px solid #00b0f0;
  color: #00b0f0;
  text-align: center;
}
article.menu-layout1 .menu-btn:hover, article.menu-layout1 .menu-btn:focus {
  color: #fff;
  background-color: #00b0f0;
}

article.menu-layout2 .menu-btn {
  height: 40px;
  padding: 0 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 25px;
  background-color: #fff;
  border: 1px solid #00B0F0;
  color: #00B0F0;
  text-align: center;
}
article.menu-layout2 .menu-btn.type-2 {
  width: 200px;
  font-size: 12px;
  font-weight: 500;
}
article.menu-layout2 .menu-btn.long {
  width: 170px;
}
article.menu-layout2 .menu-btn.small {
  height: 32px;
  font-size: 12px;
}
article.menu-layout2 .menu-btn:hover, article.menu-layout2 .menu-btn:focus {
  color: #fff;
  background-color: #00B0F0;
}

article.menu-layout3 .menu-btn {
  height: 22px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  color: #00B0F0;
}
article.menu-layout3 .menu-btn.large {
  font-size: 14px;
  padding: 0 9px;
  height: 26px;
}
article.menu-layout3 .menu-btn:hover, article.menu-layout3 .menu-btn:focus {
  color: #fff;
  background-color: #00B0F0;
}

article.apply-form-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}
article.apply-form-popup:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.67);
}
article.apply-form-popup .popup-wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  max-width: 870px;
}
article.apply-form-popup .popup-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: -40px;
}
article.apply-form-popup .popup-contents {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
article.apply-form-popup .tbox input {
  outline: none;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  outline: none;
  padding: 0 12px;
  height: 36px;
  font-size: 12px;
  font-family: "Malgun Gothic";
  letter-spacing: -0.04em;
}
article.apply-form-popup .sbox .set {
  border: 1px solid #fff;
}
article.apply-form-popup .form-head-box {
  background: url("../img/img_apply_form_head_bg.png") no-repeat center/cover;
  height: 370px;
  width: 100%;
}
article.apply-form-popup .form-head-box .form-info-box {
  margin: 0 0 0 auto;
  width: 50%;
  color: #fff;
  padding-top: 95px;
  padding-left: 70px;
}
article.apply-form-popup .form-head-box .form-info-box .subject-box {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.06em;
  line-height: 38px;
}
article.apply-form-popup .form-head-box .form-info-box .con-box {
  padding-top: 12px;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.04em;
  font-family: "Noto Sans KR";
}
article.apply-form-popup .form-head-box .form-info-box .con-box .link-btn {
  color: #00B0F0;
  text-decoration: underline;
  text-underline-position: under;
}
article.apply-form-popup .form-body-box {
  background-color: #f2f2f2;
  border-bottom: 7px solid #00B0F0;
}
article.apply-form-popup .form-body-box .form-step2-group {
  display: none;
  position: relative;
  padding: 53px 90px 78px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-list {
  display: flex;
}
article.apply-form-popup .form-body-box .form-step2-group .form-submit-box {
  position: absolute;
  right: 90px;
  bottom: 36px;
  z-index: 10;
}
article.apply-form-popup .form-body-box .form-step2-group .form-submit-box .form-submit-btn {
  background: url("../img/ic_form_submit.svg") no-repeat center/cover;
  width: 55px;
  height: 55px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box {
  width: 50%;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box + .form-step2-box {
  padding-left: 50px;
  margin-left: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box + .form-step2-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 166px;
  background-color: #d1d1d1;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .tit-box {
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.04em;
  position: relative;
  padding-left: 14px;
  font-weight: 700;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .tit-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #00B0F0;
  width: 3px;
  height: 13px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .txt-box {
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 24px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  color: #383838;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .des-box {
  padding-top: 20px;
  color: #595959;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 24px;
  font-family: "Noto Sans KR";
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box {
  padding-top: 38px;
  display: flex;
  align-items: center;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-btn-box label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-btn-box label input {
  position: absolute;
  left: -9999px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-btn-box label .txt {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.04em;
  font-family: "Noto Sans KR";
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-btn-box label .ic {
  margin-left: 14px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-btn-box label .ic.ic-upload {
  margin-top: 2px;
  background: url("../img/ic_file_upload.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-view-box {
  width: 180px;
  margin-left: 30px;
  height: 26px;
  font-size: 12px;
  padding: 0 6px;
  background-color: #fff;
  position: relative;
}
article.apply-form-popup .form-body-box .form-step2-group .form-step2-box .file-box .upload-view-box .file-remove-btn {
  display: none;
  background: url("../img/ic_file_remove.svg") no-repeat center/cover;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
article.apply-form-popup .form-body-box .form-step1-group {
  position: relative;
  padding: 53px 115px 51px 207px;
}
article.apply-form-popup .form-body-box .form-step1-group .form-step1-info-box {
  position: absolute;
  left: 67px;
  top: 53px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
article.apply-form-popup .form-body-box .form-step1-group .form-step1-info-box .txt-box {
  font-size: 11px;
  font-family: "Noto Sans KR";
  line-height: 22px;
  padding-top: 4px;
  text-align: center;
}
article.apply-form-popup .form-body-box .form-contents .row {
  display: flex;
}
article.apply-form-popup .form-body-box .form-contents .row + .row {
  margin-top: 13px;
}
article.apply-form-popup .form-body-box .form-contents .row .item-box {
  width: calc(50% - 25px);
  display: inline-flex;
  align-items: center;
}
article.apply-form-popup .form-body-box .form-contents .row .item-box + .item-box {
  margin-left: 50px;
}
article.apply-form-popup .form-body-box .form-contents .subject-box {
  width: 70px;
  font-family: "Noto Sans KR";
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
article.apply-form-popup .form-body-box .form-contents .con-box {
  flex: 1;
  min-width: 0;
}
article.apply-form-popup .form-body-box .form-menu-box {
  position: absolute;
  z-index: 10;
  right: 70px;
  bottom: 39px;
}
article.apply-form-popup .form-body-box .form-menu-box.prev {
  left: 90px;
  right: auto;
}
article.apply-form-popup .form-body-box .form-menu-box .next-btn {
  display: inline-flex;
  align-items: center;
}
article.apply-form-popup .form-body-box .form-menu-box .next-btn .txt {
  color: #00b0f0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.04em;
  font-family: "Noto Sans KR";
  line-height: 1.2;
}
article.apply-form-popup .form-body-box .form-menu-box .next-btn .ic-next {
  margin-left: 10px;
  background: url("../img/ic_step_next.svg") no-repeat center/cover;
  width: 17px;
  height: 13px;
}
article.apply-form-popup .form-body-box .form-menu-box .next-btn .ic-prev {
  margin-right: 10px;
  background: url("../img/ic_step_prev.svg") no-repeat center/cover;
  width: 17px;
  height: 13px;
}

article.platform-trade-detail-layout {
  background-color: #ffffff;
  margin-top: 15px;
}
article.platform-trade-detail-layout .sub-form-list .sub-form-box {
  display: none;
}
article.platform-trade-detail-layout .sub-form-list .sub-form-box[data-sub=sub1] {
  display: block;
}
article.platform-trade-detail-layout .detail-form-box {
  display: none;
}
article.platform-trade-detail-layout .detail-form-box.active {
  display: block;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap {
  position: relative;
  display: flex;
  padding: 52px 0;
  min-height: 250px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .sub-form-prev {
  z-index: 100;
  background: url("../img/img_form_sub_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .sub-form-prev:hover {
  background: url("../img/img_form_sub_prev_on.svg") no-repeat center/cover;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .sub-form-next {
  z-index: 100;
  background: url("../img/img_form_sub_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .sub-form-next:hover {
  background: url("../img/img_form_sub_next_on.svg") no-repeat center/cover;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box {
  width: 513px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-family: "Noto Sans KR";
  padding-left: 130px;
  color: #222;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box {
  display: inline-flex;
  flex-direction: column;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-order-box {
  display: flex;
  align-items: center;
  padding-bottom: 14px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-order-box .order {
  background-color: #dedede;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-order-box .order + .order {
  margin-left: 2.5px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-order-box .order.on {
  background-color: #00b0f0;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-txt-box {
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-txt-box.type-2 {
  font-weight: 400;
  font-size: 15px;
  font-family: "Noto Sans KR";
  line-height: 26px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-txt-box a {
  font-family: inherit;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-guide-box .guide-contents-box .guide-sub-box {
  padding-top: 7px;
  font-size: 12px;
  font-weight: 300;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box {
  flex: 1;
  padding: 0 185px 0 52px;
  border-left: 1px solid #dddddd;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .form-reset-btn {
  background: url("../img/ic_tooltip_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: -30px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .check-list-group {
  text-align: left;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .check-info-box {
  font-size: 12px;
  padding-top: 22px;
  color: #7f7f7f;
  font-family: "Noto Sans KR";
  text-align: left;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .check-list-box .check-row-box + .check-row-box {
  margin-top: 11px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .check-list-box .check-row-box .cbox label i {
  top: 0;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .check-list-box .check-row-box .cbox .txt {
  min-height: 17px;
  font-size: 12px;
  line-height: 17px;
  color: #404040;
  font-family: "Noto Sans KR";
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row-list {
  width: 100%;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row {
  display: flex;
  width: 100%;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row + .info-row {
  margin-top: 19px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .textbox textarea {
  font-size: 12px;
  line-height: 24px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .textbox textarea:focus {
  border: 1px solid #00b0f0;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .textbox textarea::placeholder {
  color: #7f7f7f;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .textbox textarea.error {
  border: 1px solid #f0002e;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .textarea-limit-box {
  padding-top: 13px;
  display: flex;
  justify-content: flex-end;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .textbox-group .limit-box {
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 24px;
  color: #a2a2a2;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .tbox input:focus {
  border: 1px solid #00b0f0;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .info-msg-box {
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 13px;
  padding-top: 13px;
  color: #606060;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .subject-box {
  display: inline-flex;
  align-items: center;
  width: 110px;
  font-family: "Noto Sans KR";
  height: 36px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .subject-box .fbox .txt-box .txt {
  font-size: 15px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .subject-box .fbox .txt-box .ic.ic-upload {
  margin-left: 6px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .subject-box .subject-txt {
  font-family: "Noto Sans KR";
  font-size: 13px;
  font-weight: 400;
  color: #222;
  line-height: 22px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .subject-box .ic.ic-new {
  background: url("../img/ic_additional_new.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box {
  flex: 1;
  min-width: 0;
  position: relative;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .msg-txt-box {
  padding: 6px 0 0 10px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .rbox-group {
  display: flex;
  justify-content: space-between;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .rbox-group .rbox {
  height: 36px;
  display: inline-flex;
  align-items: center;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .rbox-group .rbox label {
  position: relative;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .rbox-group .rbox label i {
  top: 3px;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .rbox-group .rbox label .txt {
  color: #333;
}
article.platform-trade-detail-layout .detail-form-box .form-wrap .form-info-box .info-row .con-box .file-remove-btn {
  display: none;
  background: url("../img/ic_file_remove.svg") no-repeat center/cover;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

section.platform-example-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background-color: #000;
}
section.platform-example-layer .example-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.platform-example-layer .example-wrap .close-btn {
  position: absolute;
  right: 60px;
  top: 60px;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/30px;
  width: 30px;
  height: 30px;
}
section.platform-example-layer .example-contents-box .img-box {
  font-size: 0;
}
section.platform-example-layer .example-contents-box .img-box img {
  max-width: 100%;
}

section.full-page-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
}
section.full-page-layer.bg-black {
  background: #000;
}
section.full-page-layer.bg-partnership {
  background-color: #0c0c0c;
  background: url("../img/main_partnership_bg.png") no-repeat right;
}
section.full-page-layer.bg-new-financing {
  background-color: #0c0c0c;
  background-image: url("../img/background/financing_bg.png");
  background-repeat: no-repeat;
  background-position: -561px -105px;
  background-size: 1762px;
}
section.full-page-layer.bg-finance {
  z-index: 440;
}
section.full-page-layer.bg-valuation {
  background: url("/img/pencil_bg.png") no-repeat center/cover;
}
section.full-page-layer.bg-valuation .flexItem {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.full-page-layer.bg-valuation .btnIcon {
  background: url(/img/icon/platform_valuation_btn.svg) no-repeat center/cover;
  width: 77px;
  height: 82px;
  cursor: pointer;
  margin-left: 70px;
  position: relative;
  top: 15px;
}
section.full-page-layer.bg-valuation .btnIcon:hover {
  background: url("/img/icon/platform_valuation_btn_hover.svg") no-repeat center/cover;
}
section.full-page-layer.overlay-custom::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}
section.full-page-layer.bg-ecosystem {
  background: url("../img/main_ecosystem_bg.jpg") no-repeat center/cover !important;
}
section.full-page-layer.bg-dataroom {
  background: url("../img/main_dataroom_bg2.jpg") no-repeat center/cover;
}
section.full-page-layer.bg-dataroom-sub {
  background: url("../img/main_dataroom_bg3.png") no-repeat center/cover;
}
section.full-page-layer.bg-dataroom-sub::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
section.full-page-layer.bg-dataroom-sub .close-btn {
  z-index: 99999;
}
section.full-page-layer.bg-dataroom-sub .content {
  position: relative;
  left: -80px;
  bottom: -30px;
}
section.full-page-layer.bg-signature {
  background: url("../img/main_e_signature_bg.jpg") no-repeat center/cover;
}
section.full-page-layer.bg-common {
  background: url("../img/main_coomon_bg.svg") no-repeat center/cover;
}
section.full-page-layer.bg-insurance {
  background: url("../img/main_insurance_bg.png") no-repeat center/cover;
}
section.full-page-layer.bg-sell-sole {
  background: url("../img/img_man_sell_step1_sole.png") no-repeat center/cover;
}
section.full-page-layer.bg-sign-sub-3 {
  background: url("../img/img_sign_sub_3.png") no-repeat center/cover;
}
section.full-page-layer.bg-ai-infused {
  background: url("../img/background/match_alram_background.png") no-repeat left/contain;
}
section.full-page-layer.bg-match-alert {
  background: url("../img/background/match-alert-bg.png") no-repeat center 9%/cover;
  background-position: -368px -127px;
  background-size: 2280px;
}
section.full-page-layer.bg-match-alert::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.84);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
section.full-page-layer.bg-match-alert-service {
  background: url(../img/background/match-alert-bg.png) no-repeat -425px center/94% auto;
}
section.full-page-layer.bg-signature {
  background: url("../img/electronic_signautre.png") no-repeat center 9%/cover;
}
section.full-page-layer.bg-signature::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
section.full-page-layer.bg-dataroom {
  background: url("../img/background/dataroom_popup.png") no-repeat center 9%/cover;
}
section.full-page-layer.bg-mypage {
  background: url("../img/background/mypage_bg.png") no-repeat 125% center/contain;
}
section.full-page-layer.bg-valuation {
  background: url("../img/background/valuation_bg.png") no-repeat center 97%/cover;
}
section.full-page-layer.bg-valuation.full-page-wrap.close-btn {
  background-color: #707070;
}
section.full-page-layer .partnership-body-back-box {
  position: absolute;
  height: 100vh;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.full-page-layer .partnership-body-back-box img {
  position: absolute;
}
section.full-page-layer .partnership-body-back-box img.back-image {
  right: -300px;
  bottom: 0;
}
section.full-page-layer .full-page-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
section.full-page-layer .full-page-wrap.ai-innovation {
  display: flex;
  flex-direction: column;
}
section.full-page-layer .full-page-wrap.financing {
  display: flex;
  justify-content: flex-end;
}
section.full-page-layer .full-page-wrap.match-alert {
  display: flex;
  justify-content: center;
}
section.full-page-layer .full-page-wrap .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 130px;
  top: 53px;
  z-index: 100;
}
section.full-page-layer .full-page-wrap .link-btn + .link-btn {
  margin-left: 20px;
}
section.full-page-layer .full-page-wrap .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.full-page-layer .full-page-wrap .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}
section.full-page-layer .full-page-wrap .layer-more-btn {
  position: absolute;
  bottom: 68px;
  right: 105px;
}
section.full-page-layer .full-page-wrap .layer-more-btn .learn-more-btn01 {
  font-size: 13px;
  background-color: #333232;
  padding: 10px 18px 10px 20px;
}
section.full-page-layer .full-page-wrap > .close-btn {
  position: absolute;
  right: 45px;
  top: 45px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/20px;
  width: 53px;
  height: 53px;
  border-radius: 30px;
}
section.full-page-layer .full-page-wrap > .close-btn.valuation {
  background-color: rgba(0, 0, 0, 0.6);
}
section.full-page-layer .full-page-wrap > .close-btn.partner:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
section.full-page-layer .full-page-wrap > .close-btn.dataroom {
  background: url(../img/close-ico.png) no-repeat center/20px;
  background-color: #202020;
}
section.full-page-layer .full-page-wrap > .close-btn.consultant:hover, section.full-page-layer .full-page-wrap > .close-btn.sale-price:hover, section.full-page-layer .full-page-wrap > .close-btn.financing:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
section.full-page-layer .full-page-wrap > .close-btn:hover {
  background-color: #595959;
}
section.full-page-layer .full-page-wrap article.intro-financing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  z-index: 1;
  position: relative;
  gap: 20px;
}
section.full-page-layer .full-page-wrap article.intro-financing .financing-container {
  width: 801px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: black;
  justify-content: center;
}
section.full-page-layer .full-page-wrap article.intro-financing .financing-head-section {
  text-align: left;
  padding-left: 93px;
}
section.full-page-layer .full-page-wrap article.intro-financing .financing-head-section .subject-box {
  font-size: 60px;
  font-weight: bold;
  color: white;
  line-height: 70px;
  letter-spacing: -4px;
  margin-bottom: 30px;
  font-family: "Microsoft YaHei UI";
}
section.full-page-layer .full-page-wrap article.intro-financing .financing-head-section .con-box {
  color: white;
  font-size: 17px;
  line-height: 30px;
  padding-top: 0;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  width: 100%;
  padding: 44px 76px 71px 0;
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container .step-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 0;
  border-radius: 12px;
  width: 227px;
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container .step-box .step-icon-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container .step-box .step-icon-container .step-icon {
  width: 135px;
  margin-left: 24px;
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container .step-box .step-icon-container .step-title {
  position: absolute;
  top: 42%;
  left: 41%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 500;
  color: white;
  text-align: center;
  margin-left: 13px;
}
section.full-page-layer .full-page-wrap article.intro-financing .step-boxes-container .step-box .step-desc {
  font-size: 12px;
  color: white;
  line-height: 22px;
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap {
  position: absolute;
  right: 111px;
  top: 90%;
  transform: translateY(-50%);
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .btn-more {
  display: flex;
  align-items: center;
  gap: 7px;
  background: #fff;
  color: #3b3b3b;
  border: none;
  padding: 11px 20px;
  border-radius: 19px;
  cursor: pointer;
  font-size: 13px;
  line-height: normal;
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .btn-more::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #585858;
  margin: 1px 0 0 0;
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .btn-more:hover {
  background: #00B0F0;
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .btn-more:hover::after {
  border-left: 7px solid #fff;
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .more-talk {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
section.full-page-layer .full-page-wrap article.intro-financing .btn-wrap .more-talk .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-financing .inquiry-btn {
  position: absolute;
  right: 151px;
  top: 90%;
  transform: translateY(-50%);
  display: flex;
  gap: 8px;
  background: #fff;
  color: #3b3b3b;
  padding: 11px 41px;
  border-radius: 19px;
  cursor: pointer;
  font-size: 13px;
}
section.full-page-layer .full-page-wrap article.intro-financing .inquiry-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #585858;
  margin-top: 1px;
}
section.full-page-layer .full-page-wrap .info-txt {
  color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 124px;
  top: 60px;
  z-index: 100;
}
section.full-page-layer .full-page-wrap article.intro-partnership {
  padding-top: 143px;
  display: flex;
  flex-direction: column; /* 세로 정렬 */
  justify-content: space-between; /* 위는 head-box, 아래는 guide-wrap */
  min-height: 136vh; /* 전체 높이를 화면에 맞게 */
}
section.full-page-layer .full-page-wrap article.intro-partnership .wrap {
  margin-left: 206px;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 120px;
  background-color: #000;
  padding: 60px 200px;
  height: 289px;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap .deal-guide-list + .deal-guide-list {
  position: relative;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap .deal-guide-list + .deal-guide-list::before {
  content: "";
  width: 0.5px;
  height: 103px;
  background-color: #fff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -61px;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap .deal-guide-list .title {
  color: white;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap .deal-guide-list .contents {
  display: flex;
  align-items: center;
}
section.full-page-layer .full-page-wrap article.intro-partnership .deal-guide-wrap .deal-guide-list .contents .txt {
  color: white;
  font-size: 13px;
  line-height: 24px;
  margin-left: 33px;
}
section.full-page-layer .full-page-wrap article.intro-partnership .btn-wrap {
  display: flex;
  justify-content: center;
}
section.full-page-layer .full-page-wrap article.intro-partnership .inquiry-btn {
  position: absolute;
  right: 151px;
  top: 91%;
  transform: translateY(-50%);
  background: #333232;
  color: white;
  padding: 11px 41px;
  border-radius: 19px;
  cursor: pointer;
  font-size: 13px;
  display: inline-block;
  border: none;
}
section.full-page-layer .full-page-wrap .intro-con-box {
  width: 473px;
  height: 687px;
  position: absolute;
  top: 59%;
  transform: translateY(-50%);
  background-color: #0D04FF;
  padding: 70px 20px 52px 54px;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
}
section.full-page-layer .full-page-wrap .intro-con-box.partnership {
  right: 3%;
}
section.full-page-layer .full-page-wrap .intro-con-box.financing {
  position: absolute;
  right: 8%;
  top: 59%;
  transform: translateY(-50%);
  z-index: 1;
}
section.full-page-layer .full-page-wrap .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.full-page-layer .full-page-wrap .intro-con-box > .close-button {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/18px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
section.full-page-layer .full-page-wrap .intro-con-box > .close-button:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
section.full-page-layer .full-page-wrap .intro-con-box .title {
  color: #fff;
  font-size: 43px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap .intro-con-box .sub-txt {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 14px;
}
section.full-page-layer .full-page-wrap .intro-con-box .input-label {
  display: block;
  margin-bottom: 17px;
  margin-left: 5px;
  font-weight: 700;
  font-size: 12px;
  color: white;
  border-radius: 9px;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 30px;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 20px;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-family: "Noto Sans KR";
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .text {
  color: white;
  font-size: 12px;
  line-height: 1.7;
  margin-top: 12px;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .contents-box .textbox textarea {
  border-radius: 9px;
  width: 325px;
  height: 76px;
  font-size: 13px;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .contents-box .textbox textarea:focus::placeholder {
  color: transparent;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input {
  outline: none;
  width: 263px;
  height: 47px;
  border: none;
  font-size: 13px;
  font-family: "Noto Sans KR";
  background-color: #fff !important;
  border-radius: 9px;
  color: black;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill, section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill:hover, section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill:focus, section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input:focus::placeholder {
  color: transparent;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 4px #db6262;
  border-color: transparent;
}
section.full-page-layer .full-page-wrap .intro-con-box .info-box .text-wrap .con-box .input-box input.error::placeholder {
  color: #db6262;
}
section.full-page-layer .full-page-wrap .intro-con-box .phone-num {
  display: flex;
  align-items: center;
  margin: 30px 0 0 6px;
}
section.full-page-layer .full-page-wrap .intro-con-box .phone-num .icon {
  margin-right: 6px;
  width: 42px;
  height: 42px;
}
section.full-page-layer .full-page-wrap .intro-con-box .phone-num .txt {
  color: white;
  font-size: 14px;
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con {
  margin-left: 254px;
  position: absolute;
  bottom: 6.5%;
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap .intro-con-box .btn-con .icon {
  pointer-events: none;
  width: 97px;
  position: relative;
  bottom: 12px;
}
section.full-page-layer .full-page-wrap .partnership-head-box .label-box {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  position: relative;
}
section.full-page-layer .full-page-wrap .partnership-head-box .label-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: -45px;
  width: 30px;
  height: 30px;
  background: url("/img/arrow-down-icon.png") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap .partnership-head-box .subject-box {
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
}
section.full-page-layer .full-page-wrap .partnership-head-box .con-box {
  padding-top: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
}
section.full-page-layer .full-page-wrap .step-image {
  position: relative;
  left: -36px;
  top: 10px;
}
section.full-page-layer article.calc-layer {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #161616;
}
section.full-page-layer article.calc-layer .calc-layer-page {
  display: none;
  width: 100%;
  height: 100%;
}
section.full-page-layer article.calc-layer .calc-layer-page[data-page="1"] {
  display: block;
}
section.full-page-layer article.calc-layer .page-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
section.full-page-layer article.calc-layer .calc-nav-btn {
  position: absolute;
  z-index: 9999;
}
section.full-page-layer article.calc-layer .calc-nav-btn.nav-prev {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
  position: relative;
}
section.full-page-layer article.calc-layer .calc-nav-btn.nav-prev:hover {
  background: url("../img/ic_join_navi_prev_on.svg") no-repeat center/cover;
}
section.full-page-layer article.calc-layer .calc-nav-btn.nav-next {
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
section.full-page-layer article.calc-layer .calc-nav-btn.nav-next:hover {
  background: url("../img/ic_join_navi_next_on.svg") no-repeat center/cover;
}
section.full-page-layer article.calc-layer .calc-result-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
section.full-page-layer article.calc-layer .calc-result-box .result-msg-box {
  max-width: 540px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 133px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.full-page-layer article.calc-layer .calc-result-box .result-msg-box:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  background: url("../img/img_calc_result_left.svg") no-repeat center/cover;
  width: 31px;
  height: 133px;
}
section.full-page-layer article.calc-layer .calc-result-box .result-msg-box:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  background: url("../img/img_calc_result_right.svg") no-repeat center/cover;
  width: 31px;
  height: 133px;
}
section.full-page-layer article.calc-layer .calc-result-box .result-msg-box .msg-box {
  color: #fff;
  font-size: 26px;
  line-height: 29px;
  font-weight: 500;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer article.calc-layer .calc-result-box .result-msg-box .msg-box b {
  font-size: 26px;
  line-height: 29px;
  color: #ffffff;
  font-weight: 500;
}
section.full-page-layer article.calc-layer .calc-result-box .result-des-box {
  padding-top: 50px;
  font-size: 17px;
  line-height: 33px;
  color: #fff;
  font-family: "Noto Sans";
  text-align: center;
}
section.full-page-layer article.calc-layer .calc-form-box {
  display: flex;
  width: 100%;
}
section.full-page-layer article.calc-layer .calc-form-box .form-msg-box {
  display: inline-flex;
  justify-content: flex-end;
  width: 50%;
  text-align: right;
  padding-right: 96px;
  padding-top: 35px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-msg-box .msg-txt-box {
  text-align: left;
  color: #fff;
  font-size: 17px;
  line-height: 28px;
  font-family: "Noto Sans";
  position: relative;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box {
  padding-left: 45px;
  width: 50%;
  padding-top: 34px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row {
  display: flex;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row + .row {
  margin-top: 27px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .subject-box {
  height: 34px;
  display: inline-flex;
  align-items: center;
  line-height: 22px;
  color: #fff;
  font-family: "Noto Sans CJK KR";
  font-weight: 500;
  font-size: 16px;
  width: 93px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box {
  flex: 1;
  min-width: 0;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box {
  display: flex;
  align-items: center;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .label-box {
  padding-right: 20px;
  font-size: 12px;
  font-weight: 300;
  font-family: "Noto Sans KR";
  color: #fff;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .unit-box {
  padding-left: 9px;
  text-align: right;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox .set {
  border: 1px solid #d9d9d9;
  height: 34px;
  background: #fff url(../img/ic_category_selector_arrow.svg) no-repeat center right 13px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox .set .set-txt {
  line-height: 32px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox .set.error {
  box-shadow: 0 0 0 2px #f0002e;
  border-color: transparent;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox .select-menu {
  border-radius: 4px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox.small {
  width: 169px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .sbox.smaller {
  width: 100px;
  border-radius: 4px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box {
  position: relative;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box.smaller {
  width: 109px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box.small {
  width: 169px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box.long {
  width: 193px;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input {
  outline: none;
  width: 100%;
  height: 34px;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: "Noto Sans KR";
  padding: 0 10px;
  background-color: #fff;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:-webkit-autofill, section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:-webkit-autofill:hover, section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:-webkit-autofill:focus, section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input::placeholder {
  color: #5a5a5a;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:focus {
  box-shadow: 0 0 0 2px #00b0f0;
  border-color: transparent;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input:focus::placeholder {
  color: #00b0f0;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 2px #db6262;
  border-color: transparent;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box input.error::placeholder {
  color: #db6262;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box .ic {
  z-index: 10;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box .ic.ic-id {
  width: 14px;
  height: 15px;
  background: url("../img/ic_login_user.svg") no-repeat center;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .input-box .ic.id-pw {
  width: 12px;
  height: 15px;
  left: 14px;
  background: url("../img/ic_login_pw.svg") no-repeat center;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .row .con-box .item-box .note-box {
  font-family: "Noto Sans CJK KR";
  font-size: 13px;
  font-weight: 300;
  padding-top: 9px;
  color: #fff;
}
section.full-page-layer article.calc-layer .calc-form-box .form-info-box .form-list .form-box .rbox .txt {
  color: #fff;
}
section.full-page-layer article.calc-layer .calc-intro-box {
  padding-bottom: 50px;
}
section.full-page-layer article.calc-layer .calc-intro-box img {
  max-width: 100%;
}
section.full-page-layer .common-contents {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
section.full-page-layer .common-contents.type-column {
  flex-direction: column;
}
section.full-page-layer .common-contents .common-note-box {
  padding-top: 80px;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 15px;
  line-height: 29px;
}
section.full-page-layer .common-contents .common-note-box .more-btn {
  color: #00b0f0;
  padding: 0 3px;
  text-decoration: underline;
  text-underline-position: under;
}
section.full-page-layer .common-contents .common-floating-tit-box {
  position: absolute;
  top: 73px;
  left: 110px;
  z-index: 10;
}
section.full-page-layer .common-contents .common-floating-tit-box .ic-box {
  padding-bottom: 10px;
}
section.full-page-layer .common-contents .common-floating-tit-box .ic-box .ic-arrow {
  background: url("../img/ic_additional_arrow.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
}
section.full-page-layer .common-contents .common-floating-tit-box .tit-box {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
section.full-page-layer .common-contents .common-form-box {
  text-align: center;
}
section.full-page-layer .common-contents .common-form-box .form-info-box {
  text-align: center;
  padding-bottom: 30px;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-tit-box {
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  line-height: 80px;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-tit-box.type-1 {
  font-size: 46px;
  line-height: 42px;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-tit-box.type-2 {
  font-size: 50px;
  line-height: 42px;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-tit-box.type-3 {
  font-size: 48px;
  line-height: 42px;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-sub-box .sub-txt-box {
  font-weight: normal;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  margin-top: 30px;
  letter-spacing: 0.03em;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-sub-box .sell-more-btn {
  border-radius: 50px;
  background-color: #262424;
  position: absolute;
  right: 120px;
  bottom: 50px;
  padding: 10px 20px;
  cursor: pointer;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-sub-box .sell-more-btn a {
  text-decoration: none;
  color: white !important;
}
section.full-page-layer .common-contents .common-form-box .form-info-box .info-sub-box .sell-more-btn:hover {
  background-color: #0bb1fa;
}
section.full-page-layer .common-contents .common-form-box .form-search-box {
  position: relative;
}
section.full-page-layer .common-contents .common-form-box .form-search-box .input-box {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border-radius: 30px;
  width: 335px;
  margin: 0 auto;
}
section.full-page-layer .common-contents .common-form-box .form-search-box .input-box input {
  height: 57px;
  width: 100%;
  padding: 0 70px 0 35px;
  outline: none;
}
section.full-page-layer .common-contents .common-form-box .form-search-box .input-box .input-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_input_btn.svg") no-repeat center/cover;
  width: 31px;
  height: 29px;
  padding: 0;
}
section.full-page-layer .common-contents .common-form-box .form-search-box .option-box {
  width: 335px;
  margin: 0 auto;
  padding: 17px 30px 0;
  display: flex;
  justify-content: flex-end;
}
section.full-page-layer .common-contents .common-form-box .form-search-box .option-box .option-btn {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #00b0f0;
  text-decoration: underline;
  text-underline-position: under;
}
section.full-page-layer .intro-main-sub-contents {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.full-page-layer .intro-main-contents {
  padding-top: 118px;
}
section.full-page-layer .intro-main-contents .head-box {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 10;
}
section.full-page-layer .intro-main-contents .head-box .main-box {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.032em;
  padding-left: 40px;
}
section.full-page-layer .intro-main-contents .head-box .main-box.style2 {
  font-family: "Arial Black";
}
section.full-page-layer .intro-main-contents .head-box .sub-box {
  padding-top: 13px;
  font-size: 16px;
  line-height: 28px;
  padding-left: 40px;
  margin-bottom: 40px;
}
section.full-page-layer .intro-main-contents .body-box {
  display: flex;
  justify-content: center;
}
section.full-page-layer .intro-main-contents .body-box .view-box {
  display: inline-block;
  position: relative;
  margin-top: -40px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .img-box {
  max-width: 770px;
  text-align: center;
}
section.full-page-layer .intro-main-contents .body-box .view-box .img-box img {
  max-width: 100%;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-note-box {
  position: absolute;
  bottom: -226px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 7;
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
  padding-left: 80px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box {
  position: absolute;
  z-index: 10;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-1 {
  top: 170px;
  left: -128px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-1 article.tooltip-layout2 .tooltip-msg-box {
  right: -60px;
  left: auto;
  top: 50px;
  transform: none;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-2 {
  top: 358px;
  left: 185px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-2 article.tooltip-layout2 .tooltip-msg-box {
  left: 130%;
  transform: none;
  top: -146px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-3 {
  top: 324px;
  right: -38px;
  z-index: 9;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-3.regist {
  right: -50px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-3 article.tooltip-layout2 .tooltip-msg-box {
  left: 60px;
  top: -400px;
  transform: none;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-4 {
  top: 148px;
  right: -226px;
  z-index: 8;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box.item-buy-4.regist {
  top: 144px;
  right: -264px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .subject-box {
  padding-bottom: 20px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .subject-box .title-box {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .con-box {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .con-box .item-box-link {
  display: inline-block;
  margin-top: 17px;
  line-height: 30px;
  background-color: #1C1B1B;
  border-radius: 20px;
  padding: 3px 18px 4px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .con-box .item-box-link:hover {
  background-color: #00a7ee;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .con-box .item-box-link::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #fff;
  margin-left: 10px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .link-box {
  padding-top: 25px;
}
section.full-page-layer .intro-main-contents .body-box .view-box .item-box .link-box .link-btn {
  font-family: "Noto Sans KR";
  font-size: 14px;
}

section.platform-intro-direction {
  padding: 100px 0;
}
section.platform-intro-direction .wrap {
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.platform-intro-direction .item-box {
  display: inline-flex;
  align-items: center;
}
section.platform-intro-direction .item-box + .item-box {
  margin-left: 123px;
}
section.platform-intro-direction .item-box .info-box {
  padding-left: 23px;
}
section.platform-intro-direction .item-box .info-box .subject-box {
  font-family: "Noto Sans KR";
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
section.platform-intro-direction .item-box .info-box .con-box {
  padding-top: 25px;
  font-size: 16px;
  line-height: 28px;
  font-family: "Noto Sans KR";
  color: #595959;
}
section.platform-intro-direction .item-box .info-box .con-box .more-btn {
  color: #00b0f0;
  padding: 0 3px;
}
section.platform-intro-direction .item-box .info-box .con-box .more-btn:hover {
  background-color: #00b0f0;
  color: #fff;
}

article.loading-layer {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 501;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
article.loading-layer .loading-view {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
article.loading-layer .loading-view .loading-txt-box {
  color: #fff;
  font-size: 12px;
  font-family: "Noto Sans KR";
  line-height: 24px;
  padding-bottom: 40px;
}
article.loading-layer .loading-view .loading-img-box {
  display: flex;
  justify-content: center;
}
article.loading-layer .loading-view .loading-img-box img {
  max-width: 100%;
}

section.contents-layer-scroll {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
section.contents-layer-scroll .layer-more-btn {
  position: absolute;
  bottom: 68px;
  right: 105px;
}
section.contents-layer-scroll .layer-more-btn .learn-more-btn01 {
  font-size: 13px;
  background-color: #333232;
  padding: 15px 22px 15px 24px;
  border-radius: 28px/24px;
}
section.contents-layer-scroll .page-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/17px;
  width: 60px;
  height: 60px;
  top: 45px;
  right: 45px;
  position: absolute;
  z-index: 1;
  border-radius: 30px;
}
section.contents-layer-scroll .page-layer-close-btn.type-black {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/17px;
}
section.contents-layer-scroll .page-layer-close-btn:hover {
  background-color: #595959;
}

section.platform-intro-financing {
  background: url("../img/platform_main_financing_bg.jpg") no-repeat center/cover;
  height: 550px;
}
section.platform-intro-financing .financing-contents {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  margin: 0 0 0 auto;
  height: 100%;
  padding-left: 180px;
}
section.platform-intro-financing .financing-contents .tit-box {
  padding-bottom: 33px;
  font-weight: 700;
  font-size: 44px;
  color: #fff;
  font-family: "Noto Sans KR";
}
section.platform-intro-financing .financing-contents .con-box {
  color: #fff;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 14px;
  line-height: 29px;
}

section.visual {
  position: relative;
  height: 1020px;
}
section.visual .visual-info {
  position: absolute;
  left: 90px;
  top: 188px;
  z-index: 100;
}
section.visual .visual-info.type-contact {
  top: 313px;
  left: 199px;
}
section.visual .visual-info.type-wedo {
  left: auto;
  top: 408px;
  right: 337px;
}
section.visual .visual-info .video-info-box {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
}
section.visual .visual-info .video-info-box img {
  max-width: 100%;
}
section.visual .visual-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
section.visual .visual-wrap video,
section.visual .visual-wrap img {
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}

aside.nav-floating {
  position: fixed;
  top: 40%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 200;
  display: none;
}
aside.nav-floating .nav-list .nav-box {
  position: relative;
}
aside.nav-floating .nav-list .nav-box + .nav-box {
  margin-top: 33px;
}
aside.nav-floating .nav-list .nav-box .nav-hover-overlay {
  font-family: "Noto Sans";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 166px;
  height: 81px;
  border-radius: 40px;
  background-color: #3204FF;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  z-index: 1;
  text-decoration: none;
  gap: 6px;
}
aside.nav-floating .nav-list .nav-box .nav-hover-overlay .overlay-arrow {
  width: 25px;
  height: auto;
  position: relative;
  top: 2px;
}
aside.nav-floating .nav-list .nav-box.type-module .nav-btn:hover + .nav-hover-overlay, aside.nav-floating .nav-list .nav-box.type-module .nav-hover-overlay:hover {
  opacity: 1;
}
aside.nav-floating .nav-list .nav-box.type-archive .nav-hover-overlay {
  background-color: #FE0D04;
}
aside.nav-floating .nav-list .nav-box.type-contact .nav-hover-overlay {
  background-color: #00B0F0;
}
aside.nav-floating .nav-list .nav-box .nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-overview {
  background: url("../img/img_module2.png") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-contact {
  background: url("../img/img_phone2.png") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-terms {
  background: url("../img/img_terms2.png") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-talk {
  background: url("../img/img_floating_nav_talk.svg") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-sitemap {
  background: url("../img/img_floating_nav_sitemap.svg") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-platform {
  background: url("../img/img_floating_nav_platform.svg") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .ic-box .ic.ic-about {
  background: url("../img/img_floating_nav_about.svg") no-repeat center/cover;
}
aside.nav-floating .nav-list .nav-box .nav-btn .txt-box {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #a0a0a0;
  line-height: 15px;
  padding-top: 10px;
}

section.home-platform {
  height: 933px;
  position: relative;
}
section.home-platform .floating-box {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 177px;
  right: 0;
}
section.home-platform .floating-box .info-box {
  display: inline-block;
}
section.home-platform .floating-box .subject-box {
  font-weight: 700;
  font-size: 50px;
  line-height: 55px;
  color: #ffffff;
  position: relative;
  letter-spacing: -0.2px;
}
section.home-platform .floating-box .subject-box:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: -27px;
  background: url(../img/ic_arrow_mark2.svg) no-repeat center/cover;
  width: 12px;
  height: 12px;
}
section.home-platform .floating-box .con-box {
  padding-top: 24px;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
}
section.home-platform .floating-box .link-box {
  padding-top: 52px;
  display: flex;
  justify-content: flex-end;
}
section.home-platform .floating-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.home-platform .floating-box .link-box .link-btn .ic-mark {
  background: url("../img/ic_mark2.gif") no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.home-platform .floating-box .link-box .link-btn .txt {
  margin-top: 1px;
  padding-left: 7px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.04em;
  font-family: "Noto Sans KR";
  color: #fff;
}
section.home-platform .video-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
section.home-platform .video-wrap video,
section.home-platform .video-wrap img {
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}

section.platform-stargate {
  height: 650px;
  position: relative;
  background: url(/img/background/img_home_stargate_bg.png) no-repeat center center/cover;
}
section.platform-stargate .inner {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 120px;
  max-width: 1370px;
}
section.platform-stargate .info-box {
  position: absolute;
  right: 0;
  display: inline-block;
  text-align: left;
}
section.platform-stargate .info-box .subject-box {
  font-size: 45px;
  line-height: 60px;
  font-weight: 700;
  letter-spacing: -1.8px;
  color: #fff;
}
section.platform-stargate .info-box .deco {
  width: 474px;
  margin: 8px 0 7px;
}
section.platform-stargate .info-box .con-box {
  font-size: 16px;
  line-height: 32px;
  font-family: "Malgun Gothic";
  padding-top: 16px;
  color: #fff;
}

section.activate-your {
  width: 100%;
  height: 628px;
  background: url("/img/notebook.png") no-repeat center/cover;
  position: relative;
}
section.activate-your .activate-wrap {
  position: absolute;
  right: 100px;
  top: -70px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  color: #fff;
  width: 900px;
}
section.activate-your .activate-wrap .activate-title {
  margin-top: 151px;
  font-size: 55px;
  font-weight: 700;
  line-height: 60px;
  color: white;
  margin-left: 64px;
}
section.activate-your .activate-wrap .deal-sections {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  margin-top: 50px;
  margin-left: 80px;
}
section.activate-your .activate-wrap .deal-sections .deal-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  flex: 1;
}
section.activate-your .activate-wrap .deal-sections .deal-section .ic-marek {
  background: url(../img/ic_mark.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.activate-your .activate-wrap .deal-sections .deal-section.upload .text {
  position: absolute;
  top: 385px;
  left: 245px;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: left;
  min-width: 352px;
}
section.activate-your .activate-wrap .deal-sections .deal-section.upload .text p {
  font-size: 25px;
  font-weight: 700;
  color: white;
}
section.activate-your .activate-wrap .deal-sections .deal-section.upload .text span {
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  margin-top: 20px;
  line-height: 26px;
  color: white;
}
section.activate-your .activate-wrap .deal-sections .deal-section.upload .link-btn {
  position: absolute;
  top: 465px;
  right: 695px;
}
section.activate-your .activate-wrap .deal-sections .deal-section.upload .link-btn .txt {
  font-size: 14px;
  font-weight: bold;
}
section.activate-your .activate-wrap .deal-sections .deal-section.sourcing .text {
  margin-top: 50px;
  text-align: left;
  min-width: 352px;
}
section.activate-your .activate-wrap .deal-sections .deal-section.sourcing .text p {
  font-size: 25px;
  font-weight: 700;
  color: white;
}
section.activate-your .activate-wrap .deal-sections .deal-section.sourcing .text span {
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  margin-top: 20px;
  line-height: 26px;
  color: white;
}
section.activate-your .activate-wrap .deal-sections .deal-section.sourcing .link-btn {
  position: absolute;
  right: 23%;
}
section.activate-your .activate-wrap .deal-sections .deal-section.sourcing .link-btn .txt {
  font-size: 14px;
  font-weight: bold;
}
section.activate-your .icon {
  position: absolute;
  margin-top: 295px;
  margin-left: 268px;
}

section.platform-journey {
  height: 600px;
  display: flex;
  align-items: center;
  background: url("/img/img_journey_bg.jpg") no-repeat center right/contain, #000;
}
section.platform-journey .info-box .subject-box {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
}
section.platform-journey .info-box .mna-journey-wrap {
  display: flex;
  gap: 120px;
  align-items: center;
  margin-top: 48px;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box {
  color: #fff;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box + .mna-journey-box {
  position: relative;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box + .mna-journey-box::before {
  content: "";
  width: 1px;
  height: 124px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: -61px;
  transform: translateY(-50%);
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box .title {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 20px;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box .title a {
  font-family: "Noto Sans KR";
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box .title a::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 11px solid #fff;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box .title a:hover::after {
  border-left-color: #00a7ee;
}
section.platform-journey .info-box .mna-journey-wrap .mna-journey-box .txt {
  font-size: 16px;
  line-height: 32px;
}

section.platform-intro-invest {
  background: url("../img/img_intro_invest_bg.png") no-repeat center/cover;
  height: 715px;
}
section.platform-intro-invest .wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.platform-intro-invest .view-box img {
  max-width: 100%;
}
section.platform-intro-invest .info-box {
  padding-left: 180px;
  width: 50%;
  margin: 0 0 0 auto;
}
section.platform-intro-invest .info-box .subject-box {
  font-family: "Noto Sans KR";
  font-size: 38px;
  font-weight: 700;
  line-height: 43px;
  color: #fff;
}
section.platform-intro-invest .info-box .con-box {
  padding-top: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.03em;
}
section.platform-intro-invest .info-box .link-box {
  padding-top: 40px;
}
section.platform-intro-invest .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.platform-intro-invest .info-box .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.platform-intro-invest .info-box .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.platform-intro-invest .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

section.platform-intro-charge {
  background: #fff url("/img/background/img_home_costs_bg.jpg") no-repeat left top;
  height: 930px;
}
section.platform-intro-charge .inner {
  max-width: 1322px;
}
section.platform-intro-charge .wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.platform-intro-charge .info-box {
  padding-top: 85px;
  position: absolute;
  top: 40%;
  padding-left: 200px;
  width: 50%;
  margin: 0 0 0 auto;
}
section.platform-intro-charge .info-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  color: #000000;
  letter-spacing: -1.2px;
}
section.platform-intro-charge .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #131313;
  line-height: 32px;
  font-family: "Malgun Gothic";
}
section.platform-intro-charge .info-box .link-box {
  padding-top: 40px;
}
section.platform-intro-charge .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.platform-intro-charge .info-box .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.platform-intro-charge .info-box .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.platform-intro-charge .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  color: #131313;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}
section.platform-intro-charge .info-box .primary-btn {
  background-color: transparent;
  color: #000000;
  width: 12.5em;
  height: 3em;
  border: none;
  border-radius: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: all 0.6s ease;
  font-weight: 500;
  padding: 0;
}
section.platform-intro-charge .info-box .primary-btn:hover {
  background-color: #3654ff;
  color: #ffffff;
}
section.platform-intro-charge .info-box .primary-btn:hover .btn-arrow {
  transform: translateX(8px);
  stroke: #ffffff;
}
section.platform-intro-charge .info-box .primary-btn .btn-arrow {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  fill: none;
  stroke: #000000;
  stroke-width: 2;
  transition: all 0.6s ease;
}
section.platform-intro-charge .info-box .primary-btn .btn-text {
  margin: 0 0.5em;
  transition: all 0.6s ease;
  font-size: 18px;
  font-family: Inter;
}

.where-next-wrap {
  background: url(/img/img_intro_where_bg.png) no-repeat center/cover;
}
.where-next-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
}
.where-next-wrap .inner {
  margin: 0 auto;
  padding: 200px 0 80px;
  position: relative;
  max-width: 1464px;
}
.where-next-wrap .inner .top-con {
  padding: 0 130px;
}
.where-next-wrap .inner .top-con .tit {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 24px 58px;
}
.where-next-wrap .inner .top-con .count-wrap {
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.where-next-wrap .inner .top-con .count-wrap .count-item .num {
  color: #FFC000;
  font-size: 154px;
  font-weight: bold;
  letter-spacing: -2px;
}
.where-next-wrap .inner .top-con .count-wrap .count-item .num .plus {
  font-weight: bold;
}
.where-next-wrap .inner .top-con .count-wrap .count-item .name {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 22px;
}
.where-next-wrap .inner .company-list {
  margin-top: 54px;
  display: flex;
  gap: 62px;
}
.where-next-wrap .inner .company-list .item {
  color: #fff;
  font-size: 13px;
  line-height: 2.3;
}
.where-next-wrap .inner .info-txt {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 80px;
  text-align: center;
}
.where-next-wrap .inner .info-txt span {
  display: inline-block;
  background: #000;
  background: #000;
  padding: 16px 70px;
  border-radius: 25px;
}

section.one-software {
  width: 100%;
  height: 814px;
  background: url("/img/universe.png") no-repeat center/cover;
  position: relative;
}
section.one-software .inner {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 177px;
  right: 0;
  max-width: 1360px;
}
section.one-software .inner .info-box {
  position: absolute;
  left: -56px;
  top: -47px;
  z-index: 100;
}
section.one-software .inner .info-box .subject-box {
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
  letter-spacing: -1.6px;
}
section.one-software .inner .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
}
section.one-software .ic-mark {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}

section.section-ultimate {
  width: 100%;
  height: 1054px;
  background: url("/img/mouse.svg") no-repeat center right;
  position: relative;
}
section.section-ultimate .inner {
  position: absolute;
  z-index: 10;
  top: 177px;
  max-width: 1360px;
}
section.section-ultimate .inner .info-box {
  position: absolute;
  top: -53px;
  z-index: 100;
  left: 194px;
}
section.section-ultimate .inner .info-box .text {
  color: black;
  font-family: "Segoe UI";
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.8px;
}
section.section-ultimate .inner .link-box {
  padding-top: 40px;
}
section.section-ultimate .inner .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.section-ultimate .inner .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.section-ultimate .inner .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.section-ultimate .inner .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

section.section-deal-banner {
  padding: 65px 0;
  background-color: #0C0B0B;
}
section.section-deal-banner .inner {
  max-width: 1500px;
}
section.section-deal-banner .deal-guide-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 120px;
  color: #fff;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list + .deal-guide-list {
  position: relative;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list + .deal-guide-list::before {
  content: "";
  width: 1px;
  height: 127px;
  background-color: #fff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -61px;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list .title {
  font-size: 41px;
  font-weight: 600;
  margin-bottom: 20px;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list .contents {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 10px;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list .contents .icon {
  width: 65px;
}
section.section-deal-banner .deal-guide-wrap .deal-guide-list .contents .txt {
  font-size: 14px;
  line-height: 28px;
  margin-left: 33px;
}

section.section-strategic {
  width: 100%;
  height: 980px;
  background: url("../img/img_strategic_capital.png") no-repeat left/cover;
  position: relative;
}
section.section-strategic .border-box {
  position: absolute;
  top: 90px;
  right: 110px;
  bottom: 90px;
  left: 110px;
  border: 30px solid #FFC000;
  pointer-events: none;
}
section.section-strategic .wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 2rem;
  height: 100%;
}
section.section-strategic .wrap .info-box {
  margin-right: -386px;
  margin-bottom: 110px;
  max-width: 590px;
  text-align: left;
  position: relative;
  bottom: 217px;
}
section.section-strategic .wrap .info-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
  white-space: nowrap;
}
section.section-strategic .wrap .info-box .con-box {
  padding-top: 24px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 32px;
}
section.section-strategic .wrap .link-box {
  padding-top: 110px;
  display: flex;
  margin-right: 510px;
  position: relative;
  bottom: 225px;
}
section.section-strategic .wrap .link-box .custom-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 49px;
  background-color: transparent;
  border: none;
  border-radius: 11px;
  padding: 0 28px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  text-align: right;
  transition: all 0.6s ease;
}
section.section-strategic .wrap .link-box .custom-btn .btn-arrow {
  width: 1.6em;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.6s ease;
  color: #fff;
}
section.section-strategic .wrap .link-box .custom-btn .btn-text {
  margin: 0 0 0 1.5em;
  font-weight: 400;
  font-size: 18px;
  font-family: Inter;
}
section.section-strategic .wrap .link-box .custom-btn:hover {
  background-color: #3654ff;
  color: #fff;
}
section.section-strategic .wrap .link-box .custom-btn:hover .btn-arrow {
  transform: translateY(-50%) translateX(5px);
  color: #fff;
}
section.section-strategic .wrap .link-box .custom-btn:active {
  transform: scale(0.95);
}

section.section-next-deal {
  width: 100%;
  height: 933px;
  background: url("../img/img_next_deal_bg.svg") no-repeat center/cover;
  position: relative;
}
section.section-next-deal .wrap {
  position: relative;
  display: flex;
  flex-direction: column; /* ⬅ 가로 → 세로 정렬 */
  justify-content: center; /* 세로 방향에서 중앙 정렬 */
  align-items: flex-end;
  padding-right: 230px;
  padding-top: 61px;
  height: 100%;
}
section.section-next-deal .wrap .info-box {
  margin-bottom: -44px;
  max-width: 590px;
  text-align: left;
}
section.section-next-deal .wrap .info-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
  white-space: nowrap;
}
section.section-next-deal .wrap .info-box .con-box {
  padding-top: 24px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 32px;
}
section.section-next-deal .wrap .link-box {
  margin-top: 86px;
  margin-right: 261px;
}
section.section-next-deal .wrap .link-box .custom-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  border: 0.2em solid #fff;
  border-radius: 11px;
  padding: 0 28px;
  height: 49px;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: right;
  transition: all 0.6s ease;
}
section.section-next-deal .wrap .link-box .custom-btn .btn-arrow {
  width: 1.6em;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.6s ease;
  color: #000;
}
section.section-next-deal .wrap .link-box .custom-btn .btn-text {
  margin: 0 0 0 1.5em;
  font-weight: 400;
}
section.section-next-deal .wrap .link-box .custom-btn:hover {
  background-color: #3654ff;
  color: #fff;
}
section.section-next-deal .wrap .link-box .custom-btn:hover .btn-arrow {
  transform: translateY(-50%) translateX(5px);
  color: #fff;
}
section.section-next-deal .wrap .link-box .custom-btn:active {
  transform: scale(0.95);
}

.section-selected .deal-guide-wrap {
  display: flex;
  height: 100%;
}
.section-selected .deal-guide-wrap:hover .deal-guide-list {
  filter: blur(3px);
  opacity: 0.5;
  transform: scale(1.01);
  box-shadow: none;
}
.section-selected .deal-guide-wrap .deal-guide-list {
  height: 465px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  transition: all 0.3s ease;
}
.section-selected .deal-guide-wrap .deal-guide-list:hover {
  transform: scale(1);
  filter: blur(0px);
  opacity: 1;
  box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);
  background: #A82C2C;
  color: white;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(1), .section-selected .deal-guide-wrap .deal-guide-list:nth-child(5) {
  height: 465px;
  flex: 1;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(1) {
  padding-left: 30px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(5) {
  padding-right: 30px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(2), .section-selected .deal-guide-wrap .deal-guide-list:nth-child(3), .section-selected .deal-guide-wrap .deal-guide-list:nth-child(4), .section-selected .deal-guide-wrap .deal-guide-list:nth-child(5) {
  width: 370px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(1) {
  background-color: #000000;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(1) img {
  height: 65px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(2) {
  background-color: #161616;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(2) img {
  width: 60px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(3) {
  background-color: #262525;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(3) img {
  width: 63px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(4) {
  background-color: #313131;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(4) img {
  width: 75px;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(5) {
  background-color: #4E4E4E;
}
.section-selected .deal-guide-wrap .deal-guide-list:nth-child(5) img {
  width: 65px;
}
.section-selected .deal-guide-wrap .deal-guide-list .content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 312px;
  text-align: center;
  margin-top: 80px;
}
.section-selected .deal-guide-wrap .deal-guide-list .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-selected .deal-guide-wrap .deal-guide-list .icon-wrap img {
  object-fit: contain;
}
.section-selected .deal-guide-wrap .deal-guide-list .title {
  font-size: 19px;
  text-align: center;
  margin-bottom: 10px;
  font-family: Inter;
  font-weight: 500;
}
.section-selected .deal-guide-wrap .deal-guide-list .txt {
  font-size: 11px;
  font-family: "Noto Sans";
  line-height: 22px;
  text-align: center;
  position: relative;
  bottom: 40px;
}
.section-selected .deal-guide-wrap .deal-guide-list .link-box {
  display: flex;
  justify-content: center;
  margin: 0 10px 10px 0;
}
.section-selected .deal-guide-wrap .deal-guide-list .link-box .link-btn {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.section-selected .deal-guide-wrap .deal-guide-list .link-box .link-btn i.ic {
  font-size: 16px;
}
.section-selected .deal-guide-wrap .deal-guide-list .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
.section-selected .deal-guide-wrap .deal-guide-list .link-box .link-btn .txt {
  font-size: 14px;
}

.eoi-pop {
  position: relative;
}
.eoi-pop .pop-info {
  display: none;
  width: max-content;
  color: #393838;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  font-family: "Malgun Gothic";
  padding: 25px 34px;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  z-index: 1;
  bottom: 74px;
  left: 43px;
}
.eoi-pop .pop-info::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 50px solid #ffffff;
  transform: rotate(40deg);
}
.eoi-pop .pop-info .img-txt::before {
  content: "";
  display: block;
  clear: both;
}
.eoi-pop .pop-info .img-txt img {
  float: left;
  margin-right: 10px;
}

section.platform-intro-procedure {
  background: url("../img/img_intro_procedure_bg.png") no-repeat center/cover;
  height: 900px;
  position: relative;
}
section.platform-intro-procedure .video-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
section.platform-intro-procedure .video-wrap video,
section.platform-intro-procedure .video-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}
section.platform-intro-procedure .wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.platform-intro-procedure .view-box img {
  max-width: 100%;
}
section.platform-intro-procedure .info-box {
  padding-left: 184px;
  width: 50%;
  margin: 0 0 0 auto;
}
section.platform-intro-procedure .info-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  color: #fff;
}
section.platform-intro-procedure .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
}
section.platform-intro-procedure .info-box .link-box {
  padding-top: 40px;
}
section.platform-intro-procedure .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.platform-intro-procedure .info-box .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.platform-intro-procedure .info-box .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.platform-intro-procedure .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}
section.platform-intro-procedure .info-box .txt-btn-box {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
section.platform-intro-procedure .info-box .txt-btn-box .link-txt-btn {
  color: #2D2D2D;
  font-size: 14px;
  min-width: 136px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  padding: 11px 18px;
  background: #fff;
}

section.platform-intro-vision {
  background: url("../img/img_intro_vision_bg.png") no-repeat center/cover;
  height: 850px;
}
section.platform-intro-vision .wrap {
  height: 100%;
  padding-top: 297px;
  display: flex;
  justify-content: flex-end;
}
section.platform-intro-vision .info-box {
  padding-left: 180px;
  width: 50%;
  margin: 0 0 0 auto;
}
section.platform-intro-vision .info-box .subject-box {
  font-family: "Noto Sans KR";
  font-size: 38px;
  font-weight: 700;
  line-height: 43px;
  color: #fff;
}
section.platform-intro-vision .info-box .con-box {
  padding-top: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.03em;
}
section.platform-intro-vision .info-box .link-box {
  padding-top: 40px;
}
section.platform-intro-vision .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.platform-intro-vision .info-box .link-box .link-btn + .link-btn {
  margin-left: 20px;
}
section.platform-intro-vision .info-box .link-box .link-btn .ic-marek {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.platform-intro-vision .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  margin-top: 3px;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 16px;
}

section.wedo-find {
  background: url("/guest/w/img/img_wedo_find_bg.png") no-repeat center/cover;
}
section.wedo-find.type-wedo {
  background: url("/guest/w/img/img_wedo_find2_bg.png") no-repeat center/cover;
}
section.wedo-find.type-wedo .find-contents-box {
  padding-top: 0;
  height: 720px;
  display: flex;
  align-items: center;
  position: relative;
}
section.wedo-find.type-wedo .find-contents-box .floating-txt-box {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 34px;
  font-weight: 700;
  color: #fff;
}
section.wedo-find.type-wedo .find-contents-box .info-box:after {
  display: none;
}
section.wedo-find .find-contents-box {
  height: 676px;
  padding: 206px 0 0 180px;
  margin: 0 0 0 auto;
  display: flex;
}
section.wedo-find .find-contents-box .info-box {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
  position: relative;
}
section.wedo-find .find-contents-box .info-box .subject-box {
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
  color: #fff;
}
section.wedo-find .find-contents-box .info-box .con-box {
  padding-top: 20px;
  font-size: 14px;
  line-height: 26px;
  font-family: "Noto Sans KR";
  color: #fff;
}
section.wedo-find .find-contents-box .info-box .find-box {
  padding-top: 25px;
  display: flex;
  align-items: center;
}
section.wedo-find .find-contents-box .info-box .find-box input {
  width: 190px;
  padding: 0 12px;
  font-size: 12px;
  letter-spacing: -0.02em;
  background-color: #fff;
  height: 35px;
  outline: none;
  border: 1px solid transparent;
}
section.wedo-find .find-contents-box .info-box .find-box input:focus {
  border: 1px solid #00B0F0;
}
section.wedo-find .find-contents-box .info-box .find-box input::placeholder {
  color: #818181;
}
section.wedo-find .find-contents-box .info-box .find-box .search-btn {
  margin-left: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../img/ic_find_search.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
section.wedo-find .find-contents-box .info-box .find-sub-box {
  font-size: 14px;
  font-family: "Noto Sans KR";
  line-height: 18px;
  letter-spacing: -0.03em;
  color: #fff;
  padding-top: 15px;
}
section.wedo-find .find-contents-box .info-box .link-box {
  padding-top: 28px;
}
section.wedo-find .find-contents-box .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
}
section.wedo-find .find-contents-box .info-box .link-box .link-btn .ic-mark {
  background: url(../img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
section.wedo-find .find-contents-box .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #fff;
}

section.summary-introduce {
  background-color: #000000;
}
section.summary-introduce .wrap {
  min-height: 325px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.summary-introduce .introduce-main-box {
  font-family: "Arial Black";
  color: #fff;
  font-size: 49px;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: -1px;
}
section.summary-introduce .introduce-sub-box {
  font-family: "Noto Sans KR";
  padding-top: 38px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #fff;
}

section.home-feature .img-box {
  display: flex;
  justify-content: center;
}

section.copyright {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
section.copyright .copyright-contents {
  max-width: 654px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
section.copyright .copyright-head-box {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
}
section.copyright .copyright-body-box {
  text-align: center;
  color: #BFBFBF;
  font-size: 16px;
  line-height: 30px;
  padding-top: 32px;
}
section.copyright .copyright-foot-box {
  padding-top: 34px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  word-break: break-word;
}

section.contents-gnb-overview {
  position: relative;
  padding: 115px 0 115px;
  background: url("/img/img_platform_gnb_popup_bg.png") no-repeat center/cover;
  min-height: 100vh;
}
section.contents-gnb-overview .opacity-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.82);
}
section.contents-gnb-overview .subject-box {
  position: absolute;
  top: 170px;
  left: 240px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
section.contents-gnb-overview .subject-box p {
  color: #fff;
}
section.contents-gnb-overview .subject-box .title {
  font-size: 52px;
  font-weight: bold;
}
section.contents-gnb-overview .subject-box .info {
  font-size: 15px;
  line-height: 1.9;
}
section.contents-gnb-overview .map-wrap {
  position: absolute;
  bottom: 110px;
  right: 400px;
  display: grid;
  place-content: center;
  width: 750px;
  height: 600px;
}
section.contents-gnb-overview .map-wrap .core {
  display: grid;
  place-items: center;
  width: 260px;
  height: 260px;
  border-radius: 200px;
  background-color: rgba(0, 0, 0, 0.631372549);
}
section.contents-gnb-overview .map-wrap .core .logo {
  width: 170px;
}
section.contents-gnb-overview .map-wrap .tree .tree-info-box {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
section.contents-gnb-overview .map-wrap .tree .tree-info-box .label {
  display: grid;
  place-items: center;
  width: 130px;
  height: 46px;
  background-color: #000;
  border-radius: 5px;
  font-size: 15px;
  font-family: "Poppins";
  font-weight: 500;
  color: #fff;
}
section.contents-gnb-overview .map-wrap .tree .tree-info-box .label:hover {
  background-color: #00b0f0;
}
section.contents-gnb-overview .map-wrap .tree .tree-info-box .info {
  font-size: 11px;
  font-family: "맑은 고딕";
  color: #fff;
  line-height: 1.8;
  padding-left: 2px;
}
section.contents-gnb-overview .map-wrap .tree .arrow {
  position: absolute;
}
section.contents-gnb-overview .img {
  position: absolute;
  width: 130px;
}
section.contents-gnb-overview .img.idea {
  width: 220px;
  bottom: 645px;
  right: 795px;
}
section.contents-gnb-overview .img.graph {
  width: 130px;
  bottom: 680px;
  right: 545px;
}
section.contents-gnb-overview .img.risk {
  width: 250px;
  bottom: 475px;
  right: 200px;
}
section.contents-gnb-overview .img.people {
  width: 200px;
  bottom: 50px;
  left: 600px;
}

article.page-header-note-layout1 {
  padding-top: 43px;
}
article.page-header-note-layout1 .summary-note-box {
  font-size: 14px;
  line-height: 24px;
  color: #272727;
}

article.page-search-layout1 .search-form-wrap .form-submit-box {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 36px;
  height: 71px;
  width: 170px;
  background-color: #00b0f0;
  font-family: "Noto Sans KR";
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn + .form-submit-btn {
  margin-left: 18px;
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn .txt {
  font-size: 13px;
  color: #fff;
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn .ic {
  margin-right: 8px;
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn .ic.ic-search {
  background: url("../img/ic_submit_search.svg") no-repeat center/cover;
  width: 22px;
  height: 23px;
}
article.page-search-layout1 .search-form-wrap .form-submit-box .form-submit-btn .ic.ic-reset {
  background: url("../img/ic_submit_reset.svg") no-repeat center/cover;
  width: 19px;
  height: 19px;
}
article.page-search-layout1 .search-form-wrap .form-box .row {
  padding: 52px 0;
  border-bottom: 1px solid #707070;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box.with-toggle.active:after {
  transform: rotate(180deg);
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box.with-toggle.active ~ .con-box {
  display: block;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box.with-toggle:after {
  transition: all 0.2s linear;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/ic_form_arrow.svg") no-repeat center/cover;
  width: 15px;
  height: 8px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box.with-toggle ~ .con-box {
  display: none;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box .subject-txt-box {
  display: inline-flex;
  align-items: center;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box .subject-txt-box .ic {
  margin-right: 18px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box .subject-txt-box .ic.ic-search {
  background: url("../img/ic_form_search.svg") no-repeat center/cover;
  width: 22px;
  height: 22px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .subject-box .subject-txt-box .txt {
  font-family: "Noto Sans KR";
  font-size: 18px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box {
  padding-top: 28px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul {
  display: flex;
  flex-flow: row wrap;
  margin: -9px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li {
  width: calc(16.666% - 18px);
  margin: 9px;
  display: inline-flex;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn {
  width: 100%;
  display: inline-flex;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label {
  width: 100%;
  cursor: pointer;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label input[type=checkbox],
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label input[type=radio] {
  position: absolute;
  left: -9999px;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label input[type=checkbox]:checked ~ .txt,
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label input[type=radio]:checked ~ .txt {
  background-color: #00b0f0;
  color: #fff;
}
article.page-search-layout1 .search-form-wrap .form-box .row .con-box .select-list ul li .select-btn label .txt {
  color: #848382;
  border-radius: 9px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 100%;
  font-family: "Noto Sans KR";
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

article.page-header-layout1 .header-option-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
article.page-header-layout1 .header-option-box .info-box-wrap {
  position: absolute;
  top: -74px;
}
article.page-header-layout1 .header-option-box .info-box-wrap .info-box {
  display: none;
  height: 40px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  background-color: #fff;
  border: 1px solid #707070;
  white-space: nowrap;
  padding: 0 40px;
}
article.page-header-layout1 .header-option-box .info-box-wrap .info-box p {
  line-height: 40px;
  font-size: 14px;
}
article.page-header-layout1 .header-option-box .info-box-wrap:hover .info-box {
  display: block;
}
article.page-header-layout1 .header-option-box .header-option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 0 24px;
  background-color: #00b0f0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: 39px;
}
article.page-header-layout1 .header-option-box .header-option-btn + .header-option-btn {
  margin-left: 7px;
}
article.page-header-layout1 .header-option-box .header-option-btn .txt {
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #fff;
}
article.page-header-layout1 .header-option-box .header-option-btn .ic {
  margin-left: 15px;
  position: relative;
}
article.page-header-layout1 .header-option-box .header-option-btn .ic.ic-link {
  top: -2px;
  background: url("../img/ic_option_link.svg") no-repeat center/cover;
  width: 16px;
  height: 9px;
}
article.page-header-layout1 .header-tit-box {
  padding-bottom: 40px;
}
article.page-header-layout1 .header-tit-box.padding-zero {
  padding-bottom: 0;
}
article.page-header-layout1 .header-tit-box.with-border {
  border-bottom: 1px solid #707070;
}
article.page-header-layout1 .header-tit-box .ic-box {
  padding-bottom: 60px;
}
article.page-header-layout1 .header-tit-box .ic-box .ic.ic-mark {
  background: url("../img/ic_terms_mark.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.page-header-layout1 .header-tit-box .ic-box .ic-txt-box {
  font-family: "Noto Sans KR";
  color: #404040;
  font-weight: 500;
  font-size: 16px;
  padding-top: 14px;
}
article.page-header-layout1 .header-tit-box .desc-box {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  min-height: 52px;
}
article.page-header-layout1 .header-tit-box .desc-box .small-txt {
  font-size: 14px;
}
article.page-header-layout1 .summary-box {
  padding-top: 55px;
  padding-bottom: 32px;
}
article.page-header-layout1 .summary-box .summary-txt-box {
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  line-height: 30px;
  color: #272727;
}

#popupLayer {
  border-radius: 10px;
}
#popupLayer.keywordSearch {
  display: none;
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
#popupLayer.keywordSearch.action {
  display: block;
}
#popupLayer.keywordSearch h2 {
  font-size: 23px;
  color: #474747;
  margin-bottom: 9px;
  display: block;
}
#popupLayer.keywordSearch .popup-content {
  text-align: left;
  border-radius: 20px;
  position: relative;
  width: 660px;
  height: 300px;
  padding: 59px 54px 63px 54px;
  margin: 0 auto;
  background-color: white;
}
#popupLayer.keywordSearch .popup-content span {
  text-align: right;
  display: block;
  font-size: 12px;
  color: #777373;
  margin-top: 7px;
}
#popupLayer.keywordSearch .close-btn {
  background: url("/img/layerPopupCloseBtn.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 27px;
  right: 27px;
  margin-top: 0;
  cursor: pointer;
}

section.intro-link .bg-box {
  background: url("../img/img_intro_link_bg.png") no-repeat center/cover;
  height: 996px;
  padding-top: 421px;
  color: #fff;
}
section.intro-link .bg-box .wrap {
  padding: 0 50px;
}
section.intro-link .bg-box .subject-box {
  display: flex;
  justify-content: center;
  max-width: 1494px;
  margin: 0 auto;
}
section.intro-link .bg-box .subject-box img {
  width: 100%;
  max-width: 100%;
}
section.intro-link .bg-box .con-box {
  padding-top: 25px;
  font-size: 14px;
  line-height: 26px;
}
section.intro-link .link-view-box {
  position: relative;
  z-index: 100;
  margin-top: -250px;
  padding-bottom: 88px;
}
section.intro-link .link-view-box .view-box {
  margin: 0 auto;
  max-width: 1477px;
  display: flex;
  position: relative;
}
section.intro-link .link-view-box .view-box img {
  width: 100%;
  max-width: 100%;
}

section.ethical-intro {
  padding: 88px 0 94px;
  background-color: #f2f2f2;
}
section.ethical-intro .ic-box {
  text-align: center;
}
section.ethical-intro .ic-box .ic.ic-intro {
  background: url("../img/ic_ethical_intro.svg") no-repeat center/cover;
  width: 90px;
  height: 89px;
}
section.ethical-intro .des-box {
  padding: 43px 0 78px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 32px;
  font-family: "Noto Sans KR";
  color: #595959;
}
section.ethical-intro .menu-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.ethical-view {
  background: url("../img/img_ethical_view_bg.png") no-repeat center/cover;
  height: 870px;
}
section.ethical-view .wrap {
  width: 100%;
  height: 100%;
  padding-top: 277px;
  display: flex;
  justify-content: center;
}
section.ethical-view .head-box {
  padding-bottom: 42px;
  font-size: 58px;
  font-weight: 700;
  line-height: 63px;
  text-align: center;
  color: #fff;
}
section.ethical-view .body-box {
  text-align: center;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 28px;
}
section.ethical-view .foot-box {
  padding-top: 100px;
  display: flex;
  justify-content: center;
}
section.ethical-view .foot-box .foot-btn {
  height: 40px;
  padding: 0 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #00B0F0;
  color: #00B0F0;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}
section.ethical-view .foot-box .foot-btn:hover, section.ethical-view .foot-box .foot-btn:focus {
  color: #fff;
  background-color: #00B0F0;
}

section.visual-contact {
  position: relative;
  height: 1020px;
}
section.visual-contact.type-contact {
  height: 988px;
}
section.visual-contact .visual-info {
  position: absolute;
  left: 133px;
  top: 188px;
  z-index: 100;
}
section.visual-contact .visual-info.type-contact {
  top: auto;
  bottom: 155px;
  left: 155px;
}
section.visual-contact .visual-info.type-wedo {
  left: auto;
  top: 408px;
  right: 337px;
}
section.visual-contact .visual-info .info-view-box .view-head-box {
  color: #fff;
  font-size: 59px;
  line-height: 68px;
  font-weight: 700;
}
section.visual-contact .visual-info .info-view-box .view-body-box {
  padding-top: 31px;
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  line-height: 32px;
}
section.visual-contact .visual-info .video-info-box {
  color: #fff;
  font-size: 30px;
  line-height: 32px;
}
section.visual-contact .visual-info .video-info-box img {
  max-width: 100%;
}
section.visual-contact .visual-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
section.visual-contact .visual-wrap video,
section.visual-contact .visual-wrap img {
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  object-fit: cover;
}

section.ethical-view {
  background: url("../img/img_ethical_view_bg.png") no-repeat center/cover;
  height: 100vh;
}
section.ethical-view .wrap {
  width: 100%;
  height: 100%;
  padding-top: 277px;
  display: flex;
  justify-content: center;
}
section.ethical-view .head-box {
  padding-bottom: 42px;
  font-size: 58px;
  font-weight: 700;
  line-height: 63px;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans KR";
}
section.ethical-view .body-box {
  text-align: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 28px;
}
section.ethical-view .foot-box {
  padding-top: 100px;
  display: flex;
  justify-content: center;
}
section.ethical-view .foot-box .foot-btn {
  height: 40px;
  padding: 0 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #00B0F0;
  color: #00B0F0;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: "Noto Sans KR";
}
section.ethical-view .foot-box .foot-btn:hover, section.ethical-view .foot-box .foot-btn:focus {
  color: #fff;
  background-color: #00B0F0;
}

.img-box-list {
  position: relative;
  height: 800px;
}
.img-box-list .leftpad {
  position: absolute;
  top: 170px;
  left: -50px;
}
.img-box-list .rightpad {
  position: absolute;
  bottom: 0;
  right: -50px;
}

.sell-more-btn {
  border: none;
  margin-top: 0;
  padding: 0;
  line-height: 37px;
  border-radius: 50px;
  background-color: #262424;
  position: absolute;
  right: 120px;
  bottom: 50px;
  cursor: pointer;
  width: 128px;
  text-align: center;
  font-size: 12px;
}
.sell-more-btn a {
  text-decoration: none;
  color: white !important;
}
.sell-more-btn:hover {
  background-color: #0bb1fa;
}

.bg-sign-sub-3::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-sign-sub-3 .inner {
  height: 800px;
}
.bg-sign-sub-3 .inner .form-info-box {
  margin: 155px 0 0 0;
  color: #fff;
}
.bg-sign-sub-3 .inner .form-info-box .info-tit-box {
  font-size: 56px;
  font-weight: bold;
  padding-bottom: 12px;
  line-height: 70px;
  left: 541px;
  position: relative;
}
.bg-sign-sub-3 .inner .form-info-box .info-sub-box {
  font-size: 14px;
  line-height: 23px;
  left: 541px;
  position: relative;
}
.bg-sign-sub-3 .inner .img-box {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: 45px;
  right: -140px;
}
.bg-sign-sub-3 .inner .img-box div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.bg-sign-sub-3 .inner .img-box div p {
  font-family: "Arial";
  color: white;
  text-align: center;
  line-height: 25px;
  width: 220px;
  font-size: 14px;
}
.bg-sign-sub-3 .inner .img-box div p:first-child {
  font-size: 22px;
  font-weight: bold;
}
.bg-sign-sub-3 .inner .img-box div img {
  width: 70px;
}

/* ************************ 2024-08-20 리뉴얼 작업 시작 ************************ */
.popup-security-wrap {
  width: 100%;
  height: 100%;
  background: url("/img/security-popup-bg.png") no-repeat center/cover;
  position: relative;
  z-index: 9;
}
.popup-security-wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.87);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.popup-security-wrap .security-box {
  width: calc(50% - 30px);
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-security-wrap .security-box .logo span {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-top: 15px;
}
.popup-security-wrap .security-box .title-wrap {
  margin-top: 100px;
}
.popup-security-wrap .security-box .title-wrap h2 {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  line-height: 62px;
  margin-bottom: 20px;
}
.popup-security-wrap .security-box .title-wrap p {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}
.popup-security-wrap .security-box ul {
  display: flex;
  margin-top: 25px;
  margin-left: -23px;
}
.popup-security-wrap .security-box ul li p {
  font-size: 13px;
  line-height: 23px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  padding-right: 20px;
}

.platform-mma-deal {
  width: 100%;
  height: 995px;
  background: url("/img/mma-deal-bg.svg") no-repeat center/cover;
  position: relative;
}
.platform-mma-deal .info-box {
  position: absolute;
  right: 356px;
  bottom: 164px;
}
.platform-mma-deal .info-box .subject-box {
  font-size: 38px;
  font-weight: 700;
  line-height: 43px;
  color: #fff;
}
.platform-mma-deal .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}
.platform-mma-deal .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.platform-mma-deal .info-box .link-box .link-btn + .link-btn {
  margin-left: 5px;
}
.platform-mma-deal .info-box .link-box .link-btn .ic-marek {
  background: url(/img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
.platform-mma-deal .info-box .link-box .link-btn .txt {
  padding-left: 6px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

/* ************************ 2024-08-20 리뉴얼 작업 끝 ************************ */
.platform-ai-infused {
  width: 100%;
  height: 900px;
  background: url("/img/img_ai_bg03.png") no-repeat left center/cover;
  position: relative;
}
.platform-ai-infused .inner {
  max-width: 1322px;
}
.platform-ai-infused .wrap {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.platform-ai-infused .info-box {
  position: absolute;
  right: 36%;
  transform: translateX(100%);
}
.platform-ai-infused .info-box .subject-box {
  font-size: 49px;
  font-weight: 700;
  line-height: 55px;
  color: #fff;
}
.platform-ai-infused .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
}
.platform-ai-infused .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.platform-ai-infused .info-box .link-box .link-btn .ic-marek {
  background: url(/img/ic_mark2.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
.platform-ai-infused .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

.platform-deal .deal-con-box {
  width: 100%;
  height: 864px;
  background: url(/img/bg_match_alert_02.jpg) no-repeat right -27% top 40%/59%, #000;
}
.platform-deal .info-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 58px;
  color: #fff;
}
.platform-deal .info-box .con-box {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
}
.platform-deal .info-box .link-box .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.platform-deal .info-box .link-box .link-btn .ic-marek {
  background: url(/img/ic_mark.gif) no-repeat center/cover;
  width: 43px;
  height: 43px;
}
.platform-deal .info-box .link-box .link-btn .txt {
  padding-left: 7px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

section.full-page-layer .full-page-wrap article.intro-ai-infused {
  padding-top: 136px;
}
section.full-page-layer .full-page-wrap article.intro-ai-infused .partnership-head-box {
  margin-left: -54px;
}
section.full-page-layer .full-page-wrap article.intro-ai-infused .partnership-head-box .subject-box {
  padding: 10px 0 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-infused .partnership-head-box .con-box {
  padding-top: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
section.full-page-layer .full-page-wrap article.intro-ai-infused .step-image {
  position: relative;
  left: -110px;
  top: 0;
}
section.full-page-layer .full-page-wrap article.intro-signature {
  padding-top: 136px;
}
section.full-page-layer .full-page-wrap article.intro-signature .partnership-head-box .subject-box {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-signature .partnership-head-box .con-box {
  margin-top: 10px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  padding-top: 0;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box {
  width: 570px;
  position: absolute;
  left: 7%;
  top: 52%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.89);
  border-radius: 42px;
  padding: 76px 60px 52px 80px;
  height: 788px;
  z-index: 2;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 34px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 10px 56px 12px;
  border: 7px solid #FFC000;
  border-radius: 40px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-weight: bold;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .btn-con {
  width: 430px;
  height: 48px;
  margin-top: 0px;
  margin-left: 0px;
  position: relative;
  bottom: 0px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-signature .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-dataroom {
  padding-top: 136px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .partnership-head-box .subject-box {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .partnership-head-box .con-box {
  margin-top: 10px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  padding-top: 0;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box {
  min-width: 570px;
  position: absolute;
  left: 7%;
  top: 52%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.86);
  border-radius: 42px;
  padding: 76px 60px 52px 80px;
  height: 788px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 34px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 10px 56px 12px;
  border: 7px solid #FFC000;
  border-radius: 40px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-weight: bold;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .btn-con {
  margin-top: 10px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-dataroom .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-valuation {
  padding-top: 136px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .partnership-head-box .subject-box {
  font-size: 53px;
  font-weight: 700;
  line-height: 52px;
  color: #fff;
  font-family: "Microsoft YaHei UI";
}
section.full-page-layer .full-page-wrap article.intro-valuation .partnership-head-box .con-box {
  margin-top: 37px;
  color: #fff;
  font-size: 17px;
  line-height: 29px;
  padding: 0;
  font-family: "Noto Sans";
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box {
  width: 678px;
  position: absolute;
  left: 69%;
  top: 50%;
  transform: translateY(-50%);
  background-color: black;
  border-radius: 0px;
  padding: 129px 60px 101px 137px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance {
  top: 50%;
  padding: 125px 60px 90px 144px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .partnership-head-box .subject-box {
  font-size: 55px;
  line-height: 1.2;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .partnership-head-box .con-box {
  font-size: 16px;
  font-family: Inter;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .icon-wrap {
  border: 5px solid #ffc000;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .icon-wrap .item-icon:first-child img {
  width: 47px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .icon-wrap .item-icon:nth-child(2) img {
  width: 57px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .icon-wrap .item-icon:last-child img {
  width: 53px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .text-wrap .con-box .tit {
  font-size: 25px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.online-alliance .info-box .text-wrap .con-box .text {
  font-size: 14px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.dataroom {
  left: unset;
  background-color: #202020;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap {
  align-self: flex-end;
  margin-top: 30px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more {
  color: #fff;
  font-size: 14px;
  padding: 11px 18px 12px 18px;
  border-radius: 20px;
  background-color: #383838;
  display: inline-block;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.pop-con-btn {
  font-size: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.pop-con-btn span {
  font-size: 14px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.pop-con-btn::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 8px;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 10px;
  border-top: 6px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.w {
  color: #404040;
  background-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.w::after {
  border-left-color: #404040;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.w:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more.w:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .btn-more:hover {
  background-color: #00b0f0 !important;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .more-talk {
  display: none;
  position: absolute;
  right: -18px;
  bottom: -8px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-wrap .more-talk .close-btn {
  position: absolute;
  bottom: -7px;
  right: -5px;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box.left-pos {
  right: unset;
  left: 0;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 53px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box.partnership {
  margin-top: 42px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 14px 56px 14px;
  border: 7px solid #FFC000;
  border-radius: 40px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-weight: bold;
  font-family: "Noto Sans";
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
  font-family: "Noto Sans";
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-con {
  width: 430px;
  height: 48px;
  margin-top: 0px;
  margin-left: 0px;
  position: relative;
  bottom: 0px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-valuation .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn {
  position: absolute;
  left: 414px;
  top: 90%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 21px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background: linear-gradient(to bottom, #171717, #242424);
  border-radius: 9999px;
  box-shadow: 0 2px 4px rgb(0, 0, 0), 0 10px 20px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
  font-family: "Noto Sans SC";
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn:active {
  transform: translateY(-48%);
  box-shadow: 0 1px 2px rgb(0, 0, 0), 0 5px 10px rgba(0, 0, 0, 0.4);
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn .inner-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  width: 32px;
  height: 32px;
  margin-left: 12px;
  border-radius: 50%;
  box-shadow: 0 0 1px rgb(0, 0, 0);
  transition: all 0.2s ease;
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn .inner-button::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 50%;
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn .inner-button .icon {
  filter: drop-shadow(0 10px 20px rgba(26, 25, 25, 0.9));
  transition: all 0.4s ease-in-out;
}
section.full-page-layer .full-page-wrap article.intro-valuation .inquiry-btn:hover .inner-button .icon {
  transform: rotate(-35deg);
  filter: drop-shadow(0 10px 20px rgb(50, 50, 50)) drop-shadow(0 0 20px rgb(2, 2, 2));
}
section.full-page-layer .full-page-wrap.match-alert-service .close-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box {
  position: relative;
  top: auto;
  transform: none;
  width: 984px;
  background-color: #000;
  padding: 135px 60px 101px 120px;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 100px;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .partnership-head-box .subject-box {
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  color: #fff;
  font-family: "Microsoft YaHei UI";
  letter-spacing: -4px;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .partnership-head-box .con-box {
  margin-top: 16px;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  padding: 0;
  font-family: Inter;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 58px;
  margin-top: 34px;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 14px 56px 14px;
  border: 5px solid #FFC000;
  border-radius: 40px;
  position: relative;
  left: 9px;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 25px;
  font-weight: bold;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
  font-family: "Noto Sans";
}
section.full-page-layer .full-page-wrap.match-alert-service article.intro-match-alert-service .intro-con-box .match-alert-example {
  position: relative;
  top: 57px;
  width: 282px;
  height: 528px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex: 1;
  min-height: 0;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box {
  position: relative;
  right: 5px;
  z-index: 10;
  top: -4px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .subject-box {
  font-size: 53px;
  font-weight: 700;
  line-height: 66px;
  color: #fff;
  font-family: "Microsoft YaHei UI";
  letter-spacing: -3px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .con-box {
  margin-top: 18px;
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  padding-top: 0;
  font-family: Inter;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap {
  position: relative;
  top: 28px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more {
  color: black;
  font-size: 14px;
  padding: 11px 18px 12px 18px;
  border-radius: 20px;
  background-color: white;
  display: inline-block;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.pop-con-btn {
  font-size: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.pop-con-btn span {
  font-size: 14px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.pop-con-btn::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 8px;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid black;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 10px;
  border-top: 6px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid black;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.w {
  color: #404040;
  background-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.w::after {
  border-left-color: #404040;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.w:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more.w:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .partnership-head-box .btn-wrap .btn-more:hover {
  background-color: #00b0f0 !important;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .more-talk {
  display: block;
  position: relative;
  right: -18px;
  bottom: -45px;
  z-index: 10;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box {
  position: relative;
  width: 676px;
  background-color: black;
  padding: 60px 60px 60px 125px;
  height: 100%;
  transform: none;
  top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box.right-pos {
  right: 0;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 54px;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 10px 56px 12px;
  border: 7px solid #FFC000;
  border-radius: 40px;
  position: relative;
  left: 4px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 26px;
  font-weight: bold;
  font-family: "Noto Sans";
  line-height: 30px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 28px;
  margin-top: 12px;
  font-family: Inter;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .btn-con {
  margin-top: 10px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-ai-innovation .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-match-alert {
  position: relative;
  align-self: center;
  bottom: 53px;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 110px;
  left: 264px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box {
  position: relative;
  right: 5px;
  z-index: 10;
  top: -4px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .subject-box {
  font-size: 45px;
  font-weight: 700;
  line-height: 52px;
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .con-box {
  margin-top: 18px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  padding-top: 0;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap {
  position: relative;
  top: 28px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more {
  color: black;
  font-size: 14px;
  padding: 11px 18px 12px 18px;
  border-radius: 20px;
  background-color: white;
  display: inline-block;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.pop-con-btn {
  font-size: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.pop-con-btn span {
  font-size: 14px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.pop-con-btn::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 8px;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid black;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 10px;
  border-top: 6px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid black;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.w {
  color: #404040;
  background-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.w::after {
  border-left-color: #404040;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.w:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more.w:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .partnership-head-box .btn-wrap .btn-more:hover {
  background-color: #00b0f0 !important;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .more-talk {
  display: block;
  position: relative;
  right: -18px;
  bottom: -45px;
  z-index: 10;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box {
  min-width: 570px;
  position: absolute;
  left: 7%;
  top: 63px;
  transform: translateY(-50%);
  background-color: black;
  border-radius: 42px;
  padding: 101px 60px 101px 107px;
  height: 788px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box.right-pos {
  right: 9.5%;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 30px;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 10px 56px 12px;
  border: 7px solid #FFC000;
  border-radius: 40px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-weight: bold;
  font-family: "Malgun Gothic";
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .btn-con {
  margin-top: 10px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-match-alert .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-mypage {
  padding-top: 136px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .partnership-head-box .subject-box {
  font-size: 53px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
  letter-spacing: -3px;
  font-family: "Microsoft YaHei UI";
}
section.full-page-layer .full-page-wrap article.intro-mypage .partnership-head-box .con-box {
  margin-top: 18px;
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  padding-top: 0;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box {
  width: 632px;
  position: absolute;
  left: 0;
  top: 0;
  transform: none;
  background-color: rgba(0, 0, 0, 0.78);
  padding: 122px 60px 101px 105px;
  height: 100%;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box.left-pos {
  right: unset;
  left: 7.5%;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.15;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .sub-txt {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  margin-top: 22px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 59px;
  margin-top: 47px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .icon-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  padding: 48px 13px 56px 13px;
  border: 7px solid #FFC000;
  border-radius: 40px;
  position: relative;
  left: 10px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .text-wrap {
  padding: 30px 0;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 35px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 26px;
  font-weight: bold;
  font-family: "Noto Sans";
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .info-box .text-wrap .con-box .text {
  font-size: 14px;
  line-height: 28px;
  margin-top: 12px;
  font-family: "Noto Sans CJK KR";
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-con {
  margin-top: 10px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap {
  align-self: flex-end;
  margin-top: 30px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more {
  color: #fff;
  font-size: 14px;
  padding: 11px 18px 12px 18px;
  border-radius: 20px;
  background-color: #383838;
  display: inline-block;
  cursor: pointer;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.pop-con-btn {
  font-size: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.pop-con-btn span {
  font-size: 14px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.pop-con-btn::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 8px;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 10px;
  border-top: 6px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.w {
  color: #404040;
  background-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.w::after {
  border-left-color: #404040;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.w:hover {
  color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more.w:hover::after {
  border-left-color: #fff;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .btn-more:hover {
  background-color: #00b0f0 !important;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .more-talk {
  display: none;
  position: absolute;
  right: -18px;
  bottom: -8px;
}
section.full-page-layer .full-page-wrap article.intro-mypage .intro-con-box .btn-wrap .more-talk .close-btn {
  position: absolute;
  bottom: -7px;
  right: -5px;
  cursor: pointer;
}

.intro-head .subject-box {
  font-size: 51.5px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
}
.intro-head .con-box {
  padding-top: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.bg-our-team {
  background: #000;
}

.intro-our-team {
  margin: 0 auto;
  width: calc(100% - 280px);
  position: relative;
  top: 50%;
  transform: translateY(-47%);
}
.intro-our-team .layout .partnership-head-box {
  padding-left: 108px;
  position: relative;
  top: 63px;
}
.intro-our-team .layout .our-team-wrap {
  margin-top: 100px;
}
.intro-our-team .layout .our-team-wrap .team-box {
  display: flex;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list {
  width: 16.66%;
  color: #fff;
  padding: 42px 0 200px 20px;
  background: linear-gradient(63deg, rgb(0, 0, 0) 73%, rgb(70, 70, 70) 102%);
  position: relative;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .name {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  margin-bottom: 12px;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .name .role {
  font-size: 12px;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info {
  font-size: 12px;
  line-height: 22px;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .sub {
  font-size: 10px;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info a {
  font-size: 12px;
  position: absolute;
  bottom: 18px;
  left: 1px;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .learn-more-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 1.2em 0 2.8em;
  height: 2.4em;
  font-size: 12px;
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 11px;
  text-decoration: none;
  transition: all 0.6s ease;
  overflow: hidden;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .learn-more-btn .btn-arrow {
  position: absolute;
  left: 0.6em;
  width: 1.4em;
  height: 1.4em;
  color: #fff;
  transition: all 0.6s ease;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .learn-more-btn .btn-text {
  position: relative;
  z-index: 1;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .learn-more-btn:hover {
  background-color: #3654ff;
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .info .learn-more-btn:hover .btn-arrow {
  transform: translateX(5px);
}
.intro-our-team .layout .our-team-wrap .team-box .team-list .image {
  position: absolute;
  bottom: 0;
  right: 0;
}

article.full-layer-popup {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 501;
  background-color: #000000;
}
article.full-layer-popup.bg-gradient2 {
  background: url("../img/img_layer_gradient_bg2.png") no-repeat center/cover;
}
article.full-layer-popup .full-layer-close-btn {
  background: url("../img/ic_full_layer_close.svg") no-repeat center/17px;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 45px;
  top: 45px;
  z-index: 400;
  border-radius: 30px;
}
article.full-layer-popup .full-layer-close-btn:hover {
  background-color: #595959;
}
article.full-layer-popup article.floating-info-layout {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 {
  padding-right: 19px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .head-box {
  display: flex;
  align-items: center;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .head-box .txt {
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  position: relative;
  font-family: "Malgun Gothic";
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .head-box .txt + .txt {
  margin-left: 24px;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .head-box .txt + .txt:after {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background-color: #00B0F0;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .subject-box {
  color: #FFFFFF;
  font-size: 13px;
  font-family: "Noto Sans KR";
  line-height: 17px;
  padding-left: 8px;
  position: relative;
  font-weight: 700;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .subject-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background-color: #00B0F0;
}
article.full-layer-popup article.floating-info-layout .info-box-layout2 .con-box {
  padding-top: 8px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
}
article.full-layer-popup article.floating-info-layout .img-box img {
  max-width: 100%;
}
article.full-layer-popup article.layer-contents-layout1 {
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 90px;
  flex-direction: column;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}
article.full-layer-popup article.layer-contents-layout1.width-smaller {
  max-width: 1000px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 {
  padding-top: 127px;
  display: flex;
  padding-left: 220px;
  margin-right: -148px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .img-box {
  text-align: center;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .img-box img {
  max-width: 100%;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .item-box {
  padding: 28px 20px;
  width: 33.33%;
  border: 16px solid #2f68db;
  color: #fff;
  text-align: center;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .item-box:hover {
  border-color: #00B0F0;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .item-box + .item-box {
  margin-left: 16px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .item-box .subject-box {
  font-weight: 700;
  font-size: 22px;
  font-family: "Noto Sans KR";
  line-height: 29px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list2 .item-box .con-box {
  padding-top: 28px;
  font-size: 13px;
  letter-spacing: -0.01em;
  line-height: 23px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list {
  display: flex;
  padding-top: 60px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box {
  color: #fff;
  width: 100%;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .txt-list-box .txt-box {
  text-indent: -10px;
  padding-left: 10px;
  color: #fff;
  font-size: 13px;
  line-height: 27px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .txt-list-box .txt-box + .txt-box {
  margin-top: 12px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .subject-box {
  font-weight: 700;
  font-size: 20px;
  font-family: "Noto Sans KR";
  line-height: 27px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .con-box {
  padding-top: 20px;
  font-family: "Noto Sans KR";
  font-size: 13px;
  line-height: 27px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .con-box b {
  font-weight: 400;
  color: #ff0000;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .link-menu-box {
  padding-top: 95px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 100;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .link-menu-box .menu-subject-box {
  color: #FFFFFF;
  font-size: 11px;
  font-family: "Noto Sans KR";
  line-height: 15px;
}
article.full-layer-popup article.layer-contents-layout1 .layer-contents-list .contents-box .link-menu-box .menu-sub-box {
  padding-top: 6px;
  margin-right: -6px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout {
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 100%;
  height: 100%;
}
article.full-layer-popup.layer-team5 .team-introduce-layout div, article.full-layer-popup.layer-team5 .team-introduce-layout p {
  font-family: "맑은고딕";
  color: #fff;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-title-content {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 199px;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.5;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content {
  display: flex;
  width: 100%;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .profile-img-content {
  width: 52%;
  height: 660px;
  background: url("/img/profile_learn_more_img.png") no-repeat top;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 90px 22px;
  border: 9px solid #ffc000;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .name-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .name-box .title {
  font-size: 13px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .name-box .name {
  font-size: 25px;
  font-weight: bold;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .info-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .info-box .info {
  font-size: 13px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .short-info-content .info-box .info:last-child {
  line-height: 1.8;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  padding-left: 70px;
  background-color: #161616;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .list-title {
  position: relative;
  width: 424px;
  font-size: 19px;
  text-align: center;
  line-height: 1.9;
  padding-bottom: 30px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .list-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100px;
  background-color: #fff;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: fit-content;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list {
  position: relative;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.7;
  padding-left: 50px;
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list:first-child::after {
  content: "01";
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list:nth-child(2)::after {
  content: "02";
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list:nth-child(3)::after {
  content: "03";
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list:nth-child(4)::after {
  content: "04";
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list:last-child::after {
  content: "05";
}
article.full-layer-popup.layer-team5 .team-introduce-layout .profile-detail-content .detail-info-content .detail-info-list .list::after {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 12px;
  font-weight: bold;
  color: #ffc000;
}

.bg-commission {
  background: url(/img/img_intro_charge_bg.svg) no-repeat left bottom/auto 86%, #000;
}

.intro-commission {
  display: flex;
  justify-content: end;
  width: calc(100% - 260px);
  position: relative;
  top: 65%;
  transform: translateY(-50%);
}
.intro-commission .layout .commission-text {
  color: white;
  margin-top: 40px;
}
.intro-commission .layout .commission-wrap {
  margin-top: 59px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.intro-commission .layout .commission-wrap .charges-box {
  display: flex;
}
.intro-commission .layout .commission-wrap .charges-box + .charges-box {
  margin-top: 24px;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item {
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item .title {
  height: 18px;
  line-height: 18px;
  margin-bottom: 16px;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item .bar {
  padding: 15px 30px;
  min-width: 170px;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item:nth-child(1) .bar {
  min-width: 130px;
  background: #262626;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item:nth-child(2) .bar {
  background-color: #8dcadb;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item:nth-child(3) .bar {
  width: 200px;
  background-color: #31859C;
}
.intro-commission .layout .commission-wrap .charges-box .charges-item:nth-child(4) .bar {
  background-color: #215968;
}

.popup-tit-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.popup-tit-box .subject-box {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
}
.popup-tit-box .con-box {
  padding-top: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.content-box {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.7);
}
.content-box.financing {
  right: 190px;
  padding: 80px 70px;
}
.content-box.financing .send-btn {
  width: 95px;
  height: 95px;
  position: absolute;
  right: 50px;
  bottom: 72px;
}
.content-box.financing .send-btn img {
  width: 100%;
}
.content-box .subject {
  font-family: "Malgun Gothic";
  font-weight: 700;
  font-size: 45px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fff;
}
.content-box .cont {
  font-family: "Malgun Gothic";
  padding-top: 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.03em;
  color: #fff;
}

.popup-form {
  padding-right: 40px;
}
.popup-form .request-title {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin: 30px 0 20px;
}
.popup-form .request-title .text {
  margin-right: 14px;
}
.popup-form .request-title .line {
  flex: 1;
  height: 1px;
  background-color: #fff;
  margin-top: 1px;
}
.popup-form .popup-form-item {
  display: flex;
  align-items: center;
}
.popup-form .popup-form-item + .popup-form-item {
  margin-top: 16px;
}
.popup-form .popup-form-item .title {
  font-size: 14px;
  color: #fff;
  min-width: 90px;
}
.popup-form .popup-form-item .con .text-box.unit .item-value {
  padding-right: 40px;
}
.popup-form .popup-form-item .con .text-box.unit .item-value.full {
  padding-right: 10px;
}
.popup-form .popup-form-item .con .text-box.unit .item-value.full input {
  width: 100%;
}
.popup-form .popup-form-item .con .text-box .item-value {
  width: 188px;
  font-size: 13px;
  background: #fff;
  position: relative;
}
.popup-form .popup-form-item .con .text-box .item-value.active {
  border-radius: unset;
}
.popup-form .popup-form-item .con .text-box .item-value input:focus-visible {
  outline: none;
}
.popup-form .popup-form-item .con .text-box .item-value .item-value-txt {
  font-size: 13px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-form .popup-form-item .con .text-box .item-value .item-value-txt.select-val {
  pointer-events: none;
}
.popup-form .popup-form-item .con .text-box .item-value .item-value-box {
  font-size: 12px;
  color: #fff;
  width: 36px;
  height: 36px;
  background-color: #afaeae;
  position: absolute;
  top: -1px;
  right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-form .popup-form-item .con .text-box .item-value .item-value-box .arrow {
  width: 9px;
  height: 9px;
}
.popup-form .popup-form-item .con .text-box .select-menu {
  border: none;
  border-radius: unset;
}
.popup-form .popup-form-item .more-info-btn {
  font-size: 13px;
  text-decoration: underline;
  text-underline-position: under;
}

.page-layer-career.career-apply {
  background: url(/img/img_career_apply_bg.png) no-repeat center/cover;
  height: 100vh;
}
.page-layer-career.career-apply::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-layer-career .intro-con-box {
  width: 493px;
  height: 728px;
  position: absolute;
  right: 7%;
  top: 55%;
  transform: translateY(-50%);
  background-color: #0E06FC;
  border-radius: 42px;
  padding: 83px 20px 52px 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
  padding-left: 54px;
}
.page-layer-career .intro-con-box.left-pos {
  right: unset;
  left: 9.5%;
}
.page-layer-career .intro-con-box > .close-button {
  position: absolute;
  right: 19px;
  top: 15px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.page-layer-career .intro-con-box > .close-button:hover {
  background-color: #595959;
}
.page-layer-career .intro-con-box .title {
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.15;
}
.page-layer-career .intro-con-box .sub-txt {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 11px;
}
.page-layer-career .intro-con-box .input-label {
  display: block;
  margin-bottom: 17px;
  margin-left: 5px;
  font-weight: 700;
  font-size: 12px;
  color: white;
  border-radius: 9px;
}
.page-layer-career .intro-con-box .info-box {
  display: flex;
  align-items: stretch;
  gap: 38px;
  margin-top: 41px;
}
.page-layer-career .intro-con-box .info-box .text-wrap {
  padding-bottom: 10px;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box {
  color: #fff;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box + .con-box {
  margin-top: 20px;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .tit {
  font-size: 19px;
  font-family: "Noto Sans KR";
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .text {
  color: white;
  font-size: 12px;
  line-height: 1.7;
  margin-top: 12px;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .input-box input {
  outline: none;
  width: 279px;
  height: 50px;
  border: none;
  font-size: 13px;
  font-family: "Noto Sans KR";
  background-color: #fff !important;
  border-radius: 10px;
  color: black;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .input-box input:focus::placeholder {
  color: transparent;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 4px #db6262;
  border-color: transparent;
}
.page-layer-career .intro-con-box .info-box .text-wrap .con-box .input-box input.error::placeholder {
  color: #db6262;
}
.page-layer-career .intro-con-box .phone-num {
  display: flex;
  align-items: center;
  margin-left: 6px;
  margin-top: 17px;
}
.page-layer-career .intro-con-box .phone-num .icon {
  margin-right: 6px;
  width: 43px;
  height: 43px;
}
.page-layer-career .intro-con-box .phone-num .txt {
  color: white;
  font-size: 14px;
}
.page-layer-career .intro-con-box .btn-con {
  margin-left: 254px;
  position: absolute;
  bottom: 9%;
}
.page-layer-career .intro-con-box .btn-con .login-btn {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url("/img/icon/ic_login_w.svg") no-repeat center/cover;
}
.page-layer-career .intro-con-box .btn-con .login-btn:hover {
  background-image: url("/img/icon/ic_login_h.svg");
}
.page-layer-career .intro-con-box .btn-con .next-step-btn {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/guest/m/images/mobile-two/part9/dot-arrow.png) no-repeat center/48px;
}
.page-layer-career .intro-con-box .btn-con .next-step-btn:hover {
  background-image: url(/guest/m/images/mobile-two/part9/dot-arrow-b.png);
}
.page-layer-career .intro-con-box .btn-wrap {
  align-self: flex-end;
  margin-top: 30px;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more {
  color: #fff;
  font-size: 14px;
  padding: 11px 18px 12px 18px;
  border-radius: 20px;
  background-color: #383838;
  display: inline-block;
  cursor: pointer;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.pop-con-btn {
  font-size: 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.pop-con-btn span {
  font-size: 14px;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.pop-con-btn::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 8px;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  margin: 0 0 -1px 10px;
  border-top: 6px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.w {
  color: #404040;
  background-color: #fff;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.w::after {
  border-left-color: #404040;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.w:hover {
  color: #fff;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more.w:hover::after {
  border-left-color: #fff;
}
.page-layer-career .intro-con-box .btn-wrap .btn-more:hover {
  background-color: #00b0f0 !important;
}
.page-layer-career .intro-con-box .btn-wrap .more-talk {
  display: none;
  position: absolute;
  right: -18px;
  bottom: -8px;
}
.page-layer-career .intro-con-box .btn-wrap .more-talk .close-btn {
  position: absolute;
  bottom: -7px;
  right: -5px;
  cursor: pointer;
}

.findPin {
  max-width: 820px;
  width: 100%;
  height: auto;
  background-color: rgb(0, 112, 192);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  padding: 35px 50px 60px;
  z-index: 9999;
}
.findPin .close-btn {
  position: absolute;
  right: 19px;
  top: 20px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/cover;
  width: 20px;
  height: 20px;
}
.findPin .title-wrap {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}
.findPin .title-wrap img {
  width: 45px;
  height: 43px;
}
.findPin .title-wrap span {
  font-size: 12px;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
.findPin .box-wrap {
  display: flex;
  align-items: center;
  height: 265px;
}
.findPin .box-wrap .text-wrap {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  border-right: 1px solid white;
  padding-left: 43px;
}
.findPin .box-wrap .text-wrap p {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  color: rgb(255, 255, 255);
  width: 100%;
}
.findPin .box-wrap .info-wrap {
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}
.findPin .box-wrap .info-wrap label span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 15px;
  color: rgb(255, 255, 255);
}
.findPin .box-wrap .info-wrap label input {
  width: 220px;
  height: 30px;
  padding: 0px 15px;
  font-size: 12px;
}
.findPin .box-wrap .info-wrap label textarea {
  width: 260px;
  height: 72px;
  resize: none;
  padding: 10px;
  font-size: 12px;
}
.findPin .box-wrap .info-wrap .limit-box {
  text-align: right;
  color: #fff;
  font-size: 11px;
  line-height: normal;
  padding: 8px 0 14px;
  border-bottom: 1px solid #fff;
}
.findPin .box-wrap .info-wrap .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  gap: 5px;
}
.findPin .box-wrap .info-wrap .btn-wrap button {
  width: 60px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  font-size: 10px;
  font-weight: 700;
  color: rgb(107, 105, 105);
  transition: 0.2s;
}

.horizontal-line {
  height: auto;
  width: 1px !important;
  background-color: white;
}

.sell_bottom_send {
  display: flex;
  padding-top: 80px;
  gap: 10px;
}
.sell_bottom_send img {
  position: relative;
  top: -23px;
  width: 40px;
}
.sell_bottom_send p {
  color: white;
  font-family: "Noto Sans KR";
  font-size: 18px;
}

.mna_step_detail_btn {
  position: absolute;
  background-color: #00b0f0;
  right: 0;
  padding: 0px 16px;
  border-radius: 20px;
  height: 28px;
  bottom: -35px;
  font-size: 11px;
}

.mna_detail_btn {
  background-color: #b7b7b7;
  padding: 8px 20px;
  border-radius: 20px;
  color: white;
  font-family: "Arial";
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
}
.mna_detail_btn:hover {
  background-color: #00a7ee;
}

.sell-flex-column {
  display: flex;
  flex-direction: column;
  gap: 130px;
}

.script-ai-btn {
  position: relative;
  cursor: pointer;
}
.script-ai-btn .tooltip-msg-box {
  display: none;
  position: absolute;
  z-index: 300;
  min-width: 320px;
  width: 320px;
  right: -330px;
  top: 0px;
}
.script-ai-btn .tooltip-msg-box .tooltip-close-btn {
  z-index: 10;
  position: absolute;
  right: 19px;
  top: 19px;
  background: url("../img/ic_tooltip_close.svg") no-repeat center/13px 13px;
  width: 23px;
  height: 23px;
}
.script-ai-btn .tooltip-msg-box .tooltip-close-btn.type-white {
  background: url("../img/ic_tooltip_close_white.svg") no-repeat center/cover;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap {
  padding: 0 34px 0;
  border-radius: 30px;
  background-color: #ffc000;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-head-box .tooltip-head-txt {
  background: url("../img/img_tooltip_tit.png") no-repeat center bottom 27px/249px 122px;
  height: 219px;
  width: 100%;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box {
  padding-bottom: 36px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  font-family: "Malgun Gothic";
  line-height: 24px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box + .tooltip-txt-box {
  margin-top: 10px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-subject-box {
  font-family: "Malgun Gothic";
  font-weight: 700;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-subject-box + .tooltip-con-box {
  padding-top: 8px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-con-box {
  line-height: 21px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-body-box .tooltip-txt-box .tooltip-con-box .ident-txt-box {
  text-indent: -10px;
  padding-left: 10px;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box {
  height: 90px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #707070;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box .tooltip-link-box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.script-ai-btn .tooltip-msg-box .tooltip-msg-wrap .tooltip-foot-box .tooltip-link-box .tooltip-link-btn {
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  font-family: "Malgun Gothic";
  color: #00b0f0;
  text-decoration: underline;
  text-underline-position: under;
}
.script-ai-btn:hover .tooltip-msg-box {
  display: block;
}

section.bg-login {
  background: url("/img/background/login-bg.png") no-repeat center/cover;
}
section.bg-login .close-btn {
  background: url("/img/main_popup_close.png") no-repeat center/cover;
}
section.bg-login::before {
  content: "";
  position: absolute;
  width: 100vw;
  top: 20%;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100vw;
  border-radius: 100vw;
  transform: translate(-50%, -50%);
}
section.bg-login #loginForm {
  position: absolute;
  border: 3px solid #fff;
  border-radius: 40px;
  padding: 81px 40px 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  left: 343px;
  top: 43%;
  transform: translateY(-50%);
}
section.bg-login #loginForm * {
  font-weight: normal;
  font-family: "Poppins";
  color: white;
}
section.bg-login #loginForm p.login-title {
  text-align: center;
  padding: 25px 0;
  font-size: 36px;
}
section.bg-login #loginForm .input-box {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
section.bg-login #loginForm .input-box.smaller {
  width: 100px;
}
section.bg-login #loginForm .input-box.small {
  width: 130px;
}
section.bg-login #loginForm .input-box.long {
  width: 193px;
}
section.bg-login #loginForm .input-box .input-label {
  font-size: 14px;
  margin: 0 0 15px;
}
section.bg-login #loginForm .input-box input {
  outline: none;
  width: 100%;
  height: 34px;
  border: none;
  font-size: 13px;
  font-family: "Noto Sans KR";
  padding: 25px 10px 25px 40px;
  background-color: #fff !important;
  border-radius: 10px;
  color: black;
}
section.bg-login #loginForm .input-box input:-webkit-autofill, section.bg-login #loginForm .input-box input:-webkit-autofill:hover, section.bg-login #loginForm .input-box input:-webkit-autofill:focus, section.bg-login #loginForm .input-box input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.bg-login #loginForm .input-box input:focus {
  box-shadow: 0 0 0 4px #00b0f0;
  border-color: transparent;
}
section.bg-login #loginForm .input-box input:focus::placeholder {
  color: #00b0f0;
}
section.bg-login #loginForm .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 4px #db6262;
  border-color: transparent;
}
section.bg-login #loginForm .input-box input.error::placeholder {
  color: #db6262;
}
section.bg-login #loginForm .input-box .ic {
  z-index: 10;
  position: absolute;
  left: 13px;
  top: calc(50% + 15px);
  transform: translateY(-50%) scale(1.4);
}
section.bg-login #loginForm .input-box .ic.ic-id {
  width: 14px;
  height: 15px;
  background: url("../img/ic_login_user.svg") no-repeat center;
}
section.bg-login #loginForm .input-box .ic.id-pw {
  width: 12px;
  height: 15px;
  left: 14px;
  background: url("../img/ic_login_pw.svg") no-repeat center;
}
section.bg-login #loginForm .btn-box {
  width: 100%;
  margin-bottom: 10px;
}
section.bg-login #loginForm .btn-box a {
  width: 100%;
  background-color: #f5c245;
  border-radius: 7px;
  padding: 15px 0;
  text-align: center;
  width: 297px;
}
section.bg-login .more-form-group {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  display: none;
  z-index: 100;
}
section.bg-login .more-form-group .more-form-close {
  position: absolute;
  right: 60px;
  top: 60px;
  z-index: 100;
  background: url(/img/ic_full_layer_close.svg) no-repeat center/cover;
  width: 30px;
  height: 30px;
}
section.bg-login .more-form-group .inner4 .img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg-find * {
  font-family: "Poppins";
  color: white;
}
.bg-find .close-btn {
  z-index: 101;
}
.bg-find .form-guide-box .guide-main-box {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
}
.bg-find .form-guide-box .guide-sub-box {
  font-size: 15px;
}
.bg-find .common-contents {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex !important;
  width: 960px !important;
  height: 700px !important;
  justify-content: space-between !important;
}
.bg-find .common-contents .horizontal-line {
  height: calc(100% + 300px) !important;
}
.bg-find .common-contents > div:not(.horizontal-line) {
  width: 50%;
}
.bg-find .common-contents > div .list-box {
  width: 350px;
  float: right;
}
.bg-find .common-contents > div .list-box .subject-box {
  padding-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.bg-find .common-contents > div .item-box {
  display: flex;
}
.bg-find .common-contents > div .input-box {
  width: 240px;
  position: relative;
}
.bg-find .common-contents > div .input-box .view-toggle-btn {
  position: absolute;
  right: 0;
  top: -30px;
  font-family: "Noto Sans KR";
  color: #00b0f0;
  font-size: 15px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-position: under;
}
.bg-find .common-contents > div .input-box input {
  outline: none;
  width: 100%;
  height: 34px;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: "Noto Sans KR";
  padding: 0 10px;
  background-color: #fff;
  color: black;
}
.bg-find .common-contents > div .input-box input:-webkit-autofill, .bg-find .common-contents > div .input-box input:-webkit-autofill:hover, .bg-find .common-contents > div .input-box input:-webkit-autofill:focus, .bg-find .common-contents > div .input-box input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
.bg-find .common-contents > div .input-box input:read-only {
  background-color: #f4f4f4;
}
.bg-find .common-contents > div .input-box input.disabled {
  background-color: #ccc;
}
.bg-find .common-contents > div .input-box input::placeholder {
  color: #aaa;
}
.bg-find .common-contents > div .input-box input:focus {
  box-shadow: 0 0 0 2px #00b0f0;
  border-color: transparent;
}
.bg-find .common-contents > div .input-box input:focus::placeholder {
  color: #00b0f0;
}
.bg-find .common-contents > div .input-box input.error {
  color: #db6262;
  box-shadow: 0 0 0 2px #db6262;
  border-color: transparent;
}
.bg-find .common-contents > div .input-box input.error::placeholder {
  color: #db6262;
}
.bg-find .common-contents > div .msg-box {
  color: #fff;
  padding-left: 15px;
  font-size: 12px;
}
.bg-find .common-contents > div .msg-box.error {
  color: #db6262;
}
.bg-find .common-contents > div .certify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 61px;
  height: 35px;
  border-radius: 17.5px;
  background-color: #07bafb;
  font-size: 12px;
  font-family: "Noto Sans KR";
  margin-left: 13px;
}
.bg-find .common-contents > div .certify-btn.disabled {
  background-color: #00b0f0;
  color: #fff;
}
.bg-find .common-contents > div .example-box {
  padding-top: 9px;
  color: #7f7f7f;
  font-size: 10px;
}
.bg-find .common-contents > div .example-box.error {
  color: #db6262;
}
.bg-find .common-contents > div .example-box.active {
  color: #00b0f0;
}

.shortcut-btn {
  position: absolute;
  bottom: 114px;
  right: 88px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 21px;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background: linear-gradient(to bottom, #171717, #242424);
  border-radius: 9999px;
  box-shadow: 0 2px 4px rgb(0, 0, 0), 0 10px 20px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
  font-family: "Noto Sans SC";
}
.shortcut-btn.match-alert {
  right: 164px;
  bottom: 155px;
}
.shortcut-btn.my-page {
  bottom: 71px;
}
.shortcut-btn.ask-about {
  right: 116px;
  bottom: 82px;
}
.shortcut-btn::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(to bottom, #292929, #000000);
  z-index: -1;
  border-radius: 9999px;
  transition: all 0.2s ease;
  opacity: 1;
}
.shortcut-btn:active {
  transform: translateY(2px);
  box-shadow: 0 1px 2px rgb(0, 0, 0), 0 5px 10px rgba(0, 0, 0, 0.4);
}
.shortcut-btn .inner-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  width: 32px;
  height: 32px;
  margin-left: 12px;
  border-radius: 50%;
  box-shadow: 0 0 1px rgb(0, 0, 0);
  transition: all 0.2s ease;
}
.shortcut-btn .inner-button::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(to bottom, #292929, #000000);
  z-index: -1;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.shortcut-btn .inner-button .icon {
  filter: drop-shadow(0 10px 20px rgba(26, 25, 25, 0.9)) drop-shadow(0 0 4px rgb(0, 0, 0));
  transition: all 0.2s ease-in-out;
}
.shortcut-btn:hover .inner-button .icon {
  transform: rotate(-35deg);
  filter: drop-shadow(0 10px 20px rgb(50, 50, 50)) drop-shadow(0 0 20px rgb(2, 2, 2));
}

.learn-more-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9998;
  overflow: auto;
}

.learn-more-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  width: 312px;
  background-color: #fff;
  border-radius: 20px;
  padding: 85px 0 36px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  height: 730px;
}
.learn-more-popup .popup-close {
  position: absolute;
  top: 24px;
  right: 25px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.learn-more-popup .popup-close img {
  width: 14px;
  height: 14px;
}
.learn-more-popup .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.learn-more-popup .popup-content > img {
  width: 66px;
}
.learn-more-popup .popup-content .title {
  color: #3B3B3B;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 3.2px;
  font-family: "Segoe UI", sans-serif;
  margin: 0;
  position: relative;
  left: 4px;
}
.learn-more-popup .popup-content .content {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.4px;
  text-align: left;
  color: rgba(37, 37, 37, 0.9);
  padding: 0 29px 0 37px;
  word-break: keep-all;
}
.learn-more-popup .learn-more-categories {
  width: 100%;
  padding: 0 32px 0 37px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.learn-more-popup .learn-more-category {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.learn-more-popup .learn-more-category-header {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2px;
}
.learn-more-popup .learn-more-category-header .side-line {
  width: 166px;
  border: none;
  border-top: 1px solid #414141;
  margin: 0;
}
.learn-more-popup .learn-more-category-title {
  font-size: 16px;
  font-weight: 600;
  width: 66px;
  flex-shrink: 0;
  color: #333;
}
.learn-more-popup .learn-more-category-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #555;
  letter-spacing: -0.4px;
  font-family: "Noto Sans";
}
.learn-more-popup .rank-list {
  width: 100%;
  margin-top: 8px;
  padding: 0 32px;
}
.learn-more-popup .rank-list > div {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #333;
}
.learn-more-popup .rank-list .line {
  position: relative;
  margin: 12px 0 10px;
  padding: 0;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(to right, #1504FF, #A9A3FE);
}
.learn-more-popup .rank-list .line span {
  display: none;
}
.learn-more-popup .rank-list .bottom-txt {
  color: #666;
}

.checkbox-wrapper .cbx {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.checkbox-wrapper .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.checkbox-wrapper .cbx span:first-child {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #ffffff;
  transition: all 0.2s ease;
}
.checkbox-wrapper .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 6px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.checkbox-wrapper .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506eec;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
.checkbox-wrapper .cbx span:last-child {
  margin-left: 8px;
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
}
.checkbox-wrapper .cbx:hover span:first-child {
  border-color: #ffffff;
}
.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child {
  border-color: #3c53c7;
  background: #3c53c7;
  animation: check-15 0.6s ease;
}
.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
.checkbox-wrapper .inp-cbx:checked + .cbx span:last-child {
  color: #ffffff;
  transition: all 0.3s ease;
}
.checkbox-wrapper .inp-cbx:checked + .cbx span:last-child:after {
  transform: scaleX(1);
  transition: all 0.3s ease;
}

@keyframes check-15 {
  50% {
    transform: scale(1.2);
  }
}
/* From Uiverse.io by gagan-gv */
.loader {
  border: 0 solid transparent;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.loader::before,
.loader::after {
  content: "";
  border: 7px solid #ccc;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  animation: loader 2s linear infinite;
  opacity: 0;
}

.loader::before {
  animation-delay: 1s;
}

@keyframes loader {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

/*# sourceMappingURL=platform.css.map */