* {
  padding: 0;
  margin: 0;
  box-sizing: unset;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
  font-family: "Noto Sans KR", sans-serif;
}
section {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pc-mobile {
  display: flex !important;
}
.mobile-pc {
  display: none !important;
}
.pc {
  display: flex;
}
.pc-inline {
  display: inline;
}
.tablet {
  display: none;
}
.mobile {
  display: none;
}
html {
  scroll-behavior: smooth;
}
.clearfix::after,
.clearfix::before {
  display: block;
  clear: both;
  content: "";
}
.absol {
  position: absolute;
}
.rltv {
  position: relative;
}
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nanummyeongjo * {
  font-family: "Nanum Myeongjo", serif;
}
@font-face {
  font-family: "TmonMonsori";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff")
    format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-bold";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
    format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Vitro_core";
  src: url("/font/VITRO_CORE_OTF.otf") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "YEONGJUSeonbi";
  src: url("/font/YEONGJUSeonbi.otf") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF_HambakSnow";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Regular";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gothic";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SDKukdetopokki-Lt";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SDKukdetopokki-aLt00.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src: url("https://fonts.gstatic.com/s/nanumsquare/v4/PC_AxFzyhwMw5pRzLDcCDppKCYa1Ow.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareNeo-Variable";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BMEULJIRO";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(1rem + ((1vw - 0.48rem) * 1.3889));
  min-height: 0vw;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes marquee2 {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes marquee3 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slick-circle {
  0% {
    left: 0;
  }
  100% {
    left: 99%;
  }
}
@keyframes ddm3 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes ddm4 {
  0% {
    transform: scale(1);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: scale(1.05);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate_image1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes ani_scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1.1, 0.01, 0.01, 1.2, 0, 0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes blk {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zlk {
  0% {
    z-index: -10;
  }
  30% {
    z-index: 10;
  }
  31% {
    z-index: 10;
  }
  99% {
    z-index: -10;
  }
  100% {
    z-index: -10;
  }
}
@keyframes rotate_image {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scaleOpa {
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes scaleOpa2 {
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes ball {
  0% {
    bottom: 0px;
  }
  100% {
    bottom: 20px;
  }
}
@keyframes ddm {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -30);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoom2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate_imageY {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes ddm2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleOpa3 {
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes run {
  0% {
    transform: rotate(-4deg) translateY(0px);
  }
  50% {
    transform: rotate(4deg) translateY(-30px);
  }
  100% {
    transform: rotate(-4deg) translateY(0px);
  }
}
@keyframes marqueeXup {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marqueeXdown {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes marqueeXup {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes twist {
  0% {
    transform: scale(1);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: scale(1.05);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ddm_little {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes light {
  0%,
  31%,
  34%,
  39%,
  42%,
  47% {
    opacity: 0;
  }
  5%,
  30%,
  35%,
  38%,
  43%,
  46% {
    opacity: 0.4;
  }
  50%,
  55%,
  60%,
  67%,
  51%,
  54%,
  68%,
  100% {
    opacity: 1;
  }
  70% {
    opacity: 0.2;
  }
}

@keyframes content_bg {
  0% {
    background: url(/images/con4_11.png) 0 0 fixed;
    background-color: #315247;
  }
  100% {
    background: url(/images/con4_11.png) 1000% 0 fixed;
    background-color: #315247;
  }
}
@keyframes content_bg_02 {
  0% {
    background: url(/images/con4_11.png) 0 0 fixed;
    background-color: #c4a25d;
  }
  100% {
    background: url(/images/con4_11.png) 1000% 0 fixed;
    background-color: #c4a25d;
  }
}
@keyframes fall {
  0% {
    top: -0%;
    opacity: 1;
    transform: rotateY(0deg) (0deg);
    transform-origin: center center;
  }
  100% {
    transform: rotateY(150deg) rotateZ(120deg);
    transform-origin: center center;
    top: 100%;
    opacity: 0;
  }
}
@keyframes bubble {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -100px);
    opacity: 0;
  }
}
@keyframes slideRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1000%);
  }
}
@keyframes scaleAnimation {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@font-face {
  font-family: "yg-jalnan";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@keyframes smoke {
  0% {
    transform: translate(0, 30%) rotate(0);
    opacity: 0.5;
  }
  15% {
    transform: translate(calc(random() * 100vw), 100vh) rotate(50deg)
      translateX(10px);
    opacity: 1;
  }
  30% {
    transform: translate(calc(random() * 100vw), 100vh) rotate(50deg)
      translateX(50px);
    opacity: 1;
  }
  55% {
    transform: translate(calc(random() * 100vw), 100vh) rotate(50deg)
      translateX(50px);
    opacity: 1;
  }
  70% {
    transform: translate(calc(random() * 100vw), 200vh) rotate(0)
      translateX(70px);
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: "TTTtangsbudaejjigaeB";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "sdgothicneoA";
  src: url("/font/AppleSDGothicNeoT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sdgothicneoaB";
  src: url("/font/AppleSDGothicNeoB.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideInOut {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes windyEffect_right {
  0% {
    transform: rotate(-2deg);
  }
  25% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.5;
  }
}
@keyframes light {
  0%,
  31%,
  34%,
  39%,
  42%,
  47% {
    opacity: 0.8;
  }
  5%,
  30%,
  35%,
  38%,
  43%,
  46% {
    opacity: 0.4;
  }
  50%,
  55%,
  60%,
  67%,
  51%,
  54%,
  68%,
  100% {
    opacity: 1;
  }
  70% {
    opacity: 0.2;
  }
}
@keyframes shakeAndFall {
  0% {
    transform: translate(0, -50%) rotate(0);
    opacity: 0;
  }
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
  }
}
@keyframes slide_R {
  0% {
    transform: translateX(50%) translateY(10px);
  }
  10% {
    transform: translateX(150%) translateY(-10px);
  }
  20% {
    transform: translateX(250%) translateY(10px);
  }
  30% {
    transform: translateX(350%) translateY(-10px);
  }
  40% {
    transform: translateX(450%) translateY(10px);
  }
  50% {
    transform: translateX(550%) translateY(-10px);
  }
  60% {
    transform: translateX(650%) translateY(10px);
  }
  70% {
    transform: translateX(750%) translateY(-10px);
  }
  80% {
    transform: translateX(850%) translateY(10px);
  }
  90% {
    transform: translateX(950%) translateY(-10px);
  }
  100% {
    transform: translateX(1050%) translateY(10px);
  }
}
@keyframes slide_L {
  0% {
    transform: translateX(0%) translateY(10px);
  }
  10% {
    transform: translateX(-150%) translateY(-10px);
  }
  20% {
    transform: translateX(-250%) translateY(10px);
  }
  30% {
    transform: translateX(-350%) translateY(-10px);
  }
  40% {
    transform: translateX(-450%) translateY(10px);
  }
  50% {
    transform: translateX(-550%) translateY(-10px);
  }
  60% {
    transform: translateX(-650%) translateY(10px);
  }
  70% {
    transform: translateX(-750%) translateY(-10px);
  }
  80% {
    transform: translateX(-850%) translateY(10px);
  }
  90% {
    transform: translateX(-950%) translateY(-10px);
  }
  100% {
    transform: translateX(-1050%) translateY(10px);
  }
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0%) translateY(0) rotate(4deg);
  }
  10% {
    transform: translateX(-70%) translateY(-10px) rotate(2deg);
  }
  30% {
    transform: translateX(-140%) translateY(10px) rotate(-2deg);
  }
  40% {
    transform: translateX(-210%) translateY(-10px) rotate(2deg);
  }
  50% {
    transform: translateX(-280%) translateY(10px) rotate(-2deg);
  }
  60% {
    transform: translateX(-350%) translateY(-10px) rotate(2deg);
  }
  70% {
    transform: translateX(-420%) translateY(10px) rotate(-2deg);
  }
  80% {
    transform: translateX(-490%) translateY(-10px) rotate(2deg);
  }
  90% {
    transform: translateX(-560%) translateY(10px) rotate(-2deg);
  }
  100% {
    transform: translateX(-630%) translateY(0) rotate(-4deg);
  }
}
@keyframes slideLeft_m {
  0% {
    transform: translateX(0%) translateY(0) rotate(4deg);
  }
  20% {
    transform: translateX(-70%) translateY(-10px) rotate(2deg);
  }
  40% {
    transform: translateX(-140%) translateY(10px) rotate(-2deg);
  }
  60% {
    transform: translateX(-210%) translateY(-10px) rotate(2deg);
  }
  80% {
    transform: translateX(-280%) translateY(10px) rotate(-2deg);
  }
  100% {
    transform: translateX(-350%) translateY(-10px) rotate(2deg);
  }
}
@keyframes ddm_little {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1, 0.01, 0.01, 1.05, 0, -8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ddm_little2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1, 0.01, 0.01, 1.05, 0, -2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ddm_little3 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1, 0.01, 0.01, 1.05, 0, 10);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ddm_little4 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1, 0, 0.01, 1.005, 0, 5);
  }
  100% {
    transform: scale(1);
  }
}
/* circle_move -start */
@keyframes uitLineMove {
  0% {
    stroke-dashoffset: 339.292;
  }
  100% {
    stroke-dashoffset: 180;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .circle-animation {
    animation: uitLineMove 2.5s ease-in forwards;
  }
  .counter-animation {
    animation: counter 2.5s ease-in forwards;
    counter-reset: num var(--num);
  }
  .counter-animation::after {
    content: counter(num);
  }
}
/* circle_move - end */
/* circle_ct -start */
@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
@media (prefers-reduced-motion: no-preference) {
  .circle-animation {
    animation: uitLineMove 2.5s ease-in forwards;
  }
  .counter-animation {
    animation: counter 2.5s ease-in forwards;
    counter-reset: num var(--num);
  }
  .counter-animation::after {
    content: counter(num);
  }
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: 11752178;
  }
}
.circle_img {
  width: 67%;
}
/* circle_ct -end */
.pc-tablet {
  display: flex;
}
.tablet-pc {
  display: none;
}

#footer_com {
  pointer-events: all;
  cursor: pointer;
}
.text_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}

.ttt_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.ttt_rltv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.m_iframe_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.m_iframe {
  width: 100%;
}

img.intro_img.absol {
  filter: brightness(85%);
}

.intro_img {
  width: 100%;
}
.intro_img_02 {
  width: 110%;
  backdrop-filter: brightness(0.3);
  -webkit-backdrop-filter: brightness(0.3);
}
.main_move {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 3;
  transform-origin: left;
  overflow: hidden;
}
.main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main_iframe_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main_iframe {
  width: 115%;
  height: 58vw;
}
.main_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46vw;
  z-index: 1;
}
.main_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 2% 0% 0.3% 0%;
}
.main_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main_text_01 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 2.5vw;
  color: #fff;
}
.main_01 {
  width: 6%;
}
.main_02 {
  width: 31%;
}

/*
.con01_bg{
    width: 101%;
    height: 1vw;
    background-color: #fff;
    bottom: -4.1%;
    border-top: 1px solid #003d73;
}
*/

.con01 {
  flex-direction: column;
}
.con01_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 6% 0% -0.1% 0%;
}
.con01_content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 99.9%;
  height: 27vw;
  border-top: 1px solid #003d73;
  border-bottom: 1px solid #003d73;
  /*    border: 1px solid #003d73;*/
  margin: 0% 0% 4% 0%;
}
.con01_left {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 100%;
  overflow: hidden;
}
.con01_iframe_div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 0px 5vw 0px 0px;
  overflow: hidden;
}
.con01_iframe {
  width: 100%;
  height: 28vw;
}
.con01_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 46%;
  height: 100%;
  border-right: 1px solid #003d73;
}
.con01_line {
  background-color: #003d73;
  width: 107%;
  height: 0.01vw;
  top: 16%;
  right: -92%;
}
.con01_right_absol {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.4vw;
  top: 0%;
}
.con01_right_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con01_right_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0% 0% 4% 0%;
  pointer-events: none;
}
.con01_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 73%;
  height: 12vw;
  overflow: hidden;
}
.con01_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con01_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 68%;
}
.con01_swiper_div > img {
  width: 100%;
}
.con01_text_03 {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 1.2vw;
  color: #003d73;
}
.con01_scr {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1% 0% 1% 0%;
  z-index: 2;
}
.con01_sd {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con01_sd_next {
  right: 101%;
}
.con01_text_01s {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1.8vw;
  color: #003d73;
}
.con01_text_01 {
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 2.2vw;
  color: #003d73;
}
.con01_text_02 {
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 2.2vw;
  color: #003d73;
}
.con01_text_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  margin: 1% 0% 2% 0%;
}
.con01_01 {
  width: 49%;
}
.con01_04 {
  width: 41%;
}

