/* BASIC css start */
.visual_swiper { text-align:center; position:relative; margin-top:10px;}
.visual_swiper .img {position:relative; padding-bottom:105.2%; }
.visual_swiper img { position:absolute; top:0; left:0; width:100%}
.visual_swiper .swiper-pagination-bullet {width:12px; height:12px; background:#b0b0b0 }
.visual_swiper .swiper-pagination-bullet-active {background:#000}
.visual_swiper .swiper-pagination { bottom:24px !important}

.visual_swiper .swiper-slide { width:629px; margin-right:10px}
.visual_swiper .swiper-slide .txt { position:absolute; left:140px; bottom:100px; color:#fff; transition:2s; opacity:0; text-align: left;  }
.visual_swiper .swiper-slide .txt .tit { font-size:32px; font-weight:bold; line-height:1.3; margin-bottom:25px; letter-spacing:-1px; }
.visual_swiper .swiper-slide .txt .des { font-size:18px; }
.visual_swiper .swiper-slide.swiper-slide-active .txt { opacity:1; animation:fadeIn2 1.5s; left:95px; }

@keyframes fadeIn2 {
    0% { left: 140px; }
    100% { left:95px; }
}


.new_visual_swiper .swiper-slide img {width:100%}


.section .wrapper {width: 1600px; margin:0 auto; margin-bottom:120px }
.section.bg { background: #ededed; width: 100%; padding: 114px 0px 60px; margin-bottom: 130px;}
.section .sect_tt {text-align:center; }
.section .sect_tt .tt { font-family: 'Noto Sans KR', sans-serif;  font-size: 28px; color: #000; font-weight: 600; margin-bottom: 50px;}

.section .prod_box {padding:0 130px; box-sizing:border-box; }
.section .more  {text-align:center;}
.section .more  a {display:inline-block; width: 300px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; background: #000; box-sizing: border-box; }



.tabSwiperBox .tab_thumb {text-align:center; margin-bottom:40px; }
.tabSwiperBox .tab_thumb .swiper-pagination-bullet {font-family: 'Noto Sans KR', sans-serif; transition: .2s all; margin: 0 25px; width: auto; height: auto; background: none; border-radius: 0; opacity: 1; font-size: 20px; color: #000; font-weight: 300; padding-bottom: 10px; line-height: 1; border-bottom: 3px solid transparent; opacity:1 }
.tabSwiperBox .tab_thumb .swiper-pagination-bullet:last-child { margin-right:0 !important}
.tabSwiperBox .tab_thumb .swiper-pagination-bullet-active { font-weight: 600; border-bottom: 3px solid #000;}

#contentWrap .trend_list {width:1340px; margin:0 auto;  box-sizing:border-box; }
#section03 {display: none;}
/* BASIC css end */