/* main */

/* swiper */
body{ overflow: hidden; }
.swiper-container{ height: 100vh; position: relative; }
/* .swiper-wrapper{ height: 700vh; }
*/
.swiper-slide{ height: 100vh; } 
#main .slide-active-class .up, #main .slide-active-class .scale{ opacity: 0; }
#main .slide-active-class .up.active{ animation: fade-up 1.2s ease; animation-fill-mode: forwards; }
#main .slide-active-class .up.delay{ animation-delay: 0.3s; }
.slide-active-class .scale.active{ animation: grow-scale 1.2s ease; animation-fill-mode: forwards; }
.slide-active-class .scale.delay1{ animation-delay: 0.3s; }
.slide-active-class .scale.delay2{ animation-delay: 0.6s; }


@keyframes fade-up{
	0%{ transform: translateY(30px); opacity: 0; }
	100%{ transform: translateY(0); opacity: 1; }
}

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

/* main - bg */
#main .bg{ width: 100%; height: 100%; position: relative; }
#main .bg01{ background: url("/img/main/main_bg01.jpg") no-repeat center right / cover; }
#main .bg02{ background: url("/img/main/main_bg02.jpg") no-repeat center right / cover; }
#main .bg03{ background: url("/img/main/main_bg03.jpg") no-repeat center right / cover; }
#main .bg04{ background: url("/img/main/main_bg04.jpg") no-repeat center center / cover; }
#main .bg05{ background: url("/img/main/main_bg05.jpg") no-repeat center center / cover; }
#main .bg06{ background: url("/img/main/main_bg06.jpg") no-repeat center center / cover; }


/* swiper-slide / slide01 */
#main{ position: relative; }
#main .slide01 .video{position:relative;}
#main .slide01 .video .video_box{position:relative; width: 100%; height: 100vh;}
#main .slide01 .video video{ width: 100%; height: 100vh; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); object-fit:cover; }
#main .slide01 .video .text{ position: absolute; top: 46%; left: 210px; transform: translateY(-50%); } 
#main .slide01 .text h1{ font-size: 6.5rem; font-weight: 700; color: #fff; line-height: 1.1538; opacity: 0; transform: translate(0, 30px); }
#main .slide01 .text p{ font-size: 1.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); margin: 25px 0; opacity: 0; transform: translate(0, 30px); }
#main .slide01 .video-btn{ position: absolute; top: 67.5%; left: 210px; transform: translateY(-50%);  }
#main .slide01 .video-btn .flex-box{ display: flex; align-items: center; }
#main .slide01 .video-btn ul{ display: flex; }
#main .slide01 .video-btn ul li{ font-size: 1.4rem; font-weight: 400; letter-spacing: -0.015em; color: #fff; opacity: 0.2; margin: 0 5px; cursor: pointer; }
#main .slide01 .video-btn ul li.on{ opacity: 1; }
#main .slide01 .video-btn .progress{ display: inline-block; width: 185px; height: 1px; background: rgba(255, 255, 255, 0.25); margin: 0 12.5px 0 10px; }
#main .slide01 .video-btn .progress > div{ width: 0; height: 1px; background: #fff; }
#main .slide01 .video-btn button{ border: none; background: none; padding: 0 7.5px; cursor: pointer; }

#main .slide01 .slick-active .text h1, #main .slide01 .slick-active .text p{ animation: text_appear 3s ease; animation-fill-mode: forwards; }

@keyframes text_appear{ 
	100%{ opacity: 1; transform: translate(0, 0); }
}



