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


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



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

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

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


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

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

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

@font-face {
	font-family: 'twcenmt it';
	src: local('twcenmt it'),
		url('/design/shehjcom/font/twcenmt_it.woff') format('woff');
	font-weight: 700
	font-style: italic;
}

@font-face {
	font-family: 'twcenmt it';
	src: local('twcenmt it'),
		url('/design/shehjcom/font/twcenmt_bold_it.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

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

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

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

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

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

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

#layout {  margin-bottom: -17px; }

.ec-base-product .description .icon img{margin:0 !important}


span.normalP{font-weight:normal !important; color:#555 !important;}
#aside .btnClose{
    width: 17% !important;
    height: 100% !important;
    margin-right: 0 !important;}

#aside .btnClose a{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: 100% !important;
    background: url(/design/shehjcom/m/img/btn_close.png) 0 0 no-repeat #000;
    z-index: 101;}
    
#aside .slide_list2 .m li{line-height:1.2}


/* ÃÖ»ó´Ü ¶ì¹è³Ê */
.m_hj_banner_line { width: 100%; overflow: hidden; height: 100%; }
.m_hj_banner_line { max-height: 70px; }
.m_hj_banner_001 { position: relative; width: 100%; text-align: center; background: #ffffff; }
.m_hj_banner_001 img { width: 100%; }


.swiper_updown_top { position: relative; height: 20px; background: #ebccca; padding: 10px 0px; text-align: center; overflow: hidden; }
.swiper_updown_top img { padding-right: 5px; margin-top: -4px; }
.swiper_updown_top a { font-family: 'Noto Sans KR',sans-serif; color: #ffffff; }
.swiper-wrapper {}


/* »ó´Ü ¸Þ´º */
#wrap .scroll_cate .all_cate { right: -1px; }
#wrap .header_section01 .search button { background: transparent url(/design/shehjcom/img/top_search_01.png) no-repeat center center !important; background-size: 20px 20px !important; }
#wrap .header_section01 .search.sub button { background: transparent url(/design/shehjcom/img/top_search_sub_01.png) no-repeat center center !important; background-size: 20px 20px !important; }
#wrap .header_section01 .search, .header_section01 .search1 button { left: 11.5% !important; }
.m_top_menu_cart { position: absolute; height: 50px; vertical-align: middle; width: 25px; top: 0px; right: 3%; }
.m_top_menu_cart button { display: inline-block; overflow: hidden; width: 100%; height: 100%; padding: 0; text-indent: 100%; text-align: left; white-space: nowrap; cursor: pointer; border: 0; }
.m_top_menu_cart button { background: transparent url('/design/shehjcom/img/etc/top_cart_icon.png') no-repeat center center; background-size: 20px 20px; }
.m_top_menu_maypge { position: absolute; height: 50px; vertical-align: middle; width: 25px; top: 0px; right: 12%; }
.m_top_menu_maypge button { display: inline-block; overflow: hidden; width: 100%; height: 100%; padding: 0; text-indent: 100%; text-align: left; white-space: nowrap; cursor: pointer; border: 0; }
.m_top_menu_maypge button { background: transparent url('/design/shehjcom/img/etc/top_mypage_icon.png') no-repeat center center; background-size: 20px 20px; }

.m_top_menu_cart_white { position: absolute; height: 50px; vertical-align: middle; width: auto; top: 0px; right: 3%; }
.m_top_menu_cart_white button { display: inline-block; width: 100%; height: 100%; padding: 0; text-align: left; white-space: nowrap; cursor: pointer; border: 0; background: none; }
.m_top_menu_cart_white button span { font-family: 'twcenmt', 'Noto Sans KR',sans-serif; font-size: 11px; color: #000000; font-weight: 100; padding-left: 2px; }
.m_top_menu_maypge_white { position: absolute; height: 50px; vertical-align: middle; width: 25px; top: 0px; right: 12%; }
.m_top_menu_maypge_white button { display: inline-block; overflow: hidden; width: 100%; height: 100%; padding: 0; text-indent: 100%; text-align: left; white-space: nowrap; cursor: pointer; border: 0; }
.m_top_menu_maypge_white button { background: transparent url('/design/shehjcom/img/etc/top_mypage_icon_white.png') no-repeat center center; background-size: 20px 20px; }

#wrap .scroll_cate .rolling_cate .swiper_top { margin-left: 0px; }
.scroll_cate .rolling_cate .swiper_top .swiper-wrapper .swiper-slide.fontblbold a { font-weight: 600; }
.scroll_cate .rolling_cate .swiper_top .swiper-wrapper .swiper-slide a { font-family: 'Noto Sans KR',sans-serif;  }
.scroll_cate .rolling_cate .swiper_top .swiper-wrapper .swiper-slide.fontblbold_cl a { font-weight: 600; color: #a36d6a; }
.all_category .swiper-slide.fontblbold a { font-weight: 600; }
#wrap .scroll_cate .header_section02 .all_slideToggle .all_category .swiper-slide.fontblbold_cl a { font-weight: 600; color: #a36d6a; }

#wrap #aside { padding: 0px 0px 4% 0px !important; width: calc( 100% - 75px ) !important; font-family: 'Noto Sans KR',sans-serif }
#wrap #aside { background: rgba(128,96,76,0.9) !important; -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px 10px rgba(0,0,0,0.2); }
#aside .side_menu_content { position: relative; width: 100%; }
#wrap #aside .btnClose { width: 50px !important; height: auto !important; position: absolute; }
#wrap #aside .btnClose a { background: url('/design/shehjcom/img/allmenu_close_bt_0216_white.png') 0 0 no-repeat; }

a.bl_bg { background: #000000 !important; color: #ffffff !important; padding: 5px 10px !important; border-radius: 50px !important; }
a.hj_bl_bg { background: #000000 !important; color: #ffffff !important; }

/* »çÀÌµå ¸Þ´º »ó´Ü ·Î±× °ü·Ã */
.m_side_left_membership { position: relative; width: 100%; padding: 10% 0px 0px 0px; text-align: center; }
/*.m_side_left_membership { -webkit-border-radius: 0px 0px 30px 30px; -moz-border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px;}*/
.m_side_left_hjlogo { position: relative; width: 85px; margin: 0 auto; padding: 20px 0px; }
.m_side_left_hjlogo img { width: 100%; }
.m_side_left_log { position: relative; padding-top: 20px; }
.m_side_left_log div { display: inline-block; border: 1px solid #ffffff; padding: 10px 0px; padding-right: calc( 23% - 30px ); padding-left: calc( 23% - 30px ); }
.m_side_left_log div a { color: #ffffff; }
.m_side_left_log div:first-child { background: #ffffff; }
.m_side_left_log div:first-child a { color: #000000; }
.m_side_left_log, .m_side_left_log a, .log_top_text { color: #000000; font-size: 14px; font-weight: 400; }
.m_side_left_log .log_top_text { display: block; font-size: 20px; font-weight: 600; padding-bottom: 15px; }
.m_menu_kakao { width: calc( 100% - 100px ); margin: 0 auto; }
.m_menu_kakao img { width: 100%; }


/* »çÀ̵å Áß´Ü */
.m_side_left_menu_list { position: relative; width: 100%; padding-top: 7.5%; text-align: center;}

/* »çÀÌµå ¾ÆÀÌÄÜ ¸Þ´º */
.m_side_left_iconmenu {}
.m_side_left_iconmenu ul { font-size: 0px; padding-left: 4%; }
.m_side_left_iconmenu ul li { position: relative; display: inline-block; text-align: center; padding-right: 10px; margin-right: 10px; }
.m_side_left_iconmenu ul li .iconmenu_img:after { content: "|"; position: absolute; right: 0px; top: 0px; font-size: 13px; color: #ac7b79; }
.m_side_left_iconmenu ul li:last-child .iconmenu_img:after { content: ""; }
.m_side_left_iconmenu ul li img { height: 18px; }
.m_side_left_iconmenu ul li .iconmenu_text { font-size: 13px; font-weight: 500; padding-top: 12px; }
.m_side_left_iconmenu ul li .iconmenu_text a { color: #000000; }

/* »çÀ̵å Ä«Å×°í¸® ¸Þ´º */
.m_side_left_catemenu { position: realtive; box-sizing: border-box; width: 88%; margin: 7.5% auto 0px auto; background: #ffffff; padding: 7.5%; text-align: left; }
.m_side_left_catemenu { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}

.left_catemenu_main { border-bottom: 1px solid #cccccc; padding-bottom: 5%; margin-bottom: 5%; }
.left_catemenu_main li:last-child { padding-bottom: 0px; }

.left_catemenu_goodscate {}
.left_catemenu_goodscate02 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #cccccc; }
.left_catemenu_goodscate_img { font-size: 0px; }
.left_catemenu_goodscate_img .side_menu_bottom_text { display: inline-block; width: 33%; padding: 3%; box-sizing: border-box; }
.left_catemenu_goodscate_img .side_menu_bottom_text img { width: 100%; }
.left_catemenu_goodscate_img .side_menu_bottom_text_line { display: inline-block; width: 0.5%; }
.left_catemenu_goodscate_img .side_menu_bottom_text_line img { margin-top: -10px; height: 35px; }
.left_catemenu_goodscate li:last-child { padding-bottom: 0px; }

.side_menu_top_text { font-size: 20px; color: #ac7b79; padding-bottom: 25px; font-family: 'GothamBold', sans-serif; }
.side_menu_bottom_text { font-size: 14px; color: #333333; padding-bottom: 13px; }


.all_cate_text_bold { font-weight: 600; }
.all_cate_text_pink a { color: #ac7b79 !important; }
.all_cate_text_blue a { color: #0e6ef8 !important; }


/*¹Ì¸®º¸±â*/
.goods_cl_pre_line { position: relative; }
.goods_cl_pre_line .goods_color { width: calc( 100% - 30px ); }
.m_goods_preview { position: absolute; width: 22px; right: 0px; top: 0px; }
.m_goods_preview img { width: 18px; }

body #detailpage .cnt { border-radius: 0px; border: 0px; margin: 20% 20px; padding: 15px 0px 0px 0px; }
body #detailpage .detail { height: 420px; padding: 0px 20px; }
body #detailpage .f-btns { padding: 20px; margin: 20px 0px 0px 0px; background: #f0f0f0; }
body #detailpage .table-opt .opt-wrap { background: #ffffff; padding: 10px 0px; margin-top: 10px; border: 1px solid #cccccc; border-right: 0px; border-left: 0px; }
body #detailpage .f-btns ul li.p_buy a{ background: #a36d6a; border: 1px solid #a36d6a; }
body #detailpage .f-btns ul li.p_cart a,
body #detailpage .f-btns ul li.p_wish a { background: #ffffff; color: #999999; border: 1px solid #cccccc; }


.brandani {}
.brandani span:nth-child(1) { opacity: 0; }
.brandani span:nth-child(2) { position: absolute; width: 100%; opacity: 1; left: 0px; text-align: center; }

.brandani span:nth-child(1) { -webkit-animation: brandania 3s ease-out infinite alternate both;  animation: brandania 3s ease-out infinite alternate both; }
@keyframes brandania {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}

.brandani span:nth-child(2) { -webkit-animation: brandanib 3s ease-out infinite alternate both;  animation: brandanib 3s ease-out infinite alternate both; }
@keyframes brandanib {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 0; }
}



/*Æîħ¸Þ´º ºê·£µå*/
.m_all_cate_brandlist { text-align: center; position: relative; padding: 30px 0px; }
.m_all_cate_brandlist > div { padding-bottom: 10px; font-weight: 700; }
.m_all_cate_brandlist > ul { display: inline-block; position: relative; background: #000000; font-size: 0px; border-radius: 15px; padding: 25px 0px; width: calc( 100% - 50px ); text-align: center; }
.m_all_cate_brandlist > ul:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -20px; background: rgba(0,0,0,0.1); z-index: 1; left: 0px; }
.m_all_cate_brandlist > ul > li { position: relative; display: inline-block; width: calc( 50% - 20px ); padding: 0px 10px; }
.m_all_cate_brandlist > ul > li img { max-width: 100%; }
.m_all_cate_brandlist > ul > li:nth-child(1):after { content: ''; position: absolute; height: 85%; width: 1px; right: -1px; background: rgba(255,255,255,0.3); top: 5px;  }

#header #dimmedSlider { background: none; }

/*ºê·£µåŸÀÌƲ*/
.goods_xmrdl { display: none; }
.hj_brand_tag { display: none; }

.header_line_s { position: absolute; z-index: -1; top: 200px; }



.m_bottom_fiexd_menu { position: fixed; bottom: 0px; width: 100%; background: #ffffff; border-top: 1px solid #eeeeee; z-index: 100; padding: 4px 0px 2px 0px; }
.m_bottom_fiexd_menu ul { font-size: 0px; }
.m_bottom_fiexd_menu ul li { display: inline-block; width: 21%; margin: 2%; text-align: center; vertical-align: top; font-family: 'twcenmt', 'Noto Sans KR',sans-serif; font-size: 15px; font-weight: 200; }
.m_bottom_fiexd_menu ul li a { color: #bbbbbb; }
.m_bottom_fiexd_menu ul li img { width: 100%; max-width: 22px; }
.m_bottom_fiexd_menu ul li p { white-space: nowrap; font-size: 11px; padding-top: 5px; color: #8d8d8d; font-family: 'Noto Sans KR',sans-serif; }


.m_bottom_menu_home {}
.m_bottom_menu_brand {}
.m_bottom_menu_today {}
.m_bottom_menu_mypage {}
.m_bottom_menu_cart {}
.m_bottom_menu_arrow { position: relative; }
.m_bottom_menu_arrow > button { position: absolute; font-family: 'gothambold', sans-serif; background: none; border: 0px; top: -1px; }
.m_bottom_menu_arrow > button:nth-child(1) { left: 10%; }
.m_bottom_menu_arrow > button:nth-child(2) { right: 10%; }
.m_bottom_menu_arrow > button:nth-child(1):before { content: '<'; color: #bbbbbb; }
.m_bottom_menu_arrow  > button:nth-child(2):before { content: '>'; color: #bbbbbb; }



.join_ment { text-align: center; font-weight: 300; padding: 30px 0px 50px 0px; }
.join_ment a { color: #ffffff; font-size: 14px; }
.join_ment span { font-weight: 600; }


.tab_menu_bt { position: relative; width: calc( 100% - 40px ); font-family: 'twcenmt', 'Noto Sans KR',sans-serif; margin: 0 auto; }
.tab_menu_bt > ul { font-size: 0px; }
.tab_menu_bt > ul > li { position: relative; display: inline-block; width: 33.33%; color: #ffffff; text-align: center; font-size: 15px; font-weight: 100; padding-bottom: 15px; }
.tab_menu_bt > ul > li::after { content: ''; position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,0.5); bottom: 0px; left: 0px; }
.tab_menu_bt > ul > li.active::after { height: 2px; background: #ffffff; }
.tab_menu_bt > ul > li.active { font-weight: 200; }

.tab_menu_bt > ul > li a { color: #ffffff; }

.tab_catelist {}
.tab_comulist {}

.cont_catelist { display: none; }
.cont_catelist > div { padding-top: 10px; }
.cont_catelist > div > ul { padding: 8px 0px 20px 0px; }
.cont_catelist > div > ul > li { font-weight: 100; font-size: 16px; padding: 6px 0px; padding-left: 6%; }
.cont_catelist > div > ul > li a { color: #ffffff; }

@media screen and (max-width: 420px) {
.cont_catelist > div > ul > li { padding-left: 5%; }
}

@media screen and (max-width: 380px) {
.cont_catelist > div > ul > li { padding-left: 4%; }
}

@media screen and (max-width: 350px) {
.cont_catelist > div > ul > li { padding-left: 2%; }
}

.cont_catelist > div > ul > li.ft_nomal { font-family: 'Noto Sans KR',sans-serif; font-weight: 500; font-size: 14px; }
.cont_catelist > div > ul > li.ft_weight_200 { font-weight: 200; }
.cont_catelist > div > ul > li.ft_weight_bl { font-weight: 700; }
.cont_catelist > div > ul > li.fontsz { font-size: 18px; padding-bottom: 8px; }
.cont_catelist > div > ul > li.fontszen { font-size: 19px; } 
.cont_catelist > div > ul > li.fontsz:last-child { padding-bottom: 0px; }

.cont_comulist { display: none; }

.cont_catelist.active { display: block; }
.cont_comulist.active { display: block; }



.cont_brand {}
.cont_brand > ul { font-size: 0px; }
.cont_brand > ul > li { display: inline-block; width: 33.33%; text-align: center; }
.cont_brand > ul > li img { width: 100%; }
.cont_brand > ul > li:nth-child(1) img { width: 75%; }
.cont_brand > ul > li:nth-child(3) img { width: 90%; }


.side_menu_title { font-weight: 200; color: #ffffff; font-size: 20px; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 10px; margin-bottom: 20px; padding-top: 75px; letter-spacing: 1px; }

.cont_cscenter {}
.cont_cscenter > ul {}
.cont_cscenter > ul > li { font-size: 14px; font-weight: 100; color: #ffffff; letter-spacing: 0.5px; }
.cont_cscenter > ul > li:nth-child(1) { font-size: 30px; font-family: 'MONBAITI', serif; color: #ffffff; letter-spacing: -1px; padding-top: 8px; }
.cont_cscenter > ul > li.sns_icon_side { padding-top: 15px; margin-left: -7px; }
.cont_cscenter > ul > li.sns_icon_side span {}
.cont_cscenter > ul > li.sns_icon_side span img { width: 35px; }
.cont_cscenter > ul > li.sns_icon_side span:last-child { margin-left: -10px; }
.cont_cscenter > ul > li.cs_icon_side { padding: 50px 0px;}
.cont_cscenter > ul > li.cs_icon_side span {}
.cont_cscenter > ul > li.cs_icon_side span:first-child:after { content: '|'; color: #ffffff; padding: 0px 5px; }
.cont_cscenter > ul > li.cs_icon_side span a { color: #ffffff; font-size: 11px; }


.cont_comulist { font-weight: 200; font-size: 16px;  }
.cont_comulist a { color: #ffffff; }
.cont_comulist > ul { padding-top: 18px; }
.cont_comulist > ul > li { padding: 4px 0px; padding-left: 6%; }
.cont_comulist > ul > li.ft_nomal { font-family: 'Noto Sans KR',sans-serif; font-weight: 500; font-size: 14px; }
.cont_comulist > ul > li.ft_weight_bl { font-weight: 700; }

@media screen and (max-width: 420px) {
.cont_comulist > ul > li { padding-left: 5%; }
}

@media screen and (max-width: 380px) {
.cont_comulist > ul > li { padding-left: 4%; }
}

@media screen and (max-width: 350px) {
.cont_comulist > ul > li { padding-left: 2%; }
}



.m_cate_menu_top_menu { position: relative; z-index: 1; padding-top: 30px; top: 25px; }
.m_cate_menu_top_menu > ul { font-size: 0px; font-family: 'AdobeCaslonPro', 'Pretendard', sans-serif; font-weight: 400; text-align: center; border-top: 1px solid #f4f4f3; border-bottom: 1px solid #f4f4f3; }
.m_cate_menu_top_menu > ul > li { position: relative; display: inline-block; vertical-align: top; width: calc( 25% - 1px ); border-right: 1px solid #f4f4f3; border-bottom: 1px solid #f4f4f3; font-size: 12px; }
.m_cate_menu_top_menu > ul > li:nth-child(4n) { border-right: 0px; width 25%; }
.m_cate_menu_top_menu > ul > li:nth-child(n+9) { border-bottom: 0px; }
.m_cate_menu_top_menu > ul > li a { padding: 15px 0px 10px 0px; display: block; line-height: 1; }

.m_cate_menu_top_menu > ul > li.font_cl_pink a { color: #ac7c7a; }
.m_cate_menu_top_menu > ul > li.goods_new {}
.m_cate_menu_top_menu > ul > li.goods_new:before { content: ''; position: absolute; display: block; width: 5px; height: 5px; background: #000000; border-radius: 5px; top: 25%; right: 29%; }
.m_cate_menu_top_menu > ul > li.font_bl a { font-weight: 600; }


/* BASIC css end */