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

/* lnb */
.lnb																			{width: 135px; position: absolute !important; z-index: 60; top: 0; left: 0; bottom: 0; background-color: #605148;}
.lnb .logo																		{width: 100%; margin: 0; background-color: #ffffff;}
.lnb .logo a																	{width: 100%; height: 110px; text-align: center;}

/* 해당 템플릿 전용 */
.lnb .wizard_func_area #menuTopUI #top_div										{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>ul								{font-size: 0; white-space: nowrap;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2							{position: absolute; top: 0; left: 135px !important; right: auto !important; min-width: 94px; width: auto; background-color: rgba(0,0,0,0.6) !imporatnt;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a					{white-space: nowrap;}

#left-container																	{position: static;}

/* mid-container */
#mid-container																	{position: relative; overflow: visible !important; margin: 0 auto; width: 1000px;}
#mid-container:before															{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_bg.png) repeat 0 0 !important;}
#mid-container:after															{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#mid-container #left-container													{position: absolute; top: 0; bottom: 0; left: 0;}
#mid-container #content-container												{margin: 0 auto; padding: 0 45px 50px 50px; width: 770px; padding-right:45px; min-height: 700px !important; overflow: visible; border-bottom: 1px solid #e7e7e7; background: #ffffff url(./../../mycodyimages/s_visual.png) no-repeat 100% 0;}
#mid-container #content-container .h2Title										{position: relative; margin-bottom: 20px; padding-top: 108px; height: 57px; line-height: .9; font-size: 30px; color: #4b4b4b; font-weight: normal;}
#mid-container #content-container .h2Title:after								{content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 52px; background-color: #bfc1c3;}
#mid-container #content-container #pageNavi										{position: absolute;  top: 120px; width:770px; font-size:12px;}
#mid-container #content-container #pageNavi strong								{color:#38659f;}

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

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

.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2							{visibility: hidden;}


.election-banner{position:relative;width:856px;height:65px;background:#0181b2;margin:0 auto;padding:7px 4px 0 4px;display: none;}
.election-banner h3{margin:0}
.election-banner .banner-title{float:left;padding:4px 0 0 60px;width:auto;}
.election-banner .banner-title:before{content:"";width:58px;height:72px;background:url("./../../mycodyimages/election-logo.png") no-repeat;position:absolute;top:50%;left:4px;margin-top:-23px}
.election-banner .banner-title .election-data{display:block;font-size:16px;color:#fff;line-height:16px;letter-spacing:-1px;font-weight:normal;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .banner-title .election-title{display:block;font-size:24px;letter-spacing:-2px;font-weight:bold;color:#fff;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .election-list{padding: 0;margin:9px 0 0 0;float:left;}
.election-banner .election-list li{float:left;list-style-type: none;margin:0 16px;position:relative;}
.election-banner .election-list li:before{content:"";width:48px;height:40px;background:url("./../../mycodyimages/election-icon.png") no-repeat 0 0;position:absolute;top:50%;left:0;margin-top:-20px}
.election-banner .election-list li + li:after{content:"";width:1px;height:50px;background:url("./../../mycodyimages/section-img.png") no-repeat 0 0;position:absolute;top:50%;left:-18px;margin-top:-25px}
.election-banner .election-list li a{display:block;padding-left:58px;height:100%;width:auto;text-decoration: none;font-weight:bold;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;letter-spacing:-1px;line-height:20px;color: #fff;}
.election-banner .election-list li a:hover{text-decoration: underline}
.election-banner .election-list .item-01:before{background-position:  10px 0;}
.election-banner .election-list .item-02:before{background-position: -80px 0;}
.election-banner .election-list .item-03:before{background-position: -173px 0;}

.election-banner .election-list li .list-title{color:#fff;font-size:15px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .election-list li .item-type{color:#9fdf67;font-size:16px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .election-list li a span{display:block;}
.election-banner .election-list li a:hover{text-decoration: underline}

.election-banner .election-notice{float:left;position:relative;}
.election-banner .election-notice .title{position:absolute;top:0;left:0;display:block;background:#15426c;width:20px;padding-top:6px;height:42px;letter-spacing:-1px;line-height:16px;font-size:12px;text-align:center;color:#fff;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;
}
.election-banner .election-notice .summary{display:block;width:184px;background:#D4DFED;margin-left:20px;font-size:13px;color:#000000;line-height:16px;padding:5px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}

.election-banner .btn-wrap{float: right;}
.election-banner .btn-wrap a + a{margin-left:5px}
.election-banner .btn-wrap a:hover{text-decoration: underline}
.election-banner .btn-wrap a{color:#888}
.election-banner .btn-wrap .btn-report{position:relative;float:left;width:62px;;text-decoration: none;background:#fff;height:57px;text-align: center;line-height: 12px;}
.election-banner .btn-wrap .btn-report:after{content:"";width:18px;height:22px;background:url("./../../mycodyimages/election-icon.png") no-repeat -282px -6px;position:absolute;top:32px;left:50%;margin-left:-9px}
.election-banner .btn-wrap .btn-report .btn-title{display:block;font-size:11px;color:#000;font-weight:bold;padding-top:4px;letter-spacing: -2px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .btn-wrap .btn-report .summary{display:block;font-size:12px;color:#ed0000;font-weight:bold;letter-spacing: -2px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}

.election-banner .btn-wrap .btn-election{float:left;width:62px;;text-decoration: none;background:#fff;height:57px;text-align: center;}
.election-banner .btn-wrap .btn-election .btn-title{display:block;font-size:11px;color:#000;font-weight:bold;padding-top:4px;line-height: 18px;letter-spacing: -2px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}
.election-banner .btn-wrap .btn-election .summary{display:block;font-size:12px;;color:#1795c7;font-weight:bold;line-height: 14px;letter-spacing: -2px;font-family: '맑은 고딕',Malgun Gothic,'돋움',dotum,sans-serif;}

#header .posts ul li .item-03{background-color: #526588;color:#fff}