@charset "utf-8";

/****************************** main > common ******************************/
.section {position:relative; overflow:hidden;}
.section.fp-auto-height {overflow:inherit !important;}
.dot {width:1rem; height:1rem; background:var(--main-color1); border-radius:100%; display: inline-block;}
.btn_view {width:22rem; height:6.5rem; margin-top:6rem;}
.btn_view a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; background: var(--main-color1); color: var(--white-color); border-radius: 5rem; box-sizing: border-box; padding: 0 3rem; letter-spacing: .2px;}
.btn_view a:hover {background: var(--black-color); transition: all 0.5s;}

@media all and (max-width:1024px){
	.btn_view {width: 19rem; height: 5.5rem; margin-top:2rem;}
}
@media all and (max-width:768px){
	.btn_view {width: 16rem; height:5rem;}
	.btn_view a {padding: 0 2rem;}
}

#fullpage {position: relative; overflow: hidden;}

/****************************** main > section1 ******************************/
#section1 .mvisual_swiper {width:100%; height:calc(var(--vh, 1vh) * 100);}
#section1 .mvisual_swiper:before {content:''; display:block; width:100%; height:100%; background:#232b31; opacity:0.3; position:absolute; left:0; top:0; z-index:0;}
#section1 .mvisual_swiper .swiper-slide .img{position:absolute;top:0;right:0;bottom:0;left:0}
#section1 .mvisual_swiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#section1 .mvisual_swiper .swiper-slide {position:relative; display:flex; /* align-items: center; */ align-items: flex-end;}
#section1 .mvisual_swiper .swiper-slide .txt_wrap {position:relative; z-index:3; color:#fff; font-weight:200; line-height:1.3; margin: 0 0 13rem 16rem;}
#section1 .mvisual_swiper .swiper-slide .txt_wrap p {letter-spacing:0; font-weight: 500;}
#section1 .mvisual_swiper .swiper-slide .txt_wrap p.title {font-weight:800; margin-top: 1rem;}
#section1 .mvisual_swiper .swiper-slide .txt_wrap > * {opacity:0; transform:translateY(1rem); transition: .3s .3s ease-in;}
#section1 .mvisual_swiper .swiper-slide-active .txt_wrap > * {opacity:1; transform:translateY(0);}
#section1 .mvisual_swiper .swiper-slide-active .p.f22 {transition-delay:.4s; opacity:0.7}
#section1 .mvisual_swiper .swiper-slide-active .title {transition-delay:.8s;}
#section1 .mvisual_swiper .swiper-slide.swiper-slide-active .img img{-webkit-animation-name:zoom; animation-iteration-count: infinite; animation-name:zoom; -webkit-animation-duration:12s; animation-duration:12s} 
#section1 .mvisual_swiper .swiper-pagination {bottom: 38rem; left: 15.5rem;}
#section1 .mvisual_swiper .swiper-pagination span {width:4rem; height:.3rem; background: #fff; border-radius:0; margin: 0 .5rem;}

