/********** 메인 비주얼 **********/

#mainvisual {
	position:relative;
	width:100%;
	height:890px;
	overflow:hidden;
}

.main_section { height:890px; background-color:#000; overflow:hidden !important; }

.main_section .bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat !important;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
	background-size:cover !important;
	z-index:-1;
}

.ani .main_section.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#main1 { background:#000; }
#main2 .bg { background:url('../images/main2.jpg') center no-repeat; }
#main3 .bg { background:url('../images/main3.jpg') center no-repeat; }
#main4 .bg { background:url('../images/main4.jpg') center no-repeat; }

.main_section video {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    opacity:.5;
}


.main_txt { height:inherit; }
.main_txt p { color:#fff; padding:0 20px; }

.mtxt_sub { font-weight:400; font-size:28px; letter-spacing:-0.02em; }
.mtxt_bold_eng { font-weight:700; font-size:100px; letter-spacing:-0.04em; }
.mtxt_bold { font-weight:700; font-size:84px; font-family:Nanum Gothic; }
#mainvisual.eng .mtxt_bold { font-size:72px; font-family:Roboto; }

.mtxt_detail { font-weight:400; font-size:22px; line-height:160%; opacity:0; transition:transform 7s ease-out, opacity 1s ease 0.3s; }

.mv_btn { display:inline-block; border:4px solid #fff; padding:10px 20px; opacity:0; transition:transform 7s ease-out, opacity 1s ease 0.3s; }
.mv_btn p { text-align:left; font-size:16px; font-weight:500; background:url('../images/mplus.gif') right center no-repeat; padding:10px 30px 10px 0; }
.mv_btn:hover { background:#222; border-color:#222; }

.ani .main_section.slick-active .mtxt_detail { transition-delay: .5s; opacity: 1; }
.ani .main_section.slick-active .mv_btn { transition-delay: 1s; opacity: 1; }

.mv_arr {
	position:absolute;
	top:50%;
	margin-top:-24px;
	width:48px;
	height:48px;
	z-index:700;
	cursor:pointer;
}

.main-prev {
	left:60px;
	background:url('../images/main_prev.png') no-repeat;
}
.main-next {
	right:60px;
	background:url('../images/main_next.png') no-repeat;
}


@media (max-width:1300px) {
	#mainvisual, .main_section { height:620px; }
	.main_section video { width:1300px; margin-left:-650px; }
	.main_txt { padding-top:50px; }
	.mtxt_sub { font-size:24px; }
	.mtxt_bold_eng { font-size:78px; }
	.mtxt_bold { font-size:62px; }
	#mainvisual.eng .mtxt_bold { font-size:54px; }
	.mtxt_detail { font-size:19px; }
	.mv_btn p { font-size:15px; background-size:16px 16px; }
}

@media (max-width:1000px) {
	#mainvisual { height:460px; margin-top:20px; }
	.main_section { height:460px; }
	.main_section video { width:1000px; margin-left:-500px; }
	.main_txt { padding-top:40px; }
	.mtxt_sub { font-size:20px; }
	.mtxt_bold_eng { font-size:64px; }
	.mtxt_bold { font-size:54px; }
	#mainvisual.eng .mtxt_bold { font-size:44px; }
	.mtxt_detail { font-size:17px; }
	.mv_btn { border-width:3px; padding:4px 16px; }
	.mv_btn p { font-size:14px; }
	.mv_arr { background-size:30px 30px; margin-top:-15px; width:30px; height:30px; }
	.main-prev { left:30px; }
	.main-next { right:30px; }
}
@media (max-width:768px) {
	.mtxt_sub { font-size:17px; }
	.mtxt_bold_eng { font-size:48px; }
	.mtxt_bold { font-size:38px; }
	#mainvisual.eng .mtxt_bold { font-size:36px; }
	.mtxt_detail { font-size:15px; }
	.mv_btn { padding:2px 14px; }
	.mv_btn p { font-size:13px; background-size:13px 13px; padding:10px 20px 10px 0; }
}
@media (max-width:760px) {
	.mv_arr { display:none !important; }
}

@media (max-width:540px) {
	#mainvisual, .main_section { height:340px; }
	.main_section video { width:700px; margin-left:-350px; }

	.mtxt_sub { font-size:13px; }
	.mtxt_bold_eng { font-size:35px; }
	.mtxt_bold { font-size:30px; }
	#mainvisual.eng .mtxt_bold { font-size:28px; }
	.mtxt_detail { font-size:13px; padding:0 10px; }
	.mv_btn { border-width:2px; padding:0 12px; }
	.mv_btn p { font-size:12px; background-size:11px 11px; }
}




/********** 메인 타이틀 **********/

.main_tit { font-size:56px; color:#333; font-weight:600; text-align:center; letter-spacing:-0.02em; }
.main_det { font-size:16px; color:#444; text-align:center; }
.main_tit .bk { color:#333; }

@media (max-width:1200px) {
	.main_tit { font-size:46px; }
	.main_det { font-size:16px; }
}
@media (max-width:1000px) {
	.main_tit { font-size:42px; }
}
@media (max-width:768px) {
	.main_tit { font-size:38px; }
	.main_det { font-size:14px; }
}
@media (max-width:540px) {
	.main_tit { font-size:30px; }
	.main_det { font-size:13px; }
}
@media (max-width:420px) {
	.main_tit { font-size:26px; }
	.main_det { font-size:12.5px; }
}





/********** News 3 박스 **********/

#mainnews { padding:86px 0; background:#efefef; }

#mainnews ul { margin:0 -12px; }
#mainnews .col_box { margin:0 12px; background:#fff; padding:32px; }
#mainnews .col_box div { position:relative; height:160px; }
#mainnews .col_box .news_tit { font-size:18px; font-weight:400; color:#333; line-height:140%; }
#mainnews .col_box .news_det { font-size:15px; color:#888; line-height:140%; }
#mainnews .col_box .news_date { position:absolute; width:100%; left:0; bottom:0; font-size:15px; color:#888; padding-top:10px; background:url('../images/mplus2.gif') right bottom no-repeat; }


@media (max-width:1000px) {
	#mainnews ul { margin:0; }
	#mainnews .col_box { margin:10px 0; }
	#mainnews ul li { width:100%; }
	#mainnews .col_box div { height:auto; padding-bottom:40px; }
}

@media (max-width:420px) {
	#mainnews .col_box { margin:6px 0; }
	#mainnews .col_box .news_date { background-size:11px 11px; }
}





/********** 제품 슬라이드 **********/

#mainpro { position:relative; }
#product_img li { text-align:center; width:auto; background-color:#e8e8e8; height:420px; overflow:hidden; outline:none; position:relative; }
#product_img li.bg2 { background-color:#f3f3f3; }
#product_img li img { width:100%; margin:auto; }

.mpro_txt { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; display:none; }
.mpro_txt .bg { position:absolute; width:100%; height:100%; background:#000; opacity:.5; z-index:-1; }
.mpro_txt p { color:#fff; font-weight:400; font-size:18px; }
.mpro_txt i { display:inline-block; }

#product_img li:hover .mpro_txt { display:table; }


@media (max-width:1700px) {
	#product_img li { height:400px; }
}

@media (max-width:1500px) {
	#product_img li { height:350px; }
	.mpro_txt p { font-size:16px; }
	.mpro_txt i img { width:40px !important; }
}
@media (max-width:1300px) {
	#product_img li { height:300px; }
}

@media (max-width:1100px) {
	#product_img li { height:260px; }
	.mpro_txt p { font-size:15px; }
}

@media (max-width:768px) {
	#product_img li { height:220px; }
	.mpro_txt p { font-size:14px; }
	.mpro_txt i img { width:30px !important; }
}


@media (max-width:420px) {
	#product_img li { height:200px; }
	.mpro_txt p { font-size:13px; }
	.mpro_txt i img { width:22px !important; }
}









/********** 아이콘 4 배너 **********/

#mainban { padding-bottom:100px; }

#mainban .col_box { position:relative; background:#fff; }

#mainban .col_box div { width:260px; height:260px; margin:0 auto; border-radius:50%; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }
#mainban .col_box div a { position:absolute; display:block; width:100%; height:100%; }
#mainban #icon_ban li:nth-child(1) .col_box div { background-image:url('../images/mban1.jpg'); }
#mainban #icon_ban li:nth-child(2) .col_box div { background-image:url('../images/mban2.jpg'); }
#mainban #icon_ban li:nth-child(3) .col_box div { background-image:url('../images/mban3.jpg'); }
#mainban #icon_ban li:nth-child(4) .col_box div { background-image:url('../images/mban4.jpg'); }

#mainban .col_box p { text-align:center; }
#mainban .col_box .ban_tit { color:#333; font-size:26px; font-weight:500; }
#mainban .col_box .ban_detail { color:#888; font-size:15px; line-height:140%; }



@media (max-width:1400px) {
	#mainban .col_box div { width:220px; height:220px; }
}
@media (max-width:1200px) {
	#mainban .col_box div { width:200px; height:200px; }
	#mainban .col_box .ban_tit { font-size:23px; }
}
@media (max-width:1000px) {
	#mainban #icon_ban li { width:50%; }
	#mainban #icon_ban { margin:-20px 0; }
	#mainban .col_box { margin:20px 0; }
	#mainban .col_box div { width:240px; height:240px; }

}
@media (max-width:768px) {
	#mainban .col_box div { width:180px; height:180px; }
	#mainban #icon_ban { padding:0 30px; }
	#mainban .col_box .ban_tit { font-size:22px; }
	#mainban .col_box .ban_detail { font-size:14px; }
}
@media (max-width:700px) {
	#mainban #icon_ban { padding:0 20px; }
}
@media (max-width:560px) {
	#mainban #icon_ban { padding:0; }
	#mainban .col_box div { width:150px; height:150px; }
}
@media (max-width:420px) {
	#mainban #icon_ban { margin:-13px 0; }
	#mainban .col_box { margin:13px 0; }
	#mainban .col_box div { width:120px; height:120px; }
	#mainban .col_box .ban_tit { font-size:20px; }
	#mainban .col_box .ban_detail { font-size:12px; }
}