/* --------------- */
/*   제목감추기    */
/* --------------- */
#common_menu h3, #common_menu h4{
    width:0px;height:0px;overflow:hidden;visibility:hidden;font-size:0px;line-height:0px;
}
/* --------------- */
/*    레이아웃     */
/* --------------- */
/* layout */
#viewport{ width:100%; }
#header{ width:100%;height:114px; }
#header_con{ width:1188px;margin:0 auto;position:relative; }
#content{ position:relative;  }
#content_con{ 
    width:1188px;
    margin:0 auto;border-bottom:1px solid #b6b6b6;position:relative;
}
#page_con{ min-height:889px;margin-left:200px; }
h1{ padding-top:30px; }

/* gnb */
#gnb{ width:198px;position:absolute;left:0px;top:0px;z-index:11;padding-top:9px; }
#gnb .login_box_left{ padding-bottom:10px; }
#gnb .login_con_left{ width:196px;height:98px;border:1px solid #e4e4e4;position:relative;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background:white !important; }
#gnb .login_con_left .login_txt{ position:absolute;left:12px;top:10px;width:171px;height:43px;padding-top:1px; }
#gnb .login_con_left .login_txt .btn{ position:absolute;right:0px;top:0px; }
#gnb .login_con_left input{ width:111px;border:1px solid #bfbfbf; }
#gnb .login_con_left .id{ padding-bottom:4px;margin:0px !imporant; }
#gnb .login_con_left .password{  }
#gnb .login_con_left ul{ padding-top:1px;background:#f7f7f7;border:1px solid #e1e1e1;width:169px;position:absolute;left:12px;top:62px;line-height:24px;text-align:center;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; }
#gnb .login_con_left ul li{ display:inline-block;padding-left:8px;background:url('../../assets/images/login_division_f4866b0765.gif') no-repeat left center; }
#gnb .login_con_left ul li:first-child{ padding-left:0px;background:none; }
#gnb .login_con_left ul li a{ font-size:11px;font-weight:bold;letter-spacing:0px;color:#333; }
#gnb .login_con_left ul li a:hover{ text-decoration:underline; }
#gnb .login_con_left ul li:first-child a{ color:#d70909; }
#gnb .gnb_box{ padding-bottom:3px; }
#gnb .gnb_box .gnb_con{ border:2px solid #e49c00;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background:white;height:1056px; }
#gnb .gnb_box .gnb_con .postion{  }
#gnb .category_title{ width:100%;text-align:center;padding-top:16px;padding-bottom:12px; }
#gnb li h2{ width:auto;margin:0 10px;background:url('../../assets/images/lnb_dotline_e68c9e94da.gif') no-repeat center top;padding-top:8px;padding-bottom:15px; }
#gnb li:first-child h2{ background:none; }
/*#gnb .nav:first-child h2{ background:none;padding-top:10px; }*/
#gnb h2 a{ display:block;width:auto;margin:0 6px;font-family: "맑은고딕", "Malgun Gothic", "Dotum", "Gulim", "Arial", sans-serif;letter-spacing:-1px;font-weight:bold;font-size:16px;color:#242424; }
#gnb h2 a:hover, #gnb .nav_active a{ color:#ff5400; }
#gnb h2 a span{ display:inline-block;padding-right:4px;letter-spacing:0px;color:#888;font-size:17px; }
#gnb .gnb_con .sub-category{ position:relative; }
#gnb .gnb_con .sub-category ul{ background:white;position:absolute;left:155px;top:-40px;z-index:1;width:100%;display:none;border:1px solid #006f10; }
#gnb .gnb_con .nav div ul{ padding:7px; }
#gnb .gnb_con .sub{ /*background:url('../../assets/images/lnb_sub_bullet_d144f55904.gif') no-repeat 9px 8px;padding-left:14px;*/border-top:1px dotted #999;padding-top:2px;padding-left:2px;padding-right:2px;line-height:22px;display:none; }
#gnb .gnb_con .sub:first-child{ border-top:none; }
#gnb .gnb_con .sub a{ color:#8d8d8d;line-height:19px; }
#gnb .gnb_con .sub a:hover, #gnb .gnb_con .sub .active{ color:#ff5400;font-weight:bold;letter-spacing:-1px;text-decoration:underline; }
#gnb .sub_category_con{ position:absolute;left:168px;top:0px;z-index:10;background:white;width:170px;border:1px solid #333;display:none; }
#gnb .sub_category_con ul{ display:block;padding:10px; }
#gnb .sub_category_con ul li{ display:block;background:url('../../assets/images/lnb_sub_bullet_d144f55904.gif') no-repeat 0px center;padding-left:6px;border-top:1px solid #eee;padding-top:6px;padding-bottom:4px; }
#gnb .sub_category_con ul li:first-child{ border-top:none; }
#gnb .sub_category_con ul li a{ color:#666;display:block;width:auto; }
#gnb .sub_category_con ul li a:hover, #gnb .sub_category_con ul li .active{ color:#ff5400;font-weight:bold; }
#gnb .l_banner{ padding-top:6px;width:100%;text-align:center; }
#gnb .l_customer{ padding-top:8px; }
#gnb .l_event{ padding-top:10px; }
#gnb .lnb_quick ul{ *zoom:1;padding-left:1px; }
#gnb .lnb_quick ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#gnb .lnb_quick ul li{ float:left; }
#gnb .myshop{ padding-top:10px; }
#gnb .myshop .myshop_box{ width:180px;height:auto;background:#7c7c7c;padding-bottom:3px; }
#gnb .myshop .myshop_con{ background:white;margin:0px 3px;min-height:205px; }
#gnb .myshop .myshop_con .position{ margin:0px 6px;padding-bottom:4px; }
#gnb .myshop li h3{ padding-top:4px;line-height:28px;width:100%;height:28px;background:url('../../assets/images/lnb_dotline_e68c9e94da.gif') no-repeat 0px top; }
#gnb .myshop li:first-child h3{ background:none;padding-top:0px; }
#gnb .myshop h3 a{ font-weight:bold;font-size:13px;letter-spacing:-0.5px; color:#666;background:url('../../assets/images/category_bullet_myshop_71b245b78d.gif') no-repeat 3px 8px;padding-left:21px;display:block;width:100%; }
#gnb .myshop h3 a:hover{ color:#006200;text-decoration:underline; }