/* swiper-slide / slide02 - slide04 */
#main .swiper-slide .textBox{ position: absolute; top: 52%; left: 10%; transform: translateY(-50%); z-index: 3; }
#main .swiper-slide .textBox span.blue{ font-size: 2.2rem; font-weight: 600; color: #0094f3; }
#main .swiper-slide .textBox > div{ display: inline-block; position: relative; }
#main .swiper-slide .textBox .link{ border: none; background: none; padding: 0; position: absolute; top: 50%; right: -100px; transform: translateY(-50%); cursor: pointer; }
#main .swiper-slide.slide04 .textBox .link{ right: -140px; }
#main .swiper-slide .textBox .link::before{ content:"\e9c5"; font-family: 'xeicon'; font-weight: normal; font-style: normal; font-size: 3.5rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#main .swiper-slide .textBox .link img{ animation: rotate_img 6s linear infinite; transform-origin: 50% 50%; }
#main .swiper-slide .textBox h1{ font-size: 5.5rem; font-weight: 800; color: #fff; margin: 25px 0 67px; }
#main .swiper-slide .textBox p{ font-size: 2.4rem; font-weight: 300; color: #fff; }
#main .swiper-slide .textBox p:not(:last-of-type){ margin-bottom: 27px; }
#main .swiper-slide .textBox p span{ font-size: 4rem; font-weight: 700; }

#main .swiper-slide .scroll{ width: 1px; height: 90px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.3); overflow: hidden; }
#main .swiper-slide .scroll > div{ width: 100%; height: 38px; position: absolute; top: 0; left: 0; background: #fff; animation: scroll_down 2s ease infinite; }


/* swiper-slide / slide05 - slide07 공통 */
#main .mainTit{ font-size: 5.5rem; font-weight: 700; color: #fff; }


/* swiper-slide / slide05 */
#main .slide05 .padding-box{ padding-top: 11.5%; }
#main .slide05 .mainTit{ text-align: center; margin-bottom: 72px; }
#main .slide05 .media-wrapper .slick-list{ margin-right: -50px; }
#main .slide05 .media{ border-top: 1px solid #0076c2; margin-right: 50px; position: relative; }
#main .slide05 .media h3{ width: 100%; font-size: 2rem; font-weight: 600; color: #fff; padding: 33px 0 39px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main .slide05 .media p{ width: 100%; font-size: 1.6rem; font-weight: 300; color: #fff; opacity: 0.5; line-height: 1.625; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#main .slide05 .media span{ display: inline-block; font-size: 1.6rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); margin: 22px 0 40px; }
#main .slide05 .media figure{ margin: 0; position: relative; overflow: hidden; padding: 28.5% 0; }
#main .slide05 .media figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#main .slide05 .media a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#main .slide05 .media-btn button{ border: none; background: none; position: absolute; top: 61.5%; z-index: 3; transform: translateY(-50%); cursor: pointer; }
#main .slide05 .media-btn button::before{ content: ""; width: 170px; height: 170px;
background: rgba(0, 118, 194, 0.8); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scale(0); transform-origin: 50% 50%; transition: all 0.5s ease; }
#main .slide05 .media-btn button.prev{ left: 80px; display: none; }
#main .slide05 .media-btn button.next{ right: 80px; }
#main .slide05 .media-btn button span{ display: inline-block; font-size: 2.6rem; font-weight: 300; color: #fff; padding-bottom: 8px; border-bottom: 1px solid #fff; opacity: 0.5; transition: all 0.3s; }

#main .slide05 .media-btn button:hover::before{ transform: translate(-50%, -50%) scale(1); }
#main .slide05 .media-btn button:hover span{ opacity: 1; }

/* swiper-slide / slide06 */
#main .slide06 .padding-box{ padding-top: 12.5%; display: flex; flex-direction: column; align-items: center; }
#main .slide06 .mainTit{ text-align: center; }
#main .slide06 .flex-box{ width: 100%; display: flex; padding-top: 6.5%; }
#main .slide06 .box{ width: calc(100% / 3); display: flex; flex-direction: column; align-items: center; }
#main .slide06 .box .icon{ width: 170px; height: 170px; display: flex; justify-content: center; align-items: center; background-color: #0076c2; border-radius: 50%; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.28); }
#main .slide06 .box h3{ font-size: 2.5rem; font-weight: 600; color: #fff; text-align: center; margin: 40px 0 25px; }
#main .slide06 .box p{ font-size: 1.6rem; font-weight: 300; color: #fff; opacity: 0.8; text-align: center; line-height: 1.625; }
#main .slide06 a{ display: inline-block; font-size: 1.6rem; font-weight: 600; color: #fff; background: transparent; margin-top: 6.3%; position: relative; z-index: 3; padding: 10px 0; }
#main .slide06 a::before{ content: ""; width: 62px; height: 62px; background: url("/img/main/btn_before.png") no-repeat; position:absolute; top: 50%; right: -24px; z-index: -1; transform: translateY(-50%); }
#main .slide06 a i{ margin-left: 10px; }

