@charset "euc-kr";

/* layout */

#wrap, #header, #container, #footer{position:relative;width:100%;overflow:hidden;}

/* ¸ð¹ÙÀÏ ½½¶óÀÌµå ¸Þ´º */
html.open {overflow:hidden;} 

#menu {width:70%;height:100%;position:fixed;top:0px;right:-70%;z-index:900;border:1px solid #3b3c3e;background-color:#3b3c40;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;} 

#menu.open {right:0px;}

.login_info{position:relative;left:0;top:50px;padding:15px 20px;color:#9390d5;text-align:center;font-size:15px;font-weight:bold;}

.login_name{padding-bottom:10px;}

.close {width:50px;height:50px;position:absolute;right:0px;top:10px;background-image:url("/img/logo/close.png");background-size:40%;background-repeat:no-repeat;background-position:center;background-color:none;cursor:pointer;} 

.sub_menu{position:relative;top:50px;margin:10px 25px;}

.sub_menu li a{display:block;padding:10px;border-bottom:1px solid #939498;color:#e1e1e1;text-align:center;font-size:13px;font-weight:bold;}

.sub_menu li a:before{display:block;position:relative;left:-25px;top:33px;width:10px;height:10px;background:url(/img/mobile/dot.png) no-repeat;content:'';}
/* .sub_menu li:before{display:block;position:relative;right:-55px;top:33px;width:10px;height:10px;background:url(/img/mobile/dot.png) no-repeat;content:'';} */ 

.page_cover.open {display:block;}

.page_cover {width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.4);z-index:4;display:none;}
/* // ¸ð¹ÙÀÏ ½½¶óÀÌµå ¸Þ´º */

.a_btn{display:inline-block;line-height:30px;padding:0 18px;vertical-align:middle;font-size:12px;border:1px solid #d3d3d3;background:#fff;color:#000;box-sizing: border-box;}


.m_gnb{background:#f9f9f9;}
.logo_wrap{display:table;width:100%;padding:10px;}
.menu, .logo, .cart{display:table-cell;vertical-align:middle;text-align:center;}
.header_search_wrap{padding:10px;padding-top:0;}
.header_search{display:table;width:100%;}
.header_select, .header_input, .header_button{display:table-cell;text-align:center;vertical-align:middle;}
.header_select{width:100px;}
.header_button{width:65px;}
.header_select select, .header_input input, .header_button button{width:100%;}

#footer{padding:10px;background:#f7f7f7;}
#footer .footer_address p{margin-bottom:5px;color:#555;font-size:13px;font-weight:bold;}
#footer .footer_address address{overflow:hidden;margin-top:5px;font-size:12px;line-height:20px;color:#666}
#footer .privacy li{float:left;margin-top:5px;}
#footer .privacy li:after{display:block;clear:both;content:'';}
#footer .privacy li a{display:block;position:relative;padding:0 9px;color:#666}
#footer .privacy li:nth-child(2) a:before{overflow:hidden;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-5px;background:#d7d7d7;content:'';}

.table{display:table;width:100%;}
.table-cell{display:table-cell;text-align:left;vertical-align:middle;}	
.category{padding:10px;background:#f3f3f3;color:#6e6e6e;border-bottom:1px solid #d4d4d4}
.category h2 {width:100%;}
.category select{width:100%;height:40px;line-height:40px;font-size:14px;}
.item_sumNumber p{height:33px;line-height:33px;padding: 0 13px;border-bottom:2px solid #433b8b;font-size:14px;font-weight:bold;}
.item_sumNumber span{color:red;}
.item_wrap:after{display:block;clear:both;content:'';}
.item_wrap > ul{overflow:hidden;}
.item_wrap > ul > li{float:left;width:50%;position:relative;text-align:center;}
.item_wrap > ul > li > a{display:block;}
.item_wrap > ul > li .item_list{overflow:hidden;position:relative;padding-top:0;border-top:1px solid 
#e9e9e9;}
.item_wrap > ul > li .item_img{position:relative;margin:0 auto;border-top:8px solid #f7f7f7;}
.item_wrap > ul > li .item_img img{width:100%;padding:10px;}
.item_wrap > ul > li:nth-child(odd) .item_img img,
.item_wrap > ul > li:nth-child(odd) .item_name{border-right:1px solid #ddd;}
.item_wrap > ul > li:nth-child(even) .item_img img,
.item_wrap > ul > li:nth-child(even) .item_name{border-left:1px solid #ddd;}
.item_name{text-align:left;font-size:12px;font-weight:bold;}
.item_text, .item_price{padding:5px 10px;}
.item_price{color:red;font-size:14px;}
.btn_product_select{padding:5px 10px 10px 10px;}
.item_wrap > ul > li:nth-child(odd) .btn_product_select{border-right:1px solid #ddd;}
.item_wrap > ul > li:nth-child(odd) .qty_wrap{border-right:1px solid #ddd;}
.item_wrap > ul > li:nth-child(even) .btn_product_select{border-left:1px solid #ddd;}
.item_wrap > ul > li:nth-child(even) .qty_wrap{border-left:1px solid #ddd;}
.qty_wrap{padding:10px;text-overflow:ellipsis;}
.qty_wrap input{width:20%;text-align:center;}

.btn_product_select button{width:48%;padding:0 5px;}
.item_text span{white-space:nowrap;}
.item_price span{color:#555;font-size:12px;}

.org_table th , .org_table td{padding:3px;}

.report_table th , .report_table td{padding:2px;text-align:center;}
.report_table td input, .report_table td select{width:100%;}


	/* prev-next */

.prev-next{clear:both;margin:10px 0 15px 0;}
.prev-next table{height:13px;margin:0 auto;}
.prev-next table td{padding:20px 10px 0 10px;}
.prev-next table td a{display:block;font-size:12px;color:#666666}
.prev-next table td a:hover{font-weight:bold;text-decoration:underline;}


/* ÆäÀÌÁö ¹øÈ£ */

.page_num_normal{display:inline-block;height:auto;padding:0 5px;color:#777;background:#fff;font-family:µ¸¿òÃ¼;font-size:13px;cursor:pointer;}

.page_num_over{display:inline-block;height:auto;padding:0 5px;color:#777;background:#fff;font-family:µ¸¿òÃ¼;font-size:13px;cursor:pointer;}

.page_num_current{display:inline-block;height:auto;padding:0 5px;color:#777;background:#fff;font-family:µ¸¿òÃ¼;font-weight:bold;font-size:13px;}

.page_end			{display:inline-block;padding:0 5px;font-family:µ¸¿òÃ¼;text-align:center;background:#ffffff;color:#484848;font-size:12px;text-decoration:none;cursor:pointer;}
.page_next			{display:inline-block;padding:0 5px;font-family:µ¸¿òÃ¼;text-align:center;background:#ffffff;color:#484848;font-size:13px;text-decoration:none;cursor:pointer;}
/* .page_space			{display:inline-block;font-family:µ¸¿òÃ¼;width:3px;height:20px;padding:3px;border:0px solid #ffffff;} */



