@charset "utf-8";
@import url(/Web-home/frame/css/layout_mall.css);

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

/* item-search */
#header .nav-container .item-search												{float: right;}
#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: 10px 50px 10px 10px; border-left: 1px solid #7f090d;}
#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; color: #ffffff; 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: 0; 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;}

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

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

/* lnb*/
#header .lnb																	{float: right; position: relative; z-index: 100; padding: 28px 0;}

/********************** 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: 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: 175px;}

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

.gotoMob {text-align:center;}