@c-h-a-r-s-e-t "utf-8";
@import url(/Web-home/frame/css/layout_common.css);

#header-container .content-header{position: absolute; top: 105px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 194px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{display:none;}
#header-container .content-header .slogan .item-01{margin: 0; padding-top: 16px; line-height: 26px; font-size: 19px; color: #fff;}
#header-container .content-header .slogan .item-01:after{content: ''; display: block; position: absolute; top: 60px; left: 35px; width: 30px; height: 2px; background-color: #fff;}
#header-container .content-header .slogan .item-01 strong{display: block; line-height: 40px; font-size: 32px; font-weight: normal;}


.lnb .logo{margin: 0; height: 70px;}


.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; top: 15px; right: 0;}

.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{}

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

#left-container .quick-link{margin-top: 20px; 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;background:#999}
#left-container .quick-link ul li+li{border-top:1px solid #ccc}
#left-container .quick-link ul li a{display: block; padding: 10px 0 0 20px; height: 24px; line-height: .9; font-size: 14px; color: #ffffff; text-decoration: none; background-image:url(./../../mycodyimages/s_quick_link.png); background-repeat: no-repeat; background-position:176px 50%}


#content-container .h2Title{position: relative;padding-top: 55px; height: 54px; line-height: .9; font-weight: normal; font-size: 30px; color: #4b4b4b;}
#content-container .h2Title:after {content: ''; display: block; position: absolute;top:40px;left: 0; width: 30px; height: 4px; background-color: #009788;}

#content-container #pageNavi{position: absolute; right: 0; top: 16px; font-size:12px;}


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


#slide-container{top: 319px;}


#sopmalSubTitle{margin: 0; position: relative; z-index: 10; padding:38px 0px 0px 0px; width: 190px; height: 77px; font-size: 24px; color: #ffffff; text-align: center; background: url("../../mycodyimages/snbTitle.png") #636FBB no-repeat left top;}
#sopmalLeftMenu>ul{list-style: none; width:190px; margin-top: -1px;}
#sopmalLeftMenu>ul>li{margin-top: 1px;}
#sopmalLeftMenu>ul>li>a{display: block; margin: 0px 0px 1px 0px; padding: 10px 0px 0px 10px; height: 31px; font-size: 14px; color: #323232; text-decoration: none; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif; background: url("") #F0F0F0 no-repeat left top;}
#sopmalLeftMenu>ul>li.on>a,
#sopmalLeftMenu>ul>li>a:focus,
#sopmalLeftMenu>ul>li>a:hover{position: relative; color: #ffffff; background: url(./../../mycodyimages/bg_lnb_menu.png) #18A890 no-repeat left top;}


#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: 19px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -28px;letter-spacing: -1px;}
#mid-container #left-container .call-center .business-hours{margin-top: 4px; line-height: 18px; font-size: 12px; color: #666666;}



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