/* BASIC css start */
#header {z-index:30;}
#header.fixed #comment_top {background-color: #fff;border-bottom:1px solid #ededed !important;}
#mfooter {margin-top: 60px;}
#comment_top {border: none;}

/* 고정 하단 소스 */
.main_content {padding-bottom:1px;}
#mfooter {position:fixed;bottom:0;z-index:3;}
#mfooter .mf_sec01 .inner {}
body {padding-bottom:510px !important;overflow:auto !important;}
#wrap {z-index:4;background:#fff;margin:0 auto;}

/* 메인 키비주얼 */
.mm_sec01 {margin-bottom:120px;}
.mm_sec01 .swiper01 {width:100%; height: 840px;}
.mm_sec01 .swiper01 .swiper-slide {width:1920px; position:relative;}
.mm_sec01 .swiper01 .swiper-slide img {width:100%;height:100%;}
.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/young2686/0784cosmoline/svg/main_ar_left.png'); left:60px; width:67px; height:56px; margin-top:-33.5px; top:50%; left:50%; margin-left:-870px;;}
.mm_sec01 .swiper01 .swiper-button-next-main {background-image:url('/design/young2686/0784cosmoline/svg/main_ar_right.png'); right:60px; width:67px; height:45px; margin-top:-33.5px; top:50%; right:50%; margin-right:-870px;}


