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

#header-container .content-header												{position: absolute; z-index: -1; top: 135px;left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 137px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan										{position: absolute; top: 50px; left: 500px; text-align: left; box-sizing: border-box;}
#header-container .content-header .slogan .item-01								{margin: 0;}
#header-container .content-header .slogan .item-01 span							{display: block; line-height: 28px; font-size: 20px; font-weight: bold; color: #ffffff;}


/* lnb */
.lnb .logo																		{margin:0; height: 100px;}

/* 메뉴 공통 */
.lnb .wizard_func_area #menuTopUI #top_div										{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul									{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul:after								{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li								{position: static !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2							{left: auto !important; width: auto;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul						{font-size: 0; white-space: nowrap; text-align: center;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul:after				{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li					{display: inline-block !important; float: none !important;}

/* 해당 템플릿 전용 */
.lnb .wizard_func_area															{position: absolute; right: 0; top: 30px;}
/* .lnb .wizard_func_area #menuTopUI #top_div>ul>li+li								{margin-left: 24px;} */
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a					{}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a:hover,
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a.active			{}

#left-container .quick-link{margin-top: 40px; width: 190px;}
#left-container .quick-link h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#left-container .quick-link ul{list-style: none; margin: 0; padding: 0;}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{margin-top: 2px;}
#left-container .quick-link ul li a{display: block; padding: 15px 0 0 20px; height: 27px; line-height: .9; font-size: 14px; color: #075ca4; font-weight: bold;letter-spacing: -1px;text-decoration: none; }
#left-container .quick-link ul li.item-01{background: url(./../../mycodyimages/s_quick_link.png) no-repeat;}
#left-container .quick-link ul li.item-02{background: url(./../../mycodyimages/s_quick_link.png) no-repeat 0 -44px;}
#left-container .quick-link ul li.item-03{background: url(./../../mycodyimages/s_quick_link.png) no-repeat 0 -88px;}

#content-container																{height: auto !important;}
#content-container .h2Title														{margin-bottom: 40px; border-bottom: 1px solid #d8d8d8;}
#content-container .h2Title span												{display: inline-block; margin-bottom: -1px; padding-top: 35px; height: 51px; line-height: .9; font-weight: bold; font-size: 24px; color: #484848; border-bottom: 4px solid #64b8dd;}
#content-container #pageNavi													{position: absolute; right: 0; top: 40px; font-size: 12px;}

#mid-container{margin:137px auto 0}
#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}

/* quick menu */
#slide-container																{top: 272px;}

/*쇼핑메뉴 스타일*/
#sopmalSubTitle {font-family: "Malgun Gothic";font-size: 24px;text-align: center;color: #FFFFFF;background:url("/user/neungju/mycodyimages/snbTitle.png") no-repeat left top;margin: 0px 0px 0px 0px;padding: 22px 0px 0px 0px;border-style: solid;border-color: ;border-width: 0px 0px 0px 0px;width: 190px;height: 70px;}
#sopmalLeftMenu{width: 150px;margin: 0;padding: 0;border-width: 0;border-style: solid;}
#sopmalLeftMenu > ul{position: relative;}
#sopmalLeftMenu > ul > li{position: relative;display: block;}
#sopmalLeftMenu > ul > li > a{display: block;font-family: "맑은 고딕";font-size: 14px;font-weight: bold;text-align: left;color: #686868; background: url("/user/neungju/mycodyimages/s_m2.png") no-repeat left top;margin: 0px 0px 0px 0px;padding: 13px 0px 0px 27px;border-style: solid;border-width: 0px; width: 170px; height: 38px;}
#sopmalLeftMenu > ul > li.on > a,
#sopmalLeftMenu > ul > li > a:focus,
#sopmalLeftMenu > ul > li > a:hover {color: #151515;background: url("/user/neungju/mycodyimages/s_m2_over.png") no-repeat left top;}

/********************** content-container **********************/
#sQuickMenu {margin-top: 135px; z-index:99}

/* call-center */
#mid-container #left-container .call-center										{width: 165px;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									{width: 165px;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: ' : ';}