@charset "utf-8";

/* **************************************** *
 * main_visual
 * **************************************** */
 #section0 .spotzone{position:relative;}
 #section0 .swiper-wrapper{
	position:relative;
	width:100%;
	height:100vh !important;
	
}
.swiper-container {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

.spotzone .all-box {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 100%;
	height:50%;
	margin:0 auto;
	top:45%;
	padding: 0 5%;
	z-index: 20;
  }
  .spotzone .progress-box {
	position:relative;
	width: 1200px;
    max-width: 1200px;
	height:30px;
	margin:0 auto;
	z-index: 11;
  }
  .spotzone .progress-box .progress-box-inr{
	position:absolute;
	left:0;
	display:inline-block;
	width: 170px;
	height: 30px;
  }
  .autoplay-progress {
	position: absolute;
	left: 30px;
	top: 12px;
	z-index: 10;
	width: 100px;
	height: 3px;
	background-color: rgba(0, 0, 0, 0.1);
  }
  
  .autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
  /*  height: 100%;*/
	stroke-width: 4px;
	stroke: #fff;
	fill: none;
	stroke-dashoffset: calc(100 * (1 - var(--progress)));
	stroke-dasharray: 100;
  }
  .spotzone .swiper-pagination {
	display: flex;
	color: #fff;
	justify-content: space-between;
	position: static;
	text-align: left;
  }
  .spotzone .arrow-box {
	
	position:relative;
	top: 0;
	width:100%;
	height: 50%;
	padding:0 3%;
	z-index:30;
  }
  
  .spotzone .arrow-box .swiper-button-next,
  .spotzone .arrow-box .swiper-button-prev {
	position: absolute;
	display:inline-block;
	top:0;
	width: 50px;
	height: 50px;
	color:transparent;
	
  }
  .spotzone .arrow-box .swiper-button-prev {
	left:0;
	background: url(../images/main/btn_main_spot_prev.png) no-repeat 0 0;
  }
  .spotzone .arrow-box .swiper-button-next {
	right:0;
	background: url(../images/main/btn_main_spot_next.png) no-repeat 0 0;
  }

  .spotzone .down {position: absolute; z-index: 1; left: 50%; bottom: 10px; transform:translateX(-50%);  -webkit-animation: mousedownicon 2s infinite; animation: mousedownicon 2s infinite; }
  .spotzone .down span { position: absolute;bottom: 50px; left: 50%; transform:translateX(-50%); width: 26px;	height: 44px; border: 2px solid #fff;	border-radius: 50px;	box-sizing: border-box;  }
  .spotzone .down span::before {	position: absolute;	top: 10px;	left: 50%;	content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: down 2s infinite; animation: down 2s infinite; box-sizing: border-box;  }

  @keyframes down {
	0% {
	  transform: translate(0, 0);
	  opacity: 0;
	}
	40% {
	  opacity: 1;
	}
	80% {
	  transform: translate(0, 20px);
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	}
  }
  #section0.section.fp-table,
  #section0 .fp-tableCell{
	height:100vh;
	margin-top:0;
  }