/* logo */
#header .today_event{ position:absolute;right:0px;top:30px; }
#header .today_event a img{ padding-left:11px; }

/* topMenu */
#common_menu ul{ *zoom:1;position:absolute;right:0px;top:21px; }
#common_menu ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#common_menu li{ float:left;padding-left:10px;padding-right:9px;padding-top:2px;background:url('../../assets/images/topmenu_division_7e7e42e7d3.gif') no-repeat right 4px; }
#common_menu li a{ color:#333}
#common_menu li a:hover{ text-decoration:underline; }
#common_menu li{ position:relative; }
#common_menu li .point_box{ display:none;position:absolute;left:6px;bottom:-27px;z-index:1;width:57px;height:27px;background:url('../../assets/images/join_point_box_e79f48ba96.png') no-repeat 0 0; }
#common_menu li .point_box span{ display:inline-block;color:white;font-weight:bold;padding-top:10px;width:100%;text-align:center; }
#bookmark{ position:absolute;right:0px;top:48px;width:183px;height:29px; }
#bookmark li{ display:inline; }
#bookmark li:first-child{ padding-left:1px; }

/* 상품검색 */
#search_product{ width:259px;color:#555;position:absolute;right:0px;top:48px; }
#search_product .search_keyword{ width:100%;padding-left:38px;padding-bottom:4px; }
#search_form{ 
    width:100%;height:50px;background:url('../../assets/images/search_bg_f1b8658df9.gif') no-repeat 0 0;position:relative; 
    -moz-border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;
}
#search_form input{ position:absolute;left:36px;top:16px;width:140px;border:none;font-size:13px;color:#666;z-index:1;line-height:18px; }
#search_form .btn{ 
    position:absolute;right:0px;top:0px;width:56px;height:50px;display:inline-block;
    background:url('../../assets/images/search_btn_da52a87f96.gif') no-repeat 0 0;
    -moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;
}

