@charset "uft-8";

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700;900&display=swap'); 
 @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* 여백 초기화 */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;box-sizing: border-box !important;font-family: 'Pretendard Variable';}

html, body {width: 100%; font-size: 16px; }
body {width:100%; background: #fff; min-width: 320px; box-sizing: border-box;}

/* 링크 초기화 */
a {color:#000;text-decoration:none;}

/* 폰트 초기화 */
body,input,select,table,textarea,button, p {border: none; font-size: 1rem;  color: #333; font-weight: 400;}
.font_sel {transform:skew(-0.03deg);}

/* 폰트 스타일 초기화 */
em,address {font-style: normal;}
strong {font-weight: 800; }

/* 리스트 불릿 초기화 */
ul,ol,li{list-style: none; margin-bottom: 0;}

/* 테이블 초기화 */
table{width: 100%; border-spacing: 0; border-collapse: collapse;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}




.navbar-toggler{
  border:none!important;
  background: #b7b8d1 !important;
  border-radius:15px!important;
  width:50px;
  height: 50px;
  padding:0 !important;
  float:right;
}
.container-fluid{
  position: relative;
}
.navbar-collapse{
  position:fixed;
  width:100%;
  left:0;
  top:80px;
  background: #fff;
  z-index: 50;
  height: 100%;
}
.navbar-toggler-icon{
  background-image: url('../image/header/mo_menu.png') !important;
}
.nav-item{
  border-bottom: 1px solid #ddd;
}
/*moblie custom*/
* {margin:0; padding:0;}

li {list-style: none;}
a {text-decoration: none !important; color: #333!important;}
img {max-width: 100%; }
.tac{text-align: center;}
.bold{font-weight: bold !important; color:#333!important}

.width1920{ max-width: 1920px; margin: 0 auto !important;}

.cont1-slider { position: relative;}
.cont1-slider.swiper-container {width: 100%;height: 100vh;    visibility: hidden;overflow: hidden;position: relative; z-index: 80;}
.cont1-slider .swiper-slide img.visual { width: 100%;height: 100vh;  object-fit: cover; transform: scale(1.2);transition: transform 4s ease-in-out;will-change: transform;backface-visibility: hidden;}
.cont1-slider .swiper-slide-active img.visual { transform: scale(1);}
.cont1-slider .slide-controls {position: absolute;bottom:40px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 12px;z-index: 10;width: 104px;height: 17px;}
.swiper-pagination{display: flex; gap:19px;}
.cont1-slider .swiper-pagination-bullet {position: relative;width: 0;height: 0;margin: 0 6px; background: none !important;opacity: 1;}
.cont1-slider .swiper-pagination-bullet::before { content: ''; position: absolute;top: 50%; left: 50%;width: 8px;height: 8px;transform: translate(-50%, -50%);background: url('../image/main/pager_off.png') no-repeat center center;background-size: cover;}

.cont1-slider .swiper-pagination-bullet-active::before {width: 17px;height: 17px;background-image: url('../image/main/pager_on.png');}
.swiper-autoplay-toggle {position: absolute;top:50%;transform: translateY(-50%);right: 0px; width: 11px;height: 12px;background: url('../image/main/btn_main_slide_stop_off.png') no-repeat center center;background-size: cover;border: none;cursor: pointer;}
.swiper-autoplay-toggle.playing { background-image: url('../image/main/btn_main_slide_start_off.png');}



.btn_box { position: absolute; top: 50%;  left: calc((400 / 1920) * 100%);   transform: translateY(-50%); /* 수직 가운데 정렬 */  text-align: left;  width: fit-content;  height: 100%;   display: flex;  align-items: center; }
.banner_box .btn_box .btn1{margin-top:30px; display: flex; flex-wrap: wrap; gap: 20px;}
.banner_box .btn_box .btn1 .btn1_1{color:#ffffff!important;padding:20px 30px;  border: 1px solid #fff; border-radius: 100px; font-size: 20px; transition: ease-in 0.3s;font-weight: 600; display: inline-block;line-height: 20px; }
.banner_box .btn_box .btn1 .btn1_2{color:#ffffff!important;padding:20px 30px;  border: 1px solid #fff; border-radius: 100px; font-size: 20px; transition: ease-in 0.3s; font-weight: 600;display: inline-block;line-height: 20px; }
.banner_box .btn_box .btn1 .btn1_1:hover{background: #fff; color: #222 !important; }
.banner_box .btn_box .btn1 .btn1_2:hover{background: #fff; color: #222 !important; }


.banner_box .vis_num{color:#ffffff;font-size: 80px;font-weight:bold; line-height: 0; margin-bottom: 46px;}
.banner_box .vis_tit{color:#FFF!important;font-size:100px;line-height: 1.02;   font-weight: 700;}
.banner_box .vis_text{font-size:24px; line-height: 36px;  color: white !important; font-weight:300; margin-top: 24px; margin-bottom: 36px;font-weight: 500;}


@media screen and (max-width: 1280px) {
    .btn_box {width:100%; left: 50%;  transform: translate(-50%,-50%); box-sizing: border-box !important; }
    .btn_box>div {width: 100%; padding:0 50px;}
    .banner_box .vis_num{font-size: 30px;}
    .banner_box .vis_tit{font-size:60px;}
    .banner_box .vis_stit{font-size: 24px; line-height: 32px;}
    .banner_box .vis_text{font-size:20px; line-height: 28px;}
  }

@media (max-width: 1024px) {
 
  .cont1-slider.swiper-container {
    height: calc(100vh - 80px);
  }
  .cont1-slider .swiper-slide img.visual {
    height: calc(100vh - 80px);
  }
}


  @media screen and (max-width: 767px) {
    .btn_box>div{padding:0 24px;}
    .btn_box{padding: 0  !important; left: 0;transform: translate(0%,-50%); }
    .banner_box .vis_num{font-size: 36px; line-height: 36px;font-weight: 700; margin-bottom: 20px;}
    .banner_box .vis_tit{font-size:48px; line-height: 48px;letter-spacing: -0.96px;}
    .banner_box .vis_text{font-size:16px; word-break: keep-all;font-weight: 500;line-height: 26px; margin: 20px 0 28px 0; }
    .banner_box .btn_box .btn1 .btn1_1,.banner_box .btn_box .btn1 .btn1_2{font-size: 15px; line-height: 15px; transition: ease-in 0.3s; padding: 20px 24px;  text-align: center;}
    .banner_box .btn_box .btn1{gap: 12px;}



  }
 @media screen and (max-width: 350px){
  .banner_box .vis_tit{font-size:44px; line-height: 44px;}
 }



.bxslider {
  visibility: hidden;
}
.about{max-width: 1280px; height: 100%; margin: 35px auto; box-sizing: border-box; text-align: center;}
.about-inner{background: url(../image/main/aboutBg.jpg) no-repeat;background-position: center;width:100%;height: 280px; }
.about-text{ padding-top:30px; text-align: center;}
.about-text .atitle{color:#4a50d9; text-align: center;font-size:36px; font-weight:900;}
.about-text .a{color:#979be4; font-size: 30px;}
.about-text .atext{font-size:18px; font-weight: bold;}
.about-text .ago{ margin-top:20px}
.about-text .ago:hover{transform: scale(1.1);transition: 1s}


.big_tit{height: fit-content;  text-align: right; width: 100% !important; opacity: 0.3; margin-bottom: 0 !important; color: #333;font-size: 180px;font-weight: 500;letter-spacing: -3.6px;}


.cont_tit_flex{display: flex; align-items: center; justify-content: space-between;gap: 0  80px; margin-bottom: 50px;}

@media screen and (max-width: 1280px) {
    .big_tit{ font-size: 80px !important;font-weight: 500;line-height: 80px; /* 100% */letter-spacing: -3.2px; text-align: left !important;}
    .cont_tit_flex{margin-bottom: 36px !important;}
  }
  @media screen and (max-width: 1023px) {

  }
  @media screen and (max-width:767px) {
    .big_tit{  font-size: 40px !important; font-weight: 600;line-height: 40px; letter-spacing: -1.6px; }
    .cont_tit_flex{gap: 0; margin-bottom: 28px !important;}
    .cont_tit_flex a{max-width: 29px;}
  }

  @media screen and (max-width:480px) {
    .big_tit{  font-size: 42px !important; }
  }

.content-1{padding: 150px 0 0 0;max-width: 1440px; height: 100%; margin: 0 auto; box-sizing: border-box; }
.cont1_text,.cont1_img{display: flex; justify-content:space-between; gap:80px;}

.cont1_tit {font-size: 80px;line-height: 1.2;font-weight:900;width: 50%;margin-bottom: 70px;}
.cont1_tit {font-weight: bold;color: #222;/* 기본 색상 */}
.letter {color: lightgray;transition: color 1.2s ease-in-out;}
.cont1_text .desc {font-size: 20px;color:#222;width: 50%;word-break: keep-all; font-weight:600; line-height: 30px !important;}
.cont1_img .img_wrap {width: 50%;}
.cont1_img .img_wrap img{width: 100%;border-radius: 48px;}
@media screen and (max-width: 1023px){
    .cont1_text{display: block}
    .cont1_tit,.cont1_text .desc {width: 100%;}
    .cont1_tit{font-size: 60px;font-weight: 600;line-height: 60px; /* 100% */letter-spacing: -1.8px; margin-bottom: 12px;}
    .cont1_text .desc{font-size: 16px; line-height: 26px !important;}
    .cont1_img{gap: 28px;}
      .cont1_img img{ margin-top: 36px; border-radius: 32px !important;}
}

@media screen and (max-width: 767px) {
    .cont1_tit{font-size: 40px;font-weight: 700;line-height: 48px; /* 120% */letter-spacing: -1.2px; margin-bottom: 10px;}
    .cont1_img{ gap: 24px;}
    .cont1_text,.cont1_img{display: block}
    .cont1_img .img_wrap {width: 100%;;}
    .cont1_img .img_wrap img{border-radius:24px !important;}
  }
  

.cont2-slider {overflow-x: hidden;}
.content-2 {margin: 0 50px; padding: 150px 0 0 0;}
.cont2_flex { display: flex; justify-content: space-between; align-items: stretch; gap: 40px; margin: 0 auto; }
.cont2_flex .img_wrap {flex: 1 1 auto; min-width: 0;  height: 740px; overflow: hidden; border-radius: 48px;}
.cont2_flex .img_wrap img { width: 100%;height: auto;object-fit: cover;object-position: top;display: block;}
.slide_box2 {position: relative;flex: 0 0 540px; width: 540px; height: 740px; background: #ffffff; padding:100px 60px; border-radius: 48px;; text-align: center; display: flex; flex-direction: column; justify-content: space-between;}
.slide_box2 .web_tit {font-size:48px; font-weight: bolder; line-height: 48px;  width: 100%;}

.slide_box2{ display: flex; align-items: center; justify-content: center;}
.slide_box2 .desc {margin: 0 auto 0 auto;font-size: 20px;color: #666;line-height: 34px;flex-grow: 1; word-break: keep-all; padding-top: 40px;}
.cont2_flex .desc-mo{display: none;}

.slide_box2 .cont2-nav {position: absolute; bottom: 80px;   left: 50%;transform: translateX(-50%); display: flex;align-items: center; gap: 24px; z-index: 9;}
.swiper-pagination2{width: fit-content !important;}
.cont2-nav .swiper-button-prev2{width: 48px; height: 48px;     background-image: url(../image/main/slideprev.png); background-size: contain; background-repeat: no-repeat; cursor: pointer; }
.cont2-nav .swiper-button-next2{width: 48px; height: 48px;     background-image: url(../image/main/slidenext.png); background-size: contain; background-repeat: no-repeat; cursor: pointer;}


.swiper-pagination2 {color: #666;   }
.swiper-pagination2 .swiper-pagination-current {color: #222 !important}
.swiper-pagination2 .swiper-pagination-total { color: #666;    }

@media screen and (max-width: 1279px){
.slide_box2{padding: 40px 40px 80px 40px;}
    .cont2_flex .img_wrap { height: 600px; }
    .slide_box2 {flex: 0 0 400px; width: 400px; height: 600px; background: #ffffff;}
    .slide_box2 .cont2-nav{bottom: 20px;}
}

@media screen and (max-width: 1023px){
.cont2_flex {display: block;}
 .cont2_flex .img_wrap {width:100%;border-radius: 32px !important }

 .slide_box2 {display: none;}
 .slide_box2 .desc {display: none;}
 .slide_box2 .web_tit{margin-top: 0; display: none;}
 .cont2_flex .desc-mo{ text-align: center; display: block; font-size: 24px;font-weight: 500;line-height: 24px; letter-spacing: -0.24px; border-radius: 60px; background: white; padding:14px 24px ; margin: 20px auto 0 auto;}
}


@media screen and (max-width: 767px) {
 .cont2_flex .desc-mo{ font-size: 18px;line-height: 24px; letter-spacing: -0.18px;} 
.cont2_flex .img_wrap {width: 100% !important; max-height:none; height: fit-content; border-radius: 24px !important;}

}
  


.content-3{overflow:hidden;width:100%;margin:0 auto;padding:150px 0px 0px 0px;}
.s3-swiper{width:100%; margin: 40px auto 0 auto;padding-bottom:2.5% ;}
.s3-swiper .swiper-wrapper{display:flex;width:100%;transition:transform 1.5s ease-in-out;padding-bottom:20px;}
.s3-swiper .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;padding-bottom:40px;transition:transform 1.5s ease-in-out;}
.s3-swiper .swiper-wrapper .swiper-slide:nth-child(odd){transform:translateY(5%);}
.s3-swiper .swiper-wrapper .swiper-slide:nth-child(even){transform:translateY(-5%);}
.s3-swiper .swiper-wrapper .swiper-slide-active{transform:translateY(10%)!important;}
.s3-swiper .swiper-wrapper .swiper-slide a{width: 100%; height: 100%;}
.s3-swiper .swiper-wrapper .swiper-slide a figure{position: relative;}
.s3-swiper .swiper-wrapper .swiper-slide a figure img{border-radius: 48px !important;width: 100%; height: 100%;}
.s3-swiper .swiper-wrapper .swiper-slide a figure .text{position: absolute; top: 0; left: 0%; opacity: 0;  width:100%; height: 100%;font-size: 17px; font-weight: 700;color: #ffffff;text-align: center;box-sizing: border-box;background: rgba(000,000,000,0.5); transition: ease-in-out 0.3s; display: flex!important; justify-content: center; align-items: center; border-radius: 48px;}
.s3-swiper .swiper-wrapper .swiper-slide:hover .text{ opacity: 1;}
.s3-swiper .swiper-wrapper .swiper-slide a figure .text .more{ border:1px solid #fff;;display: inline-block;padding:12px 28px;color: white; border-radius: 100px; font-size: 20px;font-weight: 600; line-height: 20px; }
.s3-swiper .swiper-wrapper .swiper-slide a figure .text  .title{ text-align: center; color: white; font-size: 24px;font-weight: 700;line-height: 24px; margin-bottom: 20px;}

@media screen and (max-width: 1279px){
.s3-swiper{padding-top: 30px;}
.s3-swiper .swiper-wrapper .swiper-slide:hover .text {opacity: 0 !important;}
}
@media screen and (max-width: 1024px) {
       .s3-swiper .swiper-wrapper .swiper-slide a figure .text{border-radius: 32px;}
.s3-swiper .swiper-wrapper .swiper-slide a figure img{border-radius: 32px !important}
}
@media screen and (max-width: 767px) {
    .s3-swiper{padding-top: 0px;}padding-bottom:6% ;
    .s3-swiper .swiper-wrapper .swiper-slide a figure .text{border-radius: 24px;}
.s3-swiper .swiper-wrapper .swiper-slide a figure .text .more{ padding:10px 24px; border-radius: 100px; font-size: 15px;font-weight: 600; line-height: 15px; }
.s3-swiper .swiper-wrapper .swiper-slide a figure .text  .title{ font-size: 16px;font-weight: 600;line-height: 16px; margin-bottom:13px;}
.s3-swiper .swiper-wrapper .swiper-slide a figure img{border-radius:24px !important}

}


.bottom_section {
    position: relative;
    box-sizing: border-box;
    padding: 150px 0px;
}
.bottom_section img {
    width: 100%;
}


.bottom_inner{background: url('../image/main/bottom.png'); background-size: cover; background-repeat: no-repeat; border-radius: 48px; background-position: center right; padding:100px 270px;}
.bottom_inner h2{font-size: 48px;font-weight: 800;line-height: 62px; letter-spacing: -0.96px; color: white;margin-bottom: 20px;}
.bottom_inner .tel{font-size: 28px;font-weight: 600;line-height: 36px; color: white;}
.bottom_inner .link{ border:1px solid #fff; border-radius: 100px; padding: 20px 30px; display: flex; align-items: center; width: fit-content; font-size: 20px; color: white !important;font-family: 'Pretendard Variable' !important; margin-top: 30px; transition: ease-in 0.3s;font-weight: 600;line-height: 20px;}
.bottom_inner .link:hover{background: #fff; color: #222 !important; }

@media screen and (max-width: 1439px){
  .bottom_inner{padding: 60px}
}

@media screen and (max-width: 1023px) {
    .bottom_inner{padding: 40px 48px ;border-radius: 32px;}
       .bottom_inner h2{font-size: 32px;font-weight: 800;line-height: 42px; margin-bottom: 24px;}
    .bottom_inner .tel{font-size: 20px;font-weight: 600;line-height: 26px;}
    .bottom_inner .link{margin-top: 24px;font-size: 17px;font-weight: 600;line-height: 17px; padding: 16px 24px;}
   }
 @media screen and (max-width: 767px) {
    .bottom_section{padding:60px 0 100px 0}
    .bottom_section{ background:url(../image/main/bottom-mo.jpg) no-repeat; background-position: center; background-size:cover}
    .bottom_inner{padding: 80px 24px;background: url('../image/main/bottom_mo.png');background-size: cover; background-repeat: no-repeat;border-radius: 24px;}
    .bottom_inner h2{font-size: 20px; line-height: 28px; margin-bottom: 24px; font-weight: 800;}
    .bottom_inner .tel{font-size: 18px; line-height: 24px; font-weight: 800;}
    .bottom_inner .link{ font-size: 15px;font-weight: 600;line-height: 15px; letter-spacing: -0.15px;}
    .bottom_inner .link:hover{background: none;color: white !important; }

   }

      

/*-------이미지HOVER--------*/
.cont_box{
  display: block; width: 100%;
}
.cont_box figure{
  position: relative;
}
.cont_box .text{
  position: absolute;
  top: 0; left: 0;
  display: none;
  width: 100%; height: 100%;
  font-size: 17px; font-weight: 700;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  background: rgba(000,000,000,0.5);
}
.cont_box:hover .text{display: flex!important; justify-content: center; align-items: center}
.cont_box .text p{ text-align: center;;font-size: 18px}
.cont_box:hover .text{display: block;}
.cont_box .text .link{width:85%;margin:0 auto; display: flex; justify-content: space-between;}

.cont_box .text a{
  margin-top:30px; border:2px solid #fff;;display: inline-block;padding:5px 15px;color:#fff!important;width:150px;font-size: 14px
}


/*-------이미지HOVER--------*/
@media screen and (max-width: 1023px) {
	.cont_box .text p{font-size: 16px}
  .cont_box .text a{margin-top:10px}
  .cont_box .text .link{display: block}
}
@media screen and (max-width: 767px) {
  .content-3{ padding: 30px 0}
  .content-4{ padding: 30px 0}

	.cont_box .text p{font-size: 16px}
  .cont_box .text a{margin-top:5px; width:60%; font-size: 14px}

  .mo-n{display: none !important}
  .pc-n{display: block !important}

}
.footbr{display: none}
.pc-n{display: none;}
.db430{display: none !important}
@media screen and (max-width: 430px) {

	.footbr{display: block}
  .dn430{display: none }
  .db430{display: block ;text-align: right}

  .cont_box .text p{font-size: 14px}
  .cont_box .text a{margin-top:3px; width:60%; font-size: 11px}
  .cont_box2 .text .title{
    font-size: 14px
  }
   .text .more{font-size: 11px}

}
.linkbtn{display: flex !important; justify-content: space-between; text-align: center;}
.linkbtn a{display: block; width:50%; border:1px solid #ddd;font-size: 14px}


/*bootstrap*/
.nav-link{
  padding: 15px 0 !important
}
.navbar-nav .dropdown-menu{
  position:absolute!important
}





@media screen and (max-width: 1920px){.cont{padding: 0 50px !important; }}
@media screen and (max-width: 1023px){

    .cont{padding: 0 32px !important; }
    .content-1,.content-3,.content-2 {margin: 0 ; padding: 120px 0 0 0;}
}

@media screen and (max-width: 767px){
        .cont{padding: 0 24px !important; }
.content-1,.content-3,.content-2 {padding: 100px 0 0 0;}
}


.tb-only{display: none;}
.mo-only{display: none;}
@media screen and (max-width: 767px) {
    .pc-only{display: none !important;}
    .mo-only{display: block !important;}
}