/* BASIC css start */
#header {z-index:30;}
#header #comment_top{width:100%;position:relative;border-bottom:0;background-color:#fff;}
#mfooter {margin-top: 60px;}
#comment_top {border: none;}
#header .mh_sec02.fixed .space {height:56px;}
/* 고정 하단 소스 */
.main_content {padding-bottom:1px;}
#mfooter {position:fixed;bottom:0;z-index:3;}
#mfooter .mf_sec01 .inner {}
body {padding-bottom:620px !important;overflow:auto !important;}
#wrap {z-index:4;background:#fff;margin:0 auto;}

.mh_empty {display:none !important;}

/* 메인영역01 : 메인 키비주얼 */
.mm_sec01 {margin-bottom:136px;}
.mm_sec01 .swiper01 {max-width: 1920px;height: 605px; width:  100%;}
.mm_sec01 .swiper01 .swiper-slide {width:100%; position:relative;}
.mm_sec01 .swiper01 .swiper-slide img {width:100%;height:100%;object-fit: cover;}
.mm_sec01 .swiper01 .swiper-slide .inner {right:-20px;top: 50%;transform: translateY(-50%);opacity:0; font-size:0px; text-align:left; position:absolute; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;max-width: 100%;width: 100%;}
.mm_sec01 .swiper01 .swiper-slide .inner .txt_wrap {max-width: 1280px; margin: 0 auto -165px;}

