 /* Å¾¸Þ´º (include inc_head) */
#header {}
#top_popup {height: 40px; width:100%; text-align:center; background: #dde3e4;}
#top_popup a {display:block;}
#top_popup img {height:38px;}

#topmenu {width:100%; height:53px;}
#topmenu_con {position: relative; margin:0px 10px; height: 53px;  }
/*#topmenu_con li {width:30%; float:left; margin-top: 10px; background: #f00;}*/
#topmenu_con li.first {position:absolute;  width:90px; margin-top: 10px;}
#topmenu_con li.first img {height:35px;}
#topmenu_con li.second {position:relative; height:22px; top: 19px; margin-left:100px; margin-right:90px;}
#topmenu_con li.second #search {position:absolute; height:22px; width:100%; }
#topmenu_con li.second #search .searchbox {border: #cf1a17 1px solid; margin-right:24px; }
#topmenu_con li.second #search .searchbox input[type=text] {height: 22px; border-radius: 0px; background: none; width:100%; padding: 0px; border: 0px;}
#topmenu_con li.second .input_bt {position:absolute; width:26px; height:24px; background: #cf1a17; border: 0px; right:0px; top:0px; color:#fff;}
#topmenu_con li.second .input_bt .input_bg { height: 24px; border:none; background: none; border-radius: 0px; padding: 0px; width:100%; background: url(/mobile/images/search_icon.png) no-repeat 5px ; background-size:18px;}
#topmenu_con li.end { position:absolute; width:85px; right: 0px; top:13px; }
#topmenu_con li.end .end_box {text-align: right;}
#topmenu_con li.end .end_span_top {font-size:10px; color:#4d4d4d;}
#topmenu_con li.end .end_span_bottom a {font-size:16px; font-weight: bold; letter-spacing:-1px; color:#d31109;} 
 
#gnb {width:100%; height:35px;background: #eeeeee;  border-top: #cecdcd 1px solid; border-bottom: #cecdcd 1px solid; clear: both;} 
#gnb ul#gnb_txt {height:33px; border-top:#fff 1px solid; border-bottom:#fff 1px solid; color:#030303; font-size:13px;}
#gnb ul li.gnb_menu {float:left; height:33px; width: 25%; text-align: center; line-height: 34px; background: url(/mobile/images/menu_line.gif) no-repeat right; cursor: pointer;}
#gnb ul li.gnb_menu span {padding-left: 14px; background: url(/mobile/images/category_icon.png) no-repeat left 2px; background-size: 11px;}
#gnb ul li.gnb_menu a {display: block;}
#gnb ul li.gnb_menu_end {float:left; height:33px; width: 25%; text-align: center; line-height: 34px;}
#gnb ul li.gnb_menu_end a {display: block;}

