@charset "utf-8";

/* common */
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.align{display:table-cell;vertical-align:middle;}

#contents{background:#ddd;}
.conwrap{position:relative;max-width:1400px;width:100%;margin:0 auto;}
.conwrap:after{display:block;content:"";clear:both;}



/*header*/
.head{
	position:relative;position:absolute;left:0;top:0;z-index:1000;
	box-sizing:border-box;
	width:100%;
	padding:50px 3%;
}
.head.fix{}
.head .btnmenu{
	position:absolute;right:3%;top:55px;z-index:1200;
	width:37px;
	cursor:pointer;
}
.head.fix .btnmenu{
	position:absolute;right:3%;top:30px;z-index:1200;
	width:37px;
	cursor:pointer;
}
.head .btnmenu>div{float:right;width:100%;height:3px;background:#fff;margin-bottom:8px;transition:all 0.4s;}
.head .btnmenu>div:nth-child(1){width:80%;}
.head .btnmenu>div:nth-child(2){width:50%;}
.head .btnmenu>div:nth-child(3){width:100%;}
.head .btnmenu:hover>div{width:100%;}
.head .btnmenu.openmenu>div{background:#fff;width:100%;}
.head .btnmenu.openmenu>div:nth-child(1){transform: translateY(11px) rotate(45deg);}
.head .btnmenu.openmenu>div:nth-child(2){opacity:0;}
.head .btnmenu.openmenu>div:nth-child(3){transform: translateY(-11px) rotate(-45deg);}



.allmenu{
	display:none;
	position:absolute;left:0;top:0;z-index:1100;
	width:100%;
	padding:185px 0;
	background:rgba(0,0,0,0.9);
	text-align:center;
}
.allmenu .allmenu_boxwrap{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	max-width:249px;
	width:100%;height:330px;
	border-right:1px solid rgba(255,255,255,0.1);
}
.allmenu .allmenu_boxwrap:last-child{border-right:0;}
.allmenu .allmenu_boxwrap h2{font-family:"Montserrat";font-size:20px;color:#fff;font-weight:500;}
.allmenu .allmenu_boxwrap ul{margin:35px 0 0;}
.allmenu .allmenu_boxwrap ul li{margin-bottom:5px;}
.allmenu .allmenu_boxwrap ul li a{font-size:17px;color:rgba(255,255,255,0.7);font-weight:300;}
.allmenu .allmenu_boxwrap ul li a:hover{border-bottom:1px solid rgba(255,255,255,0.7)}





/* visual */
#visual{
	overflow:hidden;
	width:100%;height:100%;
	text-align:center;
}
#visual .swiper-container{width:100%;height:100%;}
#visual .swiper-slide{display:table;position:relative;width:100%;height:100%;}
#visual .v1{
	background-size:cover;
}

#visual .v1 .txtbox{display:table-cell;vertical-align:middle;}
#visual .v1 .txtbox h3{
	font-family:"Montserrat";
	font-size:69px;color:#fff;
	line-height:100%;letter-spacing:-1px;font-weight:500;
}
#visual .v1 .txtbox h3 span{font-size:60px;font-weight:600;}
#visual .v1 .txtbox p{margin-top:20px;font-size:17px;color:rgba(255,255,255,0.9);font-weight:300;}
#visual .vnext{
	position:absolute;right:3%;top:50%;z-index:1100;
	width:73px;height:73px;
	background:url(/images/main/varr.png) no-repeat;
	background-size:cover;
	margin-top:-36px;
	cursor:pointer;
}
#visual .vprev{
	position:absolute;left:3%;top:50%;z-index:1100;
	width:73px;height:73px;
	background:url(/images/main/varr.png) no-repeat;
	background-size:cover;
	margin-top:-36px;
	cursor:pointer;
}




