/* 섹션 중앙정렬 */
.sec_bd > div:not(.marquee){max-width: 1760px; margin: 0 auto;}

/* 섹션 타이틀 */
.sec_tit{ font-size: 52px; line-height: 1.3; color: #222; font-weight: 700;}
.sec_tit span{color: var(--c-01);}
.sec_subtit{font-size: 24px; line-height: 1.3; font-weight: 300; color: var(--c-01); font-weight: 700; font-family: 'Montserrat'; word-break: keep-all;}
.sec_subtit + .sec_tit {margin-top: 16px;}
.flex-tit{display: flex; align-items: end; justify-content: space-between; padding-bottom: 70px;}


.more-btn button{font-family: 'Montserrat'; padding: 14px 28px; font-size: 20px; border: 1px solid #555; border-radius: 50px; display: flex; align-items: center; gap: 16px; color: #555; font-weight: 500;} 
.more-btn button img{display: inline-block; transition: all .15s; }
.more-btn.center{display: flex; justify-content: center;}
.more-btn button:hover img{transform: translateX(5px);}

.round_tab{overflow: auto; max-width: 100%;}
.round_tab ul{display: flex; align-items: center; gap: 12px; width: max-content; }
.round_tab ul li:not(.more-btn){padding: 14px 28px; font-size: 20px; border: 1px solid #ddd; border-radius: 50px; display: flex; align-items: center; gap: 16px; color: #555; cursor: pointer; font-family: 'Montserrat'; line-height: 1.3;}
.round_tab li.more-btn button{border-color: #ddd;}
.round_tab ul li.on{background-color: var(--c-01); color: #fff;}
.round_tab ul li:hover:not(.on){border-color: var(--c-01); color: var(--c-01);}




/* sec01 main banner */
.sec01{position: relative;}
.sec01 .mb{background:url(https://d131jqp4u1oq73.cloudfront.net/images/CREATIVEDA/170276025623829.jpg) ;background-size: cover; background-position: 70%; background-repeat: no-repeat; width: 100%; height: 100vh; filter: brightness(80%);}

.scroll-down{position: absolute; bottom: 0; left: 50%; z-index: 2; }
.scroll-down span{font-family: 'Montserrat'; display: block; font-weight: 500; position: relative; color:#fff; font-size: 15px; padding-bottom: 55px;}
.scroll-down span::before{content: ""; position: absolute; top: 30px; left: 50%; width: 10px; height: 10px; background-color: #fff; margin-left: -5px; 
    animation-name: srcollDown;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;}
.scroll-down span:after {content: '';position: absolute;bottom: 0;left: 50%;width: 3px;height: 50px;background-color: #fff;transform: translateX(-50%);opacity: .3;}

@keyframes srcollDown {
	0% {
		opacity: 1;
	}
	100% {
		transform: translateY(50px);
		opacity: 0;
	}
}

.textbox{position: absolute; z-index: 5; left: 0; bottom: 120px; color: #fff; left: 50%; transform: translateX(-50%);}
.textbox h3{ font-size: 70px; line-height: 1.3; font-weight: 700;}
.textbox h3 br.none_br{display: none;}
.textbox h3 span{color: var(--c-02);}


/* -------- 메인비주얼 -------- */
.main_visual {width: 100%; height: 100vh; position: relative;}

.mainSwiper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000;}
.mainSwiper .swiper-slide {width: 100%; height: 100%; position: relative;}
.mainSwiper .swiper-slide img {position: absolute; width: 100%; height: 100%; display: block; object-fit: cover; z-index: -1; transition: ease-out 4.5s; scale: 1; filter: brightness(80%);}
/* .mainSwiper .swiper-slide-active img {scale: 1.04; filter: brightness(80%);} */
.mainSwiper .swiper-slide-active img { filter: brightness(80%);}
.mainSwiper .swiper-slide .bd-xl {height: 100%;}
.mainSwiper .swiper-slide .main_txt {position: absolute; left: 0; bottom:150px;  color: #fff;}
/* .mainSwiper .swiper-slide .main_txt p {position: relative; width: 100%; overflow: hidden;}
.mainSwiper .swiper-slide .main_txt span {font-size: clamp(20px, 4vw, 40px); font-weight: 300; line-height: 1.4; position: relative; transform: translateY(100%); transition: all 1s cubic-bezier(.67,.11,.39,.97); display: inline-block;} */
.mainSwiper .swiper-slide .main_txt p {position: relative; width: 100%;}
.mainSwiper .swiper-slide .main_txt span {font-size: clamp(20px, 4vw, 36px); font-weight: 500; line-height: 1.4; display: inline-block;}
/* .mainSwiper .swiper-slide-active .main_txt span {transform: translateY(0); transition-delay: .1s;} */
/* .mainSwiper .swiper-slide-active .main_txt .main {transition-delay: initial;} */
.mainSwiper .swiper-slide .main_txt .main {font-size: clamp(28px, 5.5vw, 70px); font-weight: 700; line-height: 1.3; padding-top: 12px; word-break: keep-all;}
.mainSwiper .swiper_control {position: absolute; top: 85%; left: calc((100% - 1760px) / 2); display: flex; align-items: center; min-width: max-content;}
.swiper-pagination {position: static !important;}
.pagination_progress {background-color: #ffffff50 !important; width: 150px !important; margin-right: 15px; height: 2px; border-radius: 30px;}
.pagination_progress .swiper-pagination-progressbar-fill {
    background: #fff; /* 프로그레스바 색상 */
    height: 100%;
    width: 100%;
    transform-origin: left center;
    transform: scaleX(0); /* 시작 시 초기화 */
    transition: transform 0.2s linear;
    border-radius: 30px;
}

.swiper-pagination-fraction {width: auto !important; color: #fff !important; font-size: 17px; font-weight: 500; margin: 0; display: flex; align-items: center; gap: 6px; width: 64px !important; margin-right: 10px !important; justify-content: center;}
.mainSwiper div[class*="move_"] {right: initial !important; left: initial !important; margin: 0 !important; width: 30px !important; height: 30px !important; }
/* .mainSwiper div[class*="move_"]::after {width: 10px;} */


div[class*="move_"] {width: 50px; height: 50px; border-radius: 100%; position: relative; cursor: pointer;}
div[class*="move_"].wh {}
div[class*="move_"]::after {content: ""; display: block; width: 20px; aspect-ratio: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.move_next.wh::after {background: url(../img/ms_right.svg) no-repeat center/contain; }
.move_prev.wh::after {background: url(../img/ms_left.svg) no-repeat center/contain; left: 68%;}
.pause{width: 24px; height: 24px; position: relative; background: url(../img/pause.svg) no-repeat center/contain !important; z-index: 111; cursor: pointer; margin-left: 4px;}
.pause.on{background: url(../img/play.svg) no-repeat center/contain !important;}



/* sec02 */
.sec02{padding-top: 180px; padding-bottom: 180px; position: relative; text-align: center; }
.sec02 .pic_box{padding: 120px 0; background: url(https://d131jqp4u1oq73.cloudfront.net/images/CREATIVEDA/170300628459934.jpg) no-repeat center; }
.sec02 .more-btn{margin-top: 40px;}

.sec02 .sec_tit{color: #fff;}
.sec02 .sec_tit span{color: var(--c-02);}
.sec02 .sec_subtit{color: var(--c-02);}


.sec02 .more-btn button{font-family: 'Montserrat'; padding: 14px 28px; font-size: 20px; border: 1px solid #fff; border-radius: 50px; display: flex; align-items: center; gap: 16px; color: #fff;} 




/* sec03 */
.service_list ul{display: flex; align-items: center; gap: 30px;}
.service_list ul li{overflow: hidden; width: calc((100% - 60px) / 3); position: relative; cursor: pointer; box-shadow: 0 0 8px rgba(0,0,0, .08);}
.img-wrap{position: relative; width:100%; ; padding-bottom: 100%;}
.img-wrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; transition: all .15s;}
.service_list ul li .ser-txt{position: absolute; left: 0; bottom: 0; color: #fff; background-color: #00000020; backdrop-filter: blur(20px); padding: 40px 30px; width: 100%; font-weight: 400; display: flex; justify-content: space-between; align-items: center; gap: 8px; visibility: hidden; opacity: 0; transition: all .15s; }
.service_list ul li .ser-txt .txt-left{display: flex; flex-direction: column; max-width: calc(100% - 56px);}
.service_list ul li .ser-txt .cate{font-size: 18px; text-overflow: ellipsis ; overflow: hidden;  white-space: nowrap;}
.service_list ul li .ser-txt .cate span{}
.service_list ul li .ser-txt .cate span + span:before{content: '·'; color: #fff; opacity: .5; display: inline-block; position: relative; margin: 0 6px;}
.service_list ul li .ser-txt p{font-size: 26px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}  
.service_list ul li .btn-right{flex-shrink: 0; display: flex; align-items: center;
justify-content: center; border-radius: 50px; height: 48px; width: 48px; border: 1px solid #fff;}

.service_list ul li:hover .img-wrap img{transform: translate(-50%, -50%) scale(1.1);}
.service_list ul li:hover .ser-txt{visibility: visible; opacity: 1;}

.service_list li:first-child:nth-last-child(1) {width: 100%;; aspect-ratio: 3.5 / 1;}
.service_list li:first-child:nth-last-child(2),
.service_list li:first-child:nth-last-child(2) ~ li{width: calc(50% - 30px); aspect-ratio: 2 / 1;}


.service_list li:first-child:nth-last-child(1) .img-wrap{padding-bottom: 29%;}
.service_list li:first-child:nth-last-child(2) .img-wrap,
.service_list li:first-child:nth-last-child(2) ~ li .img-wrap{padding-bottom: 50%;}



.service_list li.no-content, .board_list ul li.no-content{background: #f8f8f8; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; cursor: default; width: 100%;}


/* sec04 */
.sec04{margin-top: 180px; padding: 150px 0; background:url(https://d131jqp4u1oq73.cloudfront.net/images/CREATIVEDA/170282603416737.png) no-repeat right top #f5f5f5;}
.board_list ul{display: flex; align-items: center; gap: 30px;}
.board_list ul li{width: calc((100% - 90px) / 4); overflow: hidden; cursor: pointer; position: relative;} 
.board_list ul li .img-wrap{padding-bottom: 80%; overflow: hidden; margin-bottom: 16px; outline: 1px solid #eee;}
.board_list ul li .board-txt .date{font-size: 17px; color: #888;}
.board_list ul li .board-txt p{font-size: 24px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.board_list ul li .img-wrap:after{content:''; width: 100%; height: 100%; background-color: #00000020; backdrop-filter: blur(16px); position: absolute; opacity: 0; transition: all .15s;} 
.board_list ul li.no-content{padding: 40px 0;}

.board_list ul li:hover .img-wrap:after{opacity: 1;}
.board_list ul li:hover .hover_btn{opacity: 1;}


/* sec05 */
.sec05{padding: 180px 0 0; }
.partners-swiper{padding: 40px 20px; border-top: 1px solid #eee;}
/* .partners-swiper .swiper-wrapper{padding: 0 20px;} */

.partners-swiper .swiper-button-prev::after{font-size:20px; color: #fff !important; display: none; }
.partners-swiper .swiper-button-next::after{font-size:20px; color: #fff !important; display: none; }

.partners-swiper .swiper-button-prev{left: 0; background-color: #fff; width: 48px; height: 48px; border-radius: 50%; color: #fff !important; border: 1px solid #222; transition: all .15s;}
.partners-swiper .swiper-button-prev:before{content: ''; position: absolute; display: block; top: 50%; left:50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../img/swiper_prev.svg) no-repeat center; }
.partners-swiper .swiper-button-next{right: 0; background-color: #fff; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #222; color: #fff !important; transition: all .15s;}
.partners-swiper .swiper-button-next:before{content: ''; position: absolute; display: block; top: 50%; left:50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../img/swiper_next.svg) no-repeat center;}



.partners-swiper .swiper-button-prev:hover, .partners-swiper .swiper-button-next:hover{background-color: #222; border-color: #222;}
.partners-swiper .swiper-button-prev:hover:before, .partners-swiper .swiper-button-next:hover:before{filter: brightness(10000%);}


/* ********************************************* *
 * 1800px
 * ********************************************* */
 @media screen and (max-width: 1800px){
  .mainSwiper .swiper-slide .main_txt {left: 16px;}
  .mainSwiper .swiper_control {left: 10px;}
  .partners-swiper .swiper-button-prev{left: 16px;}
  .partners-swiper .swiper-button-next{right: 16px;}

  .sec02{padding-top: 150px; padding-bottom: 150px;}
  .sec04{margin-top: 150px; padding: 130px 0;}
  .sec05{padding: 150px 0 0;}

  .marquee{bottom: -38px;}
 }



/* ********************************************* *
 * 1660px
 * ********************************************* */
 @media screen and (max-width: 1660px){

   /* .sec_bd > div{padding: 0 16px;} */

   /* sec01 */
   .sec01 .mb div p{font-size: 18px;}
   .sec01 .mb div h3{font-size: 60px; padding: 20px 0;}
   .sec01 .mb div h6{font-size: 28px;}




   /* sec02 */
   .sec02 div h4{font-size: 46px;}
   .sec02 div h4 span.big{font-size: 56px;}
   .sec02 div h4 span.big span{font-size: 68px;}
   .sec02 div h5.bg{font-size: 120px;}
   .service_list ul{gap: 16px;}
   .service_list ul li{width: calc((100% - 32px) / 3);}
   

   .service_list li:first-child:nth-last-child(2),
   .service_list li:first-child:nth-last-child(2) ~ li{width: calc(50% - 16px);}
   

   /* sec03 */

   /* sec04 */
   .board_list ul{gap: 16px;}
   .board_list ul li{width: calc((100% - 48px) / 4);}

   /* sec06 */
   .sec06 .box_left{box-sizing: border-box; padding-left: 16px;}
   .sec06 .slide_but{left: 16px;}
   .sec06 .txt .sec_subtit{font-size: 18px;}
   .sec06 .swiper-slide.case_slide .case_txt h5{font-size: 18px;}

}
 

 /* ********************************************* *
 * 1440px
 * ********************************************* */
 @media screen and (max-width: 1440px){
   /* sec03 */
   .service_list ul li .ser-txt{padding: 30px 20px;}
   .service_list ul li .ser-txt .cate{font-size: 15px;}
   .service_list ul li .ser-txt p{font-size: 22px; margin-top: 4px;}


 }



 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){
   .sec_tit{font-size: 42px;}
   .sec_subtit{font-size: 20px;}
   .sec_subtit + .sec_tit {margin-top: 6px;}
   .sec_tit + .sec_subtit{margin-top: 6px;}

   /* sec03 */

   /* sec04 */
   .sec04{background-size: 30%;}

   /* sec05 */
   
   /* sec06 */
   .sec06 .box_left .txt{top: 16%;}
   .sec06 .box_left{height: 530px; }
   .sec06 .slide_but{bottom: 36.5%;}
   .sec06 .sec_tit{font-size: 36px;}
   .sec06 .swiper-slide.case_slide .case_txt{padding: 18px 20px;}
   .sec06 .swiper-slide.case_slide .case_txt p{display: none;}
   .sec06 .txt .sec_subtit{font-size: 16px;}
   .sec06 .slide_but button{font-size: 16px;}
   .sec06 .case_next{left: 60px;}
   .sec06 .slide_but button{left: 120px;}
   .sec06 .case_Swiper{width: calc(100% - 410px);}


   /* sec07 */
   .sec07{padding: 80px 0;}

   /* sec08 */
   .sec08 .btn_wrap a {font-size: 18px; width: 200px; height: 60px; padding-top: 2px;}
   .sec08 .tel h5{padding-bottom: 10px;}
   .sec08 .tel{padding: 36px 0 42px;}

 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
   .sec_tit{font-size: 40px;}
   .sec02{padding-top: 130px; padding-bottom: 130px;}
   .sec04{margin-top: 130px; padding: 110px 0;}
   .sec05{padding: 130px 0 0;}
 


   /* sec01 */
   .sec01 .mb{height: 800px;}
   .sec01 .mb div p{font-size: 17px;}
   .sec01 .mb div h3{font-size: 58px; line-height: 1.3;}
   .sec01 .mb div h6{font-size: 24px;}

   /* sec02 */
   .sec02 div h4{font-size: 42px;}
   .sec02 div h4 span.big{font-size: 52px;}
   .sec02 div h4 span.big span{font-size: 64px;}
   .sec02 div h5.bg{font-size: 110px;}

   
   /* sec03 */
   .service_list ul{gap: 12px;}
   .service_list ul li{width: calc((100% - 24px) / 3);}
   .service_list ul li .ser-txt{opacity: 1; visibility: visible;}
   .service_list ul li .ser-txt{padding: 20px;}
   .service_list ul li .ser-txt .cate{font-size: 14px;}
   .service_list ul li .ser-txt p{font-size: 18px;}
   .service_list ul li .btn-right{width: 40px; height: 40px;}
   .service_list ul li .btn-right i img{width: 16px;}

   .service_list li:first-child:nth-last-child(2),
   .service_list li:first-child:nth-last-child(2) ~ li{width: calc(50% - 12px);}


   /* sec04 */
   .board_list ul{gap: 12px;}
   .board_list ul li{width: calc((100% - 36px) / 4);}
   .board_list ul li .img-wrap{margin-bottom: 10px;}
   .board_list ul li .board-txt .date{font-size: 15px;}
   .board_list ul li .board-txt p{font-size: 20px;}


   /* sec05 */

   /* sec06 */
   .sec06 .box_left .txt{top: 16%;}
   .sec06 .box_left{height: 452px; width: 360px; top: -1px;}
   .sec06 .case_Swiper{width: calc(100% - 360px);}
   .sec06 .slide_but{bottom: 35%;}
   .sec06 .sec_tit{font-size: 32px;}
   .sec06 .swiper-slide.case_slide .case_txt{padding: 18px 20px;}
   .sec06 .swiper-slide.case_slide .case_txt p{display: none;}
   .sec06 .txt .sec_subtit{font-size: 16px;}
   .sec06 .slide_but button{font-size: 16px;}
   .sec06 .case_next{left: 60px;}
   .sec06 .slide_but button{left: 120px;}

   /* sec07 */
   .sec07{padding: 70px 0;}
   .sec07 .sec_tit{font-size: 36px;}
   .sec07 .sec_subtit{font-size: 17px; padding-bottom: 6px;}


  
 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){
   .sec_tit{font-size: 38px;}
   .sec_subtit{font-size: 18px;}
   .flex-tit{padding-bottom: 50px;}

   .marquee{font-size: 70px; bottom: 21px;}

   .round_tab ul li:not(.more-btn){font-size: 17px; padding: 12px 24px;}
   .more-btn button, .sec02 .more-btn button{font-size: 17px; padding: 12px 24px; gap: 12px;}
   .more-btn button i, .sec02 .more-btn button i{width: 18px; display: flex; align-items: center; justify-content: center;}

   /* sec01 */
   .sec01 .mb{height: 800px;}
   .sec01 .mb div p{font-size: 16px; padding: 10px 20px 5px;}
   .sec01 .mb div h3{font-size: 56px; padding: 26px 0;}
   .sec01 .mb div h3 br.none_br{display: block;}
   .sec01 .mb div h6{font-size: 22px;}

    /* 메인비주얼 */
    .main_visual {height: 95vh;}
    .main_menu {top: initial; height: auto; bottom: 0; left: 0; right: initial; width: 100vw; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; border-top: 1px solid #fff; border-left: none;}
    .main_menu a:nth-of-type(2n-1) {border-right: 1px solid #fff;}
    .mainSwiper .swiper-slide .main_txt .main {padding-top: 8px;}
    .mainSwiper .swiper-slide .main_txt {top: initial; bottom: 100px;}
    .mainSwiper .swiper_control {top: initial; bottom: 50px;}
    .main_menu a dl {align-items: center;}
    .main_menu dl dd {align-items: center;}

   .scroll-down{display: none !important;}


   /* sec02 */
   .sec02 div h4{font-size: 38px;}
   .sec02 div h4 span.big{font-size: 46px;}
   .sec02 div h4 span.big span{font-size: 58px;}
   .sec02 div h5.bg{font-size: 100px;}

   /* sec03 */
   
    /* sec04 */
    .sec04{background-size: 50%;}



   /* sec06 */
   .sec06 .inner{display: block; min-width: 0;}
   .sec06 .case_Swiper{width: calc(100%); overflow: hidden;}
   .sec06 .box_left{width: 100%;}
   .sec06 .swiper-slide.case_slide{width: 100%;}
   .sec06 .box_left{height: 100%; padding-bottom: 110px;}
   .sec06 .case_Swiper{margin: 0 16px;}
   .sec06 .slide_but{bottom: calc(100% - 153px);}
   .sec06 .sec_tit br{display: none;}
   .sec06 .txt .sec_subtit{font-size: 15px;}
   .sec06 .txt h3 + p{margin-top: 16px;}
   .sec06 .sec_tit{font-size: 38px;}
   .sec06 .swiper-slide.case_slide .case_txt h5{font-size: 16px;}
   

   /* sec07 */
   .sec07{padding: 60px 0;}
   .sec07 .sec_tit{font-size: 32px;}
   .sec07 .sec_subtit{font-size: 16px;}

   /* sec08 */
   .sec08 .btn_wrap a {font-size: 17px; width: 195px; height: 56px;}
   .sec08 .btn_wrap a:first-child{margin-right: 16px;}
   .sec08 .tel p{font-size: 15px;}
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){
  .sec02{padding-top: 110px; padding-bottom: 110px;}
  .sec04{margin-top: 110px; padding: 90px 0;}
  .sec05{padding: 110px 0 0;}


  .sec02 .pic_box{background-size: 1500px; background-position: top -10px center; padding: 100px 0;}
  .pagination_progress{width: 120px !important; margin-right: 6px;}
  .swiper-pagination-fraction{font-size: 15px; width: 50px !important;}


  .sec_bd:not(.sec04, .sec05) .flex-tit{flex-direction: column; align-items: flex-start; gap: 16px;}
  .partners-swiper{padding: 0 20px;}

  
  .board_list ul li .board-txt p{font-size: 18px;}
 
 }

  /* ********************************************* *
 * 860px
 * ********************************************* */
 @media screen and (max-width: 860px){
   .sec_tit ,.sec06 .sec_tit{font-size: 36px;}
   .sec_subtit{font-size: 17px;}

   /* sec03 */
 
   /* sec04 */
   .sec04 div p{font-size: 16px;}
 
   /* sec05 */

   /* sec07 */
   .sec07{padding: 50px 0;}
   .sec07 .sec_tit{font-size: 28px;}
   .sec07 .sec_subtit{font-size: 15px;}
   
   
 }
 
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (max-width: 768px){
 
  .sec02{padding-top: 100px; padding-bottom: 100px;}
  .sec04{margin-top: 100px; padding: 80px 0;}
  .sec05{padding: 100px 0 0;}



  .round_tab ul li:not(.more-btn){font-size: 16px; padding: 10px 20px; }
  .more-btn button, .sec02 .more-btn button{font-size: 16px; padding: 10px 20px; gap: 10px;}
  .more-btn button i, .sec02 .more-btn button i{width: 16px;}
  .flex-tit{padding-bottom: 40px;}
  .sec04 .flex-tit, .sec05 .flex-tit{flex-direction: column; align-items: flex-start; gap: 16px;}


   /* sec01 */
   .sec01 .mb{height: 700px;}
   .sec01 .mb div p{font-size: 16px; padding: 10px 16px 5px;}
   .sec01 .mb div h3{font-size: 46px; line-height: 1.4;}

   /* sec02 */
   .sec02 div h4{font-size: 35px;}
   .sec02 div h4 span.big{font-size: 42px;}
   .sec02 div h4 span.big span{font-size: 52px;}
   .sec02 div h5.bg{font-size: 90px;}
 
   .sec02 .more-btn{margin-top: 30px;}

   /* sec03 */
   .service_list ul{flex-wrap: wrap; gap: 20px;}
   .service_list ul li{width: 100%;}
   .service_list .img-wrap{padding-bottom: 65%;}

   .service_list li:first-child:nth-last-child(2),
   .service_list li:first-child:nth-last-child(2) ~ li{width: 100%; aspect-ratio: 1.6 / 1;}
   .service_list li:first-child:nth-last-child(1) {aspect-ratio: 1.6 / 1;}
 
   .service_list li:first-child:nth-last-child(1) .img-wrap{padding-bottom: 62.5%;}
   .service_list li:first-child:nth-last-child(2) .img-wrap,
   .service_list li:first-child:nth-last-child(2) ~ li .img-wrap{padding-bottom: 62.5%;}
   


   /* sec04 */
   .board_list ul{flex-wrap: wrap; gap: 24px 12px;} 
   .board_list ul li{width:  calc(50% - 6px);}


   /* sec05 */
 }

 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){
   .sec_tit, .sec06 .sec_tit{font-size: 33px;}
   .sec_subtit{font-size: 16px;}

   .sec02{padding-top: 80px; padding-bottom: 80px;}
   .sec04{margin-top: 80px; padding: 60px 0;}
   .sec05{padding: 80px 0 0;}
 
   .marquee{font-size: 50px; bottom: 20px;}

   /* sec01 */
   .sec01 .mb div p{font-size: 15px; padding: 8px 16px 5px;}
   .sec01 .mb div h3{font-size: 44px; }
   .sec01 .mb div h6{font-size: 20px;}

   /* sec02 */
   .sec02 div h4{font-size: 32px;}
   .sec02 div h4 span.big{font-size: 38px;}
   .sec02 div h4 span.big span{font-size: 48px;}
   .sec02 div h5.bg{font-size: 80px;}
   
   /* sec03 */

   /* sec04 */
   .sec04 div p{font-size: 15px;}
 
   /* sec05 */

   /* sec06 */
   .sec06 .slide_but{bottom: calc(100% - 148px);}

   /* sec08 */
   .sec08 .btn_wrap a {font-size: 16px; width: 190px; height: 56px;}


 }
 
  /* ********************************************* *
 * 550px
 * ********************************************* */
 @media screen and (max-width: 550px){
   .sec_tit, .sec06 .sec_tit{font-size: 30px;}

   .round_tab ul li:not(.more-btn){font-size: 16px; padding: 10px 16px;}
   .more-btn button, .sec02 .more-btn button{font-size: 16px; padding: 10px 16px;}
   .more-btn button i, .sec02 .more-btn button i{width: 16px;}
   .flex-tit{padding-bottom: 30px;}

   .swiper-pagination-fraction{font-size: 14px;}
   .pagination_progress{width: 100px !important;}

   /* sec02 */
   .sec02 div h4{font-size: 28px;}
   .sec02 div h4 span.big{font-size: 30px;}
   .sec02 div h4 span.big span{font-size: 40px;}
   .sec02 div h5.bg{font-size: 70px;}

   /* sec03 */

   /* sec05 */
   .partners-swiper .swiper-button-prev, .partners-swiper .swiper-button-next{width: 40px; height: 40px;}

}


 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
   .sec_subtit{font-size: 15px;}
   .round_tab ul{gap: 8px;}
   .sec02{padding-top: 50px; padding-bottom: 50px;}
   .sec04{margin-top: 50px; padding: 50px 0;}
   .sec05{padding: 50px 0 0;}

   .marquee{font-size: 60px; bottom: 0;}

   /* sec01 */
   .sec01 .mb{height: 600px;}
   .sec01 .mb div p{font-size: 14px; padding: 8px 14px 5px;}
   .sec01 .mb div h3{font-size: 40px; padding: 20px 0;}
   .sec01 .mb div h6{font-size: 18px;}

   /* sec03 */
    .service_list .img-wrap{padding-bottom: 100%;}
  
    .service_list li:first-child:nth-last-child(2),
    .service_list li:first-child:nth-last-child(2) ~ li{aspect-ratio: 1;}
    .service_list li:first-child:nth-last-child(1) {aspect-ratio: 1;}

    .service_list li:first-child:nth-last-child(1) .img-wrap{padding-bottom: 100%;}
   .service_list li:first-child:nth-last-child(2) .img-wrap,
   .service_list li:first-child:nth-last-child(2) ~ li .img-wrap{padding-bottom: 100%;}


   /* sec04 */
   .board_list ul{gap: 20px;}
   .board_list ul li{width: 100%;}

   /* sec05 */
   .partners-swiper .swiper-slide{}
   .partners-swiper .swiper-slide img{width: 80%; margin: 0 auto;}

   


}
 
 /* ********************************************* *
 * 450px
 * ********************************************* */
 @media screen and (max-width: 450px){
   .sec_tit{font-size: 30px;}
   .sec_subtit{font-size: 14px;}

   /* sec01 */
   .sec01 .mb{height: 550px;}
   .sec01 .mb div p{font-size: 13px; padding: 8px 14px 5px;}
   .sec01 .mb div h3{font-size: 36px; padding: 20px 0;}
   .sec01 .mb div h6{font-size: 17px;}

   /* sec02 */
   .sec02 div h4{font-size: 24px;}
   .sec02 div h4 span.big{font-size: 28px;}
   .sec02 div h4 span.big span{font-size: 36px;}
   .sec02 div h5.bg{font-size: 60px;}
 
   /* sec03 */

   /* sec08 */
   .sec08 .tel{padding: 34px 0 48px;}
   .sec08 .btn_wrap{display: block;}
   .sec08 .btn_wrap a:first-child{margin-right: 0;}
   .sec08 .btn_wrap a:last-child{ margin-bottom: 0;}
   .sec08{padding: 70px 0 40px;}
   .sec08 .btn_wrap a {font-size: 16px; width: 100%; height: 58px; margin-bottom: 12px;}
   .sec08 .tel h5 span::after{content: '';}
   .sec08 .tel h5 span{display: block; padding-bottom: 12px;}
   .sec08 .tel h5{padding-bottom: 20px; font-size: 20px;}
 }

 /* ********************************************* *
 * 420px
 * ********************************************* */
 @media screen and (max-width: 420px){
  .mainSwiper .swiper-slide .main_txt .main .none{display: block;}
 
}


 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
   .sec_tit{font-size: 26px;}
   .sec06{padding-bottom: 70px;}
   .sec_subtit + .sec_tit{margin-top: 2px;}
   .round_tab ul li:not(.more-btn){font-size: 14px; padding: 8px 16px;}
   .more-btn button, .sec02 .more-btn button{font-size: 14px; padding: 8px 16px;}
   .more-btn button i, .sec02 .more-btn button i{width: 14px;}


   /* sec02 */
   .sec02 div h4{font-size: 22px;}
   .sec02 div h4 span.big{font-size: 24px;}
   .sec02 div h4 span.big span{font-size: 32px;}
   .sec02 div h5.bg{font-size: 54px;}
 
   /* sec03 */
   
   /* sec06 */
   .sec06 .txt .sec_subtit{margin-top: 10px; font-size: 14px;}
   .sec06 .slide_but button{font-size: 14px; width: 140px; height: 46px; margin-bottom: 4px; left: 113px;}
   .sec06  .case_prev, .sec06  .case_next{width: 46px; height: 46px;}
   .sec06 .case_next{left: 56px;}

   /* sec07 */
   .sec07 .sec_tit{font-size: 24px;}
   .sec07 .sec_subtit{font-size: 12px;}
   
 }


  /* ********************************************* *
 * 350px
 * ********************************************* */
 @media screen and (max-width: 350px){

   /* sec01 */
   .sec01 .mb{height: 500px;}
   .sec01 .mb div p{font-size: 12px; padding: 7px 12px 5px;}
   .sec01 .mb div h3{font-size: 32px; padding: 20px 0;}
   .sec01 .mb div h6{font-size: 16px;}
   /* .mainSwiper .swiper-slide .main_txt {bottom: 350px;}
   .mainSwiper .swiper_control {bottom: 280px;} */


   /* sec02 */
   .sec02 div h4{font-size: 23px;}
   .sec02 div h4 span.big{font-size: 23px;}
   .sec02 div h4 span.big span{font-size: 28px;}
   .sec02 div h5.bg{font-size: 47px;}
   .sec03 div > div h3{font-size: 32px;}

   /* sec04 */

   /* sec07 */
   .sec07 .sec_tit{font-size: 20px;}
   .sec07 .sec_subtit{font-size: 12px;}
   
   /* sec08 */
   .sec08{padding: 70px 0 30px;}
   .sec08 .btn_wrap a {height: 54px; font-size: 15px; padding-top: 0;}
   .sec08 .tel h5{font-size: 18px;}
   .sec08 .tit .sec_tit{font-size: 25px;}
   .sec08 .tel{padding: 34px 0 46px;}




 }
 
   /* ********************************************* *
 * 330px
 * ********************************************* */
 @media screen and (max-width: 330px){

   /* sec02 */
   .sec02 div h4{font-size: 23px;}
   .sec02 div h4 span.big{font-size: 23px;}
   .sec02 div h4 span.big span{font-size: 26px;}
   .sec02 div h5.bg{font-size: 44px;}


 }



   /* ********************************************* *
 * 300px
 * ********************************************* */
 @media screen and (max-width: 300px){
 
   /* sec03 */

   /* sec06 */
   .sec06 .txt .sec_subtit{font-size: 13px;}
   .sec06 .sec_tit{font-size: 28px;}
   .sec06 .slide_but{bottom:calc(100% - 134px);}
 }