@charset "utf-8";

html, body {width: 100%;height: 100%;}
html{overflow-x:hidden;}
.main h2{font-size:6.2rem;margin-bottom:5rem;width:100%;}
.view_more{font-size:1.8rem;font-weight:400;color:#777;}
.box{display:flex;justify-content: center;align-items: center;}
/* section{overflow-x:hidden;} */


/* section1 */
.bg-video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.bg-video__content {height: 100%;width: 100%;object-fit: cover;}
.bg-black{width:100%;height:100%;background:url(../../img/main/bg_bk.png) repeat;}
.box-1_txt{position:absolute;color:#fff;text-align:center;width:100%;max-width:100rem;}
.box-1_txt p{font-size:3.5rem;font-weight:300;line-height:150%;}
.box-1_txt strong{font-weight:500;}
.box-1_txt h2{line-height:120%;}

.box-1 .swiper-container {width: 100%;height: 100%;overflow:hidden;}
.box-1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.box-1 .swiper-pagination{bottom:20rem;}
.box-1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #a9a9a9; opacity: 1;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); }
.box-1 .swiper-pagination-bullet-active { width: 30px; transition: width .5s; border-radius: 5px; background: #fff;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); }
/* .box-1 .slide_btn_wrap{width:100%;max-width:140rem;position:relative;margin:0 auto;} */
.box1_btn {position: absolute;top:50%;margin-top:-3.5rem;width:7rem;height:7rem;background-size: contain;text-indent: -999em;z-index: 1;cursor:pointer;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");}
.box1_prev {left: 50%;margin-left:-25%;transform:translate(0,-50%) ;opacity:0.6;}
.box1_next {right: 50%;margin-right:-25%;transform: translate(0,-50%) rotateY(180deg);opacity:0.6;}
.box-1_txt .sub_txt p{display:block;}
.box-1_txt .sub_txt .mo_txt{display:none;}


.box-1{position:relative;width:100%;overflow-x:hidden;height:100%;/* height: calc(var(--vh, 1vh) * 100); */}
.box-1 .slide_cukiz{width:100%;height:100vh;background:url(/img/main/section1_bg.jpg) no-repeat center;background-size:cover;/* height: calc(var(--vh, 1vh) * 100); */}
.box-1 .slide_bellzi{width:100%;;height:100vh;background:url(/img/main/section1_bg2.png) no-repeat center;background-size:cover;/* height: calc(var(--vh, 1vh) * 100); */}
.box-1 .slide_jelly{width:100%;;height:100vh;background:url(/img/main/section1_bg3.png) no-repeat center;background-size:cover;/* height: calc(var(--vh, 1vh) * 100); */}
.box-1 .slide_jelly h2{line-height:130%;}

.swiper-slide-active .tracking-in-expand-fwd-top {
	-webkit-animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation-delay: 0.5s;      
}


.swiper-slide-active .tracking-in-expand-fwd-bottom {
	-webkit-animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation-delay: 1s;
}


@-webkit-keyframes tracking-in-expand-fwd-top {
    0% {
      letter-spacing: -0.5em;
      -webkit-transform: translateZ(-700px) translateY(-500px);
              transform: translateZ(-700px) translateY(-500px);
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
  }
  @keyframes tracking-in-expand-fwd-top {
    0% {
      letter-spacing: -0.5em;
      -webkit-transform: translateZ(-700px) translateY(-500px);
              transform: translateZ(-700px) translateY(-500px);
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
  }


  @-webkit-keyframes tracking-in-expand-fwd-bottom {
    0% {
      letter-spacing: -0.5em;
      -webkit-transform: translateZ(-700px) translateY(500px);
              transform: translateZ(-700px) translateY(500px);
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
  }
  @keyframes tracking-in-expand-fwd-bottom {
    0% {
      letter-spacing: -0.5em;
      -webkit-transform: translateZ(-700px) translateY(500px);
              transform: translateZ(-700px) translateY(500px);
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
  }


.box-1 .swiper-pagination {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
  }  



.slide_cukiz h2{width:auto;margin-right:2rem;}
.slide_cukiz h2:last-child{margin-right:0;}

@keyframes fadeInLeft {
    0%, 20% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .swiper-slide-active .box1_animation {
    display: inline-block;
    white-space: nowrap;
  }
  
  .swiper-slide-active .box1_animation span {
    display: inline-block;
    opacity: 0;
    animation: fadeInLeft 1s ease-out forwards;
  }
  
  .swiper-slide-active .box1_animation span:nth-child(1) {
    animation-delay: 0.5s;
  }
  
  .swiper-slide-active .box1_animation span:nth-child(2) {
    animation-delay: 1s;
    margin-left: -1.5rem; 
  }



/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.swiper-slide-active .in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-duration: 2s;
    animation-delay: 2s;
}

.swiper-slide-active .in-left2 {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-duration:2.5s;
    animation-delay: 2.5s;
}

.swiper-slide-active .in-left {
    opacity: 0;
  }

.swiper-slide-active .in-left.animated {
    opacity: 1;
    animation: fadeInLeft 1s forwards;
  }



  .scroll_move {
    opacity: 0;
    animation: fadeIn 1s ease-out forwards;
  }
  
  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  
  /* 3.5초 딜레이를 주어 애니메이션이 나타남 */
  .scroll_move {
    animation-delay: 3s;
  }


  @keyframes fadeInUp {
    from {
        opacity:0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }



/* section2 */
.box-2{background:url(/img/main/company_bg.png) no-repeat center center;background-size:cover;}
.box2_wrap{display:flex;width:100%;max-width:140rem;justify-content: flex-end;align-items: center;padding:17rem 0 8.5rem;}
.box2_txt{padding:5.5rem 4.5rem;width:100%;max-width:59rem;box-sizing:border-box;position:relative;}
.box2_txt .txt_bg{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255, 255, 255, 0.50);z-index:1;}
.box2_txt .txt_wrap{z-index:2;position:relative;}
.box2_txt h2{letter-spacing:-2px;margin-bottom:3rem;font-size:5.6rem;}
.box2_txt p{font-size:2.8rem;color:#444;line-height:140%;margin-bottom:2.5rem;font-weight:300;}
.box2_txt strong{font-weight:500;}

/* section3 브랜드 */
.box-3{display:flex;justify-content: center;text-align:center;padding:10rem 0 4rem;box-sizing:border-box;position:relative;background: rgb(234,243,231);background: linear-gradient(0deg, rgba(234,243,231,1) 0, rgba(234,243,231,1) 13rem, rgba(255,255,255,1) 13rem);}
.box-3 .line_bg{width:100%;height:13rem;position:absolute;bottom:0;left:0;}


.box_wrap{display:flex;flex-wrap: wrap;width:100%;max-width:140rem;margin:0 auto;align-content: center;z-index:2;}
.brand {overflow: hidden;position: relative;}
.brand .thumbs{margin-bottom:8rem;}
.brand .thumbs ul{}
.brand .thumbs .slide_list > li {display: flex;justify-content: center;align-items: center;position: relative;height:6rem;line-height:6rem;cursor: pointer;/* min-width:15.2rem;flex-basis: 15.2rem;flex-grow:1; */background:#fff;color:#666;font-size:1.8rem;box-sizing:border-box;border:1px solid #ddd;border-left:none;}
.brand .thumbs .slide_list > li:first-child{border-left:1px solid #ddd;}
.brand .thumbs .slide_list > li.swiper-slide-thumb-active{background:var(--point-g);color:#fff;font-weight:500;}

.brand .list .inner {position: relative;padding-bottom:4rem;}
.brand .list .slide_list > li {display: flex;justify-content:space-between;align-items:flex-start;padding:0 7rem;box-sizing:border-box;opacity: 0 !important;}
.brand .list .slide_list > li.swiper-slide-active {opacity: 1 !important;}  
.brand .list .slide_list > li .b_lf{text-align:left;margin-top:3rem;}
.brand .list .slide_list > li .b_lf .b_tit{font-size:5rem;color:var(--bk-2);margin-bottom:2rem;display:block;letter-spacing:-1px;}
.brand .list .slide_list > li .b_lf .b_txt{font-size:2.6rem;color:var(--bk-4);margin-bottom:7rem;line-height:150%;padding-right:10rem;}
/* .brand .list .slide_list > li .b_rt{background:url(/img/main/brand_pc.png) no-repeat top center;width:65rem;height:42rem;background-size:contain;} */
.brand .list .slide_list > li .b_rt img{width:100%;height:auto;/* max-width:65rem; */width:65rem;height:42rem;}


.brand .btn {position: absolute;bottom:-2.5rem;width:5rem;height:5rem;background-size: contain;text-indent: -999em;z-index: 1;cursor:pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='24' stroke='%239EB0AB' stroke-width='2'/%3E%3Cpath d='M28.3333 32.5991L21 25.2996L28.3333 18.0001' stroke='%239EB0AB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.brand .btn.btn_prev {left: 7rem;transform:translate(0,-50%) ;}
.brand .btn.btn_next {left: 13.5rem;transform: translate(0,-50%) rotateY(180deg);}



/* .brand .swiper-wrapper .swiper-slide-active .b_lf {
    animation-name: fadeInLeft;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }  


  .brand .swiper-wrapper .swiper-slide-active .b_rt{
    animation-name: fadeInLeft;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }  */


/* section4 뉴스&이벤트 */
.box-4{flex-wrap:wrap;align-content:center;text-align:center;padding:10rem 0;box-sizing:border-box;overflow:hidden;}
.box-4 .txt_box{width:100%;}
.box-4 .sub_tit{width:100%;font-size:2.3rem;color:#333;font-weight:300;}
.box-4 h2{margin-bottom:3rem;}
.p4_wrap{display:flex;width:100%;max-width:140rem;margin:0 auto;align-items:flex-start;margin-top:8rem;}
.p4_wrap .news{width:62%;padding-right:10rem;box-sizing:border-box;position:relative;padding-top:4rem;}
.p4_wrap .news ul{text-align:left;}
.p4_wrap .news li{display:flex;justify-content: space-between;padding:2.8rem 2rem;box-sizing:border-box;border-bottom:1px solid #ddd;align-items: center;}
.p4_wrap .news li:first-child{border-top:1px solid #ddd;}
.p4_wrap .news .txt{display:flex;align-items: center;}
.p4_wrap .news .txt a{color:var(--bk-2);font-size:2rem;margin-left:2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:auto;max-width:50rem;}
.p4_wrap .news .date{color:var(--bk-8);font-size:1.8rem;}
.p4_wrap .news .ev_more{position:absolute;top:1rem;right:10rem;}
.p4_wrap .news .ev_more img{width:1.7rem;}
.p4_wrap .news .view_more{display:none;}
.p4_wrap .event{width:38%;position:relative;overflow:hidden;padding-top:4rem;}
.p4_wrap .btn_event{top:1rem;right:0;position:absolute;background:url(/img/main/event_arrow.png) no-repeat;background-size:contain;width:1.8rem;height:1.8rem;cursor:pointer;}
.p4_wrap .event_prev{right:3rem;transform: rotateY(180deg)}
.p4_wrap .event_next{right:0;background-position:right;}


/* 거래처 로고 */
.customer_shop{width:100%;border-top:1px solid #ddd;background:#fff;}
.flow_banner {overflow: hidden;display: flex;max-width: 140rem;margin: 0 auto;}
.flow_banner .list {display: flex;}
.flow_banner .list > li {white-space: nowrap;font-size: 18px;color: #222;padding:0 3rem;}
.flow_banner .list > li img{width:auto;height:8rem;}

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


@media (hover: hover) {
	.p4_wrap .news .txt a:hover{color:var(--point-g);}

  .box1_prev:hover, .box1_next:hover, .box1_prev:active,.box1_next:active {opacity:1;}


}




/* -------------------------------------------- */



.module { width: 100vh; }
@media only screen and (max-device-width: 640px) {
    .module { 
        height: calc(var(--var, 1vh) * 100);
    }
}




@media screen and (max-width: 1440px){/*PC 작은 모니터*/
    /* html{font-size:53%;} */
    .box1_prev {margin-left:-35%;}
    .box1_next {margin-right:-35%;}

}


@media screen and (max-width: 1024px){/*PC 작은 모니터*/
    .p4_wrap .event{display:none;}
    .p4_wrap .news{width:100%;padding-right:0;margin:0 2rem;box-sizing:border-box;}
    .p4_wrap .news .ev_more{right:2rem;}

}

@media screen and (max-width: 950px){/*PC 작은 모니터*/
    .brand .thumbs .slide_list > li {min-width:auto;flex-basis:auto;flex-grow:0;}
    /* .box-4{padding-top:0;height:100% !important;} */
    .box-4 h2{margin-bottom:2rem !important;}
    .p4_wrap .news .ev_more{display:none;}
    .p4_wrap .news .view_more{display:inline-block;margin-top:3rem;} 
    .p4_wrap{text-align:center;margin-top:4rem;}
    .p4_wrap .news ul{background:#fff;border:1px solid #ddd;box-sizing:border-box;border-bottom:none;border-top:none;}
    .p4_wrap .news li{flex-wrap:wrap;padding:2rem;}
    .p4_wrap .news .txt{width:100%;}
    .p4_wrap .news .date{padding-left:7.6rem;padding-top:0.5rem;}
}


@media screen and (max-width: 768px){/*테블릿 사이즈*/

    .view_more{font-size:1.6rem;border-bottom:1px solid var(--point-o);padding:1rem 0.5rem;}
    .view_effect{margin-left:0;}
    .view_effect span{display:none !important;}
    .view_effect::after{display:none;}
    .box-2{background:url(/img/main/section2_mo_bg.jpg) no-repeat center;background-size:cover;align-items: baseline;}
    .box2_wrap{padding-top:0;}
    .box2_txt{text-align:center;max-width:none;}
    .box2_txt span{display:block;}
    .box2_txt h2{letter-spacing:-2px;margin-bottom:2rem;}
    .box2_txt p{font-size:2rem;line-height:noraml;margin-bottom:4rem;}


    .box-3{flex-wrap:wrap;background:none;}
    .brand .thumbs{margin-bottom:0;}
    .brand .btn{display:none;}
    .brand .list .slide_list > li{flex-wrap:wrap;padding:0 0;justify-content: center;}
    .brand .list .slide_list > li .b_lf{order:2;width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content: center;margin-top:0;}
    .brand .list .slide_list > li .b_rt{order:1;width:100%;}

    .brand .list .inner{padding-bottom:0;}
   .brand .thumbs .slide_list > li{width:33.3%;height:5rem;line-height:5rem;font-size:1.5rem;}
   .brand .list .slide_list > li .b_lf .b_tit{order:2;font-size:3.4rem;margin-bottom:5rem;width:100%;}
   .brand .list .slide_list > li .b_lf .b_txt{order:1;width:75%;word-break: keep-all;font-size:1.8rem;margin-bottom:2rem;margin-top:6rem;line-height:150%;padding-right:0;}
   .brand .list .slide_list > li .b_lf .view_more{order:3;font-size:1.6rem}
   .brand .list .slide_list > li .b_rt img{max-width:none;width:100%;height:auto;}

   .box-3{padding-top:0;}



    .flow_banner .list > li {white-space: nowrap;font-size: 18px;color: #222;padding:0 2rem;}
    .flow_banner .list > li img{width:auto;height:6rem;}
}


@media screen and (min-width:768px) and (max-width: 1023px) {
	.box-2{height:100vh;}
    .box2_txt{padding:10rem 4.5rem;}
    .box-3 h2{margin:10rem 0;}
    .footer .con1 a{max-width:30rem;}
    .box1_next{right:0;margin-right:0;}
    .box1_prev{left:0;margin-left:0;}
    .box2_txt span{font-size:3.5rem;line-height:160%;}
    .view_more{font-size:2.5rem !important;}
    .brand .thumbs .slide_list > li{height:6rem;line-height:6rem;font-size:2rem;}
    .brand .list .slide_list > li .b_lf .b_txt{font-size:3rem;}
    .brand .list .slide_list > li .b_lf .b_tit{font-size:5rem;}
}


@media screen and (max-width: 640px){/*모바일~테블릿 사이즈*/
    

}

@media screen and (max-width: 480px){/*모바일 사이즈*/

    .btn_top {display:block;}
    .btn_top img{width:5rem;}

    .box-1 .slide_cukiz{background:url(/img/main/section1_bg_mo.jpg) no-repeat center;background-size:cover;}
    .box-1 .slide_bellzi{background:url(/img/main/section1_bg2_mo.png) no-repeat center;background-size:cover;}
    .box-1 .slide_jelly{background:url(/img/main/section1_bg3_mo.png) no-repeat center;background-size:cover;}


    .box-1 .swiper-pagination{bottom:15rem;}
    .box-1_txt{width:100%;margin-top:-5rem;}
    .box-1_txt .nexon span{display:block;}
    .box-1_txt .sub_txt p{display:none;}
    .box-1_txt .sub_txt .mo_txt{display:block;}
    .box-1_txt .sub_txt .mo_txt span{line-height:140%;font-size:1.8rem;}
    .box1_btn{width:5rem;height:5rem;margin-top:-2.5rem;}
    .box1_prev {left: -0.5rem;margin-left:0;}
    .box1_next {right:-0.5rem;margin-right:0;}
    .box1_animation span:nth-child(2) {margin-left: -0.9rem;}
    .box-1 h2{margin-right:0.8rem;}
    .box-1_txt strong{display:inline;}
    .box-1_txt p{font-size:2rem;}
    .box-1 .slide_bellzi h2{font-size:2.5rem;}
    .box-1 .slide_jelly h2{font-size:2.5rem;}
    .box-1 .slide_cukiz h2{font-size:2.8rem;}
    .scroll_move{bottom:3rem;}
    
    .swiper-slide-active .box1_animation span:nth-child(2) {
        margin-left: -1rem; 
      }

    .box-2{height:100dvh;padding:0 0;box-sizing:border-box;}
    .box2_txt{padding:4rem;}

   .box_wrap{margin-top:0;height:auto;padding:5rem 0 0;}
   .main h2{font-size:3.3rem;margin-bottom:2.5rem;}
   .box-3 .box_wrap{padding:6rem 0 2rem;}
   

   .ico_news{font-size:1.1rem;}
   .p4_wrap .news .txt a{font-size:1.6rem;}
   .p4_wrap .news .date{font-size:1.4rem;}
   .box-4 .sub_tit{font-size:1.8rem;}
   .box-4{padding-top:0;background:#f9f9f9;padding-bottom:5rem;}

   .p4_wrap .news{padding-top:0;width:100%;margin:0 0;padding:0 2rem;}


  
   .brand .swiper-wrapper .swiper-slide-active .b_rt{
    animation-name: fadeInLeft;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  } 


  .brand .swiper-wrapper .swiper-slide-active .b_lf{
    animation-name: fadeInUp;
    animation-duration: 1s;;
    animation-delay: 0.7s;
    animation-fill-mode: both;
  } 

}

@media (max-width:480px) and (max-height:720px) {
    /* html{font-size:54%;}
    .main h2{font-size:3.5rem;}
    .brand .thumbs .slide_list > li{font-size:1.8rem;}
    .brand .list .slide_list > li .b_lf .b_tit{font-size:3.6rem;}
    .brand .list .slide_list > li .b_lf .b_txt{font-size:2rem;}
    .brand .list .slide_list > li .b_lf .view_more{font-size:1.8rem;} */
}


@media screen and (max-width: 320px){/*모바일 iPhone5*/

}

@media (max-width: 950px) and (orientation:landscape){/*PC 작은 모니터*/
    /* section{height:auto !important;} */
}