@charset "utf-8"; @import url(/Web-home/frame/css/layout_mall.css); /********************** header **********************/ /* logo */ #header .logo {float: left;} #header .logo h1 {height: 96px;} /* item-search */ #header .item-search {float: right; display: block !important; margin: 31px 0 0 0; padding: 2px; background-color: #999999;} #header .item-search legend {display: none;} #header .item-search .form-item {background-color: #ffffff;} #header .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 .item-search .form-item .form-body .form-area {padding: 5px;} #header .item-search .form-item .form-body .form-area:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #header .item-search .form-item .form-body .form-area .form {float: left; width: 240px; max-width: 240px; height: 20px; line-height: 20px; font-size: 12px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;} #header .item-search .form-item .form-body .form-area .btn {float: left;} #header .item-search .form-item .form-body .form-area .btn span {width: 20px; height: 20px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/c_btn_item_search.png) no-repeat 0 0;} /* nav-container */ #header .nav-container {float: left; position: relative; width: 998px; height: 42px;} #header .nav-container:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left: -500px; width: 2000px; height: 40px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} #header .nav-container .all-categories .goto-category span {display: block; padding: 12px 0 0 64px; width: 124px; height: 28px; font-size: 16px; line-height: .9; text-align: left; font-weight: bold; color: #666666; border: 1px solid #d8d8d8; background: #f0f0f0 url(./../../mycodyimages/c_all_categories.png) no-repeat 20px 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;} /* lnb*/ #header .nav-container .lnb {float: right;} /********************** mid-container **********************/ /* snb */ #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;} /* call-center */ #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;} /* account-number */ #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: 19px; 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: ' : ';} /********************** content-container **********************/ #sQuickMenu {margin-top: 193px;} /********************** footer-container **********************/ #footer .secure-service {left: 220px;} #footer .site-info {padding-left: 220px;} #footer .site-info:before {width: 190px; background-image: url(./../../mycodyimages/logo_footer.png);} #footer .copyright {margin-left: 220px;}