.m_tit{}
.m_tit h2{font-family: "Lato", sans-serif; font-weight:700; font-size:100px; line-height: 1.1em; color: #111;}
.m_tit p{font-weight:300; font-size:22px; letter-spacing:-0.01em; letter-spacing:-0.01em; line-height: 1.45em; color: #333; margin-top: 15px;}
h2.ff span{font-weight:400; font-family: 'Castoro Titling', cursive; line-height: 1em;}

.intro{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; background: #fff;}
.intro svg{width: 100%; height: 100%;}
.intro .intro_logo{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center; opacity: 0; max-width: 881px; height: 397px;}
.intro .intro_logo svg > path{transition:0.8s;}
.intro .intro_logo svg > g > path{transition:0.8s; fill:#1f4185}
.intro .intro_txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;max-width: 881px; height: 107px; text-align: center;}
.intro .intro_txt .hidden_box{overflow: hidden; width: 100%; display:inline-block; opacity: 0;}
.intro .intro_txt .hidden_box svg{transform:translateX(-150%);}

.intro.on .intro_txt .hidden_box svg{animation: introTxt 1.4s both}
.intro.on .intro_logo{animation:introLogo 1.4s both; -webkit-animation:introLogo 1.4s both;  }
.intro.on2 .intro_logo svg > path{opacity: 0;}
.intro.on2 .intro_logo svg > g > path{fill:#09213A}

@keyframes introTxt{
	0%{transform:translateX(-150%);}
	100%{transform:translateX(0);}
}
 @keyframes introLogo{
	0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
	100%{top: calc(50% + 27px); left: calc(50% - 331px); transform:translate(-50%,-50%) scale(0.5);}
}



@media (max-width: 940px){
	.intro .intro_logo{width: 628px;}
	.intro .intro_txt{width: 628px;}
	@keyframes introLogo{
		0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
		100%{top: calc(50% + 5px); left: calc(50% - 236px); transform:translate(-50%,-50%) scale(0.5);}
	}
}

@media (max-width: 700px){
	.intro .intro_logo{width: 541px;}
	.intro .intro_txt{width: 541px; }
	@keyframes introLogo{
		0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
		100%{top: calc(50% - 2px); left: calc(50% - 205px); transform:translate(-50%,-50%) scale(0.5);}
	}
}

@media (max-width: 600px){
	.intro .intro_logo{width: 500px;}
	.intro .intro_txt{width: 500px; }
	@keyframes introLogo{
		0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
		100%{top: calc(50% - 7px); left: calc(50% - 188px); transform:translate(-50%,-50%) scale(0.5);}
	}
}
@media (max-width: 520px){
	.intro .intro_logo{width: 90%;}
	.intro .intro_txt{width: 90%;}
	@keyframes introLogo{
		0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
		100%{top: 48.7%; left: 16.3%; transform:translate(-50%,-50%) scale(0.5);}
	}
	@-webkit-keyframes introLogo{
		0%{top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1);}
		100%{top: 48%; left: 16.3%; transform:translate(-50%,-50%) scale(0.5);}
	}
}

/* 버튼 공통 */
.btn{}
.btn a{position:relative; display:inline-block; vertical-align: top;font-family: "Lato", sans-serif;  font-weight:700; font-size:15px; letter-spacing:-0.01em; height: 60px; line-height: 60px; padding:0 98px 0 20px; transition:0.3s;}
.btn a span{display:inline-block; position:absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius:30px; border:1px solid #000; transition:0.3s; z-index: -1;}
.btn a svg{position:absolute; top: 20px; right: 20px;}
.btn a:hover span{width: 100%;}
/* 컬러종류 */
/* 기본 파랑 */
.btn.mainC a{color: var(--mainColor);}
.btn.mainC a span{border-color:var(--mainColor)}
.btn.mainC a:hover{color: #fff;}
.btn.mainC a:hover span{background: var(--mainColor);}
.btn.mainC a:hover span svg path{fill:#fff}
/* 노랑 */
.btn.mainCy a{color: #fff}
.btn.mainCy a span{border-color:#fff}
.btn.mainCy a span svg path{fill:#fff}
.btn.mainCy a:hover span{background: var(--mainColor02); border-color:var(--mainColor02)}


.mv{position:relative; height: 100vh; width: 100%; overflow: hidden;}
.mv .scroll_txt{position:absolute; bottom: 80px; right: 40px; z-index: 20;}
.mv .scroll_txt ul{margin-top: 11px;}
.mv .scroll_txt ul li{display:block; height: 6px; margin-bottom:3px; opacity: 0.2;}
.mv .scroll_txt ul li:last-of-type{margin-bottom:0;}
.mv .scroll_txt ul li:nth-of-type(1){animation:scrollIcon 0.8s infinite}
.mv .scroll_txt ul li:nth-of-type(2){animation:scrollIcon 0.8s 0.2s infinite}
.mv .scroll_txt ul li:nth-of-type(3){animation:scrollIcon 0.8s 0.4s infinite}
@keyframes scrollIcon{
	0%{opacity: 1;}
	100%{opacity: 0.2;}
}

.mv .mv_slide_ctn{position:absolute; top: 53%; left: 0; width: 100%; transform:translateY(-50%); padding: 0 70px; overflow: hidden;}
.mv .mv_slide_ctn .slide_box{padding-left: 70px;}
.mv .mv_slide_ctn .slide_box .slick-list{}
.mv .mv_slide_ctn .slide_box .item{position:relative; display:flex; align-items:center; justify-content:space-between;}
.mv .mv_slide_ctn .slide_box .item .txt{position:absolute; top: calc(50% - 34px); left: 0; width: 100%; transform:translateY(-50%); z-index: 2;}
.mv .mv_slide_ctn .slide_box .item .txt .tit h2{font-family:"Lato", sans-serif; font-weight:700; font-size:110px; color: #111; letter-spacing:-0.01em; text-transform: uppercase; line-height:1.1em; text-shadow:0 0 4px white}
.mv .mv_slide_ctn .slide_box .item .txt p{font-size:24px; letter-spacing:-0.01em; line-height: 1.45em; color: #333; margin-top: 22px;}
.mv .mv_slide_ctn .slide_box .item .img{width: 100%; max-width: 957px; position:relative; padding-bottom:732px; margin-left: auto;}
.mv .mv_slide_ctn .slide_box .item .img img{position:absolute; top: 50%; right: 0; transform:translateY(-50%); width: 100%;}
.mv .mv_slide_ctn .dots_box{display:flex; padding-left: 70px; transform:translateY(-61px); }
.mv .mv_slide_ctn .dots_box .num_box{display:flex; align-items:center; margin-right: 18px;}
.mv .mv_slide_ctn .dots_box .num_box:last-of-type{margin-right: 0;}
.mv .mv_slide_ctn .dots_box .num_box p{font-family:"Lato", sans-serif; font-weight:700; font-size:14px; letter-spacing:-0.01em; color: var(--mainColor);}
.mv .mv_slide_ctn .dots_box .num_box .progress{position:relative; width: 0; height: 1px; background: #d3d3d3; margin-left: 0; transition:0.4s}
.mv .mv_slide_ctn .dots_box .num_box .progress span{position:absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--mainColor);}

.mv .mv_slide_ctn .dots_box .num_box.on .progress{width: 170px; margin-left: 10px;}
.mv .mv_slide_ctn .dots_box .num_box.on .progress span{width: 100%;}

/* 비주얼 모션 */
.mv .mv_slide_ctn .slide_box .item.slick-active .txt .tit h2{animation:txt_move01 2s both}
.mv .mv_slide_ctn .slide_box .item.slick-active .txt .tit h2.ff{animation:txt_move02 2s both}
.mv .mv_slide_ctn .slide_box .item.slick-active .txt p{animation:txt_move03 2s both}
.mv .mv_slide_ctn .slide_box .item.slick-active .img img:nth-of-type(1){animation:img_move02 2s both}
.mv .mv_slide_ctn .slide_box .item.slick-active .img img:nth-of-type(2){animation:img_move01 2s both}
.mv .mv_slide_ctn .slide_box .item.slick-active .img img:nth-of-type(3){animation:img_move03 2s both}
.mv .mv_slide_ctn .slide_box .item:nth-of-type(3).slick-active .img img:nth-of-type(1){animation:img_move01 2s both}
.mv .mv_slide_ctn .slide_box .item:nth-of-type(3).slick-active .img img:nth-of-type(2){animation:img_move02 2s both}
.mv .mv_slide_ctn .slide_box .item:nth-of-type(3).slick-active .img img:nth-of-type(3){animation:img_move04 2s both}


.m_expertise{position:relative; padding: 280px 0 250px; margin-bottom:150px; overflow: hidden;}
.m_expertise .bg_img{position:absolute; bottom: -150px; left: 0; width: 100%; height: 100%; max-height: 1061px;  background:url(/img/main/main_bg04.svg) 50% 50% /cover no-repeat; transition:0.4s}
.m_expertise .fbox{position:relative; z-index: 1; display:flex; align-items:center; justify-content:space-between;}
.m_expertise .list{position:relative; z-index: 1; display:flex; align-items:flex-start; margin-top: 53px;}
.m_expertise .list .item{position:relative; width: calc((100% - 40px) / 3); margin-right: 20px;}
.m_expertise .list .item::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(164, 6, 7, 0.50); transition:0.5s}
.m_expertise .list .item.bb{margin-top: 71px;}
.m_expertise .list .item.bb::after{background: rgba(19, 116, 235, 0.60);}
.m_expertise .list .item.by{margin-top: -140px;}
.m_expertise .list .item.by::after{background: rgba(255, 177, 54, 0.60);}
.m_expertise .list .item:nth-of-type(1)::before{content:""; position:absolute; bottom: -44px; left: -44px; width: 180px; height: 360px; background:url(/img/main/main_bg02.svg) 50% 50% /cover no-repeat; z-index: -1;}
.m_expertise .list .item:nth-of-type(2)::before{content:""; position:absolute; top: -151px; left: -65px; width: 260px; height: 260px; background:url(/img/main/main_bg01.svg) 50% 50% /cover no-repeat; z-index: -1;}
.m_expertise .list .item:nth-of-type(3)::before{content:""; position:absolute; bottom: -108px; right: -75px; width: 182px; height: 182px; background:url(/img/main/main_bg03.svg) 50% 50% /cover no-repeat; z-index: -1;}
.m_expertise .list .item:last-of-type{margin-right: 0;}
.m_expertise .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.m_expertise .list .item figure{}
.m_expertise .list .item figure img{}
.m_expertise .list .item .hover_box{position:absolute; bottom: 50px; left: 0; padding: 0 30px 0 48px; width: 100%;  display:flex; align-items:center; justify-content:space-between; z-index: 2;}
.m_expertise .list .item .hover_box .txt{height: 46px; overflow: hidden; transition:0.5s}
.m_expertise .list .item .hover_box .txt h3{font-weight:700; font-size:35px; letter-spacing:-0.01em; color: #fff; text-transform: uppercase;}
.m_expertise .list .item .hover_box .txt p{font-size:17px; letter-spacing:-0.02em; color: #fff; opacity: 0.9;}
.m_expertise .list .item .hover_box .icon_btn{position:relative; width: 48px; height: 48px; border-radius:50%; background: #fff; opacity: 0; transition:0.5s}
.m_expertise .list .item .hover_box .icon_btn svg{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m_expertise .list .item .hover_box .icon_btn.cr svg path{fill:#A40607}
.m_expertise .list .item .hover_box .icon_btn.cb svg path{fill:var(--mainColor)}
.m_expertise .list .item .hover_box .icon_btn.cy svg path{fill:var(--mainColor02)}

.m_about{position:relative; height: 100vh; background: transparent; overflow: hidden; opacity: 0; min-height: 550px;}
.m_about::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(/img/main/main04.png) 50% 50% / cover no-repeat; opacity: 0;}
.m_about .p50{position:absolute; top: 50%; left:0; width: 100%; transform:translateY(-50%); text-align: center;}
.m_about .tit h2{font-family: "Lato", sans-serif; font-weight:700; font-size:80px; letter-spacing:-0.01em;color: #111; text-transform: uppercase; text-align: center;}
.m_about p{font-weight:300; font-size:22px; color: #333; margin-top: 34px; text-align: center; line-height: 1.36em;}
.m_about .btn{display:inline-block; margin-top: 70px;}

/* ani */
.m_about.on{opacity: 1;}
.m_about.on .tit h2:nth-of-type(1){animation:txt_move01 2s both}
.m_about.on .tit h2:nth-of-type(2){animation:txt_move02 2s both}
.m_about.on .tit h2:nth-of-type(3){animation:txt_move01 2s both}
.m_about.on p{animation:txt_move03 1s 1s both}
.m_about.on2::before{animation:opacity 0.8s both}
.m_about.on2 p,
.m_about.on2 .tit h2{animation:colorW 0.8s both !important;}
.m_about.on2 .btn{animation:btnH 0.6s both}
.m_about.on3::before{animation:none !important; opacity: 1 !important;}

.m_news{padding: 160px 0 200px; overflow: hidden;}
.m_news .list_ctn{margin-top: -47px;}
.m_news .list_ctn .tab{display:flex; justify-content:flex-end;}
.m_news .list_ctn .tab li{font-family: "Lato", sans-serif; font-weight:700; font-size:19px; letter-spacing:-0.01em; color: #111; text-transform: uppercase; margin-right: 30px; cursor: pointer;}
.m_news .list_ctn .tab li.on{color: var(--mainColor02);}
.m_news .list_ctn .tab li:last-of-type{margin-right: 0;}
.m_news .list_ctn .list{margin-top: 74px;}
.m_news .list_ctn .list .slick-list{margin-right: -30px;}
.m_news .list_ctn .list .slick-track{margin-left: 0;}
.m_news .list_ctn .list .item{position:relative; margin-right: 30px; background: #F5F5F5; padding: 62px 20px 43px 50px; border:1px solid transparent; transition:0.3s}
.m_news .list_ctn .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_news .list_ctn .list .item .txt{}
.m_news .list_ctn .list .item .txt h3{font-family: "Lato", sans-serif; font-weight:500; font-size:15px; letter-spacing:-0.01em; color: var(--mainColor02); text-transform: uppercase;}
.m_news .list_ctn .list .item .txt p:not(.date){font-size:22px; letter-spacing:-0.01em; line-height: 1.81em; color: #111; margin: 35px 0 52px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 9.05em}
.m_news .list_ctn .list .item .txt .date{font-family: "Lato", sans-serif; font-weight:400; font-size:15px; color: #aaa;}
.m_news .list_ctn .list .item .hover_icon{position:absolute; bottom: 30px; right: 30px; opacity: 0; transition:0.3s}
.m_news .list_ctn .list_ui{display:flex; align-items:center; margin-top: 59px;}
.m_news .list_ctn .list_ui .progress{position:relative; height: 1px; width: calc(100% - 110px); background: #DDDDDD;}
.m_news .list_ctn .list_ui .progress span{position:absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--mainColor02); transition:0.4s}
.m_news .list_ctn .list_ui .slide_btn{display:flex; margin-left: 15px;}
.m_news .list_ctn .list_ui .slide_btn div{position:relative; width: 45px; height: 45px; border:1px solid #ddd; border-radius:50%; cursor: pointer; margin-right: 5px; transition:0.3s}
.m_news .list_ctn .list_ui .slide_btn div:last-of-type{margin-right: 0;}
.m_news .list_ctn .list_ui .slide_btn div i{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size:14px; color: #000; transition:0.3s}
.m_news .list_ctn .list_ui .slide_btn div:hover{background: var(--mainColor); border-color:var(--mainColor)}
.m_news .list_ctn .list_ui .slide_btn div:hover i{color: #fff;}
/* 메인 중앙 컬러 */
.main{ transition:0.4s}
.chk_bg{background: var(--mainColor);}
.chk_bg .scroll_txt{display:none; }
.chk_bg .m_tit p,
.chk_bg .m_tit h2,
.chk_bg .mv .mv_slide_ctn .slide_box .item .txt .tit h2,
.chk_bg .mv .mv_slide_ctn .slide_box .item .txt p,
.chk_bg .mv .mv_slide_ctn .dots_box .num_box p{color: #fff;}
.chk_bg .mv .mv_slide_ctn .dots_box .num_box .progress{opacity: 0.2;}
.chk_bg .mv .mv_slide_ctn .dots_box .num_box .progress span{background: #fff;}
.chk_bg .m_expertise{z-index: 1;}
.chk_bg .m_expertise .bg_img{background: url(/img/main/main_bg04H.svg) 50% 50% /cover no-repeat;}
.chk_bg .m_expertise .bg_img svg > g > path{fill:#fff}
.chk_bg .m_expertise .list .item:nth-of-type(2)::before{background:url(/img/main/main_bg01H.svg) 50% 50% /cover no-repeat;}
.chk_bg .btn.mainC a{color: #fff;}
.chk_bg .btn.mainC a span{border-color:#fff}
.chk_bg .btn.mainC a span svg path{fill:#fff}
.chk_bg .btn.mainC a:hover{color: var(--mainColor);}
.chk_bg .btn.mainC a:hover span{background: #fff;}
.chk_bg .btn.mainC a:hover span svg path{fill:var(--mainColor)}

@keyframes txt_move01{
	0%{transform:translateX(-500px); opacity: 0;}
	20%{opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes txt_move02{
	0%{transform:translateX(500px); opacity: 0;}
	20%{opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes txt_move03{
	0%{transform:translateY(120px); opacity: 0;}
	20%{opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes btnH{
	0%{height: 0;}
	100%{height: 60px;}
}
@keyframes opacity{
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes colorW{
	0%{color: #fff;}
	100%{color: #fff;}
}
@keyframes img_move01{
	0%{top: 0%; opacity: 0;}
	20%{opacity: 0;}
	100%{top:50%; opacity: 1;}
}

@keyframes img_move02{
	0%{top: 90%; opacity: 0;}
	20%{opacity: 0;}
	100%{top:50%; opacity: 1;}
}

@keyframes img_move03{
	0%{top: 70%; opacity: 0;}
	20%{opacity: 0;}
	100%{top:50%; opacity: 1;}
}

@keyframes img_move04{
	0%{top: -20%; opacity: 0;}
	20%{opacity: 0;}
	100%{top:50%; opacity: 1;}
}


@media (hover:hover){
	.m_expertise .list .item:hover::after{height: 100%;}
/* 	.m_expertise .list .item:hover .hover_box .txt{height: 42px;} */
	.m_expertise .list .item:hover .hover_box .icon_btn{opacity: 1;}

	.m_news .list_ctn .list .item:hover{border-color:var(--mainColor); background: #fff;}
	.m_news .list_ctn .list .item:hover .hover_icon{opacity: 1;}
}

@media (min-width: 1940px){
	.mv .mv_slide_ctn{padding: 0; max-width: 1800px; margin: 0 auto; left: 50%; transform:translate(-50%,-50%);}
}
@media (max-width: 1850px){
	.mv .mv_slide_ctn .slide_box .item .txt p br{display:none;}
	.mv .mv_slide_ctn .slide_box .item .txt p{width: 41%;}

}

@media (max-width: 1780px){
	.mv .mv_slide_ctn .slide_box{padding-left: 0;}
	.mv .mv_slide_ctn .dots_box{padding-left: 0;}

	.m_expertise{padding: 120px 0;}
	.m_expertise .bg_img{bottom: -250px;}

	.mv .mv_slide_ctn .slide_box .item .img{max-width: 800px;}
}


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

	.mv .mv_slide_ctn{padding: 0 30px;}
	.mv .mv_slide_ctn .slide_box .item .txt .tit h2{font-size:6.5vw;}
	.mv .mv_slide_ctn .slide_box .item .txt p{font-size:20px;}
	.mv .mv_slide_ctn .slide_box .item .img{max-width: 54vw;}

	.m_expertise{padding:60px 0 150px;}
	.m_expertise .list .item .hover_box{padding: 0 20px; bottom: 20px;}
	.m_expertise .list .item .hover_box .txt{height: 34px;}
	.m_expertise .list .item .hover_box .txt h3{font-size:28px;}
	.m_expertise .list .item:hover .hover_box .txt{height: 60px;}
	.m_expertise .list .item.by{margin-top: -80px;}
	
	.m_about .tit h2{font-size:65px;}
	.m_about p{font-size:20px;}
	
	.m_news{padding: 120px 0 150px;}
	.m_news .list_ctn .list{margin-top: 57px;}
	.m_news .list_ctn .list .item{padding: 40px 16px 30px 20px;}
	.m_news .list_ctn .list .item .txt p:not(.date){margin: 20px 0 35px; font-size:18px;}
	.m_news .list_ctn .list_ui{margin-top: 50px;}
}

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

	.mv .mv_slide_ctn{padding: 0 16px;}
	.mv .scroll_txt{right: 16px; bottom: 40px;}
	.mv .mv_slide_ctn .slide_box .item .img{padding-bottom:527px;}

	.m_expertise{padding: 0 0 100px; margin-bottom:0;}
	.m_expertise .list .item.by{margin-top: -40px;}
	.m_expertise .bg_img{background: url(/img/main/main_bg04.svg) 50% 50% /contain no-repeat; bottom: -183px;}
	.m_expertise .list .item .hover_box .txt h3{font-size:24px;}

	.chk_bg .m_expertise .bg_img{background: url(/img/main/main_bg04H.svg) 50% 50% /contain no-repeat}
	
	.m_about{opacity: 1;}
	.m_about::before{opacity: 1;}
	.m_about p,
	.m_about .tit h2{opacity: 1; color: #fff;font-size:5.5vw;}
	.m_about p{font-size:20px;}
	.m_about .p50{box-sizing:border-box; padding: 0 16px;}
	.m_about .btn{margin-top: 40px;}

	.m_news{padding: 100px 0 120px;}
}

@media (max-width: 1040px){
	.m_tit h2{font-size:55px;}
	
	
	.intro{height: 100svh;}
	.mv {height: auto; padding-bottom:80px;}
	.mv .mv_slide_ctn {position:static; top: 0; transform:translateY(0); margin-top: 100px;min-height: 700px;}
	.mv .mv_slide_ctn .slide_box .item{flex-wrap:wrap;}
	.mv .mv_slide_ctn .slide_box .item .txt{position:static; transform:translateY(0); max-width: 100%;}
	.mv .mv_slide_ctn .slide_box .item .txt .tit h2{font-size:45px;}
	.mv .mv_slide_ctn .slide_box .item .txt p{width: 100%;font-size:17px;}
	.mv .mv_slide_ctn .slide_box .item .txt p br{display:none; }
	.mv .mv_slide_ctn .slide_box .item .img{padding-bottom:77%; max-width: 100%; margin-top: 120px;}
	.mv .mv_slide_ctn .slide_box .item .img img{}
	.mv .mv_slide_ctn .dots_box{position:absolute; top: 270px; transform:translateY(0); margin-top: 0}
	.mv .scroll_txt{right: 16px; bottom: 20px;}

	.m_expertise{padding-bottom:60px;}
	.m_expertise .list{flex-wrap:wrap;}
	.m_expertise .list .item{width: calc((100% - 20px) / 2); margin-top: 0 !important; margin-bottom:20px;} 
	.m_expertise .list .item:nth-of-type(2){margin-right: 0;}
	.m_expertise .list .item:last-of-type{margin-bottom:0;}
	.m_expertise .list .item:nth-of-type(3)::before{display:none; }
	.m_expertise .list .item:nth-of-type(2)::before{right: -50px; top: -100px; left: auto}
	.m_expertise .bg_img{display:none; }
	.m_expertise .fbox{flex-wrap:wrap;}
	.m_expertise .fbox .m_tit{width: 100%;}
	.m_expertise .fbox .btn{margin-top: 30px;}
	.m_expertise .list{margin-top: 30px;}
	
	.m_about p br{display:none; }
	
	.m_news .list_ctn{margin-top: 20px;}
	.m_news .list_ctn .list{margin-top: 20px;}
	.m_news .list_ctn .tab li{font-size:17px; margin-right: 20px;}
}

@media (max-width: 800px){
	.m_tit h2{font-size:50px;}
	.m_tit p{font-size:18px;}
	.m_tit p br{display:none; }


	.m_expertise .list .item{width: calc((100% - 20px) / 2); margin-top: 0 !important; margin-bottom:20px;} 
	
	.m_news .list_ctn .list .slick-list{margin-right: -20px;}
	.m_news .list_ctn .list .item{margin-right: 20px;}
}

@media (max-width: 640px){
	.mv .mv_slide_ctn .dots_box{top: 290px;}
	.mv .mv_slide_ctn .slide_box .item .img{margin-top: 108px;}
	.mv .scroll_txt{left: 50%; right: auto; transform:translateX(-50%); bottom: 45px;}

	.m_expertise .list .item{width: 100%; margin-top: 0 !important; margin-bottom:20px; margin-right: 0;} 
	.m_expertise .list .item figure img{width: 100%;}
	.m_expertise .list .item::before{display:none; }
	.m_expertise .list .item .hover_box .txt{height: 60px;}
	.m_expertise .list .item .hover_box .icon_btn{opacity: 1;}
}