.con02 {
  background-color: #003d73;
  flex-direction: column;
}
.con02_content {
  background-color: #000000bf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border-radius: 0px 7vw 0px 7vw;
  padding: 8% 0% 8% 0%;
}
.con02_grap_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 0vw;
  overflow: hidden;
  left: 0%;
  top: -6%;
}
.con02_iframe_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 125%;
  height: 65vw;
  filter: brightness(20%);
  pointer-events: none;
}
.con02_iframe {
  width: 100%;
  height: 100%;
}
.con02_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: 0% -8% 0% 14%;
  z-index: 1;
}
.con02_left_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con02_left_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 2% 0% 4% 0%;
}
.con02_left_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con02_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  z-index: 1;
}
.con02_right_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con02_right_mid {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 2% 0% 5% 0%;
}
.con02_ct_div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding: 1% 1.5% 1% 1%;
  margin: 0% 3.5% 0% 2%;
}
.con02_right_bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.con02_right_bottom > img {
  width: 27%;
  margin: 0% 1% 0% 0%;
}
.con02_04 {
}
.con02_05 {
}
.con02_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #fff;
  margin: 0% 0% 0.5% 0%;
}
.con02_ct {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 3.5vw;
  color: #2599ff;
  white-space: nowrap;
}
.con02_text_02 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 2.5vw;
  color: #2599ff;
}
.con02_01 {
  width: 38%;
}
.con02_02 {
  width: 15%;
}
.con02_06 {
  width: 33vw;
}
.con02_06_base {
  width: 66%;
  opacity: 0;
}
.con02_07 {
  width: 20%;
  animation: scaleOpa3 1s infinite ease-in-out;
}
.con02_08 {
  width: 20%;
  animation: scaleOpa3 1s infinite ease-in-out;
}
.con02_09 {
  width: 20%;
  z-index: 1;
}
.con02_10 {
  width: 67%;
}
.con02_absol_div_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4%;
  height: 10%;
  left: 0.5%;
  bottom: 25.5%;
  opacity: 0;
  z-index: 3;
}
.con02_absol_01 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  clip-path: circle(17% at 50% 39%);
  top: 68%;
}
.con02_absol_div_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4%;
  height: 10%;
  left: 18.5%;
  bottom: 33.5%;
  opacity: 0;
  z-index: 3;
}
.con02_absol_02 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  clip-path: circle(25% at 50% 39%);
  top: 82%;
}
.con02_absol_div_03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4%;
  height: 10%;
  left: 37.5%;
  bottom: 50.5%;
  opacity: 0;
  z-index: 3;
}
.con02_absol_03 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  clip-path: circle(37% at 50% 39%);
  top: 95%;
}
.con02_absol_div_04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 4%;
  left: 5%;
  opacity: 0;
  z-index: 3;
}
.con02_absol_rltv_04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0% 0% 1% 0%;
}
.con02_text_div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con02_text_03 {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1vw;
  color: #fff;
  white-space: nowrap;
}
.con02_text_04 {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 0.7vw;
  color: #fff;
  white-space: nowrap;
  z-index: 1;
  bottom: 5%;
  left: 76%;
}

