/* BASIC css start */
/*»ó´Ü¹è³Ê*/
#head_banner{background-color: #fe6c66;height:40px;text-align: center;line-height: 40px;min-width: 320px;}
#head_banner a{display:block;color:#fff}
#head_banner a span{font-weight:300;margin-left:10px}

#header_top{border-bottom: 1px solid #000;}
#header_top ul{ text-align: center; font-size:0}
#header_top ul li{width:25%;display:inline-block; vertical-align:top}
#header_top ul li a{color:#000000; font-size: 13px;text-align: center; font-weight: 500; padding: 10px 0; display: block;}

#login .tab a {border-bottom: 1px solid #a9a9a9 !important;}
#login .tab a.act {color: #a9a9a9!important; border: 1px solid #a9a9a9!important; border-top: 3px solid #a9a9a9!important; border-bottom: 1px solid #fff !important;}



.search_box {
	z-index: -1;
	position: relative;
	padding: 0 20px;
	text-align: left;
}
.search_box input {
	width: 87%;
	text-indent: 15px;
	padding-left: 0 !important;
	line-height: 40px;
	height: 40px;
	font-size: 12px;
	margin: 20px 0;
	border: 1px solid #d9d9d9;
	position: relative;
	background: #fff;
}
*:focus {
	outline: none;
}
.search_box a {
	position: relative;
}
.search_box a img {
	width: 18px;
	position: absolute;
	right: 15px;
	top: -1px;
}
.menu_on {
	height: 100%;
	overflow: hidden;
}
.menu_off {
	height: auto;
	overflow: initial;
}
#header {width: 100%;}


#header .headerTop {}

#header #menu {display: inline-block;width:20%;float:left }
#header #menu img {	width:24px}
#header .headerBottom {position: relative;height:33px;margin:13px 4%}
#header .headerBottom h1 {display: inline-block;vertical-align:middle;width:76%;float:right;padding-left:4%}
#header .headerBottom h2 {text-align: left;font-size: 9px; position:relative;display: inline-block;vertical-align:middle;width:76%;float:right;padding-left:4%}

#header .headerBottom h1 a {display: inline-block;width:100%}
#header .headerBottom h1 a img {width:100%;}


#header .headerBottom .headerBottomLeft {width:43%;display:inline-block;float:left;height:33px;margin-top:4px;}
#header .headerBottom .headerBottomRight {width:56%;display:inline-block;float:right;height:33px;text-align:right}
#header .headerBottom .headerBottomRight a {text-align: center;display: inline-block;font-size: 10px;position:relative;margin-left:3%}
#header .headerBottom .headerBottomRight a img{width:18px;height:17px}

#header .headerBottom .headerBottomRight > a:nth-of-type(3) img{width:16px}
#header .headerBottom .headerBottomRight > a:nth-of-type(4) img{width:14px}

#header .headerBottom .headerBottomRight .cart .user_basket_quantity {width: 15px;height: 15px;background-color: #000;border-radius: 100%;position: absolute;right:3px;top:0;color: #fff;text-align: center;line-height: 14px;
font-size: 10px !important;}


#header .headerBottom .headerBottomRight a#search {
width: 37px !important;
display: inline-block;
}
#header .headerBottom .headerBottomRight a#search img {
width: 67%;
margin-left: 8px;
margin-top: 2px;
}
#header .search {width:75%;margin:0 10px; auto 15px; float:left;}
#header .search .searchBox {width: 100%;position:relative}
#header .search .searchBox input {width:100%;height: 30px;border: 0px none;background-color:#f5f5f5;color:#888;border-radius:30px;;padding-left:45px}
#header .search .searchBox input::placeholder {color:#888;font-weight:300}
#header .search .searchBox a{position: absolute;top: 10px;left: 15px;width: 14px;height: 14px;}
#header .search .searchBox a img{width:100%}


#header .search .btn_search {
	width: 45px;
	height: 42px;
	line-height: 50px;
	background-color: #822023;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}


/* »çÀ̵å¹Ù */

#close_btn {padding: 8px;	width: 20px;	height: 20px;	position: absolute;	top: 17px;	right: 15px;}
#close_btn img {width: 95%}


