/* BASIC css start */
.swiper-button-next:after, .swiper-button-prev:after {display:none; }

.visualSwiper { position:relative; overflow:hidden;}
.visualSwiper .swiper-slide {position:relative; overflow:hidden; width:100%;background-repeat: no-repeat; background-position: center center; background-size:cover}
.visualSwiper .swiper-slide a {display:inline-block; width:100%; height:100%; }
.visualSwiper .swiper-slide a img {width:100%;}
.visualSwiper .swiper-slide.has_video .video_iframe {display:inline-block;position: absolute; top:0; left:0; width:100%; height:70%; }
.visualSwiper .swiper-slide.has_video .video_iframe iframe {width:100%; height:100%%;}
.visualSwiper .swiper-pagination {bottom:10px !important; display: flex; align-items: center; justify-content: center;}
.visualSwiper .swiper-pagination-bullet {background:#000; width:5px; height:5px; margin:0 4px !important; opacity:1}
.visualSwiper .swiper-pagination-bullet-active { width:10px; height:10px; background: transparent; border: 2px solid #111; opacity: 1;}

.banner_box { margin:50px 0}
.banner_list li { margin-bottom:4px;  }
.banner_list li:last-child { margin-bottom: 0 }
.banner_list li a {display:inline-block; width:100%; height:100%}
.banner_list li a img {width:100%;}

.section {margin: 60px 0;}
.section_tit { position: relative; }
.section_tit .tit { line-height: 1.4; padding: 0; padding-left:0px; color: #333; border: none; font-size:22px; font-weight: bold; margin: 0; margin-bottom: 15px;}
.section_tit .des{ color: #444; font-size: 14px;}

/* 중간 페럴렉스 배너 */
#parallax_section {width:100%; height:230px; background:url('/design/jh2018/smartskin_2019/img/191004_parallax.jpg') no-repeat center; background-size: cover; background-attachment:fixed; margin:0px 0 50px;}
#parallax_section .wrapper {padding:50px 30px; text-align:center; color:#000;}
#parallax_section .wrapper p {font-size:15px; font-weight:bold; line-height:normal;}
#parallax_section .wrapper span {display:block; margin:10px 0 20px 0; font-size:12px; line-height:normal;}
#parallax_section .wrapper span.btn {display:inline-block; padding:5px 20px; border:1px solid #000; background:#000; color:#fff; font-size:12px;}

#popular_section .prdList {padding:0 15px; counter-reset:number;}
#popular_section .prdList li {display: block; padding: 0; margin-bottom: 12px; width: 100%; display: table;}
#popular_section .prdList li .thumbnail:after {counter-increment:number; content:counter(number); position: absolute; top: 0; left: 0; width: 25px; height: 25px; line-height: 25px; background: rgba(0,0,0,0.8); font-size: 14px; text-align: center; color: #fff;}
#popular_section .prdList li .thumbnail {display: table-cell; width: 90px; height: 90px;}
#popular_section .prdList li .information {padding: 2px 20px; display: table-cell; vertical-align: middle;}

#brand_section .brandLogo {display: inline-block; vertical-align: middle; border: 1px solid #e5e5e5; border-radius: 300px; text-align: center;}
#brand_section .brandLogo a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#brand_section .brandLogo a {width:100%;}
#brand_section .brandLogo a img {width:80%;}

#brand_section .swiper-pagination {margin-top:30px; position: relative;}
#brand_section .swiper-pagination-bullet {width:5px; height:5px; background:#efefef; vertical-align:middle; opacity: 1;}
#brand_section .swiper-pagination-bullet-active {width:8px; height:8px; background-color:#111;}
#brand_section .wrapper {width:100%; margin:0 auto; overflow:hidden;}
/* 컬럼 게시판 */
#board_section {padding:40px 0; margin-bottom:0; background:#f7f7f7;}
#board_section .boardList {border:none;}
#board_section .boardList ul {font-size:0;}
#board_section .boardList li {display:inline-block; margin-bottom:20px; padding:5px; width:50%; border:none; vertical-align: top;}
#board_section .boardList .thumb img {width:100%;}
#board_section .boardList .orangeC {margin-top:15px; margin-left:15px; display:inline-block; font-weight:bold; color:#aaa; font-size:13px;}
#board_section .boardList .orangeC span {margin-right:10px; width:25px; height:25px; line-height:21px; background:#f49730; border-radius:25px; text-align:center; display:inline-block; content:'c'; font-size:16px; color:#fff;}
#board_section .boardList .boardTit {margin-top:5px; padding:10px 15px; font-size:14px; font-weight:bold; color:#111;}
#board_section .boardList .boardTxt {overflow: hidden; display: -webkit-box; padding: 0 15px; font-size: 12px; line-height: 1.5em; color: #555; max-height: 15em; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#board_section .boardList .boardView {margin:0 auto; margin-top:25px; display:block; width:80px; line-height:38px; background:#fff; border-radius:30px; font-size:13px; font-weight:bold; text-align:center; color:#555;}
#board_section .boardList .boardLink {text-align:center;}
#board_section .boardList .boardLink a {display:inline-block; width:150px; line-height:36px; background:#fff; border:1px solid #111; font-size:14px; color:#111;}

#weeklyBest {padding:42px 10px 10px ; margin:0; background:#f0f0f0}
#weeklyBest .cateTit {margin-bottom:0;}
#weeklyBest .cateList {padding:20px 0;}
#weeklyBest .cateList ul {font-size:0; text-align:left;}
#weeklyBest .cateList ul li {display:inline-block; font-size:15px; margin:0 6px;}
#weeklyBest .cateList ul li a{color: #9d9d9d;}
#weeklyBest .cateList ul li a.active {color:#000;}
#weeklyBest .mainPrdSlideArea {display:none;}
#weeklyBest .mainPrdSlideArea.show {display:block; overflow:hidden;} 
#weeklyBest .mainPrdSlideArea .prdList {counter-reset: number;} 
#weeklyBest .mainPrdSlideArea .prdList li .thumbnail a.wakuStarter:before {  counter-increment: number; content: counter(number); position: absolute; top: 0; left: 2px; z-index: 110; color: #fff; line-height: 24px; width: 24px; text-align: center; font-size: 13px; font-weight: 600; background: #000;}
/* BASIC css end */