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

/* 공통 */
.main__title {display: flex; align-items: center;}
.main__title .section-dot {display: inline-block; border-radius: 0 0 45px 45px; background: #000; padding: 50px 40px 60px;}
.main__title .section-dot h2 {font-size: 45px; font-weight: 600; color: #f48120; letter-spacing: -0.1em; padding-bottom: 44px; border-bottom: 1px solid #4c2707;}
.main__title .section-dot p {font-family: 'Montserrat'; font-size: 20px; font-weight: 600; color: #b05b13; line-height: 1.3; margin-top: 26px; padding-left: 5px;}

.main__business .main__title .section-dot {background: #f48120;}
.main__business .main__title .section-dot h2 {color: #000; border-color: #db6f14;}
.main__info .main__title .section-dot h2,
.main__info .main__title .section-dot p {color: #fff;}

.main__title .title {display: inline-flex; flex-wrap: wrap; align-self: flex-start; margin-left: 45px; padding-top: 50px;}
.main__title .title h2 {font-size: 35px; font-weight: 400; color: #a7a79c; letter-spacing: -0.05em; line-height: 1.3; word-break: break-all;}
.main__title .title h2 span {font-size: 30px;}
.main__title .title h2 em {font-weight: 800;}
.main__title .title p {width: 100%; font-size: 18px; font-weight: 400; color: #a7a79c; line-height: 1.3; margin-top: 30px; word-break: break-all;}

.main__business .main__title .title h2,
.main__business .main__title .title p {color: #fff;}
.main__info .main__title .title h2 {font-family: 'Montserrat'; color: #000; font-size: 23px;}
.main__info .main__title .title h2 em {display: inline-block; margin-right: 20px; font-weight: 600; position: relative;}
.main__info .main__title .title h2 em+em {padding-left: 20px;}
.main__info .main__title .title h2 em+em::after {display: block; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #f48120; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.main__info .main__title .title p {color: #616161;}

.main__title .title img {max-width: 140px;}
.main__info .main__title .title img {max-width: 206px;}

@media only screen and (max-width: 1240px) {
  .main__title .section-dot h2 {font-size: 35px; padding-bottom: 20px;}
  .main__title .title h2 {font-size: 30px;}
}

@media only screen and (max-width: 1024px) {
  .main__title .section-dot {padding: 50px 25px 30px;}
  .main__title .title h2 {font-size: 20px;}
  .main__title .title h2 span {font-size: 20px;}
  .main__title .title p {font-size: 16px; margin-top: 20px;}

  .main__info .main__title .title img {max-width: 150px;}
  .main__info .main__title .title h2 {font-size: 18px;}
  .main__info .main__title .title h2 em {margin-right: 10px;}
  .main__info .main__title .title h2 em+em {padding-left: 10px;}
}

@media only screen and (max-width: 768px) {
  .main__title {align-items: flex-start;}
  .main__title .section-dot h2 {font-size: 24px;}
  .main__title .section-dot p {font-size: 18px; margin-top: 10px;}
  .main__title .title {margin-left: 20px; padding-top: 30px;}
  .main__title .title img {max-width: 100px;}
  .main__title .title h2 {font-size: 18px;}
  .main__title .title p {font-size: 15px; margin-top: 10px;}
  .main__title .title p br {display: none;}
  
  .main__info .main__title .title h2 {font-size: 15px;}
  .main__info .main__title .title img {max-width: 120px;}
}

@media only screen and (max-width: 640px) {
  .main__title .section-dot {padding: 30px 10px 20px; border-radius: 0 0 24px 24px;}

  .main__title .title h2 span {font-size: 18px;}
  .main__title .title p {font-size: 14px;}

  .main__info .main__title .title h2 {font-size: 14px;}
}

@media only screen and (max-width: 480px) {
  .main__info:after {display: block; content: ''; width: 100%; height: 500px; background: linear-gradient(to bottom, rgba(0,0,0,0.1),rgba(0,0,0,0)); position: absolute; top: 0; left: 0;}
  .main__info .inner {z-index: 1;}
  .main__title {flex-wrap: wrap;}

  .main__title .section-dot {display: flex; justify-content: center; width: 100%; padding: 20px;}
  .main__title .section-dot h2 {padding-bottom: 10px;}
  .main__title .section-dot p {margin-left: 15px; margin-top: 0; font-size: 16px;}

  .main__title .title {text-align: center; margin-left: 0; padding-top: 10px;}
}


/*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; overflow:hidden; position:relative; height:calc(100vh - 100px); min-height:800px !important; max-height:980px !important; text-align: center; padding: 7% 0 10%;}

.main__visual-inner {display:inline-block; text-align:center; width:100%; margin: -5% 0 0 0; padding:0 20px; white-space:normal; position:relative; z-index:10; word-break:keep-all;  vertical-align:middle;max-width: 1440px; line-height:1.3;}

.main__visual-copy {background: #fff; padding: 50px 50px; max-width: 400px; border-radius: 50px; position: relative;}
.main__visual-copy::after {display: block; content: ''; width: 236px; height: 313px; background: url('../images/main/visual-copy.png') no-repeat center / contain; position: absolute; top: -100px; right: -75px;}
.main__visual-copy h2 {font-size: 40px; font-weight: 300; color: #000; letter-spacing: -0.1em; line-height: 1.3; text-align: left; word-break: break-all;}
.main__visual-copy h2 span {font-weight: 600;}
.main__visual-copy p {font-family: 'Montserrat'; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #fff; text-align: left; position: absolute; top: 140px; left: calc(100% + 60px); width: 150%; overflow: hidden;}
.main__visual-copy p span {display: block; word-break: keep-all;}
.main__visual-copy p span:nth-of-type(2) {padding-left: 10px;}
.main__visual-copy p span:last-child {padding-left: 20px;}

/*visaul dots*/
.main__visual-control {position:absolute; top: 30%; left:50%; font-size:0; transform:translate(-240px, 50%); transition: all 0.3s ease-in-out; z-index:3;}

.main__visual-dots {display:inline-block; vertical-align: middle;}
.main__visual-dots li {cursor:pointer;}
.main__visual-dots li+li {margin-top: 36px;}
.main__visual-dots button {display:inline-block; position:relative; width:15px; height:1px; border:0px; background-color:rgba(255, 255, 255, 0.3); box-sizing:border-box; transition:all .2s ease-in-out; font-size:0;}
.main__visual-dots li:hover button,
.main__visual-dots li.slick-active button {background-color:rgba(255, 255, 255, 1);}
.main__visual-dots li button::after {display: block; content: '01'; font-family: 'Montserrat'; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.05em; position: absolute; top: 50%; left: 100%; transform: translate(50%, -50%); opacity: 0;}
.main__visual-dots li:nth-of-type(2) button::after {content: '02';}
.main__visual-dots li:nth-of-type(3) button::after {content: '03';}
.main__visual-dots li.slick-active button::after,
.main__visual-dots li:hover button::after {opacity: 1;}

.main__visual-item > .bg {position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; 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%;}

/* scroll */
.main__visual-scroll {position: absolute; left: 50%; bottom: 90px; transform: translateX(-50%); z-index: 2; transition: all 0.3s ease-in-out;}
.main__visual-scroll:hover {transform: translate(-50%, 10px);}
.main__visual-scroll .scroll-btn {display: block;}

@media only screen and (max-width: 1440px) {
  /*Main Visual*/
  .main__visual-item {padding: 8.5% 0 5%; min-height: 700px !important; height: auto;}
  .main__visual-copy {padding: 30px; max-width: 300px;}
  .main__visual-copy::after {width: 200px; top: -114px; right: -70px;}
  .main__visual-copy h2 {font-size: 30px;}

  /*visaul dots*/ 
  .main__visual-control {top: 35%; left: 380px; transform: translate(0, 50%);}
}

@media only screen and (max-width: 1240px) {
  /*Main Visual*/
  .main__visual-item {padding: 10% 0 5%; min-height: 600px !important;}

  /*visaul dots*/ 
  .main__visual-control {top: 43%;}
}

@media only screen and (max-width: 1024px) {
  /*Main Visual*/
  .main__visual-item {padding: 10% 0 5%; min-height: 550px !important;}
  .main__visual-copy::after {width: 170px; height: 240px; top: -66px;}
  .main__visual-copy p {font-size: 16px; top: 110px;}

  /*visaul dots*/ 
  .main__visual-control {top: 30%;}
}

@media only screen and (max-width: 768px) {
  /*Main Visual*/
  .main__visual-copy {max-width: 250px;}
  .main__visual-copy::after {height: 180px; top: -40px; right: -44px;}
  .main__visual-copy h2 {font-size: 24px;}
  .main__visual-copy p {top: 100px; left: calc(100% + 35px);}

  /*visaul dots*/ 
  .main__visual-control {top: 25%; left: 310px;}
  .main__visual-dots li+li {margin-top: 30px;}
}

@media only screen and (max-width: 640px) {
  /*Main Visual*/
  .main__visual-item {padding: 15% 0 0;}
  .main__visual-copy::after {height: 146px; right: -44px;}
  .main__visual-copy {max-width: 220px;}
  .main__visual-copy h2 {font-size: 18px;}
  .main__visual-copy p {font-size: 14px; top: 66px; left: calc(100% + 6px);}

  /*visaul dots*/ 
  .main__visual-control {top: 30%; left: 250px;}
  .main__visual-dots li+li {margin-top: 25px;}
  .main__visual-dots li button::after {font-size: 14px;}
}

@media only screen and (max-width: 480px) {
  /*Main Visual*/
  .main__visual-item {padding: 23% 0 0;}
  .main__visual-copy p {display: none;}
}


/* product */
.main__product {padding-bottom: 200px;}
.main__product::before {display: block; content: ''; width: 100%; max-width: 1440px; height: 410px; background: url('../images/common/allmenu_bg.png') no-repeat center bottom / contain; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.main__product_list {position: relative; text-align: right;}
.main__product_list .slick-list {overflow: visible;}
.product_item {font-size: 0;}

.product_item .title {display: inline-block; width: 50%; text-align: left; padding-top: 80px; padding-left: 18%; vertical-align: top;}

.product_item .title h2 {font-size: 50px; font-weight: 600; color: #000; letter-spacing: -0.05em;}
.product_item .title h6 {display: inline-block; margin-top: 20px; padding: 10px 30px; border-radius: 20px; background: #f48120;}
.product_item .title h6 span {font-family: 'Montserrat'; font-size: 18px; font-weight: 600; color: #fff; margin-right: 10px; position: relative;}
.product_item .title h6 span+span {padding-left: 10px;}
.product_item .title h6 span:last-child {margin-right: 0;}
.product_item .title h6 span+span:after {display: block; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.product_item .title p {font-size: 18px; font-weight: 500; color: #666; letter-spacing: -0.05em; line-height: 1.4; margin-top: 30px; word-break: break-all;}


.product_item .img {display: inline-block; width: 50%; position: relative;}
.product_item .img::before {display: block; content: ''; width: 554px; height: 596px; background: url('../images/main/product_item-bg.png') no-repeat center / contain; position: absolute; top: 44%; left: 49%; transform: translate(-50%, -50%);}
.product_list .img a {display: block; width: 455px; height: 455px; margin-left: 15%; position: relative; z-index: 1;}
.product_list .img a:after {display: block; content: ''; width: 100px; height: 100px; border-radius: 50%; background: #f48120 url('../images/common/more.png') no-repeat center; position: absolute; top: -50px; right: 50px; transition: all 0.3s ease-in-out;}
.product_list .img a p {width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 95px rgba(0, 0, 0, 0.09); overflow: hidden;}
.product_list .product_item.nth-1 .img a p {background: url('../images/main/product_item01.png') no-repeat center / cover;}
.product_list .product_item.nth-2 .img a p {background: url('../images/main/product_item02.png') no-repeat center / cover;}
.product_list .product_item.nth-3 .img a p {background: url('../images/main/product_item03.png') no-repeat center / cover;}
.product_list .img a:hover:after {transform: rotate(180deg); background: #000 url('../images/common/more.png') no-repeat center;}


.main__product_nav {position: absolute; top: 70%; left: 18%; display: flex; z-index: 1;}
.main__product_nav .prev {cursor: pointer; width: 70px; height: 20px; background: url('../images/common/arrow01.png') no-repeat center / contain; margin-right: 36px;}
.main__product_nav .next {cursor: pointer; width: 70px; height: 20px; background: url('../images/common/arrow01.png') no-repeat center / contain; transform: rotate(180deg);}

@media only screen and (max-width: 1440px) {
  .product_item .title {width: 40%; padding-left: 45px;}
  .product_item .img {width: 60%;}
  .product_item .img::before {left: 48%;}
  .main__product_nav {left: 45px; top: 75%;}
}

@media only screen and (max-width: 1240px) {
  .product_item .title {width: 50%; padding-right: 20px;}
  .product_item .title h2 {font-size: 40px;}
  .product_item .title h6 {padding: 10px;}
  .product_item .img {width: 50%;}
  .product_list .img a {margin-left: 15px;}
}

@media only screen and (max-width: 1024px) {
  .product_item .title {padding-left: 0;}

  .product_item .img::before {width: 110%; height: 110%;}
  .product_list .img a {width: 330px; height: 330px;}
  .product_list .img a:after {width: 70px; height: 70px; top: -10px;}

  .main__product_nav {left: 0; top: 100%;}
}

@media only screen and (max-width: 768px) {
  .product_item .title {padding-top: 40px;}
  .product_item .title h2 {font-size: 30px;}
  .product_item .title h6 span {font-size: 16px;}
  .product_item .title p {margin-top: 10px;}
  .product_list .img a {width: 280px; height: 280px;}
  .product_list .img a:after {width: 50px; height: 50px; background-size: 50%;}
}

@media only screen and (max-width: 640px) {
  .main__product {padding-bottom: 130px;}
  .product_item {display: flex !important; justify-items: center; flex-wrap: wrap; margin-top: 40px;}
  .product_item .title {width: 100%; order: 2; text-align: center; padding-right: 0;}
  .product_item .img {width: 100%; order: 1;}
  .product_list .img a {margin: 0 auto;}
  .main__product_nav {top: 105%; left: 50%; transform: translateX(-50%);}
}


/* business */
.main__business {background: url('../images/main/main_section03-bg.jpg') no-repeat center / cover; padding-bottom: 66px;}
.business-map {text-align: center; margin-top: 10px; }
.business-map .map {position: relative;}
.business-map .map::after {display: block; content: ''; width: 15%; height: 222px; background: url('../images/main/main__business_pin.png') no-repeat center / contain; position: absolute; top: 11.5%; left: 35%; animation: main-map 2s ease-in-out 0s infinite alternate-reverse forwards;}

@keyframes main-map {
    0% {
      transform: scale(0.3);
      opacity: 0.3;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }
  
    100% {
        transform: scale(0.3);
        opacity: 0.3;
    }
  }

.business-map .btn {position: absolute; right: 15%; bottom: 14%;}
.business-map .btn a {display: block; padding: 10px 100px 10px 50px; border-radius: 30px; background: #000; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.1em; position: relative; transition: all 0.3s ease-in-out;}
.business-map .btn a::before {display: block; content: ''; width: calc(100% + 20px); height: calc(100% + 20px); border-radius: 50px; background: rgba(0, 0, 0, 0.35); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out;}
.business-map .btn a::after {display: block; content: ''; width: 40px; height: 17px; border-radius: 50px; background: url('../images/common/arrow02.png') no-repeat; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.business-map .btn a p {position: relative; z-index: 1;}
.business-map .btn a span {font-family: 'Montserrat'; font-size: 25px; font-weight: 600; color: #f48120;}
.business-map .btn a:hover {background: #f48120;}
.business-map .btn a:hover::before {background: rgba(244, 129, 32, 0.35);}
.business-map .btn a:hover span {color: #000;}

@media only screen and (max-width: 1440px) {
  .business-map .map img {width: 100%;}
  .business-map .map::after {height: 25%; top: 18%; left: 33.5%;}
}

@media only screen and (max-width: 1240px) {
  .business-map .btn a {font-size: 18px; padding: 10px 80px 10px 30px;}
  .business-map .btn a span {font-size: 20px;}
}

@media only screen and (max-width: 1024px) {
  .business-map .btn {bottom: 0; right: 5%;}
}

@media only screen and (max-width: 640px) {
  .business-map .map {margin-top: 40px;}

  @keyframes main-map {
    0% {
      transform: scale(0.3);
      opacity: 0.3;
    }

    50% {
        transform: scale(1.8);
        opacity: 1;
    }
  
    100% {
        transform: scale(0.3);
        opacity: 0.3;
    }
  }
}

@media only screen and (max-width: 480px) {
  .main__business {padding-bottom: 100px;}

  .business-map .btn {bottom: -10%;}

  @keyframes main-map {
    0% {
      transform: scale(0.3);
      opacity: 0.3;
    }

    50% {
        transform: scale(2.5);
        opacity: 1;
    }
  
    100% {
        transform: scale(0.3);
        opacity: 0.3;
    }
  }
}



/* info */
.main__info {background: url('../images/main/main_section04-bg.jpg') no-repeat center bottom / cover; padding-bottom: 1px;}

.main__info-list {margin: 110px 0 140px; font-size: 0; text-align: center;}
.info-list-item {display: inline-block; padding: 0 50px;}
.info-list-item .ico {width: 125px; height: 125px; border-radius: 50%; transition: all 0.3s ease-in-out; position: relative;}
.info-list-item.nth-1 .ico {background: #fff url('../images/main/i-info01.png') no-repeat center;}
.info-list-item.nth-2 .ico {background: #fff url('../images/main/i-info02.png') no-repeat center;}
.info-list-item.nth-3 .ico {background: #fff url('../images/main/i-info03.png') no-repeat center;}
.info-list-item.nth-4 .ico {background: #fff url('../images/main/i-info04.png') no-repeat center;}
.info-list-item.nth-1:hover .ico {background: #000 url('../images/main/i-info01-h.png') no-repeat center;}
.info-list-item.nth-2:hover .ico {background: #000 url('../images/main/i-info02-h.png') no-repeat center;}
.info-list-item.nth-3:hover .ico {background: #000 url('../images/main/i-info03-h.png') no-repeat center;}
.info-list-item.nth-4:hover .ico {background: #000 url('../images/main/i-info04-h.png') no-repeat center;}
.info-list-item .ico::after {display: block; content: ''; width: 0; height: 0; background: url('../images/main/info-h.png') no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out;}
.info-list-item:hover .ico::after {width: 160px; height: 160px;}
.info-list-item h2 {font-size: 20px; font-weight: 600; color: #fff; margin-top: 40px; transition: all 0.3s ease-in-out;}
.info-list-item:hover h2 {color: #000;}

.main__news {display: flex; position: relative; margin-bottom: 99px; padding: 40px 0;}
.main__news::before {display: block; content: ''; width: 300%; height: 100%; background: #e9822c; position: absolute; top: 0; right: 0; transform: skewX(58deg); transform-origin: 100% 100%;}

.main__news .title {position: relative; z-index: 1; width: 30%;}
.main__news .title::after {display: block; content: ''; width: 1px; height: 90px; background: #cf6b17; position: absolute; top: -40px; right: 0;}
.main__news .title h2 {font-family: 'Montserrat'; font-size: 35px; font-weight: 600; color: #fff;}
.main__news .title p {font-size: 15px; font-weight: 600; color: #fff; margin-top: 10px; line-height: 1.3;}

.main__news-list {width: 60%; padding-left: 80px; margin-right: 220px;}
.news-item a {display: block; line-height: 60px;}
.news-item a p {font-size: 20px; font-weight: 500; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 15px; padding-right: 110px; position: relative;}
.news-item a p:after {display: block; content: ''; width: 6px; height: 1px; background: #fff; position: absolute; top: 50%; left: 0;}
.news-item a span {display: inline-block; font-family: 'Montserrat'; font-size: 18px; letter-spacing: 0.1em; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.news-item a:hover p {color: #000;}
.news-item a:hover p:after {background: #000;}

.main__news .nav {display: inline-flex; position: absolute; top: 100%; right: 0; padding: 20px; background: #000;}
.main__news .nav .prev {width: 60px; height: 60px; cursor: pointer; background: #000 url('../images/common/arrow03.png') no-repeat center;}
.main__news .nav .next {width: 60px; height: 60px; cursor: pointer; background: #000 url('../images/common/arrow03.png') no-repeat center; transform: rotate(180deg);}
.main__news .nav .more a {display: block; width: 60px; height: 60px; background: #000 url('../images/common/more02.png') no-repeat center;}
.main__news .nav .prev:hover {background: #f48120 url('../images/common/arrow03.png') no-repeat center;}
.main__news .nav .next:hover {background: #f48120 url('../images/common/arrow03.png') no-repeat center;}
.main__news .nav .more:hover a {background: #f48120 url('../images/common/more02.png') no-repeat center;}

@media only screen and (max-width: 1440px) {
  .main__news-list {padding-left: 40px;}
}

@media only screen and (max-width: 1240px) {
  .main__news::before {transform: skewX(48deg);}
  .main__news .title h2 {font-size: 28px;}
  .main__news .title p {font-size: 14px;}
  .main__news-list {margin-right: 170px; padding-left: 20px;}
  .news-item a span {font-size: 16px;}
}

@media only screen and (max-width: 1024px) {
  .main__info-list {margin-bottom: 100px;}
  .info-list-item {padding: 0 28px;}
  
  .main__news {flex-wrap: wrap; padding: 20px 0;}
  .main__news .title {width: 40%;}
  .main__news .title::after {top: -20px; height: 100%;}
  .main__news-list {width: calc(100% - 100px); margin-top: 20px; margin-right: 100px; padding-left: 0;}
  .news-item a {line-height: 1.3;}
}

@media only screen and (max-width: 768px) {
  .main__info-list {margin: 80px 0;}
  .info-list-item {padding: 0 10px;}
  .info-list-item h2 {font-size: 18px;}

  .main__news {margin-bottom: 79px;}
  .news-item a p {font-size: 18px;}
  .main__news .nav {padding: 10px;}
}

@media only screen and (max-width: 640px) {
  .main__info-list {margin: 40px 0 20px;}
  .info-list-item {width: 50%; margin-bottom: 40px;}
  .info-list-item:first-child {padding-left: 0;}
  .info-list-item:last-child {padding-right: 0;}
  .info-list-item .ico {margin: 0 auto;}
  .info-list-item h2 {margin-top: 20px;}
}

@media only screen and (max-width: 480px) {
  .info-list-item {width: 100%;}

  .main__news {margin-bottom: 59px; padding: 10px 0;}
  .main__news::before {transform: skew(0) translateX(-50%); left: 50%;}
  .main__news .title {width: 100%;}
  .main__news .title::after {top: -10px;}
  .main__news-list {margin-right: 0; width: 100%; margin-top: 10px;}
  .main__news .nav {padding: 0;}
}