@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: 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 .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 .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}


#slide-container{top: 339px;}


#mid-container #left-container .call-center{width: 168px;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;overflow: hidden;}
#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;}
#mid-container #left-container .call-center hr{margin-left: -10px;margin-top: 12px;}



#mid-container #left-container .account-guide{width: 168px;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: ' : ';}
#footer .division-02 .related-sites .form-item .form-area select{width:100px}

/*상품안내*/
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li{max-width: 33% !important;}			
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li .gelleryThum{height:300px}
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li .gelleryThum .thumb img{width:100%;height:250px}
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li .gelleryThum dl{}
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li .gelleryThum dl dt strong{font-size: 16px !importnat;;text-align: center !important;;}
#siteFunction_menu_8_6_1528102405407101 .wizUser div.list ul.gallery li .gelleryThum dl dd{}

.introduce_txt{position: absolute;top: 94px;width: 420px;}
.introduce_txt span{display: inline-block;font-size: 12px;padding: 4px 20px;background: #8E0000;color: #fff;font-weight: bold;}

#header-container .content-header .slogan {display:none;}
#album-container div.list ul.gallery li dl {height:40px;}

/* 사과문 */
.re-content{width: 1000px;margin: 0 auto;position: relative;margin-top: 100px;}
.re-content p{}
.re-content p img{}