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

#header-container .content-header												{position: absolute; top: 130px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 190px; background:#e1eaf4 url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan										{position: absolute; z-index: 10; top: 75px; left: 500px; padding-left: 40px; width: 1000px; text-align: left; box-sizing: border-box;}
#header-container .content-header .slogan .item-01								{margin: 0; line-height: 42px; font-size: 32px; color: #fff; font-weight:bold;}
#header-container .content-header .slogan .item-02								{margin: 0; line-height: 28px; font-size: 16px; color: #fff; font-weight:bold;}

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

/* 메뉴 공통 */
.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; bottom: 0;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li>a								{background-position: 50% 100%;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li+li								{margin-left: 0; background: url(./../../mycodyimages/bg_gnb_bar.gif) no-repeat 0 17px;}
.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			{}




#menuSubUI div.div_1 > ul.ul_1 > li > a {background-repeat:repeat-y !important}
#menuSubUI div.div_2 > ul.ul_2 > li > a {background-position:0 50% !important} 
#menuSubUI div.div_2 > ul.ul_2 > li:first-child > a {margin-top:0 !important}

#mid-container{overflow: visible !important; margin: 0 auto 60px auto; padding-top: 110px;}
#mid-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#left-container .quick-link{margin-top:10px;width:188px;border:1px solid #ececec;background-color:#f3f5fb}
#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 19px}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{border-top:1px dashed #dadce1}
#left-container .quick-link ul li a{display:block;padding: 13px 0 05px 10px;height:21px;line-height:0.9;font-size:14px;color: #1f5a98;font-weight:bold;text-decoration:none;background:url(./../../mycodyimages/bg_quick_link.png) no-repeat 0 0}

#content-container .h2Title{padding-top: 30px; height: 53px; line-height:1.0;font-size: 24px; color:#385d9b;border-bottom:1px solid #e2e5e8;margin-bottom:25px}
#content-container #pageNavi {position: absolute; right: 0; top: 33px}
#content-container #pageNavi .pLocation {font-size:13px}

#mid-container {padding-top:190px}

/*footer 로고*/
#footer .division-03:before														{background-image: url(./../../mycodyimages/logo_footer.png);}

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

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