/* 키워드 */
.mm_sec02 {display:flex;flex-direction: column;align-items: center;margin:0 auto 50px !important;}
.mm_sec02 .title_box {margin-bottom:48px;}
.mm_sec02 .trend_keyword {max-width:740px;display:flex;flex-wrap:wrap;justify-content:center;}
.mm_sec02 .trend_keyword a {display:inline-block;margin-right:16px;margin-bottom:16px;padding:12px 16px;border:1px solid #ddd;box-sizing:border-box;font-size:18px;color:#1a1a1a;line-height:24px;letter-spacing:-0.02em;}


/* 강조배너 */
.mm_sec03 {margin:0 auto 160px !important;}
.mm_sec03 .swiper-container {padding: 20px 0;}
.mm_sec03 .swiper-wrapper {margin-left: -26px;}
.mm_sec03 .swiper-slide img {width: 100%; transform: scale(0.9); transition: transform 0.3s ease-in-out; transform-origin: center;}
.mm_sec03 .swiper-slide-active {margin: 0 33px;}
.mm_sec03 .swiper-slide-active img {width: 100%; transform: scale(1.05);}

.mm_sec03 .swiper-button-prev-02,
.mm_sec03 .swiper-button-next-02 {opacity: 0; transition: opacity 0.5s;}

.mm_sec03 .swiper-container:hover .swiper-button-prev-02,
.mm_sec03 .swiper-container:hover .swiper-button-next-02 {opacity: 1;}

.mm_sec03 .swiper-button-prev-02 {background: url('/design/young2686/0784cosmoline/svg/prev.svg'); left:1%; width:58px; height:58px; background-size:100%; top:50%; transform: translateY(-50%); margin-top: 0;}
.mm_sec03 .swiper-button-next-02 {background: url('/design/young2686/0784cosmoline/svg/next.svg'); right:1%;  width:58px; height:58px; background-size:100%;top:50%; transform: translateY(-50%); margin-top: 0;}


/* 4단진열 01 */
.mm_sec04 {margin:0 auto 160px !important;}
.mm_sec04 .prd_more {text-align:center;}
.mm_sec04 .item-wrap .item-cont .item-list:nth-child(4n) {padding:0;}


/* 탭 진열 */
.mm_sec05  {display: flex; justify-content: center; margin:0 auto 160px !important; padding: 0 4%;}

.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 {margin-right: 150px; font-size:0px;}
.tab_menu_area .txt01 {line-height:1.3; font-size:46px; color:#1a1a1a; font-weight:700;}
.tab_menu_area .txt02 {line-height:1; font-size:18px; color:#8a8a8a; font-weight:300; padding-top:30px;}


.item-wrap.swiper03 {width:1219px;}
.item-wrap.swiper03 dl.swiper-slide {margin-bottom:80px;}
.item-wrap.swiper03 .item-cont > dl {margin-top: 0; padding: 0;}
.item-wrap.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;}
.item-wrap.swiper03 .swiper-scrollbar-drag {background: #1a1a1a; border-radius:0px; height:2px;}


@media screen and (max-width: 1699px) {
.item-wrap.swiper03 {float:right; width:1055px;}
}
@media screen and (max-width: 1499px) {
.item-wrap.swiper03 {float:right; width:905px;}
}

/* 4단진열 02 */
.mm_sec06 {margin:0 auto 160px !important;}
.mm_sec06 .prd_more {text-align:center;}
.mm_sec06 .item-wrap .item-cont .item-list:nth-child(4n) {padding:0;}


/* 슬라이드 배너 */
.mm_sec07 {margin:0 auto 160px !important; max-width: 1920px;}
.mm_sec07 .swiper04 .swiper-slide {width: 100%; height: auto; position:relative;}
.mm_sec07 .swiper04 .swiper-slide img {width: 100%;}
.mm_sec07 .swiper04 .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position:absolute; left:120px; 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;}
.mm_sec07 .swiper04 .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_sec07 .swiper04 .swiper-slide .inner .t01 {color:#282828; font-size:32px; font-weight:700; line-height:40px;margin-bottom:8px;}
.mm_sec07 .swiper04 .swiper-slide .inner .t02 {color:#282828; font-size:16px; font-weight:400; line-height:24px;}
.mm_sec07 .swiper04 .swiper-slide .inner .t03 {margin-top:40px;transition:all 0.5s;}
.mm_sec07 .swiper04 .swiper-pagination-bullets {bottom:42px !important;}
.mm_sec07 .swiper04 .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_sec07 .swiper04 .swiper-pagination-bullet {opacity:1;background:#d1d1d1;width:22px;height:2px;border-radius:0px;vertical-align:middle; border:1px solid #d1d1d1;}
.mm_sec07 .swiper04 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:54px; height:2px; border:1px solid #1a1a1a; }


/* 리뷰 */
.mm_sec08 {position:relative;margin:0 auto 160px;overflow:hidden;}
.mm_sec08 .mm_review_bg01{position:absolute;width:50%;height:400px;background-color:#f3f3f3;z-index:-1;}
.mm_sec08 .mm_review_bg02{position:absolute;left:500px;width:50%;height:400px;background-color:#f3f3f3;z-index:-1;}
.mm_sec08 .mm_review {max-width:1280px;margin:0 auto;padding-top:120px;}
.mm_sec08 .mm_review .title_box {margin-bottom:48px;}
.mm_sec08 .swiper-wrapper {justify-content:space-between;}
.mm_sec08 .review_li .swiper-slide{width:302px; box-sizing:border-box;}
.mm_sec08 .review_li {}
.mm_sec08 .review_li .re_thumb a {font-size: 0; line-height: 1;}
.mm_sec08 .review_li .re_thumb img {width:100%;}
.mm_sec08 .review_li .re_info .re_desc_box {padding:0 24px;border: 1px solid #e8e8e8;border-top:none;}
.mm_sec08 .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_sec08 .review_li .re_info .re_desc_box .re_desc span.count {order:1;margin-top:24px;width:63px;text-indent:-9999px;}
.mm_sec08 .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_sec08 .review_li .re_info .re_desc_box .re_desc .re_content {order:3}
.mm_sec08 .review_li .re_info .re_desc_box .re_desc .re_content span,
.mm_sec08 .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_sec08 .review_li .re_date  {display:flex;align-items:center;}
.mm_sec08 .review_li .re_date span {padding-left:0;}
.mm_sec08 .review_li .re_count {display:flex;align-items:center;}
.mm_sec08 .review_li .re_ span {font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec08 .review_li .re_line {width:100%; height:1px; background-color:#e8e8e8; margin:24px 0px 16px;}
.mm_sec08 .review_li {font-size:0px;}
.mm_sec08 .review_li .MS_review_mark_icon {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-bottom:16px;}
.mm_sec08 .review_li .re_prd {display:flex;align-items:center;margin-bottom:16px;}
.mm_sec08 .review_li .re_prd img {max-height:38px;border-radius:38px;border:1px solid #e8e8e8}
.mm_sec08 .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_sec08 .review_li .re_date span{font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec08 .swiper-button-prev-review {background-image:url('/design/young2686/0784cosmoline/svg/main_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_sec08 .swiper-button-next-review {background-image:url('/design/young2686/0784cosmoline/svg/main_ar_right.svg'); right:60px;  width:67px; height:45px; background-size:67px 56px; margin-top:-33.5px; top:50%; right:50%; margin-right:-870px;}
.mm_sec08 .review_more {margin-top:20px;text-align:center;}


.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 > span:first-child {background:url('/design/young2686/0784cosmoline/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%;}

/* 이벤트 */
.mm_sec09 {margin:0 auto 160px !important; display: none !important;}
.mm_sec09 .ev_box {display:flex;justify-content:space-between;margin-bottom:60px;}
.mm_sec09 .ev_box li {width:628px;}
.mm_sec09 .ev_box .ev_img {position:relative; margin-top:5px; width:100%;}
.mm_sec09 .ev_box .ev_title {display:flex;flex-direction:column;font-weight:600;font-size:24px;line-height:32px;color:#1a1a1a;margin-top:24px;}
.mm_sec09 .ev_box .ev_title span {font-weight:400;font-size:18px;line-height:24px;letter-spacing:0.02em;color:#9a9a9a;margin-top:8px;}
.mm_sec09 .review_more {text-align:center;}

/* 게시판 */
.mm_sec10 {margin:200px auto 160px !important;display:flex;justify-content:space-between;}
.mm_sec10 .sec10_box {display:flex;justify-content:center;width:410px;height:144px;background-color:#f3f3f3; padding: 0 3%; box-sizing: border-box;}
.mm_sec10 .sec10_box img {max-height:56px;}
.mm_sec10 .sec10_box .text_box {margin:0 55px 0 16px;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#9a9a9a;display:flex;flex-direction:column;}
.mm_sec10 .sec10_box .text_box .name {font-weight:600;font-size:18px;line-height:24px;color:#1a1a1a;}
.mm_sec10 .sec10_box .arrow {max-height:20px; margin-left: auto;}
.mm_sec10 .sec10_01, 
.mm_sec10 .sec10_02,
.mm_sec10 .sec10_03 {display:flex;align-items: center; width: 100%;}


/* 메인영역 : 더보기 */
.more_btn {position:relative;width:238px;height:64px;line-height:64px;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:#000 !important;}
.more_btn:before,
.more_btn span {visibility: visible;}
.more_btn span.arrow_lb:before {content: "";display: block;width:0;height:100%;background-color: #000; 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:8px;display:inline-block;width:24px;height:15px;vertical-align:middle;}
.more_btn span.arrow_lb:before {content:"";display:block;background:url('/design/young2686/0784cosmoline/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 */