@charset "utf-8";

/* 공통 */
.main_tit{text-align:center;}
.main_tit p{font-size:36px; font-weight:400; letter-spacing:0.2em; color:#000000; line-height:1;}
.main_tit span{display:block; font-size:22px; padding-top:20px; font-weight:200; letter-spacing:0.2em; color:#222222; line-height:1;}
.main_tit .hr{width:1px ;height:60px; margin:25px auto 0; background:#8b8a8b; position:relative;}
.main_tit .hr:before{content:""; width:1px; height:18px; background:#fff; position:absolute; left:0; top:100%; z-index:2;}
/* main_visual */
.main_visual{width:100%; max-width:1920px; height:100vh; margin:0 auto; background:url('/img/main_visual_bg2.png') center no-repeat; }
.main_visual .swiper-slide{margin:0; overflow:hidden; position:relative; height:100vh;}
.main_visual .swiper-slide > img{position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_visual .swiper-slide .inner{position:relative; width:100%; height:100%;}
.main_visual .swiper-slide .txt_box{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); z-index:3;}
.main_visual .swiper-slide .txt_box p{position:relative; font-size:42px; font-weight:300; letter-spacing:-0.01em; color:#222222;}
.main_visual .swiper-slide .txt_box p:before{content:''; position:absolute; top:-20px; left:0; width:39px; height:1px; background:#000000}
.main_visual .swiper-slide .txt_box p b{display:block;}
.main_visual .swiper-slide .txt_box span{display:block; padding-top:40px; font-size:19px; font-weight:200; letter-spacing:-0.01em; color:#666666; line-height:30px;}
.main_visual .swiper-slide .img_box{position:absolute; bottom:0; right:0; z-index:2;transition: transform 2.5s ease-in-out;}
.main_visual .swiper-slide .img_box.on {transform: scale(1.2);}

.main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 15px;}
.main_visual .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1; }
.main_visual .swiper-pagination-bullet-active{position:relative;}
.main_visual .swiper-pagination-bullet-active:before{content:''; position:absolute; left:-6px; top:-6px; width:20px; height:20px; background:url('/img/main_icon01.png') no-repeat center;}

@media all and (max-width:1400px){
	.main_visual .swiper-slide .inner{width:93.75%;}
	.main_visual .swiper-slide .img_box{right:0;}
}
@media all and (max-width:1000px){
	.main_visual{height:auto;}
	.main_visual .swiper-slide{height:auto; background:url('/img/main_visual_bg.jpg') no-repeat center / cover;}
	.main_visual .swiper-slide > img{display:none;}
	.main_visual .swiper-slide .txt_box{position:static; width:100%; padding:40px 0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
	.main_visual .swiper-slide .txt_box p{font-size:32px;}
	.main_visual .swiper-slide .txt_box span{padding-top:34px; font-size: 1.5em; }
	.main_visual .swiper-slide .img_box{position:static; margin:0 auto;  text-align:center;}
	.main_visual .swiper-slide .img_box img{width:140%; position:relative; left:-10%}
	
	.main_visual .swiper-slide .img_box.on {transform: scale(1);}
	
}

/* main_con01 */
/* main_con01 */
.main_con01{padding:100px 0;  background:#fafafa; display:block;}
.main_con01 ul{font-size:0; margin:0 auto; text-align:center;}
.main_con01 ul li{display:inline-block; /* vertical-align:top; */ /* width:calc(33.3333% - 7px); */ /* margin-right:10px; */  padding-right:5px; padding-left:5px; position:relative; width:340px; cursor:pointer;}
.main_con01 ul li:nth-of-type(3n){margin-right:0;}
.main_con01 ul li:nth-of-type(n + 4){margin-top:10px;}
.main_con01 ul li img{width:100%;}
/* .main_con01 ul li .txt_box{display:none; cursor:pointer; position:absolute; left:0; top:0; width:270px; height:100%; background:rgba(0,0,0,0.17); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.main_con01 ul li .txt_box p{padding-left:20px; padding-top:40px; font-size:24px; font-weight:bold; letter-spacing:-0.01em; color:#fff;}
.main_con01 ul li .txt_box span{display:block; padding-left:20px; padding-top:10px; font-size:17px; font-weight:300; letter-spacing:-0.025em; color:#fff; line-height:28px;}
.main_con01 ul li .txt_box .more_box{display:block; position:absolute; left:0; bottom:0; width:270px; height:80px; padding-top:40px; background:url('/img/main_con01_bg.png') no-repeat center / cover; box-sizing:border-box; padding-left:5px;}
.main_con01 ul li .txt_box i{display:block; position:relative; font-size:18px; font-weight:200; letter-spacing:-0.01em; color:#beb7c6; text-align:right; font-style:inherit;  padding-right:20%; box-sizing:border-box;}
.main_con01 ul li .txt_box i:before{content:'';position:absolute; left:calc(76% + 30px); width:calc(18% - 30px); top:14px; height:1px; background:#8b78a3}
.main_con01 ul li .txt_box i:after{content:'';position:absolute; left:92%; width:14px; top:7px; height:14px; border: 1px solid #8b78a3; border-radius:50%;}
.main_con01 ul li:hover .txt_box{display:block; left:5px;} */

@media all and (max-width:1000px){
	.main_con01{background:#fafafa; display:block;}
	.main_con01 ul li{width:40%;}
	/* .main_con01 ul li:hover .txt_box{display:block; width:60%; left:20%;}
	.main_con01 ul li .txt_box .more_box{width:100%; height:100px; padding-top:50px;} */
	.main_con01 ul li:nth-of-type(3n){margin-right:0;}
	.main_con01 ul li:nth-of-type(2n){margin-right:0}
	.main_con01 ul li:nth-of-type(n + 3){margin-top:10px;}


}
@media all and (max-width:640px){
	.main_con01{padding:80px 0; display:block;}

	.main_con01 ul li{width:80%;}
	.main_con01 ul li:nth-of-type(3n){margin-right:0;}
	.main_con01 ul li:nth-of-type(n + 2){margin-top:10px;}
	/* .main_con01 ul li:hover .txt_box{display:block; width:91%; left:42px;}
	.main_con01 ul li .txt_box .more_box{width:100%; height:100px; padding-top:50px;} */
}


/* main_con02 */
.main_con02{margin:100px 0;}
.main_con02 .btns_wrap{position:absolute; right:10px; top:80px;}
.main_con02 .btns_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 .btns_wrap .right{float:right;}
.main_con02 .btns_wrap a{display:inline-block; vertical-align:top; font-size:16px; color:#323956; letter-spacing:0.2em; font-weight:400;}
.main_con02 .btns_wrap a i{margin-left:10px; display:inline-block; vertical-align:middle; width:78px; height:1px; background:#323956; position:relative;}
.main_con02 .btns_wrap a i:before{content:""; width:15px; height:15px; border:1px solid #323956; border-radius:50%; position:absolute; right:-8px; top:-8px;}
.main_con02 .inner{font-size:0;  position:relative;}
.main_con02 .right_box{width:100%;}
.main_con02 .right_box ul{font-size:0;}
.main_con02 .right_box ul li{overflow:hidden; display:inline-block; vertical-align:top; width:20%; position:relative; cursor:pointer;}
.main_con02 .right_box ul li > img{width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.main_con02 .right_box ul li .txt_box{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/img/main_con02_bg02.jpg') no-repeat center bottom / cover; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.main_con02 .right_box ul li .txt_box > div{display:table-cell; vertical-align:middle; text-align:center;}
.main_con02 .right_box ul li .txt_box p{font-size:18px; font-weight:200; letter-spacing:0.1em; color:#856489; position:relative; padding-bottom:55px;}
.main_con02 .right_box ul li .txt_box p:before{content:''; position:absolute; left:50%; bottom:35px; width:8px; height:1px; background:#634d7b; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.main_con02 .right_box ul li .txt_box span{display:block; padding-top:25px; font-size:20px; font-weight:200; letter-spacing:0.1em; color:#fff;}
/*.main_con02 .right_box ul li:hover .txt_box{display:block;}*/

.main_con02 .right_box ul li:hover > img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.main_con02 .right_box ul li:nth-of-type(5n):hover > img{left:auto; right:0;}
.main_con02 .right_box ul li:nth-of-type(n+6):hover > img{top:auto; bottom:0;}

@media all and (max-width:1200px){	
	.main_con02 .right_box ul li .txt_box p{padding-bottom:35px;}
	.main_con02 .right_box ul li .txt_box p:before{bottom:15px;}
	.main_con02 .right_box ul li .txt_box span{padding-top:15px;}
}
@media all and (max-width:1000px){	
	.main_con02 .right_box ul li{width:50%;}
/*
	.main_con02 .right_box ul li:hover{padding-bottom:50%;}
	.main_con02 .right_box ul li:nth-of-type(5n):hover > img{right:auto; left:0;}
	.main_con02 .right_box ul li:nth-of-type(n+6):hover > img{bottom:auto; top:0;}
	.main_con02 .right_box ul li:nth-of-type(2n):hover > img{left:auto; right:0;}
	.main_con02 .right_box ul li:nth-last-of-type(1):hover > img{top:auto; bottom:0;}
	.main_con02 .right_box ul li:nth-last-of-type(2):hover > img{top:auto; bottom:0;}
	*/
}

@media all and (max-width:640px){
	.main_con02{margin:80px 0;}
	.main_con02 .main_tit{padding-bottom:50px;}
	.main_con02 .btns_wrap{position:static; margin-bottom:15px;}
}

/* main_con03 */
.main_con03{margin:100px 0;}
.main_con03 ul{font-size:0;}
.main_con03 ul li {display:inline-block; vertical-align:top; width:50%; position:relative; cursor:pointer; }
.main_con03 ul li > img{width:100%;}
.main_con03 ul li .txt_box{position:absolute; top:50%; right:50px; width:calc(100% - 50px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-align:right;}
.main_con03 ul li .txt_box.left{right:auto; left:50px; text-align:left;}
.main_con03 ul li .txt_box p{font-size:30px; font-weight:400; letter-spacing:0.15em; color:#000000;}
.main_con03 ul li .txt_box p b{display:inline-block; vertical-align:middle;}
.main_con03 ul li .txt_box span{display:block; padding:15px 0 20px; font-size:18px; font-weight:200; letter-spacing:-0.025em; color:#666666;}
.main_con03 ul li .txt_box a{display:block; font-size:16px; font-weight:200; letter-spacing:0.4em; color:#aaaaaa;}
.main_con03 ul li .txt_box a i{display:inline-block; vertical-align:middle; margin-left:10px;}
.main_con03 ul li .txt_box.right p{color:#fff;}
.main_con03 ul li .txt_box.right span{color:#fff;}

@media all and (max-width:1200px){	
	.main_con03 ul li .txt_box span{padding:10px 0 35px;}
	.main_con03 ul li .txt_box p{font-size:30px;}
}
@media all and (max-width:1000px){	
	.main_con03 ul li{width:100%;}
	.main_con03 ul li .txt_box span{padding:15px 0 55px;}
	.main_con03 ul li .txt_box p{font-size:32px;}
}
@media all and (max-width:640px){	
	.main_con03{margin:80px 0;}
	.main_con03 ul li .txt_box span{padding:10px 0 35px;}
	.main_con03 ul li .txt_box p{font-size:28px;}
}

/* main_con04 */
.main_con04{margin-top:100px; padding-bottom:100px;}
.main_con04 .map{width:100%; height:540px; position:relative;}
.main_con04 .map .os_mac.root_daum_roughmap{width:100%; height:540px;}
.main_con04 .map .os_mac.root_daum_roughmap .wrap_map{width:100%; height:100%;}
.main_con04 .txt_box{position:absolute; right:50px; top:40px; height:calc(100% - 80px); padding:0 35px; background:rgba(255,255,255,0.9); display:table; z-index:2; width:360px; box-sizing:border-box;}
.main_con04 .txt_box div{display:table-cell; vertical-align:middle;}
.main_con04 .txt_box p{font-size:36px; font-weight:400; letter-spacing:0; color:#1c2444; position:relative; line-height:1;}
.main_con04 .txt_box p:before{content:''; position:absolute; left:0; top:-15px; width:20px; height:1px; background:#1b1b1b}
.main_con04 .txt_box span{display:block; font-size:18px; font-weight:200; letter-spacing:0; color:#444444; line-height:28px; padding:30px 0;}
.main_con04 .txt_box span b{display:inline-block; background:#e9eef1; font-weight:200;}
.main_con04 .txt_box ul{}
.main_con04 .txt_box ul li{padding:10px 0; border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:300; letter-spacing:0.01em; color:#222222; padding-left:20px; position:relative;}
.main_con04 .txt_box ul li:before{content:''; position:absolute; left:10px; top:20px; width:3px; height:3px; background:#c0c0c0;}
.main_con04 .txt_box ul li:last-of-type{border-bottom:0;}
.main_con04 .txt_box ul li b{display:inline-block; vertical-align:top; margin-right:30px; font-weight:400; position:relative;}
.main_con04 .txt_box ul li b:before{content:''; position:absolute; right:-15px; width:1px; height:10px; top:8px; background:#b5b5b5}
.main_con04 .txt_box ul li strong{font-weight:300;}
.main_con04 .txt_box i{display:block; font-style:inherit; padding-left:20px; padding-top:5px; font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666;}
.main_con04 .test_txt{text-align:center; padding-top:45px;}
.main_con04 .test_txt p{font-size:28px; color:#666666; letter-spacing:-0.025em; font-weight:300;}
.main_con04 .test_txt span{display:block; font-size:20px; color:#000000; letter-spacing:-0.025em; font-weight:300;}
		
@media all and (max-width:1000px){	
	.main_con04{padding-bottom:100px;}
	.main_con04 .map{height:auto;}
	.main_con04 .txt_box{position:relative; right:auto; top:auto; height:auto; padding:70px 40px; width:100%; display:block;}
	.main_con04 .txt_box div{display:block; }

}
@media all and (max-width:640px){	
	.main_con04{padding-bottom:60px;}
	.main_con04 .main_tit{padding-bottom:70px;}
	.main_con04 .map .os_mac.root_daum_roughmap{height:400px;}
	.main_con04 .txt_box{padding:40px 20px;}
}


/* main_con05 */
.main_con05{padding:100px 0;}
.main_con05.gray{background:#fafafa}
.main_con05 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con05 ul li{cursor:pointer; width:calc(20% - 8px); float:left; margin-right:8px; margin-bottom:8px;}
.main_con05 ul li:nth-of-type(5){margin-right:0;}
.main_con05 ul li .img_box{width:100%; padding:28.1295% 0; position:relative; overflow:hidden}
.main_con05 ul li .img_box img{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con05 ul li .img_box:before{content:""; width:100%; height:100%; background:transparent; border:3px solid #1c2444; position:absolute; left:0; top:0; z-index:2; opacity:0; transition:0.3s; box-sizing:border-box;}
.main_con05 ul li .text{padding:15px 0;}
.main_con05 ul li .text h4{font-size:25px; color:#1c2444; letter-spacing:-0.01em; font-weight:500; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con05 ul li .text p{font-size:18px; color:#222222; letter-spacing:-0.025em; font-weight:200;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con05 .btns_wrap{margin-top:10px;}
.main_con05 .btns_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con05 .btns_wrap .left{float:left;}
.main_con05 .btns_wrap a{display:inline-block; vertical-align:top; font-size:16px; color:#323956; letter-spacing:0.2em; font-weight:400;}
.main_con05 .btns_wrap a i{margin-left:10px; display:inline-block; vertical-align:middle; width:78px; height:1px; background:#323956; position:relative;}
.main_con05 .btns_wrap a i:before{content:""; width:15px; height:15px; border:1px solid #323956; border-radius:50%; position:absolute; right:-8px; top:-8px;}
.main_con05 ul li:hover .img_box:before{opacity:1;}

@media all and (max-width:1200px){
	.main_con05 ul li{width:calc(25% - 9px); margin-right:12px}
	.main_con05 ul li:nth-of-type(4){margin-right:0;}
	.main_con05 ul li:nth-of-type(5){display:none}
}
@media all and (max-width:1000px){
	.main_con05 ul li{width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
	.main_con05 ul li:nth-of-type(4){margin-right:10px;}
	.main_con05 ul li:nth-of-type(2n){margin-right:0;}
}


/* main_con06 */
.main_con06{padding:100px 0; background:#fafafa}
.main_con06 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con06 .after .video_box{width:770px; height:444px; float:left;}
.main_con06 .after .video_box iframe{width:100%; height:100%;}
.main_con06 .after .list{width:calc(100% - 770px); padding-left:10px; box-sizing:border-box; float:left;}
.main_con06 .after .list li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con06 .after .list li{margin:5px 0; cursor:pointer; border:none}
.main_con06 .after .list li:focus{outline:none}
.main_con06 .after .list li .img_box{float:left; width:181px; height:101px; position:relative; overflow:hidden}
.main_con06 .after .list li .img_box img{filter:grayscale(1); transition:0.3s; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con06 .after .list li .img_box:before{content:""; width:100%; height:100%; background:transparent; border:3px solid #1c2444; position:absolute; left:0; top:0; z-index:2; opacity:0; transition:0.3s; box-sizing:border-box;}
.main_con06 .after .list li .text{width:calc(100% - 181px); float:left; padding:5px 0 10px 20px; box-sizing:border-box;}
.main_con06 .after .list li .text h4{transition:0.3s; font-size:22px; color:#666; letter-spacing:-0.01em; font-weight:400; margin:0 0 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con06 .after .list li .text p{transition:0.3s; font-size:18px; color:#999; letter-spacing:-0.025em; font-weight:200; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4em; height: 2.8em;}
.main_con06 .after .list li.on .img_box:before{opacity:1;}
.main_con06 .after .list li.on .img_box img{filter:grayscale(0); }
.main_con06 .after .list li.on .text h4{color:#1c2444}
.main_con06 .after .list li.on .text p{color:#444}
.main_con06 .after .list .slick-dots{text-align:right;}
.main_con06 .after .list .slick-dots li{margin:0 8px; width:10px; height:10px; border-radius:50%; border:1px solid transparent; box-sizing:border-box; background:#1c2444; transition:0.3s;}
.main_con06 .after .list .slick-dots li.slick-active{border-color:#1c2444; background:transparent}
.main_con06 .after .list .slick-dots li button{width:100%; height:100%; padding:none; font-size:0;}
.main_con06 .after .list .slick-dots li button:before{display:none}
.main_con06 .btns_wrap{margin-top:20px;}
.main_con06 .btns_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con06 .btns_wrap .left{float:left;}
.main_con06 .btns_wrap a{display:inline-block; vertical-align:top; font-size:16px; color:#323956; letter-spacing:0.2em; font-weight:400;}
.main_con06 .btns_wrap a i{margin-left:10px; display:inline-block; vertical-align:middle; width:78px; height:1px; background:#323956; position:relative;}
.main_con06 .btns_wrap a i:before{content:""; width:15px; height:15px; border:1px solid #323956; border-radius:50%; position:absolute; right:-8px; top:-8px;}

@media all and (max-width:1400px){
	.main_con06 .after .video_box{width:600px;}
	.main_con06 .after .list{width:calc(100% - 600px);}
}
@media all and (max-width:1200px){
	.main_con06 .after .video_box{width:500px;}
	.main_con06 .after .list{width:calc(100% - 500px);}
}
@media all and (max-width:1000px){
	.main_con06 .after .video_box{width:100%; float:none; height:360px;}
	.main_con06 .after .list{width:100%; float:none; padding:20px 0;}
}
@media all and (max-width:1000px){
	.main_con06 .after .video_box{height:260px;}
}



/* video_popup */
.video_popup{position:fixed; left:0; top:-1000%; width:100%; height:100%; z-index:1000000; }
.video_popup .bg{width:100%; height:100%; position:relative; background:rgba(0,0,0,0.9); transition:.3s; opacity:0; transform:scale(0.9); -ms-transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -moz-transform:scale(0.9)}
.video_popup .bg .cont{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:80%; max-width:850px; height:480px;}
.video_popup .bg .cont iframe{width:100%; height:100%;}
.video_popup .bg .cont .x_btn{display:block; position:absolute; width:50px; height:50px; right:-50px; top:-50px; z-index:2; transition:0.5s}
.video_popup .bg .cont .x_btn i{width:50px; height:3px; background:#fff; border-radius:6px; display:block;}
.video_popup .bg .cont .x_btn i:nth-of-type(1){transform:translate(-1px,23px) rotate(45deg); -ms-transform:translate(-1px,23px) rotate(45deg); -webkit-transform:translate(-1px,23px) rotate(45deg); -o-transform:translate(-1px,23px) rotate(45deg); -moz-transform:translate(-1px,23px) rotate(45deg);}
.video_popup .bg .cont .x_btn i:nth-of-type(2){transform:translate(0,20px) rotate(-45deg); -ms-transform:translate(0,20px) rotate(-45deg); -webkit-transform:translate(0,20px) rotate(-45deg); -o-transform:translate(0,20px) rotate(-45deg); -moz-transform:translate(0,20px) rotate(-45deg); }
.video_popup .bg .cont .x_btn:hover{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.video_popup.on{top:0}
.video_popup.on .bg.on{opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1)}

@media all and (max-width:1000px){
	.video_popup .bg .cont{height:360px;}
}
@media all and (max-width:767px){
	.video_popup .bg .cont{height:240px;}
	.video_popup .bg .cont .x_btn{right:-10px;}
}
/* main_con07 */
.main_con07{margin:100px 0;}
.main_con07 .btns_wrap{position:absolute; right:10px; top:80px;}
.main_con07 .btns_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con07 .btns_wrap .right{float:right;}
.main_con07 .btns_wrap a{display:inline-block; vertical-align:top; font-size:16px; color:#323956; letter-spacing:0.2em; font-weight:400;}
.main_con07 .btns_wrap a i{margin-left:10px; display:inline-block; vertical-align:middle; width:78px; height:1px; background:#323956; position:relative;}
.main_con07 .btns_wrap a i:before{content:""; width:15px; height:15px; border:1px solid #323956; border-radius:50%; position:absolute; right:-8px; top:-8px;}
.main_con07 .inner{font-size:0;  position:relative;}
.main_con07 .box{}
.main_con07 .box ul{font-size:0; letter-spacing:-4px;}
.main_con07 .box ul li{display:inline-block; vertical-align:top; width:calc(33.333% - 40px); margin-right:60px;}
.main_con07 .box ul li:last-of-type{margin-right:0}
.main_con07 .box ul li .before{display:inline-block; vertical-align:top; width:calc(50% - 0.5px); margin-right:1px; position:relative; padding:32% 0; overflow:hidden; background:#eaeaec;}
.main_con07 .box ul li .before img{position:absolute; left:50%; top:0; width:auto; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%); transform:translateX(-50%);}
.main_con07 .box ul li .before p{position:absolute; left:0; bottom:0; padding:10px 20px; background:rgbA(255,255,255,0.3); font-size:16px; font-weight:400; letter-spacing:0.14em; color:#1c2444; border-top-right-radius:30px; z-index:5;}
.main_con07 .box ul li .after{display:inline-block; vertical-align:top; width:calc(50% - 0.5px); position:relative; padding:32% 0; overflow:hidden; background:#eaeaec;}
.main_con07 .box ul li .after img{position:absolute; left:50%; top:0; width:auto; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%); transform:translateX(-50%);}
.main_con07 .box ul li .after p{position:absolute; right:0; bottom:0; padding:10px 20px; background:rgbA(255,255,255,0.3); font-size:16px; font-weight:400; letter-spacing:0.14em; color:#1c2444; border-top-left-radius:30px; z-index:5;}
@media all and (max-width:1400px){
	.main_con07 .box ul li{width:calc(33.333% - 20px); margin-right:30px;}

}

@media all and (max-width:1000px){
	.main_con07 .box ul li{width:100%; margin-right:0;}
	.main_con07 .box ul li:nth-of-type(n+2){margin-top:30px;}
}

@media all and (max-width:640px){
	.main_con07{margin:80px 0;}
	.main_con07 .main_tit{padding-bottom:50px;}
	.main_con07 .btns_wrap{position:static; margin-bottom:15px;}
}

.main_con08{padding:100px 0 ; background:#fafafa}
.main_con08 ul{font-size:0; letter-spacing:-4px;}
.main_con08 ul li{displaY:inline-block; vertical-align:top; width:calc(25% - 30px); margin-right:40px; position:relative; cursor:pointer; overflow:hidden;}
.main_con08 ul li:last-of-type{margin-righT:0;}
.main_con08 ul li .img_box{position:relative;}
.main_con08 ul li .img_box img{width:100%;}
.main_con08 ul li .img_box p {position:absolute; left:0; bottom:20px; width:100%; text-align:center; font-size:22px; font-weight:bold; letter-spacing:-0.01em; color:#fff;}
.main_con08 ul li .txt_box{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(28,36,68,0.9); text-align:center; padding-top:78px; box-sizing:border-box; transition:all 0.3s; transform:translateY(100%);}
.main_con08 ul li .txt_box:before{content:''; position:absolute; left:50%; top:0; width:1px; height:60px; background:#8b8a8b; transform:TranslateX(-50%) ;}
.main_con08 ul li .txt_box:after{content:''; position:absolute; left:50%; top:60px; width:1px; height:18px; background:#ffffff; transform:TranslateX(-50%);}
.main_con08 ul li .txt_box p{font-size:30px; font-weight:bold; letter-spacing:-0.01em; color:#fff; margin-bottom:10px; line-height:1.2;}
.main_con08 ul li .txt_box span{display:block; font-size:22px; font-weight:300; letter-spacing:-0.01em; color:#fff; }
.main_con08 ul li .txt_box .more_btn{position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.main_con08 ul li .txt_box .more_btn a{display:inline-block; font-size:16px; font-weight:400; letter-spacing:0.2em; color:#fff;}
.main_con08 ul li .txt_box .more_btn a img{display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-3px;}
.main_con08 ul li:hover .txt_box{transform:translateY(0)}

@media all and (max-width:1400px){
	.main_con08 ul li .txt_box{padding-top:58px}
	.main_con08 ul li .txt_box:before{height:40px;}
	.main_con08 ul li .txt_box:after{top:40px;}
	.main_con08 ul li .txt_box p{font-size:26px;}
	.main_con08 ul li .txt_box span{font-size:18px;}
}
@media all and (max-width:1200px){
	.main_con08 ul li .txt_box{padding-top:20px}
	.main_con08 ul li .txt_box:before{display:none;}
	.main_con08 ul li .txt_box:after{display:none;}
	.main_con08 ul li .txt_box p{font-size:20px;}
	.main_con08 ul li .txt_box span{font-size:16px;}
	.main_con08 ul li .txt_box .more_btn a{font-size:14px;}
}
@media all and (max-width:1000px){
	.main_con08 ul li {width:calc(50% - 20px); margin-right:40px;}
	.main_con08 ul li:nth-of-type(2n){margin-right:0;}
	.main_con08 ul li:nth-of-type(n+3){margin-top:40px;}
	.main_con08 ul li .txt_box{padding-top:58px}
	.main_con08 ul li .txt_box:before{display:block;}
	.main_con08 ul li .txt_box:after{display:block;}
	.main_con08 ul li .txt_box p{font-size:24px;}
	.main_con08 ul li .txt_box span{font-size:18px;}
	.main_con08 ul li .txt_box .more_btn a{font-size:16px;}
}
@media all and (max-width:640px){
	.main_con08 ul li {width:100%; margin-right:0;}
	.main_con08 ul li:nth-of-type(n+2){margin-top:40px;}
}


/* main_con09 */
.main_con09{margin:100px 0 150px;}
.main_con09 .box{font-size:0; letter-spacing:-4px;}
.main_con09 .box .img_box{display:inline-block; vertical-align:top; width:calc(58.2142% - 18px); margin-right:36px;}
.main_con09 .box .img_box img{width:100%;}
.main_con09 .box .txt_box{display:inline-block; vertical-align:top; width:calc(41.7858% - 18px);}
.main_con09 .box .txt_box dl{background:#f4f5f6; padding:25px 10px 25px 60px; box-sizing:border-box;}
.main_con09 .box .txt_box dl + dl{margin-top:10px;}
.main_con09 .box .txt_box dl:nth-of-type(2){min-height:374px;}
.main_con09 .box .txt_box dl dt{font-size:18px; font-weight:bold; letter-spacing:-0.025em; color:#1c2444;}
.main_con09 .box .txt_box dl dd{margin-top:15px;}
.main_con09 .box .txt_box dl dd > p {font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#222222;}
.main_con09 .box .txt_box dl dd ul{}
.main_con09 .box .txt_box dl dd ul li{max-width:300px; width:100%; font-size:0; letter-spacing:-4px; padding:10px 0; border-bottom:1px solid #e5e5e5}
.main_con09 .box .txt_box dl dd ul li span{displaY:inline-block; vertical-align:top; font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#222222;}
.main_con09 .box .txt_box dl dd ul li span:nth-of-type(1){width:114px; position:relative; padding-left:12px; box-sizing:border-box;}
.main_con09 .box .txt_box dl dd ul li span:nth-of-type(1):before{content:''; position:absolute; left: 0; top:12px; width:3px; height:3px; background:#c0c0c0; border-radius:50%;}
.main_con09 .box .txt_box dl dd ul li span:nth-of-type(1):after{content:''; position:absolute; right:15px; top:10px; width:1px; height:10px; background:#b5b5b5;}
.main_con09 .box .txt_box dl dd ul li span:nth-of-type(2){width:calc(100% - 114px)}
.main_con09 .box .txt_box dl dd .center{margin-top:50px;}
.main_con09 .box .txt_box dl dd .center p{position:relative; padding-top:10px; font-size:16px; font-weight:300; letter-spacing:0; color:#444444;}
.main_con09 .box .txt_box dl dd .center p:before{content:''; position:absolute; left:0; top:0; width:20px; height:1px; background:#1b1b1b;}
.main_con09 .box .txt_box dl dd .center span{display:block; padding-top:10px; font-size:34px; font-weight:400; letter-spacing:0; color:#1c2444;}

@media all and (max-width:1000px){
	.main_con09 .box .img_box{width:100%; margin-right:0;}
	.main_con09 .box .txt_box{margin-top:30px; width:100%;}
}
@media all and (max-width:640px){
	.main_con09{margin:80px 0;}
	.main_con09 .main_tit{padding-bottom:50px;}
}

/* 추가 */
.custom_slide .item {
	display: flex;
	gap: 1px;
}
.custom_slide .item >div {
	width: calc(50% - 0.5px);
	display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 32% 0;
    overflow: hidden;
    background: #eaeaec;
}
.custom_slide .item >div img {
	position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.custom_slide .item >div.before p {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    background: rgbA(255, 255, 255, 0.3);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.14em;
    color: #1c2444;
    border-top-right-radius: 30px;
    z-index: 5;
}
.custom_slide .item >div.after p {
    position: absolute;
right: 0;
bottom: 0;
padding: 10px 20px;
background: rgbA(255, 255, 255, 0.3);
font-size: 16px;
font-weight: 400;
letter-spacing: 0.14em;
color: #1c2444;
border-top-left-radius: 30px;
z-index: 5;
}
.custom_slide_wrap .custom_slide {
	padding-bottom: 30px;
}
.custom_slide_wrap .custom_slide .swiper-pagination {
	width: 100%;
	bottom: 0;
	text-align: right;
}
.custom_slide_wrap .custom_slide .swiper-pagination-bullet {
	margin: 0 10px;
	width: 10px;
	height: 10px;
	background-color: #1c2444;
	opacity: 1;
	border: 1px solid transparent;
}
.custom_slide_wrap .custom_slide .swiper-pagination-bullet-active {
	border: 1px solid #1c2444;
	background-color: transparent;
}
/* END 추가 */