/* 메인 비주얼 :: 텍스트 */
.spotzone .item{
	position:absolute; text-align: center;
	top:50%; left:0px; margin-top: -40px;
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.spotzone .item .txt{width:auto; max-width:1200px; margin:0 auto; color:#fff; line-height:1.2; text-align:left;}
.spotzone .item .txt01{position:relative; font-size:60px; color:#fff;}

.spotzone .item .txt01 .t02{ font-weight:800;}
.spotzone .item .txt01 .t02 > span{opacity:0;transition:opacity 0.1s;font-size:72px;color:#499fff;}
.spotzone .swiper-slide-active .item .txt01 .t02 > span{opacity:1;}
.spotzone .item .txt02{margin-top:35px;transform:translateY(20px); transition:opacity 1s .5s,transform 1s .5s;}
.spotzone .swiper-slide-active .item .txt02{opacity:1;transform:translateY(0);}


/* **************************************** *
 * main common
 * **************************************** */
 @keyframes ani_1 {
	0% { -webkit-transform:translateY(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px);opacity: 0;}}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);opacity: 1;}}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); opacity: 0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1;}
}
@keyframes ani_5 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
 .mgt_60{margin-top:60px;}
 .m-title-warp{
	max-width:1445px;
	margin:35px auto;
	padding:0 5%;
	/* padding:35px 0; */
 }
 .m-title-warp .m-title2{
	font-size:18px;
 }
 .m-title-warp .m-title2 span{
	position:relative;
	padding-right:25px;
 }
 .m-title-warp .m-title2 span:after{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:13px;
	height:14px;
	background:url(../images/main/icon_m_tit2.png) no-repeat 0 0;
 }
 .m-title-warp .m-text2{
	margin-top:15px;
	font-size:46px;
	font-weight:600;
	letter-spacing: -0.05em;
 }

.fp-section .m-title-warp .m-title2{transform:translateY(20px); transition:opacity 1s .5s,transform 1s .5s;}
.fp-section.active .m-title-warp .m-title2{opacity:1;transform:translateY(0);}
.fp-section .m-title-warp .m-text2{transform:translateY(20px); transition:opacity 1s .9s,transform 1s .9s;}
.fp-section.active .m-title-warp .m-text2{opacity:1;transform:translateY(0);}



/* **************************************** *
 * 사업분야
 * **************************************** */

 #mainBusinessAreasRoot{
	display:flex;
}
.business-areas {
    max-height:650px;
    display: flex;
	flex-basis: calc(25% - 1px);
	transition: flex 1200ms cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
	border-left: 1px solid #fff;
    position: relative;
}


.business-areas.active,
.business-areas:hover,
.business-areas:focus{
	height:625px;
	flex-basis: calc(100% - 1px);	
}

#section1.fp-table .fp-tableCell,
#section2.fp-table .fp-tableCell,
#section3.fp-table .fp-tableCell{
    height: calc(100vh - 110px) !important;
	padding-top:110px;
}
#section1 .business-areas,
#section2 .business-areas,
#section3 .business-areas,
#section1 .business-areas.active,
#section1 .business-areas:hover,
#section1 .business-areas:focus,
#section2 .business-areas.active,
#section2 .business-areas:hover,
#section2 .business-areas:focus,
#section3 .business-areas.active,
#section3 .business-areas:hover,
#section3 .business-areas:focus,
#section1 .business-area,
#section2 .business-area,
#section3 .business-area,
#section1 .business-area.active,
#section1 .business-area:hover,
#section2 .business-area.active,
#section2 .business-area:hover,
#section3 .business-area.active,
#section3 .business-area:hover{
	max-height:650px;
	height:650px;
}

.business-area *{display:block;}

.business-area .__img{
	width:100%;
	height:100%;
	overflow:hidden;
}
.business-area .__img:after{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),linear-gradient(270.25deg, rgba(0, 0, 0, 0.2) 0.5%, rgba(0, 0, 0, 0) 100%)
}
.business-area .__img img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business-areas .__cont{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5em 1em;
    white-space: nowrap;
    color: #fff;
	transition: 1.0s 0.5s;
	animation-fill-mode:both;
}

.business-area.active,
.business-area:hover{
	flex-direction: column;
	justify-content: flex-end;
	border: 0;
	border-top: 1px solid #fff;
}
.business-area.active .__img
.business-area:hover .__img{
	margin-right: auto;
	/* transition-property: width, 700px; */
	transition-duration: 2s, 2s;
	transition: all 4s; rotate: none; scale:0; transform: translate(0px, 0px); opacity: 1;
}
.business-area.active .__cont{
	padding:1.8em, 1.8em;
}