.con03 {
  background-color: #003d73;
  flex-direction: column;
}
.con03_content_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 7% 0% 7% 0%;
  z-index: 1;
}
.con03_10_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_10_rltv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_10 {
  width: 85%;
}
.con03_make_absol_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 6%;
  left: 75%;
}
.con03_make_absol_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 6%;
  left: 75%;
  top: 36%;
  left: 71.5%;
}
.con03_make_absol_03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 47%;
  left: 68.5%;
}
.con03_make_absol_04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 52%;
  left: 70.5%;
}
.con03_make_absol_05 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 55%;
  left: 64.5%;
}
.con03_make_absol_06 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 59%;
  left: 62.5%;
}
.con03_make_absol_07 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 55%;
  left: 59.5%;
}
.con03_make_absol_08 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 63%;
  left: 53.5%;
}
.con03_make_absol_09 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  top: 62%;
  left: 47.5%;
}
.con03_make_rltv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_11 {
  width: 100%;
}
.con03_12 {
  width: 100%;
  animation: scaleOpa3 1s infinite ease-in-out;
}
/* .con03_make_absol_01 > div > .con03_12{
    animation: scaleOpa3 1s infinite ease-in-out;
    animation-delay: 1ms;
} */
.con03_13 {
  width: 100%;
  z-index: 1;
}
.con03_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72%;
}
.con03_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con03_mid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120%;
  border-top: 0px solid #fff;
  border-bottom: 1px solid #fff;
  margin: 2% -20% 5% 0%;
}
.con03_mid_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13%;
}
.con03_mid_left > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 3% 0% 3% 0%;
  pointer-events: all;
  cursor: pointer;
  user-select: none;
}
.no-pointer-events {
  pointer-events: none !important;
}
.con03_button_af {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_03 {
  width: 100%;
}
.con03_04 {
  width: 100%;
}
.con03_button_bf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_mid_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 87%;
  height: 24vw;
}
.con03_mid_right_div_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.con03_mid_right_div_03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 24vw;
  overflow: hidden;
}
.con03_notice_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 52%;
  height: 100%;
}
.con03_notice_top {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 17%;
}
.con03_notice_top > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3%;
}
.con03_notice_mid {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 85%;
  overflow: scroll;
  scrollbar-width: none;
}
.con03_notice_mid > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding: 3% 0%;
}
.con03_notice_mid > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 100%;
}
.con03_notice_mid > div > div > p {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1vw;
  color: #fff;
  text-align: center;
  width: 100%;
}
.con03_title {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.5vw;
  color: #003d73;
}
/* .con03_notice_bottom{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15%;
} */

.con03_grap_absol {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  bottom: 26.5%;
  left: 4%;
  pointer-events: none;
}
.con03_grap_absol > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18%;
  white-space: nowrap;
}
.con03_grap_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_grap_01 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: 6vw; */
  height: 0vw;
  width: 56%;
  margin: 2% 0% 4% 0%;
}
.con03_grap_02 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: 11vw; */
  height: 0vw;
  width: 56%;
  margin: 2% 0% 4% 0%;
}
.con03_grap_03 {
  background-color: #2599ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: 16vw; */
  height: 0vw;
  width: 56%;
  margin: 2% 0% 4% 0%;
}
.con03_grap_text_01 {
  position: absolute;
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 1.6vw;
  color: #b3b3b3;
  width: 6.5%;
  white-space: break-spaces;
  text-align: center;
  line-height: 1.4;
}
.con03_grap_text_01s {
  position: absolute;
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 1.9vw;
  color: #fff;
  width: 7.5%;
  white-space: break-spaces;
  text-align: center;
  line-height: 1.4;
}
.con03_grap_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 2.2vw;
  color: #2599ff;
  margin: 0% 0% 1% 0%;
}
.con03_grap_text_03 {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 3.2vw;
  color: #fff;
  margin: 0% 0% 1% 0%;
}
.con03_grap_ct_01 {
  font-family: "GmarketSansMedium";
  font-weight: 500;
  font-size: 2vw;
  color: #fff;
}
.con03_grap_ct_02 {
  font-family: "GmarketSansMedium";
  font-weight: 500;
  font-size: 2vw;
  color: #fff;
}
.con03_grap_ct_03 {
  font-family: "GmarketSansMedium";
  font-weight: 800;
  font-size: 3vw;
  color: #2599ff;
}
.con03_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_bottom > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con03_bottom_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0% 0% 0.8% 0%;
  left: 73%;
  border-bottom: 0px solid #fff;
}
.con03_bottom_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0% 0% 0% 0%;
  left: 73%;
  border-bottom: 0px solid #fff;
}
.con03_bottom_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
.con03_text_01 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.3vw;
  color: #2599ff;
  z-index: 3;
}
.con03_ct_02 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 3.8vw;
  color: #2599ff;
  z-index: 3;
}
.con03_text_02 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.3vw;
  color: #fff;
  z-index: 3;
}
.con03_button_bf {
  opacity: 0;
}
.con03_01 {
  width: 38%;
}
.con03_02 {
  top: -6%;
  left: 0%;
  width: 100%;
}
.con03_05 {
  width: 6%;
}
.con03_06 {
  width: 27%;
}
.con03_07 {
  width: 27%;
}
/* .con03_10{
    top: 0%;
    left: 5%;
    width: 82%;
} */
.con03_14 {
  width: 13%;
}
.con03_15 {
  width: 32%;
}
.con03_16 {
  left: 2%;
  top: -10%;
  width: 95%;
}
.con03_17 {
  width: 27%;
}
.con03_ct_01 {
  font-family: "Pretendard";
  font-weight: 800;
  font-size: 3vw;
  color: #2599ff;
}
.con03_text_03 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 2vw;
  color: #fff;
  margin: 0% 0% 0.5% 0.5%;
}
.con03_text_04 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #fff;
  margin: 1% 0% 0% 0%;
}
.con03_bottom_div_02 {
  margin: 0% 0% 0.6% 0%;
}
.con03_bottom_div_03 {
  margin: 0% 0% 0.3% 0%;
}

.con03_02_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_02_rltv {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con03_con03_grap_ct_absol_01 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  top: 53%;
  left: -14%;
}
.con03_con03_grap_ct_absol_02 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  top: 45%;
  left: 4%;
}
.con03_con03_grap_ct_absol_03 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  top: 35%;
  left: 22%;
}

.con04 {
  flex-direction: column;
}
.con04_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 2% 0% 0% 0%;
}
.con04_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 0px solid #003d73;
  padding: 5% 0% 3% 0%;
  overflow: hidden;
}
.con04_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con04_swiper_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0% 0% 0% -1.3%;
}
.con04_swiper_slide_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  background-color: #d6ecff;
  border-radius: 50px;
  border: 0px solid #003d73;
  overflow: hidden;
  cursor: pointer;
  pointer-events: all;
}
.con04_swiper_slide_01:hover .con04_swiper_01_text {
  color: #fff;
}
.con04_swiper_slide_01:hover .con04_swiper_02_text {
  color: #fff;
}
.con04_swiper_slide_01:hover {
  background-color: #003d73;
}
.con04_sd_div_01 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vw;
  overflow: hidden;
}
.con04_sd_div_01 > img {
  width: 100%;
  transition: all 0.3s;
}
.con04_swiper_01_text {
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 1.5vw;
  color: #003d73;
  z-index: 1;
  margin: 0% 4% 0% 0%;
}
.con04_swiper_02_text {
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 1.5vw;
  color: #003d73;
  z-index: 1;
}
/*
.con04_bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: 2% 0% 2% 0%;
    margin: 3% 0% 5% 0%;
    overflow: hidden;
}
*/
.con04_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: 9% 0% 9% 0%;
  margin: -2% 0% 2% 0%;
  overflow: hidden;
  pointer-events: none;
}
.con04_swiper_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con04_swiper_slide_02 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/*
.con04_sd_div_02{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 17vw;
    border-radius: 25px;
    border: 1px solid #003d73;
    overflow: hidden;
}
.con04_iframe_div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 115%;
    height: 25vw;
}
*/

.con04_sd_div_02 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 30vw;
  border-radius: 25px;
  border: 0px solid #003d73;
  overflow: hidden;
  pointer-events: all;
}
.con04_sd_div_02 > img {
  width: 100%;
}

.con04_iframe_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160%;
  height: 32vw;
}
.con04_text_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: -3% 0% 5% 0%;
}
.con04_text_div > p {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #003d73;
}

