@charset "utf-8";
.body-main,
section {position:relative; word-break: break-all;}


/*Main Visual*/


.main__visual { position:relative; overflow:hidden;}
.main__visual-wrap {width:auto; z-index:2; position:relative;}


.slick-slider .slick-track, .slick-slider .slick-list {z-index:1;}
.main__visual-item { font-size:0; white-space:nowrap; overflow:hidden; position:relative; height:100vh; min-height:800px !important; max-height:980px !important; text-align: center; }
.main__visual-item:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0;}


.main__visual-inner {display:inline-block; text-align:left;  white-space:normal; position:relative; z-index:10; word-break:keep-all;  vertical-align:middle; line-height:1.3;width:100%; max-width:600px;}

.main__visual-copy {position:relative; padding:8% 6.67% 8% 26.67%; color:#fff; text-align:left;}
.main__visual-copy p.image { position:absolute; left:-11%; top:50%; transform:translateY(-50%); width:32.5%;}
.main__visual-copy > h2 {font-size:20px; font-weight:600; font-family: 'Montserrat', sans-serif; }
.main__visual-copy > h2 span {border-bottom:1px solid rgba(255, 255, 255, 0.3); display:inline-block; position:relative; display:block; padding:0 0 10px 0;}
.main__visual-copy > p{font-size:33px; font-weight:700; line-height:1.3; padding:10px 0 0 0; word-break: break-word;}




@media only screen and (max-width: 1440px){

}
@media only screen and (max-width: 1280px){
	.main__visual-item {min-height:700px !important; max-height:800px !important;}
}
@media only screen and (max-width: 1024px){
	.main__visual-item { min-height:600px !important; max-height:700px !important;}

  .main__visual-inner {max-width:500px;}
  
  .main__visual-copy p.image { left:-11%; width:32.5%; }
  .main__visual-copy > h2 {font-size:18px;}
  .main__visual-copy > p{font-size:28px;}


}
@media only screen and (max-width: 768px){
	.main__visual-item { min-height:500px !important; max-height:600px !important;}

  .main__visual-inner {max-width:480px;}
  
  .main__visual-copy { padding:8% 6.67% 8% 26.67%;}
  .main__visual-copy p.image { left:-11%; width:30%; }
  .main__visual-copy > h2 {font-size:16px;}
  .main__visual-copy > p{font-size:24px;}
}

@media only screen and (max-width: 640px){
	.main__visual-item { min-height:400px !important; max-height:500px !important;}


  .main__visual-inner {max-width:400px;}

}

@media only screen and (max-width: 480px){
	.main__visual-item { min-height:400px !important; max-height:480px !important;}

  .main__visual-inner {max-width:280px;}
  
  .main__visual-copy { padding:8% 6.67% 8% 26.67%;}
  .main__visual-copy p.image { left:-6%; width:25%; }
  .main__visual-copy > h2 {font-size:13px;}
  .main__visual-copy > p{font-size:20px;}
}


p.main__visual-border {font-size:0; margin:0;}
.main__visual-border span{ display:block; height:5px; width:5px; background-color:rgba(22, 193, 243, 0); position:absolute;}
.main__visual-border.is-active span {background-color:rgba(22, 193, 243, 1);}


.main__visual-border span:nth-of-type(1) {bottom:85%; left:0; height:0%;}
.main__visual-border span:nth-of-type(2) {top:0; left:0; width:0%}
.main__visual-border span:nth-of-type(3) {top:0; right:0; height:0%;}

.main__visual-border span:nth-of-type(4) {bottom:0; right:0; width:0%;}
.main__visual-border span:nth-of-type(5) {bottom:0; left:0; height:0%;}



@media only screen and (max-width: 1024px){
	
}
@media only screen and (max-width: 768px){
    
}



.main__visual-border.is-active span:nth-of-type(1){
  animation-duration: 0.2s;
  animation-name: ani_border1;
  animation-fill-mode: forwards;
}
.main__visual-border.is-active span:nth-of-type(2) {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  animation-name: ani_border2;
}

.main__visual-border.is-active span:nth-of-type(3) {
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-name: ani_border3;
}

.main__visual-border.is-active span:nth-of-type(4) {
  animation-duration: 0.8s;
  animation-delay: 1.5s;
  animation-name: ani_border2;
  animation-fill-mode: forwards;
}
.main__visual-border.is-active span:nth-of-type(5) {
  animation-duration: 0.2s;
  animation-delay: 2.3s;
  animation-fill-mode: forwards;
  animation-name: ani_border1;
}



@keyframes ani_border1 {
  from {
    height: 0%;
  }
  to {
    height: 15%;
  }
}

@keyframes ani_border2 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

@keyframes ani_border3 {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}




/*visaul arrow*/
.main__visual-control {position:absolute; width:100%; height:20px; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1440px; z-index:1000; padding:0 20px;}

.main__visual-arrow {display:block; width:90px; height:22px; transition:all 0.3s ease-in-out; position:relative; font-size:0; text-indent:-9999px; overflow:hidden; position: relative;}
.main__visual-arrow span {display:block; position: absolute; top:0; height:100%; width:70px; transition:all 0.3s ease-in-out;}
.main__visual-arrow span:before,
.main__visual-arrow span:after {content:''; display:block; height:3px; position:absolute; background-color:#fff; transition:all 0.3s ease-in-out;}
.main__visual-arrow span:before {width:100%; bottom:0;}
.main__visual-arrow span:after {width:27px; right:-5px; top:50%; transform:rotate(45deg);}

.main__visual-arrow.prev {float:left;}
.main__visual-arrow.prev span {right:0;}
.main__visual-arrow.prev span:after {left:-5px; top:50%; transform:rotate(-45deg);}

.main__visual-arrow.next {float:right;}
.main__visual-arrow.next span {left:0;}

.main__visual-arrow:hover span{width:70px;}
.main__visual-arrow.prev:hover span {right:15px;}
.main__visual-arrow.next:hover span {left:15px;}

.main__visual-arrow.prev:hover span:after {left:0px; top:55%; transform:rotate(-30deg);}
.main__visual-arrow.next:hover span:after {right:0px; top:55%; transform:rotate(30deg);}




@media only screen and (max-width: 1600px){
  .main__visual-control {width:85%;}
}


@media only screen and (max-width: 1024px){
	.main__visual-control {top:auto; bottom:50px; }
}
@media only screen and (max-width: 768px){
	.main__visual-control {top:auto; bottom:30px; }
}

@media only screen and (max-width: 640px){
	.main__visual-control {top:auto; bottom:20px; }
}


.main__visual-scroll {position:absolute; bottom:50px; left:50%; transform:translateX(-50%); transition: all 0.3s ease-in-out; z-index:4;}
.main__visual-scroll .scroll-btn {display:block; font-size:11px; color:#fff; position:relative; padding-top:65px; font-family: 'Montserrat', sans-serif; font-weight:500;}
.main__visual-scroll .scroll-btn:hover {color:#fff;}
.scroll-icon{animation-duration:2s; animation-iteration-count:infinite; animation-name:is-scroll; position:absolute; top:0; left:50%; margin-left:-15px;}

@keyframes is-scroll {
	0% {opacity: 1;}
	50% {opacity: 1;}
	70% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 0;
	}
}
@media only screen and (max-width: 1024px){
	.main__visual-scroll {bottom:20px !important;}
}

@media only screen and (max-width: 640px){
	.main__visual-scroll {bottom:5px !important;}
	.main__visual-scroll .scroll-btn {height:50px; width:20px; padding:0;}
	.scroll-icon{margin-left:-10px;}
	.main__visual-scroll span {display:none;}
}



.main__visual-item > .bg {position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; z-index:-1; }
/*.main__visual-item > .bg:before {content:''; display:block; position:absolute; height:100%; width:100%;top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0, 0 , 0, 0.4); z-index:1;}*/
.main__visual-item > .bg .main__visual-img{
	background-size:cover; background-position: 50% 50%; background-repeat: no-repeat;
	
	transition:all 10s ease-in-out;
	transform:scale(1) skew(0.001deg);
}

.slick-active > .bg .main__visual-img.is-scale{
	transition:all 10s ease-in-out;
	transform:scale(1.2) skew(0.001deg);
}
.main__visual-item.nth-1 .main__visual-img{background-image:url('../images/main/main_visual01.jpg');}
.main__visual-item.nth-2 .main__visual-img{background-image:url('../images/main/main_visual02.jpg');}
.main__visual-item.nth-3 .main__visual-img{background-image:url('../images/main/main_visual03.jpg');}
.main__visual-img,
.main__visual-img img{width:100%; height:100%;}

.is-opacity {
  -webkit-animation-name: is-opacity;
  -webkit-animation-duration: 10s;
  -ms-animation-name: is-opacity;
  -ms-animation-duration: 10s;
  animation-name: is-opacity;
  animation-duration: 10s;
}

@keyframes is-opacity {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-ms-keyframes is-opacity {
  0% { opacity:0; }
  
  100% { opacity:1; }
}
@-webkit-keyframes is-opacity {
  0% { opacity:0; }
  
  100% { opacity:1; }
}


/*Quick*/
.main__visual .quick {top:50%; bottom:auto; transform:translateY(-50%);}




/* Main Title */
.main-title {text-align:center; margin-bottom:70px; z-index:2;}
.main-title h2 {font-size:40px; font-weight:700; color:#00c0f3; position:relative; font-family: 'Montserrat', sans-serif; letter-spacing:0.2em;}
.main-title p {font-size:18px; font-weight:300; color:#666; margin-top:10px; line-height:1.3;}


@media only screen and (max-width: 1024px) {
	.main-title {margin-bottom:50px;}
	.main-title h2 {font-size:36px;}
	.main-title p {font-size:16px;}
}


@media only screen and (max-width: 768px) {
	.main-title {margin-bottom:40px;}
	.main-title h2 {font-size:32px;}
	.main-title p {font-size:14px;}
}

@media only screen and (max-width:480px){
	.main-title h2 {font-size:28px;}
}




/* Clean Cable System */
.main__clean-wrap {font-size:0;}
.main__clean-box {vertical-align: top; width:50%; display: inline-block;}
.main__clean-box.nth-1 {padding:0 0 0 13.54%;}
.main__clean-box.nth-2 {background:url('../images/main/section02_bg.png') 50% 50% no-repeat; background-size:cover;}

.main__clean-inner {padding:18.57% 14.28% 14.28% 0;}
.main__clean-inner h3 {font-size:25px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.main__clean-inner h3 span {display:inline-block; border-bottom:1px solid #222;}
.main__clean-inner h4 {font-size:90px; color:#00c0f3; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:0.21em; margin-top:45px; position:relative;}
.main__clean-inner h4:after {content:''; display:block; background-color:#00c0f3; animation: is-circle 5s infinite; width:110px; height:110px; position:absolute; top:-110px; left:50%; border-radius:100%; z-index:-1;}
.main__clean-inner h4 em {display:inline-block; }
.main__clean-inner h4 em:nth-of-type(3) {letter-spacing:0;}

.main__clean-inner p {font-size:22px; color:#222; font-weight:300; margin-top:20px; line-height:1.4;}
.main__clean-inner p strong {font-weight:700; vertical-align: baseline;}

@keyframes is-circle {
	0% {transform:scale(1);}
	50% {transform:scale(1.3);}
	100% {transform:scale(1);}
}
@keyframes is-circle2 {
	0% {transform:scale(1);}
	50% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
.main__clean-link {display:block; position:relative; height:75px; margin:40px 0 0 0; text-align:right;}
.main__clean-link:before {content:''; display:block; width:200%; height:2px; background-color: #00c0f3; position:absolute; right:75px; top:50%;transition:all 0.3s ease-in-out; transform:translateY(-50%);}
.main__clean-link:after {content:''; width:75px; height:75px; background-color: #222; animation: is-circle2 7s infinite; position:absolute; transition:all 0.3s ease-in-out; top:0; right:0; z-index:-1;}
.main__clean-link span {display:inline-block; width:75px; height:75px; position:relative; transition:all 0.3s ease-in-out;}
.main__clean-link span:before,
.main__clean-link span:after {content:''; display:block; height:2px; position:absolute; background-color:#00c0f3; transition:all 0.3s ease-in-out;}
.main__clean-link span:before {width:50%; left:0; top:50%; transform:translateY(-50%);}
.main__clean-link span:after {width:15px; left:50%; top:50%; transform: translate(-90%, -300%) rotate(45deg);}

.main__clean-link:hover:after {background-color:#00c0f3;}
.main__clean-link:hover:before {background-color:#222;}
.main__clean-link:hover span:before,
.main__clean-link:hover span:after { background-color:#222;}


@media only screen and (max-width: 1440px) {
  .main__clean-box.nth-1 {padding:0 0 0 6.5%;}
}

@media only screen and (max-width: 1200px) {
  .main__clean-box.nth-1 {padding:0 0 0 6.5%;}
  
  .main__clean-inner h4:after { width:80px; height:80px; top:-80px; left:auto; right:0%; }
}
@media only screen and (max-width: 1024px) {
  .main__clean-box {display:block; width:100%;}
  .main__clean-box.nth-1 {padding:0 0 0 0;}

  .main__clean-inner {padding:9% 7% 7% 7%;}

  .main__clean-inner h3 {font-size:24px;}
  .main__clean-inner h4 {font-size:80px; letter-spacing:0.1em; margin-top:40px;}
  .main__clean-inner h4 em:nth-of-type(3) {letter-spacing:0;}

  .main__clean-inner p {font-size:20px;}
  .main__clean-inner p br {display: none;}

  .main__clean-link {height:60px; margin:30px 0 0 0;}
  .main__clean-link:before {right:60px;}
  .main__clean-link:after {width:60px; height:60px; }
  .main__clean-link span {width:60px; height:60px;}

}

@media only screen and (max-width: 720px) {
  .main__clean-inner {padding:9% 8%;}

  .main__clean-inner h3 {font-size:20px;}
  .main__clean-inner h4 {font-size:64px; margin-top:30px; letter-spacing: 0;}
  .main__clean-inner h4:after { width:70px; height:70px; top:-70px; right:0%; }

  .main__clean-inner p {font-size:18px;}
  .main__clean-inner p br {display: none;}

  .main__clean-link {height:60px; margin:30px 0 0 0;}
  .main__clean-link:before {right:60px;}
  .main__clean-link:after {width:60px; height:60px; }
  .main__clean-link span {width:60px; height:60px;}

}

@media only screen and (max-width: 480px) {
  .main__clean-inner {padding:12% 20px;}
  .main__clean-box.nth-2 {max-height:320px;}

  .main__clean-inner h3 {font-size:18px;}
  .main__clean-inner h4 {font-size:52px; margin-top:20px;}

  .main__clean-inner h4:after { width:60px; height:60px; top:-60px; right:0%; }


  .main__clean-inner p {font-size:16px;}
  .main__clean-link {height:50px; margin:30px 0 0 0;}
  .main__clean-link:before {right:50px;}
  .main__clean-link:after {width:50px; height:50px; }
  .main__clean-link span {width:50px; height:50px;}

}

/*Business Line*/
.main__business {padding:9.4% 0 10.4% 0; background:url('../images/main/section03_bg.png') 50% 50% no-repeat; background-size:cover;}
.main__business .main-title h2,
.main__business .main-title p {color:#fff;}

.main__business-list {font-size:0;}
.main__business-item {display:inline-block; vertical-align: top; width:32%;}
.main__business-item + .main__business-item {margin-left:2%;}
.main__business-item a {display:block; height:100%; text-align:center; padding:11%; background-color:#1a1a1a;}

.main__business-item .thumb {overflow:hidden;}
.main__business-item .thumb img {transform: scale(1); transition:all 0.3s ease-in-out;}

.main__business-item a:hover .thumb img {transform: scale(1.2);}

.main__business-item .title {font-size:25px; margin:30px 0; padding:0 0 30px 0; color:#006eb3; font-family: 'Montserrat', sans-serif; font-weight:600; transition:all 0.3s ease-in-out; position:relative;}
.main__business-item .title:after {content:''; display:block; width:14px; height:14px; background-color:#006eb3; position:absolute; bottom:0; left:50%; transform:translate(-50%, 50%);}
.main__business-item a:hover .title {color:#00c0f3;}

.main__business-item .desc {font-size:16px; color:#fff; font-weight:100; line-height:1.5; transition:all 0.3s ease-in-out; max-height:72px; text-decoration: none;}
.main__business-item a:hover .desc {text-decoration: underline;}


@media only screen and (max-width: 768px) {
  .main__business-item {display:block; width:100%;}
  .main__business-item + .main__business-item {margin-left:0%; border-top:1px solid #00c0f3;}
  .main__business-item a {padding:10%;}

  .main__business-item .title {font-size:22px; margin:20px 0; padding:0 0 20px 0; }
  .main__business-item .title:after { width:12px; height:12px;}

  .main__business-item .desc {font-size:15px; max-height:72px; }

}

@media only screen and (max-width: 480px) {
  .main__business-item .title {font-size:20px; margin:15px 0; padding:0 0 15px 0; }
  .main__business-item .title:after { width:10px; height:10px;}
  .main__business-item .desc {font-size:14px; max-height:64px; }
}








/*Story*/
.main__story {padding:10.9% 0 13.4% 0; background:url('../images/main/section04_bg.png') 50% 50% no-repeat; background-size:cover;}

.main__story-wrap {z-index:1;}
.main__story-wrap .bg01,
.main__story-wrap .bg02 { position:absolute; z-index:-1; top:50%; transform:translateY(-60%); }

.main__story-wrap .bg01 {width:54%; background-color:#00c0f3; left:-15%; border-radius: 100%;}
.main__story-wrap .bg02 {width:44%; background-color:rgba(0, 0, 0, 0.2); right:-19%; bottom:0; top:auto; transform: translateY(0);}


.main__story-list {z-index:2;}
.main__story-list:after {content:''; clear:both; display:block;}
.main__story-item {display:block; width:25%; float:left; position: relative;transition: all 0.3s ease-in-out;}
.main__story-item a {display:table; width:100%; height:100%; position:relative; color:#fff;}
.main__story-item .image {position:absolute; width:100%; height:100%; z-index:-1; transition: all 0.3s ease-in-out;}
.main__story-item .image img {width:100%;}
.main__story-item .image:after {content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; transition: all 0.3s ease-in-out;}
.main__story-item a:hover .image {transform: scale(1.1);box-shadow: 0px 120px 100px 0px rgba(0, 0, 0, .3);}
.main__story-item:nth-of-type(1) a:hover .image:after {background-color:rgba(0, 110, 179, 0.8);}
.main__story-item:nth-of-type(2) a:hover .image:after {background-color:rgba(111, 174, 0, 0.5);}
.main__story-item:nth-of-type(3) a:hover .image:after {background-color:rgba(31, 178, 191, 0.8);}
.main__story-item:nth-of-type(4) a:hover .image:after {background-color:rgba(0, 164, 243, 0.5);}


.main__story-item .desc {display: table-cell; width:100%; height:100%; vertical-align: middle; text-align:center; transition: all 0.3s ease-in-out;}
.main__story-item .desc span {display:block;}

.main__story-item .ico {mix-blend-mode: overlay; margin:0 0 15px 0;}
.main__story-item .title1 {font-size:22px; font-family: 'Montserrat', sans-serif; opacity:1; max-height:1000px;  }
.main__story-item .title2 {font-size:25px; opacity:0; max-height:0; overflow:hidden; }
.main__story-item .txt {font-size:18px; margin-top:0px; font-weight:300; line-height:1.3; opacity:0; max-height:0; overflow:hidden; transition: all 0.3s ease-in-out; margin-top:20px;}

.main__story-item .link {width:44px; height:46px; margin:0 auto; text-align:left; text-indent:-999px; overflow:hidden; position: relative; bottom:0; opacity: 0;  transform: rotate(0deg); transition: all 0.3s ease-in-out; max-height:0;}
.main__story-item .link:before,
.main__story-item .link:after {content:''; display:block; background-color:#fff; position:absolute;}
.main__story-item .link:before {width:100%; height:2px; top:50%; left:0; transform: translateY(-50%);}
.main__story-item .link:after {width:2px; height:100%; top:0; left:50%; transform: translateX(-50%);}

.main__story-item a:hover .title1 {opacity:0; max-height:0;}
.main__story-item a:hover .title2 {opacity:1; max-height:1000px;}
.main__story-item a:hover .txt {opacity:1; max-height:1000px; transition: all 0.5s ease-in-out;}
.main__story-item a:hover .link {opacity: 1; max-height:1000px;bottom:-30px;}
.main__story-item a:hover .link:hover { transform: rotate(180deg);}

@media only screen and (max-width: 1200px) {
  .main__story-item .ico {margin:0 0 10px 0;}
  .main__story-item .title1 {font-size:20px;}
  .main__story-item .title2 {font-size:22px;}
  .main__story-item .txt {font-size:17px; margin-top:15px;}
  .main__story-item .link {width:36px; height:36px;  bottom:0;}
  .main__story-item a:hover .link {bottom:-15px;}
}
@media only screen and (max-width: 960px) {
  .main__story-item {width:50%; float:left;}

  .main__story-wrap .bg01 { left:-15%; top:10%;}
  .main__story-wrap .bg02 { right:-19%; bottom:-10%; }
}
@media only screen and (max-width: 480px) {
  .main__story-wrap .bg01 { left:-15%; top:0%;}
  .main__story-item {width:100%; float:left;}
  .main__story-item .ico {margin:0 0 10px 0;}
  .main__story-item .title1 {font-size:18px;}
  .main__story-item .title2 {font-size:18px;}
  .main__story-item .txt {font-size:14px; margin-top:15px;padding:0 10%; max-height:1000px; opacity: 1;}
  .main__story-item .txt br {display: none;}
  .main__story-item .link {width:24px; height:24px;  bottom:0;}
  .main__story-item a:hover .link {bottom:-20px;}
}

/*News*/
.main__news {padding-right:29%; z-index: 5; position: relative;}

.main__news-wrap {background-color: #fff; box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.3); position: relative; margin:50px 0 0 0; padding:20px 50px 20px 350px;}


.main__news-title {position:absolute; width:350px; top:50%; left:0; transform:translateY(-50%); font-size:0; padding:0 0 0 50px;}
.main__news-title h3 {display:inline-block; font-size:20px; font-weight: 600; color:#222; font-family: 'Montserrat', sans-serif; width:calc(100% - 36px);}
.main__news-more {display:inline-block; background-color:rgba(0, 0, 0, 1); color:#fff; width:36px; height:36px; position: relative; vertical-align:middle; transition:all 0.3s ease-in-out;}
.main__news-more:before {content:''; display:block; width:16px; height:1px; position:absolute; background-color:#fff; top:50%; left:50%; margin:-1px 0 0 -8px; transition:all 0.3s ease-in-out;}
.main__news-more:after {content:''; display:block; width:1px; height:16px; position:absolute; background-color:#fff; top:50%; left:50%; margin:-8px 0 0 -1px;transition:all 0.3s ease-in-out;}
.main__news-more:hover {color:#fff; background-color:rgba(0, 164, 243, 1);}
.main__news-more:hover::after,
.main__news-more:hover::before { transform:rotate(180deg);}

.main__news-control {position:absolute; font-size:0; top:0; right:0; height:100%; }
.main__news-control a {display:block; overflow:hidden; height:50%; width:50px; border-left:1px solid #d6d6d6; background-color:rgba(255,255,255,1); text-indent:-9999px; transition:all 0.3s ease-in-out; position: relative;}
.main__news-control a + a {border-top:1px solid #d6d6d6;}
.main__news-control a:hover {background-color:rgba(0, 164, 243, 1);}

.main__news-prev::before {content:''; display:block; width:12px; height:12px; position:absolute; border-width:1px 1px 0 0; border-style:solid; border-color:#222; top:50%; left:50%; margin:-2px 0 0 -6px; transform:rotate(-45deg);}
.main__news-next::before {content:''; display:block; width:12px; height:12px; position:absolute; border-width:1px 1px 0 0; border-style:solid; border-color:#222; top:50%; left:50%; margin:-10px 0 0 -6px; transform:rotate(135deg);}

.main__news-control a:hover::before,
.main__news-control a:hover::after {border-color:#fff;}

.main__news-inner {height:50px;  line-height:50px; overflow:hidden; padding:0 20px;}
.main__news-item {font-size:0;}
.main__news-item a {display:block; font-size:0;}
.main__news-item h4 {display:inline-block; width:calc(100% - 120px); font-size:18px; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main__news-item p {display:inline-block; width:120px; font-size:16px; text-align:right; color:#222; font-family: 'Montserrat', sans-serif; font-weight:700;}
.main__news-item a:hover h4 {text-decoration: underline;}


@media only screen and (max-width: 1200px) {

  .main__news-wrap {padding:20px 50px 20px 300px;}
  .main__news-title {width:300px;}
}

@media only screen and (max-width: 1024px) {
  .main__news {padding-right:0%; }
  .main__news-wrap {padding:20px 50px 20px 260px;}
  .main__news-title {width:260px; padding:0 0 0 30px;}
}

@media only screen and (max-width: 720px) {
  .main__news-wrap {padding:64px 0px 20px 0px;}
  .main__news-title {width:260px; padding:0 0 0 20px; top:7px; left:0; transform:translateY(0);}
  .main__news-wrap:after {content:''; display:block; width:100%; position:absolute; height:1px; background-color:#d6d6d6; left:0; top:50px;}

  .main__news-control {top:0; right:0; height:50px;}
  .main__news-control a { height:100%; width:50px; border-left:1px solid #d6d6d6; display:inline-block;}
  .main__news-control a + a {border-top:0px solid #d6d6d6;}

}


@media only screen and (max-width: 480px) {

  .main__news-wrap {padding:54px 0px 15px 0px;}
  .main__news-title {width:200px; padding:0 0 0 15px; top:6px; }

  .main__news-title h3 {font-size:18px; letter-spacing: -0.05em; white-space: nowrap;}
  .main__news-more {width:30px; height:30px;}
  .main__news-more:before {width:13px; height:1px; margin:-1px 0 0 -7px;}
  .main__news-more:after {width:1px; height:13px; margin:-7px 0 0 -1px;}
  
  .main__news-wrap:after { top:40px;}

  .main__news-control {top:0; right:0; height:40px;}
  .main__news-control a { width:40px; }
  

  .main__news-prev::before {width:10px; height:10px;}
  .main__news-next::before {width:10px; height:10px;}

  
  .main__news-inner {height:40px;  line-height:40px; padding:0 15px;}
  .main__news-item h4 {width:calc(100% - 80px); font-size:16px; }
  .main__news-item p {width:80px; font-size:14px;}
  
}

.body-main .footer {margin-top:0;}