/* Main slides */
.slides { position: relative; width: 100%; overflow: hidden; }
.slides .slidesjs-container { border: #959595 solid 1px; border-left:none; border-right: none; }
.slides .slidesjs-pagination { text-align:center; width:100%; margin:0 auto;}
.slides .slidesjs-pagination li{ display:inline-block; }
.slides .slidesjs-pagination li a{ display:inline-block; width:12px; height:12px; font-size:0px; background : url('/mobile/images/icon_main_slide_off.png') no-repeat; background-size:12px;}
.slides .slidesjs-pagination .active{ font-size:0px; width:13px; height:13px; background : url('/mobile/images/icon_main_slide_on.png') no-repeat;  background-size:13px;}


 /* Main º£½ºÆ® »óÇ° */
.main_best { width:100%; text-align:center; margin-top:8px;}
.main_best h3 {font-size:15px; text-align:left; margin-left: 5px; font-weight: bold; }
.main_best ul {text-align:left; margin-left:1%;}
.main_best li { text-align: center; display:inline-block; width:32%; margin:1px; margin-bottom: 20px; }
.main_best img { border: #CCC solid 1px; }
.main_best p { font-size:0.9em; margin-top:8px;}
.main_best .code {text-overflow:ellipsis;  overflow: hidden;}
.main_best .name {width:100%; font-weight: bold; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
.main_best .price {width:49%; margin-right:2%; float:left; font-size:0.8em; padding-top: 2px; text-align: right;}
.main_best .price_now { width:49%; font-weight: bold; color:#000; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}

/* ½½¶óÀÌµå¸Þ´º (inc_left / inc_right) */
#sb-site{width:100%;position:relative;z-index:1; min-height: 100%; background-color:#fff}
.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#cdcfd5}
.sb-left{left:0}
.sb-right{right:0}
html.sb-static .sb-slidebar,.sb-slidebar.sb-static{position:absolute}
.sb-slidebar.sb-active{visibility:visible}
.sb-slidebar.sb-style-overlay{z-index:9999}
.sb-slidebar{width:200px;}
.sb-width-thin{width:15%}
.sb-width-wide{width:45%}
.sb-slide,#sb-site,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}
.sb-hide{display:none}

#sb-site {}
.sb-slidebar {color: #fff;}
.sb-toggle-left, .sb-toggle-right, .sb_open_left, .sb-open-right, .sb-close {cursor: pointer;}

/* ¼­ºê¸Þ´º ¿ÞÂÊ (include inc_left) */
.leftmenu_wrap_style {background:url('/mobile/images/category_bg_gray.jpg') repeat-y; text-align:center;}
.leftmenu_wrap_style h2.category_bg_red {background:url('/mobile/images/category_bg_red.jpg') repeat-y; height:40px; font-weight: normal; font-size:15px;}
.leftmenu_wrap_style li.category_bg_con {background:url('/mobile/images/category_bt_bg.jpg') repeat-x bottom; height:35px; width:191px;   font-size:14px; line-height: 34px;}
.leftmenu_wrap_style li.category_bg_con a {height:35px; width:191px; display: block;}

/* ¼­ºê¸Þ´º ¿À¸¥ÂÊ (include inc_right) */
.leftmenu_wrap_style2 {background:url('/mobile/images/category_bg_gray2.jpg') repeat-y; text-align:center;}
.leftmenu_wrap_style2 h2.category_bg_blue2 {background:url('/mobile/images/category_bg_blue.jpg') repeat-y ; height:40px; font-weight: normal; font-size:15px;}
.leftmenu_wrap_style2 li.category_bg_con {background:url('/mobile/images/category_bt_bg.jpg') repeat-x bottom; margin-left: 9px; height:35px; width:191px;   font-size:14px; line-height: 34px;}
.leftmenu_wrap_style2 li.category_bg_con a {height:35px; width:191px; display: block;}

.lately_product_box {text-align:center;}
.lately_product_box .lately_product_list {position:relative; overflow:hidden; height:450px;}

.leftmenu_wrap_style2 ul.lately_product_list_move {position:relative; height:20px; width: 200px; padding-top:10px; padding-bottom: 20px;}
.leftmenu_wrap_style2 ul li.first  {position:absolute; left:23px;}
.leftmenu_wrap_style2 ul li.first a {width:15px; padding:4px 0; display:block;  background: #3f4857; border: #161b24 1px solid;}
.leftmenu_wrap_style2 ul li.two  {position:relative; color:#232323; font-size:15px; float:left; position:absolute; left:45%}
.leftmenu_wrap_style2 ul li.end  {position:absolute; right:23px; float:left;}
.leftmenu_wrap_style2 ul li.end  a {width:15px; padding:4px 0; display:block;  background: #3f4857; border: #161b24 1px solid;}

/* ÆäÀÌÁö ³Ñ¹ö (paging) */
.paging{text-align:center;padding:17px 0 2px 0; margin: 0 auto; width:100%; font-size:13px;}
.paging a{display:inline-block;margin:0 2px;color:#333; }
.paging a.on{font-weight:bold; color:#d31109}
.paging .prev{width: 13px; height:13px; border:#959595 1px solid; background: url(/mobile/images/prev.png) no-repeat center; background-size:3px; position:relative; top:4px;}
.paging .next{width: 13px; height:13px; border:#959595 1px solid; background: url(/mobile/images/next.png) no-repeat center; background-size:3px; position:relative; top:4px;}
.paging .select{color:#333;}

/* Ä«ÇÇ¶óÀÌÅÍ (include inc_foot) */
#footer_banner {margin:0 5px;} 
#footer_banner_box {width: 100%; background:#ffeb04; border:#f2d409 solid 1px; margin-top:20px; margin-bottom: 5px;}
#content_info {background-color:#f5f5f5; height: 35px; line-height: 36px; font-size:12px; text-align:center; border-top:#bcbcbc solid 1px;}
#content_info2 {height: 25px; font-size:13px; text-align:center; line-height: 26px; border-top:#d2d2d2 solid 1px; border-bottom:#d2d2d2 solid 1px;  margin-bottom: 15px;}
#content_info2 a{ color:#8f8f8f;}

#tacen {text-align: center;}
#tacen li.first {color:#030303;}
#tacen li.second {position:relative; font-size:30px; font-weight: bold; list-style: none;}
#tacen li.second div {position:absolute; left:50%; margin-left:-140px; top:-13px; width:60px; height:45px; background:url('/mobile/images/order_icon.png')no-repeat; background-size:60px;}
#tacen li.second a{color: #ef0000; }
#tacen li.end  {color:#3f3f3f; list-style: none; margin-bottom: 9px;}

#bank_box {text-align: left; width:80%; border: #dedede 2px solid; margin: 0 auto; padding:10px; margin-bottom: 15px; color:#3f3f3f;}
#bank_box .bank_name {float:right; font-size:10px; line-height: 20px;}

#copyright {padding:20px 0px; font-size:10px; text-align: center; background: #f5f5f5; border-top:#dedede 1px solid; border-bottom: #dedede 1px solid;}
#footer_bottom {width: 100%; background: #dbdbdb; height:27px; text-align: center; font-weight: bold; font-size:15px; line-height: 29px;}



