/* BASIC css start */
#btnTop a.sns {display:none;}
.swiper-slide {font-size:0}

#header .topBanner  {display:none !important; }
#contents {padding-top:0 !important; }

.main_top_banner_box {position: relative; width: 100%; margin: 0 auto; overflow: hidden; font-size: 0; background: #000; height: 40px; line-height: 40px;}
.main_top_banner_box .item {display: block; height: 40px; color: #fff;  padding-left: 20px; line-height: 40px; font-size: 13px; }
.main_top_banner_box .item span {color:#fe510d; font-weight:600}

.visual_box {}
.visual_box a {display:block; position:relative; font-size:0; padding-bottom: 113.2%; z-index:5}
.visual_box a img {width:100%;position: absolute; top: 0; left: 0; }
.visual_box .title { position: absolute;  z-index: 2; bottom: 12%; left: 5%;text-align: left;}
.visual_box .title .big {line-height: 30px; letter-spacing: -1px;  font-size: 24px; font-weight: 600; color: #ffffff; display: block; margin-bottom: 12px;  line-height:1 }
.visual_box .title .sm { letter-spacing: -0.5px; font-size: 15px; font-weight: 300; color: #ffffff; line-height:1; }
.visual_box .swiper-slide img {  width:100%}
.visual_box .swiper-slide:before {content: "";  z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(360deg, #000000, transparent); opacity: .25;}
.visual_box .swiper-pagination { background: #9f9e9a; color: #fff; font-size: 9px; bottom: 20px; right: 20px; left: auto; width: auto; border-radius: 20px; padding: 6px 7px;}
.visual_box .swiper-pagination span {  padding: 0 2px; background: #9f9e9a; color: #fff; font-size: 11px;  }

.visual_box .swiper-button-next:after, .visual_box .swiper-button-prev:after {display:none;}
.visual_box .swiper-button-next, .visual_box .swiper-button-prev {display: inline-block; width: 24px; height: 24px; color: #fff; font-size: 30px;  background-image: none; background-image: none;}
.visual_box .swiper-button-prev {left:32px;}
.visual_box .swiper-button-next {right:32px;}



.section {margin:60px 0}
.section_tit {padding:0 0px 16px 13px; margin-bottom:14px; position:relative; }
.section_tit .tit {font-size: 18px; font-weight: bold; line-height: 27px; letter-spacing: -0.5px; padding-right:74px; }
.section_tit .tit .point {color:#ea1620; font-style: normal; font-size:14px; }
.section_tit .dec {font-size: 12px;  font-weight: normal;  margin: 5px 0 0px; display: block; line-height: 1; color: #9b9b9b;}
.section_tit .more {position: absolute; right: 13px;top: 0;color: #ff4400; font-size:13px; letter-spacing: -.5px; padding: 8px 0; display: block; line-height: 1;}

.section .swiper_prod_box  {padding:0 0px 0 5px}
.section .prod_box {padding:0 16px; box-sizing:border-box; }
.section .typeMoreview {margin:24px 0}
.prodSwiper .swiper-slide  { width: 159px; margin-right: 2px}



.tabSwiperBox {}
.thumbSwiper {padding:0 16px; }
.thumbSwiper .swiper-wrapper {justify-content: center;}
.thumbSwiper .swiper-slide { word-break: break-all; position: relative;  width: auto;  height: auto;  text-indent: unset;  background: none; border-radius: 0; opacity: 1; padding:0px 16px; height:38px; display:flex; align-items: center; justify-content: center; font-weight: 500; font-size:14px;  color: #000; background: #f0f0f0;border-radius: 60px;}
.thumbSwiper .swiper-slide.active {font-weight:bold; }
.thumbSwiper .swiper-slide.active:after { width:5px; height: 5px; }
.tabSwiper {margin-top:20px; }

.typeMoreview.mainmoreplus {
    margin: 20px auto;
    width: 90%;
    border: 1px solid #000;
    text-align: center;
    border-radius: 2px;
}

.typeMoreview.mainmoreplus a {
    color: #000;
    font-size: 14px;
    padding: 10px 0;
    display: block;
    line-height: 1;
    font-weight: bold;
    border: none
}


.mainBtmBanner { }
.mainBtmBanner .banner {width:100%; box-sizing:border-box;}
.mainBtmBanner .banner a {display:block; position:relative; }
.mainBtmBanner .banner span {display:block; }
.mainBtmBanner .banner .img img {width:100%; }
.mainBtmBanner .banner .txt {display: none; align-items: center; justify-content: center;position:absolute; top:0; left:0; width:100%; height:100%;  background: rgba(255, 255, 255, 0.45);font-size: 48px; text-transform: uppercase; font-weight:500}
.mainBtmBanner .banner:hover  .txt {display: flex; }
#section02 .prod_box {
    padding: 0
}

/* BASIC css end */