/* BASIC css start */
/* section common */
.section{margin-bottom: 130px;}
.section h2{text-align: center; color: #000; font-size: 28px; font-weight: 500; margin-bottom:70px; }
.sec_inner{width: 1280px; margin: 0 auto;}
.section .more_item{display: flex; align-items: center; justify-content: center;margin-top:60px}
.section .more_item a{display: flex; align-items: center;transition: all .2s; justify-content: center;gap: 10px; border: 1px solid #ccc; padding: 20px 130px;}
.section .more_item a:hover{border-color: #000;}
.section .more_item a p{color: #000; font-size: 15px; font-weight: 500;}
.section .more_item a img{}
.section .more_item.type2 {padding:0; border:none;}
.section .more_item.type2 a {border: none; border-bottom: 1px solid #000; padding: 0 10px; line-height: 30px;}

/* sec1 */
#sec1{}
#sec1 .swiper{}
#sec1 .swiper ul{/*margin-left: calc((100% / 3) / 2);*/}
#sec1 .swiper ul li{transition: opacity .2s; /*width: calc(100% / 3);*/}
#sec1 .swiper>ul>li:not(.swiper-slide-active,.swiper-slide-next){opacity: .3;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper .btn_wrap{}
#sec1 .swiper .btn_wrap .swiper-pagination {bottom:20px;}
#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:35px; opacity:1; background:#fff;}
#sec1 .swiper .btn_wrap>*{}
#sec1 .swiper .btn_wrap>ul{display: flex; align-items: center;gap: 3px;}
#sec1 .swiper .swiper_prev{cursor: pointer; position: absolute; left: 30px; top: 50%; z-index: 10; margin-top:-18px;}
#sec1 .swiper .swiper_prev img{width:20px;}
#sec1 .swiper .swiper_next{cursor: pointer; position: absolute; right: 30px; top: 50%; z-index: 10; margin-top:-18px;}
#sec1 .swiper .swiper_next img{width:20px;}
#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 li:has(.swiper-pagination){margin: 0 10px;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 19px;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-left: 8px;}
#sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #afafaf;}
#sec1 .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#sec1 .swiper .btn_wrap .control a img{}

/* sec2 */
#sec2{}
#sec2 .sec_inner{}
#sec2 .sec_inner ul{display: flex; flex-wrap: nowrap; justify-content: space-between;}
#sec2 .sec_inner ul li{}
#sec2 .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px;}
#sec2 .sec_inner ul li a img{display: inline-block; border-radius:15px; max-width:105px;}
#sec2 .sec_inner ul li a img:hover{opacity:.8}
#sec2 .sec_inner ul li a p{color: #333333; font-size: 15px; font-weight: 500;}

/* 슬라이드 items */
.slide-items {padding:0 50px; box-sizing:border-box; margin-bottom:130px;}
.slide-items .item_banner img {width:100%;}
.slide-items .item_list {float:none; display:flex; gap:15px; margin-top:20px;}
.slide-items .item_list .thumb {width:150px;}
.slide-items .item_list .info {flex:1;}

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

/* 베스트리뷰 */
.review-cont {padding:0 20px; box-sizing:border-box; position:relative;}
.review-cont .inner {background:#f4f4f4; padding:40px 20px; box-sizing:border-box;}
.review-cont h3 {text-align:center; font-size:32px; font-weight:600; color:#000;}
.review-cont p {text-align:center; font-size:16px; color:#999; margin:20px 0 30px;}
.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:16px; font-weight:600; color:#000; display:block; padding-top:20px;}
.review-cont ul li .board-info .cont-txt {font-size:14px; 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 {font-size:13px; color:#000;}
.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;}
.review-cont .swiper_prev img,
.review-cont .swiper_next img {width:30px;}


/* 메인 배너 4장 노출형 */
#sec1 {
    overflow: hidden;
    margin-bottom: 80px;
}

#sec1 .swiper {
    width: 100%;
    overflow: hidden;
    padding: 0 0;
}

#sec1 .swiper-wrapper {
    align-items: stretch;
}

#sec1 .swiper-slide {
    opacity: 1 !important;
    height: 620px;
}

#sec1 .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

#sec1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 화살표 위치 */
#sec1 .swiper .swiper_prev {
    left: 35px;
}

#sec1 .swiper .swiper_next {
    right: 35px;
}

/* 페이지네이션 점 숨기고 싶으면 */
#sec1 .swiper .btn_wrap {
    display: none;
}
/* BASIC css end */