aside {	position: fixed;width: 88%;	height: 100%;	left: 0;	bottom: 0;	overflow-y: auto;	z-index: 999999;	display: none;	background: #fff;}
aside .navCategory{ max-height: 68%; overflow: auto; border-bottom: 1px solid #999999;}

aside #new-ico{display: inline-block;background: #000;height: 16px;line-height: 14px;color: #fff;text-align: center;padding: 2px 6px;text-indent: 3px;border-radius: 10px;padding-right: 7px;letter-spacing: 0;}
aside nav ul:nth-child(1) {padding-top: 0}
aside .asideTop {position: relative;text-align: center; font-color:#cccccc;}
aside .search {height: 35px;position: relative;left: 0;right: 0;padding-right: 45px;text-align: center;border-bottom: 1px solid #fff;padding: 20px;}
aside .search .searchBox {	width: 100%;}
aside .search .searchBox input {width: 100%;height: 37px;border: 0px none;margin-top: 6px;font-size: 15px;padding: 0;border-radius: 50px;text-indent: 15px;line-height: 37px;}
aside .search .btn_search {width: 45px;height: 42px;line-height: 50px;position: absolute;bottom: 7px;right: 23px;color: #fff;text-align: center;}
aside .search .btn_search img {width: 23px;vertical-align: inherit;}
aside nav li {	position: relative; }

aside nav > ul > li > a{border-bottom: 1px solid #e8e8e8;height: 46px;line-height: 46px;font-size: 18px;letter-spacing: 1px;}
aside nav li a {text-indent: 20px;	display: block;	height: 41px;	line-height: 41px;overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 15px;	color: #000;}

aside nav li .fa {position: absolute;top: 10px;right: 6px;width: 40px;text-align: center;height: 25px;line-height: 25px; background: #e3e1e0;}
aside nav li > ul {padding: 5px 0;border-bottom: 1px solid #e8e8e8;	display: none;}
aside nav li > ul > li {border: 0;}

aside nav li > ul > li a {padding: 0 40px 0 15px;margin: 0;font-size: 16px;color: #999999!important;letter-spacing: 2px;height: 40px;line-height: 40px;}
aside nav li > ul > li > ul {padding: 0;background: #f7f7f7;}

aside nav li > ul > li > ul > li {border-bottom: 0px none;}
aside nav li > ul > li > ul > li a {padding: 0 0 0 35px;margin: 0;}

aside .asideBottom {background: #ebf4fb;padding: 0px;margin-top: 0px;margin-bottom: 0px;}
aside .asideBottom ul {	margin-top: -5px;	display: inline-block;width: 100%;font-size: 0;}
aside .asideBottom ul li {	text-align: center;	padding: 10px 0;width: 25%;display: inline-block;}
aside .asideBottom ul li a {	color: #000000;	font-size: 13px;font-weight: bold;border-right: 1px solid #e8e8e8;}


aside .asideBottom ul li:nth-child(1) a{background-position: center 8px;background-size: 23px;display: block;}
aside .asideBottom ul li:nth-child(2) a{background-position: center 8px;background-size: 23px;display: block;}
aside .asideBottom ul li:nth-child(3) a{background-position: center 8px;background-size: 23px;display: block;}
aside .asideBottom ul li:nth-child(4) a{border-right:0;background-position: center 8px;background-size: 23px;display: block;}

aside .asideBottom ul li p {padding: 10px;	font-size: 13px;}

aside h1 {	padding: 20px 20px 13px; color: #999999; }
aside h1 a {	color: #fff !important;	display: block;	text-align: center;	font-size: 26px;	font-weight: 900;letter-spacing: 5px;	line-height: 7px;}
aside h1 a img {	width: 150px;}



aside .sns {padding-left: 7px;position: absolute;bottom: 20px; }
aside .sns a {display: inline-block;margin: 10px 0px 5px 20px; font-size: 14px; font-color: #999999;}
aside .sns a img {	height: 16px}


/*»çÀ̵å¹Ù ¾ÆÀÌÄÜ*/

.fa-plus:before{content: "\f068";background: url(/design/bigsize/handel/img/ham_plus.png) no-repeat;font-size: 0 !important;background-size: 7px;width: 15px;height: 21px; display: inline-block; background-position: center;}
.fa-rotate-180.fa-plus:before{content: "\f068"; background: url(/design/bigsize/handel/img/ham_minus.png) no-repeat; background-size: 7px; font-size: 0 !important; width: 15px; height: 21px; display: inline-block;
background-position: center;font-size: 0 !important;}
.fa-minus:before{  content: "\f068"; background: url(/design/bigsize/handel/img/ham_minus.png) no-repeat; background-size: 7px; font-size: 0; width: 15px; height: 21px; display: inline-block; background-position: center;color: #000 !important;}
.fa-rotate-180.fa-minus:before{ content: "\f068"; background: url(/design/bigsize/handel/img/ham_minus.png) no-repeat; font-size: 0; width: 15px; height: 21px; display: inline-block; background-position: center;}
.dn {	display: none !important}
html.hidden {	overflow: hidden !important}
.fa-angle-down:before {color: #49b2fb;font-size: 16px;}


#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;background-color:#fff}
/* BASIC css end */