#main .slide06 a:hover i{ color: #0076c2; }
#main .slide06 a:hover::before{ background: url("/img/main/btn_after.png") no-repeat; }


/* swiper-slide / slide07 */
#main .slide07{ overflow: hidden; }
#main .slide07 .padding-box{ padding-top: 9.5%; }
#main .slide07 .tabMenu{ display: flex; margin-top: 20px; }
#main .slide07 .tabMenu li{ font-size: 2.8rem; font-weight: 700; color: #fff; opacity: 0.2; cursor: pointer; }
#main .slide07 .tabMenu li:not(:last-of-type){ margin-right: 30px; }
#main .slide07 .tabMenu li.on{ color: #0076c2; opacity: 1; }
#main .slide07 .vertical_scroll{ display:flex;white-space: nowrap;/*  transition: all 0.8s; */ }
#main .slide07 .scroll_box{ font-size: 0; white-space: nowrap; /* transition: all 0.8s; */ position: relative; left: 0;}
#main .slide07 .scroll_box:last-of-type{ display: none; }
#main .slide07 .scroll_box .box{ display: inline-block; position: relative; z-index: 3; vertical-align: top; }
#main .slide07 .scroll_box .hover{ display: inline-block; position: relative; }
#main .slide07 .scroll_box figure{ width: fit-content; margin: 0; }
#main .slide07 .scroll_box figure img{ border-radius: 50%; }
#main .slide07 .scroll_box .text{ display: table; white-space: nowrap; position: absolute; top: 0; z-index: -1; }
#main .slide07 .scroll_box span{ font-size: 8rem; font-weight: 800; color: #fff; opacity: 0.1; padding-right: 10px; display: table-cell; }
#main .slide07 .scroll_box p{ display: table-cell; font-size: 1.8rem; font-weight: 400; color: #fff; opacity: 0.8; line-height: 1.555; vertical-align: middle; }
#main .slide07 .scroll_box .box .text{ right: 0; }


/* image hover */
#main .slide07 .scroll_box .hover:hover::before{ content: ""; width: 10px; height: 10px; background-color: #323232; border-radius: 50%; position: absolute; top: 0; right: 22%; }
#main .slide07 .scroll_box .hover:hover::after{ content: ""; width: 10px; height: 10px; background-color: #323232; border-radius: 50%; position: absolute; bottom: 0; left: 23%; }
#main .slide07 .scroll_box .hover figure:hover::after{ content: ""; width: 110%; height: 110%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%);
border-radius: 50%; border: 1px dashed #323232; }
#main .slide07 .welfare .box:nth-of-type(4) .hover:hover::after{ left: 21%; } 
#main .slide07 .welfare .box:nth-of-type(8) .hover:hover::after{ left: 21%; } 


/* 가로 스크롤 영역 위치 조정 - 복지 */
 #main .slide07 .welfare .box:nth-of-type(1){ width: 580px; margin-top: 110px; margin-left: 140px; }
 #main .slide07 .welfare .box:nth-of-type(2){ width: 545px; margin-top: 420px; }
 #main .slide07 .welfare .box:nth-of-type(3){ width: 510px; margin-top: 20px; margin-left: -143px; }
 #main .slide07 .welfare .box:nth-of-type(4){ width: 475px; margin-top: 345px; margin-left: -90px; }
 #main .slide07 .welfare .box:nth-of-type(5){ width: 570px; margin-top: 110px; margin-left: 77px; }
 #main .slide07 .welfare .box:nth-of-type(6){ width: 630px; margin-top: 420px; margin-left: -30px; }
 #main .slide07 .welfare .box:nth-of-type(7){ width: 510px; margin-top: 20px; margin-left: -230px;  }
 #main .slide07 .welfare .box:nth-of-type(8){ width: 425px; margin-top: 345px; margin-left: -95px; margin-right: 160px; }

