/* 210609 morenvy 윤정환 */
@charset "utf-8";
/* CSS Document */
#container { max-width:100%; }

/* 메인영역 : 메인 키비주얼 */
.swiper01 {width:100%; height: 688px;}
.swiper01 .swiper-slide {width:1680px; position:relative;}
.swiper01 .swiper-slide img {width:100%;}
.swiper01 .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position:absolute; left:220px; top:0px; height:100%; margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper01 .swiper-slide-active .inner {opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}

.swiper01 .swiper-slide .inner .t01 {color:#1a1a1a; font-size:14px; font-weight:700; line-height:1;}
.swiper01 .swiper-slide .inner .t02 {color:#1a1a1a; font-size:46px; font-weight:300; line-height:60px; padding-top:38px;}
.swiper01 .swiper-slide .inner .t03  {color:#1a1a1a; font-size:18px; font-weight:300; line-height:1; padding-top:38px;}
.swiper01 .swiper-slide .inner .t04 {width:132px; height:42px; line-height:42px; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:#e6c3a8; display:inline-block; margin-top:60px;}

.swiper01 .swiper-pagination-bullets {bottom:60px !important;}
.swiper01 .swiper-pagination-bullet {margin:0 7px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper01 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper01 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:30px; height:8px; border:1px solid #1a1a1a; }

.swiper01 .swiper-button-prev-main {background-image:url('/main_files/main_ar_left.png'); left:60px; width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; left:50%; margin-left:-870px;;}
.swiper01 .swiper-button-next-main {background-image:url('/main_files/main_ar_right.png'); right:60px;  width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; right:50%; margin-right:-870px;;}

/*메인 비주얼 스와이프*/
#container{margin-top:-1px;}
#contents .sub_content{width:100%; margin:0; padding:0;}/* 메인 */
.main_visual{overflow:hidden; width:100%;  margin:0 0 70px 0;}
.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;}
.scroll_wrap{top:806px;}

/* 메인영역 01 : 신상품 */
.mm_sec01 {padding-top:100px;}


/* 메인영역 02 : 이벤트 배너 01  */
.mm_sec02 {height:700px; position:relative; margin-top:134px; overflow:hidden;}
.mm_sec02 .story_inner {width:1240px; margin:0 auto; position:relative; padding-top:100px;}
.mm_sec02 .story_inner_bg01 {background-color:#efe7dc; position:absolute; top:0; left:0; width:50%; height:500px; padding:100px 0; z-index:1;}
.mm_sec02 .story_inner_bg02 {background-color:#efe7dc; position:absolute; top:0; left:420px; width:50%; height:500px; padding:100px 0; z-index:0;}
.mm_sec02:after {position:absolute;top:0;right:50%;display: block;content:""; width:100%; height:700px; background:#efe7dc;}

.swiper-container.swiper02_txt {width:630px; height:500px; float:left; background-color:#efe7dc;position:absolute; top:100px; left:0;z-index:5;}
.swiper-container.swiper02_txt .swiper-slide {background-color:#efe7dc;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt {position:absolute; width:630px; height:500px; display:flex; justify-content:center; flex-direction: column; padding-top:0px;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt01 {font-size:14px; font-weight:700; color:#1a1a1a; line-height:1; word-break:keep-all;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt02 {font-size:46px; font-weight:300; color:#1a1a1a; line-height:60px; margin-top:38px; word-break:keep-all;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt03 {font-size:18px; font-weight:300; color:#5a5a5a; line-height:28px; margin-top:28px; padding-bottom:38px; word-break:keep-all;}

.swiper-container.swiper02 {width:100%; height:500px; padding:0 0 0 630px; float:left; overflow:visible;}
.swiper-container.swiper02 .swiper-slide {width:830px; padding-left:0px;}
.swiper-container.swiper02 .swiper-slide a {width:100%; height:500px; display:block; border-radius:60px 0px 60px 0px; background-position:center center !important;}

.swiper-pagination2 {text-align:left !important;}
.swiper-pagination2.swiper-pagination-bullets {bottom:40px !important;}
.swiper-pagination2 .swiper-pagination-bullet {margin:0 14px 0 0 !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper-pagination2 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper-pagination2 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:8px; height:8px; border:1px solid #1a1a1a; }


/* 메인영역 03 : 추천상품 베스트 */
.mm_sec03  {padding-top:140px;}

/* 탭메뉴 */
.item_tit_box .item_name_explain{padding-top: 13px;}
.tab_goods_16.item_vl_tab_type .item_photo_box{border:none;}
.m_tab01 {font-size:0; text-align:left; margin-top:58px;}
.m_tab01 li {color:#8a8a8a; font-size:16px; cursor:pointer; position:relative; display:block;  font-weight:400;  width:238px; height:42px; line-height:42px; border:1px solid #ffffff; text-indent:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; box-sizing:border-box;}
.m_tab01 li.current {color:#1a1a1a; border:1px solid #1a1a1a; }
.m_tab01 li:hover {color:#1a1a1a;}
.tabcontent01 {display:none; margin-top:0px; }
.tabcontent01.current {display: block;}
.tab_menu_area {float:left; font-size:0px;}
.tab_menu_area .txt01 {line-height:1.3; font-size:46px; color:#1a1a1a; font-weight:300;}
.tab_menu_area .txt02 {line-height:1; font-size:18px; color:#8a8a8a; font-weight:300; padding-top:30px;}

/* 탭메뉴 : 스와이퍼 CSS */
.swiper03 {float:right; width:1255px;}
.swiper03 .swiper-slide {margin-bottom:80px;}
.swiper03 .swiper-slide:nth-child(odd) {padding-top:140px;}
.swiper03 .prdList > li {margin-top: 0;}
.swiper03 .swiper-scrollbar { left:0px !important; bottom:0px !important; height:1px !important; width:100% !important; background:#fff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e8e8e8;}
.swiper03 .swiper-scrollbar-drag {background: rgba(230, 195, 168, 1); border-radius:0px; height:2px;}
.swiper03 .item_photo_box > a > img {width:100%;}
.swiper03 .tab_goods_16.item_vl_tab_type .item_photo_box{width:100%;}

/* 메인영역 04 : 배너상품 */
.mm_sec04 {padding-top:140px;min-width:1680px;}
.main_grid3 .prdlist{width: 90% !important;}
.main_grid3 ul li.banner_area {width:100%;max-width:540px; float:left; margin:0px 0px 0px 30px;  border:1px solid #e8e8e8; box-sizing:border-box; font-size:0px;}
.main_grid3 ul li.banner_area .ban img {width:100%;}
.main_grid3 ul li:first-child {margin-left:0px;}
.main_grid3 ul li.banner_area .txt {padding:50px 40px 0px}
.main_grid3 ul li.banner_area .txt span {display:block;}
.main_grid3 ul li.banner_area .txt span.name {font-size:20px; font-weight:700; color:#1a1a1a; line-height:1; padding-right:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main_grid3 ul li.banner_area .txt span.desc {font-size:16px; font-weight:300; color:#8a8a8a;  padding-right:10px; padding-top:16px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.6; height:4.8em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.main_grid3 ul li.banner_area .txt span.bg {margin:45px 0px 0px 0px !important; width:100%; height:19px; background:url('../img/mimg/mp_ban_bg.png') top center;}
.banner_area .item_photo_box img{width: 100%;}


/* 메인영역 05 : 이벤트배너 02 */
.mm_sec05 {padding-top:140px; max-width:1920px; margin:0 auto; }
.center_banner {font-size:0px; text-align:center; background-color:#f6f6f6;}
.center_banner li:first-child {text-align:right; padding-right:20px;}
.center_banner li {display: inline-block; position:relative; background-color:#fff;}
.center_banner li a {display:block; width:830px; height:300px; background-position:top right !important;}
.center_banner .txt01 {position:absolute; left:60px; top:80px; font-size:14px; line-height:1; font-weight:700; color:#1a1a1a; text-align:left;}
.center_banner .txt02 {position:absolute; left:60px; bottom:60px; font-size:0px; line-height:1; font-weight:700; color:#1a1a1a; text-align:left;}
.center_banner .txt02 span {line-height:1.2; font-size:16px; display:block; color:#5a5a5a; font-weight:300;}
.center_banner .txt02 span:first-child {font-size:36px;  color:#1a1a1a; padding-bottom:10px;}


/* 메인 영역 06 : 상품후기 */
.mm_sec06 { padding-top:140px; width:100%; max-width:1720px; margin:0 auto; }
.mm_sec06 .review_event { width:24%; }
.mm_sec06 .review_event .p_thumb { position:relative; }
.mm_sec06 .review_event .p_thumb .thumb_txt { position:absolute; left:20px; bottom:40px; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt01 { padding-bottom:5px; font-size:14px; font-weight:500; color:#fff; letter-spacing:1px; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt02 { padding-bottom:10px; font-size:28px; font-weight:500; color:#fff; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt03 { font-size:14px; color:#fff; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt04 { width:130px; height:41px; margin-top:30px; font-size:14px; font-weight:400; color:#fff; line-height:41px; letter-spacing:1px; border-bottom:1px solid #fff; }
.mm_sec06 .review_event .p_thumb .thumb_txt:hover .r_txt04 { width:145px; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt04 a { color:#fff; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt04 span { float:right; text-align:right; vertical-align:middle; }
.mm_sec06 .review_event .p_thumb .thumb_txt .r_txt04 span img { width:12px; height:7px; margin:17px 3px; }
.mm_sec06 .review_event .p_thumb .thumb_txt:hover .r_txt04 span { margin-right:25px; }
.mm_sec06 .review_event .p_thumb img { width:100%; }

.mm_sec06 .review_grid { width:100%; max-width:1680px; margin:45px auto 0 auto;  text-align:right; } 
.mm_sec06 .review_grid ul li { float:left; width:23.6%; margin:0 0 80px 20px; border:1px solid #e8e8e8;  position:relative; }
.mm_sec06 .review_grid ul li:first-child { margin-left:0; }
.mm_sec06 .review_grid .re_ban img { width:100%; }
.mm_sec06 .review_grid .re_txt { padding: 38px 28px 38px;  text-align: left;}
.mm_sec06 .review_grid .re_txt .t01 { font-size:18px; color:#1a1a1a; font-weight:400; padding-right:10px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mm_sec06 .review_grid .re_txt .t02 { max-height:57px; margin:12px 5% 0 0; padding:0; font-size:13px !important; font-weight:300 !important; color:#aaa !important; line-height:1.5; text-decoration:none !important; overflow:hidden; }
.mm_sec06 .review_grid .re_txt .t02 * { font-size:14px; color:#8a8a8a; font-weight:300; padding-right:10px; padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height: 1.5; height: 3em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.mm_sec06 .review_grid .re_txt .t02 img { display:none; }
.mm_sec06 .review_grid .re_txt .t03{width:100%; height:1px; background-color:#e8e8e8; margin:50px 0px 30px;}
.mm_sec06 .review_grid .re_txt .t04 { display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-left:10px; margin-top: 6px; }
.mm_sec06 .review_grid .re_txt .t04 span.sort {padding:0 5px; color:#ddd; padding-left:10px; }
.mm_sec06 .review_grid .re_txt .t04 span.date{display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-left:10px;}
.mm_sec06 .review_grid .re_txt .t05 {float: right;  text-align:left; text-align: bottom;}
.mm_sec06 .review_grid .re_txt .t05 .rating_star { display:inline-block; width:88px; height:15px; background:url('../../img/mimg/icon_star_bg.png')no-repeat left top; vertical-align:middle; text-indent:-9999px; }
.mm_sec06 .review_grid .re_txt .t05 .rating_star span {display:block; background:url('../../img/mimg/icon_star_fill.png')no-repeat left top; }
.mm_sec06 .review_more a{width: 148px; height: 48px; display: block; margin: 0 auto; padding: 12px 0 10px 0; font-size: 16px; color: #1a1a1a; text-align: center; border: 1px solid #dadada; box-sizing: border-box;}


/* 메인 영역 07 : 트렌드 픽 */
.mm_sec07{margin-top: 170px;}


/* 메인영역 01 : 메인 키비주얼 : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.swiper01 {height: 664px;}
.swiper01 .swiper-slide {width:1430px;} 
.swiper01 .swiper-slide .inner {left:180px;}
.swiper01 .swiper-slide .inner .t02 {font-size:42px; line-height:56px;}
.swiper01 .swiper-button-prev-main {margin-left:-745px;}
.swiper01 .swiper-button-next-main {margin-right:-745px;}
}

@media screen and (max-width: 1499px) {
.swiper01 {height: 594px;}
.swiper01 .swiper-slide {width:1280px;} 
.swiper01 .swiper-slide .inner {left:140px;}
.swiper01 .swiper-button-prev-main {margin-left:-670px;}
.swiper01 .swiper-button-next-main {margin-right:-670px;}
}

/*  메인영역 02 : 신상품 진열대 : 미디어 쿼리  */
.mm_sec01 .galley_type > ul > li {float: left;}
.mm_sec01 .galley_type > ul > li,
.galley_type ul > li > .item_cont {width:405px; margin:0px 0px 30px 0px !important; }
.galley_type ul > li:first-child {margin-left:0px;}

@media screen and (max-width: 1699px){ 
.mm_sec01 .galley_type > ul > li,
.galley_type ul > li > .item_cont {width:343px;}
.mm_sec01 .galley_type > ul > li > .item_photo_box img,
.galley_type ul > li > .item_cont .item_photo_box > a > img {width:100%;} 
}
@media screen and (max-width: 1499px){
.mm_sec01 .galley_type > ul > li,
.galley_type ul > li > .item_cont{width:305px;}
}

/* 메인영역 03 : 이벤트 배너 01 : 미디어쿼리  */
@media screen and (max-width: 1699px) {
.swiper-container.swiper02 .swiper-slide {width:705px;}
}
@media screen and (max-width: 1499px) {
.swiper-container.swiper02 .swiper-slide {width:628px;}
}

/* 메인영역 04 : 탭 상품 진열 : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.swiper03 {float:right; width:1055px;}
}
@media screen and (max-width: 1499px) {
.swiper03 {float:right; width:905px;}
}

/* 메인영역 05 : 이벤트배너 02 : 미디어쿼리  */
@media screen and (max-width: 1699px) {
.center_banner li a{ width:710px;}
}
@media screen and (max-width: 1499px) {
.center_banner li a{ width:630px;}
}

/* 메인영역 구분자 삭제 */
#main_sub_t {display:none;}