@-webkit-keyframes zoom{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoom{
     0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}


 @media all and (max-width:1600px){
	#section1 .mvisual_swiper .swiper-slide .txt_wrap { margin: 0 0 9rem 5%;}
	#section1 .mvisual_swiper .swiper-pagination {bottom: 32rem; left: 5%;}
	#section1 .mvisual_swiper .swiper-slide .img img {object-position: 80% center;}
}
@media all and (max-width:1024px){
	#section1 .mvisual_swiper .swiper-slide .txt_wrap {margin: 0 0 7rem 5%;}
	#section1 .mvisual_swiper .swiper-pagination {bottom: 26rem;}
}

@media all and (max-width:768px){
	#section1 .mvisual_swiper .swiper-pagination {bottom: 19rem;}
	#section1 .mvisual_swiper .swiper-slide .img img {object-position: 70% center;}
} 
@media all and (max-width:375px){
	#section1 .mvisual_swiper .swiper-pagination {bottom: 17rem;}
} 


/****************************** main > section2 ******************************/
#section2 {position: relative;}
#section2 .inner {display: flex; align-items: flex-start; margin-top:5rem;}
#section2 .radial-gradient {z-index:-1; position: absolute;  width: 35vh;  height: 35vh;  border-radius: 50%;top:0; left:0;transform:translate(-50%, -50%); filter: blur(80px);transition:all 0.5s ease-out;  opacity:.5;  background: radial-gradient(circle at 50% 50%,var(--main-color1), #fff);}
#section2 .txt_box {margin-right: 10rem; width: 50%;}
#section2 .txt_box .txt_sm {font-weight:bold;}
#section2 .txt_box .txt_sm i {margin-right:1rem;}
#section2 .txt_box .txt_tit {font-weight:700; margin: 6rem 0 6.5rem; line-height: 120%;}
#section2 .txt_box .txt {color:#666; line-height: 150%; margin-right:15rem;}
#section2 .img_box img {width: 100%;    height: 100%;    display: block;}

@media all and (max-width:1600px){
	#section2 .inner {align-items: center;}
	#section2 .txt_box {margin-right:5rem;}
	#section2 .txt_box .txt {margin-right: 0;}
	#section2 .txt_box .txt_tit {margin: 2rem 0 4rem;}
	#section2 .txt_box .txt_tit br {display: none;}
} 
@media all and (max-width:1200px){
	.fp-tableCell {height: auto !important;}
	#section2 {height: auto !important;}
	#section2 .inner {margin:10rem 0;}
	
}
@media all and (max-width:1024px){
	#section2 .inner {flex-direction: column; align-items: flex-start;}
	#section2 .txt_box {width:100%;}
	#section2 .txt_box .txt_tit {margin: 1rem 0 2rem;}
	#section2 .txt_box .btn_view {margin-bottom: 5rem;}
	#section2 .img_box {width:100%;}
}
@media all and (max-width:768px){
	#section2 .inner {margin: 5rem 0;}
	#section2 .txt_box .btn_view {margin-bottom:4rem;}
}


/****************************** main > section3 ******************************/
#section3 {background: #17283B;}
#section3 .box_wp {display:flex; width: 100%; height: 100%;}
#section3 .img_box {display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; background: url(../image/main/bg_sec3.jpg) no-repeat center; background-size: cover;}
#section3 .img_box img {max-width:100%; display: block;}
#section3 .txt_box {width:50%; color:var(--white-color); display: flex; flex-direction: column; justify-content: center; padding: 0 20rem 0 8rem; font-weight: 300;}
#section3 .txt_box .txt_sm {font-weight:bold;}
#section3 .txt_box .txt_sm i {margin-right:1rem;}
#section3 .txt_box .txt_tit {font-weight:700; margin: 3rem 0 2.7rem;}
#section3 .txt_box .txt_tit .btn_more {display: inline-block; margin-left: 1rem;}
#section3 .txt_box .txt_tit .btn_more img {transform: rotate(0deg);}
#section3 .txt_box .txt_tit .btn_more:hover img {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition-duration: 1s;}
#section3 .txt_box .txt {color:#fff; opacity:.7; line-height: 155%;}
#section3 .txt_box ul {display:flex; margin-top:6rem;}
#section3 .txt_box ul li {/* width: 13rem; height: auto; */ text-align: center; margin-right: 4.5rem;}
#section3 .txt_box ul li .icon_box .box {width: 13rem; height: 13rem; border-radius: 15px; background: #273C54; display: flex; justify-content: center; align-items: center; margin-bottom:1.7rem;}
#section3 .txt_box ul li .icon_box p {font-weight:300;}

@media all and (max-width:1600px){
	#section3 .img_box {padding: 5%;}
	#section3 .txt_box {padding:0 8rem;}
}
@media all and (max-width:1400px){
	#section3 .txt_box {padding:0 4rem;}
	#section3 .txt_box ul li {margin-right: 2rem;}
}
@media all and (max-width:1200px){
	#section3 {height: auto !important;}
	#section3 .img_box {padding: 10rem 5%;}
	#section3 .txt_box {padding: 10rem 5%;}
	#section3 .txt_box .txt_tit {display: flex; align-items: center; margin: 1rem 0 2rem;}
	#section3 .txt_box .txt_tit .btn_more {display: block;}
}
@media all and (max-width:1024px){
	#section3 .box_wp {flex-direction: column;}
	#section3 .img_box {width:100%;}
	#section3 .txt_box {width:100%;}
	#section3 .txt_box ul {margin-top: 3rem;}
}
@media all and (max-width:768px){
	#section3 .img_box {padding: 5rem 5%;}
	#section3 .txt_box {padding: 5rem 5%;}
	#section3 .txt_box .txt_tit {margin: 0rem 0 1rem;}
	#section3 .txt_box .txt_tit .btn_more img {max-width: 70%;}
	#section3 .txt_box ul {margin-top: 3rem;}
}
@media all and (max-width:568px){
	#section3 .txt_box ul li {margin-right:2rem;}
	#section3 .txt_box ul li .icon_box .box {width: 8rem; height: 8rem;}
	#section3 .txt_box ul li .icon_box .box img {max-width: 60%;}
	#section3 .txt_box ul li p {font-size:1.4rem;}
}


/****************************** main > section4 ******************************/
#section4 {background:url('../image/main/bg_sec4.jpg') no-repeat center; background-size: cover;}
#section4 .inner {overflow: hidden; margin-top:5rem;}
#section4 .inner .top_wp {display:flex; justify-content: space-between; align-items: flex-end;}
#section4 .inner .top_wp .txt_box {max-width: calc(100% - 36.8rem);}
#section4 .inner .top_wp .txt_box .txt_sm {font-weight:bold;}
#section4 .inner .top_wp .txt_box .txt_sm i {margin-right:1rem;}
#section4 .inner .top_wp .txt_box .txt_tit {font-weight:700; margin: 3rem 0 2.7rem;}
#section4 .inner .top_wp .txt_box .txt {color:#666;}
#section4 .inner .top_wp .btn_wp {position: relative; width: 36.8rem;}
#section4 .inner .top_wp .btn_wp .swiper_btn .arrow {top: 67%; width:6.4rem; height:6.4rem; border:3px solid #D6D6D6; border-radius:50%; background: #fff;}
#section4 .inner .top_wp .btn_wp .swiper_btn .arrow:hover {background: #000; border:3px solid #000;}
#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-next {display: flex; align-items: center; justify-content: center;}
#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-next:before {content:""; width:1rem; height:1.9rem; display: block; background:url('../image/main/ico_sec4_next.svg') no-repeat center;}
#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-prev {display: flex; align-items: center; justify-content: center; left:61%;}
#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-prev:before {content:""; width:1rem; height:1.9rem; display: block; background:url('../image/main/ico_sec4_prev.svg') no-repeat center;}

#section4 .research .swiper-wrapper {margin:5rem 0;}
#section4 .research .swiper-wrapper .swiper-slide {width:38rem !important; height:38rem;}
#section4 .research .swiper-wrapper .swiper-slide a {display: flex; flex-direction: column; justify-content: space-between; width:38rem; height:38rem; border-radius:15px; border:1px solid #E5E5E5; padding:4rem;}
#section4 .research .swiper-wrapper .swiper-slide a:hover {background: #2AC2A3; color:#fff; margin-top: -2rem; transition: all 0.5s;}
#section4 .research .swiper-wrapper .swiper-slide a:hover .date .icon {background: rgba(0, 0, 0, 0.17) url('../image/main/ico_sec4_date_hover.svg') no-repeat center;}
#section4 .research .swiper-wrapper .swiper-slide-active a {background: #2AC2A3; color:#fff; box-shadow: 3px 5px 20px 3px rgb(46 2 2 / 23%); border:0;}
#section4 .research .swiper-wrapper .swiper-slide-active a .date .icon {background: rgba(0, 0, 0, 0.17) url('../image/main/ico_sec4_date_hover.svg') no-repeat center !important;}
#section4 .research .swiper-wrapper .swiper-slide a .tit {display: flex; align-items: center; justify-content: center; width:7rem; height:3.4rem; background: #222; color:#fff; border-radius:20px; margin-bottom:3rem;}
#section4 .research .swiper-wrapper .swiper-slide a .cont {font-weight: 500; line-height: 130%; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
#section4 .research .swiper-wrapper .swiper-slide a .date {display: flex; align-items: center;}
#section4 .research .swiper-wrapper .swiper-slide a .date .icon {background: #EEF3F5 url('../image/main/ico_sec4_date.svg') no-repeat center; width:3rem; height:3rem; border-radius:50%; margin-right:1rem;}
.swiper-scrollbar-drag {height:3px !important; opacity:2.9 !important;}
.swiper-container-horizontal>.swiper-scrollbar {height:2px !important;}
.swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {background: #000;}
 
@media all and (max-width:1700px){
	.swiper-container-horizontal>.swiper-scrollbar {width: 93% !important; transform: translateX(6%) !important;}
}

@media all and (max-width:1200px){
	#section4 {height: auto !important;}
	#section4 .inner {margin: 10rem 0;}
	#section4 .research .swiper-wrapper {margin-bottom: 0;}
	#section4 .research .swiper-wrapper .swiper-slide a {height: 33rem;}
}
@media all and (max-width:1024px){
	#section4 .txt_box .txt_tit {margin: 1rem 0 2rem;}
	#section4 .inner .top_wp {flex-direction: column; align-items: flex-start;}
	#section4 .inner .top_wp .txt_box {max-width: 100%;}
	#section4 .inner .top_wp .btn_wp {width: 33rem;}
	#section4 .inner .top_wp .btn_wp .swiper_btn .arrow {top: 58%; width: 5.4rem; height: 5.4rem;}
	#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-prev {left: 62%;}	
	#section4 .research .swiper-wrapper .swiper-slide {width:50% !important; height: 32rem;}
	#section4 .research .swiper-wrapper .swiper-slide a {width:auto; height: auto;}
}
@media all and (max-width:768px){
	#section4 .inner {margin: 5rem 0;}
	#section4 .research .swiper-wrapper {margin: 3rem 0 0rem;}
	#section4 .research .swiper-wrapper .swiper-slide {width:100% !important; height: 27rem;}
	#section4 .inner .top_wp .btn_wp {width: 30rem;}
	#section4 .inner .top_wp .btn_wp .swiper_btn .swiper-button-prev {left:59%;}
	.swiper-container-horizontal>.swiper-scrollbar {width: 88% !important; transform: translateX(6%) !important;} 
}
@media all and (max-width:425px){
	#section4 .research .swiper-wrapper {margin: 3rem 0 -3rem;}
	#section4 .research .swiper-wrapper .swiper-slide a {padding: 3rem;}
	#section4 .research .swiper-wrapper .swiper-slide a .tit {margin-bottom:2rem;}
	#section4 .inner .top_wp .btn_wp {width: 28rem;}
	#section4 .inner .top_wp .btn_wp .swiper_btn .arrow {width: 5rem; height: 5rem;}
}

/****************************** main > section5 ******************************/
#section5 {background:url('../image/main/bg_sec5.jpg') no-repeat left bottom; background-size: auto;}
#section5 .inner {overflow: hidden; display: flex; align-items: flex-start; margin-top:5rem;}
#section5 .txt_box {width: 27%; /* margin-right: 17rem; */}
#section5 .txt_box .txt_sm {font-weight:bold;}
#section5 .txt_box .txt_sm i {margin-right:1rem;}
#section5 .txt_box .txt_tit {margin: 2.8rem 0 4.5rem; line-height: 120%;}
#section5 .txt_box .txt_tit mark {font-weight:700;}
#section5 .txt_box .btn_view {margin-top:6rem;}

#section5 .notice_wp {width:73%;}
#section5 .notice_wp li {border-bottom:1px solid #C5C5C5;}
#section5 .notice_wp li:nth-child(1) {border-top:1px solid #C5C5C5;}
#section5 .notice_wp li:nth-child(1) a .date_box .date {color:var(--main-color1);}
#section5 .notice_wp li a {display: flex; align-items: center; width:100%; height:100%; padding:4rem; box-sizing: border-box;}
#section5 .notice_wp li a:hover {background:#F9F9F9; transition: all 0.5s;}
#section5 .notice_wp li a:hover .date_box .date {color:var(--main-color1); transition: all 0.5s;}
#section5 .notice_wp li a .type_box {font-weight: bold;}
#section5 .notice_wp li a .date_box {padding:0 5rem;}
#section5 .notice_wp li a .date_box .date {font-weight: bold; margin-bottom:1.5rem;}
#section5 .notice_wp li a .cont_box .tit {font-weight: bold; margin-bottom:2.5rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:50rem; overflow:hidden;}
#section5 .notice_wp li a .cont_box .txt {color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:80rem; overflow:hidden;}


@media all and (max-width:1600px){
	#section5 .notice_wp li a .cont_box .txt {width: 30rem;}
}
@media all and (max-width:1200px){
	#section5 .inner {margin: 0 0 10rem;}
}
@media all and (max-width:1024px){
	#section5 {height: auto !important;}	
	#section5 .inner {flex-direction: column;}
	#section5 .txt_box {width:100%;}
	#section5 .txt_box .txt_tit {margin-bottom:0;}
	#section5 .txt_box .txt_tit br {display: none;}
	#section5 .txt_box .txt_tit mark br {display: none;}	
	#section5 .txt_box .btn_view {margin: 2rem 0 3rem;}
	#section5 .notice_wp {width:100%;} 	
	#section5 .notice_wp li a {padding: 2rem;}
	#section5 .notice_wp li a .cont_box .tit {margin-bottom: 1.5rem;}
}
@media all and (max-width:768px){
	#section5 .inner {margin: 0 0 5rem;}	
	#section5 .notice_wp li a {padding: 1.5rem;}
	#section5 .notice_wp li a .cont_box .txt {width: 30%;}
}
@media all and (max-width:568px){
	#section5 .notice_wp li a .type_box {display: none;}
	#section5 .notice_wp li a .date_box {text-align: center; padding: 0 2rem 0 0; width: 10rem;}
	#section5 .notice_wp li a .cont_box .tit {width:20rem;}
}



/****************************** main > section6 ******************************/
#section6 {background:url('../image/main/bg_sec6.jpg') no-repeat center; background-size: cover;}
#section6 .txt_box {margin-right: 17rem; color:#fff;}
#section6 .txt_box .txt_sm {font-weight:bold;}
#section6 .txt_box .txt_sm i {margin-right:1rem;}
#section6 .txt_box .txt_tit {margin: 2.8rem 0 4.5rem; line-height: 120%; font-weight: bold;}
#section6 .txt_box .txt_tit mark {font-weight:700;}
#section6 .txt_box .btn_view {margin-top:6rem;}
#section6 .txt_box .btn_view a.btn_line {background: none; border:3px solid #fff; margin-top:1rem;}
#section6 .txt_box .btn_view a.btn_line:hover {background: #000; border:3px solid #000;}


@media all and (max-width:1200px){
	#section6 {height: auto !important;}
	#section6 .inner {margin: 10rem 0;}
	#section6 .txt_box .btn_view {display: flex; align-items: center;}
	#section6 .txt_box .btn_view a.btn_line {margin-top: 0; margin-left:1rem;}
	#section6 .txt_box .txt_tit br {display: none;}
	#section6 .btn_view a i {margin-left:1rem;}
}
@media all and (max-width:1024px){
	#section6 .txt_box .txt_tit {margin: 1rem 0 2rem;}
}
@media all and (max-width:768px){
	#section6 .inner {margin: 5rem 0;}
	#section6 .txt_box {margin-right:0;}
	#section6 .txt_box .txt {line-height:1.5;}
	#section6 .txt_box .btn_view {margin-top:3rem;}
}