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

#mainvisual { position:relative; }

.main_section { height:100vh; overflow:hidden; }

.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 5s ease-out, opacity 1s ease 0.3s;
	transition:transform 5s 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; }
#main6 .bg { background:url('../images/main6.jpg') center no-repeat; }


#main_copy { position:absolute; display:table; width:100%; height:100%; left:0; top:0; z-index:10; }
#main_copy > div { display:table-cell; vertical-align:middle; text-align:center; }

#main_copy p { color:#fff; text-align:center; padding:0 20px; }

.mtxt_bold { overflow:hidden; line-height:110%; font-size:76px; }
.mtxt_detail { font-weight:600; font-size:22px; line-height:150%; opacity:0; transition:transform 0.5s ease-out, opacity 1s ease 0.3s; transition-delay:2s; }

.mtxt_bold span { display:inline-block; transform:translateY(100%); font-family:'Poppins'; font-weight:700; font-size:76px; transition:transform 2s; }
.play .mtxt_bold span { transform:translateY(0); }
.mtxt_bold.bold2 span { transition-delay:.4s; }

.play .mtxt_detail { opacity:1; }


#mouse_wheel { position:absolute; width:60px; bottom:50px; left:50%; margin-left:-30px; z-index:10; cursor:pointer; }
#mouse_wheel div { width:24px; margin: 0 auto; height:38px; border:2px solid #fff; border-radius:12px; position:relative; }
#mouse_wheel div i { position:absolute; width:2px; height:6px; left:calc(50% - 1px); top:4px; background:#fff; border-radius:1px; margin-top:1px; animation-name: mouse; animation-duration: 1s; animation-iteration-count: infinite; }
#mouse_wheel p { text-align:center; color:#fff; font-size:11px; font-weight:500; }

@keyframes mouse{ 50% { top:9px; } }


@media (max-width:1400px) {
}

@media (max-width:1250px) {
 .main_section { height:calc(300px + 20vw + 20vh); }
}

@media screen and (max-width:1000px) {
	#mouse_wheel { display:none; }
}




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

