#header #topbanner {float: left; margin:16px 0 0 0; width:333px; height:56px; } #header #toppbanner h4{display:none;} #header #logo {float:left; width:328px; padding:0; margin:0px 0 0px 0;} #header #logo h1 {float:left; padding:0; margin:0;} #header #ad_superna {float:left; padding:0; margin:0; width:985px;} #header #service {float:right; padding:0; margin:0; display:inline; } #header #service .util {padding:0; height:21px; display:inline; } :root #header #service .util {height:22px; padding:0; display:inline;} #header #service .util img {vertical-align:top;} #header #service .util .loginType {display:inline-block; height:21px; padding:0; } :root #header #service .util .loginType {display:inline; margin-right:0px;} #header #service .util .logoutType {display:inline-block; height:21px; padding:0; } :root #header #service .util .logoutType {display:inline; margin-right:0px;} #header #service #swf1 {float:right; padding:0; margin:0; width:200px; display:inline; } /*-------------------------------------------- GNB----------------------------------------*/ #header #gnb {clear:both; width:985px; height:116px; background:url(http://www.kbmaeil.com/renew/images/public/bg_index_gnb.gif) no-repeat 0 0;} #header #gnb h3 {display:none;} /*-------------------------------------------- gnb레아이웃 ----------------------------------------*/ #header #gnb #search {clear:both; width:985px; margin:0 auto; position:relative; height:45px;} #header #gnb #search .weather {float:left; margin:0 auto; width:360px;} #header #gnb #search .gnb_search {float:left; _padding:10px 0 0px 0; padding:10px 0 31px 0; margin:0 auto; _margin-top:-0px; width:430px; } #header #gnb #search .gnb_search_box_sub {_display:inline; _margin-top:-0px; float:left; margin-right:2px; border-top:1px solid #959aa4; border-right:1px solid #b9bdc3; border-bottom:1px solid #b9bdc3; border-left:1px solid #959aa4; background-color:#fff;} #header #gnb #search .gnb_search_text { display:inline; float:left; width:180px; height:26px; margin:0 0 0 4px; _margin:2; font:16px 돋움; color:#333; padding:4px 0 0 2px; border:0; } /****************** gnb **********************/ #header #gnb #menu {position:relative; clear:both; height:29px; _height:29px; width:985px; padding:1px 0; background:none; } #header #gnb #menu ul.menu {float:left; margin:5px 20px 0 0; _margin:-13px 20px 0 0; width:719px;} #header #gnb #menu ul.menu li {position:relative; display:inline; float:left; margin:0 5px 0 0;} #header #gnb #menu ul.menu li img {vertical-align:top;} #header #gnb #menu ul.menu li.bar {padding:0 7px 0 7px; background:url(http://www.kbmaeil.com/renew/images/public/menu_bar.gif) 0 6px no-repeat;} #header #gnb #menu ul.menu li span {display:none;} #header #gnb #menu ul.menu li ul {display:none; position:absolute; left:9px; top:44px; width:700px;} #header #gnb #menu ul.menu li ul li {margin:0 10px 0 -1px; padding:0 0 0 10px; background:url(http://www.kbmaeil.com/renew/images/public/bg_menu_bar.gif) no-repeat left;} #header #gnb #menu ul.menu li ul li.start{background:none;} #header #gnb #menu ul.menu li ul li a {font:11px dotum,돋움; color:#37393F; text-decoration:none;} #header #gnb #menu ul.menu li.on ul {display:block; z-index:100; } #header #gnb #menu ul.menu li.on ul.sub4 {left:0px; top:30px; font:dotum 11px; color:#37393f; letter-spacing:-1px; margin:3px;} #header #gnb #menu ul.menu li.on ul.sub4 a {left:0px; top:31px; font:dotum 11px; color:#37393f; letter-spacing:-1px;} #header #gnb #menu ul.menu li.on ul.sub4.selectd a {font-weight:bold;} #header #gnb #menu ul.menu li.on ul.sub4 a:hover {color:#e13131; text-decoration:underline; letter-spacing:-1px;} /****************** 우측 **********************/ #header #gnb #menu ul.appmenu { float:right; margin:0px; _margin:-24px 0px 0px 0px; width:266px; } #header #gnb #menu ul.appmenu li {position:relative; display:inline; float:left; margin:0;} #header #gnb #menu ul.appmenu li img {vertical-align:top;} #header #gnb #menu ul.appmenu li span {display:none;} #header #gnb #menu ul.appmenu li ul {display:block; position:absolute; left:0px; top:33px; width:266px;} /*************** 컨텐츠 **************************/ #faux #contents {display: inline; color: #333; margin: 0px 0px 0px 0px; width: 433px; float: left; } #faux #contents #headline {width: 435px; } #faux #contents #headline dl.headtop dt {font:16px 돋움,dotum bold; color:#343434; font-weight:bold;} #faux #contents #headline dl.headtop dd {font:14px 돋움,dotum; color:#4D4D4D; padding:5px 0px 5 0px; line-height:18px;} #faux #contents #headline dl.headtop dd a.img vertical-align:center;} #faux #contents #headline dl.headtop dd img {vertical-align:center;} #faux #contents #headline dl.headtop dd a {font:12px 돋움,dotum; color:#303642; text-decoration:none; line-height:18px;} #faux #contents #headline dl.headtop dd a:hover {font:12px 돋움,dotum; color:#E13131; text-decoration:underline; line-height:18px;} #faux #contents #headline dl.headtop img {float:left; display:inline; width: 60px; padding:15px 20px 10px 10px;} #faux #contents #subheadline dl.subtop {width: 435px; padding:15px 0px 10px 0px;} #faux #contents #subheadline dl.subtop dt {font:16px 돋움,dotum,sans-serif; font-weight:bold; color:#000E55; padding:0 0 5px 0;} #faux #contents #subheadline dl.subtop dt a {font:16px 돋움,dotum,sans-serif; font-weight:bold; color:#000E55; padding:0 0 5px 0;} #faux #contents #subheadline dl.subtop dt a:hover {font:16px 돋움,dotum,sans-serif; font-weight:bold; color:#E13131 padding:0 0 5px 0;} #faux #contents #subheadline dl.subtop .1dd {font:14px 돋움,dotum; color:#303642; font-weight:bold; padding:5 0px 10 0px;line-height:18px; } #faux #contents #subheadline dl.subtop .1dd a {font:14px 돋움,dotum; color:#303642; font-weight:bold; padding:5 0px 10 0px; } #faux #contents #subheadline dl.subtop .1dd a:hover {font:14px 돋움,dotum; color:#E13131; font-weight:bold; padding:5 0px 10 0px; } #faux #contents #subheadline dl.subtop dd img {margin:-1px 2px 1px 0; _margin:-2px 2px 2px 0; vertical-align:middle; } #faux #contents #subheadline dl.subtop dd p {font:12px 돋움,dotum; color:#303642; line-height:18px;} #faux #contents #subheadline dl.subtop dd a {font:12px 돋움,dotum; color:#303642; text-decoration:none; line-height:18px;} #faux #contents #subheadline dl.subtop dd a:hover {font:12px 돋움,dotum; color:#E13131; text-decoration:none; line-height:18px;} #faux #contents #subheadline dl.subtop img {float:left; display:inline; width: 60px; padding:10px 20px 10px 10px;} #faux #contents #notice{display:inline; padding: 0 0 15px 75px; width: 435px; height:25px; float: left; background:url(http://www.kbmaeil.com/renew/images/public/bg_main_alim.gif) no-repeat;} #faux #contents #notice .p {font:12px dotum 돋움; color: #ffffff; text-decoration:none; padding:8px 0px 0px 0px;} #faux #contents #notice .p a {font:12px dotum 돋움; color: #ffffff; text-decoration:none; padding:8px 0px 0px 0px;} #faux #contents #notice .p a:hover {font:12px dotum 돋움; color: #ffffff; text-decoration:none; padding:8px 0px 0px 0px;} #faux #contents #society {display:inline; padding: 0 0 15px 15px; width: 435px; height:148px; float: left; background:url(http://www.kbmaeil.com/renew/images/public/society_box.gif) no-repeat;} #faux #contents #society dl.st {padding: 7px 10px 10px 0px;} #faux #contents #society dl.st dt {font:16px 돋움,dotum; color:#000E55; font-weight:bold; padding:0px;} #faux #contents #society dl.st .main1 a {font:16px 돋움,dotum; color:#000E55; font-weight:bold; padding:0px;} #faux #contents #society dl.st .main1 a:hover {font:16px 돋움,dotum; color:#000E55; font-weight:bold; padding:0px;} #faux #contents #society dl.st dt.sub {font:14px 돋움,dotum; color:#303642; font-weight:bold; padding:3 0px 5px 0px;} #faux #contents #society dl.st dd {font:12px 돋움,dotum; color:#303642; padding:2 0px 5 0px; line-height:18px;} #faux #contents #society dl.st dd a {font:12px 돋움,dotum; color:#303642; padding:5 0px 5 0px; line-height:18px; text-decoration:none;} #faux #contents #society dl.st dd a:hover {font:12px 돋움,dotum; color:#E13131; text-decoration:underline; line-height:18px;} #faux #contents #society dl.st img {float:left; display:inline; width: 60px;} #faux #contents #culturesch {display:inline; width: 435px; height:44px; float: left; padding:0 0 30px 0; background:url(http://www.kbmaeil.com/renew/images/public/bg_cultureshc.gif) no-repeat;} #faux #contents #culturesch dl.cu {padding: 12px 0px 0px 100px;} #faux #contents #culturesch dl.cu dt{font:14px 돋움,dotum; color:#303642; font-weight:bold; padding:0;} #faux #contents #culturesch dl.cu dd{font:12px 돋움,dotum; color:#303642;} #faux #contents .newsbox {display:inline; width: 435px; float: left; padding:10px 0 10px 0;} #faux #contents .newsbox ul {width: 430px; padding:5px 0px 0px 5px;} #faux #contents .newsbox ul li {font:14px 돋움,dotum; color:#020E58; padding:0px 0px 0px 0px; font-weight:bold; text-decoration:none;} #faux #contents .newsbox ul li a {font:14px 돋움,dotum; color:#020E58; padding:0px 0px 0px 0px; font-weight:bold; background:url(http://www.kbmaeil.com/renew/images/main/news_dot1.gif) no-repeat no-repeat scroll 0px 0px; display:inline; float:left; margin:0; padding:0 0 0 10px; text-decoration:none;} #faux #contents .newsbox ul li a:hover{ font:14px 돋움,dotum; color:#E13131; padding:0px 0px 0px 0px; font-weight:bold; background:url(http://www.kbmaeil.com/renew/images/main/news_dot2.gif) no-repeat no-repeat scroll 0px 0px; display:inline; float:left; margin:0; padding:0 0 0 10px; text-decoration:none;} #faux #contents #bannerbox{display:inline; width: 435px; height:80px; float: left; padding:0px 0px 10px 0xp;} #faux #contents #bannerbox_top{display:inline; width: 435px; float: left; padding:0px;} #faux #contents #interview{display:inline; width: 435px; height:124px; float: left; padding:0 0 10px 0; background:url(http://www.kbmaeil.com/renew/images/public/bg_interviewbox.gif) no-repeat;} #faux #contents #interview dl.iv { padding: 40px 10px 10px 10px; width: 425px; } #faux #contents #interview dl.iv dt {font:14px 돋움,dotum; color:#303642; font-weight:bold; padding:5px 0px 5px 10px;} #faux #contents #interview dl.iv dd {font:12px 돋움,dotum; color:#303642; padding:5px 0px 5px 10px; line-height:18px;} #faux #contents #interview dl.iv dd a {font:12px 돋움,dotum; color:#303642; padding:5px 0px 5px 10px; line-height:18px;} #faux #contents #interview dl.iv dd a:hover {font:12px 돋움,dotum; color:#E13131; padding:5px 0px 5px 10px; line-height:18px;} #faux #contents #interview dl.iv img {float:left; display:inline; width: 60px; padding:10px 20px 10px 10px;} /**************************************************************중간줄 ********************************************************/ #faux #centercolumn .blank_line {width:255px; float: left; height:10px} /*기획박스*/ #faux #centercolumn .planning {width:255px; height:210px; border:1px solid #dddddd; margin-bottom:7px;} #faux #centercolumn .planning dl.plan {width:249px;} #faux #centercolumn .planning dl.plan img {margin:2px 2px 7px 2px; padding:0px; } #faux #centercolumn .planning dl.plan dt {font:12px 돋움,dotum; color:#000000; font-weight:bold; padding:0px} #faux #centercolumn .planning dl.plan dd.box_subject{font:12px 돋움,dotum; color:#000000; font-weight:bold; padding:0px 0px 0px 5px;} #faux #centercolumn .planning dl.plan dd.box_contents{font:12px 돋움,dotum; color:#303642; padding:5px 0 5 6px;} #faux #centercolumn .planning dl.plan dd.box_contents a {font:12px 돋움,dotum; color:#303642; padding:15px 0 0 10px;} #faux #centercolumn .planning dl.plan dd.line img{vertical-align:center; clear:both;} #faux #centercolumn .planning dl.plan dd.list {font:12px 돋움,dotum; color:#303642; padding:0px 0 0 10px;} #faux #centercolumn .planning dl.plan dd.list a {font:12px 돋움,dotum; color:#303642; padding:0px 0 0px 10px; line-height:20px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat;} #faux #centercolumn .planning dl.plan dd.list a:hover {font:12px 돋움,dotum; color:#E13131; padding:0px 0 0px 10px; line-height:20px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat;} /*탭박스*/ #faux #centercolumn .tabbox {float:left; width:255px; padding-top:10px;} #faux #centercolumn p{display:inline; float:left; font:12px 돋움,dotum; color:#000; font-weight:bold; padding:0px 0 5px 0px;} #faux #centercolumn ul.tabbox1 {float:left; width:255px; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line.gif) repeat-y;} #faux #centercolumn dl.tabbox1 {display:inline; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line.gif) repeat-y;} #faux #centercolumn dt.tabbox1 {display:inline; width:255px; height:44px; background:url(http://www.kbmaeil.com/renew/images/main/box_top_bg.gif) no-repeat;} #faux #centercolumn dd.tabbox1 {font:12px 돋움,dotum; color:#303642; padding:2px 0 0 10px; line-height:23px;} #faux #centercolumn dd.tabbox1 a{font:12px 돋움,dotum; color:#303642; padding:2px 0 0 10px; line-height:23px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat;} #faux #centercolumn dd.tabbox1 a:hover{font:12px 돋움,dotum; color:#E13131; padding:2px 0 0 10px; line-height:23px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat ;} #faux #centercolumn li.tabbox1 {float:left; display:inline; } #faux #centercolumn dd.tabbox1 .line img{vertical-align:baseline; clear:both;} #faux #centercolumn dl.tabbox1 dd.boxbottom img{vertical-align:bottom;} /*박스*/ #faux #centercolumn dl.box {display:inline; width:255px; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line2.gif) repeat-y;} #faux #centercolumn dl.box dt {display:inline; width:255px; height:44px; background:url(http://www.kbmaeil.com/renew/images/main/box_top_bg.gif) no-repeat;} #faux #centercolumn dl.box dt p {display:inline; float:left; width:255px; padding:14px 9px 0 7px; font:12px dotum 돋움 #000; font-weight:bold;} #faux #centercolumn dl.box dd.contents img{float:left; display:inline; width: 60px; padding:20px; margin:9px; } #faux #centercolumn dl.box dd.box_subject{font:12px 돋움,dotum; color:#000; font-weight:bold; padding:7px 10 0 10px;} #faux #centercolumn dl.box dd.box_contents{font:12px 돋움,dotum; color:#303642; padding:5px 0 0 10px;} #faux #centercolumn dl.box dd.box_subject a {font:12px 돋움,dotum; color:#000; font-weight:bold; padding:7px 10 0 0px; line-height:17px;} #faux #centercolumn dl.box dd.box_contents a {font:12px 돋움,dotum; color:#303642; padding:5px 0 0 0px; line-height:17px;} #faux #centercolumn dl.box dd.box_subject a:hover {font:12px 돋움,dotum; color:#E13131; font-weight:bold; padding:7px 10 0 0px; line-height:17px;} #faux #centercolumn dl.box dd.box_contents a:hover {font:12px 돋움,dotum; color:#E13131; padding:5px 0 0 0px; line-height:17px;} #faux #centercolumn dl.box dd.box_subject1 {font:12px 돋움,dotum; color:#000; padding:2px 10 0 10px; } #faux #centercolumn dl.box dd.box_subject1 a {font:12px 돋움,dotum; color:#000; padding:2px 10 0 10px; line-height:18px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat;} #faux #centercolumn dl.box dd.box_subject1 a:hover {font:12px 돋움,dotum; color:#E13131; padding:2px 10 0 10px; line-height:18px; background:url(http://www.kbmaeil.com/images/main_bullet.giff) no-repeat;} #faux #centercolumn dl.box dd.list a {font:12px 돋움,dotum; color:#303642; padding:2px 0 0 10px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat;} #faux #centercolumn dl.box dd.list a:hover {font:12px 돋움,dotum; color:#E13131; padding:2px 0 0 10px; background:url(http://www.kbmaeil.com/images/main_bullet.gif) no-repeat; } #faux #centercolumn dl.box dd.boxbottom img{vertical-align:bottom; } #faux #centercolumn dl.box dd.line img{vertical-align:center; clear:both;} #faux #centercolumn ul.centerbox {padding:0 0 10px 0;} #faux #centercolumn dl.box dd.list {font:12px 돋움,dotum; color:#303642; padding:5px 0 0 5px;} /*250px배너박스*/ #faux #centercolumn .banner {width:255px; overflow:hidden; padding:0px 0px 10px 0px;} #faux #centercolumn .banner .blank{padding:0px 0px 5px 0px;} /************* 오른쪽라인 ******************************/ #faux #rightcolumn .rightbox {width:255px;} #faux #rightcolum .mview {width:255px; padding:0px;} #faux #rightcolumn dl.toplist {padding:0px; padding: 8px 0 0 0;} #faux #rightcolumn dl.toplist dt{font:12px 돋움,dotum; color:#000;font-weight:bold;} #faux #rightcolumn dl.toplist dd {font:12px 돋움,dotum; color:#00;} #faux #rightcolumn dl.toplist dd a{font:12px 돋움,dotum; color:#00;} #faux #rightcolumn dl.toplist dd a:hover{font:12px 돋움,dotum; color:#E13131; padding:5px 0 0 0px;} #faux #rightcolumn hr {width:100%; height:1px; color:#ededed; noshade; clear:both;} #faux #rightcolumn #photnews {width:255px; float:left;} #faux #rightcolumn #photnews dl.photo {display:inline; } #faux #rightcolumn #photnews dl.photo dt {display:inline; font:12px dotum 돋움 #020E58; font-weight:bold; padding:0;} #faux #rightcolumn #photnews dl.photo dt p {font:12px 돋움,dotum; color:#000; font-weight:bold; padding:0 0 5px 0;} #faux #rightcolumn #photnews dl.photo dd {font:12px 돋움,dotum; color:#303642; padding:0px;} #faux #rightcolumn #photnews dl.photo dd a {font:12px 돋움,dotum; color:#303642; padding:0px;} #faux #rightcolumn #photnews dl.photo dd a:hover {font:12px 돋움,dotum; color:#E13131; padding:5px 0 0 0;} #faux #rightcolumn #photnews dl.photo dd ul {width:255px; padding:0px;} #faux #rightcolumn #photnews dl.photo dd li {padding:0px;} #faux #rightcolumn #photnews dl.photo dd.line_r img{display:inline;} #faux #rightcolumn #brocast {padding:10px 0 0 0;} #faux #rightcolumn #brocast dl.br { padding: 0px; width:255px;} #faux #rightcolumn #brocast dl.br dt {font:12px 돋움,dotum; color:#000; font-weight:bold;} #faux #rightcolumn #brocast dl.br dt a{font:12px 돋움,dotum; color:#000; font-weight:bold; line-height:18px;} #faux #rightcolumn #brocast dl.br dt a:hover{font:12px 돋움,dotum; color:#000; font-weight:bold; line-height:18px;} #faux #rightcolumn #brocast dl.br dd {font:12px 돋움,dotum; color:#303642; } #faux #rightcolumn #brocast dl.br dd a {font:12px 돋움,dotum; color:#303642; line-height:17px;} #faux #rightcolumn #brocast dl.br dd a:hover {font:12px 돋움,dotum; color:#E13131; padding:5px 0 0 0px; line-height:17px;} #faux #rightcolumn #brocast dl.br dd img {float:left; display:inline; width:60px; padding:10px;} #faux #rightcolumn #brocast dl.br dd.line_r img{vertical-align:center; clear:both; padding:10px 0 10px 0;} #faux #rightcolumn .banner {width:255px; overflow:hidden; padding:0 0 10px 0;} #faux #rightcolumn .banner .blank {padding:0px 0px 5px 0px;} #faux #rightcolumn .tabbox {float:left; width:255px; } #faux #rightcolumn p{display:inline; float:left; font:12px 돋움,dotum; color:#000; font-weight:bold; padding:0px 0 5px 0px;} #faux #rightcolumn ul.tabbox1 {float:left; width:255px; padding:0px; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line.gif) repeat-y;} #faux #rightcolumn li.tabbox1 {float:left; display:inline; padding:0px;} #faux #rightcolumn dl.tabbox1 {display:inline; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line.gif) repeat-y;} #faux #rightcolumn dl.tabbox1 dt {display:inline; width:255px; height:44px; background:url(http://www.kbmaeil.com/renew/images/main/box_top_bg.gif) no-repeat;} #faux #rightcolumn dl.tabbox1 dd {font:12px 돋움,dotum; color:#303642; width:255px; } #faux #rightcolumn dl.tabbox1 dd img{font:12px 돋움,dotum; color:#303642; width:255px; } #faux #rightcolumn dl.tabbox1 dd.boxbottom img{vertical-align:bottom; } #faux #rightcolumn .tabbox2 {float:left; width:255px; } #faux #rightcolumn p{display:inline; float:left; font:12px 돋움,dotum; color:#000; font-weight:bold; padding:0px 0 5px 0px;} #faux #rightcolumn ul.tabbox2 {float:left; width:255px; padding:0px; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line.gif) repeat-y;} #faux #rightcolumn li.tabbox2 {float:left; display:inline; padding:0px;} #faux #rightcolumn dl.tabbox2 {display:inline; background:url(http://www.kbmaeil.com/renew/images/main/box_bg_line2.gif) repeat-y;} #faux #rightcolumn dl.tabbox2 dt {display:inline; width:255px; height:44px; background:url(http://www.kbmaeil.com/renew/images/main/box_top_bg.gif) no-repeat;} #faux #rightcolumn dl.tabbox2 dd {font:12px 돋움,dotum; color:#303642; width:255px; } #faux #rightcolumn dl.tabbox2 dd img{font:12px 돋움,dotum; color:#303642; width:255px; } #faux #rightcolumn dl.tabbox2 dd.boxbottom {vertical-align:bottom; }