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

#main_visual {position: relative; }
.main_section { position:relative; height:100vh; overflow:hidden; background-color:#000; }

.main_section .bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	transform: scale(1.07);
	transition:transform 5s ease-out, opacity 1s ease 0.3s;
	z-index:-1;
}
.ani .main_section.slick-active .bg {
	transform: scale(1, 1);
}

.msilde_tit {position: absolute; z-index: 2; left: 50%; top:50%; transform: translate(-50%, -50%); text-align: center; width: 92%;}

.msilde_tit h2 {font-size: 60px; color:#fff; font-family: var(--paybooc); font-weight: 800; line-height: 1.3; transition: transform 1s;}
.msilde_tit .word_det { font-size: 20px; font-weight: 700; line-height: 1.6;
	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;
	transition-delay:1.5s;
}
.msilde_tit .word_det.play { background-position:0; }

.word_up > span { display:block; line-height:inherit; overflow:hidden; position:relative;  }
.word_up > span > span { display:inline-block; line-height:inherit; transform:translateY(100%); transition:transform 1s; }
.word_up.play > span > span { transform:translateY(0); }

@media (max-width:1660px) {
	.main_section { height:calc(100vh - 70px); }
}

@media screen and (max-width:1250px) {
	.main_section { height:calc(260px + 42vw); }
}

@media screen and (max-width:767px) {
	.msilde_tit .word_det { padding:0 30px; }
	.msilde_tit .word_det br { display:none; }
}




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

.m_tit {font-size: 44px; font-family: var(--paybooc); font-weight: 800; line-height: 1.3; }
.m_det {font-size: 18px; font-weight: 400; line-height: 1.6; color:#444;}



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

.mbtn.btn_c { padding:22px 30px; background-color:#dab866; color:#000; }
.mbtn.btn_c:hover { background-color:#fff; }
.mbtn.btn_c .ani { background-color:#fff; }




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

.m_works .works_slide { margin:0 -15px; }
.m_works .works_slide li a { display:block; margin:0 15px; }
.m_works .works_slide li .img { height:310px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.m_works .works_slide li h5 { font-size:19px; line-height:1.3; font-weight:600; text-align:center; }


.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_apt { 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; }
    .m_works .works_slide li .img { height:calc(180px + 8vw); }
    .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_inquiry { padding: 130px 0 240px; background-image:url('/images/minq_bg.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; }
.m_inquiry p { padding:0 10%; }




/* 하단 2배너 */

#content section.m_intro { margin-top:-100px; }

.m_intro .banner { display: flex; flex-wrap: wrap; background:#fff; padding-top:62px; }
.m_intro .banner a { width: 50%; padding:0 70px; display: flex; align-items:center; }
.m_intro .banner .con { width:75%; padding-right:24px; }
.m_intro .banner .con h3 { font-size:32px; font-family: var(--paybooc); font-weight: 800; line-height: 1.3; }
.m_intro .banner .con p { font-size:16px; color:#444; line-height: 1.5; }
.m_intro .banner picture { width:25%; }

.m_intro .banner a:last-of-type { border-left:1px solid #d8d8d8; }

@media (max-width:1300px){
	.m_intro .banner .con p { word-break:break-all; }
	.m_intro .banner .con p br { display:none; }
}
@media screen and (max-width:1000px){
	.m_intro .banner .con { width:68%; }
	.m_intro .banner picture { width:32%; }
}
@media screen and (max-width:767px){
	.m_intro .banner a { width: 100%; flex-wrap:wrap; }
	.m_intro .banner a:first-of-type:after { content:''; display:block; width:100%; margin-bottom:calc(15px + 3%); }
	.m_intro .banner a:last-of-type { border-left:0; border-top:1px solid #d8d8d8; }
	.m_intro .banner a:last-of-type:before { content:''; display:block; width:100%; margin-top:calc(15px + 3%); }
	.m_intro .banner .con { width:80%; }
	.m_intro .banner picture { width:20%; }
	.m_intro .banner .con p br { display:block; }
}
@media screen and (max-width:540px){
	.m_intro .banner .con { width:72%; }
	.m_intro .banner picture { width:28%; }
	.m_intro .banner .con p br { display:none; }
}