#section1 .__cont{
	padding:70px 1.8em;

}
#section1 .__cont .sm-title{
	font-size:20px;
	
}
#section1 .__cont .md-title{
	margin-top:10px;
	font-size:28px;
	font-weight: 500;
	
}
#section1 .__cont .bt-txt,
#section1 .__cont .__more{
	display:none;
}
#section1 .business-areas.active .__cont,
#section1 .business-areas:hover .__cont,
#section1 .business-areas:focus .__cont{
	bottom:15%;
	width:95%;
	white-space: wrap;
	transition: 0.8s 0.5s;
}
#section1 .business-areas.active .__cont .md-title,
#section1 .business-areas:hover .__cont .md-title,
#section1 .business-areas:focus .__cont .md-title{
	margin:20px 0 30px;
	font-size:40px;
	font-weight:600;
}
#section1 .business-areas.active .__cont .bt-txt,
#section1 .business-areas:hover .__cont .bt-txt,
#section1 .business-areas.a:focus .__cont .bt-txt,
#section1 .business-areas.active .__cont .__more,
#section1 .business-areas:hover .__cont .__more,
#section1 .business-areas:focus .__cont .__more{
	display:block;
	font-size:18px;
}

#section1 .__cont .__more a{
	margin-top:15px;
	display:inline-block;
	width:120px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	border-radius: 2em;
	transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	
}
#section1 .__cont .__more a:before{display:inline-block;content:'';}
#section1 .__cont .__more a:after{display:inline-block;content:''; position:absolute;  z-index:-1; background:#fff; transform:scaleX(0); transform-origin:0% 100%; transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
#section1 .__cont .__more a:hover{background:#fff;color:#000;font-weight:600;}
#section1 .__cont .__more a:hover:after{transform:scaleX(1);}

#section1 .business-areas:hover .__cont .sm-title{animation:ani_3 0.5s 0.5s; animation-fill-mode:both;}
#section1 .business-areas:hover .__cont .md-title{animation:ani_3 0.5s 0.7s; animation-fill-mode:both;}
#section1 .business-areas:hover .__cont .bt-txt{animation:ani_3 0.5s 0.9s; animation-fill-mode:both;}
#section1 .business-areas:hover .__cont .__more{animation:ani_3 0.5s 1.1s; animation-fill-mode:both;}


@media screen and (max-width:1460px){
    .spotzone .item .txt {
        max-width:1000px;
    }
	.spotzone .progress-box{
		max-width:800px;
	}
}
@media screen and (max-width:1460px){
    .spotzone .item .txt {
        max-width:800px;
    }
	.spotzone .progress-box{
		max-width:800px;
	}
}

@media screen and (max-width:1024px){
   .business-area {
        height:auto;
        flex: initial;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        border: 0;
        border-top: 1px solid #fff
    }
}

.business-area .__img {
    width: 100%;
    height: 100%;
    overflow: hidden
} 

@media screen and (max-width:1024px){
    .business-area .__img {
        position:absolute;
        top: 0;
        left: 0
    }

    .__img:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),linear-gradient(270.25deg, rgba(0, 0, 0, 0.2) 0.5%, rgba(0, 0, 0, 0) 100%)
    }
}
.business-area .__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}



/* **************************************** *
 * AI+CMS
 * **************************************** */
 #section2{
	height:780px;
	background:url(../images/main/bg_m_section2.png) no-repeat 100% 100%;
 }

 .cmszone .slick-slider {
	z-index:30;
  }
  
  .cmszone .slick-slider .slick-prev,
  .cmszone .slick-slider .slick-next {
	position: absolute;
	display:inline-block;
	top:50%;
	width: 50px;
	height: 50px;
	margin-top:-47px; 
	text-indent: -999em;
	
  }
  .cmszone .slick-slider .slick-prev {
	left:0;
	background: url(../images/main/btn_prev.png) no-repeat 0 0;
  }
  .cmszone .slick-slider .slick-next {
	right:0;
	background: url(../images/main/btn_next.png) no-repeat 0 0;
  }




 .cmszone{
	max-width:1320px;
	margin:60px auto 0;
 }
 
 .cmszone .item a{
	display:block;
	width:360px;
	height:400px;
	margin:0 auto;
	background-color:#009bcf;
	padding:2em;
	border-radius: 1em;
	color:#fff;
}
.cmszone .item.item02 a{
	background-color:#00368d;
}
.cmszone .item.item03 a{
	background-color:#0a5de7;
}
.cmszone .item .num-box{
	display:flex;
	justify-content: space-between;
}
.cmszone .item .num{
	font-size:14px;
}
.cmszone .item .m-title3-2{
	font-size:28px;
}
.cmszone .item .m-txt3{
	margin:16px 0 35px;
	font-size:17px;
}
.cmszone .item.item02 .m-txt3{
	margin-bottom:0;
}
.cmszone .item .img img{display:inline-block !important;}

