#shoplist {}
#shoplist .title {height:25px;margin:0 0 40px 0;padding:0 0 15px 0;border-bottom:#efefef solid 1px;}
#shoplist .title .xl {display:none;float:left;}
#shoplist .title .xl h1 {display:inline;margin:0;padding:0;font-family:"malgun gothic",dotum;font-size:22px;}
#shoplist .title .xr {float:right;position:relative;top:10px;font-size:11px;font-family:arial;color:#c0c0c0;}
#shoplist .listtop {padding:0 0 2px 0;}
#shoplist .listtop .xl {float:left;}
#shoplist .listtop .xl img {cursor:pointer;}
#shoplist .listtop .xr {text-align:right;font-size:11px;font-family:dotum;color:#888888;}
#shoplist .listtop .xr .recnum {position:relative;top:-8px;left:-10px;}
#shoplist .listtop .xr .reverse {position:relative;top:-4px;cursor:pointer;}
#shoplist .ltable {margin:5px 0 0 0;border-top:#dfdfdf solid 1px;}
#shoplist .ltable table {width:100%;border-spacing:0px;border-collapse:collapse;}
#shoplist .ltable table caption {display:none;}
#shoplist .ltable thead th {background:#f1f1f1;text-align:center;color:#434343;height:25px;font-weight:normal;}
#shoplist .ltable tbody td {padding:8px 0 8px 0;border-bottom:#efefef solid 1px;text-align:center;}
#shoplist .ltable tbody .pic {background:#efefef;}
#shoplist .ltable tbody .name {text-align:left;line-height:150%;}
#shoplist .ltable tbody .nmae .stocknone {font-size:11px;color:#ff0000;}
#shoplist .ltable tbody .price {font-size:11px;font-weight:bold;color:#FF6101;line-height:150%;}
#shoplist .ltable tbody .point {font-size:11px;color:#A1AB05;}
#shoplist .ltable tbody .cment {line-height:220%;font-size:11px;color:#E4661D;}
#shoplist .ltable .none {height:50px;}
#shoplist .ltable .none td {text-align:center;color:#999999;border-bottom:#dfdfdf solid 1px;}
#shoplist .pagebox01 {margin:20px 0 0;text-align:center;}
#shoplist .tline {border-top:#dfdfdf solid 1px;}
#shoplist .goodsbox {margin:5px 0 0 0;padding:40px 0 0 0;border-top:#dfdfdf solid 1px;display:table;overflow:hidden;width:100%;font-size:0;}
#shoplist .goodsbox ul{margin:0 0 0 -20px;}
#shoplist .goodsbox li{display:inline-block;width:33.3%;}
#shoplist .goodsbox table {width:100%;}
#shoplist .goodsbox td {height:170px;text-align:center;}
#shoplist .goodsbox .gbox {margin:0 0 0 20px;padding:0 0 40px 0;}
#shoplist .goodsbox .picbox {padding:0;}
#shoplist .goodsbox .picbox img {max-width:100%;max-height:170px;}
#shoplist .goodsbox .gname {margin:7px 0 0 0;text-align:center;font-size:13px;}
#shoplist .goodsbox .gname img {margin:2px 0 -2px 0;}
#shoplist .goodsbox .gprice {margin:10px 0 0 0;color:#FF6101;font-weight:bold;text-align:center;letter-spacing:-1px;font-size:12px;}
#shoplist .goodsbox .gprice s {color:#999;font-weight:normal;}
#shoplist .goodsbox .gpoint {font-size:11px;font-weight:normal;color:#A1AB05;}
#shoplist .goodsbox .stocknone {font:11px dotum;color:#ff0000;}
#shoplist .goodsbox .none {text-align:center;color:#999999;padding:0 0 35px 0;}
#shoplist .searchbox {text-align:center;margin:30px 0 0;}
#shoplist .searchbox select {height:24px;}
#shoplist .searchbox input[type="text"]{width:100px;height:24px;line-height:24px;box-sizing:border-box;}
#shoplist .searchbox .btnblue,
#shoplist .searchbox .btngray{height:24px;line-height:24px;}

