@charset "UTF-8";
@import url(common.css);



.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      background: #000;
    }


header{
  height: var(--header-h);
}

body{width: 100vw;height: 100vh;overflow: hidden;font-family:'Pretendard-Regular' ;}
input::placeholder,textarea::placeholder,button,#section2 >.text_box .hero1{font-family:'Pretendard-Regular'}
 .vrap .flow-nav h4,.pop .pop_wrap h2, .hero1,.visual span,body .hero1, body .hero1 span{font-family: 'Pretendard-Bold';}
.gnb_box .gnb li:hover a{font-weight: 700;}
.gnb_box .gnb li {
  font-family: 'Pretendard';
  font-weight: 400;
  transition: font-weight .3s ease;
}

header{background-color:transparent;display: flex;justify-content: center;width: 100%;position: absolute;position: fixed;z-index: 99 !important;}
.centerbox1400{display: flex;justify-content: center;width: 90%;align-items: center;}
.gnb_box{display: flex;justify-content: space-between;height:75px;align-items: center;width: 80%;height: 60px;}
.gnb_box .logo_wrap{height: 50%;}
.gnb_box .logo_wrap img{background-size: cover;height: 80%;}
.gnb_box .gnb{display: flex;width: 40%;height: 100%;}
.gnb_box .gnb li{width:calc(100%/5);height: 100%;display: flex;align-items: center;justify-content: center;}
.gnb_box .gnb li a{color: #fff;font-size: var(--fz5);width: 100%;}
.gnb_box .gnb li a img{width: 80%;}

/*section1 시작*/

.section{width: 100vw;height: calc(100% - var(--header-h));}
#section1{width: 100%;height: 100%;position: relative;}
#section1 .S1_wrap{width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center;position: absolute;}
#section1 video{width: 100%;position: relative;}
#section1 .S1_text_box{position: absolute;z-index: 3;display: flex;flex-direction: column;align-items: center;width: 100%;padding-bottom: 100px;}
#section1 .S1_text_box h4{line-height: 1.7;}
#section1 .S1_text_box h4 > span,#section1 .S1_text_box h4{font-size: var(--hero);}
#section1 .S1_text_box h4 > span {color: #2FF294;}
#section1 .S1_text_box p{color: #fff;font-size: var(--fz2);margin-top: 30px;text-align: center;}
#section1 .S1_text_box > span{font-size: var(--fz5);border-top: 1px solid #ffffff23;border-bottom: 1px solid #ffffff23;padding: 15px;}
#section1 .S1_text_box h4,#section1 .S1_text_box span{color: #fff;}

/*section1 시작*/

/*pop영역*/
.pop{position: fixed;left: 0;top: 0;z-index:3;width: 100%;height: 100%;background: #0000008a;margin: 0 auto;display: flex;align-items: center;justify-content: center;display: none;}
.pop .pop_wrap{background: #fff;width: 40%;padding: 30px;}
.pop .pop_wrap h2{font-size: var(--fz1);color: #626262;text-indent: 30px;margin-top: 20px;letter-spacing: -3px}
.pop .pop_wrap .qna_box{margin: 30px 0 0px 0 ;}
.pop .pop_wrap li{font-size: var(--fz5);;border-bottom: 1px solid #e4e4e4;padding: 30px;display: flex;justify-content: space-between;align-items: center;}
.pop .pop_wrap li{align-items: start;gap: 15px;line-height: 1.2;}
.pop .pop_wrap li h4{font-size: var(--fz4);}
.pop .pop_wrap li:last-child{border: 0px solid #000;}
.pop .pop_wrap .qna_box li .show_btn {display: none;color: #4f4f4f;}
.pop .pop_wrap .qna_box li.active .show_btn {display: block;}
.pop .pop_wrap li a{width: 30px;display: flex;justify-content: center;align-items: center;}
.pop .pop_wrap li a img{background-size: cover;width: 100%;}
.pop .pop_wrap .close_box{display: flex;justify-content: center;}
.pop .pop_wrap .close_box .close{display: flex;border-radius: 0px;background: #626262;;height: 60px;display:  flex;align-items: center; margin-top: 30px;;justify-content: center;width: 15%;color: #fff;border: 0px solid #000;cursor: pointer;}

/*pop영역 끝*/


/** section2 **/
#section2{height: 100%;display:flex;gap: 15px ;flex-direction: column;
    }
#section2 h2,#section2 p,#section2 span{color: #fff;}
#section2 .roughmap_maker_label .roughmap_lebel_text{color: #000;}
#section2 .text_box{margin-bottom: 80px;width: 55%;}
#section2 h2{font-size: var(--fz);font-weight: normal;}
#section2 h2 span{font-weight: bold;}
#section2 .text_box p{font-size: var(--fz3);margin-top: 20px;}
#section2 .text_box .morei{display: flex;height: auto;width: 100%;justify-content: space-between;margin-top: 70px;}
#section2 .text_box .morei::before
#section2 .text_box .morei h4{font-size: var(--fz4);}
#section2 .text_box .morei p{font-size: var(--fz5);}

#section2 .text_box .morei .more {display: flex;flex-direction: column;height: 20%;flex-grow: 1;}
#section2 .text_box .morei .more::before{content: "";position: absolute;;width: 1px;height: 50px;background: #ffffff3c;}
#section2 .text_box .morei .more:first-child:before{content: "";background: transparent;}

#section2 .text_box .morei p,#section2 .text_box .morei h4{color: #fff;}

/** section2 마무리 **/

/** section3 시작 **/
#section3{display: flex;align-items: center;justify-content: center;;}
#section3 .s_wrap{width: 60%;flex-direction: column;justify-content: center;align-items: center;}
#section3 .hero1{color: #fff;font-size: var(--fz);text-align-last: left;margin-bottom: 50px;}
#section3 .form button{width:25%;display:flex;align-items:center;justify-content:center;padding:0;}
input,textarea,button{border-radius: 15px;height: 80px;}
input::placeholder,textarea::placeholder,button{padding: 10px;font-size: var(--fz5);;}
textarea{height: 450px;padding:10px 10px 0 0;box-sizing: border-box;}
#section3 .form_wrap{width: 100%;color: #fff;text-align-last: left;font-size: var(--fz5);text-indent: 5px;}
#section3 .form_wrap > button{text-align: center;}
#section3 .form {display: flex;flex-direction: column;gap: 20px;}
#section3 .form .putbox{width: 100%;display: flex;gap: 10px;color: #fff;}
#section3 .form .putbox label{flex-grow: 1;width: 100%;text-align-last: left;;gap: 10px;font-size: var(--fz5);display: flex;flex-direction: column;justify-content: start;text-indent: 5px;}
#section3 .form .putbox input,#section3 .form .putbox select{flex-grow: 1;}
#section3 .form .putbox select{border-radius: 15px;font-size: var(--fz5);color: rgb(118, 118, 118);}
#section3 .form .url{height: 100px;}
#section3 .form button{width: 25%;}

/** section3 마무리 **/

/* section4 시작 */

#section4{width:100%;}
#section4 .hero1{font-size:var(--fz);margin-bottom:30px;}
#section4 .works>.hero1,#section4 .works2>.hero1,#section4 main,#section4 main section{color:#fff;}

#section4 .works,.works2{height:100%;display:flex;flex-direction:column;;width:100%;align-items:center;justify-content: end;}
#section4 .works2{display: none;}
#section4 .btn_box button.active { opacity: 1;font-weight: 600; }
#section4 .btn_box button { opacity: .6; }
#section4 .wrap{max-width:1100px;margin:48px auto;padding:0 24px 48px;}
#section4 .grid{width:100%;display:flex;flex-direction:column;gap:15px;}
#section4 .gd1{width:100%;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;;}
#section4 .gd2{display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;}

#section4 .works2 .gd1,#section4 .works2 .gd2{display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;}
#section4 .item{border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;background:#fff;height: 34vh;;position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#section4 .item.c,#section4 .item.f,#section4 .item.d,#section4 .item.e{background: #ffffff1c;}
#section4 .item .item_tb{position: absolute;color: #fff;width: 100%;height: 100%;background: #00000089;display: flex;align-items: center;justify-content: center;flex-direction: column;opacity: 0 ;transition: opacity 0.5s ease;box-sizing: border-box;padding: 30px;gap: 10px;}
#section4 .item .item_tb h5{font-size: var(--fz4);margin: 0;font-weight: normal;font-weight: 600;}

#section4 .item:hover .item_tb{opacity: 1 ;}

#section4 .works .item,#section4 .item img,
#section4 .works2 .item,#section4 .item img{background-size: cover;background-position: center 0;width: 100%;}

#section4 .works2 .item.a{background-image: url(/img/main2_1.png);}
#section4 .works2 .item.b{background-image: url(/img/main2_2.png);}

#section4 .works .item.a{background-image: url(/img/main1.png);}
#section4 .works .item.b{background-image: url(/img/main2.png);}#section4 .works .item.c{background-image: url(/img/main3.png);}
#section4 .works .item.d{background-image: url(/img/main4.png);}#section4 .works .item.e{background-image: url(/img/main5.png);}
#section4 .works .item.f{background-image: url(/img/main6.png);}



#section4 .btn_box{width: 15%;display: flex;gap: 15px;margin-bottom: 30px;box-sizing: border-box;}
#section4 .btn_box button{flex-grow: 1;border-radius: 0px;border: 1px solid #ffffff54;background: transparent;color: #fff;height: 65px;}

/* section4 마무리 */



/*section6 시작*/
#section6{width: 100%;height: 100%;display: flex;align-items: center;
}
#section6 .history{position:relative;margin-bottom:70px;width: 100%;}
#section6 .history > h4{color: #fff;border-bottom: 0px solid #000;font-size: var(--fz);}
#section6 .history > p{color: #fff;font-size: var(--fz2);padding-bottom: 100px;}
#section6 .history > p span{font-weight: 600;}
#section6 #his_carousel{position:relative;width:100%;margin:0 auto;overflow:visible;flex-grow: 1;}

#section6 .his_prev,#section6 .his_next{display:none}

#section6 .history .swiper-wrapper{position:relative;align-items:flex-start;justify-content: center;width: 100%;}
#section6 .history .swiper-slide{width:calc(100%/5);float:none;text-align:center;position:relative;z-index:1}

#section6 .history .dot{position:relative;display:block;width:30px;height:30px;margin:0 auto;border-radius:999px;background:#2FF294;top:13px}

#section6 .history .dot .dot_year{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:999px;transform:scale(0);transition:.3s}
#section6 .history .dot .dot_year:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:#2FF294;color:#000000;font-size:14px;font-weight:800;border-radius:999px}

#section6 .history .swiper-slide.swiper-slide-active .dot .dot_year,

#section6 .history .his_box{margin-top:18px;transition:.3s;}
#section6 .history .hist{margin-top:30px;font-size:var(--fz2);;color:#b7b7b8;font-family:"OpenSans";font-weight:700}
#section6 .history .hisd{margin-top:10px;font-size:var(--fz4);line-height:1.5;color:#a4a4a4}
#section6 .history .hisd strong{display:block;font-size:12px;color:#bfbfbf;font-weight:700;font-size: var(--fz4);}

#section6 .history .swiper-slide.swiper-slide-active .hist,


#section6 #his_carousel .buttons_wrap{position:absolute;left:0;right:0;bottom:-55px;top:auto;text-align:center;z-index:10}
#section6 #his_carousel .buttons{position:relative;display:inline-flex;align-items:center;gap:18px;padding:0 70px}

#section6 #his_carousel .pagers{margin-top:0 ;display: none;}
#section6 #his_carousel .pagers button{width:7px;height:7px;margin:0 8px;opacity:1;border-radius:999px;background:#d7d7d7}
#section6 #his_carousel button.swiper-pagination-bullet-active{background:#2FF294}
#section6 .history .swiper-slide.is-auto-active .dot .dot_year{
  transform: scale(1);
}

#section6 .history .swiper-slide.is-auto-active .hist{
  font-size: var(--fz2);
  color:#ffffff;
  font-weight:800;
}

#section6 .history .swiper-slide.is-auto-active .hisd strong{
  font-size: var(--fz4);
  color:#2FF294;
  font-weight:800;
}

#section6 .history .swiper-slide.is-auto-active .hisd.marT0{
  color:#2FF294;
  font-weight:700;
}
/*section6 마무리*/

/*section7 시작*/
  .s7{width: 100%;height: 100%;display: flex;align-items: center; justify-content: center; }
  .s7__wrap{width: 100%;;justify-content: center;align-items: center;; display: flex;flex-direction: column;}
  .s7__head{ position: relative;
    display:flex; gap:20px; justify-content: center;;
    margin-bottom:50px;
  }
  .s7__title{ font-size:44px; letter-spacing:-.02em; margin:0;font-size: var(--fz);color: #fff; }
 :root{--S7_bg:#050505;--S7_text:rgba(255,255,255,.92);--S7_muted:rgba(255,255,255,.58);--S7_line:rgba(255,255,255,.10);--S7_card:rgba(255,255,255,.06);--S7_card2:rgba(255,255,255,.045);--S7_shadow:0 22px 70px rgba(0,0,0,.55);--S7_radius:18px;--S7_radiusBtn:999px;--S7_blur:14px;}
.S7_pricing{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050505;color:#fff;}

.S7_container{width: 1800px
  ;height: 100%;;display: flex;flex-direction: column;}
.S7_header{width:100%;text-align:center;margin-bottom:100px;position:relative;z-index:5;}

.S7_title{font-size: var(--fz);;letter-spacing:-0.02em;margin:0;}
.S7_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;}
.S7_card{background:linear-gradient(180deg,var(--S7_card),var(--S7_card2));border:1px solid var(--S7_line);border-radius:var(--S7_radius);box-shadow:var(--S7_shadow);backdrop-filter:blur(var(--S7_blur));padding:18px 18px 16px;display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden;height: 24vh;}
.S7_card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 55%);transform:rotate(8deg);pointer-events:none;opacity:.65;}
.S7_cardTop{position:relative;z-index:1;}
.S7_cardTitle{font-size:var(--fz5);font-weight:400;margin:0 0 10px;color:rgba(255,255,255,.82);text-align-last: left;}
.S7_priceRow{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;}
.S7_price{font-size:28px;font-weight:800;letter-spacing:-0.02em;}
.S7_unit{font-size:12px;color:var(--S7_muted);font-weight:300;}
.S7_divider{height:1px;background: #292929;;margin:12px 0 14px;}
.S7_list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.S7_listItem{position:relative;padding-left:22px;color:rgba(255,255,255,.72);font-size:var(--fz5  );line-height:1.45;}
.S7_listItem::before{content:"✓";position:absolute;left:0;top:0;color:rgba(255,255,255,.72);font-weight:800;}
.S7_btn{margin-top:16px;display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--S7_radiusBtn);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);text-decoration:none;font-weight:500;font-size:var(--fz6);letter-spacing:-0.01em;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.S7_btn:hover{transform:t ranslateY(-1px);background:#2FF294;border-color:#2FF294;color: #000;font-weight: 600;}
.S7_cardEmphasis{outline:1px solid rgba(255,255,255,.10);}
.S7_note{text-align:center;margin:18px 0 0;color:rgba(255,255,255,.45);font-size:12px;line-height:1.6;}
@media (max-width:1100px){.S7_grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.S7_grid{grid-template-columns:1fr;}}


/*section7 마무리*/

/*section8 시작*/

#section8{background:#000;color:#fff;}
 .pricingSlider{height: 100%;}
#section8 .s8{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 20px;box-sizing:border-box;}
#section8 .s8__inner{width:min(1400px,100%);text-align:center;}
#section8 .s8__head{margin-bottom:40px;}
#section8 .s8__title{font-size:var(--fz);font-weight:700;line-height: 1.5;;color:#fff;}
#section8 .s8__sub{font-size:14px;color:rgba(255,255,255,.75);font-size: var(--fz2);margin-bottom: 70px;}
#section8 .s8__sub span{font-weight: 600;}

#section8 .s8__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px;}

#section8 .s8__card{position:relative;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:34px 24px 60px;min-height:190px;backdrop-filter:blur(6px);transition:.2s;}
#section8 .s8__card:hover{transform:translateY(-4px);background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.18);}
#section8 .s8__check{display:inline-block;width:25px;height:25px;border-radius:50%;background:#2fe28a;margin-bottom:14px;position:relative;}
#section8 .s8__check:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:#2FF294;color:#000000;font-size:14px;font-weight:800;border-radius:999px}

#section8 .s8__cardTitle{font-size:18px;line-height:1.35;font-weight:600;margin:0 0 12px;font-size: var(--fz4);color: #fff;border-bottom: 1px solid #363636;box-sizing: border-box;padding-bottom: 15px;}

#section8 .s8__cardDesc{font-size:13px;line-height:1.55;color:rgba(255,255,255,.7);margin:0;font-size: var(--fz5);}

#section8 .s8__arrow{position:absolute;right:18px;bottom:16px;font-size:18px;color:rgba(255,255,255,.75);text-decoration:none;transition:.2s;}

#section8 .s8__card:hover .s8__arrow{transform:translateX(2px);color:rgba(255,255,255,.95);}

@media(max-width:980px){#section8 .s8__cards{grid-template-columns:1fr;max-width:520px;margin:0 auto;}}

/*section8 시작*/


.mySwiper .swiper-pagination-bullet{width:20px ; height: 20px;;background: #ffffff7c;;}
.mySwiper .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets
{left:10%;}
.swiper-pagination-bullet-active{background: #ffffff  !important;}

.quick-contact{position:fixed;right:24px;bottom:30px;z-index:99999;display:flex;flex-direction:column;gap:25px;width:80px}
.qc-btn{display:flex;align-items:center;gap:12px;;border-radius:500px;box-shadow:0 10px 25px rgba(0,0,0,.15);text-decoration:none;transition:.3s}
.qc-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.25);transition: .5s;}
.qc-text{font-size:13px;line-height:1.4;color:#111;white-space:nowrap}
.qc-btn img{width:80px;height:80px;border-radius:50%}
.qc-btn.kakao img{background:#FEE500;width: 100%;background-size: cover;}
.qc-btn.Qna{background: #2582DA;cursor: pointer;}


@media(max-width:1080px){
  #section4 .item{min-height:320px;}
  #section4 .works2 .item.a{background-image: url(/img/T_main2_1.png);background-size: cover;background-position: center 0;width: 100%;}
  #section4 .works2 .item.b{background-image: url(/img/T_main2_2.png);background-size: cover;background-position: center 0;width: 100%;}
}

@media(max-width:768px){.qc-text{display:none}
.centerbox1400{width: 100%;}  
.gnb_box .gnb > .a_logo{width:70% ;}
  .gnb_box .gnb li{width: 0px;}
  .gnb_box .gnb li a img{width: 100%;}
  .gnb .gnb_li a,.gnb_box .logo_wrap{display: none;}
  .gnb_box{display: flex;justify-content: start;width: 86%;}
  #section1 .S1_text_box{width: 80vw;}
  #section1 .S1_text_box h4 > span, #section1 .S1_text_box h4
  {font-size: var(--fz1);}
  #section1 .S1_text_box > span{font-size: var(--fz7);display: none;}
  #section1 .S1_text_box p{font-size: var(--fz6);margin-top: 0;}
  #section1 .S1_text_box{justify-content: center;padding-bottom: 0;}
  #section1 video{height: 100%;width: auto;object-fit: contain; 
    object-position: center;}
  
  /* quick */
  
  .quick-contact{width: 40px;gap: 15px;}
  .qc-btn.Qna{display: none;}
  .qc-btn img{width: 40px;height: 40px;}
  /* quick */

  /* section6 */
    #section6 .history{margin-bottom: 0;margin-top: 50px;}
    #section6 .history .swiper-wrapper{display: flex;flex-direction: column;}
    #section6 .history .swiper-slide{width: 100%;}
    #section6 .history .hist{font-size: var(--fz5);}
    #section6 .history .swiper-slide.is-auto-active .hisd strong,
    #section6 .history .hisd{font-size: var(--fz7);}
    #section6 .history .dot{width: 20px ;height: 20px;}
    #section6 .history .his_box{margin-top: 0;}
    #section6 .history .his_box .marT0{display: none;}
    #section6 .history > p{margin-bottom: 30px;padding-bottom: 0;font-size: var(--fz5);margin-top: 10px;}
     #section6 .history .swiper-slide.is-auto-active .hist{font-size: var(--fz4);}
    #section6 .history .hisd{margin-top: 20px;}
     #section6 .history .hisd strong,#section4 .btn_box button{height: 40px;font-size: var(--fz6);;}
    #section6 .history .hist{display: none;}
    #section6 .history .his_box{display: flex;justify-content: center;align-items: center;}
    #section6 .history > h4{font-size: var(--fz2);line-height: 1;}

  /* section6 */

    /*section4*/
    
    #section4 .works .item.a{background-image: url(/img/T_main1.jpg);}
    #section4 .works .item.b{background-image: url(/img/T_main2.jpg);}#section4 .works .item.c{background-image: url(/img/T_main3.jpg);}
    #section4 .works .item.d{background-image: url(/img/T_main4.jpg);}#section4 .works .item.e{background-image: url(/img/T_main5.jpg);}
    #section4 .works .item.f{background-image: url(/img/T_main6.jpg);}

    #section4 .hero1 {margin-bottom: 10px;font-size: var(--fz2);}
    #section4 .btn_box{width: 70%;}
    #section4 .gd1,#section4 .gd2,
    #section4 .works2 .gd1, #section4 .works2 .gd2
    {grid-template-columns: 1fr 1fr 0;gap: 0;}
    #section4 .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
    #section4 .grid .gd1,#section4 .grid .gd2{display:contents;}
    #section4 .item{min-height:100px;height:21vh;}
   
    /*section4*/


    /*section7*/
      .S7_title{font-size:var(--fz2);}
      .S7_header{margin-bottom: 0;}
      .S7_container{width: 85%;}
      .S7_card{height: auto;}
      .S7_listItem{font-size: var(--fz6);}
      #section7 .pricingSlider{overflow:hidden;}
      #section7 .S7_grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:12px;}
      #section7 .S7_grid::-webkit-scrollbar{display:none;}
      #section7 .S7_grid{scrollbar-width:none;}
      #section7 .S7_card{flex:0 0 80%;scroll-snap-align:center;}
    /*section7*/
   
    /*section2*/
    #section2 .text_box{width: 80%; margin-bottom: 30px;}
      #section2 h2{font-size: var(--fz4);}
      #section2 h2 span{font-size: var(--fz4);}
      #section2 .text_box p{font-size: var(--fz8);margin-top: 5px;}
      #section2 .text_box .morei{display: flex;flex-direction: column;
      margin-top: 30px;}
      #section2 .text_box .morei p{font-size: var(--fz7);color: #c2c2c2;}
      #section2 .text_box .morei .more{align-items: start;margin-bottom: 15px;}
      #section2 .text_box .morei .more::before{display: none;}
      .root_daum_roughmap{height: 30vh;}
    /*section2*/
 
    /*section8*/
    #section8{height: 100%}
    .pricingSlider{height: 100%;}
    #section8 .s8__title{font-size: var(--fz2);}
    #section8 .s8__sub,#section8 .s8__sub span{font-size: var(--fz7);}
    #section8 .s8__cards{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
     #section8 .s8__sub{margin-bottom: 30px;}
     #section8 .s8__card{
    flex: 0 0 85%;           
    scroll-snap-align: start;scroll-snap-stop: always; 
    }
    /*section8*/
  }