/* BASIC css start */
@font-face {
	font-family: 'Chapaza';
	src: local('Chapaza'),
		url('/design/shehjcom/font/Chapaza.woff') format('woff');
}

@font-face {
	font-family: 'Felixti';
	src: local('Felixti'),
		url('/design/shehjcom/font/Felixti.woff') format('woff');
}

@font-face {
	font-family: 'gothambook';
	src: local('gothambook'),
		url('/design/shehjcom/font/gothambook.woff') format('woff');
}


a, div, ul, li, span, p { font-family: "Noto Sans KR", sans-serif; }

.aaaaaaaaa { font-family: "Felixti", "Noto Sans KR", sans-serif; }
.aaaaaaaaa { font-family: "Noto Sans KR", sans-serif; }
.aaaaaaaaa { font-family: "Felixti", serif; }
.aaaaaaaaa { font-family: 'Cormorant Garamond', serif; }


.top_linebanner { position: relative; width: 100%; text-align: center; z-index: 9998; }
.top_linebanner > div { font-family: "Noto Sans KR", sans-serif; background: #000000; padding: 10px 0px; font-size: 15px; color: #ffffff; font-weight: 300; }
.top_linebanner > div > span { font-weight: 500; font-family: "Noto Sans KR", sans-serif; }


.uw_top { position: relative; width: 100%; min-width: 1570px; background: rgba(255,255,255,0); padding: 30px 0px; }
.uw_top { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_top > ul { font-size: 0px; }
.uw_top > ul > li { display: inline-block; }
.uw_left_logo { position: relative; width: 0px; height: 19px; overflow: hidden; }
.uw_left_logo { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_left_logo img { height: 25px; vertical-align: top; }

.uw_top.active { position: fixed; top: 0px; background: rgba(255,255,255,0.5); }
.uw_top.active .uw_left_logo { width: 39px; padding-right: 10px; }
.uw_top.active .uw_logo { opacity: 0; }
.uw_top.active .uw_menu_hide { width: 750px; opacity: 1; display: none; }
.uw_top.active .uw_logo img { width: 1px; }

.uw_all_menu { position: relative; width: calc( 50% - 160px ); margin-left: 40px; text-align: left; font-size: 0px; z-index: 10; }
.uw_all_menu { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_all_menu > div { display: inline-block; vertical-align: middle; }
.uw_all_menu > div a { font-size: 16px; font-weight: 400; vertical-align: top; }
.uw_all_menu_bt { position: relative; width: 30px; height: 19px; margin-right: 10px; cursor: pointer; }
.uw_all_menu_bt span { position: absolute; width: 30px; height: 1px; background: #000000; opacity: 1; }
.uw_all_menu_bt span { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_all_menu_bt span:nth-child(1) { top: 0px;  }
.uw_all_menu_bt span:nth-child(2) { top: 9px; }
.uw_all_menu_bt span:nth-child(3) { bottom: 0px; }
.uw_all_menu_bt.active { position: fixed; z-index: 9999; }
.uw_all_menu_bt.active span { width: 20px; }
.uw_all_menu_bt.active span:nth-child(1) { top: 9px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.uw_all_menu_bt.active span:nth-child(2) { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.uw_all_menu_bt.active span:nth-child(3) { opacity: 0; }

.uw_all_menu_bt.active { animation-name: uw_all_menu; animation-duration: 0.6s; animation-timing-function: ease; animation-fill-mode: forwards; animation-iteration-count: 1; }
@keyframes uw_all_menu {
	0% { left: 45px; top: 60px; }
	100% { left: 220px; top: 60px; }
}


.uw_menu_hide { position: absolute; opacity: 0; width: 0px; white-space: nowrap; overflow: hidden;  }
.uw_menu_hide { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_menu_hide > ul { font-size: 0px; margin-left: 20px; }
.uw_menu_hide > ul { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_menu_hide > ul > li { display: inline-block; margin-right: 20px; }
.uw_menu_hide > ul > li a { font-size: 16px; font-weight: 600; }
.uw_menu_hide > ul > li a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_menu_hide > ul > li a:hover { color: rgba(163,109,106,0.75); }



.uw_log_cs { margin-left: 10px; }
.uw_log_cs:after { content: '¡å'; position: relative; display: inline-block; font-size: 16px; transform: scale(0.35); left: -2px; top: 1px; }

.uw_logo { width: 200px; text-align: center; }
.uw_logo { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.uw_logo img { width: 143px; }
.uw_logo img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.uw_search { width: calc( 50% - 160px ); font-size: 0px; text-align: right; margin-right: 40px; }
.uw_search > div { position: relative; display: inline-block; vertical-align: middle; }
.uw_search_s a { font-size: 18px; font-weight: 700; padding: 0px 17px 0px 8px; cursor: pointer; }
.uw_search_s .MS_search_word { width: 280px; border: 0px; border-bottom: 1px solid #000000; padding-left: 10px; background: none; }
.uw_cart {}
.uw_cart .cart_qua { position: absolute; left: 0px; right: 0px; text-align: center; top: 4px; }


/*Àüü¸Þ´º*/
.all_menu_section { position: fixed; width: 270px; height: 100%; background: #ffffff; left: -270px; top: 0px; z-index: 9997; }
.all_menu_section { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.all_menu_section > ul { padding-left: 50px; padding-top: 100px; }
.all_menu_section > ul > li { padding-bottom: 8px; }
.all_menu_section > ul > li:nth-child(1) { padding-bottom: 60px; }
.all_menu_section > ul > li:nth-child(1) img { width: 100px; }
.all_menu_section > ul > li a { font-family: "Cormorant Garamond", "Noto Sans KR", sans-serif;  font-size: 20px; font-weight: bold; letter-spacing: 0px; }
.all_menu_section > ul > li.uw_sub_text a { font-size: 12px; color: #7b7b83; font-weight: 300; letter-spacing: 0px; }
.all_menu_best,
.all_menu_new { cursor: pointer; }


.all_menu_best, .all_menu_new { font-family: 'Cormorant Garamond', serif; }
.all_menu_section > ul > li.left_menu_log { padding-top: 20px; }
.all_menu_section > ul > li.left_menu_log span { display: inline-block; position: relative; padding-right: 13px; }
.all_menu_section > ul > li.left_menu_log span:first-child:after { content: '.'; position: absolute; right: 5px; top: -4px; font-size: 18px; line-height: 18px; color: #5c5c5c; }
.all_menu_section > ul > li.left_menu_log span a { font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #787878; font-weight: 400; }
.all_menu_section > ul > li.left_menu_home { position: relative; padding-top: 30px; margin-top: 30px; font-size: 14px; color: #5c5c5c; font-family: 'Noto Sans KR', sans-serif; }
.all_menu_section > ul > li.left_menu_home:before { content: ''; position: absolute; width: 165px; height: 1px; background: #cccccc; top: 0px; left: 0px; }
.all_menu_section > ul > li.left_menu_home div {}
.all_menu_section > ul > li.left_menu_home div:nth-child(1) { letter-spacing: 0.1px; padding-bottom: 5px; }
.all_menu_section > ul > li.left_menu_home div:nth-child(2) { padding-bottom: 10px; }
.all_menu_section > ul > li.left_menu_home div:nth-child(3) {}
.all_menu_section > ul > li.left_menu_home div:nth-child(3) a { font-size: 21px; font-weight: 600; color: #000000; letter-spacing: 1.5px; }

.all_menu_section.active { left: 0px; }


/*»óÇ° ¸®½ºÆ® css*/
.hj_goods_list { position: relative; width: 1570px; font-size: 0px; text-align: center; }
.goods_list_s {position: relative; display: inline-block; width: calc( 25% - 15px ); margin-right: 20px; padding-bottom: 60px; vertical-align: top; font-family: 'Noto Sans KR',sans-serif; text-align: left; }
.goods_list_s:nth-child(4n) { margin-right: 0px; }
.goods_list_s:last-child { margin-right: 0px; }
.goods_list_s .goods_th { position: relative; width: 100%; }
.goods_list_s .goods_th img { width: 100%; }
.goods_list_s .goods_color { font-size: 0px; line-height: 0px; padding-top: 13px; }
.goods_list_s .goods_color span { width: 21px; height: 4px; display: inline-block; border: 1px solid #d1d1d1; margin-right: 2px; margin-bottom: 2px; }
.goods_list_s .goods_name { font-size: 13px; color: #323232; font-weight: 500; line-height: 20px; padding: 11px 0px 0px 0px; width: 100%; }
.goods_list_s .goods_price { position: relative; font-size: 13px; color: #323232; padding-top: 5px; width: 100%; padding-bottom: 10px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.goods_list_s .goods_price .goods_price_01 { padding-right: 6px; font-weight: 800; font-size: 17px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;  }
.goods_list_s .goods_price .goods_price_02 { color: #b2b0b0; text-decoration: line-through; font-size: 12px; font-weight: 300; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;  }
.goods_list_s .goods_price .goods_price_03 {  font-weight: 800; font-size: 17px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;  }
.goods_list_s .goods_price .goods_price_dc { color: #a36d6a; font-weight: 500; font-size: 25px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing: -1px; }
.goods_list_s .goods_subname { font-size: 14px; color: #444444; padding-top: 7px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 5px; }
.goods_list_s .goods_subname br { display: none; }
.goods_list_s .crema-product-reviews-count { font-size: 13px; font-weight: 600; color: #ad6c62; padding-top: 7px; }
.goods_list_s .prdIcon { padding-top: 7px; text-align: left; }

.uw_goods_list_s { position: relative; width: 1570px; margin: 0 auto; }
.uw_goods_list_s .goods_list_s .goods_subname,
.uw_goods_list_s .goods_list_s .crema-product-reviews-count,
.uw_goods_list_s .goods_list_s .prdIcon { display: none; }
.uw_goods_list_s .goods_list_s .goods_name { border-bottom: 0px; padding-bottom: 0px; }
.uw_goods_list_s .goods_list_s .goods_price { padding-top: 5px; }
.uw_goods_list_s .goods_list_s .goods_price .goods_price_dc { top: 5px; }


/*±â°£ÇÒÀÎ*/
.hj_sale_time { font-size: 12px; color: #ff0000; font-weight: 400; margin-top: 4px; }


/*¹Ì¸®º¸±â*/
.goods_bt_info { position: relative; }
.goods_list_s .goods_color { width: calc( 100% - 50px ); }
.hj_sale_time { display: none; }
.hj_event_goodslist .hj_sale_time { display: block; }

body #detailpage { position: absolute !important; }
.hj_goodspreview_list { position: absolute; right: -5px; width: 45px; top: 10px; }
.hj_goodspreview_bl { display: inline-block; width: 22px; }
.hj_goodspreview { display: inline-block; width: 22px; }
.hj_goodspreview_list .hj_goodspreview img,
.hj_goodspreview_list .hj_goodspreview_bl img { width: 20px; }



/* BASIC css end */