.product_list{}
.product_list ul{padding:1px 0 0 1px;}
.product_list ul:after{content:'';display:block;clear:both;}
.product_list li{float:left;width:25%;}
.product_list a{display:block;position:relative;margin:-1px 0 0 -1px;padding:10px;border:1px solid #e2e2e2;background:#fff;text-align:center;}
.product_list .thumb{height:240px;font-size:0;}
.product_list .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.product_list .thumb img{vertical-align:middle;max-width:100%;max-height:100%;}
.product_list .info{height:40px;font-weight:bold;font-size:15px;}
.product_list a:hover .cover{display:block;}
.product_list .cover{display:none;position:absolute;left:0;top:0;right:0;bottom:0;}
.product_list .cover .shadow{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.8;filter:alpha(opacity=80);}
.product_list .cover .view{position:absolute;left:0;right:0;top:50%;margin:-58px 0 0;}
.product_list .cover .view img{display:block;margin:0 auto;}
.product_list .cover .view > span{display:block;margin:25px 0 0;font-weight:bold;font-size:15px;color:#fff;}

.product_list .none{width:100%; padding:30px 0; text-align:center; color:#666; font-size:13px;}
.shopListTool{margin-bottom:10px; overflow:hidden;}
.shopListTool .sort{float:left;}
.shopListTool .sort ul{padding:7px 0 0; overflow:hidden;}
.shopListTool .sort ul li{padding:0 12px; float:left; font-size:13px; color:#333; background:url('image/part.png') left center no-repeat;}
.shopListTool .sort ul li:first-child{padding-left:0; background:none;}
.shopListTool .sort ul li a{color:#333;}
.shopListTool .sort ul li.active a{font-weight:bold; color:#333;}
.shopListTool .search{float:right; font-size:12px; color:#333;}
.shopListTool .search em{margin-right:5px; font-size:14px; font-weight:bold;}
.shopListTool input[type="text"]{height:28px; padding:0; border:1px solid #e2e2e2; font-size:13px; color:#333;
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.shopListTool .inputSearch .search_btn{position:absolute; right:0; top:0;}
.shopListTool .search select{min-width:120px; height:16px; padding:6px 3px 6px 0; border:1px solid #e2e2e2; font-size:12px; color:#333;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.shopListTool .btnblue{line-height:30px; font-size:12px; font-weight:bold;}
.shopListTool .btngray{margin-right:5px; line-height:30px; font-size:12px; font-weight:bold;}

/*
#sBody .head_wrap{}
#sBody .head_wrap .table_form{display:none;}
#sBody > .wrapper{padding-top:60px;}
#quickMenu{top:250px;}
*/

#mainCategory{position:relative;margin:0 0 0 1px;font-size:15px;}
#mainCategory .category{display:table;table-layout:fixed;width:100%;border-collapse:collapse;box-sizing:border-box;}
#mainCategory .category > ul{display:table-row;}
#mainCategory .category > ul > li{display:table-cell;text-align:center;}
#mainCategory .category > ul > li > a{display:block;position:relative;height:50px;line-height:50px;margin:0 0 0 -1px;padding:0 14px;border:1px solid #e2e2e2;font-weight:bold;}

/* 1depth */
#mainCategory > .category > ul > li > a{background:#fff;}
#mainCategory > .category > ul > li.active > a{z-index:2;border-color:#0391db;background:#0391db;color:#fff;}
#mainCategory > .category > ul > li.active > a + .category{display:table;}

/* 2depth */
#mainCategory .category .category{display:none;position:absolute;left:0;top:68px;}
#mainCategory .category .category > ul > li{}
#mainCategory .category .category > ul > li > a{background:#f6f6f6;}
#mainCategory .category .category > ul > li.active > a{z-index:6;border-color:#0391db;background:#fff;color:#0391db;}
#mainCategory .category .category > ul > li.active > a:before{content:'';position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid #fff;}
#mainCategory .category .category > ul > li.active > a + .depth{display:block;}

/* 3depth */
#mainCategory .depth{display:none;position:absolute;left:-1px;top:51px;right:0;z-index:4;padding:14px;border:1px solid #0391db;background:#fff;text-align:center;}
#mainCategory .depth > div{overflow:hidden;display:inline-block;}
#mainCategory .depth ul{margin:0 0 0 -56px;}
#mainCategory .depth ul > li{display:inline-block;}
#mainCategory .depth ul > li:before{content:'';display:inline-block;vertical-align:middle;height:16px;margin:0 30px 0 25px;border-left:1px solid #d8d8d8;}
#mainCategory .depth ul > li > a{display:inline-block;vertical-align:middle;}
#mainCategory .depth ul > li.active > a{font-weight:bold;color:#000;}

@media all and (min-width:1201px){
	#mainCategory{height:192px !important;}
}

@media all and (max-width:1200px){
	#mainCategory .category > ul > li > a{margin:-1px 0 0;}

	/* 1depth */
	#mainCategory > .category > ul > li.active > a + .category{display:block;}

	/* 2depth */
	#mainCategory .category .category{}
	#mainCategory .category .category > ul{display:block;}
	#mainCategory .category .category > ul > li{display:block;text-align:left;}
	#mainCategory .category .category > ul > li.active > a:before{content:none;}

	/* 3depth */
	#mainCategory .depth{position:relative;left:auto;top:auto;right:auto;margin:-1px 0 0;padding-top:0;padding-bottom:0;text-align:left;}
	#mainCategory .depth > div{display:block;}
	#mainCategory .depth ul{margin-left:0;}
	#mainCategory .depth ul > li{display:block;border-top:1px solid #d8d8d8;}
	#mainCategory .depth ul > li:first-child{border-top:0;}
	#mainCategory .depth ul > li:before{content:none;}
	#mainCategory .depth ul > li > a{display:block;padding:14px;}

	.product_list li{width:33.3%;}
}

@media all and (max-width:800px){
	.product_list li{width:50%;}
}

@media all and (max-width:480px){
	.product_list li{width:100%;}
}