/* **************************************** *
 * PR&News
 * **************************************** */

.news-warp{
	max-width: 1200px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
.news-warp .item{
	display:flex;
	flex-direction: column;
}
.news-warp .item .news-title{
	width:385px;
	height:58px;
	margin:15px 0;
	font-size:20px;
	font-weight:500;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-warp .item .news-date{
	font-size:15px;
	color:#888;
}

.m-title-warp.clients .m-text2{
	margin:65px 0 35px;
}

.banzone{
	position:relative;
	margin-bottom:75px;
}
.banzone:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	height:65px;
	z-index:10;
	background: linear-gradient(to right, rgb(255,255,255,1) 1%, rgba(255,255,255,.7) 1.5%, rgba(255,255,255,.5) 2%, rgba(255,255,255,.2) 2.5%, rgba(255,255,255,0) 95.5%, rgba(255,255,255,.2) 94%, rgba(255,255,255,.5) 95%, rgba(255,255,255,.7) 96%, rgba(255,255,255,1) 100%);
}
.banzone .slider .slick-track{display:flex;justify-content: space-around;}
.banzone .slider .slick-slider{z-index:999;width:100%;background-image: linear-gradient(to right, rgba(255,255,255,1) 5%, rgba(255,255,255,.6) 10%, rgba(255,255,255,1) 70%, rgba(255,255,255,.6) 10%, rgba(255,255,255,1) 5%)}
 
/* *****************************************
 * company support
 ******************************************/
@keyframes BackgroundUp {
    0% {  -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); opacity: 1; }
    100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; }
}
@keyframes BackgroundDown {
    0% {-webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100); op5acity: 1;}
    100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; }
}

#section4{width:100%;height:100%;}
#section4 .fp-tableCell{vertical-align: top;}
#section4 .m-title-warp{
	position: absolute;
	/* top:120px; */
	top:200px;
}
#section4 .m-title-warp .m-title2{
	color:#fff;
}
.sect4{width:100%;height:100%;background:url(../images/main/bg_sect04.jpg) no-repeat 50% 50%;background-size:cover;}
.sect4_inr{overflow:hidden;display:table;width:100%;height:100%;vertical-align:top;}
.sect4_inr > div{display:table-cell;width:50%;height:100%;text-align:center;vertical-align:middle;}
.sect4_inr .company{background-color:rgba(49,56,72,0.5); transition-timing-function:ease;}
.sect4_inr .company.effect{animation:BackgroundUp 1s alternate;}

