@charset "utf-8";

@import url(/smart/css/webfonts/NotoSansCJKkr/NotoSansCJKkr.css);
@import url(/smart/css/webfonts/nanumgothic/nanumgothic.css);
@import url(/smart/css/webfonts/NanumMyeongjo/NanumMyeongjo.css);

* {box-sizing:border-box;}
html,
html * {font-size:13px; line-height:1.2em; color:#333333; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #ff6868; text-decoration: none;}


#wrap {
	width:100%; margin:0; padding:0;
	min-width:320px; max-width:100%;
}
.header,
.content,
.footer {
	width:100%; margin:0; padding:0;
	min-width:320px; max-width:100%;
}

.container {
	padding:0 13px;
	*zoom:1;
}
.container:after {
	display:block; content:" "; clear:both;
}






.util_wrap {
	background-color:#030303;
}
.util_wrap a {
	color:#fff;
}

.util-menu {
	float:left;
	width:90%;
	padding:7px 0;
	*zoom:1;
}
.util-menu:after {
	display:block; content:" "; clear:both;
}
.util-menu > li {
	float:left;
	width:25%;
}
.util-menu > li > a {
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
}

#gnb {float:none; overflow:hidden; clear:none;}
#gnb > a {display:block;}
.gnb {display:none;}


.category-menu {padding:15px 0; *zoom:1;}
.category-menu:after {display:block; content:" "; clear:both;}
.category-menu > li {float:left; width:20%;}
.category-menu > li > a {display:block; text-align:center; font-size:14px; font-weight:600; line-height:1.4em; color:#111111;}
.category-menu > li > a.on,
.category-menu > li > a:hover {color:#3938f5;}


/* 로고 */
.logo_wrap {border-bottom:1px solid #dddddd;}
.logo_wrap > .container {position:relative;}
.main_logo {line-height:50px;}
.main_logo > a {display:inline-block; width:107px; height:auto; vertical-align:middle;}
.main_logo > a img {display:block; max-width:100%;}
.cart_wrap a {position:absolute; top:50%; right:13px; margin-top:-9.5px;
	display:block;
	text-indent:-99999px;
	width:23.5px; height:19px;
	background-image:url(/smart/images/icon_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
	z-index:100;
}

.search_bar {
	background-color:#f2f2f2;
	padding:10px 0;
}
.search_bar fieldset {white-space:nowrap;}
.search_bar fieldset legend,
.search_bar fieldset label {display:none;}
.search_bar fieldset #top_search_box {float:left; width:92%; padding:3px 5px;}
.search_bar fieldset .search_btn {float:none; overflow:hidden; clear:none; display:inline-block; vertical-align:middle; width:16px; margin:0 5px;
	vertical-align:-webkit-baseline-middle;
}

.category_wrap {
	border-bottom:1px solid #dddddd;
}


/* content */

/* main slider */
.main_slider {}
.main_slider li img {display:block; max-width:100%; width:100%;}

.main_slider .slick-dots {bottom:0;}
.main_slider .slick-dots li button:before {color:#000000; font-size:12px; text-shadow:0 0 3px #fff; opacity:1;}
.main_slider .slick-dots li.slick-active button:before {color:#fd5f61;}

.main_slider .slick-prev,
.main_slider .slick-next {
	width:35px; height:35px;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.5);
}
.main_slider .slick-prev:before,
.main_slider .slick-next:before {
	display:block;
	content:" ";
	opacity:1;
	width:35px; height:35px;
	background-size:8.5px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
.main_slider .slick-prev:before {background-image:url(/smart/images/slider_arrow_left.png);}
.main_slider .slick-next:before {background-image:url(/smart/images/slider_arrow_right.png);}
.main_slider .slick-prev:hover,
.main_slider .slick-next:hover {
	background-color:#fd5f61;
}

.main_slider .slick-prev {left:0;}
.main_slider .slick-next {right:0;}

/* main icons */
.icons_wrap {}
.main_icons {
	width: calc(100% + 10px);
	margin-left:-5px;
	*zoom:1;
}
.main_icons:after {display:block; content:" "; clear:both;}
.main_icons > li {
	float:left;
	width:25%;
	padding:0 5px;
}
.main_icons > li > a {
	display:block;
	text-align:center;
	font-size:14px;
	border:1px solid #dddddd;
	border-radius:5px;
	padding:35px 2.5px 10px;
	min-height:65px;
	background-position: 50% 10px;
	background-repeat:no-repeat;
	background-size:22px;
}
.main_icons > li > a.icon01 {background-image:url(/smart/images/micon01.png);}
.main_icons > li > a.icon02 {background-image:url(/smart/images/micon02.png);}
.main_icons > li > a.icon03 {background-image:url(/smart/images/micon03.png);}
.main_icons > li > a.icon04 {background-image:url(/smart/images/micon04.png);}

.icons_wrap .customer_banner {
	width: 100%;
	text-align:center;
	border:1px solid #ddd;
	border-radius:5px;
	padding:10px;
	margin-top:10px;
}
.icons_wrap .customer_banner dt {font-size:20px; color:#5d5c5c; letter-spacing:-0.1em; margin-bottom:10px;}
.icons_wrap .customer_banner dt .icon {display:inline-block; vertical-align:super; margin:0 6px;
	background-image:url(/smart/images/customer_center_icon.png); background-repeat:no-repeat; background-position:0 0;
	width:19px; height:23px; background-size:100%;
}
.icons_wrap .customer_banner dt .center_number {color:#fd6566; font-size:30px; margin-left:10px;}
.icons_wrap .customer_banner dd {display:inline-block; font-size:12px; text-align:left;}


/* best product list */
.product_list_wrap {
	padding:30px 0;
}
.product_list_wrap + .product_list_wrap {
	padding-top:0;
}
.product_list {
	width:100%;
	width: calc(100% + 12.5px);
	margin-left:-6.25px;
	margin-bottom:20px;
	*zoom:1;
}
.product_list:after {
	display:block; content:" "; clear:both;
}
.product_list > dt,
.social_list > dt {
	float:left;
	width:100%;
	font-size:18px;
	padding:15px 0;
	text-align:center;
}
.product_list > dt:after,
.social_list > dt:after {
	display:block;
	content:" ";
	width:80px; height:3px;
	margin:1em auto 15px;
	background-color:#ffa9aa;
}
.product_list > dd {
	float:left;
	width:33.333333%;
	margin:10px 0;
	padding:0 6.25px;
}
.product_list dd a {
	display:block;
	text-align:center;
	font-size:13px;
	color:#333333;
}
.product_list dd a .thumbnail {margin-bottom:10px;}
.product_list dd a span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product_list dd a img {
	display:block;
	/*max-width:100%;*/
	width:100%;
}
.product_list_wrap .readMore {
	display:block;
	border:1px solid #dddddd;
	color:#333333;
	font-weight:600;
	letter-spacing:0.35em;
	text-align:center;
	padding:15px;
	position:relative;
	background-color:#f5f5f5;
}
.product_list_wrap .readMore:after {
	display:block;
	content:" ";
	width:16px; height:9px;
	background:url(/smart/images/moreread.png)no-repeat 0 0;
	position:absolute;
	margin-top:-4.5px;
	top:50%;
	right:10%;
	background-size:100%;
}

/* new product list */

.product_list_wrap2 {
	padding:30px 0;
}
.product_list_wrap2 + .product_list_wrap2 {
	padding-top:0;
}
.product_list2 {
	width:100%;
	width: calc(100% + 12.5px);
	margin-left:-6.25px;
	margin-bottom:20px;
	*zoom:1;
}
.product_list2:after {
	display:block; content:" "; clear:both;
}
.product_list2 > dt,
.social_list > dt {
	float:left;
	width:100%;
	font-size:18px;
	padding:15px 0;
	text-align:center;
}
.product_list2 > dt:after,
.social_list > dt:after {
	display:block;
	content:" ";
	width:80px; height:3px;
	margin:1em auto 15px;
	background-color:#ffa9aa;
}
.product_list2 > dd {
	float:left;
	width:33.333333%;
	margin:10px 0;
	padding:0 6.25px;
}
.product_list2 dd a {
	display:block;
	text-align:center;
	font-size:13px;
	color:#333333;
}
.product_list2 dd a .thumbnail {margin-bottom:10px;}
.product_list2 dd a span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product_list2 dd a img {
	display:block;
	width:100%;
}
.product_list_wrap2 .readMore2 {
	display:block;
	border:1px solid #dddddd;
	color:#333333;
	font-weight:600;
	letter-spacing:0.35em;
	text-align:center;
	padding:15px;
	position:relative;
	background-color:#f5f5f5;
}
.product_list_wrap2 .readMore2:after {
	display:block;
	content:" ";
	width:16px; height:9px;
	background:url(/smart/images/moreread.png)no-repeat 0 0;
	position:absolute;
	margin-top:-4.5px;
	top:50%;
	right:10%;
	background-size:100%;
}

/* social list */
.separator {background-color:#eeece8; height:10px; width:100%;}

.separator + .social_list_wrap {padding-top:0;}
.social_list_wrap {
	padding:30px 0;
}
.social_list {
	width:100%;
	width: calc(100% + 1.5px);
	margin-left:-1.5px;
	*zoom:1;
}
.social_list:after {
	display:block; content:" "; clear:both;
}
.social_list > dd {
	float:left;
	width:33.33333%;
	padding:1.5px;
}
.social_list > dd a {
	display:block;
}
.social_list > dd > a img {
	display:block; max-width:100%;
}


/* footer */
.footer {}
.footer .social_icons_wrap {background-color:#eeece8;}
.footer .social_icons {font-size:0; padding:10px 0; text-align:center;}
.footer .social_icons > li {display:inline-block;}
.footer .social_icons > li > a {
	display:block;
	width: 30px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin:0 7px;
	background-color:#fff;
	border-radius:20px;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16.5px;
}
.footer .social_icons > li > a.facebook {background-image:url(/smart/images/social_f.png);}
.footer .social_icons > li > a.instagram {background-image:url(/smart/images/social_in.png);}
.footer .social_icons > li > a.blog {background-image:url(/smart/images/social_b.png);}


.footer_icons_wrap {
	padding:15px 0;
}
.footer_icons {
	width:100%;
	width:calc(100% + 12px);
	margin-left:-6px;
	*zoom:1;
}
.footer_icons:after {
	display:block; content:" "; clear:both;
}
.footer_icons > li {
	float:left;
	width:25%;
	padding:6px;
}
.footer_icons > li > a {
	display:block;
	border:1px solid #dddddd;
	border-radius:5px;
	font-size:13px;
	line-height:1.2em;
	text-align:center;
	background-repeat:no-repeat;
	background-size:25px;
	background-position: 50% 8px;
	min-height:65px;
	padding:30px 5px 0;
}
.footer_icons > li > a.icon01 {background-image:url(/smart/images/foot_icons01.png);}
.footer_icons > li > a.icon02 {background-image:url(/smart/images/foot_icons02.png);}
.footer_icons > li > a.icon03 {background-image:url(/smart/images/foot_icons03.png);}
.footer_icons > li > a.icon04 {background-image:url(/smart/images/foot_icons04.png);}
.footer_icons > li > a.icon05 {background-image:url(/smart/images/foot_icons05.png);}
.footer_icons > li > a.icon06 {background-image:url(/smart/images/foot_icons06.png);}
.footer_icons > li > a.icon07 {background-image:url(/smart/images/foot_icons07.png);}
.footer_icons > li > a.icon08 {background-image:url(/smart/images/foot_icons08.png);}



.foot_info_wrap {
	padding:15px 0;
	background-color:#f5f5f5;
	border-top:1px solid #e0e0e0;
}
.foot_info {
	width:100%;
	width:calc(100% + 24px);
	margin-left:-12px;
	*zoom:1;
}
.foot_info_wrap:after {
	display:block; content:" "; clear:both;
}
.cs_center,
.bank_info {
	float:left;
	width:50%;
	text-align:center;
}
.foot_info_wrap dl {border-right:1px solid #ddd; padding:0 12px;}
.foot_info_wrap dl:last-child {border-left:1px solid #ddd; margin-left:-1px; border-right-width:0;}
.foot_info_wrap dl > dt {font-size:14px; color:#000; font-weight:600; position:relative; padding:10px 0 10px;}
.foot_info_wrap dl.bank_info > dt {padding-bottom:15px;}
.foot_info_wrap dl > dt:after {
	display:block; content:" ";
	margin:10px auto 0;
	width:30px; height:1px; background-color:#000;
}
.foot_info_wrap .mtext {display:block; color:#181818; font-size:20px; font-weight:600; margin-bottom:10px;}
.foot_info_wrap .stext {display:block; color:#999999; text-align:left;}

.bank_info .logo {width:65px; margin:0 auto 3px;}
.bank_info .logo > img {display:block; max-width:100%;}

.company_info_wrap {
	background-color:#3c3a3b;
	padding:14px 0;
}
.company_info_wrap .foot_util {
	text-align:center; width:100%; width:calc(100% + 10px); margin-left:-5px;
}
.company_info_wrap .foot_util > li {display:inline-block; font-size:0; margin:0 0 5px;}
.company_info_wrap .foot_util > li > a {
	display:block; color:#fff; background-color:#262626; border:1px solid #4e4d4d;
	padding:6px 5px; font-size:12px;
}
.company_info_wrap .copyrights {padding:15px 0; font-size:0; line-height:0; text-align:left;}
.company_info_wrap .copyrights li {font-size:0; padding:2px 0;}
.company_info_wrap .copyrights li > span {display:inline-block; font-size:12px; line-height:1.25em; padding:0 5px; border-left:1px solid #cccccc; color:#cccccc;}
.company_info_wrap .copyrights li > span:first-child {padding-left:0; border-left-width:0px;}

.company_info_wrap .shops {padding:5px 0 15px 0; font-size:0; line-height:0; text-align:left;}
.company_info_wrap .shops li {line-height:1em; padding:2px 0;}
.company_info_wrap .shops li > a {font-size:11px; color:#999;} 
.company_info_wrap .shops li > a:hover {color: #ff6868; text-decoration: none;}

/* mobile.css overwrite and add */
.p_list {width:100%;background:#fff;
	padding: 20px 0;
	width:calc(100% + 6px);
	margin-left:-3px;
}
.p_list ul li {
	width:33.333333%;
}
.cont .title {padding:10px 15px;}
.cont .title .tit {font-size:1.05em; margin-bottom:10px;}

.subcate {text-align:left; font-size:0; line-height:0;}
.subcate > li {display:inline-block; }
.subcate > li:after {
	display:inline-block; content:" / "; margin:0 5px; vertical-align:middle;
}
.subcate > li:last-child:after {
	display:none; content:none;
}

.p_list .more {display:block; margin:0 auto;}