body, form { margin: 0px; } body, td, input, select, textarea, div { font-size: 9pt; font-family: dotum,돋움,나눔고딕x,맑은 고딕x; color: #000000; line-height: 150%; } /********* 신규 레이아웃 css 시작 ***********/ #wrapper {width:100%; maigin:0 auto; text-align:center;} #header {position:relative;width:915px;height:180px;margin-bottom:5px;text-align:left;overflow:hidden;} h1 {margin:0 0 0 0;} h1 img {vertical-align:middle;} #divWaiting { position:absolute; z-index:995; text-align:center; border-width:0 0 0 0; border-style:solid; padding: 15px 0 0 0; font-size:10pt; background-color:#FFFFFF; display:none; } #divSecureProcessing { position:absolute; z-index:995; text-align:center; border-width:0 0 0 0; border-style:solid; padding: 15px 0 0 0; font-size:10pt; background-color:#FFFFFF; display:none; } #divXwall { position:absolute; z-index:900; width:100px; height:100px; top:0; left:0; background-color:#656565; opacity:0.6; display:none; } #divSearch {height:75px;disply:inline;margin-bottom:5px;} #divMainBanner {height:290px;disply:inline;margin-bottom:5px;overflow:hidden;} #divMain2Banner {width:246px;height:130px;float:left;disply:inline;margin-bottom:5px;overflow:hidden;} #divMain3Banner {height:105px;disply:inline;clear:both;margin-bottom:5px;overflow:hidden;} #divMain4Banner {width:246px;height:130px;float:right;disply:inline;margin-bottom:5px;overflow:hidden;} #divMainStoryBanner {width:710px;height:372px;margin:0 auto;disply:inline;margin-bottom:5px;overflow:hidden;} #divMainStoryBanner2 {width:710px;height:331px;margin:0 auto;disply:inline;margin-bottom:5px;overflow:hidden;} #divSeasonFood {width:355px;float:left;text-align:left;disply:inline;overflow:hidden;} #divHealthcare {width:355px;float:left;text-align:left;disply:inline;overflow:hidden;} #divFlashclip {width:215px;height:160px;disply:inline;margin-bottom:5px;background-color:#000000;overflow:hidden;} #divAnnounce {width:215px;height:210px;disply:inline;margin-bottom:5px;overflow:hidden;} #divBoardList {width:215px;height:160px;disply:inline;margin-bottom:5px;overflow:hidden;} #divNewArticleList {width:215px;height:240px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftMenuBar {width:184px;disply:inline;overflow:hidden;} #divLeftCsinfo {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeft1Banner {height:84px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeft2Banner {height:84px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeft3Banner {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftCertification4Banner {height:155px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftTotalNewpostList {width:184px;height:210px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftRecipeBlogList {width:184px;height:171px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftRecipeBlogList {width:184px;height:171px;disply:inline;margin-bottom:5px;overflow:hidden;} #divLeftMainaFreeBoard {width:184px;height:117px;disply:inline;margin-bottom:5px;overflow:hidden;} #divPopulartags {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #divTodaysreplieres {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #divWeeklyReplyRanking {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #blogLeftSyndication {width:184px;disply:inline;margin-bottom:5px;overflow:hidden;} #navigationbar {width:700px;height:30px;padding: 1px 5px 1px 1px;text-align:right;overflow:hidden;} #divNullHeight {height:1px;disply:inline;margin-bottom:5px;overflow:hidden;} /*페이징*/ #divPaging {clear:both;font:13px AppleGothic,Verdana;margin:2px 0 5px 0;text-align:center;width:100%;} #divPaging .sel {border:1px solid #95a5ff;color:#ffffff;background-color:#6671ff;font-weight:bold;height:23px;padding:2px 5px 0 5px;} #divPaging .numBox {color:#000;font-weight:bold;padding:2px 5px 0 5px;border:1px solid #ececec;height:23px;text-decoration:none;} #divPaging a:hover.numBox {border:1px solid #95a5ff;color:#6671ff;} #footer {clear:both; width:915px; padding-top:10px; text-align:center; overflow:hidden;} .rbox1top {background:url(/images/common/titbar_bgtop.gif) repeat-x;background-position:bottom center;} .rbox1left {background:url(/images/common/titbar_l.gif) repeat-y;} .rbox1right {background:url(/images/common/titbar_r.gif) repeat-y;} .rbox1bottom {background:url(/images/common/titbar_bgbtm.gif) repeat-x;} .rboxGtop {background:url(/images/common/titbar_bgtop_g.gif) repeat-x;background-position:bottom center;} .rboxGleft {background:url(/images/common/titbar_l_g.gif) repeat-y;} .rboxGright {background:url(/images/common/titbar_r_g.gif) repeat-y;} .rboxGbottom {background:url(/images/common/titbar_bgbtm_g.gif) repeat-x;} /********* 신규 레이아웃 css 끝 ************/ .input{height:22px;border:1px solid #BCBCBC;} .input_search {height:25px;border:2px solid #52E252;} .input_search_mini {width:100px;height:20px;border:1px solid #52E252;} .select_search {height:25px;border:2px solid #52E252;} .input_id {width:90px;height:25px;border:1px solid #52E252;} .input_pw {width:90px;height:25px;border:1px solid #52E252;} .leftsidemenu {height:28px;vertical-align:middle;} .searchbarGreen {background:url(/fsboard/img/etc/title_bg.gif) no-repeat;} /* table { border-style: none; border-collapse: collapse; } */ /* 하이퍼링크 스타일 */ a { text-decoration: none; } a:link { color: #000000; } a:visited { color: #000000; } a:hover { color:#999999;text-decoration:underline; } a:active { color: #999999; } /* 스타일 */ img { border-style: none;vertical-align:middle; } /* 롤오버 이미지 처리 */ a.rollover { display:inline-block; vertical-align:middle; } a.rollover img { border-width:0px; display:block; } a.rollover img.rollover { display:none; } a.rollover:hover { position:relative; } a.rollover:hover img { display:none; } a.rollover:hover img.rollover { display:block; } a.rollover input { border-width:0px; display:block; } a.rollover input.rollover { display:none; } a.rollover:hover { position:relative; } a.rollover:hover input { display:none; } a.rollover:hover input.rollover { display:block; } li { list-style-type: disc; margin-top:4px; margin-bottom:4px; color: #787878; } .bullet { line-height: 18px; list-style-position: outside; list-style-image: url(/images/mall/package_bullet.gif); list-style-type: none; } .font9 { font-size: 8pt; } .font12 { font-size: 12pt; font-weight: bold; color: #006600; } .font13 { font-size: 13pt; font-weight: bold; color: #006600; } .linesolid { border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } .linesolidx { border-top: 1px none #CCCCCC; border-right: 1px none #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px none #CCCCCC; } .linedot { border-top: 1px none #CCCCCC; border-right: 1px none #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px none #CCCCCC; } .linedotleft { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: dotted; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } fieldset { border:1px solid #CCCCCC; padding: 5px; } .markingblack { height:15px;text-align:justify;color:#FFFFFF;background-color:#000000;font-weight:bold;padding:3px 1px 1px 1px; } .markingred { height:15px;text-align:justify;color:#FFFFFF;background-color:#FF0000;font-weight:bold;padding:3px 1px 1px 1px; } .markinggrey { height:15px;text-align:justify;color:#FFFFFF;background-color:#BBBBBB;font-weight:bold;padding:3px 1px 1px 1px; } .markinggreen { height:15px;text-align:justify;color:#FFFFFF;background-color:#00FF00;font-weight:bold;padding:3px 1px 1px 1px; } .markingblue { height:15px;text-align:justify;color:#FFFFFF;background-color:#0064FF;font-weight:bold;padding:3px 1px 1px 1px; } .markingdarkblue { height:15px;text-align:justify;color:#FFFFFF;background-color:#526BA2;font-weight:bold;padding:3px 1px 1px 1px; } .tag01hover { font-size: 12px; font-weight: normal; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%; } .divpanel01 { position:absolute; padding:2px; border:1px solid black; background-color:#FFFFFF; } .searchLink { color:#FFFFFF; padding:3px 3px 2px 3px; line-height:150%;} a.searchLink{ font-weight: normal;color:#FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.searchLink:visited { font-weight: normal; color:#FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.searchLink:hover { font-weight: normal; color:#FFFFFF; padding:3px 3px 2px 3px; background-color: #FFDC3C; text-decoration: none; line-height:150%;} /* 11볼드 하얀색 - 검색태그 */ .searchTag {font-size: 12px; color: #FFFFFF; padding:2px; line-height:100%; font-weight: bold;} a.searchTag{font-size: 12px; font-weight: bold; color: #FFFFFF; padding:2px; text-decoration: none; line-height:100%;} a.searchTag:visited {font-size: 12px; font-weight: bold; color: #FFFFFF; padding:2px; text-decoration: none; line-height:100%;} a.searchTag:hover {font-size: 12px; font-weight: bold; color: #FF8200; padding:2px; text-decoration: none; line-height:100%;} /* 14볼드 하얀색 - 테마태그 */ .tag00 {font-size: 14px; color: #FFFFFF; padding:3px 3px 2px 3px; line-height:150%; font-weight: bold;} a.tag00{font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag00:visited {font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag00:hover {font-size: 14px; font-weight: bold; color: #2C4A93; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} /* 태그기본 */ .tag01 { color: #333333; padding:3px 3px 2px 3px; line-height:150%;} a.tag01{font-size: 12px; font-weight: normal; color: #333333; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag01:visited {font-size: 12px; font-weight: normal; color: #333333; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag01:hover {font-size: 12px; font-weight: normal; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%;} /* 기본볼드 */ .tag02 { color: #333333; padding:3px 3px 2px 3px; line-height:150%; font-weight: bold;} a.tag02{font-size: 12px; font-weight: bold; color: #333333; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag02:visited {font-size: 12px; font-weight: bold; color: #333333; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag02:hover {font-size: 12px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%;} /* 14볼드 남색 */ .tag03 {font-size: 14px; color: #2C4A93; padding:3px 3px 2px 3px; line-height:150%; font-weight: bold;} a.tag03{font-size: 14px; font-weight: bold; color: #2C4A93; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag03:visited {font-size: 14px; font-weight: bold; color: #2C4A93; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag03:hover {font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%;} /*14볼드 남색 밑줄*/ .tag04 {font-size: 14px; color: #2C4A93; padding:3px 3px 2px 3px; line-height:150%; font-weight: bold;} a.tag04{font-size: 14px; font-weight: bold; color: #2C4A93; padding:3px 3px 2px 3px; text-decoration: underline; line-height:150%;} a.tag04:visited {font-size: 14px; font-weight: bold; color: #2C4A93; padding:3px 3px 2px 3px; text-decoration: underline; line-height:150%;} a.tag04:hover {font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%;} /* 14볼드 오렌지 */ .tag05 {font-size: 14px; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #FFA500; line-height:150%; font-weight: bold;} a.tag05{font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag05:visited {font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; text-decoration: none; line-height:150%;} a.tag05:hover {font-size: 14px; font-weight: bold; color: #FFFFFF; padding:3px 3px 2px 3px; background-color: #526BA2; text-decoration: none; line-height:150%;} .thumbNailTag { position:absolute;bottom:0px;display:block;width:50px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag { position:absolute;bottom:0px;display:block;width:50px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag:visited { position:absolute;bottom:0px;display:block;width:50px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag:hover { position:absolute;bottom:0px;display:block;width:50px;height:17px;overflow:hidden;opacity:0.9;filter:alpha(opacity=90);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } .thumbNailTag80 { position:absolute;bottom:0px;display:block;width:80px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag80 { position:absolute;bottom:0px;display:block;width:80px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag80:visited { position:absolute;bottom:0px;display:block;width:80px;height:17px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag80:hover { position:absolute;bottom:0px;display:block;width:80px;height:17px;overflow:hidden;opacity:0.9;filter:alpha(opacity=90);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } .thumbNailTag802 { position:absolute;bottom:0px;display:block;width:80px;height:34px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag802 { position:absolute;bottom:0px;display:block;width:80px;height:34px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag802:visited { position:absolute;bottom:0px;display:block;width:80px;height:34px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } a.thumbNailTag802:hover { position:absolute;bottom:0px;display:block;width:80px;height:34px;overflow:hidden;opacity:0.9;filter:alpha(opacity=90);background:#000;color:#fff;text-align:center;font-size:11px;text-decoration:none; } .thumbNailTag150 { position:absolute;bottom:0px;display:block;width:150px;height:35px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:13px;text-decoration:none; } a.thumbNailTag150 { position:absolute;bottom:0px;display:block;width:150px;height:35px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:13px;text-decoration:none; } a.thumbNailTag150:visited { position:absolute;bottom:0px;display:block;width:150px;height:35px;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);background:#000;color:#fff;text-align:center;font-size:13px;text-decoration:none; } a.thumbNailTag150:hover { position:absolute;bottom:0px;display:block;width:150px;height:35px;overflow:hidden;opacity:0.9;filter:alpha(opacity=90);background:#000;color:#fff;text-align:center;font-size:13px;text-decoration:none; } /*기본 폰트 설정 ID */ .defaultFontH1 { font-size:20pt;font-weight:bold; } .defaultFontH2 { font-size:18pt;font-weight:bold; } .defaultFontH3 { font-size:16pt;font-weight:bold; } .defaultFontH4 { font-size:14pt;font-weight:bold; } .defaultFontH5 { font-size:12pt;font-weight:bold; } .defaultFontH6 { font-size:11pt;font-weight:bold; } .defaultFontBoldLG { font-weight:bold;color:#41A317; } .defaultFontBoldDG { font-weight:bold;color:#006600; } .defaultFontDGY { color:#505050; } .defaultFontLBL { color:#0064FF; } .defaultFontWH { color:#FFFFFF; } .defaultFontOGBold { color:ORANGE;font-weight:bold; } .defaultFontLB { color:#29BAF0; } .smallFontBoldLG { font-size:8pt;font-weight:bold;color:#41A317; } .smallFontBoldDG { font-size:8pt;font-weight:bold;color:#006600; } .smallFontDGY { font-size:8pt;color:#505050; } .smallFontLBL { font-size:8pt;color:#0064FF; } .smallFontOGBold { font-size:8pt;color:ORANGE;font-weight:bold; } .smallFontLB { font-size:8pt;color:#29BAF0; } .fontWhite { color:#ffffff; } .fontGray { color:#CCCCCC; } .fontDarkGray { color:#999999; } .fontRed { color:#ff0000; } .fontBlue { color:#0000ff; } .fontLightGreen { color:#A8F552; } .fontGreen { color:#4BAF4B;} .fontOrange { color:ORANGE; } .fontDarkOrange { color:#FF8200; } .arialBlackLB { font-family:Arial black;color:#29BAF0; } .constantiaOG { color:ORANGE;font-size:11pt;font-family:Constantia; } .constantiaDOG { color:#FF8200;font-size:11pt;font-family:Constantia; } .constantiaLBL { color:#0064FF;font-size:11pt;font-family:Constantia; } /*이미지버튼 스타일 ID*/ .imageButton{ cursor:pointer;border:0; } .imageBottom{ vertical-align:bottom; } .imageTop{ vertical-align:top; } .underline { text-decoration:underline } /* 댓글 DIV */ #commentArea { position:relative;margin:0;padding:0; } /* 새로운 레이아웃 */ #mainContent { width: 478px; float: left; background-color: #fff; margin:0; padding:0; } #secondaryContent { width:188px; float: right; background-color: #fff; margin:0; padding:0; } #tagbloglist { border: 1px dashed #ccc; padding: 10px 10px 10px 10px; } .tabPanelGroup { position:relative; overflow:hidden; margin:0; padding:0; } .tabPanel { position:absolute; overflow:auto; display:none; margin:0; padding:0px; color:#000000; background: #fff; border-left: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; border-right: 3px solid #CCCCCC; text-align: left; } .tabGroup { position:absolute; overflow:hidden; margin:0; padding:0; } .tabGroup a.tabDefault:link, .tabGroup a.tabDefault:visited, .tabGroup a.tabDefault:active, .tabDefault { position:absolute; overflow:hidden; cursor:pointer; margin:0; padding:2px; font-size: 12px; font-weight: normal; color:#012E58; text-align:center; border-top:4px solid #FDF5E6; border-left:3px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:3px solid #CCCCCC; background:#FDF5E6; text-decoration:none; } .tabGroup a.tabDefault:hover, .tabDefault:hover { position:absolute; overflow:hidden; cursor:pointer; text-align:center; border-top:4px solid #FF9900; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background:#fffaf4; font-weight: bold; text-decoration:none; } .tabGroup a.tabSelected:link, .tabGroup a.tabSelected:visited, .tabGroup a.tabSelected:active, .tabGroup a.tabSelected:hover, .tabSelected { position:absolute; overflow:hidden; cursor:pointer; margin:0; padding:2px; font-size: 12px; font-weight: bold; color:#012E58; background: #FCFCFC; text-align:center; border-top:4px solid #FF9900; border-left:3px solid #CCCCCC; border-right:3px solid #CCCCCC; border-bottom:none; background: #fff; text-decoration:none; } span.linkDelim { display:none; } .tabInnerPanel { padding: 5px; } .borderRed1px { border-top:1px solid red;border-bottom:1px solid red;border-left:1px solid red;;border-right:1px solid red; } .borderRed2px { border-top:2px solid red;border-bottom:2px solid red;border-left:2px solid red;;border-right:2px solid red; } .borderRed3px { border-top:3px solid red;border-bottom:3px solid red;border-left:3px solid red;;border-right:3px solid red; } .borderRed4px { border-top:4px solid red;border-bottom:4px solid red;border-left:4px solid red;;border-right:4px solid red; } .borderLGreen1px { border-top:1px solid #90D133;border-bottom:1px solid #90D133;border-left:1px solid #90D133;;border-right:1px solid #90D133; } .borderLGreen2px { border-top:2px solid #90D133;border-bottom:2px solid #90D133;border-left:2px solid #90D133;;border-right:2px solid #90D133; } .borderLGreen3px { border-top:3px solid #90D133;border-bottom:3px solid #90D133;border-left:3px solid #90D133;;border-right:3px solid #90D133; } .borderLGreen4px { border-top:4px solid #90D133;border-bottom:4px solid #90D133;border-left:4px solid red;;border-right:4px solid #90D133; } #90D133