@charset "utf-8";

/* m_txt */
.m_txt{}
.m_txt h3{font-family: 'GmarketSans', sans-serif; font-size: 72px; color: #000; transform: rotate(0.1deg);}
.m_txt h3 span{color: #1852c8;}

@media all and (max-width:1280px){
	.m_txt h3{font-size: 60px;}
}
@media all and (max-width:1024px){
	.m_txt h3{font-size: 52px;}
}
@media all and (max-width:768px){
	.m_txt h3{font-size: 42px;}
}
@media all and (max-width:500px){
	.m_txt h3{font-size: 32px;}
}
@media all and (max-width:400px){
	.m_txt h3{font-size: 28px;}
}

body{overflow-x: hidden;}
/*#wrap{overflow-x: hidden;}*/

/* mVisual */
#mVisual{width: 100%; height: 250vh; position: relative; background-color: #000;}
#mVisual .trigger1{position: absolute; top: 25vh;}
#mVisual .trigger2{position: absolute; top: 75vh;}
#mVisual .trigger3{position: absolute; top: 100vh;}
#mVisual .trigger4{position: absolute; top: 100vh;}
#mVisual .trigger5{position: absolute; top: 200vh;}
#mVisual .visual{position: sticky; top: 0; left: 0; width: 100%; max-width: 1920px; min-height: 640px; margin-left: auto; margin-right: auto; height: 100vh; background: url(/images/main/mv_bg.webp) no-repeat center center / cover; overflow: hidden;}
/*#mVisual .visual::after{content: ''; width: 858px; height: 950px; background: url(/images/main/mv_road.webp) no-repeat center center / auto 100%; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-71%,-50%);}*/
/*
#mVisual .visual .video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: saturate(1.1);}
#mVisual .visual .video video{min-width: 100%; min-height: 100%; width: auto; height: auto;}
*/
#mVisual .visual .txt{width: 100%; height: 100%; position: relative; background: rgba(0,0,0,0.6);}
#mVisual .visual .txt h3{font-family: 'GmarketSans', sans-serif; font-size: 90px; color: #fff; line-height: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0.1deg); width: 100%; text-align: center; word-break: keep-all;}
#mVisual .visual .txt h3.m1{opacity: 1;}
#mVisual .visual .txt h3.m2{opacity: 0;}
#mVisual .visual .txt h3 span{background-color: #1852c8; padding: 18px 18px 0; display: inline-block; margin: 0 14px; word-break: keep-all; box-sizing: border-box;}
#mVisual .visual .img{position: absolute; bottom: -100%; width: 100%; height: 100%; background: url(/images/main/car2.webp) no-repeat center center / cover; }
#mVisual .visual .img::before{content: ''; opacity: 0; transition: opacity .4s; width: 0; height: 0;}
#mVisual .visual .img::after{content: ''; opacity: 0; transition: opacity .4s; width: 0; height: 0;}
#mVisual .visual .img img{max-width: 100%;}
/*#mVisual .visual .img.on{transition: .4s;}*/
/*
#mVisual .visual .img.on::before{content:''; width: 760px; height: 760px; background: url(/images/main/car_effect.webp) no-repeat center center / cover; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -2; opacity: 1;}
#mVisual .visual .img.on::after{content:''; width: 760px; height: 760px; background: url(/images/main/car_effect2.webp) no-repeat center center / cover; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 1; mix-blend-mode: overlay;}
*/
#mVisual .visual .txt2{background-color: #fff; border-radius: 30px; position: absolute; top: 50%; left: 68%; transform: translate(-50%, -50%); max-width: 450px; padding: 40px; opacity: 0;}
#mVisual .visual .txt2 h3{font-family: 'GmarketSans', sans-serif; font-size: 30px; color: #1852c8; margin-bottom: 10px; transform: rotate(0.1deg);}
#mVisual .visual .txt2 p{font-size: 20px; font-weight: 600; color: #000; line-height: 1.7em; word-break: keep-all; letter-spacing: -0.05em;}
#mVisual br.mo{display: none;}

@media all and (max-width:1900px){
/*	#mVisual .visual .img img{max-width: 17vw;}*/
}
@media all and (max-width:1400px){
}
@media all and (max-width:1280px){
	#mVisual .visual .txt h3{font-size: 72px; padding: 0 3%;}
	#mVisual .visual .txt h3 span{padding: 16px 16px 0; margin: 0 12px;}
	#mVisual .visual .txt2{left: 74%; border-radius: 25px; padding: 30px; width: 100%; max-width: 400px;}
	#mVisual .visual .txt2 h3{font-size: 26px;}
	#mVisual .visual .txt2 p{font-size: 19px;}
}
@media all and (max-width:1024px){
	#mVisual .visual .txt h3{font-size: 64px;}
	#mVisual .visual .txt h3 span{padding: 14px 14px 0;}
	#mVisual .visual .txt2{left: 74%; border-radius: 20px; padding: 25px; width: 100%; max-width: 340px;}
	#mVisual .visual .txt2 h3{font-size: 23px; margin-bottom: 6px;}
	#mVisual .visual .txt2 p{font-size: 18px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	#mVisual .visual{background-position: left 30% center}
	#mVisual .visual .img{background-position: left 30% center;}
	#mVisual .visual .txt h3{font-size: 56px; line-height: 1.3em;}
	#mVisual .visual .txt h3 span{padding: 12px 12px 0; line-height: 1em; margin: 0 10px;}
	#mVisual .visual .txt .m1 span{margin: 0 auto 10px;}
	#mVisual br.mo{display: block;}
	#mVisual .visual .txt2{width: 94%; left: 3%; bottom: 30px; max-width: 100%; transform: translate(0); height: auto; top: auto;}
	#mVisual .visual .txt2 h3{font-size: 20px; margin-bottom: 5px;}
	#mVisual .visual .txt2 p{font-size: 17px; line-height: 1.5em;}
}
@media all and (max-width:500px){
	#mVisual .visual .txt h3{font-size: 48px;}
	#mVisual .visual .txt h3 span{padding: 10px 10px 0; margin: 0 8px;}
	#mVisual .visual .txt2 h3{font-size: 19px; margin-bottom: 5px;}
	#mVisual .visual .txt2 p{font-size: 16px; line-height: 1.5em;}
}


/* sec1 */
#sec1{width: 100%; height: 100vh; position: relative; background-color: #000;}
#sec1 .trigger1{position: absolute; top: 0vh;}
#sec1 .trigger2{position: absolute; top: 80vh;}
#sec1 .trigger3{position: absolute; top: 160vh;}
/*#sec1 .trigger4{position: absolute; top: 240vh;}*/
#sec1 .cont_box{position: sticky; top: 0; left: 0; width: 100%; display: flex; height: 100vh;}
#sec1 .cont_box .box{width: 33.33333%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: 1;}
#sec1 .cont_box .box.box1{background-image: url(/images/main/sec1_bg1.webp);}
#sec1 .cont_box .box.box2{background-image: url(/images/main/sec1_bg2.webp);}
#sec1 .cont_box .box.box3{background-image: url(/images/main/sec1_bg3.webp);}
#sec1 .cont_box .box .txt{position: absolute; width: 100%; text-align: center; color: #fff; bottom: 80px;}
#sec1 .cont_box .box .txt h3{font-family: 'GmarketSans', sans-serif; font-size: 92px; margin-bottom: 12px; word-break: keep-all;}
#sec1 .cont_box .box .txt p{font-size: 24px; font-weight: 800; word-break: keep-all; line-height: 1.4em;}
#sec1 .cont_box .box .txt p br.mo{display: none;}

@media all and (max-width:1280px){
	#sec1 .cont_box .box .txt{bottom: 70px;}
	#sec1 .cont_box .box .txt h3{font-size: 72px; margin-bottom: 10px;}
	#sec1 .cont_box .box .txt p{font-size: 22px;}
}
@media all and (max-width:1024px){
	#sec1 .cont_box .box .txt{bottom: 60px;}
	#sec1 .cont_box .box .txt h3{font-size: 60px; line-height: 1em;}
	#sec1 .cont_box .box .txt p{font-size: 20px;}
	#sec1 .cont_box .box .txt p br.mo{display: block;}
}
@media all and (max-width:768px){
	#sec1{height: 300vh;}
/*
	#sec1 .trigger1{position: absolute; top: 100vh;}
	#sec1 .trigger2{position: absolute; top: 300vh;}
	#sec1 .trigger3{position: absolute; top: 500vh;}
	#sec1 .trigger4{position: absolute; top: 700vh;}
*/
	#sec1 .cont_box{flex-wrap: wrap; position: relative;}
	#sec1 .cont_box .box{width: 100%; height: 100vh; position: relative; top: 0;}
	#sec1 .cont_box .box .txt h3{font-size: 48px; margin-bottom: 8px;}
	#sec1 .cont_box .box .txt p{font-size: 19px;}
	#sec1 .cont_box .box .txt p br.mo{display: none;;}
}
@media all and (max-width:500px){
	#sec1 .cont_box .box .txt h3{font-size: 40px;}
	#sec1 .cont_box .box .txt p{font-size: 18px;}
}


/* sec2 */
#sec2{background-color: #f9fafd; padding: 190px 0 200px; position: relative; height: 220vh;}
#sec2 .trigger1{position: absolute; top: 0vh; scroll-margin-top:-4vh;}
#sec2 .trigger2{position: absolute; top: 50vh; scroll-margin-top:-2vh;}
#sec2 .trigger3{position: absolute; top: 100vh; scroll-margin-top:-2vh;}
#sec2 .s-inner{position: sticky; top: 160px;}
#sec2 .s-inner .cont_box{ display: flex; align-items: flex-start; opacity: 1;}
#sec2 .s-inner .cont_box .l_cont{width: 50%; padding-top: 80px;}
#sec2 .s-inner .cont_box .l_cont .m_txt{}
#sec2 .s-inner .cont_box .l_cont .m_txt .list{margin-top: 40px;}
#sec2 .s-inner .cont_box .l_cont .m_txt .list li{}
#sec2 .s-inner .cont_box .l_cont .m_txt .list li.on{}
#sec2 .s-inner .cont_box .l_cont .m_txt .list li a{font-size: 20px; font-weight: 600; color: #000; opacity: 0.5; padding: 0 20px; line-height: 56px; display: inline-block;}
#sec2 .s-inner .cont_box .l_cont .m_txt .list li.on a{color: #1852c8; opacity: 1; background-color: #e7edf9; border: 2px solid #1852c8;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box{margin-top: 40px; display: flex; gap:10px;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn{line-height: 64px; border-radius: 30px; display: block; font-size: 20px; font-weight: 800;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn.btn1{background-color: #000000;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn.btn2{background-color: #1852c8;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn a{ color: #fff; padding: 0 40px;}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn.btn1 a{}
#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn.btn2 a{}
#sec2 .s-inner .cont_box .r_cont{width: 50%; height: 640px; position: relative; overflow: hidden;}
#sec2 .s-inner .cont_box .r_cont .map{width: 640px; height: 640px; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: 0; top: 0; left: 0; z-index: -1; transition: .4s;}
#sec2 .s-inner .cont_box .r_cont .map.on{opacity: 1; z-index: 1;}
#sec2 .s-inner .cont_box .r_cont .map#map1{background-image: url(/images/main/sec2_map1.webp);}
#sec2 .s-inner .cont_box .r_cont .map#map1 svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
@keyframes map1 {
  0% {
    stroke-dashoffset: 1960; 
  }
  33.3333% {
    stroke-dashoffset: 0;  
  }
	66.6666%{
	stroke-dashoffset: 0;  
	}
  100% {
    stroke-dashoffset: -1960;
  }
}
#sec2 .s-inner .cont_box .r_cont .map#map1 svg path{
	stroke-dasharray:1960; stroke-dashoffset:1960; transition: stroke-dashoffset 2s linear;
}
#sec2 .s-inner .cont_box .r_cont .map#map1.on svg path{animation: map1 6s infinite;}
#sec2 .s-inner .cont_box .r_cont .map#map1::after{content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background: url(/images/main/sec2_maker.webp) no-repeat center center / cover;}
#sec2 .s-inner .cont_box .r_cont .map#map2{background-image: url(/images/main/sec2_map2.webp);}
#sec2 .s-inner .cont_box .r_cont .map#map2 svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
#sec2 .s-inner .cont_box .r_cont .map#map2 svg path{
	stroke-dasharray:1950; stroke-dashoffset:1950; transition: stroke-dashoffset 2s linear;
}
@keyframes map2 {
  0% {
    stroke-dashoffset: 1950; 
  }
  33.3333% {
    stroke-dashoffset: 0;  
  }
	66.6666%{
	stroke-dashoffset: 0;  
	}
  100% {
    stroke-dashoffset: -1950;
  }
}
#sec2 .s-inner .cont_box .r_cont .map#map2.on svg path{animation: map2 6s infinite;}
#sec2 .s-inner .cont_box .r_cont .map#map2::after{content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background: url(/images/main/sec2_maker2.webp) no-repeat center center / cover;}
#sec2 .s-inner .cont_box .r_cont .map#map3{background-image: url(/images/main/sec2_map3.webp); transform: scale(1.75); transition: transform 1.5s .375s;  transform-origin: bottom left;}
#sec2 .s-inner .cont_box .r_cont .map#map3.on{transform: scale(1);}
#sec2 .s-inner .cont_box .r_cont .map#map3 svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
#sec2 .s-inner .cont_box .r_cont .map#map3 svg path{
	stroke-dasharray:760; stroke-dashoffset:760; transition: stroke-dashoffset 2s linear;
}
@keyframes map3 {
  0% {
    stroke-dashoffset: 760; 
  }
  33.3333% {
    stroke-dashoffset: 0;  
  }
	66.6666%{
	stroke-dashoffset: 0;  
	}
  100% {
    stroke-dashoffset: -760;
  }
}
#sec2 .s-inner .cont_box .r_cont .map#map3.on svg path{animation: map3 6s infinite;}
#sec2 .s-inner .cont_box .r_cont .map#map3::after{content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background: url(/images/main/sec2_maker3.webp) no-repeat center center / cover;}

