/* 공통 */
.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;}
.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(/img/main/mv01.jpg) 50% 50% no-repeat;}
.mv .slide_wrap .slide_ctn .item .bg04{background:url(/img/main/mv02.jpg) 50% 50% no-repeat;}
.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: 'Russo One', 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(/img/main/icon_stop.png) 50% 50% no-repeat; }
.mv .slide_wrap .slide_ui .progress_ctn .play_btn .stop.on{background:url(/img/main/icon_play.png) 50% 50% no-repeat;}

.mv .slide_wrap .slide_ctn .item.slick-active .bg02,
.mv .slide_wrap .slide_ctn .item.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);}
}

.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{position:relative; transform:translateY(-100%);padding: 7px 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(/img/main/icon_txt_btn_n.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(/img/main/icon_txt_btn_arrow01.png) 50% 50% no-repeat; padding: 15px; cursor: pointer; }
.m_about .slide_wrap .slide_btn > .next{background:url(/img/main/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(/img/main/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-weight:bold; font-size:30px; color: #fff; margin: 35px 0 24px;}
.m_biz .cont .list .item .txt p{font-weight:200; font-size:16px; color: #fff; line-height: 1.7;}

.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::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: #de0515; 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: #de0515; text-transform: uppercase;}
.m_relations .cont .list .item .txt{width: calc(74% - 212px);}
.m_relations .cont .list .item .txt h4{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%;}

@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; }
}

@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){
	.m_about .slide_wrap .slide_ctn .item{max-width: 380px;}

}