/* BASIC css start */
/* section common */
.section{margin-bottom: 40px;}
.section *{box-sizing:border-box}
.section h2{text-align: center; color: #222222; font-size: 18px; font-weight: 500;  font-family: 'Noto Sans KR', sans-serif; margin-bottom:40px; }
.sec_inner{padding:0 5%}
.section .more_item{display: flex; align-items: center; justify-content: center;}
.section .more_item a{display: flex; align-items: center;transition: all .2s; justify-content: center;gap: 6px; border: 1px solid #e4e4e4; padding: 14px 0; width:100%}
.section .more_item a p{color: #999999; font-size: 13px; font-weight: 500;}
.section .more_item a img{transform:scale(.66); transform-origin:center center}

/* sec1 */
#sec1{}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper ul li .txt_area{padding-top: 5px;}
#sec1 .swiper ul li .txt_area p{font-family: 'Noto Sans KR', sans-serif;}
#sec1 .swiper ul li .txt_area p.big{color: #222;font-size: 28px; font-weight: 500; margin-bottom: 13px;}
#sec1 .swiper ul li .txt_area p.small{color: #999999; font-size: 17px; font-weight: 400;}
#sec1 .swiper .btn_wrap .swiper-pagination {bottom:10px;}
#sec1 .swiper .btn_wrap .swiper-pagination .swiper-pagination-bullet {border-radius:0; width:20px; height:2px; margin: 0 1px; opacity:0.2;}
#sec1 .swiper .btn_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:30px; opacity:1; background:#fff;}
/*#sec1 .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border: 1px solid #afafaf;}
#sec1 .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;}*/
#sec1 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_prev img{}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 15px;display: flex; align-items: center; gap: 1px;}
#sec1 .swiper .btn_wrap>ul.paginationWrap li{margin: 0 10px;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500; font-family: 'Jost', sans-serif;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#sec1 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_next img{}
#sec1 .swiper .btn_wrap .control{margin-right: 8px;}
#sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; }
#sec1 .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#sec1 .swiper .btn_wrap .control a img{}
#sec1 .swiper .btn_wrap .sec1_more a{display:flex; align-items:center ;gap:5px; color:#777777; font-size:14px; font-weight:400}


/* sec2 */
#sec2{}
#sec2 .sec_inner{}
#sec2 .sec_inner ul{display: flex; flex-wrap: wrap; justify-content: space-between;gap:15px}
#sec2 .sec_inner ul li{width:calc((100% - 60px) / 4)}
#sec2 .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
#sec2 .sec_inner ul li a img{display: inline-block; border-radius:15px; width:100%}
#sec2 .sec_inner ul li a p{ font-family: 'Noto Sans KR', sans-serif; color: #333333; font-size: 13px; font-weight: 400;}

/* 슬라이드 items */
.slide-items {padding:0 0 0 15px; box-sizing:border-box; margin-bottom:40px;}
.slide-items .item_banner img {width:100%;}
.slide-items .item_list {float:none; display:flex; gap:10px; margin-top:10px;}
.slide-items .item_list .thumb {width:100px;}
.slide-items .item_list .info {flex:1; padding:10px 0 0;}
.slide-items .item_list .info .prdprice {margin:5px 0;}
.slide-items .item_list .info .prdname {font-size:13px;}
.slide-items .item_list .info .prdname b {font-size:14px;}

/* 와이드배너 */
.wide-banner {margin-bottom:40px;}
.wide-banner img {width:100%;}
.wide-banner .flex {display:flex;}
.wide-banner .flex a {flex:1;}

/* 베스트리뷰 */
.review-cont {position:relative;}
.review-cont .inner {background:#f4f4f4; padding:20px; box-sizing:border-box;}
.review-cont h3 {text-align:center; font-size:24px; font-weight:600; color:#000;}
.review-cont p {text-align:center; font-size:14px; color:#999; margin:10px 0 15px;}
.review-cont ul {}
.review-cont ul li {}
.review-cont ul li .board-thumb img {width:100%;}
.review-cont ul li .board-info .title-txt {font-size:14px; font-weight:600; color:#000; display:block; padding-top:20px;}
.review-cont ul li .board-info .cont-txt {font-size:13px; font-weight:400; color:#999; margin:10px 0 5px; display:block;}
.review-cont ul li .board-info div {display:flex; align-items:center; justify-content:space-between;}
.review-cont ul li .board-info div .write-txt {}
.review-cont ul li .board-info div .score-txt {}
.review-cont .swiper_prev {position:absolute; left:25px; top:50%; z-index:1; cursor:pointer;}
.review-cont .swiper_next {position:absolute; right:25px; top:50%; z-index:1; cursor:pointer;}
/* BASIC css end */