.sect4_inr .support{bottom:0;background-color:rgba(89,85,82,0.5);transition-timing-function:ease;}
.sect4_inr .support.effect{animation:BackgroundDown 1s alternate;}
.sect4_inr > div h2{position:relative;margin-bottom:20px;padding-bottom:24px;font-size:60px;font-weight:500;color:#fff;}
.sect4_inr > div h2:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-22px;width:44px;height:1px;background:#95989f;}
.sect4_inr > div p{padding:0 20px;font-size:16px;color:#fff;line-height:1.5;}
.sect4_inr > div .linkArea{margin-top:45px;}
.sect4_inr > div .linkArea a{position:relative;display:inline-block;z-index:1;width:140px;height:50px;line-height:46px;margin:0 2px;font-size:18px;color:#fff;text-align:center;border:2px solid #fff;transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.sect4_inr > div .linkArea a:after{content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:-1; background:#fff; transform:scaleX(0); transform-origin:0% 100%; transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.sect4_inr > div .linkArea a:hover{background:#fff;color:#000;font-weight:600;}
.sect4_inr > div .linkArea a:hover:after{transform:scaleX(1);}



@media screen and (max-width:1200px){
	/* class 추가 fp-responsive */
	#fullpage .section:not(#mainVisual){
		height:auto !important;
	}
	html.fp-enabled, .fp-enabled body{
		overflow: visible !important; 
		height: initial !important;
	}
	.cmszone{
		width:100%;
		max-width:1160px;
		margin:60px auto;
		
	 }
	 .cmszone .slick-slider{
		padding:0 5%;
	 }
/* }
@media screen and (max-width:1024px){ */
	#section1.fp-table,
	#section2.fp-table,
	#section3.fp-table,
	#section1.fp-table .fp-tableCell, 
	#section2.fp-table .fp-tableCell, 
	#section3.fp-table .fp-tableCell{
		display:block !important;
		height:auto !important;
		padding-top:0;
	}
	.fp-section .m-title-warp .m-title2{
		font-size:16px;
	}
	.m-title-warp{
		margin:0 auto;
		padding:35px 5%;
	}

	.m-title-warp .m-text2{
		font-size: 28px;
	}

	.spotzone .item{padding:0 20px;}
	.spotzone .arrow-box{
		top:54%;
		width:1200px;
		max-width: 800px;
		margin:0 auto;
		
		
	}
	.spotzone .progress-box .progress-box-inr{
		left:55px;
	}
	.spotzone .arrow-box .swiper-button-next, 
	.spotzone .arrow-box .swiper-button-prev{
		width:40px;
		height:40px;
		background-size:contain;
	}
	.spotzone .arrow-box .swiper-button-next{
		left:240px;
	}
	.spotzone .item .txt01{font-size:50px;}
	.spotzone .item .txt01 .t02 > span{font-size: 58px;}

	.spotzone .down{bottom:10px;}
	#section1 .business-areas, 
	#section2 .business-areas, 
	#section3 .business-areas, 
	#section1 .business-areas.active, 
	#section1 .business-areas:hover, 
	#section1 .business-areas:focus, 
	#section2 .business-areas.active, 
	#section2 .business-areas:hover, 
	#section2 .business-areas:focus, 
	#section3 .business-areas.active, 
	#section3 .business-areas:hover, 
	#section3 .business-areas:focus, 
	#section1 .business-area, 
	#section2 .business-area, 
	#section3 .business-area, 
	#section1 .business-area.active, 
	#section1 .business-area:hover, 
	#section2 .business-area.active, 
	#section2 .business-area:hover, 
	#section3 .business-area.active,
	 #section3 .business-area:hover{
		height:240px;
		max-height:240px;
	}
	#mainBusinessAreasRoot{
		flex-direction: column;
	}
	.business-areas{
		flex-basis: calc(240px - 1px);
		border:0;
		border-top:1px solid #fff;
	}
	#section1 .__cont{
		padding:0 1.8em 20px;
	}
	
	
	#section1 .business-areas:hover .__cont .sm-title{
		font-size:20px;
		animation:ani_4 0s 0.1s; animation-fill-mode:both;
	}
	#section1 .business-areas:hover .__cont .md-title{
		font-size:28px;
		animation:ani_4 0s 0.1s; animation-fill-mode:both;
	}
	#section1 .business-areas.active .__cont .bt-txt,
	#section1 .business-areas:hover .__cont .bt-txt,
	#section1 .business-areas.a:focus .__cont .bt-txt,
	#section1 .business-areas.active .__cont .__more,
	#section1 .business-areas:hover .__cont .__more,
	#section1 .business-areas:focus .__cont .__more{
		display:none;
	}
	#section1 .business-area{width:100% !important;}
	#section1 .__cont .__more a{
		display:none;
		
	}
	#section1 .__cont .__more a:before,
	#section1 .__cont .__more a:after,
	#section1 .__cont .__more a:hover,
	#section1 .__cont .__more a:hover:after{display: none;}

	.cmszone .slick-slider{margin:0 auto;}
	.cmszone .slick-slider .slick-prev, 
	.cmszone .slick-slider .slick-next{
		top:initial;
		bottom:-60px;
	}

	.cmszone .slick-slider .slick-prev{
		left:calc(50% - 50px);
	}
	.cmszone .slick-slider .slick-next{
		right:calc(50% - 50px);
	}
	.cmszone .item{margin-right:20px;}
	
	.news-warp{
		 flex-flow: wrap;
		justify-content: space-evenly; 
		margin:0 20px;
	}
	.news-warp .item .news-title{
		flex-direction: column;
		align-items: center;
	}
	.news-warp .item .news-title{
		height:auto;
		margin-bottom:5px;
		font-size:17px;
	}
	.news-warp .item{
		margin-bottom:30px;
	}
	.m-title-warp.clients{padding:0;}
	.m-title-warp.clients .m-text2{margin:0 0 20px;}


	.sect4_inr > div{width:100%;height:50%;display:table-row;}
	.sect4_inr > div h2{margin-top:65px;font-size:42px;}
	
	.banzone{padding:48px 0 20px;}
	.banzone:before{top:35px;}
	.sect4_2 h2{top:20px;left:40%;margin-top:0;}
	.banzone .nav{top:16px;left:50%;margin-top:0;}
	.banzone .slick-slider{padding-left:0;}
	.banzone .slider .item img{max-width:100%; width:100%;} 
	
	#section4 .m-title-warp .m-title2{display:none;}
	.sect4_inr > div .linkArea a{
		width: 120px;
		height: 44px;
		line-height: 40px;
		font-size:16px;
	}
}
@media screen and (max-width:768px){
	.spotzone .item .txt01{font-size:40px;}
	.spotzone .item .txt01 .t02 > span{font-size: 42px;}

	.fp-section .m-title-warp .m-title2{font-size:14px;}
	.m-title-warp .m-text2{font-size: 24px;}
	#section2.fp-section .m-title-warp .m-text2{font-size: 20px;}

	#section1 .__cont .sm-title{font-size: 18px;}
	#section1 .__cont .md-title{font-size: 24px;}

	#section2.fp-table{padding-left:20px;}
	.cmszone .item .m-title3-2{font-size:24px;}
	.cmszone .item .m-txt3{margin:13px 0 10px;font-size: 15px;}
	.cmszone .item .m-txt3 br{display:none;}
	
	.cmszone .item a{
		display:inline-block;
		width:280px !important;
		height:300px;
	}
	.cmszone .item a .img img{height:100px;}
	.cmszone .slick-slider{padding:0;}
	.cmszone .slick-slider .slick-prev, 
	.cmszone .slick-slider .slick-next{
		width:32px;
		height:32px;
		background-size:cover;
	}
	.cmszone .slick-slider .slick-prev{
		left:calc(50% - 32px);
	}
	.cmszone .slick-slider .slick-next{
		right:calc(50% - 32px);
	}
	.news-warp .item{
		width:100%;
	}
	.news-warp .item .img{width:100%;}
	.news-warp .item .img img{width:100%;}
	.news-warp .item .news-title{width:100%;}

	.sect4_inr > div h2{font-size: 36px;}
	.sect4_inr > div p{font-size: 14px;}
	.sect4_inr > div .linkArea a{
		width:100px;
		height:36px;
		line-height: 32px;
		font-size:14px;
	}

}
@media screen and (max-width:640px){
}