article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}


body#main_bg {background:url(/img/renewal/common/main_top_bg.gif) repeat-x left top; }

#wrap {position:relative;  width:100%; }
#header {max-width:900px; height:124px; margin:0 auto; padding:0 0 10px 0;   z-index:50;}

#header .header_top{position:relative; width:100%; margin:0 auto; z-index:3;}
#header .header_top:after {content:""; display:block; clear:both;}

#header #topmenu { float:left;padding:11px 0 0 0;}
#header #topmenu li {float:left;padding-left:10px; }
#header #topmenu li a {color:#fff; padding-left:5px;padding-right:15px;}

#header #topmenu .tm_list01 a{background: url(/img/renewal/common/tm_home.gif) no-repeat 0px 0px; padding-left:17px; border-right:1px solid #a2a7ac;}
#header #topmenu .tm_list02 a{border-right:1px solid #a2a7ac;}
#header h1{position:absolute; top:60px; left:10px; }

/* search */
.main_search{position:absolute; right:5px; top:6px; display:block; width:28%;}
.main_search .search_input {width:100%;}
.main_search .search_input legend {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; }
.main_search .search_input:after {content:""; display:block; clear:both;}
.main_search .search_input input[type="text"] {display:block; height:26px; font-size:0.9em; background:#fff; float:left; line-height:26px;  padding:0 2%; width:80%;}
.main_search .search_input input[type="button"] {display:block; float:left; width:15%; height:28px; background:#1a8dca url(/img/renewal/common/total_search_bg.jpg) no-repeat center 50%; border:0; cursor:pointer; text-indent:-9999px;}
.main_search .search_input input[type="submit"] {display:block; float:left; width:15%; height:28px; background:#1a8dca url(/img/renewal/common/total_search_bg.jpg) no-repeat center 50%; border:0; cursor:pointer; text-indent:-9999px;}



/* gnb */
#header #gnb{position:absolute; top:70px; right:0; width:100%; z-index:2; background:url(/img/renewal/common/bg_gnb_bottom.png) repeat-x 0 63px; }
#header #gnb .gnb_wrap{background:url(/img/renewal/common/bg_gnb_wrap.png) no-repeat 50% 63px;}
#header #gnb .gnb_mn{position:relative; max-width:900px; margin:0 auto; z-index:10; }
#header #gnb .gnb_mn ul{overflow:hidden; width:670px;float:right; margin:0 0 0 0;}
#header #gnb .gnb_mn ul li{float:left; height:63px; font-size:1.2em; font-weight:600;}
#header #gnb .gnb_mn ul li a{display:block; height:50px; padding:13px 25px 0 25px;}
#header #gnb .gnb_mn > ul > li + li + li > a{display:block; height:50px; padding:13px 35px 0 35px;}
#header #gnb .gnb_mn ul li a:hover, #header #gnb .gnb_mn li a:focus{color:#da2128; text-decoration:none; }
#header #gnb .gnb_mn ul li ul{display:none; position:absolute; top:63px; margin:1px 0 0 0; padding-top:13px; background:url(/img/renewal/common/bg_gnb_ul.gif) no-repeat top left; }
#header #gnb .gnb_mn ul li ul li{float:none; height:auto; margin:10px 0; padding:0 15px 0 20px;  font-size:0.778em; line-height:18px;}
#header #gnb .gnb_mn ul li + li + li + li + li ul li{padding:0 0 0 20px}
#header #gnb .gnb_mn ul li ul li a{display:inline-block; height:auto; padding:0 0 0 7px; letter-spacing:-1px; }
#header #gnb .gnb_mn ul li ul li a:hover,#header #gnb .gnb_mn li ul li a:focus{background:url(/img/renewal/common/bu_gnb_list.gif) no-repeat 0px 7px; color:#9F0000; font-weight:600; }
#header #gnb .gnb_mn ul li ul li a[target="_blank"] span{display:inline-block; padding:0 22px 1px 0; background:url(/img/renewal/common/ico_window.png) no-repeat right;}





/* footer */
#footer_wrap {clear:both;position:relative;width:100%; background:url(/img/renewal/common/copy_bg.gif) repeat 0px 7px;}
#footer_wrap #footer{position:relative; max-width:900px; margin:0 auto; padding:20px 0 40px 0; }
#footer_wrap #footer .footer_logo{position:absolute; top:10px; left:0; }
#footer_wrap .btn_top{position:absolute; top:-70px; right:20px; }

#footer_wrap #copymenu {height:30px;}
#footer_wrap #copymenu li {float:left; background:url(/img/renewal/common/copy_line.gif) no-repeat right 5px;}
#footer_wrap #copymenu li a {color:#b5b4b4; padding:0 20px 0 15px; width:30px; height:50px;}
#footer_wrap #copymenu li:last-child {background:none;}


#footer_wrap #footer .site_info{clear:both; padding:10px 0 0 15px; color:#b5b4b4; font-size:0.9em; line-height:20px; font-weight:bold}
#footer_wrap #footer .copyright{margin:7px 0 0 0; font-size:0.9em; color:#b5b4b4; }
#footer_wrap #footer .copyright span{color:#fff; }



/* 패밀리사이트 */
#footerSitelink .siteItem {width:210px; position:absolute; right:0; top:20px;}
#footerSitelink .siteItem::after {clear: both;content: "";display: block;}
#footerSitelink legend {display: none;}
#footerSitelink .siteItem li {background:#4F4F4F none repeat scroll 0 0;float: left;margin-left: 8px;position: relative;width: 95%;}
#footerSitelink .siteItem li span.select {float:right;display: inline-block;float: left;overflow: hidden;vertical-align: top;width: 82%;}
#footerSitelink .siteItem li label {float: left;font-size: 0;height: 1px;line-height: 0;position: absolute;visibility: hidden;width: 1px;}
#footerSitelink .siteItem li select {background:#fff url("/img/renewal/common/family_bg.gif") no-repeat scroll 82% 7px;color: #767676;cursor: pointer;font-size: 1.0em;height: 27px;line-height: 18px;margin: 0;padding:4px 0 0 5px;width: 115%;border:1px solid #4e4e4e;}
#footerSitelink .siteItem li select option  {line-height: 18px;font-size:13px;margin:5px 0;}
#footerSitelink .siteItem li span.btn {background: #1c1c1c none repeat scroll 0 0;border-bottom-right-radius: 5px;border-top-right-radius: 5px;display: block;float: left;height: 26px;line-height: 1.8;padding: 0 6px 0 7px;}
#footerSitelink .siteItem li span.btn a[target="_blank"] {color: #aaa !important;padding: 0;}



/* 정보통신웹접근성 품질인증 마크 */
#footerSitelink .wa_mark {width:100px; position:absolute; right:0; top:53px;}



/*서브비주얼*/
#sub_w_images {width:100%; height:8px; background-color: white; font-size:0px; text-indent:999px;}
.sub_contents {width:900px; margin:15px auto 30px auto;}
.con_body { border:1px solid #d1d1d1; border-radius:5px; min-height:300px; padding:15px;}
.con_body h3 {font-size:16px; font-weight:bold; background:url(/img/renewal/sub/ico_h4.gif) left 3px no-repeat; padding-left:23px;}
.con_body h4 {font-size:16px; font-weight:bold; background:url(/img/renewal/sub/ico_h5.gif) left 7px no-repeat; padding-left:13px; margin:15px 0 10px 3px;}


/*서브 네비게이션*/
.sub_navi {width:100%; height:40px; border-bottom:1px solid #d1d1d1;}
.sub_navi div {width:900px; margin:0 auto;}
.sub_navi li {float:left; padding:5px;}

.sub_navi .navi_01 {float:left;overflow:hidden;border-left:1px solid #d1d1d1;}
.sub_navi .navi_01 li { border-right:1px solid #d1d1d1; padding:10px 20px;}
.sub_navi .navi_01 li:last-child {padding-right:30px; color:#555; font-weight:bold; background:url(/img/renewal/sub/sub_navi_02.gif) 90% 50% no-repeat;}

.sub_navi .navi_icon {float:right; overflow:hidden;border-left:1px solid #d1d1d1;}
.sub_navi .navi_icon li { border-right:1px solid #d1d1d1; padding:15px 20px 5px 20px; vertical-align:bottom;}
.sub_navi .navi_icon li:first-child{padding:10px 25px 10px 20px; vertical-align:bottom;background:url(/img/renewal/sub/sub_navi_03.gif) 90% 50% no-repeat;}

.sub_navi .navi_icon01 {float:right; overflow:hidden;border-left:1px solid #d1d1d1;}
.sub_navi .navi_icon01 li { border-right:1px solid #d1d1d1; padding:15px 20px 5px 20px; vertical-align:bottom;}


/*사이트맵*/
#sitemap {display:none; background-color: white; position:absolute; width:856px; left:0px; top:40px; z-index: 1; border:2px solid #0C3C71; padding:20px 20px 20px 20px;}
#sitemap .st_list{height:40px; width:100%;  text-align:right; vertical-align:bottom;}
#sitemap .st_list img {vertical-align:middle;}
#sitemap div {height:350px; width:23%; margin:0 1% 0 1%; border-right:1px solid #d1d1d1; box-sizing:border-box;}
#sitemap div:last-child {margin-right:0%; border:0;}
#sitemap div > p  {font-size:18px; color:#1C82B9; font-weight:bold; padding:0 0 15px 15px; background:url(/img/renewal/sub/ico_h5.gif) left 5px no-repeat;}

#sitemap div li {color:#636363;background:url(/img/renewal/sub/ico_h6.gif) left 6px no-repeat;padding-left:10px;clear:both;margin:3px 0 2px 5px; line-height:150%; }
#sitemap div li ul li{background:url(/img/renewal/sub/carrow_4th.gif) left 5px no-repeat;padding:0 0 3px 13px;clear:both;margin:0px 0; font-size:12px;}