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

.introWrap .visual { position: fixed; top: 0; z-index: -1; display: block; width: 100%; height: 100vh; background: var(--sh-black); }
.introWrap .visual::after { display: block; content: ''; background: url(/images/logo_bg.png) no-repeat top / 100%; position: fixed; width: 100%; height: 80vh; top: 0; opacity: 0.07; }

.s11_1 { text-align: center; }
.s11_1 h1 { color: var(--bg); font-weight: 700;padding: 400px 0 170px; }
.s11_1 p { color: #149473; display: flex; align-items: center; justify-content: center; padding-bottom: 25px; font-weight: 500; padding-top: 150px; }
.s11_1 p img { padding-left: 10px; }


.s11_2 { width: 83.3%; height: 100vh; display: flex; background: url('../../images/main/main3_bg.jpg') no-repeat 50% 0% / 110%; align-items: center; justify-content: center; border-radius: 20px; margin: 0 auto; position: relative; }
.s11_2 .wrap { text-align: center; color: var(--sh-beige); }
.s11_2 h1 { padding-bottom: 25px; font-weight: 700; }
.s11_2 p { font-size: 20px; line-height: 1.6; font-weight: 100; }
.s11_2 .under { margin: 30px auto 0; padding: 20px 50px; width: max-content; background: rgba(44, 41, 40, 0.8); }
.s11_2 .under p { font-size: 26px; }
.s11_2 .under p:first-child { margin-bottom: 30px; }
.s11_2 .under p span { font-weight: 600; }


.s11_5 { padding: 135px 0; height: 100vh; background: var(--sh-black); position: relative; overflow: hidden; z-index: 1; }
.s11_5 .wrap { display: flex; }
.s11_5 .left { width: 50%; height: max-content; }
.s11_5 .left .bak { width: 67%; height: 650px; background: url('../../images/sub/intro_se02_bg.jpg') no-repeat 50% 0% /130%; border-radius: 20px; position: relative; display: block; }
.s11_5 .left .bak img { position: absolute; top: 15%; right: -34%; transform: translateX(-50%); }
.s11_5 .right { width: 50%; }
.s11_5 h1 { padding-bottom: 130px; color: var(--bg); font-weight: 700}
.s11_5 h2 { color: var(--bg); font-weight: 700; padding-bottom: 25px; }
.s11_5 .sub_history:not(:last-child) { padding-bottom: 20%; opacity: 0.2; }
.s11_5 li { display: flex; font-size: 18px; }
.s11_5 li:not(:last-child) { padding-bottom: 10px; }
.s11_5 li h3 { margin-right: 10px; min-width: 90px; color: var(--sh-green); }
.s11_5 li p { color: var(--bg); font-weight: 300; }


.s11_7 { padding: 70px 0 0; background: var(--sh-beige); margin-top: -20px; position: relative; z-index: 1; }
.s11_7 h1 { text-align: center; color: #154726; }
.s11_7 h1 span { font-weight: 700; }
.s11_7 .swiper-wrapper { display: flex; align-items: center; padding: 50px 0; }
.s11_7 .swiper-slide { display: flex; justify-content: center; }
.s11_7 .swiper-slide img { width: 100%; height: auto; display: block}
/*.s11_7 .swiper-slide1 img { max-width: 98px; }
.s11_7 .swiper-slide2 img { max-width: 161px; }
.s11_7 .swiper-slide3 img { max-width: 267px; }
.s11_7 .swiper-slide4 img { max-width: 143px; }
.s11_7 .swiper-slide5 img { max-width: 141px; }
.s11_7 .swiper-slide6 img { max-width: 177px; }
.s11_7 .swiper-slide7 img { max-width: 160px; }
.s11_7 .swiper-slide8 img { max-width: 168px; }
.s11_7 .swiper-slide9 img { max-width: 73px; }*/
.s11_7 .swiper-wrapper{ transition-timing-function: linear; }


.s11_9 { position: relative; z-index: 1; padding: 0px 0 70px; background: var(--sh-beige); }
.s11_9 h1 { color: #154726; text-align: center; }
.s11_9 h1 span { font-weight: 700; }
.s11_9 p { color: #154726; font-size: 13px; text-align: right; }
.s11_9 .swiper-wrapper { display: flex; align-items: center; padding: 50px 0; }
.s11_9 .swiper-slide { display: flex; justify-content: center; }
.s11_9 .swiper-slide img { width: 100%; height: auto; display: block}
/*.s11_9 .swiper-slide1 img { max-width: 84px; }
.s11_9 .swiper-slide2 img { max-width: 156px; }
.s11_9 .swiper-slide3 img { max-width: 89px; }
.s11_9 .swiper-slide4 img { max-width: 177px; }
.s11_9 .swiper-slide5 img { max-width: 135px; }
.s11_9 .swiper-slide6 img { max-width: 164px; }
.s11_9 .swiper-slide7 img { max-width: 148px; }
.s11_9 .swiper-slide8 img { max-width: 107px; }
.s11_9 .swiper-slide9 img { max-width: 115px; }
.s11_9 .swiper-slide10 img { max-width: 116px; }
.s11_9 .swiper-slide11 img { max-width: 151px; }
.s11_9 .swiper-slide12 img { max-width: 140px; }
.s11_9 .swiper-slide13 img { max-width: 139px; }
.s11_9 .swiper-slide14 img { max-width: 117px; }
.s11_9 .swiper-slide15 img { max-width: 101px; }
.s11_9 .swiper-slide16 img { max-width: 55px; }*/
.s11_9 .swiper-wrapper{ transition-timing-function: linear; }


@media (max-width: 1400px){

	.s11_6 p br { display: none; }

}

@media (max-width: 1280px){

	.s11_1 h1 { padding: 380px 0 150px; }
	.s11_1 p { padding-top: 130px; }

	.s11_2 { background-size: 170%; height: 90vh; }

	.s11_3 { padding: 130px 0 80px; }
	.s11_3 figure { padding: 80px 0 130px; }

	.s11_4 { padding: 70px 0; }
	.s11_4 .left li, .s11_4 .right { height: 730px; }
	.s11_4 p br { display: none; }

}

@media (max-width: 1280px){

	.s11_5 { padding: 115px 0 ; }
	.s11_5 .sub_history { padding-bottom: 65px; }
	.s11_5 .left .bak { height: 600px; background-size: 170%; }
	.s11_5 h1 { padding-bottom: 110px; }

	.s11_6 { padding: 60px 0; }
	.s11_6 h1 { padding-bottom: 60px; }
	.s11_6 li { height: 570px; }

	.s11_7 { padding: 60px 0; }
	.s11_7 .swiper-wrapper { padding: 60px 0 35px; }

	.s11_8 { padding: 60px 0 130px; }
	.s11_8 .wrap { padding: 130px 0; }

	.s11_9 { padding: 60px 0; }
	.s11_9 .swiper-wrapper { padding: 60px 0 35px; }

}

@media (max-width: 1080px){

	.s11_1 h1 { padding: 360px 0 130px; }
	.s11_1 p { padding-top: 110px; }

	.s11_2 { background-size: 220%; height: 80vh; }
	.s11_2 p br { display: none; }
	.s11_2 .under br { display: block; }

	.s11_3 { padding: 110px 0 60px; }
	.s11_3 figure { padding: 60px 0 110px; }

	.s11_4 { padding: 60px 0; }
	.s11_4 .left li,
	.s11_4 .right { height: 680px; }

	.s11_5 { padding: 95px 0 ; }
	.s11_5 .sub_history { padding-bottom: 55px; }
	.s11_5 .left .bak { height: 550px; background-size: 200%; }
	.s11_5 h1 { padding-bottom: 90px; }

	.s11_6 { padding: 50px 0; }
	.s11_6 h1 { padding-bottom: 50px; }
	.s11_6 li { height: 520px; min-width: 37%; }
	.s11_6 li br { display: none; }

	.s11_7 { padding: 50px 0; }
	.s11_7 .swiper-wrapper { padding: 50px 0 30px; }

	.s11_8 { padding: 50px 0 110px; }
	.s11_8 .wrap { padding: 110px 0; }

	.s11_9 { padding: 50px 0; }
	.s11_9 .swiper-wrapper { padding: 50px 0 30px; }

}

@media (max-width: 950px){

	.s11_4 h1 br { display: none; }

}

@media (max-width: 900px){

	.s11_4 { padding: 40px 0; overflow: initial; height: 100%; }
	.s11_4 .wrap { flex-direction: column-reverse; }
	.s11_4 .right { width: 100%; height: 300px; }
	.s11_4 .left { height: 100%; width: 100%; text-align: center; overflow: initial; padding-top: 40px; }
	.s11_4 h1 { padding-bottom: 20px; text-align: left; }
	.s11_4 p { text-align: left; }
	.s11_4 .left li { height: 100%; opacity: 1; margin-bottom: 40px; }
	.s11_4 .left li:first-child { height: 160px; margin-top: 0; }

	.s11_5 { padding: 75px 0 ; overflow: initial; height: 100%; }
	.s11_5 .wrap { flex-direction: column; }
	.s11_5 .sub_history { padding-bottom: 45px; opacity: 1; }
	.s11_5 .right { width: 100%; overflow: initial; padding-top: 40px; }
	.s11_5 .left { width: 100%; }
	.s11_5 .left .bak { width: 100%; height: 300px; background-size: 100%; }
	.s11_5 .left .bak img { top: 8%; right: -16%; }
	.s11_5 h1 { padding-bottom: 45px; }
	.s11_5 .history .sub_history { opacity: 1; }

	.s11_6 { padding: 30px 0; height: 100%; }
	.s11_6 h1 { padding-bottom: 40px; }
	.s11_6 ul { flex-direction: column; }
	.s11_6 li { height: 330px; min-width: 100%; padding: 5%; }
	.s11_6 li:not(:last-child) { margin-right: 0; margin-bottom: 25px; }
	.s11_6 li img { width: 50%; height: auto; max-width: 20% !important; }

}

@media (max-width: 768px){

	.s11_1 h1 { padding: 330px 0 110px; }
	.s11_1 p { padding-top: 90px; }

	.s11_2 { background-size: 270%; height: 70vh; }

	.s11_3 { padding: 90px 0 40px; }
	.s11_3 figure { padding: 40px 0 90px; }
	.s11_3 p { text-align: left; }

	.s11_7 { padding: 40px 0; }
	.s11_7 .swiper-wrapper { padding: 40px 0 25px; }

	.s11_8 { padding: 40px 0 90px; border-radius: 0; }
	.s11_8 .wrap { padding: 90px 0; }
	.s11_8 .a_bg { width: 100px; height: 30px; }

	.s11_9 { padding: 40px 0; }
	.s11_9 .swiper-wrapper { padding: 40px 0 25px; }
	.s11_3 p br { display: none; }

}

@media (max-width: 500px){

	.s11_1 h1 { padding: 300px 0 90px; }
	.s11_1 p { padding-top: 70px; }
	.s11_2 .under p { font-size: 20px; }

	.s11_2 { background-size: 370%; height: 60vh; }

	.s11_3 { padding: 70px 0 20px; }
	.s11_3 figure { padding: 20px 0 70px; }

	.s11_4 { padding: 30px 0; }
	.s11_4 .right { width: 100%; height: 250px; }
	.s11_4 .left { padding-top: 20px; }
	.s11_4 h1 { padding-bottom: 10px; }
	.s11_4 .left li { }

	.s11_5 { padding: 55px 0 ; }
	.s11_5 .sub_history { padding-bottom: 35px; }
	.s11_5 .right { padding-top: 20px; }
	.s11_5 .left .bak { height: 250px; }
	.s11_5 h1 { padding-bottom: 35px; }

	.s11_6 { padding: 20px 0; }
	.s11_6 h1 { padding-bottom: 30px; }
	.s11_6 li { height: 300px; }

	.s11_7 { padding: 30px 0; }
	.s11_7 .swiper-wrapper { padding: 30px 0 20px; }

	.s11_8 { padding: 30px 0 70px; }
	.s11_8 .wrap { padding: 70px 0; }

	.s11_9 { padding: 30px 0; }
	.s11_9 .swiper-wrapper { padding: 30px 0 20px; }

}