@charset "utf-8";

@keyframes proofflicker{
	0%{opacity: 0.3;}
	49.9%{opacity: 0.3;}
	50%{opacity: 1;}
	99.9%{opacity: 1;}
	100%{opacity: 0.3;}
}
.proofflicker{animation: proofflicker 1.5s ease infinite;}

.d-ib{display: inline-block;}

[data-aos="highlighter"]{position: relative;background: linear-gradient(to right, #000 50%); background-size: 200% 100%; background-repeat: no-repeat;background-position: 200% 100%;}
[data-aos="highlighter"].aos-animate{background-position: 100% 100%;}


.anim1{opacity: 0; transform: scale(2); display: inline-block;}
.anim1-1d{opacity: 0; transform: scale(4); display: inline-block;}
.anim1-1t{transform: scale(4); display: inline-block;}
.on .anim1{animation: anim1 0.4s .7s forwards ease-in; }
.on .anim1-1d{animation: anim1-1d 0.4s .6s forwards ease-in; }
.on .anim1-1d.delay2{animation: anim1-1d 0.4s 1s forwards ease-in; }
.on .anim1-1d.delay3{animation: anim1-1d 0.4s 1.4s forwards ease-in; }
.on .anim1-1d.delay4{animation: anim1-1d 0.4s 1.8s forwards ease-in; }
.aos-animate .anim1-1t{animation: anim1-1d forwards ease-in; }
@keyframes anim1 {
    0%{
        transform: scale(2);
        opacity: 0;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
    
}


@keyframes anim1-1d {
    0%{
        transform: scale(4);
        opacity: 0;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
    
}

.anim2{animation: anim2 1s step-end infinite;}
@keyframes anim2 {
    
    50%{opacity: 0;}
    
}

.anim3{display: inline-block; animation: anim3 1.5s ease infinite;}
.anim3-2{display: inline-block; animation: anim3-2 1.5s ease infinite;}

@keyframes anim3 {
    0% {transform: scale(1.12);}
    50% {transform: scale(1);}
    55% {transform: scale(1.12);}
    60% {transform: scale(1.1);}
    65% {transform: scale(1.12);}
    70% {transform: scale(1.1);}
    95% {transform: scale(1.1);}
    100% {transform: scale(1.12);}
}
@keyframes anim3-2 {
    0% {transform: scale(1.2);}
    50% {transform: scale(1);}
    55% {transform: scale(1.2);}
    60% {transform: scale(1.1);}
    65% {transform: scale(1.2);}
    70% {transform: scale(1.1);}
    95% {transform: scale(1.1);}
    100% {transform: scale(1.2);}
}

.anim4{display: inline-block; animation: anim4 1.5s ease infinite;}
.anim4-2{display: inline-block; animation: anim4 1.5s .75s ease infinite;}
@keyframes anim4 {
    0%{
      transform:translateY(0)
    }
    50%{
        transform:translateY(-5%)

    }
    100%{
        transform:translateY(0)

    }
}
@keyframes anim4-2 {
    0%{
      transform:translateY(0)
    }
    50%{
        transform:translateY(-15%)

    }
    100%{
        transform:translateY(0)

    }
}

#mVisual{overflow: hidden; position: relative;}
#mVisual:before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 15%; width: 599px; height: 916px; background: url('/images/main/mv_smoke.webp')no-repeat center center/contain; z-index: 4;}
#mVisual .fire{position: absolute; left: 0; bottom: 0; width: 100%; mix-blend-mode: screen;}
#mVisual .fire img{width: 100%;}
#mVisual.mv-bg{background: url('/images/main/mv-bg.webp')no-repeat center bottom/cover;}
#mVisual .mv-txt{position: relative; z-index: 5; display: flex; justify-content:center; align-items: flex-start; width: 1500px; max-width: 90%; margin: 0 auto; padding-top: 200px ; text-align: center; color: #fff;}
#mVisual .mv-txt .txt{padding-top: 50px;}
#mVisual .mv-txt h4{margin-bottom: .5em; font-size: 4.0rem;}
#mVisual .mv-txt h3{font-size: 6.4rem; line-height: 1.3em;}
#mVisual .mv-txt dl{margin-bottom: 2.08em; margin-top: 1.66em; font-size: 2.4rem;}
#mVisual .mv-txt dl dt{font-weight: 700; font-size: 1.17em;}
#mVisual .mv-txt dl dd{margin-bottom: 0.42em;}
#mVisual .mv_cn{}
#mVisual .mv_cn.rht{order: 2;}
#mVisual .mv-img{margin-top: -40px; display: flex; justify-content: center;}
#mVisual .mv-img .img2{margin: 150px -120px 70px ; z-index: 3;}
@media all and (max-width:1280px){
    #mVisual .mv_cn{}
    #mVisual .mv_cn img{max-width: 100%;}
}
@media all and (max-width:1024px){
    #mVisual .mv-txt{flex-wrap: wrap; padding-top: 100px;}
    #mVisual .mv_cn.rht{order: 1;}
    #mVisual .mv_cn img{width: clamp(150px, 20vw, 300px);}
    #mVisual .mv-txt .txt{order: 2; width: 100%; padding-top: 20px;}
    #mVisual .mv-img {margin-left: -10%;}
    #mVisual .mv-img img{max-width: 120%;}
}
@media all and (max-width:768px){
    #mVisual .mv-txt h4{font-size: 3.4rem;}
    #mVisual .mv-txt h3{font-size: 5.0rem;}
    #mVisual .mv-img .img2{margin: 100px -70px 70px;}
}
@media all and (max-width:480px){
    #mVisual .anim1-1d{animation: anim1-1d 0.4s .3s forwards 
ease-in;}
    #mVisual .mv-txt h4{font-size: 3.0rem;}
    #mVisual .mv-txt h3{font-size: 4.5rem;}
    #mVisual .mv-txt dl{font-size: 2.2rem;}
    #mVisual .mv_cn{width:27%;}
    #mVisual .mv-img {margin-top: 0;}
    #mVisual .mv-img{margin-left: -20%;}
    #mVisual .mv-img img{max-width: 140%;}
    #mVisual .mv-img .img2{margin: 50px -10vw 15vw;}
    #mVisual .mv-img > div{z-index: 1;}
    #mVisual .fire img{}

}
@media all and (max-width:380px){
    #mVisual .mv-txt dl{font-size: 2.0rem;}
    #mVisual .mv_cn{width: 25%;}
    #mVisual .btn_wrap{flex-wrap: wrap; gap: 0.5em;}
    #mVisual .btn_wrap .mbtn {display: block; padding: 1em; width: 100%;}

}

.btn_wrap{display: inline-flex; gap: 20px;}
.mbtn{display: inline-block; padding: 1.25em 1.65em; border-radius: 5px; font-size: 2.0rem; font-weight: 700; color: #fff;}
.mbtn.bg-M1{background: #dba355;}
.mbtn.bg-bl{background: #000;}
.btn_wrap .mbtn{ transition: all .5s;}
.btn_wrap .mbtn:hover{transform: translateY(-10px);}
@media all and (max-width:768px){
    .btn_wrap{gap: 1em;}
    .btn{font-size: 1.8rem;}
}
@media all and (max-width:568px){

}


.bt12{font-size: 1.2em;}

br.mo{display: none;}

.flow_txt{padding: 20px 0; background-color: #000; overflow: hidden;}
.flow_txt .slick-track{display: flex !important; gap: 50px; }
.flow_txt h3{flex:0 0 400px; position: relative; padding-left: 1.6em; background: url('/images/main/flow_txt.webp')no-repeat left top/contain; color: #fff; font-weight: normal; font-size: 2.3rem; white-space: nowrap;}
.flow_txt h3 span.fc-M1{color: #ecbf7f !important;}

.m_txt{margin-bottom: 50px;}
.m_txt h4:first-child{margin-bottom: .89em;}
.m_txt h4{font-size: 2.8rem; font-weight: 500; color: #363333;}
.m_txt h3{font-size: 4.5rem; line-height: 1.42em; color: #111;}
.m_txt p.t1{font-size: 2.0rem; line-height: 1.6em;}
.m_txt h3 + p.t1{margin-top: 1.4em;}
.m_txt.has-stamp{position: relative;}
.m_txt.has-stamp:before{content: ''; position: absolute; right:calc(100% + 25px); top: 0; transform: translateY(-50%); width: 62px; height: 118px; background:url('/images/main/sec01_stamp.webp')no-repeat right center/contain;}
@media all and (max-width:1280px){
    .m_txt{margin-bottom: 40px;}
    .m_txt h4{font-size: 2.4rem;}
    .m_txt h3{font-size: 4.0rem;}
    .m_txt.has-stamp:before{width: 50px; right:calc(100% + 15px);}
}
@media all and (max-width:1024px){
    .m_txt{margin-bottom: 35px;}
    .m_txt h4{font-size: 2.2rem;}
    .m_txt h3{font-size: 3.5rem;}
    .m_txt p.t1{font-size: 1.8rem;}
}
@media all and (max-width:568px){
br.mo{display: block;}
}
@media all and (max-width:568px){
    .m_txt{margin-bottom: 2em;}
    .m_txt h4{font-size: 2.0rem;}
    .m_txt h3{font-size: 3.2rem;}
    .m_txt p.t1{font-size: 1.7rem;}
    .m_txt h3 + p.t1{margin-top: 1.2em;}
}
@media all and (max-width:380px){
    .m_txt h3{font-size: 2.7rem;}
}

.sec01{background:url('/images/main/sec01_bg.webp')no-repeat center center/cover; overflow: hidden;}
.sec01 .b-inner{display: flex; justify-content: space-between;}
.sec01 .l_cont {display: flex; flex-direction: column; justify-content: center;}
.sec01 .l_cont .cont_wrap{}
.sec01 .l_cont .cont_wrap ul{display: flex;}
.sec01 .l_cont .cont_wrap ul li{margin-right: -1.68em; box-shadow: 0 0 18px rgba(0, 0, 0, 0.38);}
.sec01 .r_cont{position: relative; margin-top: 70px;}
.sec01 .r_cont .mark{position: absolute; left: calc(100% - 160px); bottom: 115px;}
@media all and (max-width:1500px){
    .sec01 .b-inner{width: 80%;}
    .sec01 .l_cont .cont_wrap ul li img{max-width: 100%;}
    .sec01 .r_cont .person{width: 34vw;}
    .sec01 .r_cont .person img{max-width: 100%;}
}
@media all and (max-width:1280px){
    .sec01 .r_cont .mark{width: 15vw; left: calc(100% - 10vw); bottom: 8vw;}
    .sec01 .r_cont .mark img{max-width: 100%;}
}
@media all and (max-width:1024px){
    .sec01 .b-inner{gap: 5%;}
}
@media all and (max-width:976px){
    .sec01 .b-inner{flex-direction: column; align-items: center;}
    .sec01 .l_cont{margin-top:140px;}
    .sec01 .l_cont .m_txt.has-stamp{text-align: center;}
    .sec01 .l_cont .m_txt.has-stamp:before{content: ''; left: 50%; transform: translateX(-50%); top: auto; bottom: 100%; width: 35px;}
    .sec01 .l_cont .cont_wrap{margin-left: -1.68em;}
    .sec01 .l_cont .cont_wrap ul{justify-content: center;}
    .sec01 .r_cont {display: inline-block; text-align: center;}
    .sec01 .r_cont .person{display: inline-block; width: 100%; max-width: 340px; text-align: center;}
    .sec01 .r_cont .mark{width: 120px;}
}
@media all and (max-width:976px){
     .sec01 .r_cont .mark{left: 80%;}
}
@media all and (max-width:568px){
    .sec01 .r_cont{margin-top: 40px;}
    .sec01 .r_cont .person{width: 80%;}
    .sec01 .r_cont .mark{left: 70%;}
}
@media all and (max-width:480px){
    .sec01 .b-inner{width: 90%;}
    .sec01 .l_cont .cont_wrap{width: 80%; margin-left:1.68em; margin-right: 3.36em;}
    .sec01 .r_cont .person{width: 60%;}
    .sec01 .r_cont .mark{left: 60%; width: 24vw;}
}
@media all and (max-width:380px){
    .sec01 .l_cont .cont_wrap{margin-left: 0; margin-right: 0; width: 90%;}
}


.sec02{position: relative;  aspect-ratio: 1920/1080; overflow: hidden; }
.sec02 .bg{position: absolute;; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.sec02 .bg iframe{width: 120%;height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/* .sec02:before{content: ''; position: absolute; left: 0; top: 0;; width: 100%; height: 100%; background:url('/images/main/sec02_frame.webp')no-repeat center center/contain; z-index: 2;} */
.sec02 .frame{position: absolute; left: 0; top: 0; width: 100%; ;height: 100%;}
.sec02 .frame .box{border:1px solid #e7bb7d; position: absolute; z-index: 15;}
.sec02 .frame .box.box1{width: calc(100% - (30px * 4)); height: 30px; left: calc(30px * 2); top: 30px; border-bottom:none;}
.sec02 .frame .box.box2{width: calc(100% - (30px * 4)); height: 30px; left: calc(30px * 2); bottom: 30px; border-top:none;}
.sec02 .frame .box.box3{width: 30px; height: calc(100% - 120px); left: 30px; top: 60px; border-right: none;}
.sec02 .frame .box.box4{width: 30px; height: calc(100% - 120px); right: 30px; top: 60px; border-left: none;}
.sec02 .frame > span {position: absolute; width: 30px; height: 30px; display: flex;; justify-content: center; align-items: center;}
.sec02 .frame > span > span{display: inline-block; width: 10px; height: 10px; background-color: #e7bb7d;}
.sec02 .frame > span.sp1{left: 30px; top: 30px;}
.sec02 .frame > span.sp2{left: 30px; bottom: 30px;}
.sec02 .frame > span.sp3{right: 30px; top: 30px;}
.sec02 .frame > span.sp4{right: 30px; bottom: 30px;}

.sec02 .path_wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 6; opacity: .4;}


.title-svg {
    width: 600px;
  }

  .aos-animate .mask-rect {
   animation: reveal 2.5s cubic-bezier(.4,0,.2,1) forwards;
  }
@keyframes reveal {
  from {
    x: -800;
    y: 400;
  }
  to {
    x: 0;
    y: -200;
  }
}


[data-aos="show-left"] {
  position: relative;
  -webkit-text-stroke: 0.5px white;

  background: linear-gradient(
    90deg,
    white 0%,
    white 100%
  );
  background-size: 0% 100%;   /* 처음엔 안 채워짐 */
  background-repeat: no-repeat;
  background-position: left bottom;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-aos="show-left"].aos-animate {
  animation: fillText 1.5s .5s linear forwards;
}

@keyframes fillText {
  to {
    background-size: 100% 100%; /* 글자 전체 채움 */
  }
}


.sec02 h3{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;  font-family: "Nanum Myeongjo"; font-weight: 800; z-index: 10; font-size: 4.8rem; width: 100%; text-align: center;}
.sec02 h3 br.br1280{display: none;}
@media all and (max-width:1280px){
    .sec02 h3{font-size: 4.2rem;}
    .sec02 h3 br.br1280{display: block;}
}
@media all and (max-width:1024px){
    .sec02{}
    .title-svg {width: 400px;}
    .sec02 h3{font-size: 3.2rem;}
}
@media all and (max-width:568px){
    .sec02{aspect-ratio: 1/1;}
    .sec02 .bg iframe{width: 177.77%;height: 100%;}}
@media all and (max-width:480px){
    .title-svg {width: 240px;}
    .sec02 h3{font-size: 2.8rem;}
    .sec02 .frame .box.box1{width: calc(100% - (15px * 4)); height: 15px; left: calc(15px * 2); top: 15px; border-bottom:none;}
    .sec02 .frame .box.box2{width: calc(100% - (15px * 4)); height: 15px; left: calc(15px * 2); bottom: 15px; border-top:none;}
    .sec02 .frame .box.box3{width: 15px; height: calc(100% - 60px); left: 15px; top: 30px; border-right: none;}
    .sec02 .frame .box.box4{width: 15px; height: calc(100% - 60px); right: 15px; top: 30px; border-left: none;}
    .sec02 .frame > span {position: absolute; width: 15px; height: 15px; display: flex;; justify-content: center; align-items: center;}
    .sec02 .frame > span > span{display: inline-block; width: 5px; height: 5px; background-color: #e7bb7d;}
    .sec02 .frame > span.sp1{left: 15px; top: 15px;}
    .sec02 .frame > span.sp2{left: 15px; bottom: 15px;}
    .sec02 .frame > span.sp3{right: 15px; top: 15px;}
    .sec02 .frame > span.sp4{right: 15px; bottom: 15px;}
}

/* 
.sec03{position: relative; background:#1d180d url('/images/main/sec03_bg.webp')no-repeat center center/cover; aspect-ratio: 1920/950;}
.sec03:before{content: ''; position: absolute; width: 100%; height: 100%; background: url('/images/main/sec03_frame.webp')no-repeat center center/contain;;}
.sec03 .grid_text{position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 4;}
.sec03 .inner {height: 100%; display: flex;; align-items: center;}
.sec03 .inner .m_txt{margin-left: 64%;}
.sec03 .inner .m_txt .partner_count{margin-bottom: 1em; display: flex; gap: 10px; align-items: center; font-size: 3.2rem; font-weight: 700; color: #efb25a;}
.sec03 .inner .m_txt .partner_count .img{position: relative;}
.sec03 .inner .m_txt .partner_count .num{position: absolute; line-height: 1; left: 10px; top: 50%; transform: translateY(-50%); padding: 0 0 0 0.15em; letter-spacing: 1em; color: #171511; font-family: 'Nanum Myeongjo'; font-weight: 800;}
.sec03 .inner .m_txt .chon{margin-top: 45px;}
.sec03 .inner .m_txt .chon dl{position: relative; display: inline-block; padding: 1em 45px 1em 60px; margin-left: 60px; font-size: 2.0rem; background-color: #594e3b; color: #fff; border-radius: 10px;}
.sec03 .inner .m_txt .chon dl:before{content: ''; position: absolute; left: -60px; top: 50%; transform: translateY(-50%); width: 114px; height: 114px; background: url('/images/main/sec03_img1.webp')no-repeat center center/contain; border:5px solid #594e3b; border-radius: 50%;}
.sec03 .inner .m_txt .chon dl dt{ font-weight: 700;}
.sec03 .inner .m_txt .chon dl dd{margin-top: 10px; font-size: 1.7rem; font-weight: normal;}

@media all and (max-width:1680px){
    .sec03{background-position: 180% center;}
    .sec03 .grid_text{left: 5%;}
    .sec03 .inner .m_txt{margin-left: 60%;}
}
@media all and (max-width:1600px){
    .sec03{background-position: 380% center;}
    .sec03 .grid_text{display: none;}
    .sec03 .inner .m_txt{margin-left: 54%;}
}
@media all and (max-width:1280px){
    .sec03{aspect-ratio: 1/1; background-position:-250% top; background-size: auto 50%;}
    .sec03:before{background: url('/images/main/sec03_frame_mo.webp')no-repeat center center/contain;;}
    .sec03 .inner .m_txt{margin-left: 15px; margin-top: 50%; margin-inline:auto; display: flex; flex-direction: column; align-items: center; text-align: center;}
}
@media all and (max-width:1024px){
    .sec03{ background-position:120% top; background-size: auto 40%;}
    .sec03 .inner .m_txt .partner_count{font-size: 2.6rem;}
    .sec03 .inner .m_txt .partner_count .img img{width: 120px;}
    .sec03 .inner .m_txt .chon{margin-top: 15px;}
    .sec03 .inner .m_txt .chon dl{padding: 0.8em 30px 0.8em 45px; margin-left: 35px;;}
    .sec03 .inner .m_txt .chon dl:before{width: 90px; height: 90px;}
}
@media all and (max-width:768px){
    .sec03{ background-position:70% top; background-size: auto 30%;}
    .sec03 .inner .m_txt{margin-top: 35%;}
    .sec03 .inner .m_txt .partner_count{font-size: 2.2rem;}
    .sec03 .inner .m_txt .partner_count .img img{width: 96px;}
    .sec03 .inner .m_txt .chon{margin-top: 0.8em;}
    .sec03 .inner .m_txt .chon dl{font-size: 1.8rem; padding: 0.8em 1.2em 0.8em 1.6em; margin-left:1.6em;}
    .sec03 .inner .m_txt .chon dl:before{width: 70px; height: 70px;}
    .sec03 .inner .m_txt .chon dl dd{font-size: 1.6rem; margin-top: 0.3em;}
}
@media all and (max-width:480px){
    .sec03{aspect-ratio: auto; background-position:19vw top;}
    .sec03:before{display: none;}
    .sec03 .inner .m_txt{margin-top: 45%;}
    .sec03 .inner .m_txt .partner_count{font-size: 2.0rem;}
    .sec03 .inner .m_txt .partner_count .img img{width: 22vw; min-width: 87px;}
     .sec03 .inner .m_txt .chon dl{margin-top: 80px; margin-left: 0;}
      .sec03 .inner .m_txt .chon dl:before{left: 50%; right: auto; top: auto; bottom: calc(100% + 0.3em); transform: translateX(-50%);}
}
@media all and (max-width:380px){
     .sec03{background-position: 13vw top;}
} */



.sec04{padding: 50px 0; position: relative; background-color: #161513; overflow: hidden; }
.sec04:before{content: ''; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); width: 653px;aspect-ratio: 1/1; background: url('/images/main/sec04_bg.webp')no-repeat center center/cover;}
.sec04 .b-inner{display: flex; align-items: center;}
.sec04 .l_cont{color: #fff; width: 400px;}
.sec04 .l_cont h4{font-size: 2.8rem; font-weight: 500;}
.sec04 .l_cont h3{font-size: 12rem;  background: linear-gradient(
    180deg,
    #FFF2B0 0%,
    #ecbd51 30%,
    #e19f2f 60%,
    #B8860B 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;}
.sec04 .l_cont p{margin-top: 1.2em; font-size: 2.0rem; line-height: 1.6em;}
.sec04 .main_slider_wrap{position: relative; width: 780px; z-index: 3;}
.sec04 .main_slider .slick-track{padding: 128px;}
.sec04 .main_slider li img{border:1px solid rgb(255, 222, 148, 0.6); box-shadow: 0 0 120px #b7a38f;}
.sec04 .nav_slider_wrap{width: calc(100% - 400px - 780px); margin-left: -100px;;}
.sec04 .nav_slider{width: 1200px; }
.sec04 .nav_slider li{margin-right: 50px; width: 370px; filter: grayscale(1);}
.sec04 .nav_slider li img{width: 100%;}

@media all and (max-width:1600px){
    .sec04 .l_cont{width: 350px;}
}
@media all and (max-width:1400px){
    .sec04 .main_slider_wrap{width: 680px;}
    .sec04 .main_slider li img{width: 440px;}
    .sec04 .nav_slider_wrap{width: calc(100% - 350px - 680px); margin-left: -70px;}
    .sec04 .nav_slider li{width: 300px; margin-right: 40px;}
}
@media all and (max-width:1280px){
    .sec04 .l_cont{width: 280px;}
    .sec04 .l_cont h4{font-size: 2.2rem;}
    .sec04 .l_cont h3{font-size: 9rem;}
    .sec04 .l_cont p{font-size: 1.6rem;}
    .sec04 .main_slider_wrap{width: 580px;}
    .sec04 .main_slider li img{width: 340px;}
    .sec04 .nav_slider_wrap{width: calc(100% - 280px - 580px); margin-left: -80px;}
    .sec04 .nav_slider li{width: 210px; margin-right: 30px;}
}   
@media all and (max-width:1024px){
    .sec04{padding: 90px 0;}
    .sec04 .b-inner{flex-wrap: wrap;}
    .sec04 .l_cont{width: 100%; text-align: center;}
}
@media all and (max-width:768px){
    .sec04 .b-inner{position: relative;}
    .sec04 .main_slider_wrap{margin-left: -100px; margin-top: -50px;}
    .sec04 .nav_slider_wrap{margin-left: -100px;}
}
@media all and (max-width:568px){
    .sec04{padding: 70px 0 0}
    .sec04 .main_slider_wrap{width: 520px; margin-left: -130px; margin-top: -70px;}
    .sec04 .main_slider li img{width: 280px;}
    .sec04 .nav_slider_wrap{width: calc(100% - 520px); margin-left: -90px;}
    .sec04 .nav_slider li{width: 180px;}
}
@media all and (max-width:480px){
     .sec04 {padding: 60px 0 30px;}
    .sec04 .nav_slider_wrap{display: none;}
    .sec04 .main_slider_wrap{width: 100%;  margin-right: auto; margin-left: auto; margin-top:0;}
    .sec04 .main_slider .slick-track{padding: 10vw;}
    .sec04 .main_slider li img{width:calc(80vw - 10%); box-shadow: 0 0 10vw #b7a38f;}
}
@media all and (max-width:380px){
    .sec04 .l_cont h4{font-size: 2.0rem;}
    .sec04 .l_cont h3{font-size: 7rem;}
    .sec04 .l_cont p{font-size: 1.6rem;}
}



.sec03_new {position: relative; aspect-ratio:1920/950; overflow: hidden; background-color: #000; }
.sec03_new:before{content: ''; position: absolute; width: 100%; height: 100%; background: url('/images/main/sec03_frame.webp')no-repeat center center/contain;; z-index: 10;}

.sec03_new .grid_text{position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 4; clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); transition: clip-path 1.5s 1s ease-out;}
.sec03_new.on .grid_text{clip-path: inset(0);-webkit-clip-path: inset(0);}
.sec03_new .inbox{ display: flex; height: 100%;}
.sec03_new .l_cont{flex:1;}
.sec03_new .l_cont .parallax-img{position: absolute;
left: 20%;
  top: -250px;
  will-change: transform;
}
.sec03_new .l_cont .parallax-img > img{max-width: 100%;}
.sec03_new .l_cont .parallax-img .line img{max-width: 100%;}
.sec03_new .l_cont .parallax-img .line .line1{position: absolute; z-index: 9; top:42% ; left:47%;clip-path: inset(0 0 0 100%); transition: clip-path 2s ease-out;-webkit-clip-path: inset(0 0 0 100%);}
.sec03_new .l_cont .parallax-img .line .line2{position: absolute; z-index: 9; top:52% ; left:45%;clip-path: inset(0 0 0 100%); transition: clip-path 2s ease-out;-webkit-clip-path: inset(0 0 0 100%);}
.sec03_new .l_cont .parallax-img .line .line3{position: absolute; z-index: 9; top:60% ; left:45%;    clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); transition: clip-path 2s ease-out;}
.sec03_new .l_cont .parallax-img .line .line4{position: absolute; z-index: 9; top:48% ; left:73%; clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0); transition: clip-path 2s ease-out;}
.sec03_new .l_cont .parallax-img .line .line5{position: absolute; z-index: 9; top:62% ; left:71%;   clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); transition: clip-path 2s ease-out;}


.sec03_new.on .l_cont .parallax-img .line .line1,
.sec03_new.on .l_cont .parallax-img .line .line2,
.sec03_new.on .l_cont .parallax-img .line .line3,
.sec03_new.on .l_cont .parallax-img .line .line4,
.sec03_new.on .l_cont .parallax-img .line .line5{ clip-path: inset(0);-webkit-clip-path: inset(0);}

.sec03_new  .r_cont{display: flex;;flex-direction: column; justify-content: center; z-index: 3;}
.sec03_new .m_txt{padding-right: 170px;;}
.sec03_new .m_txt .partner_count{margin-bottom: 1em; display: flex; gap: 10px; align-items: center; font-size: 3.2rem; font-weight: 700; color: #efb25a;}
.sec03_new .m_txt .partner_count .img{position: relative;}
.sec03_new .m_txt .partner_count .num{position: absolute; line-height: 1; left: 10px; top: 50%; transform: translateY(-50%); padding: 0 0 0 0.15em; letter-spacing: 1em; color: #171511; font-family: 'Nanum Myeongjo'; font-weight: 800;}
.sec03_new .m_txt .chon{margin-top: 45px;}
.sec03_new .m_txt .chon dl{position: relative; display: inline-block; padding: 1em 45px 1em 60px; margin-left: 60px; font-size: 2.4rem; background-color: #594e3b; color: #fff; border-radius: 10px;}
.sec03_new .m_txt .chon dl:before{content: ''; position: absolute; left: -80px; top: 50%; transform: translateY(-50%); width: 134px; height: 134px; background: url('/images/main/chon.png')no-repeat center center/contain; border:5px solid #594e3b; border-radius: 50%}
.sec03_new .m_txt .chon dl dt{ font-weight: 700;}
.sec03_new .m_txt .chon dl dd{margin-top: 10px; font-size: 2rem; font-weight: normal;}
@media all and (max-width:1920px){
    .sec03_new .l_cont .parallax-img{top: -90%; left: 0;}
}
@media all and (max-width:1680px){
    .sec03_new .l_cont .parallax-img{width: 60%;}
    .sec03_new .l_cont .parallax-img .line .line1{width: calc( 14.643vw / 1.2); height: auto; aspect-ratio: 246/238;}
    .sec03_new .l_cont .parallax-img .line .line2{width: calc( 13.869vw / 1.2); height: auto; aspect-ratio: 233/82;}
    .sec03_new .l_cont .parallax-img .line .line3{width: calc( 13.869vw / 1.2); height: auto; aspect-ratio: 233/162;}
    .sec03_new .l_cont .parallax-img .line .line4{width: calc( 4.107vw / 1.2); height: auto; aspect-ratio: 69/115;}
    .sec03_new .l_cont .parallax-img .line .line5{width: calc( 4.226vw / 1.2); height: auto; aspect-ratio: 71/104;}
}
@media all and (max-width:1480px){
    .sec03_new .grid_text{left: 3%; }
    .sec03_new .grid_text img{width: 120px;}
    .sec03_new .l_cont .parallax-img{width: 50%;}
    .sec03_new .l_cont .parallax-img .line .line1 {width: calc( 14.643vw / 1.4); left: 48%;}
    .sec03_new .l_cont .parallax-img .line .line2{width: calc( 13.869vw / 1.4); left: 47%;}
    .sec03_new .l_cont .parallax-img .line .line3{width: calc( 13.869vw / 1.4); left: 47%;}
    .sec03_new .l_cont .parallax-img .line .line4{width: calc( 4.107vw / 1.4);}
    .sec03_new .l_cont .parallax-img .line .line5{width: calc( 4.226vw / 1.4);}
}
@media all and (max-width:1280px){
    .sec03_new .grid_text img{width: 100px;}
    .sec03_new .m_txt {padding-right: 80px;}
    .sec03_new .m_txt .partner_count{font-size: 2.6rem;}
    .sec03_new .m_txt .partner_count .img img{width: 120px;}
    .sec03_new .m_txt .chon{margin-top: 15px;}
    .sec03_new .m_txt .chon dl{padding: 0.8em 30px 0.8em 45px; margin-left: 35px;;}
    .sec03_new .m_txt .chon dl:before{width: 90px; height: 90px;}
}
@media all and (max-width:1024px){
    .sec03_new {aspect-ratio: 1/1;}
    .sec03_new:before{background: url('/images/main/sec03_frame_mo.webp')no-repeat center center/contain;;}
     .sec03_new .grid_text{top: 60px; left: 5%; transform: none;}
    .sec03_new .inbox{flex-direction: column; align-items: center;}
    .sec03_new .l_cont .parallax-img{width: 50%; top: -50%; left: 25%;}
    .sec03_new .r_cont{display: block; }
    .sec03_new .m_txt{margin-top: 40%; padding-top: 5%; padding-right: 0; left: 50%; text-align: center; display: flex;; flex-direction: column; align-items: center; background: linear-gradient(to bottom, transparent, #000, #000);}
    .sec03_new .m_txt .partner_count{font-size: 2.2rem;}
    .sec03_new .m_txt .partner_count .img img{width: 96px;}
    .sec03_new .m_txt .chon{margin-top: 0.8em;}
    .sec03_new .m_txt .chon dl{font-size: 1.8rem; padding: 0.8em 1.2em 0.8em 1.6em; margin-left:1.6em;}
    .sec03_new .m_txt .chon dl:before{width: 70px; height: 70px;}
    .sec03_new .m_txt .chon dl dd{font-size: 1.6rem; margin-top: 0.3em;}
}
@media all and (max-width:768px){
    .sec03_new .grid_text{display: none;}
    .sec03_new .l_cont .parallax-img{top: -80%; width: 60%;;}
}
@media all and (max-width:568px){
    .sec03_new{aspect-ratio: auto;}
    .sec03_new:before{display: none;}
}
@media all and (max-width:480px){
     .sec03_new .l_cont .parallax-img{top: -60%; width: 70%; left: 15%;}
       .sec03_new .l_cont .parallax-img .line .line1 {width: calc( 14.643vw / 1.2);}
    .sec03_new .l_cont .parallax-img .line .line2{width: calc( 13.869vw / 1.2);}
    .sec03_new .l_cont .parallax-img .line .line3{width: calc( 13.869vw / 1.2);}
    .sec03_new .l_cont .parallax-img .line .line4{width: calc( 4.107vw / 1.2);}
    .sec03_new .l_cont .parallax-img .line .line5{width: calc( 4.226vw / 1.2);}

      .sec03_new .m_txt{margin-top: 55%;}
    .sec03_new .m_txt .partner_count{font-size: 2.0rem;}
    .sec03_new .m_txt .partner_count .img img{width: 22vw; min-width: 87px;}
     .sec03_new .m_txt .chon dl{margin-top: 80px; margin-left: 0;}
      .sec03_new .m_txt .chon dl:before{left: 50%; right: auto; top: auto; bottom: calc(100% + 0.3em); transform: translateX(-50%);}

}



.sec05{padding: 50px; background-color: #f8f3ea;}
.sec05 .cont_wrap{position: relative; padding: 145px 80px; background: #211c11;}

.sec05 .cont_wrap .line{position: absolute; --locpx:20px; background-color: #6b522c;}
.sec05 .cont_wrap .top_line{left: 0; top: var(--locpx); width: 100%; height: 1px;}
.sec05 .cont_wrap .top_line.no2{top: calc(var(--locpx)*2);}
.sec05 .cont_wrap .bottom_line{left: 0; bottom: var(--locpx); width: 100%; height: 1px;}
.sec05 .cont_wrap .bottom_line.no2{bottom: calc(var(--locpx)*2);}
.sec05 .cont_wrap .left_line{left: var(--locpx); top: 0; width: 1px; height: 100%;}
.sec05 .cont_wrap .left_line.no2{left: calc(var(--locpx)*2);}
.sec05 .cont_wrap .right_line{right: var(--locpx); top: 0; width: 1px; height: 100%;}
.sec05 .cont_wrap .right_line.no2{right: calc(var(--locpx)*2);}

.sec05 .cont_wrap .m_txt {text-align: center;}
.sec05 .cont_wrap .m_txt h3{color: #fff;}
.sec05 .cont_wrap .zz_cont{}
.sec05 .cont_wrap .zz_cont > li{display: flex;}
.sec05 .cont_wrap .zz_cont > li:nth-child(odd){flex-direction: row-reverse;}
.sec05 .cont_wrap .zz_cont > li + li{margin-top: 20px;}
.sec05 .cont_wrap .zz_cont > li .img{flex:1; height: 400px; background-size: cover;} 
.sec05 .cont_wrap .zz_cont > li .txt{position: relative; width: 50%; padding:0 85px; display: flex; flex-direction: column; justify-content: center; background-color: #000000; color: #fff;}
.sec05 .cont_wrap .zz_cont > li .txt .num{position: absolute; right:40px; bottom: 40px;; font-size: 14rem; line-height: 1; font-weight: 800; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); color: transparent;}
.sec05 .cont_wrap .zz_cont > li .txt h4{margin-bottom: 1em;}
.sec05 .cont_wrap .zz_cont > li .txt h4 p{display: inline-block; padding: 10px 16px; background-color: #dba355; line-height: 1;}
.sec05 .cont_wrap .zz_cont > li .txt h3{font-weight: 800; font-size: 3.2rem; line-height: 1.3em;     }
.sec05 .cont_wrap .zz_cont > li .txt p{margin-top: 1.2em; font-size: 1.8rem; line-height: 1.55em;}


.sec05 .cont_wrap .zz_cont > li .img.img1{background-image:url('/images/main/sec05_img1.webp');}
.sec05 .cont_wrap .zz_cont > li .img.img2{background-image:url('/images/main/sec05_img2.webp');}
.sec05 .cont_wrap .zz_cont > li .img.img3{background-image:url('/images/main/sec05_img3.webp');}
.sec05 .cont_wrap .zz_cont > li .img.img4{background-image:url('/images/main/sec05_img4.webp');}

@media all and (max-width:1280px){
    .sec05 .cont_wrap{padding: 120px 40px;}
    .sec05 .cont_wrap .zz_cont > li .txt{padding: 0 40px;}
}
@media all and (max-width:1024px){
    .sec05 .cont_wrap .zz_cont > li{display: block;}
    .sec05 .cont_wrap .zz_cont > li .img{height: auto; aspect-ratio: 640/400;}
    .sec05 .cont_wrap .zz_cont > li .txt{padding: 50px; width: 100%;}
}
@media all and (max-width:768px){
    .sec05{padding: 25px;}
    .sec05 .cont_wrap{padding: 80px 40px;}
    .sec05 .cont_wrap .zz_cont > li .txt{padding: 30px;}
    .sec05 .cont_wrap .zz_cont > li .txt h3{font-size: 2.8rem;}
    .sec05 .cont_wrap .zz_cont > li .txt .num{font-size: 10rem;}
}
@media all and (max-width:568px){
    .sec05 .cont_wrap .line{ --locpx:10px;}
    .sec05{padding: 1em;}
    .sec05 .cont_wrap{padding: 60px 20px;}
    .sec05 .cont_wrap .zz_cont > li .txt{padding: 1.3em;}
    .sec05 .cont_wrap .zz_cont > li .txt h4 p{padding: 0.5em 1em; font-size: 1.5rem;}
    .sec05 .cont_wrap .zz_cont > li .txt h3{font-size: 2.4rem;}
    .sec05 .cont_wrap .zz_cont > li .txt p{font-size: 1.7rem;}
    .sec05 .cont_wrap .zz_cont > li .txt .num{font-size: 7rem; bottom: 20px; right: 20px;}
}



.sec06{position: relative; padding: 130px 0 0; background-color: #000; background-image: url('/images/main/sec06_fire.gif'); background-repeat: no-repeat; background-position: center bottom; background-size:auto 100%; overflow: hidden;}
.sec06 .line{position: absolute; --locpx:20px; --locpx2:70px; background-color: #ff541f;}
.sec06 .top_line{top: var(--locpx); left: 0; width: 100%; height: 1px;}
.sec06 .top_line.no2{top: calc(var(--locpx)*2);}
.sec06 .left_line{left: var(--locpx2); top: 0; width: 1px; height: 100%;}
.sec06 .left_line.no2{left: calc(var(--locpx2) + var(--locpx));}
.sec06 .right_line{right: var(--locpx2); top: 0; width: 1px; height: 100%;}
.sec06 .right_line.no2{right: calc(var(--locpx2) + var(--locpx));}

.sec06 .tit{padding-bottom: 250px; color: #fff; text-align: center;}
.sec06 .tit h3{font-size: 3.2rem; line-height: 2em;}
.sec06 .tit h3 span{position: relative; color: #ff541f; font-size: 1.625em; }
.sec06 .tit h3 span:after{content: '';
    position: absolute;
    bottom: -8px;
    left: 0; background: url(/images/main/line_under.webp) left center / cover no-repeat;
    width: 0px;
    height: 15px;
    transition: 1s;}
.sec06 .tit.aos-animate h3 span:after{width:430px;}
.sec06 .tit p{margin-top: 1.2em; font-size: 2.0rem; line-height: 1.6em;}
@media all and (max-width:1280px){
    .sec06{padding: 110px 0 0;}
    .sec06 .tit h3 span:after{height: auto; transition-delay: .7s; aspect-ratio: 370/12; width:100%; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0);;}
    .sec06 .tit.aos-animate h3 span:after{width: 100%; clip-path: inset(0); -webkit-clip-path:inset(0)}
}
@media all and (max-width:1024px){
    .sec06{padding: 90px 0 0;}
    .sec06 .tit{padding-bottom: 180px;}
}
@media all and (max-width:568px){
    .sec06 .line{--locpx:10px; --locpx2:30px;}
    .sec06 .tit h3{font-size: 2.8rem;}
    .sec06 .tit p{font-size: 1.8rem;}
}
@media all and (max-width:480px){
    .sec06 .line{--locpx2:10px;}
    .sec06 .tit h3{font-size: 2.5rem;}
    .sec06 .tit p{padding-inline:5%; word-break: keep-all;}
     .sec06 .tit p br{display: none;}
}

.sec07{position: relative; z-index: 5; background: url('/images/main/sec06_bg1.webp')no-repeat center center/cover; color: #fff; }
.sec07:before{content: ''; position: absolute; top: 20px; width: 100%; height: 28px; background: url('/images/main/sec06_bg3.webp')repeat-x; }
.sec07 .box{overflow: hidden; height: 100%;  padding: 125px 0 80px;}
.sec07 .in{width: 1500px; margin:0 auto; display: flex;; justify-content: space-between; }
.sec07 .plate{position: absolute; left: 50%; top:35%; transform: translate(-50%, -50%);}
.sec07  dl{}
.sec07  dl:nth-child(2){text-align: right;}
.sec07  dl dt{font-weight: 800; font-size: 3.2rem;}
.sec07  dl dd{margin-top: 0.75em; font-weight: 500; font-size: 2.0rem; line-height: 1.6em;}
.sec07  dl dd .br1440{display: none;}
@media all and (max-width:1570px){
    .sec07 .in{width: 90%;}
    .sec07 .plate{width:40%;}
    .sec07 .plate img{max-width: 100%;}
}
@media all and (max-width:1440px){
    .sec07  dl dd .br1440{display: block;}
}
@media all and (max-width:1024px){
    .sec07  dl dt{font-size: 2.8rem;}
    .sec07  dl dd{font-size: 1.9rem;}
}
@media all and (max-width:768px){
    .sec07 { display: flex; flex-direction: column; align-items: center;}
        .sec07 .box{width: 100%; padding: 0 0 50px;}
    .sec07 .plate{z-index: 3; width: 400px; margin-top: -150px; position: static; transform: none;}
}
@media all and (max-width:568px){
    .sec07 .plate{width: 70vw;}
}
@media all and (max-width:480px){
    .sec07 .in{display: block;}
    .sec07  dl{text-align: center;}
    .sec07  dl:nth-child(2){margin-top: 2em; text-align: center;}


}

.sec08{padding: 140px 0 100px; position: relative; overflow: hidden; /*background: url('/images/main/sec08_bg.webp')no-repeat center center/cover;*/ text-align: center;;}
.sec08:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2;}
.sec08 .bg{position: absolute; left: 0; top: 0;; z-index: -1; width: 100%; height: 100%; object-fit: cover;}
.sec08 .tit{margin-bottom: 40px; position: relative; z-index: 3;}
.sec08 .tit h3{font-size: 4.0rem;}
.sec08 .cont_wrap{position: relative; z-index: 3; display: flex; align-items: flex-end; gap: 25px; --ddheight:100px;}
.sec08 .cont_wrap .gubun{width: 280px; background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; color: #fff;}
.sec08 .cont_wrap .gubun > div{height: var(--ddheight); display: flex; align-items: center; justify-content: center; font-size: 2.4rem; font-weight: 700;}
.sec08 .cont_wrap .gubun > div + div{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.sec08 .cont_wrap dl{flex:1; border-radius: 20px; overflow: hidden;}
.sec08 .cont_wrap dl dt{line-height: 70px; color: #fff; font-size: 3.0rem; font-weight: 700;}
.sec08 .cont_wrap dl dd{padding:0 0.5em; height: var(--ddheight); display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-weight: 600; color: #000; background-color: #fff;}
.sec08 .cont_wrap dl dd + dd{border-top: 1px solid #ccc;}

.sec08 .cont_wrap dl.value dt{background-color: #fa4b00;}
.sec08 .cont_wrap dl.value dd .color{color:#fa4b00}
.sec08 .cont_wrap dl.place dt{background-color: #c62109;}
.sec08 .tail{margin-top: 40px;position: relative; z-index: 3;}
.sec08 .tail p.t1{color: #ff5400; font-size: 2.2rem;}

@media all and (max-width:1024px){
    .sec08{padding: 120px 0 90px;}
    .sec08 .cont_wrap{gap: 1em;}
    .sec08 .cont_wrap .gubun{width: 25%;}
    .sec08 .cont_wrap .gubun > div{font-size: 2.0rem;}
    .sec08 .cont_wrap dl dt{font-size: 2.5rem;}
    .sec08 .cont_wrap dl dd{font-size: 2.0rem;}
}
@media all and (max-width:768px){
    .sec08{padding: 110px 0 80px;}
    .sec08 .tit{margin-bottom: 30px;}
    .sec08 .cont_wrap{--ddheight:80px;}
    .sec08 .cont_wrap dl dt{line-height: 60px;}
    .sec08 .tail{margin-top: 30px;}
    .sec08 .tail p.t1{color: #ff5400; font-size: 2.0rem;}
}
@media all and (max-width:568px){
    .sec08{padding: 90px 0 70px;}
    .sec08 .cont_wrap{gap: 0.75em;}
    .sec08 .cont_wrap .gubun{border-radius: 10px;}
    .sec08 .cont_wrap .gubun > div{font-size: 1.8rem;}
    .sec08 .cont_wrap dl {border-radius: 10px;}
    .sec08 .cont_wrap dl dt{font-size: 2.2rem;}
    .sec08 .cont_wrap dl dd{font-size: 1.8rem;}
}

.sec09{padding: 110px 0 0; background:url('/images/main/sec09_bg.webp')no-repeat; background-size: cover; overflow: hidden;}
.sec09 .m_txt{text-align: center;}
.sec09 .m_txt .t1{color: #000;}
.sec09 .m_txt .mupolicy{}
.sec09 .m_txt .mupolicy p{display: inline-block; margin-top: 1em; padding:0.4em 0.75em; font-weight: 700; color: #fff; background-color: #9e6214; font-size: 4rem; line-height: 1;}
.sec09 .cont_wrap{display: flex; flex-wrap: wrap; border-top: 1px solid #000;}
.sec09 .cont_wrap .box{ width: 33.3333%; border-right: 1px solid #000; text-align: center;}
.sec09 .cont_wrap .box:last-child{border:none}
.sec09 .cont_wrap .box dl{padding: 45px; color: #000;}
.sec09 .cont_wrap .box dl dt{font-size: 4.0rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.1em;}
.sec09 .cont_wrap .box dl dt .big{font-size: 2.5em; }
.sec09 .cont_wrap .box dl dd{font-size: 2.0rem; font-weight: 500; line-height: 1.6em;}
.sec09 .cont_wrap .box2 dl{position: relative; color: #fff; }
.sec09 .cont_wrap .box2 dl:before{content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #cc954b; mix-blend-mode: multiply; z-index: 1;}
.sec09 .cont_wrap .box2 dl dt{position: relative; z-index: 3;}
.sec09 .cont_wrap .box2 dl dd{position: relative; z-index: 3;}
.sec09 .cont_wrap .box .img{aspect-ratio: 640/290; background-size: cover;}
.sec09 .cont_wrap .box1 .img{background-image: url('/images/main/sec09_img1.webp');}
.sec09 .cont_wrap .box2 .img{background-image: url('/images/main/sec09_img2.webp');}
.sec09 .cont_wrap .box3 .img{background-image: url('/images/main/sec09_img3.webp');}
@media all and (max-width:1280px){
    .sec09 .cont_wrap .box .img{aspect-ratio: 420/260;}
    .sec09 .cont_wrap .box dl dt{font-size: 3.0rem;}
    .sec09 .cont_wrap .box dl dd{font-size: 1.9rem;}
}
@media all and (max-width:1024px){
    .sec09 .cont_wrap .box dl{padding:1em 0.5em  1.8em;}
    .sec09 .cont_wrap .box dl dt{font-size: 2.4rem;}
    .sec09 .cont_wrap .box dl dd{font-size: 1.8rem;}
    .sec09 .cont_wrap .box .img{}
}
@media all and (max-width:768px){
    .sec09{padding: 80px 0 0;}
    .sec09 .cont_wrap .box{width: 100%;}
    .sec09 .cont_wrap .box{border-right:none;}
    .sec09 .cont_wrap .box dl dt{font-size: 3.4rem;}
    .sec09 .cont_wrap .box dl dd{font-size: 2rem;}
}
@media all and (max-width:568px){
    .sec09 .cont_wrap .box dl dt{font-size: 2.4rem;}
    .sec09 .cont_wrap .box dl dd{font-size: 1.8rem;}
}



.sec10{height: 660px; display: flex; align-items: center; background: url('/images/main/sec10_bg.webp'); background-size: cover; overflow: hidden;}
.sec10 .b-inner{display: flex; align-items: center;}
.sec10 .m_txt {margin-bottom: 0; width: 610px; flex:0 0 auto;}
.sec10 .m_txt h4{color: #fff;}
.sec10 .m_txt h3{color: #fff; font-size: 3.2rem; line-height: 2em;}
.sec10 .m_txt h3 .bt{font-size: 1.625em; color: #f8b04d;}
.sec10 .m_txt .mbtn_wrap{margin-top: 45px;}
.sec10 .m_txt .mbtn_wrap a{animation: warningBlink infinite 1s steps(1);}
.sec10 .m_txt .mbtn_wrap a span{/*animation: proofflicker infinite 1s;*/}
.sec10 .list {width: calc(100% - 210px); z-index: 5;}
.sec10 .list li{width: 390px; text-align: center; }
.sec10 .list li .item{transform: scale(0.8); filter: grayscale(1);}
.sec10 .list li.slick-current .item{transform: scale(1); filter: grayscale(0);}
.sec10 .list li .txt{padding: 70px 1em 0; aspect-ratio: 1/1; background:url('/images/main/sec10_bg2.webp')no-repeat center center/contain; border-radius: 50%;} 
.sec10 .list li .txt h4{font-weight: 800; color: #000; font-size: 5.6rem;}
.sec10 .list li .txt p{font-size: 1.8rem; color: #000;font-weight: 500;}
.sec10 .list li .txt strong{font-size: 5.6rem; color: #f8b04d;}
.sec10 .list li .img{margin-top: -120px;}
.sec10 .list li .img img{display: inline-block;}


.sec10 .list img{
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
}

.sec10 .list li .item{
  transition: 0.3s;
  user-select: none;
}


@keyframes warningBlink {
  0%   { background-color: rgb(179, 52, 21); }
  50%  { background-color: #f8b04d; }
  100% { background-color: rgb(179, 52, 21); }
}

@media all and (max-width:1280px){
    .sec10 .m_txt {width: 400px;}
    .sec10 .m_txt h3{font-size: 2.4rem;}
    .sec10 .list li .txt{padding: 3vw 1em 0;}
    .sec10 .list li .txt p{margin-bottom: 0.5em;}
    .sec10 .list li .txt strong{font-size: 4rem;}
    .sec10 .list li .img{margin-top: -60px;}
    .sec10 .list li .img img{max-width: 40%;}
}
@media all and (max-width:1024px){
     .sec10 {height: auto; padding: 70px 0;}
    .sec10 .b-inner{display: block;}
    .sec10 .m_txt{text-align: center; width: 100%; margin-bottom: 2em;}
     .sec10 .list{width: 100%;}
     .sec10 .list li .txt h4{font-size: 4rem;}
    .sec10 .list li .txt strong{font-size: 3rem;}
    .sec10 .list li .img{margin-top: -10vw;}
}
@media all and (max-width:768px){
    .sec10 .b-inner{width: 100%;}
    .sec10 .m_txt{width: 90%; margin: 0 auto; margin-bottom: 3em;}
    .sec10 .list li .txt{padding: 6vw 1em 0;}
    .sec10 .list li .img{margin-top: -25vw;}
    .sec10 .list li .img img{max-width: 50%;}
}
@media all and (max-width:568px){
    .sec10 .list li .img{margin-top: -20vw;}
}
@media all and (max-width:480px){
    .sec10 .list li .txt{padding: 10vw 1em 0;}
    .sec10 .list li .img{margin-top: -28vw;}
}
@media all and (max-width:380px){
    .sec10 .m_txt h3{font-size: 2.2rem;}
    .sec10 .list li .img{margin-top: -25vw;}
}



.sec11{padding: 130px 0; background: url('/images/main/sec11_bg.webp')no-repeat center center/cover;}
.sec11 .list{margin-top: -35px;}
.sec11 .list .slick-track{padding:35px 0 26px 0;}
.sec11 .list .item{position: relative; padding: 50px 70px; margin-inline:20px; background-color: #fff; border-radius: 20px; box-shadow: 0 15px 11px rgba(0, 0, 0, 0.07);} 
.sec11 .list .item:before{content: ''; position: absolute; left: 70px; top: -25px; width: 64px; aspect-ratio: 64/53; height: auto; background:url('/images/main/sec11_img2.webp'); background-size: contain; }
.sec11 .list .item p{min-height: calc(1.8em * 3); line-height: 1.8em; font-size: 2.2rem; font-weight: 500; color: #222;}
.sec11 .list .item p .hlight{background-color: #ebd8aa;}
.sec11 .list .item .btm{border-top: 1px solid #000; margin-top: 20px; padding-top: 30px; display: flex; align-items: center; gap: 18px;}
.sec11 .list .item .btm dl dd{font-size: 1.8rem; font-weight: 700; color: #000;}
.sec11 .list .item .btm dl dt{margin-top: 5px; font-size: 2.5rem; font-weight: 700;}
.sec11 .control-wrap{display: flex; gap: 26px; justify-content: center; align-items: center;}
.sec11 .control-wrap .slick-dots{position: static; transform: none; display: flex !important; align-items: center;}
.sec11 .control-wrap .slick-dots li{width: 8px; height: 8px; border-radius: 50%; background: #000; opacity: .2; border: none;}
.sec11 .control-wrap .slick-dots li.slick-active{background:#dba355; opacity: 1;}
.sec11 .control-wrap .arrow{font-family: 'Suit'; font-weight: 500 ; font-size: 1.8rem; color: #000;}

@media all and (max-width:1280px){
    .sec11 .list .item{padding: 30px 50px;}
    .sec11 .list .item:before{left: 50px; top: -15px; width: 40px;}
    .sec11 .list .item p{font-size: 2.0rem; word-break: break-all;}
}
@media all and (max-width:768px){
    .sec11 .list .item{margin-inline: 10px; padding:30px 20px;}
    .sec11 .list .item:before{left: 20px;}
    .sec11 .list .item p{font-size: 1.8rem; line-height: 1.6em; min-height:calc(1.6em * 3);}
    .sec11 .list .item img{width: 60px;}
     .sec11 .list .item .btm{margin-top: 1.4em; padding-top: 1.5em;}
    .sec11 .list .item dl dd{font-size: 1.6rem;}
    .sec11 .list .item dl dt{font-size: 2.2rem;}
}


.sec12{position: relative; padding: 160px 0 0; background: url('/images/main/sec12_bg.webp')no-repeat center center/cover;}
.sec12:before{content: ''; position: absolute; left: 90px; top: 0; width: 20px; height: 100%; border-left: 1px solid #dba454; border-right: 1px solid #dba454;}
.sec12:after{content: ''; position: absolute; right: 90px; top: 0; width: 20px; height: 100%; border-left: 1px solid #dba454; border-right: 1px solid #dba454;}
.sec12 .cont_wrap{position: relative; padding: 20px;}
.sec12 .cont_wrap:before{content: ''; position: absolute; width: 100%; height: 20px; border-top: 1px solid #dba454; border-bottom: 1px solid #dba454; left: 0; top: 0;;}
.sec12 .cont_wrap:after{content: ''; position: absolute; width: 100%; height: 20px; border-top: 1px solid #dba454; border-bottom: 1px solid #dba454; left: 0; bottom: 0;;}
.sec12 .cont{position: relative; margin: 0 90px; display: flex ; gap: 20px; }
.sec12 .cont:before{content: ''; position: absolute; width: 20px; height: calc(100% + 40px); left: calc(50% - 10px); top: -20px; border-left: 1px solid #dba454; border-right: 1px solid #dba454;}
.sec12 .cont .l_cont{ width: calc(50% - 10px); padding:50px 90px 135px; background:url('/images/main/sec12_bg2.webp')no-repeat right center/cover; display: flex;  align-items: center; justify-content: space-between;}
.sec12 .cont .l_cont .txt img{padding-top: 20px;}
.sec12 .cont .r_cont{width: calc(50% - 10px); padding:50px 90px 100px; background:url('/images/main/sec12_bg3.webp')no-repeat left center/cover; display: flex; align-items: flex-end; flex-direction: row-reverse; justify-content: space-between;}
.sec12 .cont dl {margin-top: 25px;}
.sec12 .cont dl dt{font-size: 3.6rem; font-weight: 800; color: #000;}
.sec12 .cont dl dd {margin-top: 25px; display: flex; flex-wrap: wrap; gap: 10px;}
.sec12 .cont dl dd p{padding: 10px; border-radius: 2px; background-color: #000; color: #f6edde; font-size: 1.4rem; font-weight: 700;}
.sec12 .cont .r_cont dl dd p{background-color: #f6edde; color: #201c11;}

.sec12 .cont_tail{padding: 60px 110px;}

.cardWrap{ position: relative; width: 100%; height: 100%; width: 298px;perspective: 1000px; }
.cardWrap:hover > .thecard { transform: rotateY(180deg);-webkit-transform: rotateY(180deg); cursor: pointer; }
.thecard{ position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; transition: all 0.5s ease; -webkit-transform-style: preserve-3d;}

.cardWrap:hover > .thehover .front { display:none}
.cardWrap
/*.thecard:hover{ transform: rotateY(180deg); }*/
.front{ position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden;   transform: rotateY(0deg);}
.front .front-img {position:absolute; right:0; top: 0; width:100%; z-index:1}
.back{ position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden;   -webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);  display:table; text-align:center; color:#FFF ; border-radius:10px; }
.back .in {display:table-cell; vertical-align:middle;  }
.back img {margin:0 auto}


.sec12 .cont .r_cont .front .front-img{top: auto; bottom: 0;;}
.sec12 .cont .r_cont .back{top: auto; bottom: 0;; display: flex;; align-items: flex-end;}

@media all and (max-width:1780px){
    .sec12 .cont .l_cont{padding: 4% 4% 8%; gap: 20px;}
    .sec12 .cont .r_cont{padding: 4%; gap: 20px;}
}
@media all and (max-width:1640px){
    .sec12 .cont .l_cont .txt img{height: 120px;}
    .sec12 .cont .r_cont .txt img{height: 100px;}
}
@media all and (max-width:1600px){
    .sec12 .cont .l_cont{padding: 3%;}
    .sec12 .cont .l_cont .cardWrap{width: 200px;}
    .sec12 .cont .l_cont .cardWrap img{max-width: 100%;}
    .sec12 .cont .r_cont{padding: 3%; align-items: center;}
    .sec12 .cont .r_cont .cardWrap {width: 200px;}
    .sec12 .cont .r_cont .cardWrap img{max-width: 100%;} 
}
@media all and (max-width:1400px){
    .sec12{padding-top: 110px;}
    .sec12 .cont{margin: 0 40px;}
    .sec12:before{left: 40px;}
    .sec12:after{right: 40px;}
    .sec12 .cont dl dt{font-size: 3.0rem;}
    .sec12 .cont dl dd{margin-top: 10px; gap: 5px;}
    .sec12 .cont .r_cont .front .front-img{bottom: auto; top: 25%;}

    .sec12 .cont_tail{padding: 30px 60px;}
    .sec12 .cont_tail .tail img{max-width: 100%;}
}
@media all and (max-width:1024px){
    .sec12 .cont{flex-direction: column;}
    .sec12 .cont:before{display: none;}
    .sec12 .cont .l_cont{width: 100%; padding: 5%; position: relative; border-bottom: 1px solid #dba454;}
    .sec12 .cont .l_cont .cardWrap{position: absolute; height: auto; top: 50%; transform: translateY(-130px); right: 50px;}
    .sec12 .cont .r_cont{padding: 5%; position: relative; width: 100%; border-top: 1px solid #dba454;}
    .sec12 .cont .r_cont .cardWrap{position: absolute; height: auto; top: 50%; transform: translateY(-75px); left: 50px;}
    .sec12 .cont .r_cont .back{display: block;}
}
@media all and (max-width:768px){
    .sec12{padding-top: 70px;}
    .sec12 .cont{margin: 0 20px;}
    .sec12:before{left: 20px;}
    .sec12:after{right: 20px;}
    .sec12 .cont .l_cont .cardWrap{width:130px; transform: translateY(-85px);}
     .sec12 .cont .r_cont .cardWrap{width: 150px;  transform: translateY(-60px);}
      .sec12 .cont .l_cont .txt img{height: 70px;}
    .sec12 .cont .r_cont .txt img{height: 50px;}
     .sec12 .cont dl{margin-top: 10px;}
     .sec12 .cont dl dt{font-size: 2.6rem;}
}
@media all and (max-width:568px){
    .sec12 .cont .l_cont{flex-direction: column-reverse; padding-top: 170px;}
    .sec12 .cont .l_cont .cardWrap{top: 20px; left: 50%; transform: translateX(-50%);}
    .sec12 .cont .txt{text-align: center;}
    .sec12 .cont .r_cont{flex-direction: column-reverse; padding-top: 160px;}
    .sec12 .cont .r_cont .cardWrap{top: 25px; left: 50%; transform: translateX(-50%);}
}
@media all and (max-width:480px){
     .sec12 .m_txt h3{font-size: 2.9rem;}

}



.sec13{position: relative; padding: 120px 0; background: url('/images/main/sec13_bg.webp')center bottom/cover;}
.sec13 .frame{position: absolute; left: 0; top: 0; width: 100%; ;height: 100%;}
.sec13 .frame .box{border:1px solid #e7bb7d; position: absolute; z-index: 15;}
.sec13 .frame .box.box1{width: calc(100% - (30px * 4)); height: 30px; left: calc(30px * 2); top: 30px; border-bottom:none;}
.sec13 .frame .box.box3{width: 30px; height: calc(100% - 60px); left: 30px; top: 60px; border-right: none; border-bottom: none;}
.sec13 .frame .box.box4{width: 30px; height: calc(100% - 60px); right: 30px; top: 60px; border-left: none; border-bottom: none;}
.sec13 .frame > span {position: absolute; width: 30px; height: 30px; display: flex;; justify-content: center; align-items: center;}
.sec13 .frame > span > span{display: inline-block; width: 10px; height: 10px; background-color: #e7bb7d;}
.sec13 .frame > span.sp1{left: 30px; top: 30px;}
.sec13 .frame > span.sp3{right: 30px; top: 30px;}
.sec13 .cont img{max-width: 100%; border-radius: 20px;}
@media all and (max-width:1280px){
    .sec13{padding: 100px 0;}
    .sec13 .b-inner{width: 80%;}

}
@media all and (max-width:480px){
    .sec13{padding: 70px 0;}
      .sec13 .frame .box.box1{width: calc(100% - (15px * 4)); height: 15px; left: calc(15px * 2); top: 15px; border-bottom:none;}
    .sec13 .frame .box.box3{width: 15px; height: calc(100% - 30px); left: 15px; top: 30px; border-right: none;}
    .sec13 .frame .box.box4{width: 15px; height: calc(100% - 30px); right: 15px; top: 30px; border-left: none;}
    .sec13 .frame > span {position: absolute; width: 15px; height: 15px; display: flex;; justify-content: center; align-items: center;}
    .sec13 .frame > span > span{display: inline-block; width: 5px; height: 5px; background-color: #e7bb7d;}
    .sec13 .frame > span.sp1{left: 15px; top: 15px;}
    .sec13 .frame > span.sp3{right: 15px; top: 15px;}
}



.sec14{padding: 110px 0 90px; background:url('/images/main/sec14_bg.webp')no-repeat center center/cover;}
.sec14 .m_txt{}
.sec14 .m_txt h4{color: #cccccc;}
.sec14 .m_txt h3{color: #fff;}
.sec14 .m_txt p.t1{color: #fff;}
.sec14 .cont_wrap{display: flex; gap: 25px; align-items: center;}
.sec14 .cont_wrap .cont_item{position: relative; border-radius: 50vw; width: 100%; padding: 250px 10px 100px; transition: all .6s; color: #fff; background: #000 url('/images/main/sec14_img1.webp')no-repeat center top/100% auto; overflow: hidden; cursor: pointer;}
.sec14 .cont_wrap .cont_item.active{padding: 280px 10px 80px;}
.sec14 .cont_wrap .cont_item:nth-child(2){background: #000 url('/images/main/sec14_img2.webp')no-repeat center top/100% auto;}
.sec14 .cont_wrap .cont_item:nth-child(3){background: #000 url('/images/main/sec14_img3.webp')no-repeat center top/100% auto;}
.sec14 .cont_wrap .cont_item:nth-child(4){background: #000 url('/images/main/sec14_img4.webp')no-repeat center top/100% auto;}
.sec14 .cont_wrap .cont_item:before{content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%;; height: 100%; background: linear-gradient(to bottom, transparent, transparent, transparent,transparent, #000000dd, #000, #000);}
.sec14 .cont_wrap .cont_item.active:before{background: linear-gradient(to bottom, transparent, transparent,#00000077, #000000dd, #000, #000, #000, #000);}
.sec14 .cont_wrap .cont_item .txt{position: relative; z-index: 3; text-align: center;}
.sec14 .cont_wrap .cont_item .txt h3{margin-bottom: 15px; font-size: 3.2rem; font-weight: 700;}
.sec14 .cont_wrap .cont_item .txt .tag{margin-bottom: 15px; padding-inline:9%;}
.sec14 .cont_wrap .cont_item .txt .tag span{display: inline-block; margin: 4px; padding: 10px; border-radius: 2px; background-color: #fff; color: #000; ; font-weight: 600;}
.sec14 .cont_wrap .cont_item .txt p {
    line-height: 1.5em;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
  height: 0;
  overflow: hidden;
}

.sec14 .cont_wrap .cont_item.active .txt p {
  opacity: 1;
  transform: translateY(0);
  height: auto;
}


.sec14 .cont_tail{margin-top: 60px;}
.sec14 .cont_tail .t1{margin-bottom: 15px;}
.sec14 .cont_tail .t1 p{display: inline-block; padding: 10px; font-size: 2.7rem;  font-weight: 700; color: #ecbf7f; background-color: #000; animation: warningBlink2 infinite 1s steps(1);}
.sec14 .cont_tail .t2{font-size: 2.2rem; font-weight: 600;;}


@keyframes warningBlink2 {
  0%   { background-color: #851b1b  }
  50%  { background-color: #000 }
  100% { background-color: #851b1b }
}

@media all and (max-width:1600px){
    .sec14 .cont_wrap .cont_item .txt h3{font-size: 2.8rem;}
    .sec14 .cont_wrap .cont_item .txt .tag span{padding: 6px;}
}
@media all and (max-width:1280px){
     .sec14 .cont_wrap{gap: 15px;}
    .sec14 .cont_wrap .cont_item{padding: 200px 10px 50px;}
    .sec14 .cont_wrap .cont_item.active{padding: 200px 10px 50px;}
    .sec14 .cont_wrap .cont_item .txt h3{font-size: 2.4rem;}
     .sec14 .cont_wrap .cont_item .txt .tag span{font-size: 1.5rem;}
}
@media all and (max-width:1024px){
     .sec14 .cont_wrap{flex-wrap: wrap; align-items: stretch;}
      .sec14 .cont_wrap .cont_item{width: calc(50% - 7.5px); border-radius: 60px;}
       .sec14 .cont_wrap .cont_item.active:before{    background: linear-gradient(to bottom, transparent, transparent, transparent, transparent, #000000dd, #000, #000);}
    .sec14 .cont_wrap .cont_item .txt p{opacity: 1; transform: none; transition: none; height: auto; overflow: visible;;}
}
@media all and (max-width:768px){
    .sec14{padding: 70px 0 50px;}
     .sec14 .cont_wrap .cont_item{border-radius: 30px;}
}
@media all and (max-width:568px){
    .sec14 .cont_wrap .cont_item,
    .sec14 .cont_wrap .cont_item.active{padding:180px 10px 30px;}
    .sec14 .cont_wrap .cont_item .txt .tag{padding-inline: 4%;}
    .sec14 .cont_wrap .cont_item .txt .tag span{font-size: 1.4rem;}
}
@media all and (max-width:480px){
    .sec14 .cont_wrap .cont_item{width: 100%;}
    .sec14 .cont_tail{margin-top: 40px;}
    .sec14 .cont_tail .t1 p{font-size: 2.2rem;}
    .sec14 .cont_tail .t2{font-size: 1.8rem; font-weight: 600;;}
}





.sec15{padding: 140px 0 0; background: url('/images/main/sec15_bg.webp') center center/cover; overflow: hidden;}
.sec15 .m_txt h4{color: #ccc;}
.sec15 .cont_wrap{display: flex; justify-content:  center;}
.sec15 .cont_wrap .cont_item{margin: 0 -30px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; aspect-ratio: 1; height: auto; width: 500px; border-radius: 50%; text-align: center; border:5px solid #fff; text-align: center; background-color: #fcd295;}
.sec15 .cont_wrap .cont_item > div{margin-bottom: -60px; margin-top: 60px;}
.sec15 .cont_wrap .cont_item p.num{display: inline-block; background-color: #805212; aspect-ratio: 1; width: 60px; line-height: 60px; border-radius: 50%; color: #fff; font-size: 2.4rem; font-weight: 700;}
.sec15 .cont_wrap .cont_item dl{margin-top: 1.2em; margin-bottom: 2em; color: #805212;}
.sec15 .cont_wrap .cont_item dl dt{ font-size: 3.6rem; font-weight: 700;}
.sec15 .cont_wrap .cont_item dl dd{margin-top: 0.8em; font-size: 2.0rem; line-height: 1.6em;}
.sec15 .cont_wrap .cont_item dl dd .bt{font-size: 1.2em; font-weight: 700;}
.sec15 .cont_wrap .cont_item img{border: 5px solid #fff; border-radius: 50%;}

.sec15 .cont_wrap .cont_item:nth-child(2){z-index: 3; background-color: #fff; border-color: #dba355;}
.sec15 .cont_wrap .cont_item:nth-child(2) img{border-color: #dba355;}

.sec15 .cont_tail{margin-top: 200px; padding: 60px 0; background-color: rgb(102, 64, 11, 0.2);}
.sec15 .cont_tail .leaf{display: inline-block; position: relative; animation: leaf 0.7s infinite alternate;}
.sec15 .cont_tail .leaf .leaf1{position: absolute; right: 100%; top: 50%; transform: translateY(-50%);}
.sec15 .cont_tail .leaf .leaf2{position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}

.sec15 .cont_tail .t1{font-size: 2.4rem; font-weight: 500; line-height: 1.5em;}
.sec15 .cont_tail .t2{margin-top: 5px; font-size: 3.0rem; font-weight: 600; color: #dba355;}

@keyframes leaf {
  0% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

@media all and (max-width:1440px){
    .sec15 .cont_wrap .cont_item{width: 33vw; height: 33vw;}
    .sec15 .cont_wrap .cont_item dl dt{font-size: 3.2rem; padding-inline:70px;}
}
@media all and (max-width:1280px){
    .sec15 .cont_wrap .cont_item > div{margin-top: 30px;}
     .sec15 .cont_wrap .cont_item dl dt{font-size: 2.8rem;}
    .sec15 .cont_wrap .cont_item dl dd{font-size: 1.8rem;}
    .sec15 .cont_tail{margin-top: 250px;}
}
@media all and (max-width:1024px){
    .sec15 .cont_wrap{flex-direction: column;}
    .sec15 .cont_wrap .cont_item{margin: 30px auto 120px; width: 360px; height: 360px;}
    .sec15 .cont_tail{margin-top: 120px;}
    .sec15 .cont_tail .leaf{margin-inline:10%;}
     .sec15 .cont_tail .leaf img{height: 100px;}
}
@media all and (max-width:768px){
    .sec15{padding: 70px 0 0;}
    .sec15 .cont_wrap .cont_item{margin: 30px auto 160px;}
    .sec15 .cont_tail{margin-top:60px;}
    .sec15 .cont_tail .t1{font-size: 2.0rem;}
    .sec15 .cont_tail .t2{font-size: 2.4rem;}
}
@media all and (max-width:480px){
     .sec15 .cont_wrap .cont_item{width:85vw; height: 85vw;}
}
@media all and (max-width:380px){
    .sec15 .cont_wrap .cont_item{margin: 30px auto 120px;}
    .sec15 .cont_wrap .cont_item > div{margin-top: 20px;}
    .sec15 .cont_wrap .cont_item dl dt{ padding-inline:0px;}
    .sec15 .cont_wrap .cont_item p.num{width: 45px; height: 45px; line-height: 45px;}
    .sec15 .cont_wrap .cont_item img{width: 150px;}
}


.sec16{position: relative; aspect-ratio: 1280/720; overflow: hidden;}
.sec16 iframe{position: absolute; width: auto !important; height: calc(100% + 100px) !important; left: 50%; top: 50%; transform: translate(-50%, -50%); aspect-ratio: 1280/720;}





.sec17{position: relative; padding: 110px 0; background:url('/images/main/sec16_bg.webp')no-repeat center center/cover;}
.sec17:before{left: 160px; top: 0; position: absolute; content: ''; width: 1px; height: 100%; background-color: #fff; z-index: 6;}
.sec17:after{right: 160px; top: 0; position: absolute; content: ''; width: 1px; height: 100%; background-color: #fff; z-index: 6;}
.sec17 .cont_wrap{padding: 0 160px; display: flex; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.sec17 .cont_wrap .cont_item{position: relative; width: 100%;}
.sec17 .cont_wrap .cont_item+.cont_item{border-left: 1px solid #fff;}
.sec17 .cont_wrap .cont_item:before{content: ''; transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 6;}
.sec17 .cont_wrap .cont_item img{width: 100%;}
.sec17 .cont_wrap .cont_item .img{position: absolute; left: 0; top: 0; z-index: 5;}
.sec17 .cont_wrap .cont_item .gif{opacity: 0;}
.sec17 .cont_wrap .cont_item p{position: absolute; z-index: 7; left: 50%; transform: translateX(-50%); bottom: 1em; font-weight: 800; -webkit-text-stroke:0.5px #fff; color: transparent; font-size: 4.0rem; text-align: center;}
.sec17 .cont_wrap .cont_item:hover .img{opacity: 0;}
.sec17 .cont_wrap .cont_item:hover .gif{opacity: 1;}
.sec17 .cont_wrap .cont_item:hover:before{opacity: 0;}
.sec17 .cont_wrap .cont_item:hover p{color: #fff;}

@media all and (max-width:1400px){
    .sec17:before{left: 80px;}
    .sec17:after{right: 80px;}
    .sec17 .cont_wrap{padding: 0 80px;}
}
@media all and (max-width:1280px){
    .sec17 .cont_wrap .cont_item p{font-size: 3.0rem;}
}
@media all and (max-width:1024px){
    .sec17{padding: 70px 0;}
    .sec17 .cont_wrap{flex-wrap: wrap;}
    .sec17 .cont_wrap .cont_item{width: 50%;}
    .sec17 .cont_wrap .cont_item:nth-child(3),
    .sec17 .cont_wrap .cont_item:nth-child(4){border-top: 1px solid #fff;;}
    .sec17 .cont_wrap .cont_item img{width: 100%;}
}
@media all and (max-width:568px){
     .sec17:before{left: 5%;}
    .sec17:after{right: 5%;}
    .sec17 .cont_wrap{padding: 0 5%;}
}


.sec18{background:url('/images/main/sec18_bg.webp')no-repeat center center/cover; overflow: hidden;}
.sec18 .b-inner{display: flex; align-items: center; gap: 185px;}
.sec18 .b-inner .l_cont{width: 640px; flex: 0 0 auto;}
.sec18 .b-inner .l_cont .m_txt h3{font-size: 4.8rem; line-height: 1.3em;}
.sec18 .b-inner .l_cont .m_txt p.t1{color: #000;}
.sec18 .b-inner .r_cont {position: relative; display: inline-block; max-width: 366px; text-align: left;}
.sec18 .b-inner .r_cont:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 460px; aspect-ratio: 1; border-radius: 50%; background: rgb(204, 149, 75, 0.2);}
.sec18 .b-inner .r_cont:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 570px; aspect-ratio: 1; border-radius: 50%; background: rgb(204, 149, 75, 0.1);}
.sec18 .b-inner .r_cont .phone{position: absolute; left: -15px; top: 14%; z-index: 10;}
.sec18 .b-inner .r_cont .list{position: relative; z-index: 7;;}
.sec18 .b-inner .r_cont .list .list_item{transform: scale(0.8); transition: all .5s; transform-origin: center;}
.sec18 .b-inner .r_cont .list .list_item img{display: inline-block;}
.sec18 .b-inner .r_cont .list .list_item.slick-current{transform: scale(1);}
.sec18 .b-inner .r_cont .list .list_item.slick-current img{border-radius: 30px;}
.sec18 .b-inner .r_cont .white_bg{position: absolute; width: 90%; left: calc(50% - 15px);  aspect-ratio: 331/559; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 30px; z-index: 5;}


.sec18{position: relative;}
.sec18 .line{position: absolute; --locpx:20px; --locpx2:50px; background-color: #aaa191; z-index: 11;}
.sec18 .top_line{left: 0; top: var(--locpx); width: 100%; height: 1px;}
.sec18 .top_line.no2{top: calc(var(--locpx)*2);}
.sec18 .bottom_line{left: 0; bottom: var(--locpx); width: 100%; height: 1px;}
.sec18 .bottom_line.no2{bottom: calc(var(--locpx)*2);}
.sec18 .left_line{left: var(--locpx2); top: 0; width: 1px; height: 100%;}
.sec18 .left_line.no2{left: calc(var(--locpx2) + var(--locpx));}
.sec18 .right_line{right: var(--locpx2); top: 0; width: 1px; height: 100%;}
.sec18 .right_line.no2{right:calc(var(--locpx2) + var(--locpx))}

@media all and (max-width:1600px){
    .sec18 .line{--locpx:15px; --locpx2:30px;}
}
@media all and (max-width:1440px){
    .sec18 .b-inner{width: 90%;}
}
@media all and (max-width:1330px){
    .sec18 .b-inner {gap: 5%;}
    .sec18 .b-inner .l_cont{width: 55%;}
    .sec18 .b-inner .l_cont .m_txt h3{font-size: 4rem;}
}
@media all and (max-width:1024px){
    .sec18 .b-inner .l_cont .m_txt h3{font-size: 3rem;}
    .sec18 .b-inner .r_cont{max-width: 280px;}
    .sec18 .b-inner .r_cont .phone img{width: 310px; }
    .sec18 .b-inner .r_cont .list .list_item {padding-top: 10px;}
    .sec18 .b-inner .r_cont .list .list_item img{max-width: 100%;}
}
@media all and (max-width:880px){
    .sec18 .line{--locpx:10px; --locpx2:20px;}
    .sec18 .b-inner .r_cont{max-width: 35vw;}
    .sec18 .b-inner .r_cont .phone img{width: 38vw; }
    .sec18 .b-inner .r_cont .list .list_item {padding-top: 8px;}
    .sec18 .b-inner .r_cont .list .list_item img{max-width: 100%;}
    .sec18 .b-inner .r_cont .list .list_item.slick-current img{border-radius:25px;}
}
@media all and (max-width:768px){
     .sec18 {padding: 70px 0;}
    .sec18 .b-inner{display: block; width: 100%;}
    .sec18 .b-inner .l_cont{width: 100%; text-align: center;}
    .sec18 .b-inner .r_cont{position: relative; width: 100%; max-width: 100%; text-align: center;}
    .sec18 .b-inner .r_cont:before{width: 55vw;}
    .sec18 .b-inner .r_cont:after{width: 70vw;}
    .sec18 .b-inner .r_cont .phone{left: 50%;  top: 50%; transform: translate(-50%, -50%);}
    .sec18 .b-inner .r_cont .list .list_item {padding-top: 0;}
    .sec18 .b-inner .r_cont .list .list_item img{max-width: 35vw;}
    .sec18 .b-inner .r_cont .white_bg{width: 35vw; left: 50%;}
}
@media all and (max-width:480px){
    .sec18 .b-inner .r_cont{}
    .sec18 .b-inner .r_cont .phone img{width: 48vw; }
    .sec18 .b-inner .r_cont .list .list_item img{max-width: 45vw;}
    .sec18 .b-inner .r_cont .white_bg{width: 45vw; }
}
@media all and (max-width:380px){
    .sec18 .left_line{display: none;}
    .sec18 .right_line{display: none;}
}
.sec19{padding: 100px 0; background:url('/images/main/sec19_bg.webp')no-repeat center center/cover;}
.sec19 .cont_wrap{padding: 55px; background: rgb(0, 0, 0, 0.2); color: #fff;}
.sec19 .cont_wrap .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.sec19 .cont_wrap .list li{position: relative; padding: 60px 0 30px; background: rgb(0, 0, 0, 0.2); text-align: center;}
.sec19 .cont_wrap .list li:nth-child(even){ background: rgb(0, 0, 0, 0.4);}
.sec19 .cont_wrap .list li:nth-child(4){order: 5;}
.sec19 .cont_wrap .list li:nth-child(5){order: 4;}
.sec19 .cont_wrap .list li:nth-child(6){order: 3;}
.sec19 .cont_wrap .list li .num{position: absolute; width: 55px; line-height: 55px; aspect-ratio: 1; border-radius: 50%; left: -30px; top: -30px; background-color: #000; font-size: 2.0rem; font-weight: 700;;}
.sec19 .cont_wrap .list li .cont_item p{margin-top: 1em; font-size: 2.4rem; font-weight: 700;} 

.sec19 .cont_wrap .list li:nth-child(1):before,
.sec19 .cont_wrap .list li:nth-child(2):before{content: '→'; position: absolute; font-family: 'Suit'; color: #fff; font-size: 2.4rem; width: 50px; text-align: center; left: 100%; top: 50%; transform: translateY(-50%);}

.sec19 .cont_wrap .list li:nth-child(3):before{content: '↓'; position: absolute;  font-family: 'Suit'; color: #fff; font-size: 2.4rem; line-height: 50px; left: 50%; top: 100%; transform: translateX(-50%);}

.sec19 .cont_wrap .list li:nth-child(5):before,
.sec19 .cont_wrap .list li:nth-child(6):before{content: '←'; position: absolute; font-family: 'Suit'; color: #fff; font-size: 2.4rem; width: 50px; text-align: center; left: 100%; top: 50%; transform: translateY(-50%);}
@media all and (max-width:1024px){
    .sec19 .cont_wrap .list li{padding: 40px 0;}
    .sec19 .cont_wrap .list li .cont_item img{width: 60px;}
    .sec19 .cont_wrap .list li .cont_item p{font-size: 2.0rem;}
}
@media all and (max-width:768px){
    .sec19 .cont_wrap .list{grid-template-columns: repeat(2, 1fr);}
     .sec19 .cont_wrap .list li:nth-child(3){order: 3;}
    .sec19 .cont_wrap .list li:nth-child(4){order: 2;}
    .sec19 .cont_wrap .list li:nth-child(5){order: 4;}
    .sec19 .cont_wrap .list li:nth-child(6){order: 5;}

    .sec19 .cont_wrap .list li:nth-child(2):before{content: '↓'; left: 50%; line-height: 50px; top: 100%; transform: translateX(-50%);}
    .sec19 .cont_wrap .list li:nth-child(4):before{content: '↓'; left: 50%; line-height: 50px; top: 100%; transform: translateX(-50%); position: absolute; font-family: 'Suit'; font-size: 2.4rem;}
    .sec19 .cont_wrap .list li:nth-child(3):before{content: '←'; left: auto; width: 50px; right: 100%; text-align: center; top: 50%; transform: translateY(-50%);}
    .sec19 .cont_wrap .list li:nth-child(5):before{content: '→';}
    .sec19 .cont_wrap .list li:nth-child(6):before{display: none;}
}
@media all and (max-width:568px){
    .sec19{padding: 70px 0;}
    .sec19 .cont_wrap{padding: 30px;}
    .sec19 .cont_wrap .list{gap:20px;}
    .sec19 .cont_wrap .list li .num{width: 40px; height: 40px; line-height: 40px; left: -15px; top: -15px;}
    .sec19 .cont_wrap .list li:nth-child(2):before,
    .sec19 .cont_wrap .list li:nth-child(4):before{line-height: 20px;}
    .sec19 .cont_wrap .list li:nth-child(1):before,
    .sec19 .cont_wrap .list li:nth-child(3):before,
    .sec19 .cont_wrap .list li:nth-child(5):before{width: 20px;}
    .sec19 .cont_wrap .list li{padding: 20px 0;}
    .sec19 .cont_wrap .list li .cont_item img{width: 40px;}
    .sec19 .cont_wrap .list li .cont_item p{font-size: 1.8rem;}
}


.sec20{padding: 140px 0; background:url('/images/main/sec20_bg.webp')no-repeat center center/cover;}
.sec20 .m_txt p.t1{margin-top: 0.8em; color: #000;}
.sec20 #tabWrap {margin-bottom: 60px;}
.sec20 #tabWrap ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.sec20 #tabWrap ul li a{display: inline-block; padding: 1em 1.125em; color: #412b1b; font-size: 1.8rem; font-weight: 700; border:1px solid #412b1b; border-radius: 50px;}
.sec20 #tabWrap ul li.ON a{background-color: #412b1b; color: #fff;}
.sec20 .contWrap ul li{padding:10px;}
.sec20 .contWrap ul li img{width: 100%;}
.sec20 .contWrap ul li dl{text-align: center; margin-top: 1em;}
.sec20 .contWrap ul li dl dt{font-size: 2.4rem; font-weight: 700; color: #000;}
.sec20 .contWrap ul li dl dd{margin-top: 0.625em; font-size: 1.8rem; color: #666;}
@media all and (max-width:768px){
    .sec20{padding: 90px 0;}
}
@media all and (max-width:568px){
    .sec20{padding: 70px 0;}
.sec20 #tabWrap {margin-bottom: 30px;}
.sec20 #tabWrap ul {gap: 6px;}
.sec20 #tabWrap ul li a{font-size: 1.6rem;}
}