.mm_sec01 .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;}
.mm_sec01 .swiper01 .swiper-slide .inner .t01 {color:#fff; font-size:18px; font-weight:600; line-height:24px; letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide .inner .t02 {color:#fff; font-size:40px; font-weight:700; line-height:55px; padding-top:7px;}
.mm_sec01 .swiper01 .swiper-slide .inner .t03  {color:#fff; font-size:16px; font-weight:400; line-height:24px; padding-top:26px;letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide .inner .t04 a {position: relative;width:200px; height:45px; line-height:24px; border:1px solid #fff; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:transparent;display:flex;justify-content:space-around;align-items:center;margin-top:48px;letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide .inner .t04 span {display:block;}
.mm_sec01 .swiper01 .swiper-slide .inner .t04 span.arrow_lb {display:block;width:24px;height:24px;margin-left:0px;background-image:url('/design/blue4459/mini_de25/svg/arrow_light.svg');background-repeat:no-repeat;background-position:center;}

.mm_sec01 .swiper01 .swiper-pagination-bullets {bottom:42px !important;}
.mm_sec01 .swiper01 .swiper-pagination-bullet {margin:0 4px !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;}
.mm_sec01 .swiper01 .swiper-pagination-bullet {opacity:1;background:#d1d1d1;width:22px;height:2px;border-radius:0px;vertical-align:middle; border:1px solid #d1d1d1;}
.mm_sec01 .swiper01 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:54px; height:2px; border:1px solid #1a1a1a; }
.mm_sec01 .swiper01 .swiper-button-prev-main {background-image:url('/design/blue4459/mini_de25/svg/navi_left.svg'); left:60px; width:67px; height:56px; background-size:67px 56px; margin-top:-33.5px; top:50%; left:0; margin-left:70px;;}
.mm_sec01 .swiper01 .swiper-button-next-main {background-image:url('/design/blue4459/mini_de25/svg/navi_right.svg'); right:60px;  width:67px; height:56px; background-size:67px 56px; margin-top:-33.5px; top:50%; right:0; margin-right:70px;}

/*메인비주얼 텍스트 우측정렬 */
.mm_sec01 .swiper01 .swiper-slide.main05 .inner {left:880px;position:absolute;top:16%;} 
.mm_sec01 .swiper01 .swiper-slide.main02 .inner {left:880px;position:absolute;top:60%;} 
.mm_sec01 .swiper01 .swiper-slide.main04 .inner {left:880px;position:absolute;top:60%;} 

/*메인비주얼 텍스트 색상변경 */
.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t01, 
.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t02, 
.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t03 {color:#000;}

.mm_sec01 .swiper01 .swiper-slide.main03 .inner .t02 ,
.mm_sec01 .swiper01 .swiper-slide.main03 .inner .t03 {color:#000;}
.mm_sec01 .swiper01 .swiper-slide.main03 .inner .t04 a { border:1px solid #000;color:#000;}

/*메인비주얼 더보기 색상변경 */
.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t04 a {border: 1px solid #000;color: #000;}

/* 메인02 : PROMOTION */
.mm_sec02 {width: 1280px;margin: 0 auto;}
.mm_sec02 .inner {position: relative; display: flex; font-size: 0; padding-top: 0;}
.mm_sec02 .inner .banner {display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 624px; height: 800px; position: relative; overflow: hidden; transition: height 0.5s;}
.mm_sec02 .inner .banner.fixed {position: fixed;}
.mm_sec02 .inner .banner.fixed.end {position: absolute; bottom: 0; top: inherit;}
.mm_sec02 .inner .banner.fixed.end.reverse {bottom: 0;}
.mm_sec02 .inner .banner.fixed.reverse {top: inherit !important; bottom: 30px;}
.mm_sec02 .inner .banner .text {position: absolute; width: 78%; top: 52px; left: 50%; transform: translateX(-50%); z-index: 10; transition: top 0.3s;}
.mm_sec02 .inner .banner .text div,
.mm_sec02 .inner .banner .text a {transition: all 0.5s;}
.mm_sec02 .inner .banner .text .t1 {font-size: 16px; line-height: 24px; font-weight: 800; color: #fff;}
.mm_sec02 .inner .banner .text .t2 {font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; color: #fff; margin-top: 9px;}
.mm_sec02 .inner .banner .text .t3 {font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #fff;opacity:0.5; margin-top: 22px;}
.mm_sec02 .inner .banner .text .more a {display: block; width: 95px; font-size: 12px; line-height: 18px; letter-spacing: -0.02em; color: #fff;border-radius: 16px; background-color:#37B2AB;padding: 7px 18px; margin-top: 30px; box-sizing: border-box;}
.mm_sec02 .inner .banner img {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.mm_sec02 .inner .banner.fixed .text {top: 78px;}
.mm_sec02 .inner .banner.fixed .text .t1 {font-size: 22px;}
.mm_sec02 .inner .banner.fixed .text .t2 {font-size: 38px;}
.mm_sec02 .inner .banner.fixed .text .t3 {font-size: 18px; margin-top: 15px;}
.mm_sec02 .inner .banner.fixed .text .more a {width: 100%; font-size: 16px; line-height: 26px; padding: 10px; text-align: center;}

.mm_sec02 .goods_list {width: 624px; margin-left: auto;}
.mm_sec02 .item-wrap .item-cont .item-list {height: 100%;margin:0;padding: 0;width: 302px;margin-bottom:72px;}
.mm_sec02 .item-wrap .item-cont .item-list:nth-child(odd) {margin-right:20px;}
.mm_sec02 .item-wrap .item-cont .item-list dt.thumb {width: 100%;}
.mm_sec02 .item-wrap .item-cont .item-list dt.thumb img {border: 0;}
.mm_sec02 .item-wrap .item-cont .item-list .prd-info { margin-top: 10px; vertical-align: top;}
.mm_sec02 .item-wrap .item-cont .item-list .prd-info .prd-name {padding-top:0;}
.mm_sec02 .item-wrap .item-cont:nth-child(2) .item-list:nth-child(4n) {margin:0;}
.mm_sec02 .item-wrap .item-cont .item-list .prd-info .prd-name a {font-size:20px;letter-spacing:-0.02em;}
.mm_sec02 .item-wrap .item-cont .item-list .prd-info .prd-price .price {font-weight:600;margin-bottom:0;}
.mm_sec02  .item-wrap .item-cont .item-list .prd-info .prd-summary a {margin-bottom:10px;}

/* 메인영역07 : 베스트 리뷰 */
.mm_sec07 {position:relative;margin:195px auto 160px;overflow:hidden;}
.mm_sec07 .title_box > div {color:#fff;}
.mm_sec07 .title_box .top_t {opacity:0.5;}
.mm_sec07 .mm_review_bg01{position:absolute;width:70%;height:400px;background:linear-gradient(89.86deg, #2EA49D 0.13%, #6EE7E0 99.88%);z-index:-1;}
.mm_sec07 .mm_review_bg02{position:absolute;left:500px;width:0%;height:400px;background:linear-gradient(89.86deg, #2EA49D 0.13%, #6EE7E0 99.88%);z-index:-1;}
.mm_sec07 .mm_review {max-width:1280px;margin:0 auto;padding-top:36px;}
.mm_sec07 .mm_review .title_box {margin-bottom:48px;}
/* .mm_sec07 .swiper-wrapper {justify-content:space-between;} */
.mm_sec07 .review_li .swiper-slide{width:302px; box-sizing:border-box;}
.mm_sec07 .review_li .re_info {font-size:16px;}
.mm_sec07 .review_li .re_info .re_thmb img {width:100%;}
.mm_sec07 .review_li .re_info .re_desc_box {padding:0 24px;border: 1px solid #e8e8e8;border-top:none;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc {font-size:14px; color:#8a8a8a; font-weight:300; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display:flex;flex-direction: column;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc span.count {order:1;margin-top:24px;width:63px;text-indent:-9999px;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_name {order:2;margin-top:16px;font-size:16px;color:#1a1a1a;font-weight:400;line-height:24px;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content {order:3}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content span,
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content p{margin-top:4px;font-weight:400;font-size:14px !important;line-height:22px;letter-spacing:-0.02em;display:-webkit-box;-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;height:2.8em;overflow:hidden;text-overflow:ellipsis;margin-bottom:16px;color:#9a9a9a;}
.mm_sec07 .review_li .re_date  {display:flex;align-items:center;}
.mm_sec07 .review_li .re_date span {padding-left:0;}
.mm_sec07 .review_li .re_count {display:flex;align-items:center;font-size:16px;}
.mm_sec07 .review_li .re_ span {font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec07 .review_li .re_line {width:100%; height:1px; background-color:#e8e8e8; margin:24px 0px 16px;}
.mm_sec07 .review_li {font-size:0px;}
.mm_sec07 .review_li .MS_review_mark_icon {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-bottom:16px;}
.mm_sec07 .review_li span:first-child { background-repeat:no-repeat; padding-left:0px;color: #1a1a1a !important;}
.mm_sec07 .review_li .re_prd {display:flex;align-items:center;margin-bottom:16px;}
.mm_sec07 .review_li .re_prd img {max-height:38px;border-radius:38px;border:1px solid #e8e8e8}
.mm_sec07 .review_li .re_prd span {font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mm_sec07 .review_li .re_date span{font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec07 .swiper-button-prev-review {background-image:url('/design/blue4459/mini_de25/svg/re_ar_left.svg'); left:60px; width:67px; height:56px; background-size:67px 56px; margin-top:-33.5px; top:50%; left:50%; margin-left:-870px;;}
.mm_sec07 .swiper-button-next-review {background-image:url('/design/blue4459/mini_de25/svg/re_ar_right.svg'); right:60px;  width:67px; height:56px; background-size:67px 56px; margin-top:-33.5px; top:50%; right:50%; margin-right:-870px;}
.mm_sec07 .review_more {margin-top:20px;text-align:center;}
.mm_sec07 .more_btn {text-align:left;}
.mm_sec07 .more_btn span:first-child {margin-left: 21px;}
.mm_sec07 .more_btn span.arrow_lb {left:46px;}


.review_li li {border:1px solid #e8e8e8; box-sizing:border-box; margin-bottom:60px !important;} 
.review_li .re_info {padding:24px 22px 20px;}
.review_li .re_name {font-size:16px; color:#1a1a1a; font-weight:400; padding-right:10px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review_li .re_desc {font-size:14px; color:#8a8a8a; font-weight:300; padding-right:10px; padding-top:0px; overflow:hidden; text-overflow:ellipsis; white-space: normal; margin-top:4px; line-height: 22px; height: 3em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.review_li .re_line {width:100%; height:1px; background-color:#e8e8e8; margin:50px 0px 30px;}
.review_li .re_count {font-size:0px;}
.review_li .re_count > span {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-left:10px;}
.review_li .re_count > p {display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: #5a5a5a;
    font-weight: 300;
    padding-left: 10px;}
.review_li .re_count > span:first-child {background:url('/design/blue4459/mini_de25/re_bg_line.png') top right; background-repeat:no-repeat; padding-left:0px; padding-right:10px;}
.review_li .re_count > .MS_review_mark {float:right; width: 69px;}
.review_li .re_thumb img {width: 100%;}


/* 메인영역03 : 카테고리 */
.mm_sec03 {width: 1280px;margin: 400px auto;position:relative;}
.mm_sec03 .title_box {position:absolute;}
.mm_sec03 .inner {display: flex;align-items: center;justify-content: space-between;}
.mm_sec03 .cate_wrap {width: 30%;}
.mm_sec03 .cate_wrap ul {display: flex;flex-wrap: wrap;}
.mm_sec03 .cate_wrap li {padding:0 97px 40px 0;}
.mm_sec03 .cate_wrap li:nth-child(even) {padding:0 0 40px 0; }
.mm_sec03 .cate_wrap li span {display:block;}
.mm_sec03 .cate_wrap li span.sub_ct {font-size:16px;color:#9a9a9a;line-height:16px;margin-bottom: 10px;}
.mm_sec03 .cate_wrap li span.main_ct {font-size:22px;color:#1a1a1a;font-weight:700;line-height: 24px;position: relative;}
.mm_sec03 .cate_wrap li span.main_ct::after {content: "";position: absolute;display: inline-block;background-image: url('/design/blue4459/mini_de25/cate_arr.svg');background-repeat: no-repeat;background-size: 100%;background-size: 100%;width: 7px;top: 50%;margin-left: 15px; height: 12px;transform: translateY(-50%);}
.mm_sec03 .img_wrap {width:60%;position: relative;top:-100px;}
.mm_sec03 .img_wrap .hover_img {position:absolute;top:0;left: 754px;}
.mm_sec03 .img_wrap .tabcontent01 {position: absolute;opacity:0; transition:all 1.2s; right: -15%;top: -50%;width:740px;object-fit: cover;}
.mm_sec03 .img_wrap .tabcontent01 img{width:100%;}
.mm_sec03 .img_wrap .current {opacity:1;z-index:10;}

.mm_sec03 .swiper_cate { width:740px;}
.mm_sec03 .swiper_cate img {width:100%;}

.mm_sec03 .swiper_cate .swiper-slide {}


/* 메인영역06 : 전광판 텍스트 */
.mm_sec06 {width:100%;position:relative;margin:185px auto 0;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.mm_sec06 .marquee {width:4884px; overflow:hidden;}
.mm_sec06 .marquee .marquee_content {display:flex;list-style:none;animation:scrolling 60s linear infinite;}
.mm_sec06 .marquee .marquee_content .marquee-item {width:2442px;white-space: nowrap;font-weight:700;font-size:120px;text-shadow: -1px 0 #37B2AB, 0 1px #37B2AB, 1px 0 #37B2AB, 0 -1px #37B2AB;line-height:100%;color:#fff;flex-shrink:0}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-4884px); }
}


.mm_sec10 .sec10_box:hover .text_box .name ,.mm_sec10 .sec10_box:hover .num {color:#37B2AB;transition:.3s}
.mm_sec10 .sec10_box:hover:: .arrow{fill:#37B2AB;}


/* 메인영역10 : 가이드 */
.mm_sec10 {margin:364px auto 230px !important;display:flex;justify-content:space-between;}
.mm_sec10 .sec10_box {width:428px;padding: 0 70px 0 24px; border-right: 1px solid #000;}
.mm_sec10 .sec10_box:nth-child(1) {width:480px;padding:0; }
.mm_sec10 .sec10_box:nth-child(2) { flex-grow: 1; }
.mm_sec10 .sec10_box:nth-child(3) { border-right:0;}

.mm_sec10 .sec10_box .num_box {display:flex;justify-content: space-between;align-items: center;}
.mm_sec10 .sec10_box .num{font-size:56px;color:#ccc;font-weight:500;line-height:60px;}
.mm_sec10 .sec10_box img {max-height:56px;}
.mm_sec10 .sec10_box .text_box {font-weight:400;font-size:18px;line-height:22px;letter-spacing:-0.02em;color:#9a9a9a;display:flex;flex-direction:column;}
.mm_sec10 .sec10_box_title {font-size:48px;font-weight:bold;color:#1a1a1a;line-height:60px;}
.mm_sec10 .sec10_box .text_box .name {font-weight:600;font-size:26px;line-height:40px;color:#1a1a1a;margin: 14px 0 49px 0;}
.mm_sec10 .sec10_box .text_box .des {margin:0 84px 0 0;}
.mm_sec10 .sec10_box .arrow {max-height:20px;}
.mm_sec10 .sec10_box {position: relative;}
.mm_sec10 .sec10_box:hover .arrow {background-image: url('/design/blue4459/mini_de25/svg/arrow_mint.svg');background-repeat: no-repeat;
    background-size: 100%;}
.mm_sec10 .sec10_box:hover .arr {opacity:0;}


/* 메인영역 : 더보기 */
.more_btn {position:relative;width:200px;height:45px;line-height:45px;color:#1a1a1a;background-color:transparent;font-size:14px;border:1px solid #1a1a1a;font-weight:500;display:inline-block;text-align:center;letter-spacing:-0.02em; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.more_btn:hover {color:#fff !important;z-index:999;background-color:#37B2AB !important;}
.more_btn:before,
.more_btn span.arrow_lb:before {content: "";display: block;width:0;height:100%;background-color: #37B2AB; position:absolute;left:0;top:0; z-index: -1;transition:all 0.5s !important;}
.more_btn:hover:before {display:block;width:100%;}
.more_btn span.arrow_lb {position:relative;left:0;display:inline-block;width:24px;height:24px;vertical-align:middle;}
.more_btn span.arrow_lb:before {content:"";display:block;background:url('/design/blue4459/mini_de25/svg/arrow_light.svg')no-repeat center center;width:100%;z-index:10;opacity:0;}
.more_btn:hover span.arrow_lb:before {opacity:1;}


/* BASIC css end */