.con04_iframe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
/*
.con04_swiper_slide_02.swiper-slide-next > .con04_sd_div_02{
    scale: 1.2;
}
*/
.con04_swiper_slide_02.swiper-slide-next > .con04_sd_div_02 {
  scale: 1.3;
}
.con04_swiper_slide_02.swiper-slide-next > .con04_sd_div_02 > .con04_filter {
  opacity: 0;
}
.con04_swiper_slide_02.swiper-slide-active > .con04_sd_div_02 {
  margin: 0% -44% 0% 0%;
}
.con04_swiper_slide_02.swiper-slide-next + div > .con04_sd_div_02 {
  margin: 0% 0% 0% -44%;
}
.con04-button-prev {
  right: 84.5%;
  z-index: 2;
  cursor: pointer;
  pointer-events: all;
  display: block !important;
  width: 4%;
}
.con04-button-next {
  left: 84.5%;
  z-index: 2;
  cursor: pointer;
  pointer-events: all;
  transform: rotate(180deg);
  display: block !important;
  width: 4%;
}
.con04_scr {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1% 0% 1% 0%;
  z-index: 2;
  border: 1px solid #003d73;
}
.con04_sd {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con04_sd_next {
  right: 101%;
}
.con04_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.5vw;
  color: #003d73;
}
.con04_02 {
  margin: 1% 0% 0% 0%;
  width: 47%;
}
.con04_filter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}

.con05 {
  flex-direction: column;
}
.con05_content_div {
  background-color: #eaeaea;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 0px solid #003d73;
  border-top: 0px solid;
}
.con05_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con05_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 6% 0% 2% 0%;
  overflow: hidden;
}
.interior_div_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  overflow: hidden;
  margin: 0% 0% -1% 0%;
  z-index: 2;
}
.interior_title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 57%;
  margin: 0% 0% 0% 0%;
  border: 1px solid #003d73;
  background-color: #fff;
}
.interior_title > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 25%;
  font-family: "Pretendard";
  font-weight: bold;
  font-size: 1.1vw;
  padding: 1% 0% 1% 0%;
  cursor: pointer;
  white-space: nowrap;
}
.interior_cate_left {
  color: #003d73;
  background-color: #fff;
}
.interior_cate_left:hover {
  color: #fff;
  background-color: #003d73;
}
.interior_cate_mid_01 {
  color: #003d73;
  background-color: #fff;
}
.interior_cate_mid_01:hover {
  color: #fff;
  background-color: #003d73;
}
.interior_cate_mid_02 {
  color: #003d73;
  background-color: #fff;
}
.interior_cate_mid_02:hover {
  color: #fff;
  background-color: #003d73;
}
.interior_cate_right {
  color: #003d73;
  background-color: #fff;
}
.interior_cate_right:hover {
  color: #fff;
  background-color: #003d73;
}
.interior_cate_left,
.interior_cate_mid_01,
.interior_cate_mid_02,
.interior_cate_right {
  cursor: pointer;
  padding: 10px;
  transition: background-color 0.3s, color 0.3s;
}
.interior_cate_left:hover,
.interior_cate_mid_01:hover,
.interior_cate_mid_02:hover,
.interior_cate_right:hover,
.interior_cate_left.active,
.interior_cate_mid_01.active,
.interior_cate_mid_02.active,
.interior_cate_right.active {
  color: #fff;
  background-color: #003d73;
}
.interior_div_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  margin: 0% 0% 8% 0%;
  border: 1px solid #003d73;
}
.interior_div_bottom_bg {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 32.5vw;
  top: 26%;
  left: 24%;
  z-index: 0;
  border: 1px solid #003d73;
}
.interior_swiper_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  /*    overflow: hidden;*/
  z-index: 1;
}
.interior_swiper_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.interior_swiper_03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.interior_swiper_04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.interior_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.interior_sd_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 32vw;
}
.interior_sd_div > img {
  width: 100%;
  height: 100%;
}
.swiper-button-prev_interior {
  display: block !important;
  z-index: 10;
  left: 5%;
  width: 4.5%;
  cursor: pointer;
  pointer-events: all;
}
.swiper-button-next_interior {
  display: block !important;
  z-index: 10;
  right: 5%;
  width: 4.5%;
  cursor: pointer;
  pointer-events: all;
  transform: rotate(180deg);
}
.con05_scr_bg {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  top: 38%;
  scale: 1.3;
}
.con05_sd_bg {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con05_sd_next_bg {
  right: 101%;
}
.con05_scr {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2% 0% 2% 0%;
  z-index: 2;
}
.con05_sd {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con05_sd_next {
  right: 101%;
}
.con05_01 {
  width: 23%;
}

.con06 {
  background-color: #003d73;
  flex-direction: column;
  padding: 6% 0% 0% 0%;
}
.con06_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con06_cursor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84%;
  height: 100%;
}
.custom-cursor {
  cursor: url("/images/con06_08.png"), auto;
}
.con06_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con06_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin: 2% 0% 0% 0%;
  overflow: hidden;
}
.con06_bg {
  width: 84%;
}
.con06_line_top {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.01vw;
  top: 3%;
}
.con06_line_mid {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 0.01vw;
  top: 44%;
  left: 3%;
}
.con06_line_bottom {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.01vw;
  bottom: 3%;
}
.con06_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10%;
  bottom: 8%;
  right: 10%;
}
.con06_rltv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con06_left_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 23%;
  left: 12%;
  top: 24%;
}
.con06_right_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
}
.con06_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con06_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con06_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
.con06_swiper_div > img {
  width: 100%;
}
.con06_01 {
  width: 97%;
  margin: 0% 0% 9% 0%;
}
.con06_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #003d73;
  margin: 0% 0% 1% 0%;
}
.con06_02 {
  top: 10%;
  left: 42%;
  width: 25%;
  cursor: pointer;
}
.con06_03 {
  top: 28%;
  left: 51%;
  width: 25%;
  cursor: pointer;
}
.con06_04 {
  top: 44%;
  left: 39%;
  width: 24%;
  cursor: pointer;
}
.con06_05 {
  top: 61%;
  left: 51%;
  width: 24%;
  cursor: pointer;
}
.con06_06 {
  top: 76%;
  left: 40%;
  width: 21%;
  cursor: pointer;
}
/*
.con06_02:hover {
    scale: 1.2 !important;
    transition: all 0.3s;
}
.con06_03:hover {
    scale: 1.2 !important;
    transition: all 0.3s;
}
.con06_04:hover {
    scale: 1.2 !important;
    transition: all 0.3s;
}
.con06_05:hover {
    scale: 1.2 !important;
    transition: all 0.3s;
}
.con06_06:hover {
    scale: 1.2 !important;
    transition: all 0.3s;
}
*/
.con06_07 {
  width: 98%;
}
.con06_08 {
  width: 99%;
}
.con06_add {
  width: 8%;
  left: 12%;
  bottom: 5%;
}

.con07 {
  background-color: #003d73;
  flex-direction: column;
}
.con07_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 6% 0% 9% 0%;
}
.con07_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 82%;
  overflow: hidden;
}
.con07_top_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con07_top_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 3% 0% 2% 0%;
}
.con07_top_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con07_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 5% 0% 3% 0%;
}
.con07_add01 {
  width: 31%;
  top: 34%;
}
.con07_add04 {
  width: 24%;
  bottom: -9%;
  left: 19%;
}
.con07_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 92%;
  margin: 0% -10% 0% 0%;
  overflow: hidden;
}
.con07_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con07_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
.con07_swiper_div > img {
  width: 100%;
}
.con07_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.4vw;
  color: #fff;
}
.con07_01 {
  width: 11%;
}
.con07_02 {
  width: 31%;
}
.con07_frame {
  width: 22%;
  z-index: 2;
  left: 56%;
  bottom: -25%;
}
.con07_09 {
  z-index: 2;
  width: 20%;
  bottom: -12%;
  left: 57%;
}
.con07_scr {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1% 0% 1% 0%;
  z-index: 2;
  border: 1px solid #fff;
  background-color: #fff;
}
.con07_sd {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con07_sd_next {
  right: 101%;
}

.swiper-button-next_con08 {
  z-index: 2;
  width: 6%;
  right: 0%;
  top: 46%;
  transform: rotate(180deg);
  cursor: pointer;
}
.swiper-button-prev_con08 {
  z-index: 2;
  width: 6%;
  left: -3%;
  top: 46%;
  cursor: pointer;
}

.con08 {
  flex-direction: column;
}
.con08_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 5% 0% 2% 0%;
}
.con08_top_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con08_top_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 1% 0% 2% 0%;
  overflow: hidden;
}
.con08_bottom_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 87%;
}
.con08_bottom_div_bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 35px;
  overflow: hidden;
  border: 0px solid #003d73;
  top: 3%;
  left: 1%;
}
.con08_bottom {
  background: url(/images/con08_bg.jpg) no-repeat center / cover;
  object-fit: cover;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 35px;
  overflow: hidden;
  z-index: 1;
  padding: 5% 0% 4% 0%;
}
.con08_bottom_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45%;
}
.con08_bottom_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
}
.con08_bottom_right_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con08_bottom_right_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 87%;
  margin: 4% 0% 2% 0%;
}
.con08_bottom_right_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con08_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97%;
  overflow: hidden;
}
.con08_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con08_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
.con08_swiper_div > img {
  width: 100%;
}
.con08_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.8vw;
  color: #003d73;
}
.con08_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 0.7vw;
  color: #fff;
  margin: 0% 0% 0.5% 0%;
}
.con08_01 {
  width: 32%;
}
.con08_02 {
  width: 78%;
  transition: all 0.3s;
}
.con08_03 {
  width: 16%;
}
.con08_04 {
  width: 61%;
}
.con08_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con08_ct {
  font-family: "Pretendard";
  font-weight: 800;
  font-size: 3vw;
  color: #2599ff;
}
.con08_text_03 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #f5f5f5;
}