/* 가로 스크롤 영역 위치 조정 - 사내문화 */
 #main .slide07 .culture .box:nth-of-type(1){ width: 555px; margin-top: 110px; margin-left: 140px; }
 #main .slide07 .culture .box:nth-of-type(2){ width: 500px; margin-top: 420px; margin-left: -30px; }
 #main .slide07 .culture .box:nth-of-type(3){ width: 565px; margin-top: 20px; margin-left: -105px; }
 #main .slide07 .culture .box:nth-of-type(4){ width: 495px; margin-top: 345px; margin-left: -140px; }
 #main .slide07 .culture .box:nth-of-type(5){ width: 615px; margin-top: 110px; margin-left: 60px; }
 #main .slide07 .culture .box:nth-of-type(6){ width: 560px; margin-top: 420px; margin-left: -90px; }
 #main .slide07 .culture .box:nth-of-type(7){ width: 580px; margin-top: 20px; margin-left: -160px; margin-right: 160px; }

/* .link hover */
#main .swiper-slide .textBox .link:hover img{ animation-play-state: paused; }

/* swiper-pagination */
.swiper-pagination{ width: 25px; display: flex; flex-direction: column; align-items: center; position: absolute; top: 50%; left: 60px; transform: translateY(-50%); }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 20px 0; }
.swiper-pagination-bullet{ display: inline-block; width: 9px; height: 9px; background-color: #fff; opacity: 0.1; position: relative; }
.swiper-pagination-bullet-active{ width: 5px; height: 5px; opacity: 1; }
.swiper-pagination-bullet-active::after{ content: ""; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* rotate animation */
@keyframes rotate_img {
	form{ transform: rotate(0); }
	to{ transform: rotate(360deg); }
}

/* scroll animation */
@keyframes scroll_down {
	0%{  transform: translateY(0); opacity: 1; }
	100%{  transform: translateY(90px); opacity: 0; }
}

/* fix */
.fix{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 90; display: none; }
.fix.end{ display: block; }


/* 반응형 */
@media screen and (max-width: 1900px){
	.swiper-pagination{ left: 3%; }

	#main .slide05 .media-wrapper{ width: 90%; margin: 0 auto; }
	#main .slide05 .media-btn button.prev{ left: 4%; }
	#main .slide05 .media-btn button.next{ right: 4%; }
}


@media screen and (max-width: 1620px){
	#main .slide07 .w1600{ padding: 0 10%; }
}

@media screen and (max-width: 1280px){
	/* image hover - welfare / before */
	#main .slide07 .welfare .box:nth-of-type(2) .hover:hover::before{ right: 21%; } 
	#main .slide07 .welfare .box:nth-of-type(2) .hover:hover::before{ right: 20%; }
	#main .slide07 .welfare .box:nth-of-type(4) .hover:hover::before{ right: 20%; }
	#main .slide07 .welfare .box:nth-of-type(6) .hover:hover::before{ right: 19%; }
	#main .slide07 .welfare .box:nth-of-type(8) .hover:hover::before{ right: 19%; }

	/* image hover - welfare / after */
	#main .slide07 .welfare .box:nth-of-type(2) .hover:hover::after{ left: 21%; }
	#main .slide07 .welfare .box:nth-of-type(4) .hover:hover::after{ left: 20%; }
	#main .slide07 .welfare .box:nth-of-type(5) .hover:hover::after{ left: 22%; }
	#main .slide07 .welfare .box:nth-of-type(6) .hover:hover::after{ left: 21%; }
	#main .slide07 .welfare .box:nth-of-type(8) .hover:hover::after{ left: 20%; }

	/* image hover - culture / before */
	#main .slide07 .culture .box:nth-of-type(2) .hover:hover::before{ right: 19%; }
	#main .slide07 .culture .box:nth-of-type(4) .hover:hover::before{ right: 19%; }
	#main .slide07 .culture .box:nth-of-type(6) .hover:hover::before{ right: 19%; }

	/* image hover - culture / after */
	#main .slide07 .culture .box:nth-of-type(2) .hover:hover::after{ left: 20%; }
	#main .slide07 .culture .box:nth-of-type(5) .hover:hover::after{ left: 21%; }
	#main .slide07 .culture .box:nth-of-type(6) .hover:hover::after{ left: 20%; }


	/* 가로 스크롤 영역 위치 조정 - 복지 */
	#main .slide07 .welfare .box:nth-of-type(1){ width: 518px; }
	#main .slide07 .welfare .box:nth-of-type(1) .hover{ width: 60%; }
	#main .slide07 .welfare .box:nth-of-type(2){ width: 500px; margin-top: 386px; margin-left: -100px; }
	#main .slide07 .welfare .box:nth-of-type(2) .hover{ width: 48%; }
	#main .slide07 .welfare .box:nth-of-type(3){ width: 460px; margin-left: -90px; }
	#main .slide07 .welfare .box:nth-of-type(3) .hover{ width: 65%; }
	#main .slide07 .welfare .box:nth-of-type(4){ width: 440px; }
	#main .slide07 .welfare .box:nth-of-type(4) .hover{ width: 50%; }
	#main .slide07 .welfare .box:nth-of-type(5){ width: 520px; }
	#main .slide07 .welfare .box:nth-of-type(5) .hover{ width: 63%; }
	#main .slide07 .welfare .box:nth-of-type(6){ width: 570px; margin-left: -60px; }
	#main .slide07 .welfare .box:nth-of-type(6) .hover{ width: 38%; }
	#main .slide07 .welfare .box:nth-of-type(7){ width: 480px; margin-left: -180px; }
	#main .slide07 .welfare .box:nth-of-type(7) .hover{ width: 68%; }
	#main .slide07 .welfare .box:nth-of-type(8){ width: 390px; }
	#main .slide07 .welfare .box:nth-of-type(8) .hover{ width: 57%; }

	/* 가로 스크롤 영역 위치 조정 - 사내문화 */
	#main .slide07 .culture .box:nth-of-type(1){ width: 490px; }
	#main .slide07 .culture .box:nth-of-type(1) .hover{ width: 62%; }
	#main .slide07 .culture .box:nth-of-type(2){ width: 440px; margin-left: -100px; }
	#main .slide07 .culture .box:nth-of-type(2) .hover{ width: 50%; }
	#main .slide07 .culture .box:nth-of-type(3){ width: 520px; margin-left: -110px; }
	#main .slide07 .culture .box:nth-of-type(3) .hover{ width: 60%; }
	#main .slide07 .culture .box:nth-of-type(4){ width: 455px; }
	#main .slide07 .culture .box:nth-of-type(4) .hover{ width: 48%; }
	#main .slide07 .culture .box:nth-of-type(5){ width: 530px; }
	#main .slide07 .culture .box:nth-of-type(5) .hover{ width: 54%; }
	#main .slide07 .culture .box:nth-of-type(6){ width: 500px; margin-left: -140px; }
	#main .slide07 .culture .box:nth-of-type(6) .hover{ width: 43%; }
	#main .slide07 .culture .box:nth-of-type(7){ width: 520px; margin-left: -120px; }
	#main .slide07 .culture .box:nth-of-type(7) .hover{ width: 55%; }
}

@media screen and (max-width: 1250px){
	body{ overflow-y: visible; }
	.swiper-container{ height: auto; }
	.swiper-wrapper{ display: block; }
	.swiper-pagination{ display: none; }

	/* swiper-slide / slide01 */
	#main .slide01 .video .text{ left: 10%; }
	#main .slide01 .text h1{ font-size: 6rem; }
	#main .slide01 .video-btn{ left: 10%; }

	/* swiper-slide / slide02 - slide04 */
	#main .swiper-slide .textBox p:not(:last-of-type){ margin-bottom: 20px; }
	#main .mainTit{ font-size: 5rem; }

	/* swiper-slide / slide05 */
	#main .slide05 .w1600{ height: 100%; }
	#main .slide05 .padding-box{ padding: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
	#main .slide05 .media-wrapper{ width: 90%; margin: 0 auto; }
	#main .slide05 .mainTit{ margin-bottom: 50px; }
	#main .slide05 .media h3{ font-size: 1.8rem; padding: 20px 0; }
	#main .slide05 .media span{ margin: 20px 0 30px; }

	/* swiper-slide / slide06 */
	#main .slide06 .w1600{ height: 100%; }
	#main .slide06 .padding-box{ height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0; }
	#main .slide06 .flex-box{ padding-top: 5%; }
	#main .slide06 .box h3{ font-size: 2rem; margin: 30px 0 20px; }
	#main .slide06 a{ margin-top: 5%; }

	/* swiper-slide / slide07 */
	#main .slide07 .w1600{ padding: 0 4%; }
	#main .slide07 .mainTit{ padding: 0 8%; }
	#main .slide07 .tabMenu{ padding: 0 8% 3%; }
	#main .slide07 .tabMenu li{ font-size: 2.5rem; }
	#main .slide07 .scroll_box span{ font-size: 7rem; }
}

@media screen and (max-width: 1200px){
	/* swiper-slide / slide01 */
	#main .slide01 .video .text{ width: 90%; left: 50%; transform: translate(-50%, -50%); }
	#main .slide01 .video .text h1{ text-align: center; }
	#main .slide01 .video .text p{ text-align: center; }
	#main .slide01 .video-btn{ top: 65%; left: 50%; transform: translate(-50%, -50%); }

	/* swiper-slide / slide02 - slide04 */
	#main .swiper-slide .textBox{ left: 8%; }

	/* swiper-slide / slide06 */
	#main .slide06 .box{ padding: 0 3%; }
	#main .slide06 .box p br{ display: none; }

	/* swiper-slide / slide07 */
	#main .slide07 .mainTit{ padding: 0 6%; }
	#main .slide07 .tabMenu{ padding: 0 6% 3%; }

	/* 가로 스크롤 영역 위치 조정 - 복지 */
	#main .slide07 .welfare .box:nth-of-type(1){ margin-left: 100px; }
	#main .slide07 .welfare .box:nth-of-type(8){ margin-right: 100px; }

	/* 가로 스크롤 영역 위치 조정 - 사내문화 */
	#main .slide07 .culture .box:nth-of-type(1){ margin-left: 100px; }
	#main .slide07 .culture .box:nth-of-type(7){ margin-right: 100px; }
}

@media screen and (max-width: 1025px){
	#main .swiper-slide .textBox{ top: 45%; }
	#main .bg01{ background: url("/img/main/main_bg01_moblie.jpg") no-repeat bottom center / cover; }
	#main .bg02{ background: url("/img/main/main_bg02_moblie.jpg") no-repeat bottom center / cover; }
	#main .bg03{ background: url("/img/main/main_bg03_moblie.jpg") no-repeat bottom center / cover; }

	#main .slide05 .media-btn{ display: none; }
}

@media screen and (max-width: 1000px){
	/* swiper-slide / slide02 - slide04 */
	#main .swiper-slide .textBox h1{ font-size: 5rem; margin: 25px 0 45px; }
	#main .swiper-slide .textBox p{ font-size: 2rem; }
	#main .swiper-slide .textBox p span{ font-size: 3.5rem; }

	/* swiper-slide / slide06 */
	#main .slide06 .box .icon{ width: 130px; height: 130px; }
	#main .slide06 .box .icon img{ height: 55%; }
	#main .slide06 .box:first-of-type .icon img{ height: 65%; }
	
	/* swiper-slide / slide07 */
	#main .slide07 .padding-box{ padding: 10% 0 5%; }
	#main .swiper-slide.slide07{ height: auto; }
}

@media screen and (max-width: 850px){
	/* swiper-slide / slide06 */
	#main .swiper-slide.slide06{ height: auto; }
	#main .slide06 .padding-box{ padding: 10% 0; }
	#main .slide06 .flex-box{ flex-direction: column; align-items: center; padding-top: 10%; }
	#main .slide06 .box{ width: 85%; }
	#main .slide06 .box:not(:last-of-type){ margin-bottom: 20px; }
	#main .slide06 a{ margin-top: 10%; }
}

@media screen and (max-width: 800px){
	/* swiper-slide / slide07 */
	#main .slide01 .video .text h1 br{ display: none; }
	#main .slide01 .video-btn{ top: 70%; }
	#main .slide07 .scroll_box{ overflow-x: scroll; -ms-overflow-style: none; }
	#main .slide07 .scroll_box::-webkit-scrollbar{display:none;}

	/* main - bg */
	#main .bg01{ background: url("/img/main/main_bg01_moblie.jpg") no-repeat center center / cover; }
	#main .bg02{ background: url("/img/main/main_bg02_moblie.jpg") no-repeat center center / cover; }
	#main .bg03{ background: url("/img/main/main_bg03_moblie.jpg") no-repeat center center / cover; }

	/* swiper-slide / slide02 - slide04 */
	#main .swiper-slide .textBox{ width: 100%; top: 40%; left: 0; padding: 0 8%; }

	#main .slide05 .media{ margin: 0; }
	#main .slide05 .media-wrapper .slick-list{ margin: 0; }
}

@media screen and (max-width: 600px){
	/* swiper-slide / slide02 - slide04 */
	#main .swiper-slide .textBox p{ line-height: 1.2; }

	/* image hover */
	#main .slide07 .welfare .box:nth-of-type(1) .hover:hover::before{ right: 21%; }
	#main .slide07 .welfare .box:nth-of-type(1) .hover:hover::after{ left: 21%; }
	#main .slide07 .welfare .box:nth-of-type(3) .hover:hover::after{ left: 21%; }

	/* image hover */
	#main .slide07 .culture .box:nth-of-type(1) .hover:hover::before{ right: 21%; }
	#main .slide07 .culture .box:nth-of-type(1) .hover:hover::after{ left: 21%; }
	#main .slide07 .culture .box:nth-of-type(3) .hover:hover::after{ left: 21%; }
	#main .slide07 .culture .box:nth-of-type(6) .hover:hover::after{ left: 19%; }
	#main .slide07 .culture .box:nth-of-type(7) .hover:hover::after{ left: 21%; }

	/* 가로 스크롤 영역 위치 조정 - 복지 */
	#main .slide07 .welfare .box:nth-of-type(1){ width: 470px; margin-left: 50px; }
	#main .slide07 .welfare .box:nth-of-type(1) .hover{ width: 51%; }
	#main .slide07 .welfare .box:nth-of-type(2){ width: 480px; margin-top: 386px; margin-left: -145px; }
	#main .slide07 .welfare .box:nth-of-type(2) .hover{ width: 45%; }
	#main .slide07 .welfare .box:nth-of-type(3){ width: 430px; margin-left: -140px; }
	#main .slide07 .welfare .box:nth-of-type(3) .hover{ width: 60%; }
	#main .slide07 .welfare .box:nth-of-type(5){ width: 490px; }
	#main .slide07 .welfare .box:nth-of-type(5) .hover{ width: 58%; }
	#main .slide07 .welfare .box:nth-of-type(6){ margin-left: -100px; }
	#main .slide07 .welfare .box:nth-of-type(7){ width: 450px; }
	#main .slide07 .welfare .box:nth-of-type(7) .hover{ width: 63%; }

	/* 가로 스크롤 영역 위치 조정 - 사내문화 */
	#main .slide07 .culture .box:nth-of-type(1){ width: 460px; margin-left: 50px; }
	#main .slide07 .culture .box:nth-of-type(1) .hover{ width: 57%; }
	#main .slide07 .culture .box:nth-of-type(2){ width: 420px; margin-left: -135px; }
	#main .slide07 .culture .box:nth-of-type(2) .hover{ width: 45%; }
	#main .slide07 .culture .box:nth-of-type(3){ width: 485px; margin-left: -110px; }
	#main .slide07 .culture .box:nth-of-type(3) .hover{ width: 53%; }
	#main .slide07 .culture .box:nth-of-type(4){ width: 435px; }
	#main .slide07 .culture .box:nth-of-type(4) .hover{ width: 45%; }
	#main .slide07 .culture .box:nth-of-type(5){ width: 500px; }
	#main .slide07 .culture .box:nth-of-type(5) .hover{ width: 48%; }
	#main .slide07 .culture .box:nth-of-type(6){ width: 470px; margin-left: -165px; }
	#main .slide07 .culture .box:nth-of-type(6) .hover{ width: 38%; }
	#main .slide07 .culture .box:nth-of-type(7){ width: 480px; margin-left: -120px; margin-right: 50px; }
	#main .slide07 .culture .box:nth-of-type(7) .hover{ width: 47%; }
}