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

.main_visual { position:relative; height:calc(100vh - 100px); }


.main_visual .video_wrap { position:relative; width:0; height: 100%; z-index:1; overflow: hidden; transition:width 1.3s; }
.main_visual.play .video_wrap { width:calc(100% - 60px); margin-left:auto; }

.main_visual .video_wrap .bg { position: absolute; background: #000; width:100%; height: 100%; left: 0; top:0; z-index:20; }
.main_visual .video { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:25; }


.main_visual .bg_wrap { position:absolute; width:100%; height:100%; left:0; top:0; z-index:30; }
.main_visual .bg_wrap div { position:absolute; background:#fff; }
.main_visual .bg_wrap .box { height:calc(40px + 4%); left:0; transition:width 2.5s; }
.main_visual .bg_wrap .box1 { width:0; top:0; }
.main_visual .bg_wrap .box2 { width:0; bottom:0; }

.main_visual .bg_wrap .line { height:1.8%; left:0; width:100%; }
.main_visual .bg_wrap .line1 { top:calc(40px + 4%); }
.main_visual .bg_wrap .line2 { bottom:calc(40px + 4%); }

.main_visual.play .bg_wrap .box1 { width:14%; }
.main_visual.play .bg_wrap .box2 { width:40%; }


.main_visual .main_txt { position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); z-index:10; }

.main_visual h4 { font-family:'jalnan_g', 'pretendard', sans-serif; font-size:26px; color:#fff; font-weight:400; }
.main_visual h1 { font-family:'jalnan_g', 'pretendard', sans-serif; font-size:60px; background:linear-gradient(-45deg, #b9910e, #f6d419, #b9910e); background-clip: text; -webkit-background-clip: text; color: transparent; line-height:1.3; }
.main_visual .mv_txt { font-size:22px; color:#fff; line-height:160%; font-weight:500; }


.main_visual .main_notice { position:absolute; left:0; bottom:0; width:100%; height:calc(40px + 4%); z-index:20; overflow:hidden; }
.main_visual .main_notice .notice_wrap { position:relative; left:calc(100px + (96% * 0.4)); display:flex; align-items:center; height:100%; }
.main_visual .main_notice img { width:18px; margin-right:calc(3px + 0.7%); }
.main_visual .main_notice .notice_slide li { height:60px; }
.main_visual .main_notice .notice_slide li a { display:block; position:relative; font-size:16px; color:#fff; top:50%; transform:translateY(-50%); text-overflow: ellipsis; white-space: nowrap; }


@media (max-width:1660px) {
	.main_visual { position:relative; height:calc(100vh - 80px); }
	.main_visual.play .bg_wrap .box2 { width:30%; }
	.main_visual .main_notice .notice_wrap { left:calc(4% + (96% * 0.3) + 20px); }
	.main_visual .main_notice img { width:calc(11px + 0.4vw); }
	.main_visual .main_notice .notice_slide li { height:calc(30px + 2vw); }
}
@media (max-width:1600px) {
	.main_visual.play .video_wrap { width:96%; }
}
@media screen and (max-width:1250px) {
	.main_visual { height:calc(300px + 30vw); }
	.main_visual .video { height:calc(300px + 30vw); min-height:calc(300px + 30vw); }
	.main_visual.play .bg_wrap .box2 { width:20%; }
	.main_visual .main_notice .notice_wrap { left:calc(4% + (96% * 0.2) + 20px); }
}
@media screen and (max-width:767px) {
	.main_visual.play .bg_wrap .box2 { width:0; }
	.main_visual .main_notice .notice_wrap { left:calc(4% + 20px); }
	.main_visual .main_notice .swrap { padding-right:10%; }
	.main_visual .main_notice .notice_slide { overflow:hidden; }
}


/* 에디터 커스터마이징 */
/*
.main_visual .tab_view picture { height:100vh; background:no-repeat center/cover; }
.main_visual .mv_tit h1 { transform:translateY(0); }
.main_visual .mv_txt, .main_visual .m_btn { opacity:1; }
*/





.mbtn.btn_c {padding: 21px 30px; background:linear-gradient(-45deg, #b9910e, #f6d419, #b9910e); }
.mbtn.btn_c p {font-size: 16px; margin-right: 7px; color:#000;}
.mbtn.btn_c i {font-size: 15px; color:#000; }


.mbtn.btn_c .ani { background:#000; }
.mbtn.btn_c:hover p, .mbtn.btn_c:hover i { color:#fff; }

.m_tit {color:#c5a339; font-size: 14px; font-family: 'jalnan_g', 'pretendard', sans-serif; font-weight: 400;}
.m_det {font-size: 28px; font-family: 'jalnan_g', 'pretendard', sans-serif; font-weight: 400; line-height: 1.5;}





/* 주요사업 슬라이드 */

.m_biz, .m_biz .tit_wrap { position:relative; }
.m_biz .slide_tab { position:absolute; right:0; bottom:0; }
.m_biz .slide_tab ul { display:flex; }
.m_biz .slide_tab ul li { padding:10px 0; font-size:15px; font-weight: 600; color:#999; cursor:pointer; }
.m_biz .slide_tab ul li:nth-of-type(n+2) { margin-left:30px; }

.m_biz .slide_wrap { position:relative; display:flex; overflow:hidden; width:calc((100% - 1360px)/2 + 1360px); left:calc((100% - 1360px)/2); }
.m_biz .slide_wrap .mb_slide { width:480px; padding-right:40px; }
.m_biz .slide_wrap .con h3 { font-family: 'jalnan_g', 'pretendard', sans-serif; font-size:46px; font-weight:400; }
.m_biz .slide_wrap .con .det { padding-right:25%; color:#666;}

.m_biz .slide_wrap .img_slide { width:1500px; }
.m_biz .slide_wrap .img_slide picture { height:480px; margin-right:40px; background:no-repeat center/cover; }

.m_biz .mb_arrow { position:absolute; width:38px; height:30px; background:#fff no-repeat center; background-size:100%; bottom:0; z-index:10; cursor:pointer; }
.m_biz .mb_arrow.prev { left:0; background-image:url('../images/mp5_slide_l.png'); }
.m_biz .mb_arrow.next { left:60px; background-image:url('../images/mp5_slide_r.png'); }

.m_biz .mb_char picture { position:absolute; bottom:-60px; left:380px; z-index:100; }

@media (max-width:1660px) {
	.m_biz .slide_wrap .img_slide { width:calc(300px + 70vw); }
	.m_biz .slide_wrap .img_slide picture { height:calc(150px + 20vw); margin-right:30px; }
	.m_biz .mb_arrow { width:34px; height:30px; }
	.m_biz .mb_arrow.next { left:50px; }
	.m_biz .mb_char picture img { height:calc(70px + 13vw); }
}
@media (max-width:1600px) {
	.m_biz .slide_wrap { width:96%; left:4%; }
	.m_biz .slide_wrap .mb_slide { width:calc(70px + 27vw); padding-right:30px; }
	.m_biz .mb_char picture { left:calc(20px + 27vw); bottom:calc(-22px - 2vw); }

}
@media (max-width:1024px) {
	.m_biz .slide_tab ul li:nth-of-type(n+2) { margin-left:20px; }
	.m_biz .slide_wrap .mb_slide { padding-right:15px; }
	.m_biz .slide_wrap .mb_slide .con .det { padding-right:15%; }
	.m_biz .slide_wrap .img_slide picture { margin-right:20px; }
	.m_biz .slide_wrap .mb_slide .con .det { line-height:1.5; }
	.m_biz .mb_arrow { width:30px; }
	.m_biz .mb_arrow.next { left:44px; }
}
@media (max-width:620px) {
	.m_biz .slide_tab { position:static; margin-top:3vw; }
	.m_biz .slide_wrap .mb_slide .con .det { padding-right:0; word-break:break-all; }
	.m_biz .mb_arrow { display:none !important; }
}
@media (max-width:440px) {
	.m_biz .slide_wrap .img_slide picture.img1 { background-position:-80px center; }
}



/* 메인 회사소개 */

.m_about dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.m_about dt {width: 40%; padding-right: 4%;}
.m_about dd {width: 60%;}

.m_about .count_list {display: flex;}
.m_about .count_list > li { width:33.33%; padding:0 10px; text-align: center;}
.m_about .count_list > li:nth-of-type(2) { border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }

.m_about .count_list .cir { width: 130px; margin: 0 auto; position: relative; background-position:center; background-repeat:no-repeat; background-size:54px; background-color:#000; border-radius: 50%; }
.m_about .count_list .cir::after { display: block; content: ''; padding-bottom: 100%; }

.m_about .count_list h4 { font-size: 20px; text-align:center; color:#b9910e; }
.m_about .count_list p { font-family:'jalnan_g', 'pretendard', sans-serif; text-align:center; }
.m_about .count_list p > span { vertical-align:bottom; }
.m_about .count_list p .number_wrap { display:inline-block; }
.m_about .count_list p .number_cnt { font-size:46px; letter-spacing:-0.05em; }
.m_about .count_list p .unit { font-size:26px; margin-left:4px; }


@media (max-width:1660px) {
	.m_about .count_list .cir {width: calc(66px + 4vw); background-size:calc(30px + 1.5vw); }
}
@media (max-width:767px) {
    .m_about dt {width:100%;}
    .m_about dd {width:100%; margin-top: calc(20px + 2vw);}
    .m_about .count_list { width:calc(200px + 60%); margin:0 auto; max-width:100%; }
	.m_about .count_list p .unit { margin-left:2px; }
}
@media (max-width:440px) {
   .m_about .count_list { margin:0 -10px; }
   .m_about .count_list > li:nth-of-type(2) { border:0; }
}



/**** 문의 ****/

.m_contact {position: relative; overflow:hidden;}
.m_contact .bgbox {position: absolute; width: 1560px; top:0; left: 50%; transform: translateX(-35%); margin-left: -100px; height: 100%; overflow: hidden;}
.m_contact .bg {width: 100%; height: 100%; background: no-repeat center/cover; transform: scale(1.2); transition: transform 1s;}

.m_contact .bgbox.play {transform: translateX(-50%);}
.m_contact .bgbox.play .bg {transform: scale(1);}

.m_contact .whbox {position: absolute; bottom: 0; right: 0; background: #fff; width: 1480px; height: 30%; }

.m_contact .swrap {padding: 110px 0 310px;}
.m_contact .m_det {color:#fff;}
/*
.m_contact .btns_e a.rec { background: #fff; }
.m_contact .btns_e a p { font-weight:500; }
*/

@media (max-width:1600px) {
    .m_contact .bgbox {width: 0; margin-left: 0; transform: translateX(0); left: 50%; }
	.m_contact .bgbox.play {width: 100%; transform: translateX(0); left:0; }

    .m_contact .bg {background-position: center 20%; transform: scale(1);}
    .m_contact .whbox {display: none;}
    .m_contact .swrap {padding: calc(34px + 4vw) 0;}
}
@media (max-width:767px) {
    .m_contact .bg { background-size:180%; }
}


/* 메인 뉴스 */

.news_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.news_wrap > li { width: 31.3%; }
.news_wrap .img { height: 280px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.news_wrap h5 { font-size: 20px; color: #222; font-weight:600; line-height:140%; }


@media (max-width:1660px){
	.news_wrap .img { height: calc(130px + 8vw); }
}
@media (max-width:1000px){
	.news_wrap > li { width: 31.7%; }
}

@media (max-width:767px){
	.news_wrap > li { width:48%; }
	.news_wrap > li:nth-of-type(3) { margin-top:calc(10px + 3vw); }
}
@media (max-width:460px){
	.news_wrap > li { width:100%; }
	.news_wrap > li:nth-of-type(2) { margin-top:calc(10px + 3vw); }
	.news_wrap .img { height:200px; }
}


/*** 유튜브 ***/

.m_youtube {margin-top: -85px;}
.m_youtube .tit {position: relative;}
.m_youtube .tit .slide_arr {position: absolute; bottom: 0; right: 0;}
.m_youtube .tit .slide_arr button {padding: 12px 0; display: inline-block;}
.m_youtube .tit .slide_arr button:hover {cursor: pointer;}
.m_youtube .tit .slide_arr .prev {margin-right: 23px; }

.m_youtube .youtube_wrap { margin:0 -15px; }
.m_youtube .youtube_wrap li .gall_box { position:relative; margin:0 15px; }
.m_youtube .youtube_wrap li .img_wrap { background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; border:1px solid #eee; }
.m_youtube .youtube_wrap li .img_wrap > div { position:relative; height:100%; padding-bottom:56.25%; }
.m_youtube .youtube_wrap li .img_wrap > div:before { display:block; content:''; position:absolute; width:100%; height:100%; background-color:#000; opacity:0; z-index:1; transition:0.4s; }

.m_youtube .youtube_wrap li .img_wrap:hover > div:before { opacity:.7; }
.m_youtube .youtube_wrap li .img_wrap:hover > div > div { position:absolute; width:100%; height:100%; z-index:1; background:url('/images/yt_view.png') center no-repeat; }
.m_youtube .youtube_wrap .news_tit { font-size:19px; font-weight: 600; line-height: 130%; }


#ytb_full { position:fixed; width:100%; height:100%; left:0; top:0; z-index:19999; display:none; }
#ytb_full .black_bg { position:absolute; width:100%; height:100%; background:#000; opacity:.7; z-index:-1; }
#ytb_full .video_wrap { position:relative; width:1280px; height:720px; margin:0 auto; }
#ytb_full .video_wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; }


@media (max-width:1660px) {
    .m_youtube .tit .slide_arr img {width: calc(20px + 1.1vw);}
    .m_youtube .tit .slide_arr .prev {margin-right: calc(10px + 1.2vw);}

    .m_youtube .youtube_wrap { margin:0 calc(-2px - 0.7vw); }
    .m_youtube .youtube_wrap li .gall_box { margin:0 calc(2px + 0.7vw); }
}

@media (max-width:1600px) {
    .m_youtube { margin-top: calc(40px + 3vw);}
}
@media (max-width:1400px) {
	#ytb_full .video_wrap { position:relative; width:100%; height:auto; padding-bottom:56.25%; }
	#ytb_full .video_wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
}
@media screen and (max-width:700px) {
	.m_youtube .slide { margin:0; }
}



.m_recruit .m_recbox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.m_recruit .m_recbox > li {width: 31.2%; transform: translateY(20%);}
.m_recruit .m_recbox > li.play {transform: translateY(0%);}
.m_recruit .m_recbox > li:nth-of-type(2) {transition-delay: .2s;}
.m_recruit .m_recbox > li:nth-of-type(3) {transition-delay: .4s;}
.m_recruit .m_recbox a {display: block; padding: 34px 0 0 40px; height: 290px; position:relative; overflow: hidden; background:#f5f5f5; }
.m_recruit .m_recbox h3 { font-family:'jalnan_g', 'pretendard', sans-serif; font-size: 22px; font-weight: 400; line-height:1.2; }
.m_recruit .m_recbox h3, .m_recruit .m_recbox .arr { position:relative; z-index:1; }

.m_recruit .m_recbox a picture { position:absolute; left:25%; bottom:0; transition:left 1s; }
.m_recruit .m_recbox a picture img { max-width:initial; }

.m_recruit .m_recbox a:hover picture { left:2%; }

@media (max-width:1660px) {
    .m_recruit .m_recbox .arr {width: calc(14px + 0.6vw);}
    .m_recruit .m_recbox a {height: calc(95px + 11.7vw);}
	.m_recruit .m_recbox a picture img { height:calc(60px + 5vw); }
}
@media (max-width:1024px) {
	.m_recruit .m_recbox > li {width: 32%;}
}
@media (max-width:767px) {
    .m_recruit .m_recbox > li:nth-of-type(3) {width: 100%; margin-top: 2%;}
    .m_recruit .m_recbox > li:nth-of-type(1), .m_recruit .m_recbox > li:nth-of-type(2) {width: 49%; }
}