@charset "utf-8";



/*메인비주얼*/
.mainVisual_slider {overflow:hidden; width:100%; height:760px; position:relative; z-index:9; backface-visibility:hidden}
.mainVisual_slider .swiper-slide {background-size: cover; background-repeat: no-repeat; background-position: center;}
.mainVisual_slider .swiper-slide.mv1 {background-image: url("../_img/visual_ring.jpg");}
.mainVisual_slider .swiper-slide.mv2 {background-image: url("../_img/content/main_visual2.jpg");}
.mainVisual_slider .swiper-slide.mv3 {background-image: url("../_img/content/visual_pen.jpg");}
.mainVisual_slider .swiper-slide.mv4 {background-image: url("../_img/content/main_visual4.jpg");}
.mainVisual_slider-pagination {position: absolute; bottom: 30px !important; left: 0; text-align: center; width: 100%; z-index: 9;}
.mainVisual_slider-pagination span {width: 80px !important; height: 4px !important; background-color: #626262; border-radius: 0; margin: 0 5px !important; cursor: pointer;}

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

@media all and (max-width:980px) {
    .mainVisual_slider {height: 100vh;}  
    .mainVisual_slider .swiper-slide.mv1 {background-image: url("../_img/content/res-main_visual1.jpg?ver=0316");}
    .mainVisual_slider .swiper-slide.mv2 {background-image: url("../_img/content/res-main_visual2.jpg?ver=0316");}
    .mainVisual_slider .swiper-slide.mv3 {background-image: url("../_img/content/res-main_pen.jpg?ver=0316");}
	 .mainVisual_slider .swiper-slide.mv4 {background-image: url("../_img/content/res-main_visual4.jpg?ver=0316");}
}

@media all and (max-width:768px) {
    .mainVisual_slider-pagination {bottom: 20px !important}
    .mainVisual_slider-pagination span {width: 60px !important; height: 3px !important;}
}

@media all and (max-width:640px) {
    .mainVisual_slider-pagination {bottom: 20px !important}
    .mainVisual_slider-pagination span {width: 50px !important; height: 3px !important;}
}




#section-shop_intro { margin:50px 0 20px 0}
#section-shop_intro .section_title {}
#section-shop_intro .section_title h6 {color: #78b240}




/*추천*/
#section-recommend_item {padding: 0 50px; box-sizing: border-box; background: #f9f9f9; padding:30px 0 50px 0}
#section-recommend_item .inner_cont { box-sizing: border-box;  margin-top:30px;}
#section-recommend_item .section_title p {color: #999}
.rcmdItem_slider {width: 100%; overflow: hidden; padding: 15px; box-sizing: border-box;}
.rcmdItem_slider-pagination {text-align: center;}
.rcmdItem_slider-pagination span {background-color: #626262;}

@media all and (max-width:1100px){
    #section-recommend_item {padding-left: 30px; padding-right: 30px;}
    #section-recommend_item .inner_cont {padding-left: 20px; padding-right: 20px;}
}

@media all and (max-width:768px){
    #section-recommend_item {padding-left: 0; padding-right: 0;}
    #section-recommend_item .inner_cont {border-radius: 50px 50px 0 0; padding-bottom: 30px; padding-left: 0; padding-right: 0}
}


/*매거진*/
.megazine_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.megazine_list .megazineBox { width: 24.3%; border: 1px solid #e4e4e4; margin-left:8px; box-sizing: border-box;  transition: 0.3s;}
.megazine_list .megazineBox .cover {position: relative; overflow:hidden; width: 100%; max-height: 430px;}
.megazine_list .megazineBox .cover img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.megazine_list .megazineBox .megazine_info {padding: 30px; box-sizing: border-box; width: 100%; background: #fff;}
.megazine_list .megazineBox .megazine_info p {text-align: center; font-size: 15px; color: #999; line-height: 1.56; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; height: 3.12em; -webkit-line-clamp: 2;}
.megazine_list .megazineBox .megazine_info p.title {color: #212121; font-weight: 500; margin-bottom: 15px; font-size: 19px; -webkit-line-clamp: 1; height: 1.56em;}
.megazine_list .megazineBox:hover .cover img {transform: scale(1.1,1.1);}

@media all and (max-width:1100px){
}

@media all and (max-width:980px){
    .megazine_list .megazineBox {width:47%}
    .megazine_list .megazineBox .megazine_info p.title {margin-bottom: 10px;}
}

@media all and (max-width:768px){    
    .megazine_list .megazineBox .megazine_info {padding: 20px 10px;}
    .megazine_list .megazineBox .megazine_info p { text-align: left; font-size: 13px;}
    .megazine_list .megazineBox .megazine_info p.title {font-size: 15px; margin-bottom: 5px; }
}