@charset "utf-8";

html,body{width:100%;height:100%;}
html {overflow:hidden;}

.swiper-container.main {width:100%;height:100vh;}
.main > div > .swiper-slide {overflow:hidden;box-sizing:border-box;width:100%;height:100vh;}

/* section1 */
.section1 {position:relative;}
.section1 .visual,
.section2 .develop {overflow:hidden;position:relative;width:100%;height:100vh;}
.section1 .visual .swiper-slide,
.section2 .develop .swiper-slide {position:relative;width:100%;height:100%;}
.section1 .visual .img_area {width:100%;height:100%;}
.section1 .visual .img_area img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:75%;object-position:75%;transition:transform 1s cubic-bezier(0.7, 0, 0.7, 1);transform:scale(1.2);}
.section1 .visual .swiper-slide-active .img_area img {transform:scale(1);}
.section1 .visual .txt_area {position:absolute;width:1400px;left:50%;top:50%;transform:translateY(-50%);margin-left:-700px;margin-top:-55px;color:#fff;}
.section1 .visual .txt_area .txt1 {margin-bottom:44px;font-size:60px;font-weight:100;}
.section1 .visual .txt_area .txt2 {margin-bottom:34px;font-size:70px;font-weight:900;}
.section1 .visual .txt_area .txt3 {font-size:18px;font-weight:400;line-height:33px;}
.section1 .visual-pagination {position:absolute;width:1400px;left:50%;bottom:310px;margin-left:-700px;text-align:left;z-index:100;}
.section1 .visual-pagination span {display:inline-block;position:relative;width:12px;height:12px;margin:0 5px;background:transparent;border:1px solid #fff;opacity:1;}
.section1 .visual-pagination span.swiper-pagination-bullet-active {border-radius:100%;border:1px solid #187ce2;background:#187ce2;}
.section1 .scroll {overflow:hidden;position:absolute;left:50%;bottom:74px;z-index:100;width:1px;height:94px;background:rgba(255,255,255,0.4);}
.section1 .scroll:after {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:33px;background:#fff;animation:scroll 1.5s infinite ease;}
@keyframes scroll {	
	0% {transform:translateY(0);}
	100% {transform:translateY(185%);}
}

/* section2 */
.section2 {position:relative;}
.section2 .develop .swiper-slide {background:#187ce2 url(../../public/img/section2_bg.png) no-repeat right bottom;}
.section2 .develop .img_area {width:50%;height:100%;overflow:hidden;}
.section2 .develop .img_area img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:75%;object-position:75%;transition:transform 1s cubic-bezier(0.7, 0, 0.7, 1);}
.section2 .develop .txt_area {position:absolute;width:50%;left:50%;top:50%;transform:translateY(-50%);color:#fff;margin-left:120px;margin-top:-30px;}
.section2 .develop .txt_area .txt1,
.section3 .txt_area .txt1 {margin-bottom:44px;font-size:15px;font-weight:400;letter-spacing:0;}
.section2 .develop .txt_area .txt2,
.section3 .txt_area .txt2 {position:relative;margin-left:-5px;padding-top:10px;margin-bottom:40px;font-size:70px;font-weight:100;}
.section2 .develop .txt_area .txt2::before,
.section3 .txt_area .txt2::before {content:"";display:block;position:absolute;left:5px;top:0;width:94px;height:1px;background:rgba(255, 255, 255, 0.4);}
.section2 .develop .txt_area .txt3,
.section3 .txt_area .txt3 {margin-bottom:24px;font-size:50px;font-weight:900;}
.section2 .develop .txt_area .txt4,
.section3 .txt_area .txt4 {min-height:100px;font-size:20px;font-weight:400;line-height:33px;}
.section2 .develop_pagination {position:absolute;width:50%;left:50%;bottom:246px;margin-left:120px;z-index:100;}
.section2 .develop_pagination span {display:inline-block;position:relative;margin-right:25px;font-size:20px;color:#fff;font-weight:300;width:auto;height:auto;background:transparent;opacity:1;}
.section2 .develop_pagination span.swiper-pagination-bullet-active {font-weight:900;}
@media (max-height: 820px) {
	.section1 .visual-pagination,
	.section2 .develop_pagination {bottom:20vh;}
}

/* section3 */
.section3 {position:relative;display:flex;align-items:center;}
.section3_area {position:relative;width:100%;height:485px;margin-left:260px;padding-left:485px;overflow:hidden;}
.section3 .txt_area {position:absolute;left:0;top:0;width:485px;height:100%;color:#3c3c3c;background-color:#fff;z-index:999;}
.section3 .txt_area .txt1 {color:#616161;}
.section3 .txt_area .txt2::before {background:rgba(42, 42, 42, 0.4);}
.section3 .txt_area .txt4 {color:#616161;min-height:auto;}
.section3 .txt_area .intro_arrow {position:absolute;left:0;bottom:0;}
.section3 .txt_area .intro_arrow::after {content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);top:50%;transform:translateY(-50%);width:1px;height:33px;background:rgba(42, 42, 42, 0.2);}
.section3 .txt_area .intro_arrow button {width:22px;height:34px;background-repeat:no-repeat;background-position:center;}
.section3 .txt_area .intro_arrow .intro_prev {margin-right:28px;background-image:url(../../public/img/intro_prev_arrow.png);}
.section3 .txt_area .intro_arrow .intro_next {margin-left:28px;background-image:url(../../public/img/intro_next_arrow.png);}
.section3 .intro {height:100%;}
.section3 .intro .swiper-slide {width:465px !important;height:100%;border:1px solid #dbdbdb;margin-right:50px;}
.section3 .intro .swiper-slide a {display:block;height:100%;}
.section3 .intro .img {height:264px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;}
.section3 .intro .intr1 .img {background-image:url(../../public/img/main_visual03_01.jpg);}
.section3 .intro .intr2 .img {background-image:url(../../public/img/main_visual03_02.jpg);}
.section3 .intro .intr3 .img {background-image:url(../../public/img/main_visual03_03.jpg);}
.section3 .intro .intr4 .img {background-image:url(../../public/img/main_visual03_04.jpg);}
.section3 .intro .intr5 .img {background-image:url(../../public/img/main_visual03_05.jpg);}
.section3 .intro .intr6 .img {background-image:url(../../public/img/main_visual03_06.jpg);}
.section3 .intro .txt_box {padding:34px 32px;}
.section3 .intro .state {display:inline-block;margin-bottom:13px;font-size:15px;font-weight:500;color:#868686;letter-spacing:-1px;}
.section3 .intro .tit {width:100%;margin-bottom:15px;padding-bottom:1px;font-size:22px;font-weight:700;letter-spacing:-1px;color:#3b3b3b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
.section3 .intro .cont {font-size:18px;color:#5e5e5e;letter-spacing:-1px;line-height:29px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all;}