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

.main_visual { position:relative; }

.main_visual .video_wrap { position:relative; height:100vh; z-index:-5; overflow: hidden; background: #111; }
.main_visual .video_wrap video { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_visual .mv_video { opacity:0; }
.main_visual .mv_video.play { opacity:1; transition: opacity .6s; }

.main_visual .main_txt { position:absolute; width:100%; text-align:center; top:43%; transform:translateY(-50%); z-index:10; }
.main_visual .main_txt h2 { font-family:var(--roboto); font-size:78px; color:#fff; line-height:1.2; font-weight:900;
	background:linear-gradient(60deg, #fff 0%, #fff 30%, transparent 70%, transparent 100%);
	background-size:400% 100%;
	background-position:100% center;
	color:transparent !important;
	background-clip:text;
	-webkit-background-clip:text;
	display:inline-block;
	transition: background-position 4s;
}
.main_visual .main_txt.play h2 { background-position:0; }
.main_visual .mv_txt { font-size:22px; color:#fff; line-height:160%; font-weight:500; }

@media screen and (max-width:1250px) {
	.main_visual .video_wrap { height:calc(300px + 30vw); }
	.main_visual .video_wrap video { height:calc(300px + 30vw); min-height:calc(300px + 30vw); }
	.main_visual .mv_txt { line-height:150%; }
	.main_visual .mv_txt br { display:none; }
}


.main_visual .m_intro {position: absolute; left: 0; bottom: 0; width: 100%; }
.main_visual .m_intro .bg {height: 100%; position: absolute; left: 60px; bottom: 0; width: 0; transition: width 1s; transition-delay: 0.3s; z-index:-1; }
.flwid, .main_visual .m_intro .bg.flwid {width: calc(100% - 60px);}

.main_visual .m_intro .intro_list {display: flex; flex-wrap: wrap; padding: 45px 0; align-items: center; justify-content: space-between;}
.main_visual .m_intro .intro_list > li { width: 28.5%; }
.main_visual .m_intro .intro_list > li a { display: block; display: flex; align-items: center; }
.main_visual .m_intro .img {width: auto; }
.main_visual .m_intro .cir {width: 91px; position: relative; border-radius: 50%; border: 1px solid #fff; transition: all .4s;}
.main_visual .m_intro .cir::before {content: '';display: block; padding-bottom: 100%; }
.main_visual .m_intro .cir > * {position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); font-size: 45px; color:#fff; font-weight: 300;}
.main_visual .m_intro .con {width: 100%; padding-left:28px;}
.main_visual .m_intro .con h4 { font-size: 22px; color:#fff; font-family:var(--roboto); font-weight:700; }
.main_visual .m_intro .cont {font-size: 15.5px; line-height: 1.6; color:#fff; font-weight: 300;}


@media (max-width: 1600px) {
    .flwid, .main_visual .m_intro .bg.flwid { left:4%; width: 96%;}
}
@media (max-width:1660px) {
    .main_visual .m_intro .intro_list .cir { width: calc(40px + 3vw); }
    .main_visual .m_intro .intro_list .con {padding-left:calc(11.5px + 0.9vw);}
}
@media (max-width:1600px) {
    .main_visual .m_intro .intro_list {margin-left: calc(20px + 2.4vw);}
}
@media (max-width:1330px) {
    .main_visual .m_intro .intro_list > li { width: 31.5%; }
}
@media (max-width:1160px) {
    .main_visual .m_intro .intro_list {margin-left: calc(18px + 2vw);}
    .main_visual .m_intro .intro_list > li { width: 32.5%; }
    .main_visual .m_intro .intro_list .con {padding-left:12px;}
    .main_visual .m_intro .cont {display: none;}
}
@media (max-width:640px) {
	.main_visual .m_intro { position:relative; margin-top:-60px; }
    .main_visual .m_intro .intro_list {margin-left: calc(10px + 2vw);}
    .main_visual .m_intro .intro_list > li a {flex-wrap: wrap; text-align: center;}
    .main_visual .m_intro .img {width: 100%;}
    .main_visual .m_intro .cir {margin: 0 auto;}
    .main_visual .m_intro .intro_list .con {padding-left:0px; margin-top: 10px;}
}


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

.mtit_wrap {position: relative;}
.mtit_wrap .m_btn {position: absolute; right: 0; bottom: 0;}

.m_tit {font-size: 56px; font-family: var(--roboto); font-weight: 900; line-height: 1.3;}
.m_det {font-size: 16px; font-weight: 400; line-height: 1.6; color:#666;}


@media (max-width:640px) {
	.mtit_wrap .m_det { display:none; }
	/* .mtit_wrap { padding-bottom:calc(20px + 5%); } */
}

/****** 메인 버튼 *******/

.m_btn {display: inline-block;}
.m_btn span {font-size: 14.5px; font-weight:400; font-family:var(--roboto); vertical-align: middle; margin-right: 10px; transition: color .3s;}
.m_btn .arr {display: inline-block; width: 31px; height: 31px; border-radius: 50px; vertical-align: middle; overflow: hidden; position: relative; transition:transform .4s; background-color:var(--sc); }
.m_btn .arr img {text-align: center; position: absolute; top:50%; left: -25%; transform: translateY(-50%);}
.m_btn:hover span {color:var(--sc);}
.m_btn:hover .arr { transform: translateX(20%); }

@media (max-width: 1660px){
    .m_btn .arr {width: calc(17px + 0.7vw); height: calc(17px + 0.7vw); }
}





/********** 사업영역 슬라이드 **********/

section#main_biz { position:relative; overflow:hidden; }

#main_biz > .swrap { position:relative; }

#biz_list { position:relative; left:calc((100% - 1360px)/2); width:1800px; height:490px; }
.eng #biz_list { height:530px; }

#biz_list li { padding-right:25px; }
#biz_list li picture { height:270px; background-size:cover; background-position:center; background-repeat:no-repeat; transition:height .4s; }
#biz_list li h4 { display:block; line-height:130%; font-weight:700; font-size:17px; color:#222; transition:font-size .4s; }
#biz_list li p { font-size:15.2px; line-height:150%; color:#555; opacity:0; transition:opacity 1s; }

#biz_list .slick-current picture { height:360px; }
#biz_list .slick-current h4 { font-size:24px; color:var(--mc); }
#biz_list .slick-current p { opacity:1; }

#main_biz .arrows { position:absolute; right:0; bottom:0; }
#main_biz .arrows li { width:50px; height:50px; background-color:var(--lc); border-radius:50%; cursor:pointer; text-align:center; }
#main_biz .arrows li i { font-size:14px; color:var(--mc); position:relative; top:50%; transform:translateY(-50%); }
#main_biz .arrows li.next { margin-left:8px;  }

#main_biz .arrows li { transition: background .4s; }
#main_biz .arrows li:hover { background-color:var(--sc); }
#main_biz .arrows li:hover i { color:#fff; }


@media (max-width:1660px) {
	#biz_list { height:calc(200px + 15vw); }
	.eng #biz_list { height:calc(240px + 15vw); }
	#biz_list li { padding-right:calc(8px + 1vw); }
	#biz_list li picture { height:14vw; }
	#biz_list .slick-current picture { height:18vw; }
	#biz_list li h4 { font-size:calc(12px + 0.27vw); }
	#biz_list .slick-current h4 { font-size:calc(14px + 0.55vw); }
	#biz_list li p { font-size:calc(11.2px + 0.3vw); }
	#main_biz .arrows li { width:calc(30px + 1vw); height:calc(30px + 1vw); }
}

@media (max-width:1600px) {
	#biz_list { left:4%; width:100%; }
}
@media (max-width:1200px) {
	#biz_list { width:120%; }
	#biz_list li picture { height:18vw; }
	#biz_list .slick-current picture { height:23vw; }
}
@media (max-width:900px) {
	#biz_list { height:calc(130px + 23vw); }
	.eng #biz_list { height:calc(136px + 26vw); }
	#biz_list li picture { height:24vw; }
	#biz_list .slick-current picture { height:33vw; }
	#biz_list li p { display:none; }
}
@media (max-width:600px) {
	#main_biz .m_tit, #main_biz .m_det { text-align:center; }
	#biz_list { width:140%; height:56vw; }
	#biz_list li picture { height:28vw; }
	#biz_list .slick-current picture { height:40vw; }
	#main_biz .arrows { display:none; }
}
@media (max-width:540px) {
	#biz_list { width:150%; }
	#biz_list li picture { height:35vw; }
	#biz_list .slick-current picture { height:46vw; }
}



/****** 제품 문의 1박스 *******/

.m_contact { position: relative; padding: 130px 0; }
.m_contact .m_tit, .m_contact .m_det { color:#fff; text-align:center; }

.m_contact .btn_c { padding: 22px 30px; background-color:var(--sc); }
.m_contact .btn_c * {color:#fff;}
.m_contact .btn_c p {font-size: 16px; margin-right: 15px;}
.m_contact .btn_c i {font-size: 14px;}

.m_contact .btn_c .ani {background: #fff;}
.m_contact .btn_c:hover * {color: var(--mc);}
.m_contact .btn_c p {font-weight: 500;}





/********** 사업실적 **********/

.m_works .works_slide { margin:0 -15px; }
.m_works .works_slide li a { height:250px; display:block; margin:0 15px; background-color:var(--lc); padding:30px 35px; }
.m_works .works_slide li a > div { height:100%; position:relative; }

.m_works .works_slide li h5 { font-size:15px; line-height:1.3; font-weight:400; color:var(--mc); }
.m_works .works_slide li h4 { font-size:18px; line-height:1.3; font-weight:600; }
.m_works .works_slide li span { position:absolute; left:0; bottom:0; font-size:14px; font-family:var(--roboto); opacity:.6; }

.m_works .mw_arrow { position:absolute; width:20px; height:31px; background-position:center; background-repeat:no-repeat; top:50%; transform:translateY(-50%); cursor:pointer; }
.m_works .mw_arrow.prev { left:-34px; background-image:url('/images/mprev.png'); }
.m_works .mw_arrow.next { right:-34px; background-image:url('/images/mnext.png'); }

#works_bd { padding:100px 0; background-color:var(--lc); }

@media (max-width:1660px) {
	.m_works .works_slide { margin:0 -12px; }
	.m_works .works_slide li a { margin:0 12px; height:calc(140px + 6vw); }
    .m_works .mw_arrow { width:16px; height:25px; background-size:16px; }
    .m_works .mw_arrow.prev { left:-20px; }
    .m_works .mw_arrow.next { right:-20px; }
}
@media (max-width:1250px) {
	.m_works .works_slide { margin:0; }
	.m_works .mw_arrow { display:none !important; }
	.swrap.slide_wrap { width:100%; }
}
@media (max-width:840px) {
	.m_works .works_slide li a { margin:0 8px; }
}
@media (max-width:440px) {
	.m_works .works_slide li a { margin:0 6px; }
}


/********** 메인 보유 장비 **********/

.m_equip .eq_img { position:relative; }
.m_equip .eq_img picture { height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.m_equip .eq_img h5 { position:absolute; padding:8px 10px; color:#fff; font-size:14px; background-color:rgba(0,0,0,.3); font-family:var(--roboto); font-weight:400; }

.m_equip .eqip_list .list_left { width:75%; }
.m_equip .eqip_list .list_right { width:23.4%; }

.m_equip .eqip_list .list_left li { height:252px; }
.m_equip .eqip_list .list1 li { width:49%; }

.m_equip .eqip_list .list2 { margin-top:2%; }
.m_equip .eqip_list .list2 li { width:30%; }
.m_equip .eqip_list .list2 li:first-of-type { width:36%; }

@media (max-width:1660px) {
	.m_equip .eqip_list .list_left li { height:16.5vw; }
}
@media (max-width:799px) {
	.m_equip .eqip_list .list_left { width:100%; }
	.m_equip .eqip_list .list_right { display:none; }
	.m_equip .eqip_list .list_left li { height:22vw; }
}
@media (max-width:799px) {
	.m_equip .eq_img h5 { display:none; }
}



/* 최신뉴스 */

.m_news .news_col {display: flex; flex-wrap: wrap; justify-content: space-between;}
.m_news .news_col li {width: 29%; }
.m_news .news_col li:nth-of-type(2) { transition-delay:.2s; }
.m_news .news_col li:nth-of-type(3) { transition-delay:.4s; }

.m_news .news_col li a {display: block;}
.m_news .news_col .tit {border-bottom:3px solid var(--mc); padding-bottom: 20px; }
.m_news .news_col .tit .cate {display: inline-block; font-size: 13px; padding: 8px 18px 9px; text-align: center; color:#fff; border-radius: 50px;}
.m_news .news_col .tit h3 {font-size: 19px; font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s; }
.m_news .news_col .con p {font-size: 15.5px; line-height: 1.6; color:#888; font-weight: 400;}
.m_news .news_col .con .date { font-family:var(--roboto); font-size: 14px; color:#8a8a8a;}

.m_news .tit_wrap .btn:hover span {color:var(--mc);}
.m_news .news_col li:hover .tit h3 {color:var(--mc);}

@media (max-width:1660px) {
    .m_news .news_col .tit .cate { padding: 7px 14px; }
}

@media (max-width:767px) {
    .m_news .tit_wrap { text-align:center; }
    .m_news .tit_wrap .m_btn {display: none;}
    .m_news .news_col li {width: 100%;}
    .m_news .news_col li:nth-of-type(n+2) {margin-top:calc(20px + 2.5vw);}
	.m_news .news_col .tit { border-width:2px; }
    .m_news .news_col .tit .cate { padding: 6px 12px; }
}