@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');
:root{
  --blue_color:#00a1ff;
  --navy_color:#061737;
}

@keyframes scrollmove {
  0% {opacity: 1; transform: translateY(0);}
  70% {opacity: 1;}
  100% {opacity: 0; transform: translateY(15px);}
}
@keyframes bounce{
  0%{transform: translateY(0);}
  100%{transform: translateY(-5px);}
}
@keyframes show{
  to{opacity: 1;}
}
section{overflow: hidden;}
/*코투스애드 main.css */
/* section01 */
.section01{width: 100%; height: 100vh; background: url(../images/section01_bg.png) no-repeat center center; padding-top: 90px; background-size: cover;}
.sec01_inner{max-width: 1400px; height: 100%; margin: 0 auto; color: #fff; position: relative;}
.img_wrapper{position: relative; z-index: 2; max-width: 100%; height: 100%;}
.img_wrapper img{max-width: 100%;}
.bg01{display: none;}
.hov{position: absolute; transition: 0.3s; opacity: 0;}
.mint{top: 28%; left: 38.3%; z-index: 2; animation: show ; animation: show 0.8s ease forwards; animation-delay: 0.4s;}
.purple{top: 9%; left: 54.4%; animation: show 0.8s ease forwards; animation-delay: 0.4s;}
.pink{top: 29%; right: -6.5%; animation: show 0.8s ease forwards; animation-delay: 0.4s;}
.yellow{bottom: 15%; right: 10%; z-index: 3; animation: show 0.8s ease forwards; animation-delay: 0.4s;}
.hov:hover{z-index: 5; transform: scale(1.1);}
.sec01_inner .sec01_txt{width: 50%; font-size: 5rem; position: absolute; top: 23%; left: 0; z-index: 3;}
.sec01_inner .main_txt{line-height: 1.2; font-family: "Inter", sans-serif;}
.sec01_inner .main_txt p{letter-spacing: -8px;}
.sec01_inner .main_txt p span.blue{font-size: 5rem; font-weight: bold;}
.sec01_inner .main_txt p span{font-size: 3.5rem; font-weight: 500;}
.sec01_inner .sub_txt p{line-height: 0.1;}
.sec01_inner .detail_txt{font-size: 1.25rem; color: #ccc;}
.sec01_inner .detail_txt_light{font-weight: 300;}
.sec01_inner .scroll_down{position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; color: #fff; animation: show 0.8s ease forwards; animation-delay: 2s; opacity: 0;}
.sec01_inner .scroll_down p{font-size: 0.75rem; margin-bottom: 10px; letter-spacing: 2px;}
.sec01_inner .scroll_down span{width: 30px; height: 45px;  position: relative; overflow: hidden; border: 1px solid #fff; border-radius: 20px;}
.sec01_inner .scroll_down span::after{content:""; width: 6px; height: 10px; background: #fff; position: absolute; top: 0; left: 40%; animation: scrollmove 1.2s infinite cubic-bezier(0.45, 0 , 0.55, 1); border-radius: 5px;}

/* section02 */
.section02{width: 100%; height: 100vh; background: url(../images/section02_bg.png) no-repeat center center; background-size: cover;}
.sec02_inner{max-width: 1400px; margin: 0 auto; color: #fff;}
.sec02_inner .title_box{text-align: center; padding: 100px 0 50px 0 ;}
.sec02_inner .title_box h3{font-size: 2.5rem; font-weight: bold; padding-bottom: 20px;}
.sec02_inner .title_box p {color: #ccc; line-height: 1.3;}
/* sec02_swiper 컨테이너 */
.sec02_swiper {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px 80px 20px; position: relative;}
.sec02_swiper .swiper-wrapper {padding: 20px 0;}

/* sec02_swiper 슬라이드 */
.sec02_swiper .swiper-slide {height: auto; display: flex; flex-direction: column;border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  cursor: pointer; pointer-events: auto; padding: 0;}
.sec02_swiper .swiper-slide:hover, .sec02_swiper .swiper-slide-duplicate:hover {transform: translateY(-20px) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important; filter: brightness(1);}
.sec02_swiper .swiper-slide:hover .card_img{filter: brightness(1);}
.sec02_swiper .swiper-slide-active {transform: translateY(-20px) !important;  box-shadow: 0 20px 40px rgba(0,0,0,0.15); filter: brightness(1);}
.sec02_swiper .swiper-slide-active .card_img{filter: brightness(1);}
.sec02_swiper .swiper-slide > a {display: flex; flex-direction: column; height: 100%; border-radius: 16px; overflow: hidden;}

/* sec02_swiper 카드 이미지 영역 */
.sec02_swiper .card_img {width: 100%; height: 193px;  overflow: hidden;  position: relative;  background: #f0f0f0;filter: brightness(0.4);transition: 0.3s;}
.sec02_swiper .card_img img {width: 100%; object-fit: cover;  transition: transform 0.5s ease; }

/* sec02_swiper 카드 이미지 오버레이 */
.sec02_swiper .card_img::after {content: ''; position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);  opacity: 0;  transition: opacity 0.3s;}
.sec02_swiper .swiper-slide:hover .card_img::after {opacity: 1;}
.sec02_swiper .card_content {padding: 30px 25px; flex: 1; display: flex;  flex-direction: column;  background: #fff;}
.sec02_swiper .card_title {  font-size: 1.5rem; font-weight: bold; color: var(--navy_color); margin-bottom: 15px; position: relative; padding-bottom: 15px;}
.sec02_swiper .card_title::after { content: ''; position: absolute; bottom: 0; left: 0;  width: 40px;  height: 3px;  background: var(--blue_color);  transition: width 0.3s;}
.sec02_swiper .swiper-slide:hover .card_title::after {width: 80px;}
.sec02_swiper .card_desc {font-size: 1rem; color: #666;  line-height: 1.8;  flex: 1;}

/* sec02_swiper 네비게이션 버튼 */
.sec02_swiper .swiper-button-prev,
.sec02_swiper .swiper-button-next { width: 50px; height: 50px; background: #fff; border-radius: 50%; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.3s;}
.sec02_swiper .swiper-button-prev:hover,
.sec02_swiper .swiper-button-next:hover { background: var(--blue_color); transform: scale(1.1);}
.sec02_swiper .swiper-button-prev::after,
.sec02_swiper .swiper-button-next::after {font-size: 20px; font-weight: bold; color: var(--navy_color);
  transition: color 0.3s;}
.sec02_swiper .swiper-button-prev:hover::after,
.sec02_swiper .swiper-button-next:hover::after {color: #fff;}

/* sec02_swiper 페이지네이션 */
.sec02_swiper .swiper-pagination {bottom: 40px !important;}
.sec02_swiper .swiper-pagination-bullet {width: 12px; height: 12px; background: #ccc; opacity: 1;  transition: all 0.3s;}
.sec02_swiper .swiper-pagination-bullet-active {background: var(--blue_color); width: 30px;  border-radius: 6px;}


/* section03 */ 
.section03{width: 100%; height: 100%; background: #efefef; position: relative; overflow-y: hidden;}
.sec03_inner{max-width: 1400px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding: 100px 0 50px 0;}
.l_rolling{position: relative; z-index: 2; padding-left: 10px;}
.l_rolling h3{font-size: 2.5rem; margin-bottom: 50px; line-height: 1.2; font-weight: 300; color: #424242;}
.l_rolling h3 p span{color: #2C2FB3; font-weight: bold;}
.l_rolling ul{display: flex; max-width: 700px; height: 100px; margin-bottom: 20px; border-radius: 20px; background: #f7f7f7;  box-shadow:0 2px 6px rgba(0,0,0,0.06),0 10px 30px rgba(0,0,0,0.08); text-align: center; align-items: center; padding:10px; justify-content: center; transition: 0.5s;}
.l_rolling ul li{display: flex; flex-direction: column; width: 120px; border-left: 1px solid rgba(224, 224, 224, 0.442); padding: 10px;}
.l_rolling ul li:nth-child(2){border: none;}
.l_rolling ul li:first-child {font-size: 1.5rem; font-weight: bold; display: flex; align-items: center; justify-content: center; height: 80%; padding: 5px 10px 0 10px; border:none; border-right: 1px solid rgba(224, 224, 224, 0.442);}
.l_rolling ul li:first-child p{display: flex; justify-content: space-between; width: 80%;}
.l_rolling ul li img{padding-bottom: 5px;}
.l_rolling ul li p{font-weight: bold;}
.l_rolling ul li:not(:first-child) p{font-weight: 400; font-size:0.9rem}
.l_rolling ul li.bus{transform: translateY(5px);}
.l_rolling ul li.bus img{padding-bottom:10px;}

/* 롤링 서식 */
.l_rolling ul.active{background-color: #fff; transform: translateY(-10px); }
.l_rolling ul.active li:first-child p{color: #2c2fb3;}
.l_rolling ul.active li img {animation: bounce 0.5s ease-in-out infinite alternate;}
.l_rolling ul.active li:nth-child(2) img {animation-delay: 0s;}
.l_rolling ul.active li:nth-child(3) img {animation-delay: 0.1s;}
.l_rolling ul.active li:nth-child(4) img {animation-delay: 0.2s;}
.l_rolling ul.active li:nth-child(5) img {animation-delay: 0.3s;}
.r_img img{
  position: relative; top: 0; right: 21%; z-index: 1; object-fit: cover;     -webkit-mask-image: linear-gradient( to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 10%,
    rgba(0,0,0,1) 90%,
    rgba(0,0,0,0) 100%
  );
  mask-image: linear-gradient( to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 10%,
    rgba(0,0,0,1) 90%,
    rgba(0,0,0,0) 100%
  );}

/* section04 */
.section04{width: 100%; height: 87vh; background: url(../images/section04_bg.png) no-repeat center center; color: #fff; background-size: cover; position: relative; z-index: 3; padding-top: 50px ;}
.section04 .sec04_inner{max-width: 1400px; margin: 0 auto; display: flex; padding: 50px 0;}
.section04 .sec04_inner .l_txt{flex-basis: 40%; padding-left: 10px;}
.section04 .sec04_inner .l_txt h3{font-size: 3rem; font-weight: bold; padding: 20px 0px;}
.section04 .sec04_inner .l_txt p{line-height: 1.3; color: #ccc;}

.section04 .sec04_inner .r_form{flex-basis:60%;}
.type_group{margin-bottom: 20px;}
 .type_group br{display: none;}
.type_group span{margin-right: 30px; font-weight: bold; font-size: 1.25rem;}
.type_group label{margin-right: 20px;}
.row{display: flex; gap: 40px; margin-bottom: 20px;}
.row .form-field{flex: 1;}
.form-field{position: relative; width: 100%;}
.form-field input, .form-field textarea{width: 100%; padding:20px 15px; font-size: 1rem; border: 1px solid #ccc; outline: none; background: #fff; transition: 0.2s; border-radius: 30px;}
.form-field textarea{height: 120px; resize: none; margin-bottom: 20px;}
.form-field label{position: absolute; top:50%; left: 20px; transform: translateY(-50%); font-size: 1rem; color: #888; pointer-events: none; transition: 0.2s;}
.form-content label{top: 20%;}
.form-field input:focus + label, .form-field input:not(:placeholder-shown) + label, .form-field textarea:focus + label, .form-field textarea:not(:placeholder-shown) + label {top: 6px; font-size: 12px;color: var(--navy_color); transform: none;}
.form-field input::placeholder,.form-field textarea::placeholder {opacity: 0;}
.etc_group{display: flex; gap: 15px; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.file_wrap {display: flex; align-items: center; width: 300px; background: #fff;
  border-radius: 30px; overflow: hidden; padding: 5px 10px;}
.file_text {flex: 1;  padding: 10px 14px; border: none; background: #fff;  font-size: 14px; color: #333;  outline: none;}
.file_btn {background: var(--navy_color); color: #fff; padding: 8px 12px; font-size: 14px; cursor: pointer; border-left: 1px solid #e0e0e0; white-space: nowrap; border-radius: 5px;}
.file_input{display: none;}
.section04 button{border: none; background: var(--blue_color); color: #fff; padding: 10px 20px; border-radius: 30px; font-size: 1.25rem; float: right; cursor:pointer; transition: 0.3s;}
.agree_group #agree{width: 20px; height: 20px; transform: translateY(2px); accent-color: #FFB300!important;}
.section04 button:hover{background: #0090e3;}

/* 간편문의 형태선택 부분 수정 26 03 24 */
.depth2_area { margin-top: 15px; display: none; text-align: left; }
.select_trigger { display: none; }
.options_container { display: block; flex-wrap: wrap; gap: 5px; padding: 15px; background: rgba(255,255,255,0.1); border-radius: 16px; }
.options_container label { display: inline-flex; align-items: center; color: #fff; font-size: 0.9rem; cursor: pointer; width: 30%; margin: 5px 1% !important; }
.options_container input[type="checkbox"] { margin-right: 8px; accent-color:#FFB300; width: 16px; height: 16px; }
.type_group input[type="radio"] {width: 20px; height: 20px; accent-color: #FFB300;  cursor: pointer; vertical-align: middle; margin-right: 5px; transform: translateY(-4px);}

@media (max-width: 767px) {
  .options_container label { width: 48%; }
}


/* sction05 */
.section05 {width: 100%; height: auto;  min-height: 56vh;  background:#F1F6FF; position: relative; padding: 50px 0;}
.sec05_inner { max-width: 1400px;  margin: 0 auto;  display: flex; 
  justify-content: space-between;  gap: 30px;  align-items: center;}
.sec05_inner .l_txt { flex: 0 0 400px; z-index: 2; position: relative; padding-left: 10px;}
.sec05_inner .l_txt .blue {font-size: 14px;   font-weight: 600;
  letter-spacing: 2px;  display: block;  margin-bottom: 20px;
  color: var(--blue_color);}
.sec05_inner .l_txt h3 {font-size: 1.5rem; color: #333; margin-bottom: 20px;  line-height: 1.4; font-weight: bold;}
.sec05_inner .l_txt h3 .bold {font-weight: 700; font-size: 2rem; color: #333;}
.sec05_inner .l_txt > p { color: #333; margin-bottom: 8px;}
.sec05_inner .l_txt .dot{ color:#B0C5F0;}

.swiper-controls {  margin-top: 40px;  display: flex;  align-items: center;  gap: 30px;}
.swiper-buttons {display: flex;  gap: 10px;}

/* 오른쪽 슬라이드 영역 */
.r_slide { flex: 1;  position: relative; min-width: 0; z-index: 1; overflow: visible; margin-right: -270px; padding-right: 150px;}
.section05 .swiper {width: 100%;height: auto; padding: 30px 0 60px;
  overflow: hidden;}
.section05 .swiper-wrapper {display: flex; align-items: stretch;}
.section05 .swiper-slide { background: #fff; border-radius: 16px 16px 0 0;
  overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;  width: 350px !important; flex-shrink: 0; height: auto;}
.section05 .swiper-slide:hover {transform: translateY(-30px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);}
.section05 .swiper-slide-active {transform: translateY(-30px);box-shadow: 0 10px 20px rgba(0,0,0,0.15);}

/* 카드 이미지 */
.section05 .card_img {width: 90%; height: 300px; overflow: hidden;  position: relative; background: #f5f5f5; margin: 20px auto 0 auto; border-radius:10px;}
.section05 .card_img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}

/* 카드 콘텐츠 */
.section05 .card_content {padding: 25px;}
.section05 .stars {margin-bottom: 15px;}
.section05 .stars img {width: auto;}
.section05 .card_title {font-size: 18px; font-weight: 700; color: #222; margin-bottom: 12px; line-height: 1.4;}
.section05 .card_desc {font-size: 14px; color: #666; line-height: 1.7;}
.section05 .swiper-pagination {position: static !important;  width: auto !important; display: flex;  gap: 8px;}
.section05 .swiper-pagination-bullet {width: 10px;  height: 10px;  background: #aaa;  opacity: 1;  margin: 0 !important; transition: all 0.3s;}
.section05 .swiper-pagination-bullet-active {background: var(--blue_color);
  width: 30px;  border-radius: 5px;}

/* Section05 네비게이션 버튼 (이전/다음 버튼) 스타일 */
.section05 .swiper-button-next,.section05 .swiper-button-prev {   position: static !important;   width: 45px;   height: 45px;   background: #fff;   border-radius: 50%;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);   margin: 0 !important;   transition: all 0.3s ease;}
.section05 .swiper-button-next:hover,.section05 .swiper-button-prev:hover {background: var(--blue_color); transform: scale(1.1);}.section05 .swiper-button-next:hover:after,.section05 .swiper-button-prev:hover:after {color: #fff;}
.section05 .swiper-button-prev:after {content: '\f053';  font-family: 'Font Awesome 5 Free';   font-weight: 900;   font-size: 18px;   color: #333; }
.section05 .swiper-button-next:after {  content: '\f054';   font-family: 'Font Awesome 5 Free';   font-weight: 900;   font-size: 18px;   color: #333; }

/* section06 */
.section06{width: 100%; height: 100vh; background:#151B26;}
.sec06_inner{max-width: 1400px; margin: 0 auto; padding: 100px 0 150px 0; }
.sec06_txt{text-align: center; color: #fff;}
.sec06_txt h3{font-size: 2.5rem; font-weight: bold; margin-bottom: 20px; line-height: 1.3;}
.sec06_txt > p{color: #ccc; line-height: 1.3;}
.sec06_logo_slide{padding: 50px 0;}
.logo-swiper .swiper-wrapper {transition-timing-function: linear !important;}
.sec06_logo_slide {display: flex;flex-direction: column; gap: 30px;}
.logo-swiper{width: 100%;overflow: hidden;}
.logo-swiper .swiper-slide {display: flex; gap: 40px; align-items: center;  padding: 10px 0; width: auto !important;}
.logo-swiper img {width: 100%; height: auto; object-fit: contain;}

@media (max-width:1499px){
  .sec01_inner .sec01_txt{padding-left: 20px;}
  /* section04 */
  .etc_group{display: block;}
  .etc_group .file_wrap{margin-bottom: 20px;}
  .section04 button{float: unset;}
  .type_group label{margin-right: 10px;}
  .r_slide{margin-right: -140px; padding-right: 0;}
}
@media (max-width:1279px){
  .section01{min-height: 90vh; background: linear-gradient(to bottom, #000 0%,  #000 80%,  #050607 90%,  #0A0C0D 100%);}
  .hov{width: 30%;}
  .bg01{display: block; position: absolute; z-index: 1; top: 0%; right: -10%;}
.mint{top: 28%; left: 35.3%; z-index: 3;}
.purple{top: 16%; left: 51.5%; z-index: 2;}
.pink{top: 30%; right: -3%; z-index: 2;}
.yellow{top: 43%; right: 14%; z-index: 4;}
.sec01_inner .scroll_down{bottom: 13%; z-index: 10;}

.section02{height: 100vh;}

.section04 .sec04_inner .l_txt{flex-basis: 30%; margin-left: 10px;}
.section04 .sec04_inner .r_form{flex-basis: 70%;}
.type_group{ font-size: 1rem;}
.type_group label{margin-right: 10px;}
.section05 .sec05_inner .l_txt{margin-left: 10px;}
.r_slide{margin-right: -400px; padding-right: 0;}
}
@media (max-width:1024px){
  h3{font-size: 2rem !important;}
  /* section01 */
.section01{min-height: 100vh; background: linear-gradient(to bottom, #000 0%,  #000 80%,  #050607 90%,  #0A0C0D 100%);}
.sec01_inner{width: 100%;}
.bg01{display: block; position: absolute; z-index: 1; top: 10%; right: -12%; width: 80%;}
.hov{width: 30%;}
.mint{top: 28%; left: 38.3%; z-index: 3;}
.purple{top: 20%; left: 54.5%; z-index: 2;}
.pink{top: 30%; right: -4%; z-index: 2;}
.yellow{top: 38%; right: 13%; z-index: 4;}
.sec01_inner .scroll_down{bottom: 15%;}
  /* section02 */
  .section02{height: 100%;}
  .sec02_swiper .swiper-button-next{right:6%;}
  .sec02_swiper .swiper-button-next, .sec02_swiper .swiper-button-prev{bottom: 8%; top: auto;}

  /* section03 */ 
.section03{width: 100%; height: 100%; background: #e0e0e0; position: relative;}
.section03::before{content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.7); z-index: 0;}
.sec03_inner{height: 100%;  display: block; margin: 0 auto; padding-top: 50px;}
.l_rolling{position: relative; z-index: 2; margin: 0 auto;}
.l_rolling h3{font-size: 2rem; text-align: center; margin-bottom: 20px;}
.l_rolling ul{margin: 0 auto 20px auto;}
.r_img{display: none;}

/* section04 */
.section04{height: 100%; padding-bottom: 50px;}
.section04 .sec04_inner{display: block;}
.section04 .sec04_inner .l_txt{text-align: center;}
.section04 .sec04_inner .l_txt h3{font-size: 2rem;}
.section04 .sec04_inner .r_form{padding-top: 50px; width: 80%; margin: 0 auto;}
.section04 form{width: 100%;}
.type_group{text-align: center;}
.type_group span{display: block; margin-right: 0;}
.type_group br.tb{display: block;}
.type_group br.mb{display: none;}
.type_group label{line-height: 1.8; font-size: 1rem;}
.row{margin-bottom: 0;}
.form-field input, .form-field textarea{margin:0 auto 10px auto; padding: 20px 0 20px 15px;}
.form-field{position: relative; width: 100%;}
.form-content{width: 100%;}
.etc_group{display: block; text-align: right; margin-bottom: 20px;  margin: 0 auto;}
.etc_group .file_wrap{margin-bottom: 10px;}
.agree_group{padding: 20px 0;}
.section04 button{width: 100%; float: unset; display: block; margin: 0 auto;}
.form-field label{position: absolute; top:40%; left: 20px; transform: translateY(-50%); font-size: 1rem; color: #888; pointer-events: none; transition: 0.2s;}
.section04 .sec04_inner .r_form { width: 90%;}
  .options_container label { width: 48%;}
.select_trigger { width: 96%;}
/* section05 */
  .section05 {height: auto;  min-height: 56vh;}
  .sec05_inner{display: block;}
  .sec05_inner .l_txt{margin-bottom: 30px; text-align: center;}
  .r_slide {margin-right: -50px; }
  .swiper-controls{justify-content: center;}
  .sec05_inner .l_txt h3 p{font-size: 1.5rem;}

/* section06 */
.section06{height: 100%;}
}
@media (max-width:820px){
  .bg01{width: 80%; right: -12%;}
  .sec01_inner .scroll_down{bottom: 20%;}
  .r_slide{margin-right: -250px;}
}
@media (max-width:768px){
  .r_slide{margin-right: -300px;}
}
@media (max-width:767px){
  h3{font-size: 1.875rem !important;}
   /* section01 */
.section01{min-height: 100vh; background: linear-gradient(to bottom, #000 0%, #000 80%, #050607 90%, #0A0C0D 100%);}
.sec01_inner{width: 100%;}
.sec01_inner .sec01_txt{padding-left: 20px; top: 35%; width: 100%;}
.sec01_inner .main_txt{font-size: 2.5rem; line-height: 1;}
.sec01_inner .main_txt p{letter-spacing: -6px;}
.img_wrapper{top: -5%; height: 50%;}
.bg01{display: block; position: absolute; z-index: 1; top: 15%; right: 50%; transform: translateX(50%); max-width: 100%;}
.hov{width: 40%;}
.mint{top: 35%; left: 3%; z-index: 3;}
.purple{top: 21%; left: 27%; z-index: 2;}
.pink{top: 34%; right: 5%; z-index: 2;}
.yellow{top: 50%; right: 29%; z-index: 4;}
.sec01_inner .scroll_down{bottom: 10%;}
  /* section02 */
  .sec02_swiper .swiper-button-next{right: 3%;}
  .sec02_inner .title_box p{font-size: 1rem;}
  .sec02_swiper .card_title{font-size: 1.25rem;}
  .sec02_swiper{padding: 0 0 80px 0; width: 90%;}
  /* section03 */
  .l_rolling{padding: 0;}
  .l_rolling ul{width: 90%;}
  .l_rolling ul li:first-child p{width: 100%;}

  /* section04 */
  .section04 .sec04_inner .l_txt p{font-size: 0.938rem;}
  .section04 .sec04_inner .l_txt{margin-left: 0; padding-left: 0;}
  
  .type_group br.mb{display: block;}
  .type_group span {margin-right: 0;}
  .type_group label{margin-right: 0; margin-bottom: 20px;}
  .etc_group{text-align: left;}
  .row{display: block;}

  .depth2_area { margin-top: 15px;}
  .select_trigger {padding: 12px 20px;  font-size: 0.9rem; width: 94%;}
  .options_container {padding: 10px 0 10px 10px; max-height: 250px;   overflow-y: auto; overflow-x: hidden;}
  .options_container label {width: 100%; margin: 10px 0 !important;  font-size: 0.875rem; padding-left: 10px;  }
  
  /* section05 */
  .section05{padding: 100px 0;}
  .sec05_inner{padding: 0 10px;}
  .section05 .swiper-slide-active {transform: translateY(0); box-shadow: none;}
  .section05 .swiper-slide:hover {transform: translateY(0);}
  .section05 .sec05_inner .l_txt{margin-left: 0; padding-left: 0;}
  .r_slide {margin-right: 0 !important; padding-right: 0 !important;}
  .section05 .swiper-slide {width: 100% !important;}
  .section05 .mySwiper {overflow: hidden;}
  .section05 .card_img{width: 85%;}
  
  /* section06 */
  .section06{overflow-x: hidden;}
  .logo-swiper .swiper-slide{gap: 0;}
  .logo-swiper .swiper-slide img{width: 150px;}
  .sec06_txt > p{font-size: 0.938rem;}
}
@media (max-width:460px){
  .sec01_inner .scroll_down{bottom: 3%;}
.section02{padding: 50px 0;}
.sec06_inner{padding: 50px 0;}
.file_wrap{width: 100%;}
.sec05_inner .l_txt > p {font-size: 0.983rem;}
}
@media (max-width:390px){
  h3{font-size: 1.5rem !important;}
.sec01_inner .sec01_txt{width: 100%; font-size: 5rem; position: absolute; top: 35%; left: 0; z-index: 3;}
.sec01_inner .main_txt{line-height: 1;}
.sec01_inner .main_txt p{letter-spacing: -3px;}
.sec01_inner .main_txt p .blue{font-weight: bold; font-size: 2.5rem;}
.sec01_inner .sub_txt p{line-height: 0.1;}
.sec01_inner .detail_txt{font-size: 1rem;}
.sec01_inner .scroll_down{bottom: 0;}
.sec02_inner .title_box p{font-size: 0.875rem;}
.type_group label{margin-right: 10px;}
.agree_group{font-size: 0.875rem;}
.l_rolling ul{padding: 0;}
.l_rolling ul li.bus img{padding-bottom: 5px;}
/* .l_rolling ul li:nth-child(2) img{width: 100%;} */
.l_rolling ul li img{width: 80%;}
.l_rolling ul li:nth-child(4) img{width: 50%;}
.l_rolling ul li:nth-child(4) img.radio{width: 80%;}
.l_rolling ul li:first-child p{font-size: 1.125rem;}

.select_trigger { width: 90%;}
}
@media (max-width:375px){
  .sec05_inner .l_txt h3 p{font-size: 1.25rem !important;margin-bottom: 0px;  line-height: 1.3;}
  .sec05_inner .l_txt h3 .bold { font-size: 1.5rem; }
}
@media (max-width:360px){
  .sec01_inner .sub_txt p{line-height: 0;}
  .sec01_inner .scroll_down{bottom: 10%;}
  .sec02_inner .title_box p{font-size: 0.85rem;}
  .file_wrap{width: 100%;}
  .type_group label{margin-right: 0;}
  .l_rolling ul{width: 98%;}
  .l_rolling ul li:first-child p{font-size: 1rem;}
  .sec05_inner .l_txt > p{font-size: 0.9rem;}
}
@media (max-width:344px) {
  .sec01_inner .scroll_down{bottom: 0;}
  .sec05_inner .l_txt > p {font-size: 0.85rem;}
  .sec02_inner .title_box p{font-size: 0.8rem;}
}