/* circle_progress - start */
.circle_progress_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.circle_progress {
  transform: rotate(-86deg);
  width: 74%;
  margin: -6% -6% 0% 0%;
}
.frame,
.bar {
  fill: none;
}
.frame {
  stroke: transparent;
}
.bar {
  stroke-linecap: round;
}
#control {
  display: none;
}
/* circle_progress - end */
.con08_hover_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  clip-path: circle(50% at 50% 50%);
  width: 67%;
  height: 27vw;
  border-radius: 50px;
  cursor: pointer;
  pointer-events: all;
  z-index: 1;
  overflow: hidden;
}
.con08_hover_absol:hover ~ .con08_02 {
  transform: rotate(45deg);
}

.con09 {
  flex-direction: column;
}
.con09_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 2% 0% 6% 0%;
}
.con09_top_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0% 0% -1.5% 0%;
}
.con09_top_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con09_top_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 1% 0% 3% 0%;
}
/* flip-start */
.flip_clock_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.form_clock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
}
.flip_clock01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60% !important;
  padding: 2% 0 !important;
  margin: 0% 0% 0% -1% !important;
  overflow: hidden !important;
}
.clock_wrap {
  width: 91% !important;
}
.flip-clock-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flip-clock-wrapper ul {
  width: 10% !important;
  height: 5.5vw !important;
  background: #eaeaea !important;
  margin: 0% 0% 0% 2% !important;
}
.flip {
  border: solid 1px #003d73;
}
.flip-clock-wrapper ul li a div {
  height: 49% !important;
}
.flip-clock-wrapper ul li a div.up {
  /* top: -2px !important; */
  border: solid 1px #003d73;
}
.flip-clock-wrapper ul li a div.down {
  /* bottom: -2px !important; */
  border: solid 1px #003d73;
}
.flip-clock-wrapper .flip {
  box-shadow: 0 0px 0px #eaeaea !important;
}
.flip-clock-wrapper ul li a div div.inn {
  background: #eaeaea !important;
  color: #003d73 !important;
  font-size: 5vw !important;
  font-family: "Pretendard";
  font-weight: bold !important;
  height: 225% !important;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: -11% !important;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: -15% !important;
}

.flip-clock-wrapper ul li a div.up:after {
  background: none !important;
}
.flip-clock-dot {
  background: #003d73 !important;
  box-shadow: unset !important;
  width: 0.6vw !important;
  height: 0.6vw !important;
  left: 14px !important;
}
.flip-clock-divider {
  margin-left: 1% !important;
  margin-right: 1% !important;
}
.flip-clock-divider:first-child {
  display: none !important;
}
.flip-clock-dot.bottom {
  bottom: 40px !important;
}
.flip-clock-dot.top {
  top: 44px !important;
}
.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
/* flip-end */
.con09_bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.con09_bottom_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 37%;
  margin: -2% 1% 0% 0%;
}
.con09_bottom_left_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin: 0% 0% 6% 0%;
  cursor: pointer;
}
.con09_bottom_left_top > .bf_img {
  opacity: 0;
}
.con09_bottom_left_top:hover .bf_img {
  opacity: 1;
  z-index: 1;
  transition: all 1s;
}
.con09_bottom_left_top:hover .af_img {
  opacity: 0;
  z-index: 0;
  transition: all 1s;
}
.con09_bottom_left_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  cursor: pointer;
}
.af_img {
  width: 100%;
}
.bf_img {
  opacity: 0;
  width: 100%;
}
.con09_bottom_left_bottom:hover .bf_img {
  opacity: 1;
  z-index: 1;
  transition: all 1s;
}
.con09_bottom_left_bottom:hover .af_img {
  opacity: 0;
  z-index: 0;
  transition: all 1s;
}
.con09_bottom_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 37%;
  margin: 1% 0% 0% 1%;
}
.con09_bottom_right_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0% 0% 6% 0%;
  cursor: pointer;
}
.con09_bottom_right_top > .bf_img {
  opacity: 0;
}
.con09_bottom_right_top:hover .bf_img {
  opacity: 1;
  z-index: 1;
  transition: all 1s;
}
.con09_bottom_right_top:hover .af_img {
  opacity: 0;
  z-index: 0;
  transition: all 1s;
}
.con09_bottom_right_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  cursor: pointer;
}
.con09_bottom_right_bottom > .bf_img {
  opacity: 0;
}
.con09_bottom_right_bottom:hover .bf_img {
  opacity: 1;
  z-index: 1;
  transition: all 1s;
}
.con09_bottom_right_bottom:hover .af_img {
  opacity: 0;
  z-index: 0;
  transition: all 1s;
}
.con09_01 {
  width: 57%;
}
.con09_02 {
  width: 31%;
  scale: 3;
  opacity: 0;
}

@keyframes moveLeftToRight {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes moveLeftToRight-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.bar_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 1vw;
  margin: 4% 0% 4% 0%;
  overflow: hidden;
}
.con10_bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.1vw;
  background-color: #fff;
}
.con10_bar_bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 0.1vw;
  background-color: #269aff;
  animation: moveLeftToRight-width 10s linear infinite;
  transition: all 0.3s;
}
.con10_playing_make {
  width: 2%;
  height: 2vw;
  background-color: #269aff;
  clip-path: circle(25% at 50% 50%);
  left: 0%;
  z-index: 1;
  animation: moveLeftToRight 10s linear infinite;
  transition: all 0.3s;
}

.con10 {
  background-color: #003d73;
  flex-direction: column;
}
.con10_video {
  filter: brightness(30%);
  width: 100%;
}
.con10_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 1;
  margin: 12% 0% 10% 0%;
}
.con10_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con10_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.video_play_bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin: 5% 0% 5% 0%;
  /* transform: rotate(180deg); */
}
.play_bar {
  background-color: #2599ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.1vw;
}
.playing_bar_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 60vw;
  transform: rotate(180deg);
}
.playing_bar {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0vw;
  height: 0.1vw;
  transition: all 0.3s;
}
.play_make {
  width: 1%;
  right: 100%;
  transition: all 0.3s;
}
.con10_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con10_text_01 {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1.7vw;
  color: #fff;
}
.con10_text_02 {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1vw;
  color: #fff;
  margin: 0% 0% 0.2% 0%;
}
.con10_01 {
  width: 33%;
  margin: 1.5% 0% 2% 0%;
}
.con10_03 {
  width: 14%;
  cursor: pointer;
  pointer-events: all;
}

