@charset "utf-8";
/* CSS Document */


#container{margin-top:-1px;}
#contents .sub_content{width:100%; margin:0; padding:0;}/* 메인 */
.main_visual{overflow:hidden; width:100%;  margin:0 auto; height: auto; border-radius: 20px;}
.main_content{}
.main_slide_ban{overflow:hidden; width:1200px; margin:0 auto;}
.main_slide{float:left; width:610px;}
.main_banner{float:left; width:589px; padding:0 0 0 1px;}
.main_ban_img01,
.main_ban_img02,
.main_ban_img03{display:inline-block; float:left;}
.main_ban_img01{padding:0 0 1px 0;}
.main_ban_img03{padding:0 0 0 1px;}

.main_cont_slide{text-align:center;}

.main_banners {
	display: flex;
	gap: 1.04%;
}
.main_banners.type2 {
	margin-top: 120px;
}
.main_banners.type3 > a, .main_banners.type3 > img {
	width: 32.6%;
}
.main_banners.type2 > a, .main_banners.type2 > img{
	width: 49.47%;
}
.main_banners img{
	width: 100%;
	max-width: none;
	object-fit: contain; border-radius: 20px;
}
.main_goods_cont_with_banner .goods_list {
	padding-bottom: 0;
}
.main_goods_cont_with_banner .goods_list_tit {
	padding: 0;
}
.main_goods_cont_with_banner .goods_list_tit h3{
	display: none;
}
.main_goods_cont_with_banner .item_group_type .item_photo_box {
	width: 180px;
	float: left;
}
.main_goods_cont.no-title .goods_list_tit {
	display: none;
}
.main-prd-list {
	padding-inline: 60px;
}
.main_top_product_display {
	padding: 0;
}
.main_top_product_display .goods_list_tit {
	display: none;
}
.main_top_product_display ul {
	display: flex;
	gap: 1.04%;
	margin: 0 auto;
}
.main_top_product_display ul li{
	padding: 0;
	width: 32.6% !important;
}
.main_top_product_display .goods_list {
	padding: 0;
}
.main_top_product_display .item_simple_type .item_con {

}
.main_top_product_display .item_simple_type .item_photo_box,
.main_top_product_display .item_simple_type .item_cont a,
.main_top_product_display .item_simple_type .item_cont a > img {
	width: 100%;
}

.main_ban_img01,
.main_ban_img02,
.main_ban_img03 {
	width: 100%;
}
.main_goods_cont {

  margin: 0 auto;
}
.survey-banner > div {
	display: flex;
	justify-content: center;
}
.main_new_arrivals_product_display {
  margin: 0 auto;
}
.main_ban_img03 {
	border-bottom: none;
	padding: 20px 0 0 0;
}
.main_goods_cont_with_banner {
	padding: 120px 0;
	display: flex;
	gap: 20px;
	overflow: auto;
  margin: 0 auto;
}
.main_goods_cont_with_banner .main_banner_with_list img {
	width: 704px;
	height: 500px;
	max-width: none;
}
.main_goods_cont_with_banner .goods_list_cont ul li{
	padding: 0 20px 20px 0;
}
.main_md_pick_product_display {
	max-width: var(--max-width);
  margin: 0 auto;
}
.main_md_pick_product_display .goods_list {
	padding: 0;
}