/* footer */
.foot{}
.foot .sitemap{padding:55px 0;background:#444;}
.foot .sitemap .menubox{
	float:left;
	width:20%;height:224px;
	box-sizing:border-box;
	padding:10px 28px 0;
	border-right:1px solid #575757;
}
.foot .sitemap .menubox:first-child{border-left:1px solid #575757;}
.foot .sitemap .menubox h2{margin-bottom:15px;font-family:"Montserrat";font-size:18px;color:#fff;font-weight:500;}
.foot .sitemap .menubox ul{}
.foot .sitemap .menubox ul li{margin-bottom:3px;}
.foot .sitemap .menubox ul li a{color:rgba(255,255,255,0.7);font-weight:300;}
.foot .foot_info{padding:44px 0;background:#333;}
.foot .foot_info h1{float:left;}
.foot .foot_info .infoarea{float:right;width:700px;}
.foot .foot_info .infoarea ul{
	overflow:hidden;
	padding:0 0 10px;
	margin-bottom:10px;
	border-bottom:1px solid #575757;
}
.foot .foot_info .infoarea ul li{
	float:left;
	position:relative;
	padding-right:12px;margin-right:10px;
}
.foot .foot_info .infoarea ul li:after{
	display:block;
	content:"";
	width:1px;height:11px;
	background:#575757;
	position:absolute;right:0;top:50%;
	margin-top:-5px;
}
.foot .foot_info .infoarea ul li:last-child:after{display:none;}
.foot .foot_info .infoarea ul li a{font-size:15px;color:#8e8e8e;}
.foot .foot_info .infoarea address{font-size:15px;color:#8e8e8e;}
.foot .foot_info .infoarea address .bar{
	display:inline-block;
	width:1px;height:11px;
	background:#575757;
	margin:0 7px;
}
.foot .copy{padding:20px 0;background:#212121;font-size:12px;color:rgba(142,142,142,0.8);}





/* 메인 슬로건 */
.main_slg{
	padding:80px 0;
	background:url(/images/main/main_slg_bg.png) no-repeat center;
	text-align:center;
}
.main_slg .txtbox{}
.main_slg .txtbox:before{
	display:block;
	content:"";
	width:1px;height:46px;
	background:#898989;
	margin:0 auto 15px;
}
.main_slg .txtbox:after{
	display:block;
	content:"";
	width:1px;height:46px;
	background:#898989;
	margin:20px auto 0;
}
.main_slg h3{
	font-family:"Montserrat";
	font-size:38px;color:#2b2b2b;font-weight:600;
	letter-spacing:-1px;
}
.main_slg h3 span{font-size:35px;}
.main_slg p{margin-top:10px;color:#666;}




/*메인 컨텐츠 공통 */
.main_title_type1{margin-bottom:50px;}
.main_title_type1 h3{
	width:400px;
	margin:0 auto;
	padding:20px 0 5px;
	font-family:"Montserrat";font-size:23px;font-weight:600;
	border:2px solid #cecece;border-bottom:0;
	text-align:center;
}
.main_title_type1 h3 span{font-size:21px;}
.main_title_type2{margin-bottom:50px;}
.main_title_type2 h3{
	width:400px;
	margin:0 auto;
	padding:20px 0 5px;
	font-family:"Montserrat";font-size:23px;font-weight:600;color:#d4d4d4;
	border:2px solid #797979;border-bottom:0;
	text-align:center;
}
.main_title_type2 h3 span{font-size:21px;}




/* section1 */
.section1_banners{padding:0 2%;}
.section1_banners ul{overflow:hidden;}
.section1_banners ul li{
	float:left;
	position:relative;
	width:32.666%;
	margin-right:1%;margin-bottom:1%;
}
.section1_banners ul li:nth-child(1){
	width:66.333%;
	height:476px;
	background:url(/images/main/section1_bg1.jpg) no-repeat center;
	background-size:cover;
}
.section1_banners ul li:nth-child(2){
	height:476px;
	margin-right:0;
	background:url(/images/main/section1_bg2.jpg) no-repeat center;
	background-size:cover;
}
.section1_banners ul li:nth-child(3){
	height:240px;
	background:url(/images/main/section1_bg3.jpg) no-repeat center;
	background-size:cover;
}
.section1_banners ul li:nth-child(4){
	height:240px;
	background:url(/images/main/section1_bg4.jpg) no-repeat center;
	background-size:cover;
}
.section1_banners ul li:nth-child(5){
	height:240px;
	margin-right:0;
	background:url(/images/main/section1_bg5.jpg) no-repeat center;
	background-size:cover;
}
.section1_banners ul li a{display:block;width:100%;height:100%;}
.section1_banners ul li .txtinfo{
	position:relative;position:absolute;left:0;bottom:35px;
	width:100%;
	box-sizing:border-box;
	padding:0 49px;
}
.section1_banners ul li .txtinfo:after{
	display:block;
	content:"";
	position:absolute;right:49px;bottom:0;
	width:56px;height:56px;
	background:url(/images/main/section1_arr.png) no-repeat;
	opacity:0.5;transition:all 0.4s;
}
.section1_banners ul li:hover .txtinfo:after{opacity:1;transition:all 0.4s;}
.section1_banners ul li .txtinfo h4{
	font-size:22px;color:#fff;
	transform:translateY(10px);
	transition:all 0.4s;
}
.section1_banners ul li:hover .txtinfo h4{
	transform:translateY(0px);
	transition:all 0.4s;
}
.section1_banners ul li .txtinfo p{
	font-size:15px;color:#fff;font-weight:300;
	opacity:0;
	transform:translateY(20px);
	transition:all 0.4s;
}
.section1_banners ul li:hover .txtinfo p{
	font-size:15px;color:#fff;font-weight:300;
	opacity:1;
	transform:translateY(0);
	transition:all 0.4s;
}


@media(max-width:1500px){
	.section1_banners ul li .txtinfo:after{
		display:none;
	}
}





/* section2 */
.main_section2{
	position:relative;
	padding:80px 0;
	margin:70px 0 0;
}
.main_section2 .bgarea{
	position:absolute;left:0;bottom:0;
	width:100%;height:50%;
	background:#2f2f2f url(/images/main/main_section2_bg.png) no-repeat left bottom;
}
.main_section2 .conwrap{
	padding-bottom:74px;
	background:url(/images/main/section2_bg1.jpg) no-repeat right bottom;
	z-index:10;
}
.main_section2 .conwrap .txtbox{
	display:table;
	box-sizing:border-box;
	width:660px;height:493px;
	padding:0 5%;
	background:#025193;
}
.main_section2 .conwrap .txtbox h3{font-family:"Montserrat";color:#fff;font-size:13.5px;letter-spacing:2px}
.main_section2 .conwrap .txtbox h4{margin:20px 0;font-family:"Montserrat";font-size:36px;color:#fff;font-weight:600;}
.main_section2 .conwrap .txtbox p{font-size:15px;color:#fff;font-weight:300;}
.main_section2 .conwrap .txtbox a{
	display:block;
	box-sizing:border-box;
	width:199px;height:49px;
	margin:55px 0 0;
	border:1px solid #ddd;
	border-radius:25px;
	font-family:"Montserrat";font-size:13.5px;font-weight:500;color:#fff;
	text-align:center;line-height:47px;
}




/* section3 */
.main_section3{
	position:relative;
	padding:130px 2% 200px 2%;
	background:#2f2f2f;
}
.main_section3 .main_title_type2{
	position:absolute;left:50%;top:130px;
	margin-left:-202px;
}
.main_section3 .swiper2{position:relative;padding-top:110px;padding-bottom:12px;padding-right:15px;}
.main_section3 .swiper2 .sprev{
	position:absolute;left:12%;top:15px;z-index:100;
	width:56px;height:56px;
	margin-bottom:60px;
	background:url(/images/main/main_section3_prev.png) no-repeat;
	cursor:pointer;
}
.main_section3 .swiper2 .snext{
	position:absolute;right:12%;top:15px;z-index:100;
	width:56px;height:56px;
	margin-bottom:60px;
	background:url(/images/main/main_section3_next.png) no-repeat;
	cursor:pointer;
}
.main_section3 .swiper2 .swiper-slide{position:relative;text-align:center;}
.main_section3 .swiper2 .swiper-slide a{display:inline-block;max-width:337px;position:relative;}
.main_section3 .swiper2 .swiper-slide a:after{
	display:block;
	content:"";
	width:100%;height:100%;
	border:1px solid #616161;
	position:absolute;left:10px;top:10px;
}
.main_section3 .swiper2 .swiper-slide img{position:relative;width:100%;z-index:100;}
.main_section3 .swiper2 .swiper-slide .ondiv{
	opacity:0;
	position:relative;
	position:absolute;left:0;top:0;z-index:100;
	width:100%;height:100%;
	background:rgba(0,0,0,0.9);
	text-align:center;
	transition:all 0.4s;
}
.main_section3 .swiper2 .swiper-slide:hover .ondiv{
	opacity:1;transition:all 0.4s;
}
.main_section3 .swiper2 .swiper-slide .ondiv .name{
	margin:165px 0 20px;
	font-family:"Montserrat";
	font-size:25px;color:#fff;font-weight:600;
}
.main_section3 .swiper2 .swiper-slide .ondiv p{font-size:15px;color:rgba(255,255,255,0.8);}




/* section4 */
.main_section4{overflow:hidden;}
.main_section4 .areawrap{
	float:left;
	width:50%;height:950px;
	box-sizing:border-box;
}
.areawrap .vod1{
	display:table;
	width:100%;height:100%;
	background:url(/images/main/section4_bg1.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.areawrap .vod1 a{
	display:table;
	box-sizing:border-box;
	width:280px;height:280px;
	margin:0 auto;
	background:url(/images/main/section4_bg_box1.png) no-repeat;
}
.areawrap .vod1 a h3{font-size:27px;color:#fff;}
.areawrap .vod1 a h3:after{
	display:block;
	content:"";
	width:54px;height:1px;
	margin:20px auto 30px;
	background:#fff;
}
.areawrap .vod1 a p{font-size:15px;color:#fff;}

.areawrap .toparea{
	display:table;
	width:100%;height:50%;
	background:url(/images/main/section4_bg2.jpg) no-repeat center;
	background-size:cover;
	text-align:center;	
}
.areawrap .toparea a{
	display:table;
	box-sizing:border-box;
	width:280px;height:280px;
	margin:0 auto;
	background:url(/images/main/section4_bg_box2.png) no-repeat;	
}
.areawrap .toparea a h3{font-size:27px;color:#fff;}
.areawrap .toparea a h3:after{
	display:block;
	content:"";
	width:54px;height:1px;
	margin:20px auto 30px;
	background:#fff;
}
.areawrap .toparea a p{font-size:15px;color:#fff;}

.areawrap .notice{
	box-sizing:border-box;
	height:50%;
	padding:35px 0;
	background:#fff;
}
.areawrap .notice h3{
	padding:0 39px;
	margin-bottom:30px;
	font-family:"Montserrat";font-size:26px;color:#010101;font-weight:500;
}
.areawrap .notice .swiper3{position:relative;padding:82px 0 0;}
.areawrap .notice .swiper3 .nprev{
	position:absolute;left:39px;top:0;z-index:100;
	width:44px;height:44px;
	border:1px solid #ddd;
	background:url(/images/main/main_section4_prev.png) no-repeat;
	cursor:pointer;
}
.areawrap .notice .swiper3 .nnext{
	position:absolute;left:84px;top:0;z-index:100;
	width:44px;height:44px;
	border:1px solid #ddd;border-left:0;
	background:url(/images/main/main_section4_next.png) no-repeat;
	cursor:pointer;
}
.areawrap .notice .swiper3 .swiper-pagination{
	position:absolute;left:140px;top:10px;
	width:70px;
}
.areawrap .notice .swiper3 .swiper-pagination .swiper-pagination-current{color:#025193;}
.areawrap .notice .swiper3 .more{
	position:absolute;right:39px;top:10px;
	border-bottom:1px solid #ddd;
	font-family:"Montserrat";font-size:12px;color:#6f6f6f;font-weight:600;
}
.areawrap .notice .swiper3 .swiper-wrapper {transform: perspective(0); -ms-transform: perspective(0);}
.areawrap .notice .swiper3 .swiper-slide{
	box-sizing:border-box;
	height:245px;
	padding:0 45px;
	border-right:1px solid #ddd;
}
.areawrap .notice .swiper3 .swiper-slide .sbj{
	padding:15px 0 0;
	font-size:20px;color:#222;word-break:keep-all;
	font-weight:400;
	transform: perspective(0); -ms-transform: perspective(0);
}
.areawrap .notice .swiper3 .swiper-slide .sbj:after{
	display:block;
	content:"";
	width:36px;height:1px;
	margin:15px 0 20px;
	background:#ddd;
}
.areawrap .notice .swiper3 .swiper-slide p{color:rgba(85,85,85,0.8);line-height:160%;word-break:keep-all;font-weight:400;transform: perspective(0); -ms-transform: perspective(0);}
.areawrap .notice .swiper3 .swiper-slide .date{margin-top:15px;color:#656565;transform: perspective(0); -ms-transform: perspective(0);}