@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
.pc_view{display: none !important;}
.pt_view{display: block !important;}
.tm_view{display: block !important;}
.m_view{display: none !important;}
.en{}


/* visual */
#visual{}
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:760px;
	box-sizing:border-box;
	background:#10194e;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{overflow:hidden;position:relative;width:100%;height:100%;}
.visual .swiper-slide .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	transform:scale(1.12);transition:all 1.8s;
}
/* .visual .swiper-slide.v1 .bg{background:url(/images/main/visual3.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v3 .bg{background:url(/images/main/visual2.jpg) no-repeat center;background-size:cover;} */
.visual .swiper-slide-active .bg{z-index:5;transform:scale(1);}

.visual .txtwrap{
	position:absolute;left:0;top:55%;z-index:10;
	overflow:hidden;
	transform:translateY(-50%);
	box-sizing:border-box;
	padding:0 18vw;
}
.visual .txtwrap h3{font-family: "Lato";font-size:58px;color:#fff;font-weight:600;opacity:0;}
.visual .txtwrap p{margin-top:20px;font-size:22px;color:#fff;line-height:1.5em;opacity:0;}
.visual .swiper-slide-active h3{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.visual .swiper-slide-active p{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;}
.visual .btns{
	position:absolute;left:50%;top:55%;z-index:10;
	width:64%;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
}
.visual .vprev{
	position:absolute;left:-70px;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}
.visual .vnext{
	position:absolute;right:-70px;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}
.visual .vpaging{
	position:absolute;left:0;bottom:60px;z-index:100;
	width:100%;
	text-align:center;
}
.visual .vpaging span{
	box-sizing:border-box;
	width:12px;height:12px;
	border:1px solid #fff;background:0;opacity:1;
}
.visual .vpaging span.swiper-pagination-bullet-active{background:#fff;}





/* sec1 */
.sec1{padding:90px 0;text-align:center;background: #f2f7fb;}
.sec1 h3{font-size:38px;color:#000;font-weight:700;}
.sec1 p{margin:32px 0;font-size:21px;color:#000;font-weight:500;line-height:1.6em;}
.sec1 a{
	display:flex;align-items:center;justify-content:center;
	width:230px;height:56px;
	margin:0 auto;
	background: 0;
	border-radius:10px;
	font-size:18px;color:#fff;font-weight:700;
	transition: all 150ms ease-in-out;
	color:#004a9c;
	border: 2px solid #004a9c;
}
.sec1 a i{
	display:none;
	width:6px;height:10px;
	margin:0 0 0 10px;
	background:url(/images/main/arr1.png) no-repeat;
	transition: all 150ms ease-in-out;
}
.sec1 .en{font-weight:600;}


.sec1 a:hover{

	color:#fff;
    outline: 0;background:0;
	background:#004a9c;
}
.sec1 a:hover i{background:url(/images/main/arr2.png) no-repeat;}





/* sec2 */
.sec2{padding:90px 0;background:#fff;text-align:center;}
.sec2 h3{font-size:19px;color:#000;font-weight: 500;}
.sec2 h4{margin:25px 0 65px;font-size:42px;color:#000;font-weight:700;}
.sec2 .sec2_slide{position: relative;display:block;overflow:hidden;box-sizing:border-box;padding-bottom: 62px;}
.sec2 .sec2_slide .swiper-slide{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:60%;height:680px;
	padding:30px;
	border-radius:10px;
	text-align:left;
}
.sec2 .sec2_slide .swiper-slide .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;transition:all 1s;
}

.sec2 .sec2_slide .swiper-slide:nth-child(1) .bg{background:url(/images/main/sec2_img1.jpg) no-repeat center;background-size:cover;}
.sec2 .sec2_slide .swiper-slide:nth-child(2) .bg{background:url(/images/main/sec2_img2.jpg) no-repeat center;background-size:cover;}
.sec2 .sec2_slide .swiper-slide:nth-child(3) .bg{background:url(/images/main/sec2_img3.jpg) no-repeat center;background-size:cover;}

/* .sec2 ul li:hover .bg{background-size:120%;transition:all 1s;} */


.sec2 .sec2_slide .swiper-slide .tit{
	position:relative;z-index:10;
	font-size:33px;color:#fff;font-weight:600;line-height:1.4em;
}
.sec2 .sec2_slide .swiper-slide .txt{
	position:relative;z-index:10;
	margin:15px 0 25px;
	font-size:19px;color:#fff;font-weight:500;line-height:1.6em;
}
.sec2 .sec2_slide .swiper-slide .more{
	position:relative;z-index:10;
	display:flex;align-items:center;justify-content:center;
	width:128px;height:46px;
	margin:0 0;font-family:"Lato";
	border:2px solid #fff;border-radius:10px;
	font-size:15px;color:#fff;font-weight:60;
	transition: all 150ms ease-in-out;
}
.sec2 .sec2_slide .swiper-slide .more i{
	display:none;
	width:6px;height:10px;
	margin:0 0 0 6px;
	background:url(/images/main/arr1.png) no-repeat;
	transition: all 150ms ease-in-out;
}

.sec2 .sec2_slide .swiper-slide .more:hover{
	box-shadow: 0 0 1px 0 #fff inset, 0 0 1px 1px #fff;
	color:#fff;
    outline: 0;background:0;
}
.sec2 .sec2_slide .swiper-slide .more:hover i{background:url(/images/main/arr1.png) no-repeat;}

.sec2 .sec2_slide .slide_paging{
	position:absolute;left:50%;bottom:0px;z-index:100;
	transform:translateX(-50%);
	width:100%;
	text-align:center;
}
.sec2 .sec2_slide .slide_paging span{
	box-sizing:border-box;
	width:12px;height:12px;margin:0 4px;
	border:1px solid #8f9092;background:0;opacity:1;
}
.sec2 .sec2_slide .slide_paging span.swiper-pagination-bullet-active{background:#8f9092;}


@media screen and (max-width:1240px){

.sec2 .sec2_slide .swiper-slide{width:60%;margin-bottom: 40px;}
/* .sec2 ul li:first-child{margin-right: 2%;} */
}

@media screen and (max-width:990px){

.sec2 .sec2_slide .swiper-slide{width:75%;height:620px;margin-bottom: 40px;}
/* .sec2 ul li:first-child{margin-right: 2%;} */
}



/* sec3 */
.sec3{padding:110px 0;background: #f2f7fc;}
.sec3 .prd{position:relative;}
.sec3 .prd .swiper-slide{display:flex;align-items:center;box-sizing:border-box;padding:0 70px;z-index:1;opacity:0 !important;}
.sec3 .prd .swiper-slide-active{opacity:1 !important;z-index:5;}
.sec3 .prd .swiper-slide .txtarea{box-sizing:border-box;width:calc(100% - 545px);padding-right: 1.2rem;}
.sec3 .prd .swiper-slide .txtarea h3{font-size:19px;color:#000;font-weight: 500;}
.sec3 .prd .swiper-slide .txtarea h4{margin:20px 0 25px;font-size:38px;color:#000;font-weight:700;}
.sec3 .prd .swiper-slide .txtarea p{font-size:18px;color:#000;font-weight:500;line-height:1.6em;}
.sec3 .prd .swiper-slide .txtarea a{
	position:relative;z-index:10;
	display:flex;align-items:center;justify-content:center;
	width:144px;height:56px;
	margin:42px 0 0;
	background:transparent;border-radius:10px;
	font-size:18px;color:#fff;font-weight:700;
	border: 2px solid #004a9c;
	color:#004a9c;
	transition: all 150ms ease-in-out;
	box-sizing: border-box;
}
.sec3 .prd .swiper-slide .txtarea a i{
	display:none;
	width:6px;height:10px;
	margin:0 0 0 6px;
	background:url(/images/main/arr1.png) no-repeat;
	transition: all 150ms ease-in-out;
}
.sec3 .prd .swiper-slide .imgarea{/* width:50%; */width:545px;height:346px;border-radius:10px;overflow:hidden;}
.sec3 .prd .swiper-slide .imgarea img{width:100%;height:100%;object-fit:cover;}
.sec3 .prd .sec3_prev{
	position:absolute;left:0;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}
.sec3 .prd .sec3_next{
	position:absolute;right:0;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}

.sec3 .prd .swiper-slide .txtarea a:hover{
	border:0;

	color:#fff;
    outline: 0;background:#004a9c;
}
.sec3 .prd .swiper-slide .txtarea a:hover i{background:url(/images/main/arr2.png) no-repeat;}


@media screen and (max-width:1024px){
	.sec3 .prd .swiper-slide{display: flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 70px;z-index:1;}
	.sec3 .prd .swiper-slide .txtarea{width:100%;margin-top: 40px;}
	.sec3 .prd .swiper-slide .imgarea{width:100%;max-width:545px;}
	.sec3 .prd .swiper-slide .txtarea a{margin:42px auto 0;}

}

/* sec4 */
.sec4{padding:90px 0;background:#f3f7fa;}
.sec4 h3{font-size:38px;color:#000;font-weight:700;text-align:center;}
.sec4 .bbs{position:relative;margin:60px 0 0;}
.sec4 .bbs>div{
	display: block;width:100%;margin-top: 31px;
	display: flex;align-items:center;justify-content:flex-end;
}
.sec4 .bbs>div>a{display: inline-block;}
.sec4 .bbs>div>a span{display: inline-block;margin-right: 6px;font-weight: 700;color:#363a3a;font-size:18px;}
.sec4 .bbs>div>a i{
	display:inline-block;
	width:16px;height:8px;
	margin:2px 0 0 4px;
	background:url(/images/main/view_icon1.png) no-repeat;
	transition: all 150ms ease-in-out;
}
.sec4 .bbs>div>a:hover i{
	animation: arrMotion 1s linear infinite;
}
@keyframes arrMotion{
0%{transform:translateX(8px);}
100%{transform:translateX(0px);}
}
.sec4 .bbs>ul{display:flex;}
.sec4 .bbs>ul>li{
	box-sizing:border-box;
	width:31.75%;
	margin:0 2.5% 0 0;
	background:#fff;
	border-radius:10px;
}
.sec4 .bbs>ul>li a{box-sizing:border-box;padding:45px 30px;display: block;width:100%;}
.sec4 .bbs>ul>li:hover{box-shadow:1px 1px 8px rgba(0,0,0,0.15);transition:all 0.4s;}
.sec4 .bbs>ul>li:nth-child(3n){margin-right:0;}
.sec4 .bbs>ul>li .cate{
	display:inline-block;font-family: "Lato", sans-serif;
	font-size:18px;font-weight:800;color:#000;
}
/* .sec4 .bbs>ul>li .cate1{color:#004a9c;border:1px solid #004a9c;}
.sec4 .bbs>ul>li .cate2{color:#6521cb;border:1px solid #6521cb;} */
.sec4 .bbs>ul>li .tit{
	display: -webkit-box;
	text-overflow:ellipsis;
	-webkit-box-orient: vertical;
	word-wrap:normal;
	 word-wrap: break-word;
	-webkit-line-clamp: 2;
	box-sizing:border-box;
	overflow:hidden;
	margin:36px 0 8px;
	font-size:24px;color:#000;font-weight:700;
	line-height: 1.6em;
	height:3.4em;
}
/* .sec4 .bbs>ul>li .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.7em;height: 3.4em;
	font-size:18px;color:#656565;
	color:rgba(0,0,0,0.9);font-weight:300;
} */
.sec4 .bbs>ul>li .date{font-family: "Noto Sans KR"; margin:0px 0 50px;color:#656565; font-weight:300;
	font-size:16px;
}
.sec4 .bbs>ul>li .more{
	background:0;
	position: relative;
	display: inline-block;
	color:#004a9c;
	font-size:18px;font-weight:800;
}
.sec4 .bbs>ul>li .more:before{
/* position: absolute;content:'';background: #004a9c;width:0%;height:1.5px;
bottom:-1px;left:0;transition:width 0.4s; */
}
.sec4 .bbs>ul>li .more i{
	display: inline-block;
	width:16px;height:8px;
	margin:2px 0 0 10px;
	background:url(/images/main/sec_news_arr.png)no-repeat center;
}
.sec4 .bbs>ul>li:hover .more{color:#004a9c; font-weight: 800;}
.sec4 .bbs>ul>li:hover .more:before{width:100%;transition:width 0.4s;}

.sec4 .bbs>ul>li:hover .more i{
background:url(/images/main/sec_news_arr.png)no-repeat center;animation: arrMotion 1s linear infinite;
}

@media screen and (max-width:1024px){
.sec4 .bbs>ul{display: block;}
.sec4 .bbs>ul>li{width:100%;margin-bottom: 40px;}
.sec4 .bbs>ul>li:last-child{margin-bottom: 0;}

}



/* sec5 */
.sec5{padding:130px 0px;background:url(/images/main/sec5_bg.jpg)no-repeat left 30% center / cover;position: relative;
overflow-x:hidden;}
.sec5:before{
position: absolute;content:'';height:100%;width:100%;top:0;right:0;
background: linear-gradient(to left,   #ffffff 0%, rgba(255,255,255,0.5) 90%, transparent 100%);
}
.sec5 .innerwrap{display: flex;justify-content:flex-end;position: relative;}
.sec5 .txtwrap{
	width:60%;
	/* background: linear-gradient(to left,   #ffffff 50%, rgba(255,255,255,0.5) 75%, transparent 100%); */
}
.sec5 .txtwrap h3{font-size:19px;color:#000;font-weight: 500;}
.sec5 .txtwrap h4{font-family: "Lato";margin:20px 0 32px;font-size:38px;color:#000;font-weight:700;line-height:1.5em;}
.sec5 .txtwrap p{margin-bottom: 40px;font-size:18px;color:#333;font-weight: 500;line-height: 1.6em;}
.sec5 .txtwrap a{
	display:flex;align-items:center;justify-content:center;
	width:230px;height:56px;
	border:2px  solid #004a9c;
	/* box-shadow: 0 0 2px 0 #fff inset, 0 0 2px 2px #fff; */
	border-radius:8px;
	font-size:18px;color:#004a9c;font-weight:700;text-align:center;
	transition: all 150ms ease-in-out;
}
.sec5 .txtwrap a i{
	display:none;
	width:6px;height:10px;
	margin:2px 0 0 6px;
	box-shadow: 0 0 2px 0 #fff inset, 0 0 2px 2px #fff;
	background:url(/images/main/arr1.png) no-repeat;
	transition: all 150ms ease-in-out;
}
.sec5 .txtwrap a:hover{
	border:2px solid #004a9c;
	/* box-shadow: 0 0 2px 0 #fff inset, 0 0 2px 2px #fff; */
	color:#fff;
    outline: 0;background:#004a9c;
}
.sec5 .txtwrap a:hover i{background:url(/images/main/arr1.png) no-repeat;}




/* sec6 */
.sec6{padding:90px 0;background:#f4f5f7;text-align:center; box-sizing:  border-box;border-top: 1px solid #c2c2c3;}
.sec6 h3{margin:0 0 40px;font-size:35px;color:#000;font-weight:700;line-height:1.6em;}
.sec6 a{
	display:flex;align-items:center;justify-content:center;
	width:124px;height:56px;
	margin:0 auto;
	background:0;
	border-radius:10px;
	font-size:18px;color:#004a9c;font-weight:700;text-align:center;
	transition: all 150ms ease-in-out;
	border: 2px solid #004a9c;
	box-sizing: border-box;
}
.sec6 a i{
	display:none;
	width:6px;height:10px;
	margin:2px 0 0 6px;
	background:url(/images/main/arr1.png) no-repeat;
	transition: all 150ms ease-in-out;
}
.sec6 a:hover{
	border:0;

    outline: 0;background:#004a9c ;color:#fff;
}
.sec6 a:hover i{background:url(/images/main/arr2.png) no-repeat;}


/*motion*/
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}
.del8{animation-delay:0.8s;}
.del9{animation-delay:0.9s;}
.del10{animation-delay:1s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight, .fadeImgLeft{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
 .sub_visual .bg, .sub_visual .sub_tit{opacity:0;}
.sub_visual.in-view .bg{opacity:1;animation: bgScale 1.5s ease;animation-fill-mode:forwards;}
.sub_visual.in-view .sub_tit{animation: fadeLeft 0.95s ease;animation-fill-mode:forwards;}

  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 70px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}

/* .sec3 .prd .swiper-slide .txtarea h3,
.sec3 .prd .swiper-slide .txtarea h4,
.sec3 .prd .swiper-slide .txtarea p,
.sec3 .prd .swiper-slide .txtarea a,
.sec3 .prd .swiper-slide .imgarea{opacity:0;}
.sec3 .prd .swiper-slide-active .txtarea h3{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.sec3 .prd .swiper-slide-active .txtarea h4{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.1s;}
.sec3 .prd .swiper-slide-active .txtarea p{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.2s;}
.sec3 .prd .swiper-slide-active .txtarea a{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;}
.sec3 .prd .swiper-slide-active .imgarea{animation-name: fadeImgLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;} */