@charset "utf-8";

#container{}
.main_wrap{}

/* 공통 레이아웃 */
.fullpage section{position:relative;width:100vw;height:100vh;padding-top:80px;background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom;box-sizing:border-box;}
.fullpage .section_title{font-size:0;}
@media screen and (max-width:1024px){
	.fullpage section{padding-top:0;height:calc(var(--vh, 1vh) * 100)}
}

/* 페이징 */
.fullpage .fullpage-pagination{position:absolute;right:3% !important;z-index:10;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet{display:flex !important;align-items:center;justify-content:flex-end;position:relative;width:auto;height:25px;margin:20px 0;line-height:25px;font-size:0;border-radius:0;opacity:1;color:#FFF;background:transparent;transition:all .3s;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{font-size:18px;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet > p{margin-right:20px;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet > span{display:inline-block;margin: 0 !important;height: 9px !important;width: 9px !important;background-color: #FFF;border-radius:100px;position:relative;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet-active > span:after{content:'';width:21px;height:21px;display:block;border:1px solid #FFF;border-radius:100%;position:absolute;left:calc(50% - 11.5px);bottom:calc(50% - 11.5px);}
.fullpage .fullpage-pagination > .swiper-pagination-bullet:last-child{display:none !important;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet-active{font-weight:bold;color:#FFF;}
.fullpage .fullpage-pagination > .swiper-pagination-bullet-active:after{background:#FFF;}
@media screen and (max-width:1024px){
	.fullpage .fullpage-pagination{display:none;}
}

/* 메인 */
/* Home */
@keyframes upAndDown {
	from{transform:translateY(0px);}
	to{transform:translateY(5px);}
}
@keyframes fadeup {
	from{transform:translateY(0);}
	to{transform:translateY(-80px);}
}
.fullpage .main_home .section_inner{position:absolute;left:0;top:0;width:100%;height:100%;}
.mainViusal_area{width:100%;height:100%;}
.mainViusal_area:after{}
.mainViusal {width:100%;height:100%;}
.swiper-wrapper{height:100%;height:100%;}
.mainViusal .swiper-slide{width:100vw;height:100vh !important;display:flex;align-items: center;justify-content: center;position:relative;transition-property: opacity;    -webkit-transition-property: opacity;}
.mainViusal .main_t {margin-top:8%;animation: 1s ease-in-out alternate fadeup;animation-fill-mode: forwards;text-align:center;}
.mainViusal .main_t > img{width:75%;min-width:200px;}
.mainViusal .main_t > p{color:#FFF;margin-top:45px;font-size:24px;}
.mainViusal .scroll_line {position:absolute;width:1px;height:63px;background:#fff;bottom:0;left:50%;}
.mainViusal .scroll_line::after {content:'Scroll';font-size:18px;animation:1s linear infinite alternate upAndDown;color:#fff;display:block;position:absolute;top:-40px;left:-23.94px;}
@media screen and (max-width:1024px){
	.mainViusal .swiper-slide{width:100%;height:100% !important;}
}
@media screen and (max-width:640px){
	.mainViusal .main_t > img{width:55%;}
	.mainViusal .main_t > p{font-size:20px;}
}
@media screen and (max-width:480px){
	.mainViusal .main_t{margin-top:50%;}
	.mainViusal .main_t > img{min-width:120px;}
	.mainViusal .main_t > p{font-size:16px;word-break: keep-all;width:80%;margin:45px auto 0;}
	.mainViusal .main_t > p > br{display:none;}
}

/* Business */
.main_business{display:flex;align-items: center;justify-content: center;background-image:url('/common/img/main/bg_main01.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.main_business > .section_inner{max-width:1530px;margin:0 auto;margin:50px 0;width:100%;}
.business_area{}
.businessSlide{} 
.businessSlide .swiper-slide{background:#FFF;display:flex;}
.businessSlide .swiper-slide > .txt_box{width:40%;padding:50px 80px;box-sizing:border-box;position:relative;}
.businessSlide .swiper-slide > .txt_box > .paging {font-weight:700;font-size:18px;}
.businessSlide .swiper-slide > .txt_box > .paging > span {font-size:40px;}
.businessSlide .swiper-slide > .txt_box > h3{font-size:55px;font-weight:700;display:block;line-height:1;margin:65px 0 45px;}
.businessSlide .swiper-slide > .txt_box > p.ex{font-size:20px;line-height:1.5;}
.businessSlide .swiper-slide > .txt_box > a.btn_more {transition:all .2s;margin-top:15%;width:150px;height:41px;background:#000;display:flex;align-items:center;justify-content: space-around;font-size: 16px;color: #fff;margin-right: 30px;}
.businessSlide .swiper-slide > .txt_box > a.btn_more:hover {background:#4eacee;}
.businessSlide .swiper-slide > .txt_box > a.btn_more > img{width:35px;}
.businessSlide .swiper-slide > .img_box{width:60%;background-image:url('/common/img/main/img_main02.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding: 20%;box-sizing: border-box;}
.businessSlide .businessSlide-pagination{display:block !important;width:fit-content;position:static;color:#000;}
@media screen and (max-width:1200px){
	.businessSlide .swiper-slide > .txt_box > .paging{display:none;}
}
@media screen and (max-width:1024px){
	.main_business{padding-top:60px}
	.businessSlide .swiper-slide{flex-direction: column-reverse;width: 80% !important;margin: 20px auto;}
	.businessSlide .swiper-slide > .img_box{width:100%;}
	.businessSlide .swiper-slide > .txt_box{width:100%;padding:20px 50px;text-align:center;}
	.businessSlide .swiper-slide > .txt_box > h3{font-size:35px;margin:20px 0 25px;}
	.businessSlide .swiper-slide > .txt_box > p.ex{font-size:18px;}
	.businessSlide .swiper-slide > .txt_box > a.btn_more{margin:30px auto 20px;}
}
@media screen and (max-width:640px){
	.businessSlide .swiper-slide > .txt_box > h3{font-size: 25px;margin: 15px 0 20px;}
	.businessSlide .swiper-slide > .txt_box > p.ex{font-size:16px;}
	.businessSlide .swiper-slide > .txt_box > a.btn_more{margin:20px auto 10px;}
}
@media screen and (max-width:480px){
	.businessSlide .swiper-slide > .txt_box{padding:15px;}
	.businessSlide .swiper-slide > .txt_box > h3{font-size:20px;}
	.businessSlide .swiper-slide > .txt_box > p.ex{font-size:14px;}
	.businessSlide .swiper-slide > .txt_box > a.btn_more{font-size:14px;height:30px;width:120px;}
	.businessSlide .swiper-slide > .txt_box > a.btn_more > img{width:25px;}
}

/* Center */
@keyframes movingArrow {
	from {transform:translateX(0px);}
	to {transform:translateX(30px);}
}
.fullpage .main_center {padding-top:0;}
.center_area{display:flex;}
.center_area > .left_box{width:74%;background-image:url('/common/img/main/img_main05.jpg');background-repeat:no-repeat;background-position:100% 100%;background-size:100% 100%;display: flex;flex-direction: column;justify-content: flex-end;height:100vh;}
.center_area > .left_box > .box_ctn {display:flex;flex-direction:column;justify-content: flex-end;}
.center_area > .left_box > .box_ctn > .txt_box {margin-bottom:7%;margin-left: 5%;}
.center_area > .right_box{width:26%;display:flex;flex-direction:column;}
.center_area > div > a {display:flex;flex-direction:column;justify-content: flex-end;}
.center_area > .right_box > a{background-image:url('/common/img/main/img_main04.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;box-sizing:border-box;height:31%;justify-content: center;}
.center_area > .right_box > a:first-child{padding-top:15%;height:39%;}
.center_area > .right_box > a:nth-child(2){background:#363636;}
.center_area > .right_box > a:nth-child(3){background:#000;}
.center_area > .right_box > a > .box_ctn > .txt_box{margin-left:10%;}
.center_area .box_ctn > .txt_box > p{color:#FFF;font-size: 35px;font-weight: 700;}
.center_area .box_ctn > .txt_box > span {display:block;width:44px;height:4px;background:#fff;position:relative;margin-top:20px;ransition:.2s;}
.center_area .box_ctn > .txt_box > span::before {content:'';width:20px;height:4px;background:#fff;position:absolute;top:-6px;right:-3px;transform:rotate(45deg)}
.center_area .box_ctn > .txt_box > span::after {content:'';width:20px;height:4px;background:#fff;position:absolute;bottom:-6px;right:-3px;transform:rotate(-45deg)}
.center_area > .left_box:hover > .box_ctn > .txt_box > span {animation:.5s ease-out alternate movingArrow;animation-fill-mode: forwards;transition:.2s;}
.center_area > .right_box > a:hover > .box_ctn > .txt_box > span {animation:.5s ease-out alternate movingArrow;animation-fill-mode: forwards;transition:.2s;}
@media screen and (max-width:1024px){
	.center_area{flex-direction: column-reverse;height:100vh;}
	.center_area > .left_box{width:100%;height:calc(39.3vh - 20px);background-size: cover;background-position:center center;}
	.center_area > .right_box{width:100%;height:calc(75.6vh - 20px);display:block;}
	.center_area > .right_box > a{height:calc(26.3vh - 20px);}
	.center_area > .right_box > a:nth-child(2),
	.center_area > .right_box > a:nth-child(3){width:50%;}
	.center_area > .right_box > a:nth-child(2){float: left;}
	.center_area > .right_box > a:first-child{padding-top:0;height:calc(45vh - 20px);text-align:Center;align-items:center;}
	.center_area .box_ctn > .txt_box > p{font-size:25px;}
	.center_area > .right_box > a:first-child > .box_ctn > .txt_box{margin-left:0;margin-top:80%;}
	.center_area > .right_box > a:first-child > .box_ctn > .txt_box > span {margin-left: 22%;}
	.center_area > .left_box:hover > .box_ctn > .txt_box > span, 
	.center_area > .right_box > a:hover > .box_ctn > .txt_box > span {animation:none;}
}
@media screen and (max-width:640px){
	.center_area > .left_box{height:65%;}
	.center_area > .right_box{display:flex;flex-direction: row;height:30%}
	.center_area > .right_box > a{width:33.3% !important;height:auto;align-items:center;}
	.center_area > .right_box > a:first-child{height:auto;}
	.center_area > .right_box > a:first-child > .box_ctn > .txt_box{margin-top:0;}
	.center_area > .right_box > a > .box_ctn {}
	.center_area > .right_box > a > .box_ctn > .txt_box {width:100%; text-align:center;margin-left:0;}
	.center_area > .right_box > a > .box_ctn > .txt_box > span{margin-left: 22%;}
	.center_area .box_ctn > .txt_box > p{font-size:20px;}
	.center_area .box_ctn > .txt_box > span{width:35px;height:3px;}
	.center_area .box_ctn > .txt_box > span::before,
	.center_area .box_ctn > .txt_box > span::after{width: 15px;height: 3px;}
	.center_area .box_ctn > .txt_box > span::before{top: -5px;}
	.center_area .box_ctn > .txt_box > span::after{bottom:-4px;}
}
@media screen and (max-width:480px){
	.center_area > .left_box{justify-content: flex-start;position:relative;width:100%;height:58%;}
/*	.center_area > .left_box > .box_ctn{padding-top:90%;box-sizing:border-box;}*/
	.center_area > .left_box > .box_ctn {position:absolute;bottom: 25%;width: 100%;padding: 20px;box-sizing: border-box;}
	.center_area > .left_box > .box_ctn > .txt_box{margin:0;}
	.center_area > .right_box{height:42%}
	.center_area > .right_box > a > .box_ctn {padding-top: 40%;}
	.center_area .box_ctn > .txt_box > p{font-size:16px;}
	.center_area .box_ctn > .txt_box > span{width:30px;height:2px;margin-top:15px;}
	.center_area .box_ctn > .txt_box > span::before,
	.center_area .box_ctn > .txt_box > span::after{width: 10px;height: 2px;}
	.center_area .box_ctn > .txt_box > span::before{top: -3px;}
	.center_area .box_ctn > .txt_box > span::after{bottom:-3px;}
}