@c-h-a-r-s-e-t "utf-8";
@import url(/Web-home/frame/css/layout_mall.css);



#header .logo{float: left;}
#header .logo h1{height: 80px;}


#header .nav-container .item-search{float: right; margin-top:-55px;}
#header .nav-container .item-search .form-item .form-head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .nav-container .item-search .form-item .form-body .form-area{position: relative; padding: 7px 50px 7px 10px; width: 160px;display:block;zoom:1;z-index: 1;border:2px solid #ffcc80; border-radius:7px;}
#header .nav-container .item-search .form-item .form-body .form-area:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#header .nav-container .item-search .form-item .form-body .form-area .form{float: left; height: 20px; width: 160px; font-size: 12px; line-height: 20px; overflow: visible; background-color: transparent; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
#header .nav-container .item-search .form-item .form-body .form-area .form:-ms-input-placeholder{color: #e2adad;}
#header .nav-container .item-search .form-item .form-body .form-area .form:-moz-placeholder{color: #e2adad;}
#header .nav-container .item-search .form-item .form-body .form-area .form::-moz-placeholder{color: #e2adad;}
#header .nav-container .item-search .form-item .form-body .form-area .form::-webkit-input-placeholder{color: #e2adad;}
#header .nav-container .item-search .form-item .form-body .form-area .btn{position: absolute; top: 7px; right: 0;}
#header .nav-container .item-search .form-item .form-body .form-area .btn span{width: 40px; height: 40px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/c_btn_search.png) no-repeat 0 0;}


#header .nav-container{float: left; position: relative; width: 1000px; height: 40px;}
#header .nav-container:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: #9f0d10 url(./../../mycodyimages/c_bg_header.png) repeat-x 0 0;}
#header .nav-container .all-categories{width: 190px;}
#header .nav-container .all-categories .goto-category{color: #ffffff;}
#header .nav-container .all-categories .goto-category span{display: block; padding: 13px 0 0 40px; height: 27px; line-height: .9; font-size: 14px; font-weight: bold; background: url(./../../mycodyimages/c_all_categories.png) no-repeat 12px 50%;}
#header .nav-container .all-categories .category-list{border-top-color: #c67c3a; border-bottom-color: #c67c3a; background-color: #67513f;}
#header .nav-container .all-categories .category-list>ul>li+li{border-top-color: #c8b9ab;}
#header .nav-container .all-categories .category-list>ul>li>a{color: #ffa61a;}
#header .nav-container .all-categories .category-list>ul>li>a:before{background-image: url(./../../mycodyimages/c_category.png);}
#header .nav-container .all-categories .category-list>ul>li>ul>li:before{background-color: #fae0cb;}
#header .nav-container .all-categories .category-list>ul>li>ul>li>a{color: #efc79c;}


#header .nav-container .main-category{position: absolute; top: 0; right: 280px;}
#header .nav-container .main-category h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .nav-container .main-category ul{list-style: none; margin: 0; padding: 0;}
#header .nav-container .main-category ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#header .nav-container .main-category ul li{float: left;}
#header .nav-container .main-category ul li+li{margin-left: 40px;}
#header .nav-container .main-category ul li a{display: block; padding-top: 12px; height: 28px; line-height: .9; font-size: 16px; font-weight: bold; color: #f3e05c; text-decoration: none;}
#header .nav-container .main-category ul li a:focus,
#header .nav-container .main-category ul li a:hover{text-decoration: underline;}


#header .lnb{position: absolute;top:115px;left:0; z-index: 100;}



#mid-container #left-container #menuSubUI .div_2>ul li a:before{border-top-color: #424242; border-left-color: #424242; background-color: #5a5a5a;}
#mid-container #left-container #menuSubUI .div_2>ul li a.active,
#mid-container #left-container #menuSubUI .div_2>ul li a:focus,
#mid-container #left-container #menuSubUI .div_2>ul li a:hover{color: #bd4f00;}


#mid-container #left-container .call-center{margin-top: 20px; padding: 10px; border-top: 4px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
#mid-container #left-container .call-center h2{margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;}
#mid-container #left-container .call-center .phone-number .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .call-center .phone-number .number{display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 0;}
#mid-container #left-container .call-center .fax-number .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .call-center .fax-number .number{display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -28px;}
#mid-container #left-container .call-center .business-hours{margin-top: 4px; line-height: 18px; font-size: 12px; color: #666666;}
#mid-container #left-container .call-center .business-hours strong{display:block}


#mid-container #left-container .account-guide{margin-top: -1px; padding: 10px; border: 1px solid #e7e7e7;}
#mid-container #left-container .account-guide h2{margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;}
#mid-container #left-container .account-guide .account-number {list-style: none;}
#mid-container #left-container .account-guide .account-number .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .account-guide .account-number .bank{display: block; overflow: hidden; height: 28px; line-height: 28px; font-size: 20px; text-indent: -999em; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -56px;}
#mid-container #left-container .account-guide .account-number .number{display: block; font-size: 20px; line-height: 28px; color: #74a01c;}
#mid-container #left-container .account-guide .account-holder{margin-top: 4px; line-height: 18px; font-weight: bold; font-size: 12px; color: #666666;}
#mid-container #left-container .account-guide .account-holder .head:after{content: ' : ';}


#sQuickMenu{margin-top: 175px;}


#footer .secure-service{left: 190px;}
#footer .site-info{padding-left: 190px;}
#footer .site-info:before{width: 190px; background-image: url(./../../mycodyimages/logo_footer.png);}
#footer .copyright{margin-left: 190px;}

#header .lnb #menuTopUI #top_div>ul:after{content:"";display:block;clear:both}
#header .lnb #menuTopUI #top_div>ul:before{content:"";display:block;height:40px;width:2px;background:url(/user/hkshopping/mycodyimages/menu-bar.png) no-repeat;position:absolute;top:0;right:0}
#menuTopUI #top_div ul#top_k2wiz_GNB li.li_1{height:40px}
#menuTopUI #top_div ul#top_k2wiz_GNB li.li_1:after{content:"";display:block;height:40px;width:2px;background:url(/user/hkshopping/mycodyimages/menu-bar.png) no-repeat;position:absolute;top:0;}