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

#wrap-container{position:relative}
#wrap-container #header{padding-top:34px}
#wrap-container #header:before{border-bottom:0;background:none}
#wrap-container #header-container{position:absolute;left:50%;top:0;margin-left: -500px;z-index:10}
#wrap-container #header{width:1000px;margin:0 auto}
#wrap-container #header-container:before{top:28px;height:82px;z-index: 9;background:url(./../../mycodyimages/bg_menu_top_ui.png) repeat-x 0 0;}

#header-container:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 1px; background-color: #dddddd;}
#header-container .content-header{position: absolute; top: 0; left: 50%; z-index:0;margin-left: -1000px; width: 2000px; min-width: 1000px; height: 270px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{position: absolute; z-index: 10; top: 142px; right: 500px; width: 1000px; text-align: right; box-sizing: border-box;}
#header-container .content-header .slogan .item-01{line-height: 48px; font-size: 26px;color: #5B5B5B;letter-spacing:-0.5px}
#header-container .content-header .slogan .item-01 strong{color:#4B7BD6;font-size: 38px;}
#header-container .content-header .slogan .item-02{display: block; line-height: 24px; font-size: 18px; color: #7c7c7c;}

.lnb .logo{margin: 0;}
.lnb .logo a{height: auto;padding-top: 18px;vertical-align: top;}
#menuTopUI ul.ul_1 li.li_1 a.a_1.active{background-position: center bottom !important;}
#menuSubUI .menuSubTitle{line-height:20px}
#menuSubUI ul.ul_1 li.li_1 a.a_1.active{border-bottom:0}

.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: 12px; 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: 300px auto 60px auto;}
#mid-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#left-container .quick-link{margin-top: 30px; width: 188px; border: 1px solid #c4d2d2; background-color: #f4f8f8;}
#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: 14px;}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{margin-top: 15px;}
#left-container .quick-link ul li a{display: table; line-height: 20px; font-weight: bold; font-size: 13px; color: #6a6b6b; text-decoration: none;}
#left-container .quick-link ul li a:hover{color: #333333; text-decoration: underline;}
#left-container .quick-link ul li a span{display: table-cell; height: 100%; vertical-align: middle; padding-left: 15px; word-break: keep-all; background-image: url(./../../mycodyimages/s_quick_list.png); background-repeat: no-repeat; background-position:left 8px;}

#content-container .content-header{margin-bottom: 20px;}
#content-container .content-header .h2Title{height: 48px; line-height: 20px; font-size: 30px;font-weight:normal;color: #4b7bd6;border-bottom:7px solid #dbdbdb}
#content-container #pageNavi{position: absolute; right: 0; top: 10px; font-size:12px;}
#content-container #pageNavi strong{color: #38659f;}

#footer:after{top:-1px}
#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}
#slide-container{top: 290px;}

ul.bull-green li:before, p.bull-green:before{content:'';position: absolute;left: 0;top: 50%;width: 3px;height: 3px;background-color: #7dbc18;}
ul.bull-green li, p.bull-green{position:relative;font-size:13px;font-weight:bold;color:#666;line-height:25px;padding-left:10px}
p.bull-green{line-height: 1;}

#header .posts ul li{background-color: green;}
#header .posts ul li a{color:#fff}
#header .posts ul li a:hover{color: green;border-color: green;background-color: #fff;}