.mtitle { position:relative; }
h2 { font-size:52px; font-weight:700; font-family:'Poppins'; }
h4 { font-size:28px; color:#111; font-weight:700; line-height:120%; }

.mtitle .detail { font-size:15.5px; font-weight:300; color:#444; line-height:150%; }
.mtitle a { position:absolute; right:0; bottom:0; }
.mtitle * { vertical-align:middle; }
.mtitle span { font-size:15px; color:#222; }
.mtitle button { width:30px; height:30px; border:1px solid #c1c7ce; border-radius:50%; background-image:url('/images/btn_plus.gif'); background-position:center; background-repeat:no-repeat; margin:1px 0 0 10px; }

@media (max-width:1500px) {
	.mtitle button { width:24px; height:24px; background-size:10px; margin:1px 0 0 7px; }
}
@media screen and (max-width:800px) {
	.mtitle button { width:20px; height:20px; background-size:8px; margin:1px 0 0 6px; }
}
@media screen and (max-width:600px) {
	.mtitle:after { clear:both; visibility:hidden; display:block; content:''; }
	.mtitle a { position:static; display:inline-block; float:right; margin-top:20px; }
}



/********** 사업분야 **********/


#main_biz .biz_con .col2 li:first-of-type { padding-right:3%; }
#main_biz .biz_con .col2 li:last-of-type { padding-left:3%; }

#main_biz .biz_con .img { border-radius:10px; background-size:cover; background-position:center; background-repeat:no-repeat; }
#main_biz .biz_con .col2 .img { height:400px; }
#main_biz .biz_con p { font-size:16px; line-height:150%; color:#444; font-weight:300; }

#main_biz .biz_con .col3 { margin:0 -2%; }
#main_biz .biz_con .col3 li { padding:0 2%; }

#main_biz .biz_con .col3 .img { height:360px; }
#main_biz .biz_con .col3 li:first-of-type .img { height:520px; }
#main_biz .biz_con .col3 li:last-of-type .img { margin-top:160px;  }

@media (max-width:1660px) {
	#main_biz .biz_con .col2 .img { height:calc(120px + 16vw); }
	#main_biz .biz_con .col3 .img { height:320px; }
	#main_biz .biz_con .col3 li:first-of-type .img { height:460px; }
	#main_biz .biz_con .col3 li:last-of-type .img { margin-top:140px;  }
}
@media (max-width:1400px) {
	#main_biz .biz_con p br { display:none; }
}
@media (max-width:1100px) {
	#main_biz .biz_con .col3 .img { height:260px; }
	#main_biz .biz_con .col3 li:first-of-type .img { height:380px; }
	#main_biz .biz_con .col3 li:last-of-type .img { margin-top:120px;  }
}
@media (max-width:800px) {
	#main_biz .biz_con .col3 .img { height:210px; }
	#main_biz .biz_con .col3 li:first-of-type .img { height:330px; }
}

@media (max-width:767px) {
	#main_biz .biz_con .col2 li:first-of-type { width:70%; padding-right:0; }
	#main_biz .biz_con .col2 li:last-of-type { float:right; width:70%; padding-left:0; margin-top:calc(20px + 3vw); }
	#main_biz .biz_con .col3 li { width:50%; }
	#main_biz .biz_con .col3 li:last-of-type { float:right; }
	#main_biz .biz_con .col3 li:last-of-type .img { margin-top:calc(20px + 3vw); }
}

@media (max-width:500px) {
	#main_biz .biz_con .col2 li:first-of-type, #main_biz .biz_con .col2 li:last-of-type { width:80%; }
	#main_biz .biz_con .col3 .img { height:150px; }
	#main_biz .biz_con .col3 li:first-of-type .img { height:270px; }
}








/********** 사업실적 슬라이드 **********/

#main_proj { padding:130px 0 100px; position:relative; overflow:hidden; }
#main_proj .bg { position:absolute; left:0; top:0; width:100%; height:55%; background-image:url('/images/mproj_bg.jpg'); background-size:cover; background-position:center top; background-repeat:no-repeat; z-index:0; }

#main_proj .mtitle * { color:#fff; }
#main_proj .mtitle button { background-image:url('/images/btn_plus_w.gif'); }


#main_proj #proj_list { margin-left:calc((100% - 1360px)/2 + 15%); width:2200px; }

#main_proj #proj_list li { padding:15px 40px 40px 15px; }
#main_proj #proj_list .img { height:330px; background-size:cover; background-position:center; background-repeat:no-repeat; }
#main_proj #proj_list .con { padding:35px 40px; background:#fff; }

#main_proj #proj_list .img, #main_proj #proj_list .con { box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, .1); }

#main_proj #proj_list .con strong { display:block; font-weight:700; font-size:23px; color:#111; line-height:130%; }

#main_proj #proj_list .con table { width:100%; }
#main_proj #proj_list .con table tr * { font-size:15px; vertical-align:top; line-height:130%; }
#main_proj #proj_list .con th { padding:5px 10px 5px 0; }
#main_proj #proj_list .con td { padding:5px 0 5px 20px; border-left:1px solid #ddd; color:#666; }

#main_proj .arrow { position:absolute; bottom:80px; width:100%; }
#main_proj .arrow div { position:relative; }
#main_proj .arrow div img { cursor:pointer; }
#main_proj .arrow div img:last-child { margin-left:25px; }

@media (max-width:1660px) {
	#main_proj #proj_list { width:calc(1000px + 60vw); }
	#main_proj #proj_list .img { height:calc(160px + 10vw); }
	#main_proj #proj_list li { padding:10px 30px 30px 10px; }
	#main_proj #proj_list .img, #main_proj #proj_list .con { box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, .1); }
	#main_proj .arrow div img { width:calc(50px + 2vw); }
	#main_proj .arrow div img:last-child { margin-left:20px; }
}
@media (max-width:1500px) {
	#main_proj #proj_list { margin-left:240px; }
	#main_proj .arrow { bottom:60px; }
}
@media (max-width:1024px) {
	#main_proj .bg { height:50%; }
	#main_proj #proj_list { margin-left:200px; }
	#main_proj #proj_list li { padding:7px 20px 20px 7px; }
	#main_proj #proj_list .img, #main_proj #proj_list .con { box-shadow: 4px 4px 14px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 4px 4px 14px 0px rgba(0, 0, 0, .1); }
	#main_proj .arrow div img:last-child { margin-left:14px; }
	#main_proj .arrow { bottom:40px; }
}

@media (max-width:767px) {
	#main_proj #proj_list { margin-left:0; width:100%; }
	#main_proj .arrow { display:none; }
	#main_proj #proj_list li { padding:5px 15px 15px 5px; }
}







/********** 메인 뉴스 **********/


.news_list { display: flex; flex-wrap: wrap; margin:-2%; }
.news_list li { width: 25%; padding:2%; }

.news_list li div { position: relative; height:100%; padding-bottom:60px; }
.news_list li div:before { display:inline-block; content:''; width:40px; border-top:3px solid #16447c; }
.news_list li strong { font-size:20px; font-weight:500; display:block; line-height:140%; color:#111; }
.news_list li p { position:absolute; left:0; bottom:0; font-size: 13.5px; color: #777; }

@media (max-width:1660px){
	.news_list li div:before { width:calc(20px + 1vw); }
	.news_list li div { padding-bottom:calc(10px + 3vw); }
}
@media screen and (max-width:900px){
	.news_list { justify-content: space-between; margin:3% 0; }
	.news_list li { width: 47%; padding:3% 0; }
}
@media screen and (max-width:600px){
	#news .box_news li { width: 100%; }
	#news .box_news li:nth-child(2), #news .box_news li:nth-child(3) { transition-delay:0; }
	#news .box_news li:nth-child(n+2) { margin-top:calc(6px + 1vw); }
	#news .tit_detail a { display:none; }
}






/********** 하단 파트너 로고 **********/

#main_partner { padding:70px 0; background:#f5f5f5; }
#main_partner div img:last-of-type { display:none; }

@media screen and (max-width:767px) {
	#main_partner div img:first-of-type { display:none; }
	#main_partner div img:last-of-type { display:inline; width:440px; }
}