@charset "utf-8";

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-200 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-600 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-800 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 800;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../../../css/fonts/noto-sans-kr-v39-korean-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select, figure {
	margin:0;
	padding:0;
}

caption {display:none}

/* 목록 */
ol, ul,li {list-style:none;padding:0;margin:0}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
	font-weight:normal;
	font-style:normal;
}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* body 스타일 */
* {
	color:#000000;
	font-size:17px;
	font-family: 'SpoqaHanSansNeo-Regular', sans-serif;
	font-weight:400;
}

@media screen and (max-width:768px) { 
	* {font-size:14px;}
}

/* 링크 */
a, a:link {color:#4e4e4e;text-decoration:none;} 
a:visited {color:#4e4e4e;text-decoration:none;}
a:hover {color:#31456f;text-decoration:none;}
a:focus {color:#4e4e4e;text-decoration:underline;}
a:active {color:#4e4e4e;text-decoration:none;} 

/* 이미지, 폼관련 요소 */
label, select, input, textarea {
	vertical-align:middle;
	box-sizing:border-box;
}

/* 라디오버튼,체크박스버튼 디자인스타일 */
input[type="checkbox"] {
	width:20px;
	height:20px;
}

input[type="radio"] {
	appearance: none;
	box-shadow: 0 0 0 5px #dddddd;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right:10px;
}

input[type="radio"]:checked {
	box-shadow: 0 0 0 5px #2B6CCD;
}

.input_,select {padding:10px;border:1px solid #D8D8D8;margin:1px 0;box-sizing:border-box;border-radius:5px}
textarea {box-sizing:border-box;}
.width_50 {width:50px}
.width_100 {width:100px}
.width_200 {width:200px}
.width_300 {width:300px}
.width_400 {width:400px}
.width_500 {width:500px}
.width_600 {width:600px}
.width_1000 {width:100%}

select {
	background-color:#EAEEFF;
	padding:5px 10px;
	vertical-align:middle;
}

/* 설명 */
div.mess {margin-top:10px;color:#838383;line-height:1.3em;font-size:0.9rem}
span.mess {margin-left:10px;color:#838383;font-size:0.9rem}
div.guid {margin-top:10px;padding:10px;background-color:#efefef;border:1px solid #dddddd;border-radius:10px;font-size:0.9rem}

.goodsNumberIcon {position:relative;left:0px;top:0px;}
.goodsNumberIcon img {display:block;position:absolute;z-index:1; left:0px; top:0px;}

/* 카테고리 네비게이션 */
.category_m {letter-spacing: 0px;}

/* 필수입력마크 */
.p {color:red;padding-right:6px}

/* 약관 */
.member_agree h1 {margin-bottom:5px}
.member_agree h2 {margin-bottom:5px;font-size:16px}
.member_agree ol {margin-bottom:15px;padding-left:20px}
.member_agree p {margin-bottom:15px;padding-left:20px}


/* 상품구매 가격내역 정보 */
.userinfo_priceinfo {margin-top:20px}
.userinfo_priceinfo > ul {display:flex;flex-wrap:wrap;border-top:2px solid #909090;border-bottom:1px solid #909090}
.userinfo_priceinfo > ul > li {width:25%;text-align:center;border-right:1px solid #dddddd;box-sizing:border-box;position:relative}
.userinfo_priceinfo > ul > li:last-child {border-right:0;color:#C43B59}
.userinfo_priceinfo > ul > li:last-child > dl > dd {color:#2B6CCD}
.userinfo_priceinfo > ul > li > div {position:absolute;left:100%;top:60%;z-index:1;transform:translateX(-50%);}
.userinfo_priceinfo > ul > li > dl > dt {background-color:#ececec;padding:10px 0}
.userinfo_priceinfo > ul > li > dl > dd {background-color:#ffffff;padding:15px 0;font-family: 'Montserrat','Noto Sans KR';font-weight:700;font-size:1.2rem}
.userinfo_priceinfo .add_kg_text {text-align:right;padding:10px 0;color:#867555;}

@media screen and (max-width:768px) { 
	.userinfo_priceinfo > ul > li {width:50%;box-sizing:border-box;}
	.userinfo_priceinfo > ul > li:nth-child(2) {border-right:0}
	.userinfo_priceinfo > ul > li:nth-child(2) div {display:none}
}

.userinfo_priceinfo2 {border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:10px}
.userinfo_priceinfo2 span {display:inline-block;width:120px;}
.total_price_show {color:red;font-family:tahoma;font-size:20px}

/* 장바구니 수량 */
.cartnum_box {border-collapse:collapse;background-color:#ffffff}
.cartnum_box td {border:1px solid #dddddd;padding:0;}
.cartnum_box td input {border:0;text-align:center}

/* 장바구니스탭 */
.cart_title_wrap {padding:50px 0}
.cart_title_wrap > h2 {text-align:center;font-size:2.3rem;font-weight:700;margin-bottom:10px}
.cart_title_wrap > p {text-align:center;font-size:1.1rem;color:#7a7a7a;margin-bottom:30px}
.cart_title_wrap > ul {display:flex;justify-content:center;flex-wrap:wrap}
.cart_title_wrap > ul > li {display:flex;align-items:center;background:url('../../../image/icon_next.gif');background-repeat:no-repeat;background-Position:85% 50%;padding-right:50px;box-sizing:border-box;margin-bottom:7px}
.cart_title_wrap > ul > li:last-child {background:url('');}
.cart_title_wrap > ul > li div {width:45px;height:45px;background-color:#000000;color:#ffffff;font-weight:bolder;font-family:'Montserrat','Noto Sans KR';display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:100%}
.cart_title_wrap > ul > li p {padding:0 15px;font-size:1.3rem}
.cart_title_wrap > ul > li.active div {background-color:#2B6CCD}
.cart_title_wrap > ul > li.active p {color:#2B6CCD;font-weight:700}

@media screen and (max-width:768px) { 
	.cart_title_wrap > ul > li {width:50%;}
	.cart_title_wrap > ul > li div {width:30px;height:30px;font-size:1rem;}
	.cart_title_wrap > ul > li p {padding:0 15px;font-size:1rem}
}

/* 장바구니 담은 내역 */
.cart_list_wrap > ul {border-top:2px solid #2d2d2d}
.cart_list_wrap .check_all {margin-bottom:8px}
.cart_list_wrap .check_all .but {width:20px;height:20px}
.cart_list_wrap > ul > form > li {border-bottom:1px solid #dddddd;display:flex;flex-wrap:wrap;}

.cart_list_wrap > ul > form > li > .chk_box {display:flex;align-items:center;width:20px}
.cart_list_wrap > ul > form > li > .chk_box .chk2 {width:25px;height:25px}
.cart_list_wrap > ul > form > li > .img {display:flex;align-items:center}
.cart_list_wrap > ul > form > li > .subject {flex:2}
.cart_list_wrap > ul > form > li > .subject > div {margin-bottom:7px}

.cart_list_wrap > ul > form > li > .subject .icon_info > div {display:inline-block;padding:2px 15px;border:1px solid #0097E7;font-size:0.8rem;border-radius:20px;color:#0097E7;margin-bottom:4px}
.cart_list_wrap > ul > form > li > .subject .delivery_info > div {display:inline-block;padding:2px 15px;border:1px solid #867555;font-size:0.8rem;border-radius:20px;color:#867555;margin-bottom:4px}
.cart_list_wrap > ul > form > li > .subject .sideoption_info {display:flex;flex-wrap:wrap}
.cart_list_wrap > ul > form > li > .subject .sideoption_info > div {font-size:0.9rem;color:#434656;margin-right:10px}


.cart_list_wrap > ul > form > li > .option {flex:1;display:flex;justify-content:center;}
.cart_list_wrap > ul > form > li > .option > ul > li {padding:5px 0}
.cart_list_wrap > ul > form > li > .option .bts_ani {font-size:0.8rem}

.cart_list_wrap > ul > form > li > .option .option_name {padding-bottom:5px}
.cart_list_wrap > ul > form > li > .option .option_name .nogoods {padding:2px 15px;border:1px solid #0097E7;font-size:0.8rem;border-radius:20px;color:#0097E7;text-align:center;margin-top:3px}
.cart_list_wrap > ul > form > li > .option .option_name .nogoods font {color:#0097E7;font-size:0.8rem}
.cart_list_wrap > ul > form > li > .option .option_bt {display:flex;align-items:center}
.cart_list_wrap > ul > form > li > .option .option_bt > div {padding:2px}

.cart_list_wrap > ul > form > li > .option table {border-collapse:collapse}
.cart_list_wrap > ul > form > li > .option table td {border:1px solid #dddddd}
.cart_list_wrap > ul > form > li > .option .option_num {width:45px;padding:3px 5px;text-align:center;border:0}

.cart_list_wrap > ul > form > li > .price {width:130px;text-align:center}
.cart_list_wrap > ul > form > li > .price .text {color:#8d8d8d;margin-bottom:7px}
.cart_list_wrap > ul > form > li > .price .cart_price_text {font-weight:700}
.cart_list_wrap > ul > form > li > .price .cart_point_text {font-size:0.9rem}

.cart_list_wrap > ul > form > li > .review {width:120px;text-align:center}
.cart_list_wrap > ul > form > li > .review .text {color:#8d8d8d;margin-bottom:7px}
.cart_list_wrap > ul > form > li > .review .bts_ani {font-size:0.9rem}

.cart_list_wrap > ul > form > li > div {border-right:1px solid #dddddd;padding:15px}
.cart_list_wrap > ul > form > li > div:last-child {border-right:0}

.cart_list_wrap .img img {width:100px}

@media screen and (max-width:768px) { 
	.cart_list_wrap > ul > form > li {border-bottom:2px solid #626262}
	.cart_list_wrap > ul > form > li > .chk_box {border-bottom:1px solid #dddddd}
	.cart_list_wrap > ul > form > li > .img {border-bottom:1px solid #dddddd}
	.cart_list_wrap > ul > form > li > .subject {border-bottom:1px solid #dddddd;border-right:0;min-width:150px}
	.cart_list_wrap > ul > form > li > .price {width:80px;text-align:center}
	.cart_list_wrap .img img {width:50px}
	.cart_list_wrap > ul > form > li > .option .bts_ani {padding:6px}
}


.subtitle {padding:20px 0;}
.subtitle_line {border-bottom:1px solid #dddddd}

.input_ess {background:url(../../../image/input_ess.gif);background-repeat:no-repeat;background-Position:0% 0%;}


/* 관리자전용알림 */
.adminmess {background-color:#edefd6;border:1px solid #ccd189;padding:15px;text-align:center;color:#8c9339;display:block}

/* 줌효과 */
.zoomimg_wrap {border:1px solid #dddddd;box-sizing:border-box;overflow:hidden}
.zoomimg_wrap img {transition:all .4s;}
.zoomimg_wrap:hover img {transform:scale(1.1);}

/* 오늘출발 */
.icon_today_delivery {display:flex;align-items:center;margin-top:5px}
.icon_today_delivery .icon {border:1px solid #959595;padding:3px 5px;margin-right:5px;border-radius:2px;font-size:0.8rem}
.icon_today_delivery .text {font-size:0.9rem}

.flex {display:flex;flex-wrap:wrap}
.between {display:flex;justify-content:space-between;flex-wrap:wrap}


/**
 * 자주와 님이 추가한 디자인
 */

/* 공용 */
.cover {display:inline-block; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; text-indent:-9999px;}
image {vertical-align:top;}
a:focus {outline:none}
.inner {padding:0px 12px}
.clearfix:after {content:"";display:block;clear:both}
.pull-left {float:left}
.pull-right {float:right}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.inline {font-size:0}
.inline > * {display:inline-block;vertical-align:top}
.relative {position:relative}
.text-one-line {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-one-line-m {overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.easing-one {-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.easing-two {-khtml-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.easing-three {-khtml-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.margin-b {margin-bottom:12px}

.hide {display: none;}

/* 메인 슬라이드 버튼(리사이징) */
ul.anibanner_navigation_paging_style_1 li, ul.anibanner_navigation_paging_style_2 li, ul.anibanner_navigation_paging_style_3 li {float:none !important; display:inline-block;}
.anibanner_navigation_btn_style_1_prev {background-size:cover !important; width:40px !important; height:40px !important;}
.anibanner_navigation_btn_style_1_next {background-size:cover !important; width:40px !important; height:40px !important;}
.anibanner_navigation_btn_style_2_prev {background-size:cover !important; width:40px !important; height:40px !important;}
.anibanner_navigation_btn_style_2_next {background-size:cover !important; width:40px !important; height:40px !important;}
.anibanner_navigation_btn_style_3_prev {background-size:cover !important; width:24px !important; height:40px !important;}
.anibanner_navigation_btn_style_3_next {background-size:cover !important; width:24px !important; height:40px !important;}
.anibanner_navigation_btn_style_4_prev {background-size:cover !important; width:25px !important; height:40px !important;}
.anibanner_navigation_btn_style_4_next {background-size:cover !important; width:25px !important; height:40px !important;}



/* 상품디스플레이 탭 박스*/
.displayTabContentsContainer {}
.displayTabContentsContainerBox {}

/* 상품디스플레이 탭 스타일*/
ul.displayTabType1 {*zoom:1; border-bottom:none;}
ul.displayTabType1:after {content:""; display:block; clear:both;}
ul.displayTabType1 li {float:left; background-color:#efefef; color:#858585; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #d6d6d6; cursor:default;}
ul.displayTabType1 li.current {background-color:#313642; color:#fff; border-top:1px solid #313642;}

ul.displayTabType3 {*zoom:1; border-bottom:none;}
ul.displayTabType3:after {content:""; display:block; clear:both;}
ul.displayTabType3 li {float:left; background-color:#efefef; color:#858585; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #d6d6d6; cursor:default;}
ul.displayTabType3 li.current {background-color:#727c8a; color:#fff; border-top:1px solid #727c8a;}

ul.displayTabType4 {*zoom:1; border-bottom:none;}
ul.displayTabType4:after {content:""; display:block; clear:both;}
ul.displayTabType4 li {float:left; background-color:#e0e6f7; color:#8190b5; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #c9d0e7; cursor:default;}
ul.displayTabType4 li.current {background-color:#4b69b1; color:#fff; border-top:1px solid #4b69b1;}

ul.displayTabType5 {*zoom:1; border-bottom:none;}
ul.displayTabType5:after {content:""; display:block; clear:both;}
ul.displayTabType5 li {float:left; background-color:#fce8f5; color:#d783bb; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #eccbde; cursor:default;}
ul.displayTabType5 li.current {background-color:#e08ac3; color:#fff; border-top:1px solid #e08ac3;}

ul.displayTabType6 {*zoom:1; border-bottom:none;}
ul.displayTabType6:after {content:""; display:block; clear:both;}
ul.displayTabType6 li {float:left; background-color:#f9f0d7; color:#ba9857; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #decfa4; cursor:default;}
ul.displayTabType6 li.current {background-color:#c99a32; color:#fff; border-top:1px solid #c99a32;}

ul.displayTabType7 {*zoom:1; border-bottom:none;}
ul.displayTabType7:after {content:""; display:block; clear:both;}
ul.displayTabType7 li {float:left; background-color:#eef5e2; color:#88a845; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #cddab7; cursor:default;}
ul.displayTabType7 li.current {background-color:#85a849; color:#fff; border-top:1px solid #85a849;}

ul.displayTabType2 {*zoom:1; border-bottom:2px solid #393e40}
ul.displayTabType2:after {content:""; display:block; clear:both;}
ul.displayTabType2 li {float:left; height:40px; line-height:40px; font-weight:600; font-size:14px; text-align:center; color:#959595; cursor:default;}
ul.displayTabType2 li:first-child {}
ul.displayTabType2 li.current {color:#000;}

ul.displayTabTypeImage {*zoom:1;}
ul.displayTabTypeImage:after {content:""; display:block; clear:both;}
ul.displayTabTypeImage li {float:left;}
ul.displayTabTypeImage li.current {color:#000;}
ul.displayTabTypeImage li span img {max-width:100%;}


/* 상단 띠배너 */
.top-slide-banner-wrap {display:none}
.top-slide-banner-wrap a.btn-close {position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:200}
.top-slide-banner-wrap a.btn-close img {width:11px;height:auto}

/* 상단 */
#layout_header, #layout_header .logo_wrap.flying {border:none}
#layout_header .logo_wrap {height:60px;border-bottom:1px solid #ededed}
#layout_header .logo_wrap h1 {line-height:60px}
#layout_header .logo_wrap a[href='#category'] {top:0;left:0;display:inline-block;width:20px;height:15px;font-size:0;background:url('../image/icon_menu.png') no-repeat center;background-size:100%;vertical-align:top;margin:21.5px 12px 21.5px 12px}
#layout_header .logo_wrap a[href='#cart'] {top:0;right:0;width:19px;height:21px;background:url('../image/icon-cart.png') no-repeat;background-size:100% auto;margin:21px 48px 19px 7px}
#layout_header .logo_wrap a[href='#cart'] .pushCount {top:-10px;right:-11px;font-size:10.5px;width:21px;height:21px;line-height:21px;text-align:center;padding:0;background:#4c4c4c;position:absolute;border-radius:100%;color:#fff;vertical-align:middle}
/* #layout_header .top_search {width:18px;height:17px;background:url('../image/icon-search.png') no-repeat;background-size:100% auto;margin:22px 12px 22px 7px;position:absolute;right:0;top:0} */
/* #layout_header .top_close {top:14px !important;right:4px !important} */
#layout_header form.search_form {background:#fff;z-index:9;position:relative}
.header-category {border-bottom:1px solid #ececec;position:relative}
.header-category:after {content:"";display:block;width:24px;height:43px;position:absolute;top:0;right:0;background:url('../image/bg-gradient.png') no-repeat right center;background-size:100% auto;z-index:10}
.header-category ul li {width:auto;margin-right:27px;height:auto}
.header-category ul li:first-child {margin-left:12px}
.header-category ul li:last-child {margin-right:12px}
.header-category ul li a {font-size:13px;color:#2f2f2f;display:inline-block;line-height:42px}
#layout_side {border-top:none}
#side_close {top:-5px !important}

#layout_header .top_menu {text-indent:-9999px;}
#layout_header .top_cart {text-indent:-9999px;}
#layout_header .top_search {text-indent:-9999px;}
/* #layout_header .top_close {text-indent:-9999px;} */

/* 타이틀바 띄우기 */
#layout_header .logo_wrap.flying {position:fixed !important; width:100%; top:0; left:0; right:0; height:auto; /* border-top:3px solid #000; */ background:#fff; background:rgba(255,255,255,0.9); z-index:10;}
#layout_header .logo_wrap.flying h1 {height:auto; line-height:auto;}

/* 상단 */
#layout_header {position:relative; background-color:#fff;z-index:1;}
#layout_header h1 {width:calc(100% - 150px); overflow:hidden; margin:auto; text-align:center; font-size:16px; font-weight:600; /*font-family:"arial", "dotum"*/}
#layout_header h1 a {color:#fff;}
#layout_header a[href='#category'] {position:absolute; left:0; top:0;}
#layout_header a[href='#cart'] {position:absolute; right:32px; top:0;}
#layout_header a[href='#search'] {position:absolute; right:0; top:-5px;}
/* #layout_header .top_search {width:18px;height:17px;background:url('../../wib/img/icon/icon-search.png') no-repeat;background-size:100% auto;margin:22px 12px 22px 7px;position:absolute;right:0;top:0} */
/* #layout_header .top_close {top:14px !important;right:4px !important} */
#layout_header .top_menu {background:url("../image/top_menu.png") no-repeat center; background-size:28px 24px; width:42px; height:42px; text-indent:-9999px;}
#layout_header .top_cart {background:url("../image/top_cart.png") no-repeat center; background-size:25px 24px; width:44px; height:42px; text-indent:-9999px;}
#layout_header .top_close {background:url("../image/top_search_close.png") no-repeat center; background-size:20px 20px; width:30px; height:30px; text-indent:-9999px;}

/* 상단 */
#layout_header .top_search {background:url('../image/design/top_search.png') no-repeat center; background-size:20px 20px; width:30px; height:30px; text-indent:-9999px;}
/* #layout_header .top_close {background:url('../image/design/top_search_close.png') no-repeat center; background-size:20px 20px; width:34px; height:34px;} */
#layout_header .top_menu {background:url('../image/design/top_menu.png') no-repeat center; background-size:28px 28px;}
#layout_header .top_cart {background:url('../image/design/ico_cart.png') no-repeat center; background-size:32px 28px;}

/* #layout_header ul {position:absolute; top:5px; right:5px; height:23px; white-space:nowrap;}
#layout_header ul li {float:left; background:url('../images/design/header_gnb_bar.gif') no-repeat right 5px;}
#layout_header ul li a {display:block; padding:5px 7px;} */

#layout_header form.search_form {padding:0px 7px 7px 7px;}
#layout_header form.search_form .search_text {box-sizing:border-box; width:100%; height:30px; line-height:30px; border:1px solid #999; text-indent:5px; background:none; background-color:#fff;padding-left:20px;}
#layout_header form.search_form .search_text_bg {box-sizing:border-box; background:url('../image/input_i_search.png') no-repeat 7px 7px; background-color:#fff; background-size:16px 16px;}
#layout_header form.search_form .search_btn {border: 1px solid #363636; border-radius: 5px; background-color: #464646; color: #ffffff; width: 45px; height: 30px;}

/* 가운데 영역 */
.main_display {background:#f8f8f8}

/* 메인배너 */
.main-banner-wrap {font-size:0}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 {display:inline-block;width:64px;height:24px;position:relative;background:rgba(0,0,0,0.5);border-radius:15px;position:absolute;right:0}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_body {font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;line-height:23px;font-size:12px}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_prev, .main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_next {top:7px}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_prev {background:url('../image/icon/icon-arrow-left-w.png') no-repeat;left:10px;background-size:5px}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_next {background:url('../image/icon/icon-arrow-right-w.png') no-repeat;right:7px;background-size:5px}
.main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_body .paging_btn_num_now, .main-banner-wrap ul.anibanner_navigation_paging_style_5 li.paging_btn_body .paging_btn_num_max {color:#fff;letter-spacing:-1px;font-weight:normal}
.main-banner-wrap ul li img {width:100%;height:auto}
.main-banner-wrap .main-pager {position:absolute;bottom:12px;left:auto;right:12px;background:rgba(0,0,0,.5);width:64px;line-height:24px;border-radius:40px;z-index:10;color:#fff;text-align:center;font-size:12px}
.main-banner-wrap span.main-control {position:absolute;bottom:20px;z-index:10}
.main-banner-wrap span.main-next {right:21px}
.main-banner-wrap span.main-prev {right:63px}
.main-banner-wrap span img {width:5px;height:auto}


/* 메인 공지사항 */
.main-notice-wrap {border-bottom:1px solid #ececec;background:#fff}
.main-notice-wrap .tit {width:65px;box-sizing:border-box;font-size:11.7px;color:#212121;background:url('../image/icon-notice.png') no-repeat left center;background-size:17px auto;padding:11px 0px 11px 20px}
.main-notice-wrap .board-list {width:calc(100% - 70px);box-sizing:border-box;padding:0px 30px 0px 26px;height:39px}
.main-notice-wrap ul li a {font-size:11.7px;color:#212121;display:block;line-height:1;padding:14px 0px}
.main-notice-wrap .notice-control {position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;font-size:0}
.main-notice-wrap .notice-prev {left:9px}
.main-notice-wrap .notice-next {right:0}
.main-notice-wrap .notice-control img {width:7px;height:auto}

/* 서브배너 */
.sub-banner-wrap .banner-box {width:50%;margin:0}
.sub-banner-wrap .banner-box .anibanner_image_wrapper img {display:block}
.sub-banner-wrap ul.anibanner_navigation_paging {position:absolute;margin:0 !important;width:100%;text-align:center;left:0;bottom:25px;height:2px}
.sub-banner-wrap ul.anibanner_navigation_paging li {margin:0 2px;width:17px;height:2px;background:#e4e3e3;overflow:hidden;text-indent:-1000px;vertical-align:top}
.sub-banner-wrap ul.anibanner_navigation_paging li.current {background:#5d5d5d}
.sub-line-banner-wrap img {width:100%;height:auto}


/* 탭상품 영역 */
.main-tab-product-wrap {background:#fff}
.main-tab-product-wrap .tit {padding:30px 0px 23px}
.main-tab-product-wrap .tit > p {font-size:22px;color:#212121;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;line-height:1}
.main-tab-product-wrap .tit > p span {color:#ff6c1c}
.main-tab-product-wrap .goods_list {padding:0px !important}
.main-tab-product-wrap  .goods_list li.gl_item {border-bottom:1px solid #ededed;padding:15px !important}
.main-tab-product-wrap  .goods_list li.gl_item:last-child {border-bottom:none}
.main-tab-product-wrap .gl_inner_item_wrap {display:table}
.main-tab-product-wrap .gl_inner_item_wrap > a {padding:0;display:table-cell;width:36%;padding-right:10px;position:relative;vertical-align:middle}
.main-tab-product-wrap .gl_inner_item_wrap .gli_contents {display:table-cell;vertical-align:middle}
.main-tab-product-wrap .more_btn_box {text-align:center;padding:15px 0px}
.main-tab-product-wrap .main_more_btn2 {padding:11px 30px 11px 30px;background:#ffffff;font-size:13px;color:#303030;font-weight:normal;border-radius:0;border:1px solid #4d4d4d}

/* 기획전 */
.promotion-wrap .banner {margin-bottom:12px;font-size:0}
.promotion-box .box-title {padding:35px 0px 23px;background:#fff}
.promotion-box .box-title h2 {font-size:22px;color:#212121;line-height:1;font-weight:normal;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;margin-bottom:10px}
.promotion-box .box-title p {font-size:12.8px;color:#959595}
.margin-b .qc-photos-container {width:100%;box-sizing:border-box;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif; margin-bottom: 12px;}
.qc-photos-container .qc-title-wrap {text-align:center;margin-bottom:20px}
.qc-photos-container .qc-title-wrap h2 {font-size:22px;color:#212121;line-height:1;font-weight:normal;margin-bottom:10px}
.qc-photos-container .qc-title-wrap .qc-desc {font-size:12.8px;color:#959595}
.qc-photos-container .qc-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.qc-photos-container .qc-item {border:1px solid #e5e5e5;background:#fff;padding:5px;}
.qc-photos-container .qc-thumb {width:100%; aspect-ratio: 1 / 1;background:#f5f5f5;overflow:hidden}
.qc-photos-container .qc-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.qc-photos-container .qc-info {padding:10px}
.qc-photos-container .qc-subject {font-size:13px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}
.qc-photos-container .qc-product-wrap {display:flex;align-items:center;gap:8px}
.qc-photos-container .qc-product-thumb {width:36px;height:36px;border:1px solid #ddd;padding:3px;box-sizing:border-box;background:#fff;flex-shrink:0}
.qc-photos-container .qc-product-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.qc-photos-container .qc-product-name {font-size:12.5px;color:#666;line-height:1.4}

/* 추천상품 */
.recmd-product-wrap {border-bottom:12px solid #f8f8f8}
.recmd-product-wrap .goods_list {margin:0px !important}
.recmd-product-wrap .box-title {padding:35px 0px 23px;background:#fff}
.recmd-product-wrap .box-title h2 {font-size:22px;color:#212121;line-height:1;font-weight:normal;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;margin-bottom:10px}
.recmd-product-wrap .box-title p {font-size:12.8px;color:#959595}
.recmd-product-wrap .basic-product {background:#fff}

/* 이벤트 배너 */
.event-banner-wrap {padding-bottom:10px;background:#fff;border-bottom:12px solid #f8f8f8}
.event-banner-wrap ul.anibanner_navigation_paging {}
.event-banner-wrap ul.anibanner_navigation_paging li {width:25px;height:25px;line-height:25px;border:1px solid #ececec;color:#808080;background:#fff;text-align:center;padding:0;font-size:11px;border-radius:50%;text-indent:0}
.event-banner-wrap ul.anibanner_navigation_paging li.current {background:#3d3d3d;border-color:#3d3d3d;color:#fff}

/* BEST RANKING */
.main-tab-product-wrap .goods_prd_item7 .goods_gallery_item .count_limit {display:block!important;position:absolute;top:0px;left:0px;z-index:300;width:27px;height:27px;text-align:center;font-size:16px;color:#fff;line-height:27px;overflow:hidden;background:#505050;font-weight:bold;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.goods_prd_item7_box .count_limit span {display:block;font-size:12px;padding-top:5px;font-weight:normal}
.main-tab-product-wrap ul.displayTabType1 li {width:25% !important;background:#ff6c1c;color:#fff;font-weight:normal;font-size:12px;border:none}
.main-tab-product-wrap ul.displayTabType1 li.current {font-weight:bold;text-decoration:underline}

/* 하단 */
#footer {margin:0px;border-top:1px solid #eee}
#footer.footer .ft_menu {border-bottom:1px solid #eee;font-size:0;padding:0 12px}
#footer.footer .ft_menu li {width:19%;height:39px;display:inline-block;text-align:center}
#footer.footer .ft_menu li:nth-child(1) {width:9%}
#footer.footer .ft_menu li:nth-child(4) {width:34%}
#footer.footer .ft_menu a {font-size:12px;color:#1f1f1f;line-height:39px}
#footer.footer .cs_wrap {padding:0 6px}
#footer.footer .cs_wrap .box_wrap {width:50%;float:left;font-size:11px;color:#555;line-height:18px}
#footer.footer .cs_wrap .box_wrap h3 {font-size:12px;color:#0a0a0a;margin-bottom:15px}
#footer.footer .cs_wrap .box_wrap div {text-align:left;margin:28px 6px 15px;min-height:125px}
#footer.footer .cs_wrap .box_wrap p span {font-size:12px;}
#footer.footer .cs_wrap .box_wrap > a {display:block;text-align:center;font-size:11px;color:#333;border:1px solid #333;box-sizing:border-box;line-height:1;padding:12px 0;margin:0 6px}
#footer.footer .cs_wrap .box_wrap .tel_num {font-size:19px;font-weight:600;color:#0a0a0a;margin-bottom:7px}
#footer.footer .cs_wrap .box_wrap p {font-size:12px;}
#footer.footer .ft_info_area {color:#555555;padding:20px 35px;font-size:11px;border-top:1px solid #eee;margin-top:25px;text-align:center}
#footer.footer .ft_info_area .ft_sns {padding-bottom:15px}
#footer.footer .ft_info_area .ft_sns li {display:inline-block;padding:0 7px}
#footer.footer .ft_info_area .ft_sns li:nth-child(1) img {width:8px;height:auto}
#footer.footer .ft_info_area .ft_sns li:nth-child(2) img {width:14px;height:auto}
#footer.footer .ft_info_area .ft_sns li:nth-child(3) img {width:11px;height:auto}
#footer.footer .ft_info_area .ft_sns li:nth-child(4) img {width:10px;height:auto}
#footer.footer .ft_info_area .ft_info {font-size:12px;}
#footer.footer .ft_info_area .copyright {margin-top:10px; font-size:12px;}
@media all and (max-width:356px) {
	#footer.footer .cs_wrap .box_wrap div {min-height:177px}
}

/* 하단 */
#layout_footer {margin-bottom:-15px; border-top:1px solid #c6cacc; /*border-bottom:1px solid #eaeaea;*/ background-color:#fafafa; padding:10px 0;}
#layout_footer ul.fnb {text-align:center; padding-top:10px;}
#layout_footer ul.fnb li {display:inline-block; font-size:14px;}
#layout_footer ul.fnb li:first-child {background:none; padding-left:0px;}
#layout_footer ul.fcp {text-align:left; padding:12px 10px 0 0; line-height:16px}
#layout_footer ul.fcp li {display:inline-block; padding-left:10px; font-size:11px; color:#999;}
#layout_footer ul.fcp li a {color:#888;}
#layout_footer ul.fnav {text-align:center; padding:0; line-height:16px}
#layout_footer ul.fnav li {display:inline-block; font-size:11px; color:#999; padding:0;}
#layout_footer ul.fnav li span {display:inline-block; padding:0 3px 0 0; color:#ccc;}
#quick_layer {position:fixed; z-index:100; bottom:0px; left:0px; width:100%;}
#quick_layer table.common_quick {width:100%; border-collapse:collapse; border-top:2px solid #c5c6c7;}
#quick_layer table.common_quick td {border:1px solid #d2d3d4; background-color:#e1e2e3; height:50px;}
#quick_layer table.common_quick td a {display:block; width:100%; vertical-align:middle; color:#7a8285; text-align:center; font-size:13px; letter-spacing:-1px}


/* 메인영역 - 탭메뉴 */
/*
ul.displayTabType1 {width:101%; margin-bottom:10px; border-bottom:none; *zoom:1;}
ul.displayTabType1:after {content:""; display:block; clear:both;}
ul.displayTabType1 li {float:left; width:33% !important; height:38px; line-height:39px; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #777; background:#f1f1f1; padding:0; text-align:center; font-weight:600; color:#858585; cursor:default;}
ul.displayTabType1 li.current {margin-left:-1px; border:1px solid #777; border-bottom:1px solid #fff; background:#fff; color:#333; }
.displayTabContentsContainerBox {border:1px solid #e4e4e4; border-top:0; padding:15px 10px 10px;}
*/

/* 메인영역 */
.main_display h3 {border-bottom:none; padding:20px 0 5px; font-size:14px; color:#000;}
.main_display h3 p {font-size:11px; font-weight:normal; color:#333;}
.main_sub {min-height:200px;}
.main_sub .tab_menu {width:110px; margin:30px auto 0; *zoom:1;}
.main_sub .tab_menu:after {display:block; clear:both; content:'';}
.main_sub .tab_menu li {float:left; margin:0 3px; width:30px; height:30px; background-size:contain !important; text-indent:-9999px; cursor:pointer;}
.main_sub .tab_menu li.current {background-color:#888 !important;}
.main_sub .tab_menu li.one {background:url('../image/sort_icon1.png') no-repeat;}
.main_sub .tab_menu li.two {background:url('../image/sort_icon2.png') no-repeat;}
.main_sub .tab_menu li.thr {background:url('../image/sort_icon3.png') no-repeat;}
.main_sub .tab_menu li.one.current {background:url('../image/sort_icon1_over.png') no-repeat;}
.main_sub .tab_menu li.two.current {background:url('../image/sort_icon2_over.png') no-repeat;}
.main_sub .tab_menu li.thr.current {background:url('../image/sort_icon3_over.png') no-repeat;}
.main_insta {border-top:1px solid #f1f1f1; background:#fafafa; padding:20px 15px;}
.main_insta h3 {padding:0 0 15px; font-weight:normal; color:#666;}
.main_insta li {width:19.5% !important; height:auto !important; margin:0 0 0.5% 0.5% !important; overflow:hidden;}
.main_insta li img {width:100% !important; opacity:1; transform:scale(1); transition:0.5s ease-in-out;}
.main_insta li:hover img {opacity:0.8; transform:scale(1.05);}

/* 메인영역 - 슬라이드 배너 */
.main_slider {min-height:200px;}
.main_slider, .main_slider2 {margin-bottom:15px;}
.main_slider ul.anibanner_navigation_paging_style_3 li {width:24px; height:3px; margin:0 3px; border-radius:2px; background-color:#d3d3d3; overflow:hidden; text-indent:-1000px;}
.main_slider ul.anibanner_navigation_paging_style_3 li.current {width:44px; background-color:#6b6b6b;}
.main_slider2 ul.anibanner_navigation_paging_style_3 li {width:5px; height:5px; margin:0 3px; border-radius:50px; background-color:#afafaf; overflow:hidden; text-indent:-1000px;}
.main_slider2 ul.anibanner_navigation_paging_style_3 li.current {width:20px;  height:3px; margin-top:1px; border-radius:2px; background-color:#6b6b6b;}
.main_slider3 ul.anibanner_navigation_paging_style_3 li {width:24px; height:3px; margin:0 2px; border-radius:2px; background-color:#b3b3b3; overflow:hidden; text-indent:-1000px;}
.main_slider3 ul.anibanner_navigation_paging_style_3 li.current {background-color:#6b6b6b;}

/* 메인영역 - 상품디스플레이 */
div.slide-wrap .slide .goods_list {padding:0 12px;}
.goods_list {padding:7px;}
.goods_list ol.gli_contents > li {line-height:1.8;}
.goods_list ol.gli_contents > li .color {width:15px; height:3px; overflow:hidden;}
.goods_list ol.gli_contents > li .goods_name {display:block; margin-bottom:5px;}
.goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}
.goods_list ol.gli_contents > li .sale_price {/*font-family:"verdana" !important;*/}
.goods_list ol.gli_contents > li .shipping {display:block; margin:5px 0;}
.goods_list ol.gli_contents > li .shipping li {display:inline-block; margin-right:5px; border:1px solid #bbb; background:#fafafa; padding:0 5px; font-size:11px; color:#666;}
.showDesignDisplay2 .goods_list ol.gli_contents {padding:20px; padding-bottom:20px !important;}
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_name {display:block; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}

/* 모바일 레이아웃*/
#wrap {position:relative; min-width:320px; -moz-transition:width ease-in-out 0.5s 0.1s; /* for Firefox 15*/ -webkit-transition:width ease-in-out 0.5s 0.1s; /* for Chrome and Safari*/ transition:width ease-in-out 0.5s 0.1s;}
#layout_side {position:fixed; height:100%; left:0px; top:0px; overflow:auto; width:270px; z-index:101; background-color:#fff; display:none;}
#layout_side ul.top_navigation {background-color:/*#fafbfb*/#0278f8; border-top:1px solid /*#ccc*/#333; text-align:center;}
#layout_side ul.top_navigation li {display:inline-block; margin-top:10px; width:60px; height:65px; text-align:center;}
#layout_side ul.top_navigation li a {position:relative; display:block; width:100%; font-size:12px; color:/*#5c5c5c*/#fff; letter-spacing:-1px;}
#layout_side ul.top_navigation li.tn_recently	a {padding-top:40px; background:url('../image/ico_lately.png') no-repeat center 0; background-size:34px 34px;}
#layout_side ul.top_navigation li.tn_cart		a {padding-top:40px; background:url('../image/ico_cart.png') no-repeat center 0; background-size:35px 34px;}
#layout_side ul.top_navigation li.tn_wish		a {padding-top:40px; background:url('../image/ico_wish.png') no-repeat center 0; background-size:36px 34px;}
#layout_side ul.top_navigation li.tn_delivery	a {padding-top:40px; background:url('../image/ico_delivery.png') no-repeat center 0; background-size:38px 34px;}
#layout_side ul.top_navigation li.tn_mypage		a {padding-top:40px; background:url('../image/ico_mypage.png') no-repeat center 0; background-size:27px 34px;}
#layout_side div.top_userinformation {position:relative; z-index:5; *zoom:1; /*  height:42px; line-height:44px; padding:0 12px 0 12px; */ background-color:#fff; /* overflow:hidden; */}
#layout_side div.top_userinformation:after {content:""; display:block; clear:both;}
/* layout_side div.top_userinformation .welcome {position:absolute; left:10px; top:0; width:130px; white-space:nowrap; overflow:hidden;} */
/* #layout_side div.top_userinformation .joinbtn, #layout_side div.top_userinformation .logoutbtn, #layout_side div.top_userinformation .myinfobtn, #layout_side div.top_userinformation .loginbtn {float:right; margin-left:2px} */
/* #layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .myinfobtn input, #layout_side div.top_userinformation .loginbtn input {padding:3px 5px; border:1px solid #b0b5bb; border-radius:2px; background-color:#fff; font-size:11px; color:#555;} */
#layout_side div.menu_navigation_wrap {}
#layout_side div.menu_navigation_wrap ul.tab {*zoom:1; border-top:1px solid #bbb; background-color:#e6e6e6;}
#layout_side div.menu_navigation_wrap ul.tab:after {content:""; display:block; clear:both;}
#layout_side div.menu_navigation_wrap ul.tab li {float:left; width:50%; height:40px; line-height:40px; text-align:center; box-sizing:border-box; background-color:#f6f6f6; border-left:1px solid #bbb; border-bottom:1px solid #bbb; font-size:13px; font-weight:600; cursor:pointer}
#layout_side div.menu_navigation_wrap ul.tab li:first-child {border-left:none; width:50%;}
#layout_side div.menu_navigation_wrap ul.tab li.current {background-color:#fff; border-bottom:none; color:#000}
#layout_side div.menu_navigation_wrap ul.menu {}
#layout_side div.menu_navigation_wrap ul.menu li.mitem {position:relative; border-bottom:1px solid #ddddd9; *zoom:1; padding-right:5px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem:after {content:""; display:block; clear:both;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a.mitem_title {width:100%; max-width:170px; padding-left:30px; display:block; float:left; box-sizing:border-box; padding-top:13px; padding-bottom:11px; min-height:40px; font-size:13px; color:#333; font-weight:400; letter-spacing:-1px; cursor:pointer}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents {position:relative; border-bottom:1px solid #ddddd9; *zoom:1; padding:10px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort {width:calc(100% - 10px); border:1px solid #c6c6c6; border-radius:3px; overflow:hidden; margin:auto; *zoom:1; white-space:nowrap;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort:after {content:""; display:block; clear:both;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort li {float:left; width:calc(100% / 3); box-sizing:border-box; border-left:1px solid #c6c6c6; background-color:#f7f7f7; color:#676767; height:35px; line-height:35px; text-align:center; cursor:pointer}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort li:first-child {border-left:none}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort li.current {background-color:#fff; color:#000; font-weight:600;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort_words {width:238px; margin:6px auto 6px auto; *zoom:1;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort_words:after {content:""; display:block; clear:both;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort_words li {float:left; box-sizing:border-box; width:30px; height:30px; margin:6px 2px 0 2px; text-align:center; line-height:28px; font-weight:600; border-radius:15px; border:1px solid #b9b9b9; background-color:#f2f2f2; color:#454545; cursor:pointer}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_contents ul.brandsort_words li.current {border:1px solid /*#676771*/#b9b9b9; background-color:/*#757897*/#b9b9b9; color:#ffffff;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_brand {display:none}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('../images/design/ico_arw_open.png') no-repeat 12px 18px; background-size:11px 7px}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('../images/design/ico_arw_close.png') no-repeat 12px 18px; background-size:11px 7px}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon3 {background:url('../images/design/ico_arw_direct.png') no-repeat 15px 15px; background-size:7px 11px}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents {display:none;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {background-color:#f5f5f5; clear:both;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {position:relative; border-bottom:1px solid #ddddd9; *zoom:1; padding-right:5px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem:after {content:""; display:block; clear:both;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem a.submitem_title {width:100%; max-width:160px; padding-left:30px; display:block; float:left; box-sizing:border-box; padding-top:13px; padding-bottom:11px; min-height:40px; font-size:13px; color:#333; letter-spacing:-1px; cursor:pointer}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem .submitem_contents {display:block; box-sizing:border-box; padding:10px; font-size:12px; color:#333; letter-spacing:-1px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands {padding:6px 0; width:252px; *zoom:1; text-align:left; margin:auto;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands:after {content:""; display:block; clear:both}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li {float:left; margin:0 2px}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a {display:block; width:80px; height:60px; line-height:60px; background-color:#fff; vertical-align:middle; text-align:center; margin:3px 0; white-space:nowrap; overflow:hidden;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a img {max-width:70px; max-height:50px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents div.bestbrands_paging {text-align:center;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem_subcontents div.bestbrands_paging ul {margin-bottom:6px;}
#layout_side div.menu_navigation_wrap a.mitem_favorite {float:right; margin-top:3px; margin-right:5px; width:20px; height:20px; background:url('../images/design/ico_fvr_off.png') no-repeat; background-size:20px 20px; cursor:pointer}
#layout_side div.menu_navigation_wrap a.mitem_favorite_on {background:url('../images/design/ico_fvr_on.png') no-repeat; background-size:20px 20px;}
#layout_side div.menu_navigation_wrap a.mitem_goodsview {float:right; /* margin-right:5px; */ padding:5px 5px; /* border:1px solid #b0b5bb; border-radius:2px; background-color:#fff; */ font-size:11px; color:#555; letter-spacing:-1px}
#layout_side #category_favorite_alert {display:none; position:fixed; left:35px; top:35%; width:200px; height:200px; background:url('../images/design/alert_bg.png') no-repeat; background-size:200px 200px;}
#layout_side #category_favorite_alert .cfa_on {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_on.png') no-repeat; background-size:68px 66px;}
#layout_side #category_favorite_alert .cfa_off {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_off.png') no-repeat; background-size:68px 66px;}
#layout_side #category_favorite_alert .cfa_msg {position:absolute; left:0; top:65%; width:100%; text-align:center; font-size:13px; color:#fff; font-weight:600;}
#side_close {display:none; position:absolute; left:270px; top:0; background:url("../image/top_close.png") no-repeat center; background-size:28px 28px; width:42px; height:42px; text-indent:-9999px; z-index:5;}
#layout_side_background {z-index:4; background-color:#000; opacity:0.5; filter:alpha(opacity=50); position:fixed; left:0px; top:0px; width:100%; height:200%; display:none;}
#layout_wrap {position:relative; top:0; left:0;}

/* 좌측 레이아웃 */
#side_close {position:fixed; top:34px !important; left:calc(80% + 25px); background:url('../image/top_close.png') no-repeat center; background-size:33px 33px;}
#layout_side {width:80%; border-top:3px solid #000; padding:15px; z-index:1002;}
#layout_side div.top_userinformation {height:auto; padding:0 0 10px; overflow:visible;}
#layout_side div.top_userinformation .top_btns {margin:-15px -15px 0 -15px; *zoom:1;}
#layout_side div.top_userinformation .top_btns:after {display:block; clear:both; content:'';}
#layout_side div.top_userinformation .top_btns li {float:left; width:50%;}
#layout_side div.top_userinformation .top_btns li a {display:block; border:1px solid #e7e7e7; line-height:35px; text-align:center; font-size:11px; color:#333;}
#layout_side div.top_userinformation .top_btns li:first-child a {border-right:none;}
#layout_side div.top_userinformation .welcome {position:relative; left:0; width:100%; padding:24px 0 20px; text-align:center; line-height:1.6;}
#layout_side div.top_userinformation .joinbtn, #layout_side div.top_userinformation .logoutbtn, #layout_side div.top_userinformation .myinfobtn, #layout_side div.top_userinformation .loginbtn {width:50%; float:left; margin:0;}
#layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .loginbtn input {width:100%; line-height:40px; border:1px solid #333; background:#333; padding:0; text-align:center; font-size:12px; font-weight:400; color:#fff; cursor:pointer;}
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .myinfobtn input {width:100%; line-height:40px; border:1px solid #e0e0e0; background:#fafafa; padding:0; text-align:center; font-size:12px; font-weight:400; color:#333; cursor:pointer;}
#layout_side ul.top_navigation {display:none; background:#fff; border-top:0px solid #555; padding:10px 0;}
#layout_side ul.top_navigation li {width:24%;}
#layout_side ul.top_navigation li a {font-size:11px; color:#333;}
#layout_side ul.top_navigation li.tn_cart a {background:url('../image/ico_cart.png') no-repeat center 0; background-size:38px 34px;}
#layout_side ul.top_navigation li.tn_wish a {background:url('../image/ico_wish.png') no-repeat center 0; background-size:38px 34px;}
#layout_side ul.top_navigation li.tn_delivery a {background:url('../image/ico_delivery.png') no-repeat center 0; background-size:38px 34px;}
#layout_side ul.top_navigation li.tn_mypage	a {background:url('../image/ico_mypage.png') no-repeat center 0; background-size:38px 34px;}
#layout_side div.menu_navigation_wrap ul.tab {border-top:none; background:none;}
#layout_side div.menu_navigation_wrap ul.tab li, #layout_side div.menu_navigation_wrap ul.tab li:first-child {width:33.3333%; border:1px solid #e0e0e0; border-bottom:1px solid #ddd; font-weight:normal;}
#layout_side div.menu_navigation_wrap ul.tab li.current {border:1px solid #ddd; border-bottom:none; font-weight:600;}
#layout_side div.menu_navigation_wrap ul.tab li + li {border-left:none !important;}
#layout_side div.menu_navigation_wrap ul.menu > li {border-left:1px solid #ddd; border-right:1px solid #ddd;}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('../image/ico_arw_open2.png') no-repeat 15px 15px; background-size:11px 11px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('../image/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon3 {background:url('../image/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a.mitem_title {max-width:100%; padding-left:0; text-indent:32px; color:#666; letter-spacing:0;}
#layout_side div.menu_navigation_wrap a.mitem_goodsview {border:none; margin-right:6px; background:url('../image/ico_arw_direct.png') no-repeat left 7px; background-size:7px 11px; text-indent:-9999px;}
#layout_side div.menu_navigation_wrap ul.menu.board li {position:relative; border-bottom:1px solid #e0e0e0; height:40px; line-height:41px;}
#layout_side div.menu_navigation_wrap ul.menu.board li:after {display:block; content:''; position:absolute; top:15px; right:15px; width:7px; height:11px; background:url('../image/ico_arw_direct.png') no-repeat; background-size:cover;}
#layout_side div.menu_navigation_wrap ul.menu.board li a {display:block; text-indent:15px; font-size:13px; font-weight:400; color:#333;}
#layout_side .recently_side {border-left:1px solid #ddd; border-right:1px solid #ddd;}
#layout_side .recently_side h1 {line-height:41px; text-indent:15px;}
#layout_side .recently_side a.mitem_goodsview {right:-4px;}
#layout_side .recently_side .recently_thumb {margin:10px;}
#layout_side .recently_side .recently_thumb .thumb li .btn_delete {right:50%; margin-right:-35px;}
#layout_side .side_cs_wrap {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
#layout_side .side_cs_wrap h3 {position:relative; padding:20px 15px 10px; font-size:12px; font-weight:500; color:#000; letter-spacing:1px;}
#layout_side .side_cs_wrap h3:after {position:absolute; bottom:0; left:15px; display:block; content:''; width:12px; height:1px; background:#aaa;}
#layout_side .side_cs_wrap ul.fcp {border-bottom:1px solid #e0e0e0; padding:15px;}
#layout_side .side_cs_wrap ul.fcp li {display:block; padding-left:0; font-size:11px; color:#666; line-height:1.8;}
#layout_side .side_cs_wrap ul.fcp li span {display:inline-block; width:60px; font-weight:600; color:#666;}
#layout_side .side_cs_wrap ul.fcp li.phone {margin-bottom:15px; font-size:24px; font-weight:600; color:#333; letter-spacing:3px; line-height:1.0;}
#layout_side .side_cs_wrap ul.fcp a.btn_black_large {float:left; width:48%; border:1px solid #555; background:#333; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#fff;}
#layout_side .side_cs_wrap ul.fcp a.btn_gray_large {float:right; width:48%; border:1px solid #e0e0e0; background:#fafafa; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#666;}
#layout_side .side_cs_wrap ul.fcp a.btn_black_small {background:#666; padding:5px 7px; font-size:11px; font-weight:400; color:#fff;}
#layout_side .language {padding:15px 0 30px;}

/* 플로팅 - BACK/TOP(대쉬보드)*/
#floating_over {display:none; position:fixed; left:0; bottom:0; width:100%; z-index:999;}
#floating_over .ico_floating_back {position:absolute; bottom:10px; left:10px; background:url('../image/btn_floating_back.png'); width:37px; height:37px;}
#floating_over .ico_floating_top {position:absolute; bottom:10px; right:10px; background:url('../image/btn_floating_top.png'); width:37px; height:37px;}
#floating_over .ico_floating_recently {position:absolute; bottom:53px; right:11px; /*background:url('../image/btn_floating_recently.png'); background-size:37px 37px; width:37px; height:37px;*/}
#floating_over .ico_floating_recently img {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:34px; height:34px; border:1px solid #7d7d7d; -webkit-box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5); box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5);}
#floating_over .ico_floating_zoom {position:absolute; bottom:53px; right:10px; background:url('../image/btn_floating_zoom.png'); width:37px; height:37px;}


.pushCount {border-radius:3px; background:#555; font-size:11px; font-weight:normal;}
.pushCount.side {right:50%; margin-right:-30px;}


/* 최근 본 상품(사이드 레이어)*/
.recently_side {/*margin:10px;*/ position:relative; border-bottom:1px solid #d8d9d4;}
.recently_side .btn_more {position:absolute; top:7px; right:5px;}
.recently_side h1 {border-bottom:1px solid #d8d9d4; background:#f6f6f6; height:40px; line-height:40px; text-indent:10px; font-size:13px; font-weight:600; color:#333;}
.recently_side .recently_thumb {position:relative; margin:5px; height:97px; overflow:hidden;}
.recently_side .recently_thumb .thumb {position:relative; text-align:center;}
.recently_side .recently_thumb .thumb h2 {background:#fff; height:97px; line-height:92px; font-size:13px; font-weight:normal; color:#666; z-index:99;}
.recently_side .recently_thumb .thumb li {position:relative; float:left; width:33.3%;}
.recently_side .recently_thumb .thumb li:last-child {width:33.4%;}
.recently_side .recently_thumb .thumb li a {display:inline-block; margin:5px;}
.recently_side .recently_thumb .thumb li img {border:1px solid #d5d5cb; width:67px; height:67px;}
.recently_side .recently_thumb .thumb li .btn_delete {position:absolute; top:0; right:4px; background:url('../image/design/ico_recently_delete.png') no-repeat; width:15px; height:15px;}
.recently_side .recently_pages {position:absolute; bottom:0; width:100%; margin:0 auto; text-align:center;}
.recently_side .recently_pages .btn_page {margin:0 3px; display:inline-block; background:url('../image/design/ico_recently_navi.png') no-repeat center; width:8px; height:8px;}
.recently_side .recently_pages .btn_page.on {display:inline-block; background:url('../image/design/ico_recently_navi_on.png') no-repeat center; width:8px; height:8px;}

/* 최근 본 상품(하단 레이어)*/
#recently_popup {display:none; position:absolute; bottom:85px; right:0; z-index:999;}
.recently_popup {width:300px; margin:10px; position:relative; border:1px solid /*#5288da*/#a9a9a9; background:/*#e8ebf1*/#fff; -webkit-box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.1); box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.1);z-index:1001;}
.recently_popup .btn_close {position:absolute; top:0; right:0; background:url('../images/design/btn_recently_close.png') no-repeat center; background-size:10px 10px; width:35px; height:33px; text-indent:-9999px;}
.recently_popup h1 {border-bottom:1px solid /*#c2cad9*/#a9a9a9; background:/*#5288da*/#a9a9a9; height:35px; line-height:35px; text-indent:10px; font-size:14px; color:#fff;}
.recently_popup .recently_thumb {position:relative; margin:5px; height:95px; overflow:hidden; text-align:center;}
.recently_popup .recently_thumb .thumb {position:relative; text-align:center;}
.recently_popup .recently_thumb .thumb h2 {background:#fff; height:95px; line-height:90px; font-size:13px; font-weight:normal; color:#666; z-index:99;}
.recently_popup .recently_thumb .thumb li {position:relative; float:left; width:25%;}
.recently_popup .recently_thumb .thumb li:first-child {margin-left:0;}
.recently_popup .recently_thumb .thumb li a {display:inline-block; margin:5px;}
.recently_popup .recently_thumb .thumb li img {border:1px solid #d5d5cb; width:64px; height:64px;}
.recently_popup .recently_thumb .thumb li .btn_delete {position:absolute; top:0; right:-5px; background:url('../images/design/ico_recently_delete.png') no-repeat; width:15px; height:15px;}
.recently_popup .recently_page {position:absolute; bottom:0; width:100%; margin:0 auto; text-align:center;}
.recently_popup .recently_page .btn_page {margin:0 3px; display:inline-block; background:url('../images/design/ico_recently_navi.png') no-repeat center; width:8px; height:8px;}
.recently_popup .recently_page .btn_page.on {display:inline-block; background:url('../images/design/ico_recently_navi_on.png') no-repeat center; width:8px; height:8px;}
.recently_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1000;}