@charset "utf-8";

/************************************************************
	[page_daemyung]
************************************************************/
#mktis_db { top:0; }
.txt-box { background-color:#f5f5f5; padding:30px; color:#000 !important; font-size:28px !important; text-align:center; }
.txt-box .count { color:#de3e3e !important; font-weight:bold; vertical-align:unset !important }
.page_default .form-wrap .rounded-3 { margin-top:0px !important; margin-bottom:0 !important; }
@media (min-width: 768px) {
    .form-wrap { margin-top:0px; margin-bottom:0px; }
}


/********** Responsive **********/
.form-wrap .rounded-3 { margin-top:0px !important; margin-bottom:30px !important; }
.form-wrap .btn.btn-primary:hover { background-color:#485ec4 !important; border-color:#485ec4 !important; }

.cont.cont03 { text-align:center; background-color:#f6f7fb; }
.cont.cont03 img { max-width:1000px; }

.cont.cont04 { text-align:center; background-color:#fff; }
.cont.cont04 img { max-width:1000px; }

.cont.banner { text-align:center; padding-left:30px; padding-right:30px; }
.cont.banner img { width:inherit; margin-bottom:50px; border-radius:20px; border:1px solid #ddd; width:100%; max-width:600px; }

.banner-swiper1 {
  width: 600px; /* 이미지가 표시될 공간의 너비 */
  overflow: hidden; /* 너비를 초과하는 이미지를 숨김 */
}

.swiper-wrapper1 {
  display: flex; /* 이미지를 가로로 나열하기 위해 flexbox 사용 */
  animation: slideImages2 20s linear infinite; /* slide 애니메이션 적용 */
}

.swiper-wrapper1 img {
  width: 600px; /* 이미지의 너비 */
  height: auto; /* 이미지의 높이를 너비에 따라 자동 조정 */
}

@keyframes slideImages2 {
  0% {
    transform: translateX(0);
  }
  7.6923% {
    transform: translateX(0);
  }
  15.3846% {
    transform: translateX(-600px);
  }
  23.0769% {
    transform: translateX(-600px);
  }
  30.7692% {
    transform: translateX(-1200px);
  }
  38.4615% {
    transform: translateX(-1200px);
  }
  46.1538% {
    transform: translateX(-1800px);
  }
  53.8462% {
    transform: translateX(-1800px);
  }
  61.5385% {
    transform: translateX(-2400px);
  }
  69.2308% {
    transform: translateX(-2400px);
  }
  76.9231% {
    transform: translateX(-3000px);
  }
  84.6154% {
    transform: translateX(-3000px);
  }
  92.3077% {
    transform: translateX(-3600px);
  }
  100% {
    transform: translateX(-3600px);
  }
  120% {
    transform: translateX(-4200px);
  }
}

@keyframes slideImages2_m {
  0% {
    transform: translateX(0);
  }
  7.6923% {
    transform: translateX(0);
  }
  15.3846% {
    transform: translateX(-500px);
  }
  23.0769% {
    transform: translateX(-500px);
  }
  30.7692% {
    transform: translateX(-1000px);
  }
  38.4615% {
    transform: translateX(-1000px);
  }
  46.1538% {
    transform: translateX(-1500px);
  }
  53.8462% {
    transform: translateX(-1500px);
  }
  61.5385% {
    transform: translateX(-2000px);
  }
  69.2308% {
    transform: translateX(-2000px);
  }
  76.9231% {
    transform: translateX(-2500px);
  }
  84.6154% {
    transform: translateX(-2500px);
  }
  92.3077% {
    transform: translateX(-3000px);
  }
  100% {
    transform: translateX(-3000px);
  }
  120% {
    transform: translateX(-3500px);
  }
}

@media (max-width: 767px) {
  .cont.banner1 .banner-swiper1 { position:relative; width:100%; left:0; height:auto; top:0; }
  .cont.banner1 .swiper-wrapper1 { width:100%; height:auto; display:flex; justify-content:flex-start; }
  .cont.banner1 .swiper-wrapper1 img { width:500px; }

  .swiper-wrapper1 {
  display: flex; /* 이미지를 가로로 나열하기 위해 flexbox 사용 */
  animation: slideImages2_m 20s linear infinite; /* slide 애니메이션 적용 */
  }
}


.cont.banner2 { text-align:center; background-color:#fff; position:relative; }
.cont.banner2 img { width:inherit; }
.cont.banner2 .banner-swiper.s2 { position:absolute; width:1000px; left:calc(50% - 500px); height:400px; top:280px; }
.cont.banner2 .swiper-wrapper.s2 img { width:300px; margin-left:10px; margin-right:10px; cursor:pointer; }
.cont.banner2 img.txt-title { width:80%; }
.cont.banner2 img.img-box { width:80%; top:32vh; position:relative; }
@media (max-width: 767px) {
  .cont.banner2 { height:780px; padding-top:50px; }
  .cont.banner2 .banner-swiper.s2 { width:100%; left:0; top:25vh;  }
}


.cont.banner3 { text-align:center; background-color:#f6f7fb; display:flex; justify-content:center; padding-top:70px; padding-bottom:80px; }
.cont.banner3 img { width:inherit; }
.cont.banner3 .left { margin-right:120px; padding-top:20px; }
.cont.banner3 .right { width:400px; height:570px; overflow:hidden; }
.cont.banner3 .swiper-wrapper3 img { width:100%; }
.cont.banner3 .left img.item-m { width:80%; margin-bottom:10px; }
.banner-swiper3 {
  overflow: hidden;
  width: 400px; /* 이미지 컨테이너의 너비 설정 */
  position: relative;
}
.swiper-wrapper3 {
  display: flex; /* 이미지들을 가로로 배열하기 위해 Flexbox 사용 */
  animation: slideImages 30s linear infinite; /* 애니메이션 설정 */
}
.swiper-wrapper3 img {
  width: 400px; /* 각 이미지의 너비 설정 */
}

@keyframes slideImages {
  0% {
    transform: translateX(0);
  }
  7.6923% {
    transform: translateX(0);
  }
  15.3846% {
    transform: translateX(-400px);
  }
  23.0769% {
    transform: translateX(-400px);
  }
  30.7692% {
    transform: translateX(-800px);
  }
  38.4615% {
    transform: translateX(-800px);
  }
  46.1538% {
    transform: translateX(-1200px);
  }
  53.8462% {
    transform: translateX(-1200px);
  }
  61.5385% {
    transform: translateX(-1600px);
  }
  69.2308% {
    transform: translateX(-1600px);
  }
  76.9231% {
    transform: translateX(-2000px);
  }
  84.6154% {
    transform: translateX(-2000px);
  }
  92.3077% {
    transform: translateX(-2400px);
  }
  100% {
    transform: translateX(-2400px);
  }
  120% {
    transform: translateX(-2400px);
  }
}

@keyframes slideImages3 {
  0% {
    transform: translateX(0);
  }
  7.6923% {
    transform: translateX(0);
  }
  15.3846% {
    transform: translateX(-100%);
  }
  23.0769% {
    transform: translateX(-100%);
  }
  30.7692% {
    transform: translateX(-200%);
  }
  38.4615% {
    transform: translateX(-200%);
  }
  46.1538% {
    transform: translateX(-300%);
  }
  53.8462% {
    transform: translateX(-300%);
  }
  61.5385% {
    transform: translateX(-400%);
  }
  69.2308% {
    transform: translateX(-400%);
  }
  76.9231% {
    transform: translateX(-500%);
  }
  84.6154% {
    transform: translateX(-500%);
  }
  92.3077% {
    transform: translateX(-600%);
  }
  100% {
    transform: translateX(-600%);
  }
  120% {
    transform: translateX(-700%);
  }
}

@media (max-width: 767px) {
  .cont.banner3 { justify-content:center; flex-direction:column; padding-bottom:0; }
  .cont.banner3 .left { margin-right:0; padding-top:0; width:100%; }
  .banner-swiper3 { width:100%; }
  .cont.banner3 .right { width:100%; height:inherit; }
  .swiper-wrapper3 {
  display: flex; /* 이미지들을 가로로 배열하기 위해 Flexbox 사용 */
  animation: slideImages3 30s linear infinite; /* 애니메이션 설정 */
}
}



.cont.cont_form { padding-top:10px; padding-bottom:50px; /*padding-left:30px; padding-right:30px;*/ }
.cont.cont_form .form_title  { margin:0 auto; text-align:center; margin-bottom:10px; }
.cont.cont_form .form_title img.item-m { width:70%; }

.cont.cont09 { text-align:center; background-color:#584eb4; background-image:url("https://kr.object.ncloudstorage.com/bucket-adeeple/Landing_Custom/images/10000229/bg_blue.png"); background-repeat:no-repeat; background-size:cover; }
.cont.cont09 img { max-width:1000px; }

.cont.cont10 { text-align:center; background-color:#fff; }
.cont.cont10 img { max-width:1000px; }

.cont.banner4 { text-align:center; background-color:#f6f7fb; background-repeat:no-repeat; background-size:cover; padding-top:0; padding-bottom:20px; margin-bottom:80px; }
.cont.banner4 img { width:inherit; }
.cont.banner4 img.title  { width:100%; max-width:655px; }
.cont.banner4 .banner-swiper { padding-top:30px; padding-bottom:70px; height:410px; overflow:hidden; }
.cont.banner4 .banner-swiper img { max-width:240px; margin-left:5px; margin-right:5px; }
.cont.banner4 .btn-box { margin-top:40px; }
.cont.banner4 .btn-box img { max-width:260px; }

.cont.banner5 { text-align:center; background-color:#f6f7fb; background-repeat:no-repeat; background-size:cover; padding-top:0; padding-bottom:20px; margin-bottom:80px; }
.cont.banner5 img { width:inherit; }
.cont.banner5 img.title  { width:100%; max-width:655px; }
.cont.banner5 .banner-swiper { padding-top:30px; padding-bottom:70px; height:490px; overflow:hidden; }
.cont.banner5 .banner-swiper img { max-width:300px; margin-left:5px; margin-right:5px; }
.cont.banner5 .btn-box { margin-top:40px; }
.cont.banner5 .btn-box img { max-width:260px; }

.banner-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.swiper-wrapper {
  display: flex;
  /* 19장의 이미지와 동일한 시간으로 애니메이션 진행 */
  animation: scroll 30s linear infinite;
}

.swiper-wrapper img {
  width: 100px; /* 이미지 너비를 조정하세요 */
  height: auto;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  /* 19장의 이미지가 모두 옆으로 움직이는 것과 동일한 시간을 보장하기 위해 -200%로 설정 */
  100% {
    transform: translateX(-250%);
  }
}


/********** Responsive **********/
@media (min-width:768px) {
    .form-wrap { margin-top:0; }
    .form-wrap .btn.btn-primary { background-color:#556ee6; border-color:#556ee6 ; font-size:26px; padding:15px; font-weight:bold; }
}
@media (max-width: 800px) {
	.btn_go_dbfield { text-decoration:none; left:inherit; top:0; right:0; position:fixed; border-radius:0; width:100%; }
}
@media (max-width:767px) {
    .txt-box { padding:20px; color:#000 !important; font-size:22px !important; }
    .txt-noti { font-size:16px !important; }
    .form-wrap .rounded-3 { margin-top:0px !important; margin-bottom:40px !important; }
    .form-wrap .btn.btn-primary { font-size:20px; padding:10px; font-weight:bold; }
  
  .cont.banner4 { margin-bottom:50px; }
  .cont.banner4 .banner-swiper img { max-width:200px; }
  .cont.banner4 .banner-swiper { padding-top:20px; padding-bottom:5px; height:auto; overflow:hidden; }
  
  .cont.banner5 { margin-bottom:50px; }
  .cont.banner5 .banner-swiper { padding-top:20px; padding-bottom:5px; height:auto; }
  .cont.banner5 .banner-swiper img { max-width:500px; }
  
}

section.cont.cont02.item-d a.link_02 { width:13.9%; height:6.4%; left:43.2%; top:77.3%; display:block; position:absolute; }
section.cont.cont02.item-m a.link_02 { width:62.7%; height:6.8%; left:19.3%; top:86.8%; display:block; position:absolute; }

section.cont.cont07.item-d a.link_07 { width:14.0%; height:6.0%; left:43.2%; top:80%; display:block; position:absolute; }
section.cont.cont07.item-m a.link_07 { width:63.4%; height:4.0%; left:18.8%; top:92.4%; display:block; position:absolute; }