/* 썸네일 */
.prod_item{ clear:both;position:relative;background:white; }
.prod_item h3{ position:relative;padding-top:15px;padding-left:6px; }
.prod_item h3 .more_btn{ position:absolute;right:6px;top:19px;font-weight:normal; }
.prod_item h3 .more_btn b{ font-weight:bold; }
.prod_item h3 .more_btn a{ color:#808080; }
.prod_item h3 .more_btn a:hover{ text-decoration:underline; }

.thum{ *zoom:1;padding-top:11px;padding-bottom:0px; }
.thum:after{ content:"";width:0px;height:0px;clear:both;display:block; }
.thum li{ float:left;width:24%;min-height:280px;margin:0 0.5%;text-align:left;position:relative; }
.thum li .prod_img{ border:1px solid #e6e6e6;margin:0 auto;position:relative; }
.thum li .prod_img .icon{ position:absolute;left:6px;top:4px; }
.thum li .prod_img a img{ width:100%;height:auto; }
.thum li .prod_img:hover{ border:1px solid #e49c00; }
.thum li .prod_txt{ padding-top:10px; }
.thum li .prod_txt .price{ font-weight:bold;color:#fe4f0a;font-size:14px;margin:0px 7px;padding-top:11px; }
.thum li .name{ color:#5e5e5e;line-height:18px; }
.thum li .p_name{ padding-bottom:5px;border-bottom:1px solid #ccc; }
.thum li .p_name a{ display:block;margin:0px 7px; }
.thum li .desc{ padding-top:5px; }
.thum li .desc div{ line-height:16px; }
.thum li .desc div .txt{ display:block;margin:0px 7px; }
.thum li .desc div .price_temp{ display:none;margin:0px 7px; }


/* right */ 
#right{ position:absolute;top:0px;right:-103px;width:90px;padding-top:0px;z-index:1;display:none; font-family:"맑은 고딕", "Malgun Gothic", "Dotum", "Gulim", "Arial", sans-serif; }
#right .page_quick_wrap{ padding-bottom:10px; }
#right .page_quick{ background:#ff8400;padding:2px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#right .page_quick .title{ color:white;width:100%;text-align:center;font-size:14px;padding-top:3px;padding-bottom:6px;font-weight:bold; }
#right .page_quick .inner_box{ background:white;margin:0 2px;padding-top:4px;padding-bottom:7px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#right .page_quick li{ background:url('../../assets/images/lnb_dotline_e68c9e94da.gif') no-repeat center top;padding-top:6px;padding-bottom:8px;text-align:center;width:80%;margin:0 auto; font-size:13px;font-weight:bold; }
#right .page_quick li a{ font-family:"맑은 고딕", "Malgun Gothic", "Dotum", "Gulim", "Arial", sans-serif;color:#666;font-weight:bold;  }
#right .page_quick li .icon{ padding-bottom:7px; }
#right .page_quick li:first-child{ background:none; }

#right .quick{ padding-top:0px; }
#right .quick .q_con{ padding-bottom:0px; }
#right .quick .q_thum{ padding-bottom:5px; }
#right .quick ul{  }
#right .quick ul li{ width:100%;text-align:center; }
#right .quick ul li:first-child{ border-top:1px solid #ccc; }
#right .quick ul li a{ width:88px;height:88px;display:block;/*border:1px solid #ccc;*/margin:0 auto;border:1px solid #ccc;border-top:none;}
#right .quick ul li a:hover{ /*border:1px solid #fa0072;*/ }
#right .quick ul li img{ width:100%; }
#right .quick .player{ position:relative;height:23px; }
#right .quick .player .prev{ position:absolute;left:0px;top:0px; }
#right .quick .player .next{ position:absolute;right:0px;top:0px; }
#right .top_btn{ background:#767676;width:100%;text-align:center;padding-top:5px;padding-bottom:6px; }
#right .top_btn a{ color:white; }

/* 공통메뉴 */
#common_gnb{ 
    width:711px;height:50px;position:absolute;top:48px;left:210px;background:#ffdf01;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
#common_gnb .menu{ }
#common_gnb .menu ul{ *zoom:1;padding-top:15px;margin-right:10px; }
#common_gnb .menu ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#common_gnb .menu .c_nav{ display:inline-block;float:left;width:25%;background:url('../../assets/images/c_menu_division_82a7cbf5e7.gif') no-repeat left 4px;position:relative; }
#common_gnb .menu .c_nav:first-child{ background:none; }
#common_gnb .menu .c_nav h2 a{ display:block;font-size:20px;color:#211d01;text-align:center;font-family: "NanumBarunGothicLight", "Dotum", "Gulim", "Arial", sans-serif;letter-spacing:1px;font-weight:bold; }
#common_gnb .menu .c_nav h2 a:hover, #common_gnb .menu li h2 .active{ color:#f14f00; }
#common_gnb .menu .c_nav .sub_category{ width:100%;min-height:50px;position:absolute;left:0px;top:22px;z-index:100;display:none;  }
#common_gnb .menu .c_nav .sub_category ul{ width:85%;min-width:120px;margin:0 auto;padding-top:7px;padding-bottom:5px; }
#common_gnb .menu .c_nav .sub_category ul li{ float:none;width:100%;background:none;display:block;margin:0px;text-align:center; }
#common_gnb .menu .c_nav .sub_category ul li a{ font-size:14px;letter-spacing:1px;color:white;display:block;width:100%;text-align:center;background:#ff9400;padding:10px 0px;border-top:1px solid #ffc680;font-family: "NanumBarunGothic", "Dotum", "Gulim", "Arial", sans-serif; }
#common_gnb .menu .c_nav .sub_category ul li a span{ display:none; }
#common_gnb .menu .c_nav .sub_category ul li:first-child a{ border-top:none; }
#common_gnb .menu .c_nav .sub_category ul li a:hover, #common_gnb .menu li .sub_category ul li .active{ background:#fe730a; }
/* --------------- */
/*  PNG 문제해결   */
/* --------------- */
.pngImg{
    background:transparent;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
    /* IE8 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
    /* IE6 & 7 */
    zoom:1;
}

/* footer */
#footer{ padding-top:14px; }
#footer .fcustomer{ position:relative;background:white; }
#footer .fcustomer .fbox{ width:1186px;height:173px;margin:0 auto;background:url('../../assets/images/customer_line_9d7e9ecdee.gif') no-repeat center center;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; }
#footer .fcon{ position:relative;width:1188px;margin:0 auto;background:white;border-top:1px solid #d4d4d4; }
#footer .fcon .fbox{ width:1186px;margin:0 auto;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; }

#footer .fbox{ *zoom:1; }
#footer .fbox:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#footer .fbox .td1{ float:left;width:20.5%;margin-left:1%; }
#footer .fbox .td2{ float:left;width:21.5%;margin-left:1.2%;  }
#footer .fbox .td3{ float:left;width:25.5%;margin-left:1.2%;  }
#footer .fbox .td4{ float:left;width:25%;margin-left:2.5%; }
#footer .fbox h2{ color:#333;width:99%;margin:0 auto;position:relative;top:2px;font-family: "NanumBarunGothicLight", "Dotum", "Gulim", "Arial", sans-serif;font-size:20px;font-weight:bold;letter-spacing:0px;padding-top:8px;padding-bottom:14px;padding-left:0px; }
#footer .fbox h2 span{ color:#777; }
#footer .fbox h2 div{ position:absolute;right:0px;top:12px;font-size:13px; }
#footer .fbox .body{ width:98%;margin:0 auto;position:relative; }
#footer .fbox .body li{ position:relative;line-height:23px; }
#footer .fbox .body li img{ vertical-align:middle;padding-right:4px; }
#footer .fbox .body li a{ color:#777;display:block;width:auto;background:url('../../assets/images/notice_bullet_ee37471bbd.gif') no-repeat 0 48%;padding-left:6px; }
#footer .fbox .body li a:hover{ color:#333;text-decoration:underline; }
#footer .fbox .body li div{ position:absolute;right:0px;top:0px; }

#footer .f_menu{ padding-left:10px;padding-top:13px; }
#footer .f_menu li{ display:inline;padding-left:11px;background:url('../../assets/images/topmenu_division_7e7e42e7d3.gif') no-repeat 3px 1px }
#footer .f_menu li a{ color:#777; }
#footer .f_menu li a:hover{ color:#343434;text-decoration:underline; }
#footer .f_menu li:first-child{ padding-left:0px;background:none; }
#footer .f_info{ position:relative; }
#footer .f_info .info_txt{ padding-top:17px;padding-left:10px;color:#888;padding-bottom:14px;line-height:18px; }
#footer .f_info .f_logo{ position:absolute;right:15px;top:-25px; }