@charset "utf-8";

body { padding:0px; margin:0px; font-family:'Nanum Gothic', sans-serif; box-sizing: inherit; background-color:#F4F4F4; }


.top_menu { position:absolute; top:0px; left:0px; width:30px; height:30px; padding:13px; border:0px; color:#FFFFFF; cursor:pointer; }
.top_menu_title { position:absolute; top:18px; left:54px; color:#FFFFFF; font-size:15px; }

#page_menu { z-index:101; display:none; position:fixed; top:0px; left:0px; bottom:0px; width:240px; background-color:#46085A; }
.page_menu_in { position:absolute; top:50px; left:0px; right:0px; bottom:0px; border-right:1px solid #000000; background-color:#FFFFFF; overflow-x:hidden; overflow-y:scroll; }
.page_menu_in::-webkit-scrollbar { width:1px; }
.page_menu_in::-webkit-scrollbar-button { width:1px; height:100px; background-color:#E2E2E2; }
.page_menu_in::-webkit-scrollbar-track { width:1px; height:100px; background-color:#E2E2E2; }
.page_menu_in::-webkit-scrollbar-track-piece { width:1px; height:100px; background-color:#E2E2E2; }
.page_menu_in::-webkit-scrollbar-corner { width:1px; height:100px; background-color:#E2E2E2; }
.page_menu_in::-webkit-resizer { width:1px; height:100px; background-color:#E2E2E2; }


.menu_title { position:relative; top:0px; left:5%; width:90%; padding:10px 0px 7px 3px; text-align:left; font-size:11px; color:#686868; cursor:pointer; }
.menu_sub { position:relative; top:0px; left:0px; width:100%; padding:10px 0px 10px 10px; text-align:left; font-size:13px; color:#686868; cursor:pointer; }
.menu_sub:hover { color:#D74B4B; }
.menu_sub2 { position:relative; top:0px; left:0px; width:100%; padding:10px 0px 10px 10px; text-align:left; font-size:13px; color:#D74B4B; cursor:pointer; }
.menu_blank { position:relative; top:0px; left:0px; width:100%; border-top:1px solid #EFEFEF; margin:10px 0px 10px 0px; }

.category_off { position:relative; top:0px; left:0px; width:100%; height:40px; background-color:#FFFFFF; cursor:pointer; }
.category_on { position:relative; top:0px; left:0px; width:100%; height:40px; background-color:#CED7DE; cursor:pointer; }
.category_box { position:relative; float:left; top:0px; left:0px; }

.boxs_sub { position:relative; box-sizing:border-box; top:0px; border:1px solid #BABEC5; background-color:#FFFFFF; margin:15px; padding:20px; border-radius:5px; box-shadow: 0 0 0 2px #dfe0e2; }

.boxs { position:relative; box-sizing:border-box; top:0px; border:1px solid #BABEC5; background-color:#FFFFFF; overflow-x:scroll; overflow-y:hidden; }
.boxs::-webkit-scrollbar { width:1px; height:1px }
.boxs::-webkit-scrollbar-thumb { width:1px; height:1px; background-clip:padding-box; border-radius:10px; background-color:#E2E2E2; }
.boxs::-webkit-scrollbar-track { width:1px; height:1px; background-color:#E2E2E2; }

.boxs_zero { position:relative; box-sizing:border-box; top:0px; left:0px; border:0px; background-color:transparent; }
.logo_top { position:relative; top:0px; left:0px; width:100%; text-align:center; font-family:'Pacifico', cursive; color:#46085A; font-size:45px; cursor:pointer; }


.line_solid { position:relative; top:0px; left:0px; width:100%; border-bottom:1px solid #BABEC5; font-size:13px; line-height:160%; }
.line_dotted { position:relative; top:0px; left:0px; width:100%; border-bottom:1px dotted #BABEC5; font-size:13px; line-height:160%; }
.line_zero { position:relative; clear:both; top:0px; left:0px; width:100%; line-height:160%; }


.line_zero2 { position:relative; top:0px; left:0px; width:100%; height:40px; font-size:12px; line-height:160%; background-color:#FFFFFF; cursor:pointer; }
.line_zero2:hover { background-color:#efefef; }


.line_table_title_top { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:0px; border-bottom:0px; background-color:#efefef; }
.line_table_title_bot { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:0px; border-top:0px; background-color:#efefef; }
.line_table_title { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:0px; border-top:1px solid #BABEC5; background-color:#efefef; }
.line_table { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:0px; border-top:0px; background-color:transparent; overflow:hidden; }


.line_table_title_top2 { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:1px solid #000000; border-bottom:0px; background-color:#efefef; }
.line_table_title_bot2 { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:1px solid #000000; border-top:0px; background-color:#efefef; }
.line_table_title2 { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:1px solid #000000; border-top:1px solid #BABEC5; background-color:#efefef; }
.line_table2 { position:relative; float:left; left:0px; width:40px; height:40px; border:1px solid #BABEC5; border-right:1px solid #000000; border-top:0px; background-color:transparent; }


.table_txt { position:absolute; left:0px; top:10px; width:100%; text-align:center; font-size:12px; }
.line_title { margin:10px 0px 0px 10px; font-size:18px; font-weight:700; }
.line_txt { margin:10px 0px 0px 10px; font-size:13px; font-weight:400; }


.goodboxg { position:relative; float:left; top:3px; margin:0px 0px 5px 5px; width:110px; height:110px; text-align:center; cursor:pointer; }
#products_title_len { color:#A811FF; font-weight:700; }



@media all
and (max-width:540px) {
	.line_zero { font-size:11px; }
	.boxs { margin:10px 0px 10px 0px; padding:10px; border:0px; border-radius:5px; border:1px solid #BABEC5; }
	.boxs_zero { margin:0px; padding:0px; border:0px; background-color:transparent; }

	#products_list_block { display:relative; width:100%; overflow:auto; }
	#products_list_scroll { display:none; }
	#products_list_title { width:2590px; }
	#products_list_list { width:2590px; }
	#products_list_count { display:none; }
	#products_list_search { display:none; }
}

@media all
and (min-width:541px) {
	.line_zero { font-size:13px; }
	.boxs { margin:15px; padding:20px; border:1px solid #BABEC5; min-width:1220px; border-radius:5px; box-shadow: 0 0 0 2px #dfe0e2; }
	.boxs_zero { min-width:1220px; margin:0px; padding:0px; border:0px; background-color:transparent; }

	#products_list_block { display:inline-block; width:700px; }
	#products_list_scroll { display:block; }
	#products_list_title { width:700px; }
	#products_list_list { width:700px; }
	#products_list_count { display:block; }
	#products_list_search { display:block; }
}