@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: 19px; 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: 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: ' : ';}

/********************** content-container **********************/
#sQuickMenu																		{margin-top: 193px;}

/********************** footer-container **********************/
#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;}

/* banner-zone */
#bannerZone{width:1000px;margin:0 auto 30px}
.banner-zone																	{position: relative; padding: 14px 0 14px 17px; height: 45px; border: 1px solid #dddddd; background-color: #ffffff;}
.banner-zone:after																{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.banner-zone h2																	{float: left; margin: 0; width: 100px; line-height: .9; font-size: 13px;}
.banner-zone .bx-wrapper														{float: left;}
.banner-zone .bx-wrapper .bx-viewport ul										{margin: 0; padding: 0; width: 100%; height: 100%;}
.banner-zone .bx-wrapper .bx-viewport ul:after									{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.banner-zone .bx-wrapper .bx-viewport ul li a									{display: block;}
.banner-zone .bx-wrapper .bx-viewport ul li a img								{vertical-align: top; border: 0 none;}

.banner-zone .banner-zone-panels												{position: absolute; bottom: 14px; left: 16px; padding: 0 24px;}
.banner-zone .banner-zone-panels button											{display: block; position: relative; overflow: visible; width: 25px; height: 23px; margin: 0; padding: 0; border: 0; font-size: 11px; text-indent: -999em; font-family: "Nanum Gothic", "나눔고딕", sans-serif; background-color: transparent; background-image: url(/Web-home/addons/images/bannerzone_panel.png); background-repeat: 0 0;}
.banner-zone .banner-zone-panels button:focus									{z-index: 1;}
.banner-zone .banner-zone-panels .prev											{position: absolute; top: 0; left: 0; background-position: 0 0;}
.banner-zone .banner-zone-panels .next											{position: absolute; top: 0; right: 0; background-position: -25px 0;}
.banner-zone .banner-zone-panels .stop											{display: none; background-position: -50px 0;}
.banner-zone .banner-zone-panels .stop.active									{display: block;}
.banner-zone .banner-zone-panels .start											{display: none; background-position: -75px 0;}
.banner-zone .banner-zone-panels .start.active									{display: block;}
.banner-zone .banner-zone-panels.disabled .prev									{background-position: 0 100%;}
.banner-zone .banner-zone-panels.disabled .next									{background-position: -25px 100%;}
.banner-zone .banner-zone-panels.disabled .stop									{background-position: -50px 100%;}
.banner-zone .banner-zone-panels.disabled .start								{background-position: -75px 100%;}