@charset "utf-8";


/* 내용관리 */
#ctt {padding:20px;max-width: 1280px;margin: auto;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.tabnav{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 413px));}
.tabnav li a{display: block; padding: 20px; text-align: center; border: 1px solid #eee;font-size: 1.3em;}
.tabnav li a.active{background-color: #806044; color: #fff;}
.tabcontent{padding: 50px 0;}
.new_product_wrap{padding: 50px 0;}
.wp_title h4{font-size: 2.5em; text-align: center; margin-bottom: 50px;}
.new_product_wrap ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 396px)); gap: 25px;}
.new_product_wrap ul li{padding: 30px; border: 1px solid #eee; border-radius: 0 20px 0 20px;}
.img-box{width: 100%; height: 300px;margin-bottom: 20px;position: relative;overflow: hidden;}
.img-box > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.new_product_wrap ul.round-wrap{display: grid;grid-template-columns: repeat(auto-fit, minmax(287px, 1fr)); gap: 30px;}
.new_product_wrap ul li.round-item{border: 0;}
.new_product_wrap ul li.round-item .img-box{height: 227px;border-radius: 50%; background-color: #E4D8C9;}
.new_product_wrap ul li.round-item .img-box i{display: block; font-size: 7em; color: #3E2C25; line-height: 227px;text-align: center;}
.round-item h5{font-size: 1.5em; text-align: center; margin-bottom: 20px;}
.round-item p{text-align: center;}
.item .text h5{font-size: 1.5em; margin-bottom: 10px;}
.new_product_wrap > img{width: 100%;}
.swiper-container{
    height: 100%;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
    color: #fff;
}