/* 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; -webkit-tap-highlight-color: rgba(0,0,0,0);} }

.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; }
.top_linebanner > div { font-family: "Noto Sans KR", sans-serif; background: #000000; padding: 10px 0px; font-size: 14px; 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%; background: rgba(255,255,255,0); padding: 15px 0px; z-index: 100; }
.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; vertical-align: middle; }

.uw_top.active { position: fixed; top: 0px; background: rgba(255,255,255,0.5); }

.uw_all_menu { position: relative; width: calc( 50% - 38px ); margin-left: 10px; text-align: left; font-size: 0px; z-index: 10; }
.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: 230px; top: 20px; }
}



.uw_logo { width: 56px; 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: 100%; }
.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% - 38px ); font-size: 0px; text-align: right; margin-right: 10px; }
.uw_search > div { position: relative; display: inline-block; vertical-align: middle; }
.uw_search_s { width: 35px; margin-right: 5px; }
.uw_search_s img { width: 100%; }
.uw_cart { width: 30px; }
.uw_cart img { width: 100%; }
.uw_cart .cart_qua { position: absolute; left: 0px; right: 0px; text-align: center; top: 4px; font-size: 10px; }




/*ÀüÃ¼¸Þ´º*/
.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: 60px; }
.all_menu_section > ul > li { padding-bottom: 15px; }
.all_menu_section > ul > li:nth-child(1) { padding-bottom: 35px; }
.all_menu_section > ul > li:nth-child(1) img { width: 80px; }
.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_section.active { left: 0px; }



.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: 40px; 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) { padding-top: 10px; }
.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; }



#search_box { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 200; background-color: #fff; border: 1px solid #cccccc; border-radius: 1px; z-index: 10000; }
.dimmed { display: none; position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px; z-index: 150; background: rgba(0,0,0,0.7); z-index: 100; }

.xans-layout-searchheader .searchForm { position: relative; margin: 7px 61px 7px 14px; padding: 0 34px 0 33px; border: 1px solid #ccc; background: url(//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png) no-repeat 7px 5px; background-size: 20px 20px; }
.xans-layout-searchheader #keyword { width: 100%; height: 29px; padding: 0; border: 0; }
.xans-layout-searchheader .btnDelete { position: absolute; right: 7px; top: 5px; width: 20px; height: 20px; border: 0; cursor: pointer; overflow: hidden; text-indent: 100%; font-size: 0; white-space: nowrap; background: url(//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png) no-repeat 0 0; background-size: 20px 20px; }
.xans-layout-searchheader .btnClose { position: absolute; right: 14px; top: 7px; width: 40px; height: 31px; margin: 0; padding: 0; border: 1px solid #d5d5d5; border-radius: 4px; outline-style: none; cursor: pointer; background: #f0f0f0; font-size: 13px; text-align: center; }


/* BASIC css end */