.main_banner_wide {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.main_banner_wide img {
	width:  100%;
}

.goods_list.main_wrap_2.display-type01 .item_photo_box{
	width: initial;
}
.sub_content h1{font-size: 38px; font-family:'ELAND_Choice_M'; }
	
/*mainbanner >> 이외 수정은 proc > _slider_banner.html 에서*/
	.slider-wrap {position: relative;}
	.sliderh1{position: absolute; top: 15%; left: 5%; z-index: 5; font-size: 38px; text-align: left; letter-spacing: -3px; font-weight: 300; color: #fff;}
	.sliderh1 strong{font-size: 60px; font-weight: 700;}
	.sliderp{position: absolute; top: 42%; left: 5%; z-index: 5; font-size: 26px; font-weight: 500; color: #fff;}




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

.body-main #wrap .slider-banner-1392785488 img {height:550px;}
.sub_content h1 {font-size: 30px;}
	.sliderh1, .sliderp{left: 7%;}
	.sliderp{top: 49%;  font-size: 23px;}
}




/*sec01*/
.sec01{margin: 100px auto; display: flex;}
.sec01 .s01_L{flex-basis: 60%;  flex-shrink: 0;}
.sec01 .s01_L .conb, .sec01 .s01_R .conb{  margin-top: 20px;}
.sec01 .s01_L .conb ul{ display: flex; flex-wrap: wrap; gap:7px; }
.sec01 .s01_L .conb ul li{ width: 47%; padding: 75px 30px; border: 1px solid #ebebeb;background-color: #f7f7f7; border-radius: 20px; display: flex; align-items: flex-start;}
.sec01 .s01_L .conb ul li h5{font-size: 22px; border-radius: 10px; padding: 6px 40px; color: #fff; margin-right: 20px;}
.sec01 .s01_L .conb ul li:nth-child(1) h5{background-color: #2dd48e;}
.sec01 .s01_L .conb ul li:nth-child(2) h5{background-color: #48bb0f;}
.sec01 .s01_L .conb ul li:nth-child(3) h5{background-color: #d74eca;}
.sec01 .s01_L .conb ul li:nth-child(4) h5{background-color: #e70e2b;}
.sec01 .s01_L .conb ul li p{font-size: 18px; letter-spacing: -0.5px;}

.sec01 .s01_R{flex-grow: 1;}
.sec01 .s01_R .conb ul{ }
.sec01 .s01_R .conb ul li{ }
.sec01 .s01_R .conb .box-wrap { display: flex; flex-wrap: wrap; gap:7px; }
.sec01 .s01_R .conb .hoverbox {width: 49%; border: 1px solid #ebebeb;background-color: #f7f7f7; border-radius: 20px; position: relative;}
.sec01 .s01_R .conb .hoverbox img { width: 100%; border-radius: 20px;}
.sec01 .s01_R .conb .hoverbox .hovertext { color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); width: 100%;  padding: 15px; box-sizing: border-box;  opacity: 0; transition: opacity 0.35s ease-in-out;  height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 20px;}
.sec01 .s01_R .conb .hoverbox:hover .hovertext { opacity: 1;}
.sec01 .s01_R .conb .hoverbox .hovertext h3 {font-size: 24px; padding-bottom: 0.4em; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}
.sec01 .s01_R .conb .hoverbox .hovertext p {font-size: 20px; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}

/*sec02*/
.sec02{margin-bottom: 100px; }
.sec02 .goods_list_cont ul,.sec03 .goods_list_cont ul  {justify-content: space-between;}


/*sec04*/
.sec04{margin: 100px auto 0 auto; position: relative; }
.sec04:before{content: ""; position: absolute; bottom: 0; left: 0;  background-image: url(../../img/main/sec04_bg.jpg);  display: block;  background-repeat: no-repeat; z-index: -3; width: 100%; height: 953px;}
.sec04 .Mtxt {display: flex;  justify-content: space-between; align-items: center;}
.sec04 .Mtxt span a{font-size: 16px; color: #36c494;font-weight: bold;}
.sec04 .goodsreview {display: flex; padding: 0 0 100px 0;}
.sec04 .goodsreview .goodsreview_body{ width: calc((100% / 4)); background-color:#f8f8f8; border-radius: 20px; margin: 0 10px; border: 1px solid #e8e8e8;}
.sec04 .goodsreview .goodsreview_body .goodsreviewimg img{border-radius: 20px 20px 0 0;}
.sec04 .goodsreview .goodsreviewstxt{padding: 10px 20px;}
.sec04 .goodsreview .goodsreviewstxt h4{font-size: 17px;}
.sec04 .goodsreview .goodsreviewstxt p {font-size: 15px; color: #666; margin-top: 12px;}
.sec04 .goodsreview .goodsreviewstxt .writer{font-size: 14px; color: #9C9C9C;}
.sec04 .goodsreview .goodsreviewstxt .goodsreview_cont_text a p img {display: none;}

/*sec05*/
.sec05 {margin: 100px auto;}
.sec05 .main_goods_cont_with_banner{ padding: 30px 0;}
.sec05 .main_goods_cont_with_banner .main_banner_with_list{flex-basis: 34%;  flex-shrink: 0;}
.sec05 .main_goods_cont_with_banner .display-type01{flex-grow: 1;}
.sec05 .main_goods_cont_with_banner .goods_list_tit{margin-bottom:0;}
.sec05 .main_goods_cont_with_banner .main_banner_with_list a {position: relative;}
.sec05 .main_goods_cont_with_banner .main_banner_with_list a img { width: 100%; height: auto; border-radius: 20px; }
.sec05 .main_goods_cont_with_banner .main_banner_with_list a h5{position: absolute;  bottom: -220px; right: 6%; font-size: 19px; background-color: rgba(255, 255, 255, 0.7); border-radius: 30px; padding: 10px 50px;font-weight: 600;}
.sec05 .display-type01 .item_cont{margin-top:0;}
.sec05 .main_goods_cont_with_banner .goods_list_cont ul li{    padding: 0 20px;}


/*sec06*/
.sec06 {}
.sec06 ul{ display: flex;    justify-content: space-between;}
.sec06 ul li{text-align: center;}
.sec06 ul li img{    width: 98%;  border-radius: 10px;}


@media all and ( max-width: 1920px ){
	
	.sec01 .s01_L {flex-basis: 58%;}
	.sec01 .s01_L .conb ul li{ display: block;  padding: 30px; }
	.sec01 .s01_L .conb ul li h5 {font-size: 19px; padding: 4px 30px; display: inline-block;	margin-bottom: 10px;}
	.sec01 .s01_L .conb ul li p { font-size:17px;letter-spacing: -1.8px;}
	
	.sec05 .main_goods_cont_with_banner .main_banner_with_list { flex-basis: 33%;  flex-shrink: 0;}
	.sec05 .main_goods_cont_with_banner .goods_list {flex-grow: 1;}
	.sec05 .item_photo_box{height: 300px!important;  width: 300px !important;}
	.sec05 .main_goods_cont_with_banner .main_banner_with_list a h5 {	bottom: -167px;}
}





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

    .sec05 .item_photo_box { height: 250px !important;  width: 250px !important; }
}