@media all and (max-width:1280px){
	#sec2{padding: 160px 0 170px;}
	#sec2 .s-inner{top: 50%; transform: translateY(-50%)}
	#sec2 .s-inner .cont_box{justify-content: space-between;}
	#sec2 .s-inner .cont_box .l_cont{width: 47%; padding-top: 5vw;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list{margin-top: 30px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li a{font-size: 19px; line-height: 50px; padding: 0 16px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box{margin-top: 35px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn{line-height: 58px; font-size: 19px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn a{padding: 0 35px;}
	#sec2 .s-inner .cont_box .r_cont{width: 50vw; height: 50vw;}
	#sec2 .s-inner .cont_box .r_cont .map{width: 50vw; height: 50vw;}
}
@media all and (max-width:1024px){
	#sec2{padding: 140px 0 150px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list{margin-top: 25px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li a{font-size: 18px; line-height: 46px; padding: 0 13px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box{margin-top: 30px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn{line-height: 56px; font-size: 18px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn a{padding: 0 30px;}
}
@media all and (max-width:768px){
	#sec2{padding: 120px 0 130px;}
	#sec2 .s-inner{transform: translate(0); top: 80px;}
	#sec2 .s-inner .cont_box{flex-direction: column;}
	#sec2 .s-inner .cont_box .l_cont{width: 100%; padding-top: 0;}
	#sec2 .s-inner .cont_box .l_cont .m_txt{text-align: center;}
	#sec2 .s-inner .cont_box .l_cont .m_txt h3 br{display: none;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list{margin-top: 20px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li a{font-size: 17px; line-height: 44px;}
/*
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li{display: none;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li.on{display: block;}
*/
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box{justify-content: center; margin-top: 25px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn{line-height: 54px; font-size: 17px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn a{padding: 0 26px;}
	#sec2 .s-inner .cont_box .r_cont{width: 100%; margin-top: 40px; height: 46vh;}
	#sec2 .s-inner .cont_box .r_cont .map{width:46vh; position: relative; margin: 0 auto; height: 0; opacity: 0;}
	#sec2 .s-inner .cont_box .r_cont .map#map3{transform: scale(1);}
	#sec2 .s-inner .cont_box .r_cont .map.on{display: block; height: 46vh; opacity: 1;}
}
@media all and (max-width:500px){
	#sec2{padding: 100px 0 110px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list{margin-top: 15px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .list li a{font-size: 16px; line-height: 40px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box{margin-top: 20px; gap:8px;}
	#sec2 .s-inner .cont_box .l_cont .m_txt .btn_box .btn{line-height: 48px; font-size: 16px;}
	
}

/* sec3 */
#sec3{background-color: #f9fafd; position: relative; height: 75px; max-width: 100vw;}
#sec3 .w_box{background-color: #fff; width: 0; height: 75px; position: absolute; left: 0; top: 0; display: block; transition:width 0s;}
#sec3 .w_box::after{content: ''; width: 453px; height: 214px; background: url(/images/main/sec3_car.webp) no-repeat center center / 100% auto; display: block; position: absolute; right: -226px; top: 50%; transform: translateY(-50%);}

@media all and (max-width:1280px){
	#sec3{height: 70px;}
	#sec3 .w_box{height: 70px;}
	#sec3 .w_box::after{width: 360px;}
}
@media all and (max-width:1024px){
	#sec3{height: 65px;}
	#sec3 .w_box{height: 65px;}
	#sec3 .w_box::after{width: 330px;}
}
@media all and (max-width:768px){
	#sec3{height: 60px; display: none;}
	#sec3 .w_box{height: 60px;}
	#sec3 .w_box::after{width: 300px;}
}
/*
@media all and (max-width:500px){
	#sec3{height: 55px;}
	#sec3 .w_box{height: 55px;}
	#sec3 .w_box::after{width: 270px;}
}
*/


/* sec4 */
#sec4{background-color: #fff; padding: 220px 0 200px;}
#sec4 .s-inner{display: flex; align-items: flex-start;}
#sec4 .s-inner .l_cont{width: 50%; padding-right: 80px;}
#sec4 .s-inner .l_cont .box{}
#sec4 .s-inner .l_cont .box + .box{margin-top: 120px;}
#sec4 .s-inner .l_cont .box h3{font-family: 'GmarketSans', sans-serif; font-size: 32px; color: #1852c8; transform: rotate(0.1deg); margin-bottom: 40px;}
#sec4 .s-inner .l_cont .box .list{}
#sec4 .s-inner .l_cont .box .list li{border-bottom: 1px solid #e5e5e5; position: relative;}
#sec4 .s-inner .l_cont .box .list li a{display: block; line-height: 78px; display: flex; justify-content: space-between; align-items: center;}
#sec4 .s-inner .l_cont .box .list li a .tit{font-size: 20px; color: #000000; font-weight: 700; transition: .4s;}
#sec4 .s-inner .l_cont .box .list li:hover a .tit{color: #1852c8;}
#sec4 .s-inner .l_cont .box .list li a .arrow{position: absolute; top: calc(50% + 10px); right: 0; transform: translateY(-50%);}
#sec4 .s-inner .l_cont .box .list li a .arrow i{font-size: 20px; color: #000; line-height: 24px;}
#sec4 .s-inner .l_cont .box .list2{}
#sec4 .s-inner .l_cont .box .list2 dt{font-size: 20px; color: #000000; font-weight: 700; line-height: 78px;border-bottom: 1px solid #e5e5e5; position: relative; cursor: pointer;}
#sec4 .s-inner .l_cont .box .list2 dt::after{content: '↓'; font-family: 'SUIT', sans-serif; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#sec4 .s-inner .l_cont .box .list2 dd{background-color: #f5f5f5; padding: 0px; font-size: 17px; line-height: 1.6em; height: 0; opacity: 0; transition: height .4s;}
#sec4 .s-inner .l_cont .box .list2 dt.on{color: #1852c8}
#sec4 .s-inner .l_cont .box .list2 dt.on::after{content: '↑';}
#sec4 .s-inner .l_cont .box .list2 dt.on+dd{height: auto; opacity: 1; padding: 30px;}
#sec4 .s-inner .r_cont{width: 50%; padding-left: 100px; position: sticky; top: 190px;}
#sec4 .s-inner .r_cont .m_txt{}
#sec4 .s-inner .r_cont .m_txt .list{margin-top: 40px;}
#sec4 .s-inner .r_cont .m_txt .list li{}
#sec4 .s-inner .r_cont .m_txt .list li.on{}
#sec4 .s-inner .r_cont .m_txt .list li a{font-size: 20px; font-weight: 600; color: #000; opacity: 0.5; padding: 0 20px; line-height: 56px; display: inline-block; min-width: 368px;}
#sec4 .s-inner .r_cont .m_txt .list li.on a{color: #1852c8; opacity: 1; background-color: #e7edf9; border: 2px solid #1852c8;}

@media all and (max-width:1280px){
	#sec4{padding: 180px 0 160px;}
	#sec4 .s-inner .r_cont .m_txt .list li a{font-size: 19px; padding: 0 16px; line-height: 50px;}
}
@media all and (max-width:1024px){
	#sec4{padding: 160px 0 140px;}
	#sec4 .s-inner .l_cont{padding-right: 40px;}
	#sec4 .s-inner .l_cont .box + .box{margin-top: 100px;}
	#sec4 .s-inner .l_cont .box h3{font-size: 28px; margin-bottom: 30px;}
	#sec4 .s-inner .l_cont .box .list li a{line-height: 70px;}
	#sec4 .s-inner .l_cont .box .list li a .tit{font-size: 18px;}
	#sec4 .s-inner .l_cont .box .list2 dt{line-height: 70px; font-size: 18px;}
	#sec4 .s-inner .l_cont .box .list2 dd{font-size: 16px;}
	#sec4 .s-inner .r_cont{padding-left: 60px;}
	#sec4 .s-inner .r_cont .m_txt .list li a{font-size: 18px; line-height: 46px; padding: 0 13px; min-width: auto;}
}
@media all and (max-width:768px){
	#sec4{padding: 100px 0 120px;}
	#sec4 .s-inner{flex-direction: column-reverse;}
	#sec4 .s-inner .l_cont{width: 100%; padding-right: 0; padding-top: 40px;}
	#sec4 .s-inner .l_cont .box h3{font-size: 24px; margin-bottom: 20px; text-align: center;}
	#sec4 .s-inner .l_cont .box + .box{margin-top: 80px;}
	#sec4 .s-inner .l_cont .box .list li a{line-height: 64px;}
	#sec4 .s-inner .l_cont .box .list li a .tit{font-size: 17px;}
	#sec4 .s-inner .l_cont .box .list2 dt{line-height: 64px; font-size: 17px;}
	#sec4 .s-inner .l_cont .box .list2 dd{font-size: 15px;}
	#sec4 .s-inner .l_cont .box .list2 dt.on+dd{padding: 20px;}
	#sec4 .s-inner .r_cont{padding-left: 0; padding-top: 60px; top: 0px;background-color: #fff; width: 100%; text-align: center;}
	#sec4 .s-inner .r_cont .m_txt{padding: 30px 0;}
	#sec4 .s-inner .r_cont .m_txt h3 br{display: none;}
	#sec4 .s-inner .r_cont .m_txt .list{margin-top: 30px; display: flex; justify-content: center;}
	#sec4 .s-inner .r_cont .m_txt .list li a{font-size: 17px; line-height: 44px;}
}
@media all and (max-width:500px){
	#sec4{padding: 80px 0 100px;}
	#sec4 .s-inner .l_cont .box + .box{margin-top: 60px;}
	#sec4 .s-inner .l_cont .box .list li a{line-height: 56px;}
	#sec4 .s-inner .l_cont .box .list li a .tit{font-size: 16px;}
	#sec4 .s-inner .l_cont .box .list2 dt{line-height: 56px; font-size: 16px;}
	#sec4 .s-inner .r_cont .m_txt .list{margin-top: 20px;}
	#sec4 .s-inner .r_cont .m_txt .list li a{font-size: 16px; line-height: 40px;}
}


/* sec5 */
#sec5{padding-bottom: 120px;}
#sec5 .s-inner{}
#sec5 .s-inner .box{width: 100%; height: 420px; border-radius: 30px; background: url(/images/main/sec5_bg.webp) no-repeat center center / cover;}
#sec5 .s-inner .box .txt{display: flex; flex-direction: column; justify-content: center; height: 100%; padding-left: 90px; color: #fff;}
#sec5 .s-inner .box .txt h3{font-family: 'GmarketSans', sans-serif; font-size: 56px; transform: rotate(0.1deg); margin-bottom: 10px;}
#sec5 .s-inner .box .txt p{font-size: 20px; font-weight: 600;}
#sec5 .s-inner .box .txt .list{margin-top: 30px; display: flex; gap:8px;}
#sec5 .s-inner .box .txt .list li{}
#sec5 .s-inner .box .txt .list li a{display: block; background-color: #fff; color: #000; font-size: 17px; font-weight: 500; padding: 5px 14px; border-radius: 5px; font-weight: 600;}

@media all and (max-width:1280px){
	#sec5{padding-bottom: 100px;}
	#sec5 .s-inner .box{height: 380px; border-radius: 25px;}
	#sec5 .s-inner .box .txt h3{font-size: 48px;}
	#sec5 .s-inner .box .txt p{font-size: 19px;}
}
@media all and (max-width:1024px){
	#sec5{padding-bottom: 80px;}
	#sec5 .s-inner .box{height: 340px;}
	#sec5 .s-inner .box .txt{padding-left: 70px;}
	#sec5 .s-inner .box .txt h3{font-size: 42px;}
	#sec5 .s-inner .box .txt p{font-size: 18px;}
	#sec5 .s-inner .box .txt .list{margin-top: 25px; gap:7px;}
	#sec5 .s-inner .box .txt .list li a{font-size: 16px; padding: 4px 12px;}
}
@media all and (max-width:768px){
	#sec5{padding-bottom: 70px;}
	#sec5 .s-inner .box{height: 280px; border-radius: 20px;}
	#sec5 .s-inner .box .txt{padding-left: 50px;}
	#sec5 .s-inner .box .txt h3{font-size: 36px;}
	#sec5 .s-inner .box .txt p{font-size: 17px;}
	#sec5 .s-inner .box .txt .list{margin-top: 20px; gap:6px;}
	#sec5 .s-inner .box .txt .list li a{font-size: 15px; padding: 4px 11px;}
}
@media all and (max-width:500px){
	#sec5{padding-bottom: 60px;}
	#sec5 .s-inner .box{height: 240px;}
	#sec5 .s-inner .box .txt{padding-left: 30px;}
	#sec5 .s-inner .box .txt h3{font-size: 32px;}
	#sec5 .s-inner .box .txt p{font-size: 16px;}
	#sec5 .s-inner .box .txt .list{margin-top: 16px; gap:5px;}
	#sec5 .s-inner .box .txt .list li a{font-size: 15px; padding: 3px 10px;}
}
@media all and (max-width:400px){
	#sec5 .s-inner .box{height: 200px;}
	#sec5 .s-inner .box .txt{padding-left: 25px;}
	#sec5 .s-inner .box .txt h3{font-size: 28px;}
	#sec5 .s-inner .box .txt p{font-size: 16px;}
}


/* #sec6 */
#sec6{padding-bottom: 120px;}
#sec6 .s-inner{}
#sec6 .s-inner .list{display: flex; justify-content: space-between; align-items: center;}
#sec6 .s-inner .list li{}
#sec6 .s-inner .list li a{}
#sec6 .s-inner .list li a img{max-width: 100%;}

@media all and (max-width:1280px){
	#sec6{padding-bottom: 100px;}
	#sec6 .s-inner .list li a img{max-height: 40px;}
}
@media all and (max-width:1024px){
	#sec6{padding-bottom: 80px;}
	#sec6 .s-inner .list li a img{max-height: 37px;}
}
@media all and (max-width:768px){
	#sec6{padding-bottom: 60px;}
	#sec6 .s-inner .list{flex-wrap: wrap; justify-content: center; gap:40px 0;}
	#sec6 .s-inner .list li{width: 33.33333%; text-align: center;}
	#sec6 .s-inner .list li a img{max-height: 34px;}
}
@media all and (max-width:500px){
	#sec6{padding-bottom: 40px;}
	#sec6 .s-inner .list{gap:25px 0;}
	#sec6 .s-inner .list li a img{max-height: 30px;}
}
@media all and (max-width:500px){
	#sec6 .s-inner .list li a img{max-height: 26px;}
}