/* 공통 */
.main{}
.m_tit{}
.m_tit h2{font-family: 'Russo One', sans-serif; font-size:80px; color: #fff; line-height: 1.05; letter-spacing:0}
.m_tit p{font-weight:300; font-size:20px; color: #fff; margin-top: 24px; line-height: 1.6; letter-spacing:0}
.m_tit.c h2{color: #111;}
.m_tit.c p{color: #777;}
.m_tit.tac{text-align: center;}



.quick{position:fixed; top: 200px; right: 30px; z-index: 50;}
.quick li{margin-bottom:10px;}
.quick li:last-of-type{margin-bottom:0;}
.quick li a{display:inline-block; vertical-align: top;}
.quick li a img{box-shadow: 1px 2px 7px 1px #0000000f; border-radius: 50%;}

.mv{}
.mv .slide_wrap{position:relative; }
.mv .slide_wrap .slide_ctn{}
.mv .slide_wrap .slide_ctn .item{}

/*
.mv .slide_wrap .slide_ctn .item .bg{position:relative; width: 100%; height: 100vh; background-size:cover !important; min-width: 100%; min-height: 100%;}
.mv .slide_wrap .slide_ctn .item .bg video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 100%;}
.mv .slide_wrap .slide_ctn .item .bg02{background:url(./mv01.jpg) 50% 50% no-repeat;}
.mv .slide_wrap .slide_ctn .item .bg03{background:url(./mv02.jpg) 50% 50% no-repeat;}
.mv .slide_wrap .slide_ctn .item .bg04{background:url(./mv03.jpg) 50% 50% no-repeat;}
.mv .slide_wrap .slide_ctn .item .bg05{background:url(./mv05.jpg) 50% 50% no-repeat;}
.mv .slide_wrap .slide_ctn .item .bg06{background:url(./mv06.jpg) 50% 50% no-repeat;}
*/



.mv .slide_wrap .slide_ctn .item.slick-active .bg02,
.mv .slide_wrap .slide_ctn .item.slick-active .bg03,
.mv .slide_wrap .slide_ctn .item.slick-active .bg04,
.mv .slide_wrap .slide_ctn .item.slick-active .bg06,
.mv .slide_wrap .slide_ctn .item.slick-active .bg05{animation:zoom 4s both}



.mv .slide_wrap .slide_ui{position:absolute; top: 50%; left: 50%; width: 100%; max-width: 1500px; transform:translate(-50%, -50%);}
.mv .slide_wrap .slide_ui .slide_txt{}
.mv .slide_wrap .slide_ui .slide_txt .item{}
.mv .slide_wrap .slide_ui .slide_txt .item h2{font-family: 'Kanit', sans-serif; font-size:80px; color: #fff; line-height: 1.1; animation:fadeUp 1s both}
.mv .slide_wrap .slide_ui .slide_txt .item p{font-weight:300; font-size:20px; color: #fff; margin-top: 24px; line-height: 1.6; animation:fadeUp 1s 0.3s both}
.mv .slide_wrap .slide_ui .progress_ctn{display:flex; align-items:center; margin-top: 90px;}
.mv .slide_wrap .slide_ui .progress_ctn .bar{position:relative; width: 250px; height: 3px; background: #ffffff4f;}
.mv .slide_wrap .slide_ui .progress_ctn .bar span{display:inline-block; vertical-align: top; width: 0; height: 100%; background: #fff;}
.mv .slide_wrap .slide_ui .progress_ctn .play_btn{width: 30px; height: 30px; margin-left: 18px; cursor: pointer;}
.mv .slide_wrap .slide_ui .progress_ctn .play_btn .stop{width: 30px; height: 30px; background:url(./icon_stop.png) 50% 50% no-repeat; }
.mv .slide_wrap .slide_ui .progress_ctn .play_btn .stop.on{background:url(./icon_play.png) 50% 50% no-repeat;}



.visual-wrap{position:relative;overflow:hidden}
.visual-wrap .scroll-down{position:absolute;left:50%;bottom:60px;z-index:9;transform:translateX(-50%);color:#fff;font-size:15px}
.visual-wrap .scroll-down .ico-scroll{display:block;margin:10px auto 0}
.visual-wrap .visual-swiper{overflow:hidden;height:100vh}

.visual-wrap .visual-swiper .swiper-slide{overflow:hidden}

/*.visual-wrap .visual-swiper .swiper-slide img,.visual-wrap .visual-swiper .swiper-slide video{position:relative;z-index:4;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}*/

.visual-wrap .visual-swiper .swiper-slide .main-title{position:absolute;top:50%;left:50%;z-index:5;width:1440px;transform:translate(-50%, -50%);color:#fff; text-shadow: 0 2px 4px rgba(0,0,0,0.6), 0 6px 20px rgba(0,0,0,0.4); }
.visual-wrap .visual-swiper .swiper-slide .main-title strong{font-size:74px}
.visual-wrap .visual-swiper .swiper-slide .main-title strong+p{margin-top:43px}
.visual-wrap .visual-swiper .swiper-slide .main-title p{font-size:24px}


.visual-wrap .visual-swiper .swiper-slide{position:relative; width: 100%; height: 100vh; background-size:cover !important; min-width: 100%; min-height: 100%;}

.visual-wrap .visual-swiper .swiper-slide{}

/*
.visual-wrap .visual-swiper .swiper-slide .bg02{ background:url(./mv01.jpg) 50% 50% no-repeat;}
.visual-wrap .visual-swiper .swiper-slide .bg03{ background:url(./mv02.jpg) 50% 50% no-repeat;}
.visual-wrap .visual-swiper .swiper-slide .bg04{ background:url(./mv03.jpg) 50% 50% no-repeat;}



.visual-wrap .visual-swiper .swiper-slide.slick-active .bg02, 
.visual-wrap .visual-swiper .swiper-slide.slick-active .bg03, 
.visual-wrap .visual-swiper .swiper-slide.slick-active .bg04{animation:zoom 4s both} 




@keyframes fadeUp{
	0%{transform:translateY(120px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes zoom{
	0%{transform:scale(1.2);}
	100%{transform:scale(1);}
}

*/


.visual-wrap .visual-swiper .swiper-slide .main-title{
    max-width: 1440px;
    width: 90%;
}


@media (max-width: 768px){

    .visual-wrap .visual-swiper .swiper-slide .main-title{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }


    .visual-wrap .visual-swiper .swiper-slide .main-title strong{
        font-size: 28px;
        line-height: 1.2;
    }

    .visual-wrap .visual-swiper .swiper-slide .main-title p{
        font-size: 14px;
        margin-top: 15px;
    }
}

@media (max-width:768px){
    .visual-wrap .visual-swiper{
        height: 100vh;
    }
}





.m_about{padding-top: 160px; overflow: hidden;}
.m_about .slide_wrap{position:relative; margin-top: 36px;}
.m_about .slide_wrap .slide_ctn{}
.m_about .slide_wrap .slide_ctn .slick-track{left: 19.8vw;}
.m_about .slide_wrap .slide_ctn .item{position:relative; width: 100%; max-width: 740px; overflow: hidden; padding-top: 106px; transition:1.2s; margin: 0 10px;}
.m_about .slide_wrap .slide_ctn .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m_about .slide_wrap .slide_ctn .item .img_box{position:relative; border-radius:30px; overflow: hidden;}
.m_about .slide_wrap .slide_ctn .item .img_box figure{}
.m_about .slide_wrap .slide_ctn .item .img_box figure img{}
.m_about .slide_wrap .slide_ctn .item .img_box h3:not(.on){position:absolute; bottom:30px; left: 40px; font-family: 'Russo One', sans-serif; font-size:45px; color: #fff; letter-spacing:0; line-height: 1.1; transition:1.2s}
.m_about .slide_wrap .slide_ctn .item .img_box .on{position:absolute; bottom: -18px; right: -3px; font-family: 'Russo One', sans-serif; font-size:80px; color: #fff; letter-spacing:0; text-align: right; line-height: 1.1; transform:translateX(100%); transition:1.2s}
.m_about .slide_wrap .slide_ctn .item .down_txt{font-family: 'Nanum Square'; position:relative; transform:translateY(-100%);padding: 40px 50px 0; z-index: -1; transition:1.2s}
.m_about .slide_wrap .slide_ctn .item .down_txt h4{font-weight:bold; font-size:30px; color: #111; margin-bottom:14px;}
.m_about .slide_wrap .slide_ctn .item .down_txt p{font-weight:300; font-size:18px; color: #111;}
.m_about .slide_wrap .slide_btn{position:absolute; top: -102px; right: 102px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width: 198px; height: 195px; border-radius:50%; z-index: 10;}
.m_about .slide_wrap .slide_btn::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(./icon_txt_btn.png) 50% 50% no-repeat; z-index: -1; animation:rotate 10s linear infinite;}
.m_about .slide_wrap .slide_btn > div{width: 10px; height: 11px; background:url(./icon_txt_btn_arrow01.png) 50% 50% no-repeat; padding: 15px; cursor: pointer; }
.m_about .slide_wrap .slide_btn > .next{background:url(./icon_txt_btn_arrow02.png) 50% 50% no-repeat;}


@keyframes rotate{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}


.m_about .slide_wrap .slide_ctn .item.slick_now{padding-top: 0;}
.m_about .slide_wrap .slide_ctn .item.slick_now .img_box h3:not(.on){transform:translateY(140%)}
.m_about .slide_wrap .slide_ctn .item.slick_now .img_box .on{transform:translateX(0)}
.m_about .slide_wrap .slide_ctn .item.slick_now .down_txt{transform:translateY(0);}


.m_biz{
	background:url(./main01.png) 50% 50% no-repeat; background-size:cover; padding: 150px 0; background-attachment: fixed 

}

.m_biz .cont{}
.m_biz .cont .link{text-align: center; margin:70px 0 88px;}
.m_biz .cont .link a{display:inline-block; vertical-align: top; position:relative; font-family: 'Russo One', sans-serif; font-size:14px; letter-spacing:0.05em; color: #fff; text-transform: uppercase;}
.m_biz .cont .link a::after{content:""; position:absolute; bottom: -9px; left: 0; width: 100%; height: 3px; background: #fff;}
.m_biz .cont .list{display:flex; }
.m_biz .cont .list .item{width: 33.33%; text-align: center;}
.m_biz .cont .list .item .txt h3{font-family: 'Nanum Square'; font-weight:bold; font-size:30px; color: #fff; margin: 35px 0 24px;}
.m_biz .cont .list .item .txt p{font-family: 'Nanum Square'; font-weight:200; font-size:16px; color: #fff; line-height: 1.7;}
.m_biz .cont .list .item .txt h2{font-family: 'Russo One', sans-serif; font-size:74px}





.m_relations{padding: 200px 0 170px; }
.m_relations .cont{margin-top: -43px;}
.m_relations .cont .tab{position:relative; display:flex; justify-content:flex-end; align-items:center; padding-bottom:38px; z-index: 10;}
.m_relations .cont .tab::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 150px;}
.m_relations .cont .tab li{position:relative; font-family: 'Russo One', sans-serif; font-size:30px; color: #111; margin-right: 46px; cursor: pointer; z-index: 5;}
/*.m_relations .cont .tab li.on{color: #de0515;}*/
.m_relations .cont .tab li.on{color: #de0515;}

.m_relations .cont .tab li::after{content:""; position:absolute; top: 14px; right: -26px; width: 9px; height: 9px; border-radius:50%; background: #111;}
.m_relations .cont .tab li:last-of-type{margin-right: 0;}
.m_relations .cont .tab li:last-of-type::after{display:none; }
.m_relations .cont .list{border-top: 1px solid #111111;}
.m_relations .cont .list .item{position:relative; display:flex; align-items:center; padding: 68px 0 50px; border-bottom: 1px solid #e0e0e0;}
.m_relations .cont .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20;}
.m_relations .cont .list .item::after{content:""; position:absolute; bottom: -1px; left: 0; width: 0%; height: 1px; background: #007DE4; transition:0.8s}
.m_relations .cont .list .item .tit{width: 212px; padding-left: 30px;}
.m_relations .cont .list .item .tit h3{font-family: 'Russo One', sans-serif; font-size:18px; color: #3366FF; text-transform: uppercase;}
.m_relations .cont .list .item .txt{width: calc(74% - 212px);}
.m_relations .cont .list .item .txt h4{font-family: 'Nanum Square'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:30px; color: #111; margin-bottom:32px;}
.m_relations .cont .list .item .txt p.date{font-weight:300; font-size:15px; color: #777; vertical-align: middle; }
.m_relations .cont .list .item .txt p.date i{margin-right: 6px;}
.m_relations .cont .list .item .position_img{position:absolute; bottom: 17px; right: -110px; opacity: 0; transition:0.3s}
.m_relations .cont .list .item .position_img img{box-shadow: 11px 21px 49px 0px rgba(0, 0, 0, 0.25); border-radius:30px}

.m_relations .cont .tab.on{z-index: 0;}
.m_relations .cont .list .item:hover .position_img{opacity: 1;}
.m_relations .cont .list .item:hover::after{width: 100%;}



.m_movie {padding-top:10%;}
.m_movie .cont{}
.m_movie .cont .link{text-align: center; margin:70px 0 88px;}
.m_movie .cont .link a{display:inline-block; vertical-align: top; position:relative; font-family: 'Russo One', sans-serif; font-size:14px; letter-spacing:0.05em; color: #fff; text-transform: uppercase;}
.m_movie .cont .link a::after{content:""; position:absolute; bottom: -9px; left: 0; width: 100%; height: 3px; background: #fff;}
.m_movie .cont .list{display:flex; }
.m_movie .cont .list .item{width: 33.33%; text-align: center;}
.m_movie .cont .list .item .txt h3{font-weight:bold; font-size:30px; color: #fff; margin: 35px 0 24px;}
.m_movie .cont .list .item .txt p{font-weight:200; font-size:16px; color: #fff; line-height: 1.7;}



.m_photo {padding-top:10%;}
.m_photo .cont{}
.m_photo .cont .link{text-align: center; margin:70px 0 88px;}
.m_photo .cont .link a{display:inline-block; vertical-align: top; position:relative; font-family: 'Russo One', sans-serif; font-size:14px; letter-spacing:0.05em; color: #fff; text-transform: uppercase;}
.m_photo .cont .link a::after{content:""; position:absolute; bottom: -9px; left: 0; width: 100%; height: 3px; background: #fff;}
.m_photo .cont .list{display:flex; }
.m_photo .cont .list .item{width: 33.33%; text-align: center;}
.m_photo .cont .list .item .txt h3{font-weight:bold; font-size:30px; color: #fff; margin: 35px 0 24px;}
.m_photo .cont .list .item .txt p{font-weight:200; font-size:16px; color: #fff; line-height: 1.7;}

/* photo */

.photo_list{visibility:hidden;max-width:910px;margin:0 auto}
.photo_list .thumb{position:relative;display:block}
.photo_list .thumb img{width:100%}

.photo_list .item_data > div{position:relative;}
.photo_list .item_data .thumb{display:block}
.photo_list .item_data .thumb img{width:100%}
.photo_list .item_data.noImg .data_info{border-top:1px solid #e3e3e3}

.photo_list .data_info{position:relative;padding:14px;background-color:#f9f9f9;border:1px solid #e3e3e3;text-align:left}
.photo_list .data_info .sort{font-size:12px;color:#666}
.photo_list .data_info .title{margin-top:7px; font-size:14px;}
.photo_list .data_info .title a{font-size:14px;color:#444}
.photo_list .data_info .date{font-size:12px;color:#f4811f;margin-top:6px}






@media (max-width: 1700px){
	.m_relations .cont .list .item .position_img{right: 0;}
	.m_about .slide_wrap .slide_ctn .slick-track{left: 22vw;}
}

@media (max-width: 1500px){
	.m_tit h2{font-size:60px;}
	.m_tit p{font-size:18px;}

	.mv .slide_wrap .slide_ui{padding: 0 40px;}
	.m_about .slide_wrap .slide_ctn .slick-track{left: 16vw;}
	.m_about .slide_wrap .slide_ctn .item{max-width: 500px;}
	.m_about .slide_wrap .slide_ctn .item .img_box h3:not(.on){font-size:30px; left: 16px; bottom: 10px;}
	.m_about .slide_wrap .slide_ctn .item .img_box .on{font-size:60px;bottom: -14px; right: -2px;}
	.m_about .slide_wrap .slide_ctn .item .down_txt{padding: 20px 16px 0;}
	.m_about .slide_wrap .slide_ctn .item .down_txt h4{font-size:24px;}
	.m_about .slide_wrap .slide_ctn .item .down_txt{transform:translateY(-110%)}
	.m_about .slide_wrap .slide_btn{top: -67px; right: 12vw;}
	.m_about .slide_wrap .slide_btn{width: 120px; height: 120px;}
	.m_about .slide_wrap .slide_btn::before{background-size:cover;}
}

@media (max-width: 1200px){
	.m_tit h2{font-size:50px;}

	.quick{right: 0; top: 60px;transform:scale(0.8);}
	.mv .slide_wrap .slide_ui{padding: 0 16px;}
	.mv .slide_wrap .slide_ui .slide_txt .item h2{font-size:60px;}


	.m_about{padding-top: 100px;}
	.m_biz{padding: 100px 0;}
	.m_biz .cont .link{margin: 30px 0 40px;}
	
	
	.m_relations{padding: 100px 0;}
	.m_relations .cont{margin-top: -37px;}
	.m_relations .cont .list .item{padding: 30px 0 30px;}
	.m_relations .cont .list .item .tit{width: 160px;}
	.m_relations .cont .list .item .txt{width: calc(100% - 160px);}
	.m_relations .cont .list .item .txt h4{font-size:24px; margin-bottom:16px;}
	.m_relations .cont .list .item .position_img{text-align: right;}
	.m_relations .cont .list .item .position_img img{max-width: 70%;}
}

@media (max-width: 1000px){
	.m_tit p br{display:none; }

	.mv .slide_wrap .slide_ui{padding: 0 16px;}
	.mv .slide_wrap .slide_ui .slide_txt .item h2{font-size:50px;}
	.mv .slide_wrap .slide_ui .slide_txt .item p{font-size:18px;}
	.mv .slide_wrap .slide_ui .progress_ctn{margin-top: 60px;}

	.m_about{padding-top: 80px;}
	.m_about .slide_wrap{margin-top: 60px;}
	.m_about .slide_wrap .slide_btn{right: 16px; top: -21px;}
	.m_about .slide_wrap .slide_ctn .slick-track{left: 0;}

	.m_biz{padding: 80px 0;}
	.m_biz .cont .list{flex-wrap:wrap;}
	.m_biz .cont .list .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:40px;}
	.m_biz .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.m_biz .cont .list .item:last-of-type{margin-bottom:0;}
	.m_biz .cont .list .item .txt p br{display:none; }

	.m_relations{padding: 80px 0;}
	.m_relations .cont .list .item{flex-wrap:wrap;}
	.m_relations .cont .list .item .tit{width: 100%; padding-left: 0; margin-bottom:16px;}
	.m_relations .cont .list .item .txt{width: 100%;}
	.m_relations .cont .list .item .txt h4{margin-bottom:10px;}
	.m_relations .cont .list .item .position_img{display:none; }

	.m_movie{padding: 80px 0;}
}

@media (max-width: 800px){
	.m_about .slide_wrap .slide_ctn .item{max-width: 420px;}
	.m_about .slide_wrap .slide_ctn .item .img_box .on{font-size:45px; bottom: -11px;}
	.m_about .slide_wrap .slide_btn{right: 0; top: -60px;}
	.m_biz .cont .list .item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.m_biz .cont .list .item .txt h3{font-size:24px; margin: 20px 0 14px;}
	.m_relations .cont{margin-top: 20px;}
	.m_relations .cont .tab{padding-bottom:10px;}
	.m_relations .cont .tab li{font-size:26px;}
	.m_relations .cont .tab li::after{top: 11px; right: -29px;}


}

@media (max-width: 500px){
	/*.mv .slide_wrap .slide_ctn .item{max-width: 380px;}*/
	.m_about .slide_wrap .slide_ctn .item{max-width: 380px;}

	.m_movie {padding-top:10%;}
	.m_movie .cont{}
}



/* ===============================
   MAIN VISUAL TEXT MOBILE SIZE UP
   =============================== */

@media (max-width:768px){

	.main-title .title-box.en{
		font-size:44px !important;;
		line-height:1.15 !important;;
	}

	.main-title p.title-box{
		font-size:18px !important;;
		margin-top:18px !important;;
	}

}

/* 작은 모바일 */

@media (max-width:480px){

	.main-title .title-box.en{
		font-size:36px !important;; 
	}

	.main-title p.title-box{
		font-size:16px !important;;
	}

}


/* 모바일 가로 (Landscape) */
@media (max-height:500px) and (orientation: landscape){

    .main-title .title-box.en{
        font-size:44px !important;
        line-height:1.2 !important;
    }

    .main-title p.title-box{
        font-size:18px !important;
        margin-top:18px !important;
    }

}