.con11 {
  flex-direction: column;
}
.con11_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con11_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #003d73;
  padding: 1.5% 0% 1.5% 0%;
  overflow: hidden;
}
.con11_bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con11_bottom_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: 0% -10% 0% 0%;
  overflow: hidden;
}
.con11_bottom_left_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con11_bottom_left_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 4% 0% 11% 0%;
}
.con11_bottom_left_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.con11_button_selected {
  background-color: #003d73;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 44%;
  height: 100%;
  border-radius: 50px;
  padding: 0% 4% 0% 4%;
  left: 0%;
  pointer-events: none;
  transition: all 0.3s;
}
.con11_button_div {
  background-color: #eaeaea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 4vw;
  border-radius: 50px;
}
.con11_button_div > .con11_button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 0% 4% 0% 4%;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: all;
}
.con11_text_left {
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 1.2vw;
  color: #fff;
  z-index: 1;
  transition: all 0.3s;
}
.con11_text_right {
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 1.2vw;
  color: #003d73;
  z-index: 1;
  transition: all 0.3s;
}
/* #con11_button_left:hover .con11_text_left{
    color: #fff;
}
#con11_button_left:hover ~ .con11_button_selected{
    left: 0%;
}
#con11_button_right:hover .con11_text_right{
    color: #fff;
}
#con11_button_right:hover ~ .con11_button_selected{
    left: 48%;
} */
.con11_bottom_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45%;
}
.con11_bottom_right > .absol {
  opacity: 0;
}
.con11_swiper_01_div {
  background-color: #003d73;
  border: 1px solid #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38vw;
  opacity: 1;
  transition: all 0.3s;
}
.con11_swiper_01 {
  background-color: #eaeaea;
  border-radius: 5vw 0px 5vw 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.con11_swiper_slide_01 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con11_swiper_div_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  margin: 8% 0% 8% 0%;
}
.con11_swiper_div_01 > img {
  width: 100%;
}
.con11_swiper_02_div {
  background-color: #003d73;
  border: 1px solid #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38vw;
  transition: all 0.3s;
}
.con11_swiper_02 {
  background-color: #eaeaea;
  border-radius: 5vw 0px 5vw 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.con11_swiper_slide_02 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con11_swiper_div_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  margin: 8% 0% 8% 0%;
}
.con11_swiper_div_02 > img {
  width: 100%;
}
.swiper-button-next_con11 {
  right: 0%;
  width: 9%;
  z-index: 2;
  transform: rotate(180deg);
  cursor: pointer;
  pointer-events: all;
}
.swiper-button-prev_con11 {
  left: 0%;
  width: 9%;
  z-index: 2;
  cursor: pointer;
  pointer-events: all;
}
.swiper-button-next_con11_02 {
  right: 0%;
  width: 9%;
  z-index: 2;
  transform: rotate(180deg);
  cursor: pointer;
  pointer-events: all;
}
.swiper-button-prev_con11_02 {
  left: 0%;
  width: 9%;
  z-index: 2;
  cursor: pointer;
  pointer-events: all;
}
.con11_01 {
  width: 34%;
}
.con11_02 {
  margin: 2% 0% 0% 0%;
  width: 55%;
}
.con11_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.8vw;
  color: #003d73;
}
.con11_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #003d73;
  margin: 0% 0% 0.2% 0%;
}

.con12 {
  background: url("/images/con12_bg.jpg") no-repeat center / cover;
  object-fit: cover;
  background-attachment: fixed;
  flex-direction: column;
}
.con12_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 4% 0% 4% 0%;
}
.con12_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin: 0% 0% 0% -7%;
  overflow: hidden;
}
.con12_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con12_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con12_swiper_div > img {
  width: 100%;
}
.con12_19 {
  right: 13%;
  width: 22%;
}

.swiper_section {
  flex-direction: column;
}

.swiper_swiper_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vw;
}
.swiper_swiper_swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper_swiper_swiper_slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.swiper_swiper_swiper_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.swiper_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #fff;
}
.swiper01_content_div {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vw;
  overflow: hidden;
}
.swiper01_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.swiper01_left_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin: 0% -15% 0% 0%;
}
.swiper01_left_step_01 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper01_left_step_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 2% 0% 2% 0%;
  overflow: hidden;
}
.swiper01_left_step_03 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper01_left_step_04 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 8% 0% 0% 0%;
  overflow: hidden;
}
.swiper01_left_step_04 > .swiper01_left_step_04_img {
  margin: 0% 4% 0% 6%;
  width: 1.5%;
}
.swiper01_left_step_04 > .swiper01_left_step_04_img_01 {
  width: 16%;
  margin: 0% -2% 0% 0%;
}
.swiper01_left_step_04 > .swiper01_left_step_04_img_02 {
  width: 16%;
}
.swiper_right_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}
.con13_01 {
  left: 16.5%;
  top: 10.5%;
  width: 48%;
  opacity: 0.4;
}
.con13_02 {
  left: 68.5%;
  top: 19%;
  width: 48%;
  opacity: 0.4;
}
.con13_03 {
  left: 41.3%;
  top: 44%;
  width: 48%;
  opacity: 0.4;
}
.con13_04 {
  left: 93.5%;
  top: 52.5%;
  width: 48%;
  opacity: 0.4;
}
.con13_05 {
  bottom: -6%;
  width: 120%;
  left: -6%;
}
.con13_06 {
  width: 24%;
}
.con13_07 {
  width: 67%;
}

.swiper02_content_div {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vw;
  overflow: hidden;
}
.swiper_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #003d73;
}
.swiper_text_02a {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #003d73;
}
.swiper02_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.swiper02_left_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin: 0% -15% 0% 0%;
}
.swiper02_left_step_01 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper02_left_step_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 2% 0% 2% 0%;
  overflow: hidden;
}
.swiper02_left_step_03 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper02_left_step_04 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 8% 0% 0% 0%;
  overflow: hidden;
}
.swiper02_left_step_04 > .swiper02_left_step_04_img {
  margin: 0% 4% 0% 6%;
  width: 1.5%;
}
.swiper02_left_step_04 > .swiper02_left_step_04_img_01 {
  width: 16%;
  margin: 0% -2% 0% 0%;
}
.swiper02_left_step_04 > .swiper02_left_step_04_img_02 {
  width: 16%;
}
.swiper02_right_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}
.con14_01 {
  width: 27%;
}
.con14_02 {
  width: 70%;
}
.con14_08 {
  top: 7%;
  left: 24%;
  width: 72%;
  opacity: 0;
}
.con14_09 {
  top: 7%;
  left: 24%;
  width: 72%;
  opacity: 0;
}
.con14_10 {
  top: 7%;
  left: 24%;
  width: 72%;
  opacity: 0;
}

.swiper03_content_div {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vw;
  overflow: hidden;
}
.swiper03_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.swiper03_left_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin: 0% -15% 0% 0%;
}
.swiper03_left_step_01 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper03_left_step_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 2% 0% 2% 0%;
  overflow: hidden;
}
.swiper03_left_step_03 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper03_left_step_04 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 8% 0% 0% 0%;
  overflow: hidden;
}
.swiper03_left_step_04 > .swiper03_left_step_04_img_01 {
  width: 16%;
  margin: 0% -2% 0% 0%;
}
.swiper03_right_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}

