.section{}
.section.motion_bg{position:relative; }
.section.motion_bg::before{content:""; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background: #222; z-index: 1;}
.section.motion_bg::after{content:""; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; z-index: 2;}
.section.motion_bg.l::before,
.section.motion_bg.l::after{right: auto; left: 0;}
.section.motion_bg.move::before{animation:w100 1.5s 0.5s ease forwards }
.section.motion_bg.move::after{animation:w100 1.5s 0.3s ease forwards }


@keyframes w100{
	0%{width: 100%;}
	100%{width: 0;}
}


.m_tit{font-family: var(--enF02); font-weight:bold; font-size:100px; letter-spacing:-0.03em; color: #fff; line-height: 1; text-shadow: 1px 1px 5px #00000096;}
.m_tit.c{color: #111;} 
.m_tit.tac{text-align: center;}
.m_nav{display:none; position:absolute; bottom: 60px; right: 60px; z-index: 10;}
.m_nav ul{display:flex;}
.m_nav ul li{position:relative; font-family: var(--enF); font-size:14px; color: #fff;padding-left: 5px;margin-right: 40px; cursor: pointer;	transition:0.4s}
.m_nav ul li::before{content:""; position:absolute; top: 6px; left: 0; width: 5px; height: 5px; background: rgba(255, 255, 255, 0.3); }
.m_nav ul li:last-of-type{margin-right: 0;}
.m_nav ul li span{display:inline-block; vertical-align: top; width: 0; overflow: hidden; padding-left: 20px; box-sizing:border-box; white-space: nowrap; padding-left: 0; transition:0.4s}
.m_nav ul li.on{margin-right: 0;}
.m_nav ul li.on span{width: 170px; padding-left: 20px;}
.m_nav ul li.on::before{background: rgba(255, 255, 255, 1);}

.m_nav.c ul li{color: rgba(170, 170, 170, 1);}
.m_nav.c ul li::before{background: rgba(170, 170, 170, 0.3);}
.m_nav.c ul li.on::before{background:  rgba(170, 170, 170, 1);}

/* pr 팝업 */
.m_pr_popup{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600;}
.m_pr_popup .bg{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6;}
.m_pr_popup .box{position:absolute; top: 50%; left: 50%; width: 100%; max-width: 1200px; height: 650px; z-index: 1; transform:translate(-50%,-50%);}
.m_pr_popup .box .close{position:absolute; top: -40px; right: 0; cursor: pointer; z-index: 10;}
.m_pr_popup .box .close i{font-size:33px; color: #fff;}
.m_pr_popup .box .video_box{height: 100%;}
.m_pr_popup .box .video_box iframe{}

@media (max-width: 1200px){
	.m_pr_popup .box{width: calc(100% - 32px);}
	.m_pr_popup .box{height: 450px;}
}
@media (max-width: 500px){
	.m_pr_popup .box{height: 350px;}
}
.mv{position:relative; height: 100vh; overflow: hidden;}
.mv .video{}
.mv .video::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2;}
.mv .video video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 100%; width: auto; height: auto;}
.mv .tit{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center; z-index: 10;}
.mv .tit h2{font-family:var(--enF02); font-weight:700; font-size:100px; letter-spacing:-0.03em; line-height: 1em; color: #fff; overflow: hidden;}
.mv .tit h3{font-family:var(--enF02); font-weight:700; font-size:60px; letter-spacing:-0.03em; line-height: 1em; color: #fff; overflow: hidden;}
.mv .tit p{font-family: var(--enF); font-size:20px; letter-spacing:-0.03em; color: #fff; margin-top: 53px; overflow: hidden;}
.mv .scroll_box{position:absolute; bottom: 0; left: 60px;}
.mv .scroll_box figure{}
.mv .scroll_box .line{position:relative; height: 84px; width: 1px; background: rgba(255, 255, 255, 0.2); margin: 17px auto 0;}
.mv .scroll_box .line::before{content:""; position:absolute; top: 0; left: -2px; width: 5px; height: 5px; border-radius:50%; background: #fff; animation:scrollMove 2s infinite alternate}
.mv .play_btn{position:absolute; bottom: 70px; right: 60px; width: 60px; height: 60px; cursor: pointer;}
.mv .play_btn .circle_box{position:relative; width: 100%; height: 100%;  animation:rotate 3s infinite linear;}
.mv .play_btn .circle_box::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%;border:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}
.mv .play_btn .circle_box svg{}
.mv .play_btn .circle_box svg circle{stroke-dasharray: 123;}
.mv .play_btn figure{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 8px;}
.mv .play_btn.on .circle_box{animation-play-state:paused;}



.m_biz{}
.m_biz .slide_wrap{}
.m_biz .slide_wrap .slide_ctn{}
.m_biz .slide_wrap .slide_ctn .item{position:relative; overflow: hidden;}
.m_biz .slide_wrap .slide_ctn .item .bg{position:relative; top: 0; left: 0; width: 100%; height: 100vh; transition:1.1s;}
.m_biz .slide_wrap .slide_ctn .item .bg01{background:url(/img/main/main01.png) 50% 50% /cover no-repeat;}
.m_biz .slide_wrap .slide_ctn .item .bg02{background:url(/img/main/main03.png) 50% 50% /cover no-repeat;}
.m_biz .slide_wrap .slide_ctn .item .bg03{background:url(/img/main/main04.png) 50% 50% /cover no-repeat;}
.m_biz .slide_wrap .slide_ctn .item .bg04{background:url(/img/main/main02.png) 50% 50% /cover no-repeat;}
.m_biz .slide_wrap .slide_ctn .item .bg05{background:url(/img/main/main05.png) 50% 50% /cover no-repeat;}
.m_biz .slide_wrap .slide_ctn .item .txt{ position: relative; position:absolute; top: 60%; left: 0; transform:translateY(-50%);}
.m_biz .slide_wrap .slide_ctn .item .txt{ padding-left: 210px;}
.m_biz .slide_wrap .slide_ctn .item .txt h3{font-family: var(--enF02); font-weight:bold; font-size:20px; color: #00bbed; letter-spacing:0.3em; line-height: 1; margin-bottom:20px; overflow: hidden;     text-shadow: 1px 1px 5px #666;}
.m_biz .slide_wrap .slide_ctn .item .txt h4{font-weight:600; font-size:24px; color: #fff; text-shadow: 1px 1px 5px #00000096; margin-top: 20px; overflow: hidden; }
.m_biz .slide_wrap .slide_ctn .item .txt p{font-weight:300; font-size:18px;/* font-size:16px; */ text-shadow: 1px 1px 5px #00000096; margin-top: 15px; line-height: 1.6; color: #fff; overflow: hidden;}
.m_biz .slide_wrap .slide_ctn .item .txt .btn{ margin-top: 60px; overflow: hidden;}
.m_biz .slide_wrap .slide_ctn .item .txt .btn a{position:relative; display:inline-block; vertical-align: top; font-family: var(--enF); font-weight:bold; font-size:18px; color: #fff; line-height: 60px; padding-right: 58px;}
.m_biz .slide_wrap .slide_ctn .item .txt .btn a span{position:absolute; top: 50%; right: 0; display:inline-block; width: 47px; height: 47px; border-radius:50%; background: var(--colorR); transform:translateY(-50%) scale(0.2); transition:0.4s}
.m_biz .slide_wrap .slide_ctn .item .txt .btn a span img{position:absolute; top: 50%; left: -15px; transform:translateY(-50%); opacity: 0; transition:0.4s}

.m_biz .slide_wrap .slide_ctn .item .txt .btn a:hover span{transform:translateY(-50%) scale(1);}
.m_biz .slide_wrap .slide_ctn .item .txt .btn a:hover span img{left: 0; opacity: 1; transition-delay:0.2s}
.m_biz .slide_wrap .slide_ctn .item .txt .cesimg{ position: absolute; top: 0; left: calc(100% + 60px); width: 100%; transition:0.4s }
.m_biz .slide_wrap .slide_ctn .item .txt .insightimg{ position: absolute; top: 0; left: calc(100% + 60px); width: 100%; }
.m_biz .slide_wrap .slide_ctn .item .txt .matimg{ position: absolute; top: 0; left: calc(100% + 60px); width: 100%; }


.m_pr{padding: 0 60px;}
.m_pr h2{font-size:100px;}
.m_pr .w1500{width: 100%; max-width: 1500px; margin: 0 auto;}
.m_pr .tab{display:flex; justify-content:center; margin: 50px 0 60px;}
.m_pr .tab li{width: 33.33%; max-width: 260px; font-weight:500;font-size:20px; border:1px solid rgba(34, 34, 34, 0.20); text-align: center; line-height: 60px; cursor: pointer; }
.m_pr .tab li.on{background: var(--colorB); color: #fff; border-color:var(--colorB)}
.m_pr .tab_ctn{}
.m_pr .tab_ctn .box{display:flex;}
.m_pr .tab_ctn .box .item{position:relative; width: calc((100% - 80px) / 3);border:1px solid rgba(34, 34, 34, 0.20); margin-right: 40px;}
.m_pr .tab_ctn .box .item:last-of-type{margin-right: 0;}
.m_pr .tab_ctn .box .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_pr .tab_ctn .box .item figure{position:relative; padding-bottom:54%; overflow: hidden;}
.m_pr .tab_ctn .box .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; /* max-height: 100%; */ max-width:100%;}
.m_pr .tab_ctn .box .item > figure img{transition:0.4s}
.m_pr .tab_ctn .box .item:hover > figure img{transform:scale(1.1) translate(-45%,-45%);}
.m_pr .tab_ctn .box .item .txt{min-height:112px;  position:relative; border-top: 1px solid rgba(34, 34, 34, 0.20); padding: 16px 20px;}
.m_pr .tab_ctn .box .item .txt h3{font-weight:bold; font-size:18px; color: #000;}
.m_pr .tab_ctn .box .item .txt p{font-size:14px; margin-top: 14px;}
.m_pr .tab_ctn .box .item .txt .icon{position:absolute; right: 16px; bottom: 16px;}
.m_pr .tab_ctn .box .item .txt .icon img{}

.m_pr .tab_ctn .box.video .item{cursor: pointer;}
.m_pr .tab_ctn .box.video .item figure::before{content:""; position:absolute; top: 0; left: 50%; width: 0; height: 100%; background: #000; opacity: 0.5; z-index: 10; transition:0.6s; transform:translateX(-50%);}
.m_pr .tab_ctn .box.video .item .img_box{position:relative; }
.m_pr .tab_ctn .box.video .item .img_box .play{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 60px; height: 60px; border-radius:50%; background: #fff;  z-index: 11; opacity: 0; transition:0.6s;}
.m_pr .tab_ctn .box.video .item .img_box .play i{position:absolute; top: 50%; left: 54%; transform:translate(-50%,-50%); font-size:40px; color: var(--colorB); text-align: center; line-height: 60px; }

.m_pr .tab_ctn .box.video .item:hover figure::before{width: 100%;}
.m_pr .tab_ctn .box.video .item:hover .img_box .play{opacity: 1;}


/* .m_pr .fbox{}
.m_pr .fbox .box{width: 50%;}
.m_pr .fbox .box:last-of-type{padding-left: 100px; margin-top: 35px;}
.m_pr .fbox .box h2{font-size:100px;}
.m_pr .fbox .box h3{font-family: var(--enF02); font-weight:bold; font-size:40px; letter-spacing:-0.03em; color: #111; margin-bottom:22px;}
.m_pr .fbox .box .video_box{position:relative; margin: 40px 0 27px; padding-bottom:50%; overflow: hidden;}
.m_pr .fbox .box .video_box::after{content:""; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff}
.m_pr .fbox .box .video_box .thumbnail{}
.m_pr .fbox .box .video_box .thumbnail > figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; }
.m_pr .fbox .box .video_box .thumbnail .play{position:absolute; top: 50%; left: 50%; width: 130px; height: 130px; transform:translate(-50%,-50%); border-radius:50%; overflow: hidden; cursor: pointer; backdrop-filter: blur(3.5px);}
.m_pr .fbox .box .video_box .thumbnail .play figure{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); }
.m_pr .fbox .box .video_box .thumbnail .play figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m_pr .fbox .box .video_box .content{display:none; }
.m_pr .fbox .box .video_box .content iframe{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.m_pr .fbox .box .tit{}
.m_pr .fbox .box .tit h4{position:relative; font-weight:600; font-size:22px; line-height: 1.6; color: #111; padding-left: 235px;}
.m_pr .fbox .box .tit h4 span{position:absolute; bottom: -3px; left: 0; font-family: var(--enF02); font-weight:bold; font-size:40px; letter-spacing:-0.03em; color: #111;}
.m_pr .fbox .box .list{}
.m_pr .fbox .box .list .item{position:relative; display:flex; padding: 35px 0; border-bottom: 1px solid #111;}
.m_pr .fbox .box .list .item::after{content:""; position:absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: var(--colorR); transition:0.8s}
.m_pr .fbox .box .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.m_pr .fbox .box .list .item .txt{width: calc(100% - 135px);}
.m_pr .fbox .box .list .item .txt h4{font-weight:600; font-size:24px; line-height: 1.4; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_pr .fbox .box .list .item .txt p:not(.date){font-weight:300; font-size:16px; line-height: 1.6; color: #111; margin: 20px 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 4.8em}
.m_pr .fbox .box .list .item .txt .date{font-family:var(--enF02); font-weight:300; font-size:13px; letter-spacing:-0.03em; color: #111;}
.m_pr .fbox .box .list .item .icon{width: 135px; text-align: right;}
.m_pr .fbox .box .list .item .icon svg{margin-top: 6px;}
.m_pr .fbox .box .list .item .icon svg *{transition:0.6s}
.m_pr .fbox .box .news_btn{text-align: right; margin-top: 17px;}
.m_pr .fbox .box .news_btn a{display:inline-block; width: 194px; line-height: 60px; color: #fff; font-family:var(--enF); font-weight:700; font-size:14px; letter-spacing:-0.03em; color: #fff; background: #111; text-transform: uppercase; text-align: center;}
.m_pr .fbox .box .news_btn a img{margin-left: 39px; transform:translateY(22px);}

.m_pr .fbox .box .list .item:hover::after{width: 100%;}
.m_pr .fbox .box .list .item:hover .icon svg line{stroke:var(--colorR)}
.m_pr .fbox .box .list .item:hover .icon svg rect{fill:var(--colorR)}
 */
.m_foo{}
.m_foo .bg_box{position:relative; display:flex; justify-content:space-between; background:url(/img/common/f_bg.png) 50% 50% /cover no-repeat; width: 100%; height: calc(100vh - 384px); padding: 0 60px;}
.m_foo .bg_box .tit{padding-left: 150px; display:flex; justify-content:center; flex-direction: column;}
.m_foo .bg_box .tit h2{font-family: var(--enF02); font-weight:bold; font-size:80px; /* letter-spacing:-0.03em;  */color: #fff;}
.m_foo .bg_box .tit h2 span{display:block; font-size:50px; margin-bottom:-10px;}
.m_foo .bg_box .tit p{font-size:18px; margin-top: 29px; color: #fff;}
.m_foo .bg_box ul.icon_box{padding-right: 60px; display:flex; justify-content:center; }
.m_foo .bg_box ul.icon_box li{position:relative; width: 264px; text-align: center; height: 100%;}
.m_foo .bg_box ul.icon_box li::before{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); transition:0.4s}
.m_foo .bg_box ul.icon_box li a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_foo .bg_box ul.icon_box li .li_box{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m_foo .bg_box ul.icon_box li .li_box img{}
.m_foo .bg_box ul.icon_box li .li_box span{display:block; font-weight:600; font-size:20px; color: #fff; margin-top: 49px;}
.m_foo .bg_box ul.icon_box li:last-of-type .li_box span{margin-top: 43px;}
.m_foo .bg_box ul.icon_box li:hover::before{height: 100%; top: 0;}
.m_foo .m_nav{position:absolute; bottom: 57px;}


/* 비주얼 */
.mv .tit h2 span{line-height: 1; position:relative; animation:opacity 1.6s 0.4s both}
.mv .tit h3 span{position:relative; animation:mvTitTop 1s 0.4s both}
.mv .tit p span{position:relative; animation:mvTitTop 1s 0.4s both}
/* 비즈니스 */
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt h3 span{animation:opacity 1.3s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt h2{animation:fadeRight 1.3s 1.3s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt h4{animation:fadeUp 1.3s 1.3s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt p{animation:fadeUp 1.3s 1.5s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt .cesimg{animation:opacity 1.3s 1.3s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt .insightimg{animation:opacity 1.3s 1.8s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt .matimg{animation:opacity 1.3s 1.3s both}
.m_biz.pc_on .slide_wrap .slide_ctn .item.slick-active .txt .btn{animation:fadeUp 1.3s 1.5s both}
/* pr */
.m_pr.pc_on h2 span,
.m_pr.pc_on .fbox .box h2 span{line-height: 1em; position:relative; animation:opacity 1.6s 0.4s both}
.m_pr.pc_on .fbox .box .video_box::after{animation:width 1s 1.5s both}
.m_pr.pc_on .tab_ctn,
.m_pr.pc_on .tab,
.m_pr.pc_on .fbox .box .tit{animation:fadeUp 1s 1.6s both}
.m_pr.pc_on .fbox .box h3{animation:fadeUp 1s 1.6s both}
.m_pr.pc_on .fbox .box .news_btn,
.m_pr.pc_on .fbox .box .list .item{animation:opacity 1.6s 1.9s both}
/* m_foo */
.m_foo.pc_on .bg_box .tit h2{animation:fadeDown02 1s 0.8s both}
.m_foo.pc_on .bg_box .tit p{animation:fadeUp 1s 0.8s both}
.m_foo.pc_on .bg_box ul.icon_box li .li_box{animation:opacity 1.6s 1s both}


@media (max-width: 1700px){
	.m_tit{font-size:100px;}

	.mv .tit h2{font-size:100px;}
	.mv .tit h3{font-size:50px;}
	.mv .tit p{margin-top: 40px;}

	.m_biz .slide_wrap .slide_ctn .item .txt{padding-left: 60px;}
	/* .m_biz .slide_wrap .slide_ctn .item .txt h3{margin-bottom:50px;} */

	.m_pr .fbox .box:last-of-type{padding-left: 50px;}
	.m_pr .fbox .box .video_box{margin: 24px 0 15px;}
	.m_pr .fbox .box .list .item .txt p:not(.date){height: 3.2em; -webkit-line-clamp: 2; }
	.m_pr .fbox .box .list .item .txt{width: 100%;}
	.m_pr .fbox .box .list .item .icon{display:none; }

	.m_foo .bg_box .tit{padding-left: 0;}
	.m_foo .bg_box ul.icon_box{padding-right: 0;}


}

@media (max-width: 1500px){
	.m_pr .fbox .box .list .item{padding: 30px 0;}
	.m_pr .fbox .box .tit h4{padding-left: 0;}
	.m_pr .fbox .box .tit h4 span{position:static; display:block; }

	.m_foo .bg_box .tit h2 span{font-size:26px;}
	.m_foo .bg_box .tit h2{font-size:50px;}
}

@media (max-width: 1200px){
	.m_nav{display:none !important;}
	.m_pr h2,
	.m_pr .fbox .box h2,
	.m_tit{font-size:80px;}

	#fullpage{overflow: hidden;}
	.mv .tit{top: 40%;}
	.mv .tit h2{font-size:100px;}
	.mv .play_btn{right: 16px; bottom: 16px;}
	.mv .scroll_box{left: 16px;}

	.m_biz .slide_wrap .slide_ctn .item .txt{top: 50%;}
	.m_biz .slide_wrap .slide_ctn .item .txt{padding:0 16px;}
	.m_biz .slide_wrap .slide_ctn .item .txt h3{margin-bottom:35px;}
	.m_biz .slide_wrap .slide_ctn .item .txt h4{font-size:22px; margin-top: 30px;}
	.m_biz .slide_wrap .slide_ctn .item .txt .btn a span{transform:translateY(-50%) scale(1);}
	.m_biz .slide_wrap .slide_ctn .item .txt .btn a span img{left: 0; opacity: 1; transition-delay:0.2s}

	.m_pr{padding: 100px 16px;}
	.m_pr .fbox{flex-wrap:wrap;}
	.m_pr .fbox .box{width: 100%;}
	.m_pr .fbox .box:first-of-type{width: 70%;}
	.m_pr .fbox .box .tit h4{padding-left: 200px;}
	.m_pr .fbox .box .tit h4 span{position:absolute; font-size:34px;}
	.m_pr .fbox .box:last-of-type{padding-left: 0; margin-top: 40px;}
	.m_pr .tab_ctn .box .item .txt h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.m_foo .bg_box .tit h2 span{font-size:30px;}
	.m_foo .bg_box .tit h2{font-size:65px;}
	.m_foo .bg_box{padding: 0 16px; flex-wrap:wrap; height: auto; padding: 140px 0;}
	.m_foo .bg_box .tit{width: 100%; text-align: center;}
	.m_foo .bg_box ul.icon_box{justify-content:center; width: 100%; margin-top: 80px;}
	.m_foo .bg_box ul.icon_box li .li_box{position:static; transform:translate(0);}
	.m_foo .bg_box ul.icon_box li::before{display:none; }
	
	.m_ani{opacity: 0;}
	.m_on{opacity: 1;}
	.m_pr .tab_ctn.m_on,
	.m_pr .tab.m_on,
	.m_foo .bg_box ul.icon_box.m_on,
	.m_foo .bg_box .tit.m_on,
	.m_pr .fbox .box:last-of-type.m_on,
	.m_pr .fbox .box .tit.m_on{animation:fadeUp 1s both}
	.m_biz .slide_wrap .slide_ctn .item .txt.m_on{animation:fadeUp02 1s both}
	.m_pr h2.m_on span,
	.m_pr .fbox .box h2.m_on span{line-height: 1; display:inline-block; animation:opacity 1.6s both}
	.m_pr .fbox .box .video_box.m_on::after{animation:width 1s both}
	.section.motion_bg::before,
	.section.motion_bg::after{display:none; }
}

@media (max-width: 1000px){
	
	.m_pr .tab_ctn .box .item{margin-right: 20px; width: calc((100% - 40px)/3);}

	.m_pr .fbox .box:first-of-type{width: 100%;}
	.m_pr .fbox .box h3{margin-bottom:0;}
}

@media (max-width: 800px){
	.m_pr h2,
	.m_pr .fbox .box h2,
	.m_tit{font-size:60px;}
	.mv .tit h2{font-size:80px;}
	.mv .tit h3{font-size:40px;}
	
	.m_biz .slide_wrap .slide_ctn .item:nth-of-type(2n){text-align: right;}
	.m_biz .slide_wrap .slide_ctn .item .txt .m_tit{font-size:50px;}
	.m_biz .slide_wrap .slide_ctn .item .bg{height: 60vh;}
	.m_biz .slide_wrap .slide_ctn .item .txt h3{font-size:18px; margin-bottom:20px;}
	.m_biz .slide_wrap .slide_ctn .item .txt .btn{margin-top: 30px;}
	.m_biz .slide_wrap .slide_ctn .item .txt h4{margin-top: 15px; font-size:19px;}
	.m_biz .slide_wrap .slide_ctn .item .txt p br{display:none; }
	.m_biz .slide_wrap .slide_ctn .item .txt .cesimg{ top: -30px; left: auto; right: 60px; width: 100px;}
	.m_biz .slide_wrap .slide_ctn .item .txt .insightimg{ left: auto; right: 310px; width: 100px;}
	.m_biz .slide_wrap .slide_ctn .item .txt .matimg{ left: auto; right: 30px; width: 100px;}	
	
	.m_pr .fbox .box .list .item .txt h4{font-size:20px;}
	.m_pr .fbox .box .list .item .txt p:not(.date){margin: 14px 0;}
	.m_pr .fbox .box .tit h4{text-align: center; padding-left: 0;}
	.m_pr .fbox .box .tit h4 span{display:none; }
	
	.m_pr .tab{margin: 30px 0;}
	.m_pr .tab li{font-size:16px;}
	.m_pr .tab_ctn .box{flex-wrap:wrap;}
	.m_pr .tab_ctn .box .item{width: calc(50% - 10px); margin-bottom:20px;}
	.m_pr .tab_ctn .box .item:nth-of-type(2){margin-right: 0;}
	.m_pr .tab_ctn .box .item:last-of-type{margin-bottom:0;}

	.m_foo .bg_box .tit h2 span{font-size:30px;}
	.m_foo .bg_box .tit h2{font-size:50px;}
}

@media (max-width: 600px){
	.mv{padding: 0 16px;}
	.mv .tit p{margin-top: 26px;}
	.mv .tit p br{display:none; }

	.m_foo .bg_box{padding: 100px 16px;}
	.m_foo .bg_box .tit h2{font-size:45px;}
	.m_foo .bg_box .tit h2 span{font-size:24px;}
	.m_foo .bg_box .tit p{margin-top: 20px;}
	.m_foo .bg_box ul.icon_box li .li_box span{margin-top: 30px;}
	.m_foo .bg_box ul.icon_box li:last-of-type .li_box span{margin-top: 24px;}

	.m_pr .tab_ctn .box.video .item .img_box .play{width: 45px; height: 45px;}
	.m_pr .tab_ctn .box.video .item .img_box .play i{font-size:20px;}
	

	.m_pr .tab_ctn .box .item{width: 100%; margin-right: 0;}
}

@keyframes scrollMove{
	0%{top: 0;}
	100%{top: 79px}
}

@keyframes mvTitTop{
	0%{top: 78px;}
	100%{top: 0}
}

@keyframes fadeDown{
	0%{top: -140px; opacity: 0;}
	100%{top: 0; opacity: 1;}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes width{
	0%{width: 100%;}
	100%{width: 0;}
}
@keyframes zoomIn{
	0%{transform:scale(1.4);}
	100%{transform:scale(1);}
}
@keyframes fadeDown02{
	0%{transform:translateY(-100px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeRight{
	0%{transform:translateX(-250px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes fadeUp{
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeUp02{
	0%{transform:translateY(-30%); opacity: 0;}
	100%{transform:translateY(-50%); opacity: 1;}
}