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

#mainvisual {
	position:relative;
	width:100%;
	height:698px;
	overflow:hidden !important;
	margin-top:100px;
}

.main_section { height:698px; 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 .bg { background:url('../images/main1.jpg') center no-repeat; }
#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; }
#main5 .bg { background:url('../images/main5.jpg') center no-repeat; }


.slick-dots { position: absolute; text-align:center; display: block; left:0; width: 100%; padding: 0; margin: 0; list-style: none; z-index:100;
	bottom:50px;
}

.slick-dots li { position: relative; display: inline-block; padding: 0; cursor: pointer;
	margin:0 6px;
}

.slick-dots li button { font-size: 0; line-height: 0; display: block; background:#fff; border-radius:50%; color: transparent; outline: none;
    width: 10px; height: 10px;
    opacity:.4;
}

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { opacity:1; }


.main_copy { font-size:22px; color:#282828; font-weight:400; line-height:150%; }


@media (max-width:1500px) {
	#mainvisual, .main_section { height:600px; }
	.main_copy { font-size:20px; }
}
@media (max-width:1200px) {
	#mainvisual { margin-top:60px; height:480px; }
	.main_section { height:480px; }
	.slick-dots { bottom:30px; }
	.main_copy { font-size:18px; }
}

@media (max-width:900px) {
	#mainvisual, .main_section { height:400px; }
	.main_copy { font-size:16px; }
}
@media (max-width:768px) {
	#mainvisual, .main_section { height:320px; }
	.slick-dots li { margin:0 4px; }
	.slick-dots li button { width: 7px; height: 7px; }
	.main_copy { font-size:15px; }
}

@media (max-width:500px) {
	#mainvisual, .main_section { height:240px; }
	.slick-dots { bottom:16px; }
	.slick-dots li { margin:0 3px; }
	.main_copy { font-size:14px; }
}
@media (max-width:400px) {
	#mainvisual, .main_section { height:220px; }
	.main_copy { font-size:13px; }
}









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

.main_tit { font-size:50px; color:#222; font-weight:700; text-align:center; font-family:Audiowide; }
/*
.main_tit:after { display:block; content:''; position:absolute; width:1px; height:40px; border-left:1px solid #333; left:50%; bottom:0; }
.main_tit.c_w:after { border-color:#fff !important; }
*/


@media (max-width:1200px) {
	.main_tit { font-size:44px; }
}
@media (max-width:1000px) {
	.main_tit { font-size:36px; }
}
@media (max-width:768px) {
	.main_tit { font-size:30px; }
}
@media (max-width:420px) {
	.main_tit { font-size:24px; }
}






/********** 포토 4 배너 **********/

#mainbiz { position:relative; }
#mainbiz .col_box { position:relative; margin:0 20px; text-align:center; }
#mainbiz ul { margin:0 -20px; }
#mainbiz .col_box .ban_img { height:260px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; }
#mainbiz ul li:nth-child(1) .col_box .ban_img { background-image:url('../images/mbiz1.jpg');}
#mainbiz ul li:nth-child(2) .col_box .ban_img { background-image:url('../images/mbiz2.jpg');}
#mainbiz ul li:nth-child(3) .col_box .ban_img { background-image:url('../images/mbiz3.jpg');}
#mainbiz ul li:nth-child(4) .col_box .ban_img { background-image:url('../images/mbiz4.jpg');}
#mainbiz .col_box p { text-align:center; }
#mainbiz .col_box .ban_tit { color:#333; font-size:28px; font-weight:500; }
#mainbiz .col_box .ban_detail { font-size:14.5px; color:#777; letter-spacing:0; }

#mainbiz .col_box .ban_img div { position:absolute; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; }
#mainbiz .col_box .ban_img p { position:absolute; width:100%; height:100%; left:0; top:0; background:url('../images/mplus2.png') center no-repeat; z-index:10; opacity:0; }

#mainbiz .col_box:hover .ban_img div { opacity:.7; }
#mainbiz .col_box:hover .ban_img p { opacity:1; }


@media (max-width:1400px) {
	#mainbiz .col_box { margin:0 15px; }
	#mainbiz ul { margin:0 -15px; }
}

@media (max-width:1100px) {
	#mainbiz .col_box { margin:0 30px; }
	#mainbiz ul { margin:0 -30px; }
	#mainbiz ul li { width:50%; }
	#mainbiz ul li:nth-child(3), #mainbiz ul li:nth-child(4) { padding-top:50px; }
}

@media (max-width:768px) {
	#mainbiz .col_box .ban_img { height:220px; }
	#mainbiz .col_box { margin:0 10px; }
	#mainbiz ul { margin:0 -10px; }
	#mainbiz ul li:nth-child(3), #mainbiz ul li:nth-child(4) { padding-top:40px; }
}

@media (max-width:540px) {
	#mainbiz ul li { width:100%; }
	#mainbiz .col_box, #mainbiz ul { margin:0; }
	#mainbiz ul li:nth-child(2), #mainbiz ul li:nth-child(3), #mainbiz ul li:nth-child(4) { padding-top:40px; }
}
@media (max-width:420px) {
	#mainbiz .col_box .ban_img { height:200px; }
}





/********** News & Contact BOX **********/

#maincs { background:url('/images/main_cs.jpg') center no-repeat; padding:100px 0; background-size:cover; }
#maincs .top_cont { color:#fff; text-align:center; line-height:160%; font-weight:400; font-size:18px; }
#maincs a { border-width:4px; color:#fff; border-color:#fff; font-weight:500; }
#maincs a:hover { background:#111; border-color:#111; }


@media (max-width:1200px) {
	#maincs { padding:80px 0; }
}

@media (max-width:768px) {
	#maincs { padding:60px 0; }
	#maincs .top_cont { line-height:140%; }
	#maincs a { border-width:3px; }
}
@media (max-width:420px) {
	#maincs { padding:50px 0; }
}