.swiper01_scr01 {
  top: 38%;
  width: 230%;
  left: -83.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper01_scr_01 {
  width: 100%;
  animation: marqueeXup linear 30s infinite;
}
.swiper01_scr_01_next {
  left: 101%;
}
.swiper01_scr02 {
  top: 38%;
  width: 230%;
  left: -29.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper01_scr_02 {
  width: 100%;
  animation: marqueeXdown linear 40s infinite;
}
.swiper01_scr_02_next {
  right: 101%;
}

.swiper02_scr01 {
  top: 38%;
  width: 230%;
  left: -83.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper02_scr_01 {
  width: 100%;
  animation: marqueeXup linear 30s infinite;
}
.swiper02_scr_01_next {
  left: 101%;
}
.swiper02_scr02 {
  top: 38%;
  width: 230%;
  left: -29.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper02_scr_02 {
  width: 100%;
  animation: marqueeXdown linear 40s infinite;
}
.swiper02_scr_02_next {
  right: 101%;
}

.swiper04_scr01 {
  top: 38%;
  width: 260%;
  left: -87.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper04_scr_01 {
  width: 100%;
  animation: marqueeXup linear 30s infinite;
}
.swiper04_scr_01_next {
  left: 101%;
}
.swiper04_scr02 {
  top: 38%;
  width: 260%;
  left: -42.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper04_scr_02 {
  width: 100%;
  animation: marqueeXdown linear 40s infinite;
}
.swiper04_scr_02_next {
  right: 101%;
}

.swiper03_scr01 {
  top: 38%;
  width: 215%;
  left: -65.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper03_scr_01 {
  max-width: 100%%;
  animation: marqueeXup linear 30s infinite;
}
.swiper03_scr_01_next {
  left: 101%;
}
.swiper03_scr02 {
  top: 38%;
  width: 285%;
  left: -52.5%;
  rotate: 270deg;
  z-index: 0;
  overflow: hidden;
}
.swiper03_scr_02 {
  max-width: 100%;
  animation: marqueeXdown linear 40s infinite;
}
.swiper03_scr_02_next {
  right: 101%;
}
.con15_01 {
  width: 20%;
}
.con15_02 {
  width: 83%;
}

.swiper04_content_div {
  background-color: #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vw;
  overflow: hidden;
}
.swiper04_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.swiper04_left_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin: 0% -15% 0% 0%;
}
.swiper04_left_step_01 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.swiper04_left_step_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 3% 0% 2% 0%;
  overflow: hidden;
}
.swiper04_left_step_03 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 2% 0% 4% 0%;
  overflow: hidden;
}
.con13_button_selected {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 44%;
  height: 100%;
  border-radius: 50px;
  padding: 0% 4% 0% 4%;
  left: 0%;
  pointer-events: none;
  transition: all 0.3s;
}
.con13_button_div {
  background-color: #003d73;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 46%;
  height: 3vw;
  border-radius: 50px;
  border: 1px solid #fff;
}
.con13_button_div > .con13_button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 0% 4% 0% 4%;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: all;
}
.con13_text_left {
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 1.2vw;
  color: #003d73;
  z-index: 1;
  transition: all 0.3s;
}
.con13_text_right {
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 1.2vw;
  color: #fff;
  z-index: 1;
  transition: all 0.3s;
}
.swiper04_left_step_04 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.con16_swiper_01_div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  pointer-events: all;
  z-index: 5;
}
.con16_swiper_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  pointer-events: all;
  z-index: 5;
}
.con16_swiper_slide_01 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con16_swiper_div_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con16_swiper_div_01 > img {
  width: 100%;
  height: 16vw;
}
.con16_swiper_02_div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  opacity: 0;
  pointer-events: all;
  z-index: 5;
}
.con16_swiper_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  pointer-events: all;
  z-index: 5;
}
.con16_swiper_slide_02 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  width: 100%;
  overflow: hidden !important;
}
.con16_swiper_div_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con16_swiper_div_02 > img {
  width: 210%;
  height: 16vw;
}
.swiper04_right_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}
.swiper04_right_01 > img {
  opacity: 0.5;
}
.con16_01 {
  width: 21%;
}
.con16_02 {
  width: 85%;
}
.con16_06 {
  top: -46%;
  left: -11%;
  width: 87%;
}
.con16_07 {
  top: -28%;
  left: 70%;
  width: 95%;
}
.con16_08 {
  top: 39%;
  left: 13%;
  width: 91%;
}
.con16_09 {
  top: 40%;
  left: -150%;
  width: 89%;
}

.con17 {
  flex-direction: column;
}
.con17_content_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 5% 0% 5% 0%;
}
.con17_content {
  background-color: #eaeaea;
  border: 1px solid #003d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5% 0% 6% 0%;
  overflow: hidden;
}
.con17_top_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con17_top_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 1% 0% 1% 0%;
  overflow: hidden;
}
.con17_top_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con17_text_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.4vw;
  color: #003d73;
}
.con17_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #003d73;
}
.con17_text_03 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.5vw;
  color: #fff;
  margin: 0% 0% 0.5% 0%;
}
.con17_text_04 {
  font-family: "Pretendard";
  font-weight: 200;
  font-size: 1.5vw;
  color: #fff;
}
.con17_bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4% 0% 0% 0%;
}
.con17_bottom > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  margin: 0% 1% 0% 1%;
  /*    border-radius: 25px;*/
  overflow: hidden;
}
.con17_img {
  width: 100%;
}
.con17_hover_div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #06569dcc;
  opacity: 0;
  transition: all 0.3s;
  cursor: pointer;
  transition: all 0.3s;
}
.con17_hover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con17_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 1;
  top: 76%;
  left: 44%;
  scale: 0 !important;
  transition: all 0.3s;
  pointer-events: none;
}
.con17_rltv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con17_text_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transform: rotate(17deg);
  top: 19%;
}
.con17_text_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con17_bottom_div:hover {
  margin: -5% 0% 0% 0%;
  transition: all 0.3s;
}
.con17_bottom_div:hover .con17_hover_div {
  opacity: 1;
}
#con17_bottom_div_mid:hover ~ .con17_absol {
  scale: 1 !important;
}
.con17_01 {
  width: 44%;
}
.con17_02 {
  width: 12%;
  margin: 0% 0% 6% 0%;
}
.con17_03 {
  width: 54%;
}
.con17_text_img {
  width: 6%;
}
.con17_text_05 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #fff;
}
.con17_text_06 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.5vw;
  color: #fff;
}
.con07_scr_bg {
  transform-origin: top;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  top: 52%;
  scale: 1.6;
}
.con07_sd_bg {
  width: 100%;
  animation: marqueeXup linear 20s infinite;
}
.con07_sd_next_bg {
  right: 101%;
}

.move4_div {
  top: 8%;
}

.con18 {
  flex-direction: column;
}
.con18_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con18_top_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con18_top_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 1.5% 0% 1.5% 0%;
  overflow: hidden;
}
.con18_top_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.con18_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin: 1% 0% 0.4% 0%;
}
.text_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con18_text_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #003d73;
}
.con18_text_div_top_div {
  background-color: #eaeaea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vw;
}
.con18_text_div_top_div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
}
.con18_text_div_mid_div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  height: 3vw;
}
.con18_text_div_mid_div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  overflow: hidden;
}
.con18_text_div_mid_div_02 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  height: 5vw;
}
.con18_text_div_mid_div_02 > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
}
.con18_text_div_mid_div .con18_text_div_mid:nth-child(2) {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.con18_text_div_mid_div_02 .con18_text_div_mid:nth-child(2) {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.con18_text_div_bottom_div {
  background-color: #003d73;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vw;
}
.con18_text_div_bottom_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.4%;
  height: 100%;
  border-right: 1px solid #fff;
}
.con18_text_div_bottom_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  height: 100%;
}
.con18_text_01s {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  color: #003d73;
}
.con18_text_01 {
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 1.2vw;
  color: #003d73;
}
.con18_text_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #003d73;
}
.con18_text_03 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.2vw;
  color: #2599ff;
  animation: blk 1s infinite ease-in-out;
}
.con18_text_04 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1.2vw;
  color: #fff;
}
.con18_text_05 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 1.2vw;
  color: #fff;
}
.con18_01 {
  width: 8%;
}
.con18_02 {
  width: 38%;
}
.con18_03 {
  width: 19%;
}
.con18_bottom_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
}
.con18_line {
  width: 14%;
  height: 0.15vw;
  background-color: #269aff;
  animation: blk 1s infinite ease-in-out;
}

.con19 {
  flex-direction: column;
}
.con19_content_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 87%;
  margin: 8% 0% 6% 0%;
}
.con19_content {
  background: url("/images/con19_bg.jpg") no-repeat center / cover;
  object-fit: cover;
  background-attachment: fixed;
  background-color: #000c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 45px;
  overflow: hidden;
  padding: 5% 0% 5% 0%;
  z-index: 1;
}
.con19_content_bg {
  background-color: #eaeaea00;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 0px solid #003d73;
  border-radius: 45px;
  overflow: hidden;
  top: 3%;
  left: 2%;
}
.con19_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con19_mid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 83%;
  margin: 4% 0% 4% 0%;
}
.con19_mid > img {
  width: 15%;
  margin: 0% 0% 0% -1%;
}
.con19_07 {
  width: 17% !important;
}
.con19_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.con19_01 {
  width: 27%;
}
.con19_08 {
  width: 24%;
}

