/* 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; 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;}
img {vertical-align: middle;}
select, input {outline: none;}


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

/* 상단 이벤트 배너 */
.top_event {z-index: 103; display:flex;justify-content:center;align-items:center;position: relative; width: 100%; padding: 5px 0; min-height: 40px; background-color: #1a1a1a; text-align: center; box-sizing: border-box;}
.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/young2686/mobile_cosmoline/svg/close.svg') no-repeat;}


/* 상단섹션01 */
#header .mh_sec01 {z-index:103; position: relative; transition: background-color 0.5s cubic-bezier(0.38,0.4,0.42,0.96)}
#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 {padding: 5px; margin-left: -5px;}
#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%);margin-bottom:1px;}
#header .mh_sec01 .top_logo a img {max-height:13px;}

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

#header .mh_sec01 + .mh_blank {display: none; height: 56px;}

/* 상단섹션01 고정 */
#header .mh_sec01.jh_fixed {width:100%;display:flex; flex-direction: column; position:fixed !important; top:0; left:0; background-color: rgba(255,255,255,0.8); }
#header .mh_sec01.jh_fixed .mh_inner {margin:0 auto;}
#header .mh_sec01.jh_fixed .swiper_top {margin:0 0px 0 18px;}
#header .mh_sec01.jh_fixed + .mh_blank {display: block}


/* 상단섹션02 */
#header .mh_sec02 {display: none; width: 100%;}
#header .mh_sec02 .roll_menu {display: flex; align-items: center; width: 94%; margin: 0 auto;}
#header .mh_sec02 .roll_menu .menu {white-space: nowrap; overflow-x: auto;}
#header .mh_sec02 .roll_menu .menu a {display: inline-block; padding: 10px; font-size: 13px; color: #1a1a1a; font-weight: 400;}
#header .mh_sec02 .roll_menu .menu a.bold {font-weight: 700;}
#header .mh_sec02 .roll_menu .arrow {flex-shrink: 0; padding: 0 10px;}
#header .mh_sec02 .roll_menu .arrow img {transition: transform 0.3s;}

#header .mh_sec02 .all_menu {display: none; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
#header .mh_sec02 .all_menu > div {display: flex; flex-wrap: wrap; font-size: 0;}
#header .mh_sec02 .all_menu a {display: inline-block; width: 25%; padding: 10px 0; font-size: 13px; color: #1a1a1a; font-weight: 400; text-align: center;}
#header .mh_sec02 .all_menu a.bold {font-weight: 700;}
#header .mh_sec02 .all_menu a.color {color: #c80303;}
#header .mh_sec02 .all_menu .board {margin-top: 10px;}
#header .mh_sec02 .all_menu .board a {font-weight: 700;}

#header .cate_bg {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #1a1a1a; opacity: 0.5; z-index: 101;}


#header.open .mh_sec01 {background-color: rgba(255,255,255,1);}
#header.open .mh_sec02 .roll_menu .arrow img {transform: rotate(180deg);}
#header.open .cate_bg {display: block;}
#header.open.top .mh_sec01 {background-color: transparent;}
#header.open.top .cate_bg {display: none;}


/* 상단 검색창 */
#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);}


/* 슬라이드 상단 */
.slide_header {margin: 80px 32px 0;}

.slide_header .slide_lang {position: relative; width: max-content; height: 24px; cursor: pointer; margin-left: auto;}
.slide_header .slide_lang span {display: flex; align-items: center; font-size: 14px; line-height: 22px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.02em;}
.slide_header .slide_lang span img {min-width: 12px; width: 12px; padding: 0; margin-left: 10px; transition: 0.3s;}
.slide_header .slide_lang.open span img {transform : rotate(180deg);}
.slide_header .slide_lang.open div {display: block;}
.slide_header .slide_lang div {display: none; z-index: 10; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap; z-index:10; background: #fff; border:1px solid #e8e8e8; padding:14px 0; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); border-radius:8px;}
.slide_header .slide_lang div a {display: block; line-height: 20px; padding: 3px 22px; width: 100%; font-size: 12px; color: #9a9a9a; font-weight: 400; text-align: center; box-sizing: border-box;}


.slide_header > ul {display: flex; margin-top: 20px;}
.slide_header > ul li {flex: 1; display: block; }
.slide_header > ul li a {display: flex; align-items: center; justify-content: center; padding: 8px 0; font-size: 14px; letter-spacing: -0.02em; color: #fff; border: 1px solid #1a1a1a; box-sizing: border-box; background-color: #1a1a1a;}
.slide_header > ul li.login {margin-right: 8px;}
.slide_header > ul li.login a {color: #1a1a1a; background-color: #fff;}

/* 슬라이드 섹션 01 */
.slide_section1 {margin:32px 32px 0; padding-bottom:0; border-bottom:1px solid #1a1a1a;}
.slide_section1 div.line {margin-bottom: 32px;}
.slide_section1 div.line a {display: block; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #1a1a1a; font-weight: 700; padding: 3px 0;}
.slide_section1 div.line a.color {color: #c80303;}
.slide_section1 div.line a.light {font-weight: 400;}


.slide_section1 div.line .ms_cate div.cate {display: flex; align-items: center; justify-content: space-between;}
.slide_section1 div.line .ms_cate div.cate img {transition: transform 0.3s;}
.slide_section1 div.line .ms_cate div.cate.selected img {transform: rotate(180deg);}

.slide_section1 div.line .ms_cate .subMenu {display: none; padding: 5px 0 15px 15px;}
.slide_section1 div.line .ms_cate .subMenu a {font-weight: 400;}


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

/* 슬라이드 섹션 03 */
.slide_section3 {margin: 40px 32px 40px;}
.slide_section3 div {font-size: 16px; color: #1a1a1a; font-weight: 700; line-height: 24px; margin: 5px 0;}
.slide_section3 a {font-size: 35px; color: #1a1a1a; font-weight: 400; line-height: 32px;}
.slide_section3 div span {font-weight: 400;}

/* 슬라이드 섹션 04 */
.slide_section4 {margin: 40px 32px 80px;}
.slide_section4 .swiper-slide img {width: 100%;}


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

/* 상품 썸네일 화면 */
.list_shopping2x {background-color:transparent;}
.list_shopping2x ul {padding:0 !important; font-size: 0;}
.list_shopping2x ul > li {margin-bottom:30px; padding:0 2px;}
.list_shopping2x ul > li a {padding: 0;}
.list_shopping2x  li {display: inline-block; width: 50%; 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 8px;}
.thumbnail img {border:none;  width: 100%; height: 100%;}
.thumbnail .MK-product-icons {position: absolute; left: 0; bottom: 0; height: 18px;}
.list_shoppingInfo .MK-product-icons {margin-top: 0; margin-bottom: 0;}
.list_shoppingInfo .MK-product-icons img {padding: 0 4px 0 0; margin-top: 5px;}
.list_shoppingInfo {margin-top: 0 !important; margin: 0; padding:0; text-align: center;}
.list_shoppingInfo .listName {display:block;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-0.02em;color:#1a1a1a;}
.list_shoppingInfo .listSubname {margin:5px 0 5px;font-weight:400;font-size:12px;color:#9a9a9a;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:16px; max-height:32px;}
.list_shoppingInfo .price_box {display:flex; flex-wrap:wrap;}
.list_shoppingInfo .listPrice { display:flex; flex-wrap:wrap; align-items:center; margin:0; color:#1a1a1a; font-size:14px; font-weight:600;line-height: 24px;}
.list_shoppingInfo .listDiscount {text-align: left;display:block;  padding-top:0; margin-left: 8px; line-height: 1;}
.list_shoppingInfo .listDiscount del {color: #9a9a9a; font-weight: 400; text-decoration: line-through; font-size:12px;}
.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:25px;text-align:center;}
.title_box .title {margin-bottom:4px;font-weight:700;font-size:17px;color:#1a1a1a;}
.title_box .title_sub {font-weight:400;font-size:14px;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: 0px 0 30px; 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:15px; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-name a {font-size:14px; color:#1a1a1a; line-height:24px; font-weight:400;letter-spacing: -0.02em;}
.item-wrap .item-cont .item-list .prd-info .prd-summary {margin:5px 0 5px; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-summary a {font-size:12px;color:#9a9a9a; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:16px; max-height:32px;}
.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:14px;font-weight:600;line-height:24px;display:inline-block;margin-right: 8px;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:12px;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:16px 0 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 img {margin-top:5px;}

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


@media screen and (min-width:250px;){
	.sale_text {padding-bottom:5px;}
	.list_shoppingInfo .listDiscount {padding-top:5px;margin-left:0;}
}
/* BASIC css end */