/* BASIC css start */
/* 211203 morenvy 윤정환 */
@charset "utf-8";
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}
.displaynone {display: none;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}

#container {min-height: 100% !important; margin:0 !important; padding:0 !important; z-index: 100; position: relative; overflow: hidden; background-color: #fff; transition: 300ms; backface-visibility:hidden;}
#content {width:100%; margin:0 auto;}
#contents { background-color:#fff; }
body {font-family:'Montserrat','Pretendard',sans-serif;line-height: 1;}
img {vertical-align: middle;}
select, input {outline: none;}



/* 상단 */
#header {position:relative; width:100%; border-bottom:1px solid #f6f6f6;}

/* 상단 이벤트 배너 */
.top_event {display:flex;justify-content:center;align-items:center;position: relative; width: 100%; height: 40px; background-color: #1a1a1a; text-align: center;}
.top_event a {font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#fff;}
.top_event .closebtn {position: absolute;top:8px;right:3%;width:24px;height:24px;background:url('/design/revivreshop/mobile_cosmoline/svg/close.svg') no-repeat;}


/* 상단섹션01 */
#header .mh_sec01 {}
#header .mh_sec01 .mh_inner {display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 auto;width:94%;height: 56px; box-sizing: border-box;}
#header .mh_sec01 .top_all {float:left;}
#header .mh_sec01 .top_all img {width:24px; height: 24px; vertical-align:middle;}

#header .mh_sec01 .top_logo {position:absolute;left:50%;transform:translateX(-50%);}
#header .mh_sec01 .top_logo a img {max-height:30px;}

#header .mh_sec01 .top_right {float: right;}
#header .mh_sec01 .top_search {}
#header .mh_sec01 .top_search img {max-height:24px; vertical-align:middle;}
#header .mh_sec01 .top_cart {float:left; position:relative; margin-top: -12px; margin-right: 5px; padding: 10px;}


/* 상단섹션01 고정 */
#header .mh_sec01.jh_fixed {width:100%;display:flex;position:fixed; top:0; left:0; z-index:101;background:#fff; border-bottom:1px solid #e5e5e5;}
#header .mh_sec01.jh_fixed .mh_inner {margin:0 auto;}
#header .mh_sec01.jh_fixed .swiper_top {margin:0 0px 0 18px;}

/* 상단 검색창 */
#search_box {display:none; position:fixed; top:0px; z-index:1000; width:100%;  border-top:1px solid #e8e8e8; box-sizing:border-box;}
#search_box .box_inner { height:100%; padding:40px 0px 72px; margin-bottom:22px; background-color:#fff; position:relative; }
#search_box .box_inner2 {width:92%; margin:0 auto; font-size:0px;}
#search_box .search_close {position:absolute;left:50%;bottom:0px;margin-left:-24px;cursor:pointer; z-index:100;}
#search_box .search_title {color:#1a1a1a;font-size:24px;font-weight:700;text-align:center;line-height:32px;position:relative;}
#search_box .search_input {margin-top:32px;}
#search_box .search_input fieldset {position: relative;}
#search_box .MS_search_word {width:100%;height:56px; margin: 0; padding: 0; border:0; background-color:#f3f3f3;padding-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.02em;color:#9a9a9a;}

#search_box .btn_sch {position:absolute;top:16px;right:16px;}

#search_box .search_pop {margin-top:40px;}
#search_box .search_pop .title {color:#1a1a1a; font-size:18px; font-weight:700; text-align:left; line-height:1; margin-bottom:16px; }
#search_box .search_pop .pop_title {margin-left:-8px;}
#search_box .search_pop .pop_title a{display:inline-block;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0.02em;color:#9a9a9a;padding:5px 8px;}
.search_bg {position:fixed; height:100%; width:100%; z-index:101; display:none; background-color:#1a1a1a !important;opacity:0.5;}

/* 슬라이드 너비 */
html.expand {overflow-x: hidden; position: fixed; width: 100%; height: 100%;}
html.expand #container {-webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}
#aside {position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; min-width: 225px; font-size: 11px; visibility: hidden; width:85% !important; padding:0 !important; background-color:#fff !important;}
html.expand #aside {z-index: 0;}
#aside nav .btnHome {position: absolute; top: 31px; right: 73px;}
#aside nav .btnHome img {height: 16px;}
#aside nav .btnClose {top: 31px; right: 31px;}
#aside nav .btnClose img {height:24px;}
#aside .btnClose {position: absolute; padding:0; }

#btnFoldLayout {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition:300ms; z-index:-999;}
html.expand #btnFoldLayout {z-index: 405;  -webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}

/* 슬라이드 카테고리 자동출력 */
#aside .categoryList { font-size:12px; font-weight:normal; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul {margin-top: 15.5px;margin-bottom:32px;}
#aside .categoryList li.selected > a.cate { color:#111;}
#aside .categoryList li.noChild > a.cate { border-top:0; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList > li { border-bottom:0; border-top: 0; }
#aside .categoryList > li.selected li:first-child { border-top:0 !important; }

#aside .categoryList > li > a.cate {display:block;padding-left:45%;position:absolute; top:4px; right:4px; width:24px; height:24px; background:url("/design/revivreshop/mobile_cosmoline/svg/cate_open.svg") no-repeat 100%; background-size:24px 24px;}
#aside .categoryList > li.selected > a.cate { background-image:url("/design/revivreshop/mobile_cosmoline/svg/cate_close.svg"); }
#aside .categoryList > li > ul > li > a.view { padding:5px 8px 5px 32px;font-weight:400;font-size:16px;line-height: 24px;letter-spacing:-0.02em;color:#1a1a1a;margin-bottom:4px;}
#aside .categoryList > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:4px;width:24px;height:24px; background:url("/design/revivreshop/mobile_cosmoline/svg/cate_open.svg") no-repeat 100%; background-size:24px 24px; padding:0 0 0 45% !important;border:0;}
#aside .categoryList > li > ul > li.selected > ul {margin-top: 0;margin-bottom:24px;}
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/revivreshop/mobile_cosmoline/svg/cate_close.svg"); background-size:24px 24px; }
#aside .categoryList > li > ul > li > ul > li > a.view {padding:5px 8px 5px 52px;font-weight:400;font-size:16px;line-height: 24px;letter-spacing:-0.02em;color:#1a1a1a;margin-bottom:4px;}
#aside .categoryList > li > ul > li > ul > li > a.cate { display:block;position:absolute;top:4px;right:4px;width:24px;height:24px; background:url("/design/revivreshop/mobile_cosmoline/svg/cate_open.svg") no-repeat 100%; background-size:24px 24px; padding:0 0 0 45% !important;border:0; }
#aside .categoryList > li > ul > li > ul > li.selected > ul {margin-top: 0;margin-bottom:24px;}
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/revivreshop/mobile_cosmoline/svg/cate_close.svg"); background-size:24px 24px; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate {padding:5px 8px 5px 62px;font-weight:400;font-size:16px;line-height: 24px;letter-spacing:-0.02em;color:#1aa1a;margin-bottom:4px;}
#aside .categoryList a.cate { display:block; padding:0px; word-wrap:break-word; }
#aside .categoryList a.view { position:static; display:block; padding:0; background-color:transparent; border:0;font-size:24px;font-weight:700;line-height:32px;color: #1a1a1a; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; }
#aside .categoryList li.noChild > a.view { display:block; }

/* 슬라이드 섹션 01 */
.slide_section1 {margin:80px 32px 0; padding-bottom:32px; border-bottom:1px solid #e8e8e8;}
.slide_section1 > div {padding:8px;}
.slide_section1 > div > a {font-weight:700;font-size:24px;line-height:32px;color:#1a1a1a;}

/* 커뮤니티 */
.tab_comm {margin-bottom:0px;}
.tab_comm .side_title {font-weight:700;font-size:24px;line-height:32px;color:#1a1a1a;position:relative;}
.tab_comm .side_title span {display:inline-block;position:absolute; top:4px; right:4px; width:24px; height:24px;background:url("/design/revivreshop/mobile_cosmoline/svg/cate_close.svg") no-repeat 50%; background-size:24px 24px;}
.tab_comm .side_title span.open {background:url("/design/revivreshop/mobile_cosmoline/svg/cate_open.svg") no-repeat 100%; background-size:24px 24px;padding-left:45%;}
.tab_comm .board {display: none;}
.tab_comm .board  > ul {margin-top: 14px; margin-bottom:32px;}
.tab_comm .board  > ul > li > a {display: block; padding:5px 8px 5px 32px;font-weight:400;font-size:16px;line-height: 24px;letter-spacing:-0.02em;color:#1a1a1a;margin-bottom:4px;}
.tab_comm .board  > ul > li:last-child a {margin-bottom:0;}

/* 슬라이드 섹션 02 */
.slide_section2 {margin: 0 32px;}
.slide_section2 .login {margin-top:32px;}
.slide_section2 .login li {padding:5px 8px;margin-bottom:4px;}
.slide_section2 .login li a {font-size:16px;line-height:24px;letter-spacing:-0.02em;color:#1a1a1a;}

/* 슬라이드 섹션 03 */
.slide_section3 {margin: 0 32px 80px;}
.slide_section3 li {display: inline-block; margin-right: 10px;}
.slide_section3 li a img {height: 26px;}


/* 더보기 버튼 스타일 변경 */
button.btn_moreGray {margin-top:5px; margin-bottom:50px; width:200px; height:56px; background-color: #fff; border: 1px solid #1a1a1a; box-sizing: border-box; font-size: 16px; color: #1a1a1a; line-height: 1; font-weight:500;}

/* 상품 썸네일 화면 */
.list_shopping2x {background-color:transparent;}
.list_shopping2x .price_box {margin-bottom:16px !important;}
.list_shopping2x ul {padding:0 10.5px !important; font-size: 0;}
.list_shopping2x ul > li {margin-bottom:20px;}
.list_shopping2x ul > li a {padding: 0;}
.list_shopping2x  li {display: inline-block; width: 49%; padding: 0 4.5px; margin-bottom: 40px; box-sizing: border-box;}
.list_shopping2x .list_shoppingInfo {text-align:left !important;}
.thumbnail {position: relative; margin:0 0 15px;}
.thumbnail img {border:none;  width: 100%; height: 100%;}
.thumbnail .MK-product-icons {position: absolute; left: 0; bottom: 0; height: 18px;}
.thumbnail .MK-product-icons img {width: 18px !important; padding: 0;}
.list_shoppingInfo { margin: 0; padding:0; text-align: center;}
.list_shoppingInfo .listName {display:block;font-weight:400;font-size:15px;line-height:22px;letter-spacing:-0.02em;color:#1a1a1a;}
.list_shoppingInfo .listSubname {margin:16px 0;font-weight:400;font-size:14px;color:#9a9a9a;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden;text-overflow:ellipsis;line-height: 13px;max-height:26px}
.list_shoppingInfo .price_box {display:flex;margin-bottom:4px;}
.list_shoppingInfo .listPrice { display:flex; align-items:center; margin:0; color:#1a1a1a; font-size:16px; font-weight:700; }
.list_shoppingInfo .listDiscount {display:inline-block; margin-left: 5px; padding-top:1px; }
.list_shoppingInfo .listDiscount del {color: #9a9a9a; font-weight: 400; text-decoration: line-through;}
.list_shoppingInfo .color > div {line-height: 0;}
.list_shoppingInfo .color span {display:inline-block;float:unset;width:12px;height:12px;margin:0 8px 0px 0px;border:1px solid #e8e8e8;border-radius:8px;box-sizing:border-box;}
.list_shoppingInfo .color span:first-child {margin-left: 0;}



/* 상품 리스트 화면 */
.list_shopping1x {padding-bottom: 40px;}
.list_shopping1x ul {padding:  0 10.5px;}
.list_shopping1x ul > li {padding:14px 6px; box-sizing: border-box; border-top: 1px solid #ececec; width:100% !important;}
.list_shopping1x ul > li:first-child {padding:0 6px 14px;}
.list_shopping1x li:nth-child(2) {border-top: 1px solid #ececec; width:100% !important;}
.list_shopping1x ul > li > a {padding: 0 !important; overflow: unset;}
.list_shopping1x .thumbnail {width:45%; margin: 0 15px 0 0; float: left; padding: 0;}
.list_shopping1x .thumbnail > img {width: 100% !important; height: 100%;}
.list_shopping1x .list_shoppingInfo {float: left; display: flex; flex-direction: column; justify-content:flex-start; flex-wrap: nowrap; padding: 0; width: 45%; /*height: 154px;*/ text-align: left;}

/* 롤링상품 스크롤바 */
.swiper-scrollbar-drag {background-color: #e6c3a8;}

/* 순위 출력 */
.num {text-align:center;width:65px;position:absolute;z-index:1;top:0px;left:0px;font-size:12px;font-weight:700;line-height:24px;color:#fff;background-color:#1a1a1a;border-radius:0 0 8px 0;transition:all 0.3s}

/* 리뷰페이지 삭제버튼 */
#review-list {line-height: 1.5;}
#review-list .all-list > ul > li dd h4 a.btn-white-h15 {float: right;}

/* 서브페이지 색상 */
#join .privercy {background-color: #fff;}
.privercy #terms_agree .terms-agree dl {font-size: 12px;}
a.btn_Red {color : #fff; background-color:#3c3c3c !important; border: 1px solid #3c3c3c !important;}
#basket .price-total-info-bottom .txt-price { color: #1a1a1a;}

.h_title {border-top: 0; border-bottom: 1px solid #e9e9e9; position: relative; background-color: #fff; padding: 0;}
.h_title h3 {line-height: 60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align:center;}
.h_title h3 a {display:none;}

.mypage .h_title {border-top: 1px solid #464646; border-bottom: 1px solid #464646; padding: 6px 10px;}
.mypage .h_title h3 {font-size: 100%; line-height: 1em; padding: 0; color: #3b3b3b; text-align: left;}

/* 공통 : 타이틀 */
.title_box {margin-bottom:32px;text-align:center;}
.title_box .title {margin-bottom:4px;font-weight:700;font-size:24px;line-height:32px;color:#1a1a1a;}
.title_box .title_sub {font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.02em;color:#9a9a9a;}

/*  메인상품진열 관련 CSS */
.item-wrap {width: 100%; margin: 0 auto;}
.item-wrap .item-cont {width: 100%; margin: 0; font-size: 0;}
.item-cont ul li {text-align:left;}
.item-wrap .item-cont {margin: 0;}
.item-wrap .item-cont .item-list {position: relative; display: inline-block; vertical-align: top; margin: 30px 0 20px; padding: 0 22px 0 0; width: 302px; float: none;}
.item-wrap .item-cont .item-list dt.thumb {position:relative; padding:0 0px; margin: 0; overflow:visible; width: 100%; height: auto;}
.item-wrap .item-cont .item-list > .thumb > a {display: block; overflow:hidden;}
.item-wrap .item-cont .item-list > .thumb > a > img {width:100%; height: 100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.item-wrap .item-cont .item-list dl:hover .thumb a img {transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -o-transform:scale(1.06);}
.item-wrap .item-cont .item-list .thumb .prd-ico {z-index: 1; position: absolute; left: 0; bottom: 0; margin: 0; border: 0;}
.item-wrap .item-cont .item-list .thumb .MK-product-icons {margin: 0;}
.item-wrap .item-cont .item-list .thumb .MK-product-icons img {margin: 0; width: 28px !important; height: 28px !important;}
.item-wrap .item-cont .item-list .prd-info {padding: 0; line-height: 0;}
.item-wrap .item-cont .item-list .prd_icon {display: none;}
.item-wrap .item-cont .item-list .cart_icon {opacity:1; position: absolute; bottom:10px; right:10px; height:40px;}

.item-wrap .item-cont .item-list .prd-info .spec {text-align: left;}
.item-wrap .item-cont .item-list .prd-info {padding:0 0px; font-size:0px;}
.item-wrap .item-cont .item-list .prd-info .prd-name {padding-top:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-name a {font-size:16px; color:#1a1a1a; line-height:1; font-weight:400;}
.item-wrap .item-cont .item-list .prd-info .prd-summary {padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-summary a {font-size:14px;color:#9a9a9a;line-height: 22px;letter-spacing: -0.02em;margin-bottom: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 300px;white-space: normal;height: 1.6em;overflow: hidden;text-overflow: ellipsis;}
.item-wrap .item-cont .item-list .prd-info .prd-price {padding-top: 0;font-family:'Montserrat','Pretendard',sans-serif !important;}
.item-wrap .item-cont .item-list .prd-info .prd-price .price {font-size:16px;font-weight:700;line-height:24px;display:inline-block;margin-right: 8px;margin-bottom: 16px;letter-spacing: -0.02em;font-family:'Montserrat','Pretendard',sans-serif !important;}
.item-wrap .item-cont .item-list .prd-info .prd-price.through span {padding-left: 6px; font-size: 12px !important; color: #8a8a8a !important; text-decoration: line-through; font-weight: 400 !important;font-family:'Montserrat','Pretendard',sans-serif !important;}
.item-wrap .item-cont .item-list .prd-info .prd-price strike {font-size:14px;color:#9a9a9a;line-height:22px;display:inline-block}
.item-wrap .item-cont .item-list:nth-child(4n) {padding:0;}

/* 컬러칩 */
.item-wrap .item-cont .item-list .prd-info .color {font-size:0px; padding-top:0px; margin: 0;}
.item-wrap .item-cont .item-list .prd-info .color span {width:10px;height:10px;margin:0 8px 0 0;border:1px solid #e3e3e3;border-radius:10px;display:inline-block;}

/* 아이콘 */
.item-wrap .item-cont .item-list .prd-info .prd-ico {margin-top:24px;}
.item-wrap .item-cont .item-list .prd-info .prd-ico .MK-product-icons:first-child img {margin-left:0; padding-left:0;}

/* 세일박스*/
.salebox {display: inline-block;}
.sale_text {display: inline-block;padding-right: 8px;color: #ff4800;font-size: 16px;line-height: 24px;font-weight: 600}
/* BASIC css end */