@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}





/* visual */
#visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
#visual .visual{width:100%;height:100%;}
#visual .visual video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


#visual .visual .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#visual .visual .txtwrap{
	position:absolute;left:6%;top:50%;z-index:100;
	transform:translateY(-50%);
	width:88%;
	text-align:center;
}
#visual .visual .txtwrap .tit{
	position:relative;
	font-size:30px;color:#fff;font-weight:500;line-height:1.1em;
}
#visual .visual .txtwrap .tit span{display:inline-block;width: 100%; word-break: break-word;}
#visual .visual .txtwrap .tit:after{
	display:block;content:"";
	width:80%;height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:10%;bottom:10px;
}
#visual .visual .txtwrap .txt{margin-top:10px;font-size:17px;color:#fff;font-weight:500;}





.section .conwrap .title h2{font-size:31px;color:#000;font-weight:500;}
.section .conwrap .title h2 .dot{
	display:inline-block;vertical-align:top;
	width:8px;height:8px;
	margin:27px 0 0 8px;
	background:#0981f1;
	border-radius:50%;
}
.btnMore{font-size:14px;color:#fff;font-weight:500;}
.btnMore i{
	display:inline-block;
	width:61px;height:6px;
	margin:0 0 0 5px;
	background:url(/images/common/more_arr.png) no-repeat;
}
.btnMore:hover{color:#fff;}




/* section1 */
.section1{
	position: relative;
	overflow: hidden;
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding:0 4%;
	background:url(/images/main/sec1_bg.jpg) no-repeat right;
	background-size:cover;
}
.section1 .video{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section1 .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section1 .conwrap{width:100%;position: relative;}
.section1 .conwrap .title{display:none;width:30%;}
.section1 .conwrap .title h2{color:#fff;}
.section1 .conwrap .con{width:100%;}
.section1 .conwrap .con .tit{}
.section1 .conwrap .con .tit>div{
	display:inline;
	font-size:10vw;color:#fff;font-weight:400;line-height:1.2em;
}
.section1 .conwrap .con .tit>div .img{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 160px;
	height: 80px;
	transform: scaleX(1);
}
.section1 .conwrap .con .tit>div .img span{
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	width: 160px;
	height: 80px;
	transform: translateX(-50%);
	border-radius: 50px;
	background:url(/images/main/sec1_img.png) no-repeat center;
}
.section1 .conwrap .con p{
	margin:50px 0 40px;
	font-size:19px;color:rgba(255,255,255,0.6);line-height:1.7em;
}





/* section2 */
.section2{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;
	padding:160px 4%;
}
.section2 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section2 .conwrap .title{width:100%;}
.section2 .conwrap .title h3{margin:40px 0 20px;}
.section2 .conwrap .title h3 div{display:inline;}
.section2 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section2 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section2 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section2 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	margin:0 0 0 5px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section2 .conwrap .con{width:94%;margin:60px auto 0;}
.section2 .conwrap .con ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.section2 .conwrap .con ul li{
	width:100%;
	margin-bottom:65px;
}
.section2 .conwrap .con ul li .img{
	overflow:hidden;
	width:100%;height:50vh;
	border-radius:30px;
}
.section2 .conwrap .con ul li .img>div{width:100%;height:100%;}
.section2 .conwrap .con ul li:nth-child(1) .img>div{
	background:url(/images/main/sec2_img1.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(2) .img>div{
	background:url(/images/main/sec2_img2.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(3) .img>div{
	background:url(/images/main/sec2_img3.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(4) .img>div{
	background:url(/images/main/sec2_img4.jpg) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li .tit{margin:30px 0 10px;font-size:34px;color:#000;font-weight:600;}
.section2 .conwrap .con ul li .txt{font-size:19px;color:#555;}





/* section3 */
.section3{
	box-sizing:border-box;
	width:100%;
	padding:160px 4%;
	background:#dadde2 url(/images/main/sec3_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}
.section3 .conwrap .title h3{margin:40px 0 20px;}
.section3 .conwrap .title h3 div{display:inline-block;}
.section3 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section3 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section3 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section3 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}

.section3 .conwrap{}
.section3 .conwrap ul{display:flex;flex-wrap:wrap;}
.section3 .conwrap ul li{
	overflow:hidden;
	position:relative;
	width:100%;height:50vh;
	margin:0 2% 2% 0;
	padding:0 45px;
	border-radius:30px;
}
.section3 .conwrap ul li:first-child{width:100%;height:auto;padding:0;margin-bottom:60px;border-radius:0;}
.section3 .conwrap ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.section3 .conwrap ul li:nth-child(2) .bg{
	background:url(/images/main/sec3_bg4.jpg) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(3) .bg{
	background:url(/images/main/sec3_bg3.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(4) .bg{
	background:url(/images/main/sec3_bg1.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(5) .bg{
	background:url(/images/main/sec3_bg2.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li .txtwrap{
	position:absolute;left:0;bottom:0;z-index:10;
	box-sizing:border-box;
	width:100%;
	padding:0 45px 45px
}
.section3 .conwrap ul li .txtwrap .tit{font-size:34px;color:#fff;font-weight:600;line-height:1.3em;}
.section3 .conwrap ul li .txtwrap .txt{margin-top:10px;font-size:19px;color:rgba(255,255,255,0.9);line-height:1.7em;}





/* section4 */
.section4{
	box-sizing:border-box;
	width:100%;
	padding:160px 4% 0;
}
.section4 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section4 .conwrap .title{width:100%;margin-bottom:60px;}
.section4 .conwrap .title h3{margin:40px 0 20px;}
.section4 .conwrap .title h3 div{display:inline-block;}
.section4 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section4 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section4 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section4 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section4 .conwrap .con{width:100%;}
.section4 .conwrap .con ul{}
.section4 .conwrap .con ul li{
	display:flex;flex-wrap:wrap;
	position:relative;
	padding:30px 0 50px 0;
	border-top:1px solid #333;
}
.section4 .conwrap .con ul li .area{display:flex;flex-wrap:wrap;width:100%;}
.section4 .conwrap .con ul li .area:nth-child(1){padding-right:70px;}
.section4 .conwrap .con ul li .area:nth-child(2){margin-top:30px;}
.section4 .conwrap .con ul li .area>div{width:125px;}
.section4 .conwrap .con ul li .area>div + div{width:calc(100% - 125px);}
.section4 .conwrap .con ul li .area>div.num{font-size:16px;color:#000;font-weight:500;}
.section4 .conwrap .con ul li .area>div.tit{font-size:32px;color:#000;font-weight:600;line-height:1.1em;}
.section4 .conwrap .con ul li .area>div.tit span{display:block;font-size:16px;font-weight:500;}
.section4 .conwrap .con ul li .area>div.icon{
	position:absolute;right:0;top:30px;
	text-align:right;
}
.section4 .conwrap .con ul li .area>div.txt{
	box-sizing:border-box;
	width:100%;
	padding-left:125px;
	font-size:19px;color:#555;line-height:1.7em;
}





/* section5 */
.section5{
	box-sizing:border-box;
	width:100%;
	padding:140px 4% 0;
}
.section5 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section5 .conwrap .title{
	box-sizing:border-box;
	width:50%;
	padding-top:75px;padding-left:6%;
}
.section5 .conwrap .title h3{margin:40px 0 20px;}
.section5 .conwrap .title h3 div{}
.section5 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section5 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section5 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section5 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section5 .conwrap .title ul{display:flex;flex-wrap:wrap;margin-top:75px;border-left:1px solid #ddd;}
.section5 .conwrap .title ul li{
	box-sizing:border-box;
	width:33.333%;
	padding:25px 10px;
	border-right:1px solid #ddd;
	text-align:center;
}
.section5 .conwrap .title ul li .icon{display:flex;align-items:center;justify-content:center;height:50px;}
.section5 .conwrap .title ul li .tit{margin:25px 0;font-size:4.5vw;color:#000;font-weight:600;}
.section5 .conwrap .title ul li .arr{}
.section5 .conwrap .img{
	overflow:hidden;
	width:50%;
	border-radius:30px;
}
.section5 .conwrap .img>div{
	width:100%;height:100%;
	background:url(/images/main/sec5_img.png) no-repeat center;
	background-size:cover;
}


@media(max-width:1200px){
	
	.section5 .conwrap{flex-direction:column-reverse;}
	.section5 .conwrap .img{width:100%;height:50vh;}
	.section5 .conwrap .title{width:100%;margin-bottom:60px;padding:0;}

}





/* section6 */
.section6{
	box-sizing:border-box;
	width:100%;
	padding:130px 4% 0;
}
.section6 .conwrap{}
.section6 .conwrap .title{position:relative;width:100%;box-sizing:border-box;}
.section6 .conwrap .title h3{margin:40px 0 20px;}
.section6 .conwrap .title h3 div{}
.section6 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section6 .conwrap .title p{font-size:19px;color:#555;}
.section6 .conwrap .title .btnMore{display:block;margin-top:20px;color:#000;}
.section6 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section6 .conwrap .con{
	overflow:hidden;
	display:flex;flex-wrap:wrap;
	width:100%;
	margin-top:50px;padding:30px 4%;
	border-radius:30px;
	background:url(/images/main/sec6_bg.jpg) no-repeat center;
	background-size:cover;
}
.section6 .conwrap .con>div{
	display:flex;align-items:center;justify-content:center;
	box-sizing:Border-box;
	width:100%;height:100%;
	padding:50px 5%;
	border-bottom:1px solid rgba(255,255,255,0.4);
	text-align:center;
}
.section6 .conwrap .con>div:last-child{border:0;}
.section6 .conwrap .con>div .icon{display:flex;align-items:center;justify-content:center;height:50px;}
.section6 .conwrap .con>div .tit{margin:15px 0 25px;font-size:32px;color:#fff;font-weight:600;}
.section6 .conwrap .con>div .txt{font-size:17px;color:#fff;line-height:1.7em;}





/* section7 */
.section7{
	box-sizing:border-box;
	width:100%;
	padding:130px 4% 0;
}
.section7 .conwrap{}
.section7 .conwrap .title{position:relative;width:100%;}
.section7 .conwrap .title h3{margin:40px 0 20px;}
.section7 .conwrap .title h3 div{}
.section7 .conwrap .title h3 div>span{font-size:45px;color:#000;font-weight:600;line-height:1.3em;}
.section7 .conwrap .title p{font-size:19px;color:#555;}
.section7 .conwrap .title .btnMore{display:block;margin-top:20px;color:#000;}
.section7 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}

.section7 .conwrap .press{margin-top:50px;padding-bottom:60px;}
.section7 .conwrap .press .swiper-slide{width:340px;}
.section7 .conwrap .press .swiper-slide .thumb{
	overflow:hidden;
	margin-bottom:35px;
	border-radius:30px;
}
.section7 .conwrap .press .swiper-slide .tit{
	font-size:23px;color:#000;font-weight:600;line-height:1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.section7 .conwrap .press .swiper-slide .txt{
	overflow: hidden;
	margin:10px 0 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:18px;color:#555;line-height:1.6em;
}
.section7 .conwrap .press .swiper-slide .date{font-size:16px;color:#666;}

.section7 .conwrap .press .swiper-scrollbar{
    position:absolute;left:0%;bottom:0px;z-index: 50;
    height:4px;width:100%;
	background:0;
	box-shadow:0 -1px 0 #ddd inset;
}
.section7 .conwrap .press .swiper-scrollbar-drag{background:#000;}






/* section8 */
.section8{
	box-sizing:border-box;
	width:100%;
	padding:130px 0 160px;
}
.section8 .conwrap{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:92%;
	margin:0 auto;padding:130px 5%;
	border-radius:30px;
}
.section8 .conwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec8_bg.jpg) no-repeat center;
	background-size:cover;
}
.section8 .conwrap .title{position:relative;z-index:10;}
.section8 .conwrap .title h2{color:#fff;}
.section8 .conwrap .title h3{margin:40px 0 20px;}
.section8 .conwrap .title h3 div{}
.section8 .conwrap .title h3 div>span{font-size:45px;color:#fff;font-weight:600;line-height:1.3em;}
.section8 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#fff;}



#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.8);
}
.layerPop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:5000;
	max-width:1280px;width:94%;
	transform:translate(-50%,-50%);
}
.layerPop.recruit1{max-width:890px;}
.layerPop .btnClose{text-align:right;}
.layerPop .vodarea{
	overflow:hidden;
	width:100%;height:60vh;
	margin:25px 0 4.5vh;
	border-radius:30px;
}
.layerPop .vodarea iframe{width:100%;height:100%;}
.layerPop .vodarea video{width:100%;height:100%;object-fit:cover;}
.layerPop .titarea{font-size:23px;color:#fff;font-weight:600;text-align:center;}

.layerPop.recruit1{}
.layerPop.recruit1 .conwrap{max-height: unset;}
.layerPop.recruit1 .conwrap .conarea{
	display:block;
	overflow-y:auto;
	width:100%;height:70vh;
	padding:70px 4vw;
}
.layerPop.recruit1 .conwrap .conarea h4{font-size:39px;color:#000;font-weight:700;}
.layerPop.recruit1 .conwrap .conarea .info{
	width:100%;
	margin-top:15px;padding:0;
	border-top:2px solid #111;
}
.layerPop.recruit1 .conwrap .conarea .info dl{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop.recruit1 .conwrap .conarea .info dl dt{width:170px;font-size:17px;color:#000;font-weight:600;}
.layerPop.recruit1 .conwrap .conarea .info dl dd{
	width:calc(100% - 170px);
	box-sizing:border-box;
	font-size:17px;color:#666;line-height:1.8em;
}
.layerPop.recruit1 .conwrap .conarea .btnRecruit{
	display:block;
	width:260px;height:66px;
	margin:8vh auto 0;
	background:#0c1d4b;
	border-radius:10px;
	font-size:19px;color:#fff;text-align:center;line-height:66px;font-weight:600;
}


.layerPop.st3{/* display:block; */max-width:600px;width: unset; height: 62vh;}
.layerPop.st3 .btnClose{position:absolute;left:calc(100% + 10px);top:0;width:36px;}
.layerPop.st3 .img{height: 100%;}
.layerPop.st3 .img img{height: 100%;}


.layerPop.fmPop{}
.layerPop.fmPop .btnClose{position:absolute;left:calc(100% - 53px);top:27px;width:26px;}
.layerPop.fmPop h4{font-size:36px;color:#000;font-weight:600;}
.layerPop.fmPop h4>div{display:none;}
.layerPop.fmPop .conwrap .conarea{
	overflow:hidden;
	display:block;
	height:60vh;margin:20px 0 0;
}
.layerPop.fmPop .conwrap .conarea>div{box-sizing:border-box;width:100%;height:100%;padding:30px;}
.layerPop.fmPop .conwrap .conarea textarea{
	width:100%;height:100%;
	border:0;outline:0;background:0;resize:none;
	font-size:16px;
}
.layerPop.fmPop .conwrap .conarea p{font-size:19px;color:#666;}
.layerPop.fmPop .conwrap .conarea p strong{font-weight:600;color:#000;}
.layerPop.fmPop .conwrap .conarea ul{}
.layerPop.fmPop .conwrap .conarea ul li{
	position:relative;
	margin-bottom:40px;padding-left:45px;
	font-size:16px;line-height:1.8em;
}
.layerPop.fmPop .conwrap .conarea ul li:last-child{margin-bottom:0;}
.layerPop.fmPop .conwrap .conarea ul li .num{
	position:absolute;left:0;top:-2px;
	width:30px;height:30px;
	background:#0c1d4b;
	border-radius:50%;
	font-size:16px;color:#fff;text-align:center;line-height:30px;
}



#bgBlack{}
.layerPop{}
.layerPop .conwrap{
	box-sizing:border-box;
	width:100%; max-height:75vh;
	padding:50px;
	background:#fff;
	border-radius:30px;
}
.layerPop .conwrap .btnClose2{
	position:absolute;right:70px;top:70px;
}
.layerPop .conwrap .conarea{display:flex;background:#f2f2f2;border-radius:30px;}
.layerPop .conwrap .conarea .pht{
	overflow:hidden;
	width:45.76%;
	border:1px solid #ddd;border-radius:30px;
}
.layerPop .conwrap .conarea .info{
	box-sizing:border-box;
	width:calc(100% - 45.76%);
	padding:90px;
}
.layerPop .conwrap .conarea .info .name{}
.layerPop .conwrap .conarea .info .name .kr{font-size:42px;color:#000;font-weight:700;}
.layerPop .conwrap .conarea .info .name .en{font-size:15px;color:#a7a7a7;font-weight:500;}
.layerPop .conwrap .conarea .info .name + div{margin-top:30px;border-top:2px solid #222;}
.layerPop .conwrap .conarea .info .name + div dl{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop .conwrap .conarea .info .name + div dl dt{
	box-sizing:border-box;
	width:160px;
	padding-left:47px;
	font-size:19px;color:#000;font-weight:600;
}
.layerPop .conwrap .conarea .info .name + div dl.email dt{background:url(/images/page/m65_pop_icon1.png) no-repeat 11px 6px;}
.layerPop .conwrap .conarea .info .name + div dl.business dt{background:url(/images/page/m65_pop_icon2.png) no-repeat 11px 1px;}
.layerPop .conwrap .conarea .info .name + div dl dd{
	width:calc(100% - 160px);
	font-size:19px;color:#555;font-weight:400;
}



#visual .visual .txtwrap .tit:after{transform:scaleX(0);transform-origin:left;}
#visual .visual .txtwrap .tit span{opacity:0;transform:translateY(50%);}
#visual .visual .txtwrap .txt{opacity:0;transform:translateY(-50%);}

#visual .visual .swiper-slide-active .txtwrap .tit:after{transform:scaleX(1);transition:all 2s;}
#visual .visual .swiper-slide-active .txtwrap .tit span{opacity:1;transform:translateY(0);transition:all 1s 0.6s;}
#visual .visual .swiper-slide-active .txtwrap .txt{opacity:1;transform:translateY(0);transition:all 1s 0.6s;}