/* form-start */
.form_section {
  flex-direction: column;
}
.form_content {
  background: #003d73;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42vw;
}
.form_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.form_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.form_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  z-index: 1;
}
.formWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: -6% 0% 0% 0%;
}
.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0% 0% 0% 0%;
  z-index: 1;
}
.form_margin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8% 0% 3% 0%;
}
.form_margin > div {
  margin: 1% 0% 1% 0%;
}
.form_margin_input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  height: 2.5vw;
  white-space: nowrap;
  border-bottom: solid 1px #ffffff63;
}
.form_input_01 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  border: none;
  outline: none;
  padding: 1%;
  box-sizing: border-box;
  width: 65%;
  background-color: #003d73;
  color: #fff;
}
.form_input_02 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  border: none;
  outline: none;
  padding: 1%;
  box-sizing: border-box;
  width: 65%;
  background-color: #003d73;
  color: #fff;
}
.form_input_03 {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1vw;
  border: none;
  outline: none;
  padding: 1%;
  box-sizing: border-box;
  width: 65%;
  background-color: #003d73;
  color: #fff;
}
#name_text {
  letter-spacing: 4.5em;
  white-space: nowrap;
  left: 10.5%;
}
#tel_text {
  letter-spacing: 1.9em;
  white-space: nowrap;
  left: 0.5%;
}
#tel_text2 {
  letter-spacing: 1.01em;
  white-space: nowrap;
}
.form_name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 1.1vw;
  color: #fff;
  left: 0.5%;
}
.form_check_name_01 {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 1vw;
  color: #fff;
  left: 42%;
}
.form_check_name_02 {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 1vw;
  color: #fff;
  left: 65%;
}
.footeer_checkbox_01 {
  width: 3.5%;
  height: 1.2vw;
  z-index: 1;
  outline: 1px solid #fff;
  background-color: white;
  appearance: none;
  left: 48%;
  border-radius: 50vw;
  cursor: pointer;
}
.footeer_checkbox_01:checked::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #2599ff;
  scale: 0.7;
  transform: translate(0%, 0%);
  border-radius: 50vw;
}
.footeer_checkbox_02 {
  width: 3.5%;
  height: 1.2vw;
  z-index: 1;
  outline: 1px solid #fff;
  background-color: white;
  appearance: none;
  left: 71%;
  border-radius: 50vw;
  cursor: pointer;
}
.footeer_checkbox_02:checked::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #2599ff;
  scale: 0.7;
  transform: translate(0%, 0%);
  border-radius: 50vw;
}
.footeer_checkbox_03 {
  width: 3.5%;
  height: 1.2vw;
  z-index: 1;
  outline: 1px solid #fff;
  background-color: white;
  appearance: none;
  left: 48%;
  border-radius: 50vw;
  cursor: pointer;
}
.footeer_checkbox_03:checked::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #2599ff;
  scale: 0.7;
  transform: translate(0%, 0%);
  border-radius: 50vw;
}
.footeer_checkbox_04 {
  width: 3.5%;
  height: 1.2vw;
  z-index: 1;
  outline: 1px solid #fff;
  background-color: white;
  appearance: none;
  left: 71%;
  border-radius: 50vw;
  cursor: pointer;
}
.footeer_checkbox_04:checked::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #2599ff;
  scale: 0.7;
  transform: translate(0%, 0%);
  border-radius: 50vw;
}
.form_margin_Agree_input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 0% 0% 5% 0% !important;
}
.agree_text {
  font-family: "Pretendard";
  font-weight: 200;
  font-size: 0.8vw;
  color: #fff;
  left: 3%;
  top: -14.5%;
}
.form_agree {
  font-family: "Pretendard";
  font-weight: 200;
  font-size: 0.8vw;
  color: #fff;
  text-decoration: underline;
  left: 87.5%;
  cursor: pointer;
  white-space: nowrap;
}
.footeer_agree_checkbox_01 {
  width: 2%;
  height: 0.7vw;
  z-index: 1;
  outline: 1px solid #fff;
  background-color: white;
  appearance: none;
  cursor: pointer;
  margin: 0% 1% 0% -97%;
}
.footeer_agree_checkbox_01:checked::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #2599ff;
  scale: 0.7;
  transform: translate(0%, 0%);
}
.form_submit_div {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 0% 0% 0% 0% !important;
  padding: 2% 0% 2% 0%;
  cursor: pointer;
  border-radius: 50px;
}
.form_submit {
  font-family: "Pretendard";
  font-weight: 900;
  font-size: 1.3vw;
  color: #003d73;
  border: 0;
  background: transparent;
}
.form_select_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: -2.5% -8.5% 0% 0%;
}
.form_selectbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 1.5% 0%;
  width: 33%;
  text-align: center;
  /*    border-radius: 50px;*/
  overflow: hidden;
  font-family: "Pretendard";
  color: #003d73;
  font-size: 1vw;
  font-weight: 600;
  cursor: pointer;
}
/* form-end */
.form_absol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  top: 13%;
  overflow: hidden;
}
.form_01 {
  width: 41%;
  margin: 0% 0% 4% 0%;
}
.form_bg {
  width: 100%;
}
.form_text_01 {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 1.3vw;
  color: #000;
}

/*
    background: url("/images/con3_bg.jpg") no-repeat center / cover;
    object-fit: cover;

    background-attachment: fixed;

    flex-wrap: wrap;

    background-color: #315247;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
*/

/*개인정보 처리 방침*/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}
.modal-content {
  background-color: #fefefe;
  margin: 9% auto;
  padding: 30px;
  border: 1px solid #888;
  width: 75%;
  border-radius: 30px;
}
.close {
  color: #aaa;
  float: right;
  font-size: 33px;
  font-weight: bold;
  cursor: pointer;
  margin-top: -2%;
  margin-right: -1%;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#policyWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  z-index: 2000;
  height: 50px;
  margin-left: -50px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
}
#policy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  height: 530px;
  margin: 0 auto;
  padding: 1px;
  text-align: left;
}
#policy div.policy_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  height: 75px;
  background-color: #b1b1b1;
  border-radius: 10px;
}
#policy div.policy_title h2 {
  font-weight: 700;
  font-size: 25px;
  color: #fff;
}
#policy div.policy_con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 20px 0px 20px 0px;
  background: #9b9b9b;
  border-radius: 10px;
}
#policy p.policy_text {
  overflow-y: scroll;
  height: 400px;
  padding-right: 20px;
  font-size: 14px;
  text-align: justify;
  line-height: 18px;
}
#policyLoader {
  padding-top: 10px;
}

/* 리뷰 start */
#myModal2 {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-content2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  pointer-events: none;
}
#modalImage {
  width: 22%;
  margin: -4% -2% 0% 0%;
}
.close2 {
  position: absolute;
  z-index: 1;
  top: -17.5%;
  left: 60.1%;
  font-size: 1.5vw;
  font-weight: bolder;
  cursor: pointer;
}
/* 리뷰 end */

.swiper_pagination_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  top: 96%;
  left: -17%;
}
.swiper_bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 75% !important;
}
.swiper-pagination-bullet {
  width: 23% !important;
  height: 4vw !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  left: unset !important;
  bottom: -2% !important;
}
.swiper-pagination-bullet0 {
  background: url(/images/con13_14.png) no-repeat center / 70% !important;
  width: 3% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet1 {
  background: url(/images/con13_14.png) no-repeat center / 70% !important;
  width: 3% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet2 {
  background: url(/images/con13_14.png) no-repeat center / 70% !important;
  width: 3% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet3 {
  background: url(/images/con13_14.png) no-repeat center / 70% !important;
  width: 3% !important;
  transition: all 0.3s;
}

.swiper-pagination-bullet0.swiper-pagination-bullet-active {
  background: url(/images/con13_14_add_02.png) no-repeat center / 100% !important;
  width: 25% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet1.swiper-pagination-bullet-active {
  background: url(/images/con13_14_add_03.png) no-repeat center / 100% !important;
  width: 20% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet2.swiper-pagination-bullet-active {
  background: url(/images/con13_14_add_01.png) no-repeat center / 100% !important;
  width: 20% !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet3.swiper-pagination-bullet-active {
  background: url(/images/con13_14_add_04.png) no-repeat center / 100% !important;
  width: 20% !important;
  transition: all 0.3s;
}

.animate-blk {
  animation: blk 1s infinite ease-in-out;
}

.form_make {
  color: #fff;
  font-size: 1vw;
  left: 21%;
  top: 0%;
}

.move1_div {
  top: -35%;
}
.con03_move {
  top: -9%;
}
.move3_div {
  top: 0%;
}
.move5_div {
  top: -10%;
}
.move6_div {
  top: -6%;
}
.move8_div {
  top: 1%;
}