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

#mainvisual {
	margin-top:100px;
	width:100%;
	height:820px;
	overflow:hidden;
	background:#f0f0f0;
}

.main_section { position:relative; height:820px; 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.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-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; }



.main_txt { position:absolute; z-index:10; left:140px; }
.main_txt p { color:#fff; }

.mtxt_bold { font-weight:700; font-size:94px; font-family:Nanum Gothic; line-height:110%; }
.mtxt_detail { font-weight:400; font-size:22px; line-height:150%; opacity:0; transition:transform 7s ease-out, opacity 1s ease 0.3s; }

.mv_btn { display:inline-block; width:140px; height:140px; border-radius:50%; background:#0081cc; opacity:0; transition:transform 7s ease-out, opacity 1s ease 0.3s; margin-right:20px; }

.mv_btn p { font-size:17px; font-weight:500; line-height:130%; }
.mv_btn:hover { background:#fff; }
.mv_btn:hover p { color:#333; }

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

#main_txt1 { top:210px; }
#main_txt2, #main_txt3 { top:160px; }




@media (max-width:1300px) {
	#mainvisual { margin-top:60px; height:600px; }
	.main_section { height:600px; }
	.main_txt { left:80px; }
	#main_txt1 { top:150px; }
	#main_txt2, #main_txt3 { top:110px; }
	.mtxt_bold { font-size:64px; }
	.mtxt_detail { font-size:20px; }
	.mv_btn { width:120px; height:120px; margin-right:14px; }
	.mv_btn p { font-size:15.2px; }
}

@media (max-width:1000px) {
	#mainvisual, .main_section { height:440px; }
	.ani .main_section.slick-active .bg { opacity:.8; }
	.main_txt { top:90px !important; text-align:center; left:0; width:100%; }
	.main_txt p { text-align:center; }
	.mtxt_bold { font-size:54px; }
	.mtxt_bold br { display:none; }
	.mtxt_detail { font-size:17px; padding:0 40px; }
	.mv_btn { width:110px; height:110px; margin:0 4px; }
	.mv_btn p { font-size:14.5px; }
}
@media (max-width:768px) {
	.main_txt { top:100px !important; }
	.mtxt_bold { font-size:40px; }
	.mtxt_detail { font-size:16px; }
}

@media (max-width:540px) {
	#mainvisual, .main_section { height:360px; }
	#main1 .bg { background-position: -260px center; }
	#main2 .bg { background-position: -400px center; }
	.main_txt { top:72px !important; }
	.mtxt_bold { font-size:32px; }
	.mtxt_detail { font-size:14.5px; padding:0 20px; }
	.mv_btn { width:90px; height:90px; }
	.mv_btn p { font-size:12px; }
}




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

.main_tit { font-size:58px; color:#c00c0c; font-weight:600; text-align:center; }
.main_det { font-size:18px; 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; }
}


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

#mainbiz { position:relative; padding:110px 0 170px; }
#mainbiz ul { margin:0 -20px; }
#mainbiz .col_box { position:relative; margin:0 20px; text-align:center; background:#fff; padding-bottom:32px; -webkit-box-shadow:0 1px 35px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 35px 2px rgba(0, 0, 0, 0.1); box-shadow:0 1px 35px 2px rgba(0, 0, 0, 0.1); }
#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/cons2.jpg');}
#mainbiz ul li:nth-child(2) .col_box .ban_img { background-image:url('../images/mb2.jpg');}
#mainbiz ul li:nth-child(3) .col_box .ban_img { background-image:url('../images/mb3.jpg');}
#mainbiz ul li:nth-child(4) .col_box .ban_img { background-image:url('../images/mb4.jpg');}
#mainbiz .col_box p { text-align:center; }
#mainbiz .col_box .ban_tit { color:#333; font-size:26px; font-weight:500; }
#mainbiz .col_box .ban_detail { font-size:15px; line-height:140%; }

#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:1200px) {
	#mainbiz .col_box { padding-bottom:28px; }
}
@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; padding-bottom:22px; -webkit-box-shadow:0 1px 15px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 15px 2px rgba(0, 0, 0, 0.1); box-shadow:0 1px 15px 2px rgba(0, 0, 0, 0.1); }
	#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:30px; }
}
@media (max-width:420px) {
	#mainbiz .col_box .ban_img { height:190px; }
}



/********** Tel & Inquiry BOX **********/

#maintel { position:relative; margin-top:-80px; z-index:10; }
#tel_ban > li { boxsizing:border-box; padding:46px; }

#tel_ban > li:first-child { background:#0081cc; }
#tel_ban > li:last-child { background:#3a3a3a; }
#tel_ban > li:last-child:hover { background:#00568f; }

#tel_ban .ban_tit { font-size:32px; font-weight:500; color:#fff; }
#tel_ban .ban_detail { font-size:15px; line-height:150%; color:#fff; }

#tel_ban .col_box { position:relative; }
#tel_ban .col_box div { position:absolute; right:0; height:50px; top:50%; margin-top:-25px; }
#tel_ban #cs_center div p { height:50px; line-height:50px; font-size:26px; color:#fff; font-weight:500; }
#tel_ban #cs_center div a { color:#fff; display:none; }
#tel_ban #inquiry div { width:40px; background:url('../images/m_plus.gif') right center no-repeat; opacity:.6; }

#tel_ban .col_box br { display:none; }


@media (max-width:1400px) {
	#tel_ban .col_box br { display:block; }
}
@media (max-width:1200px) {
	#maintel { margin-top:-50px; }
}

@media (max-width:1000px) {
	#tel_ban li { width:100%; }
	#tel_ban .col_box br { display:none; }
}


@media (max-width:768px) {
	#maintel { margin-top:-30px; }
}

@media (max-width:640px) {
	#tel_ban .col_box br { display:block; }
	#tel_ban #cs_center div p { display:none; }
	#tel_ban #cs_center div a { display:block; width:28px; height:100%; background:url('/images/ten_icon.png') center no-repeat; background-size:28px 28px; }
}

@media (max-width:420px) {
	#maintel { margin-top:-20px; }
	#tel_ban #inquiry div { background-size:25px; 25px; }
}