/* -------------------------------------------------------------- */ body { margin:0; padding:0; background:#010637; font-family: "Tahoma", "굴림", "Gulim", "돋움", "Dotum", "sans-serif"; font-size: 12px; } form { margin:0; padding:0; } #bodyWrap { width:1024px; /*Width of main container*/ background:#FFFFFF; margin:0 auto; /*Center container on page*/ text-align:left; padding: 5px 0px 0px 0px; border:solid #d3d1d1 ; border-width:0 1px 1px 1px; position:absolute; left:50%; margin-left:-512px; } /* 익스로 게시물볼때 그림 찌그러져 보이는 현상 해결하기 익스 7이상 */ img {border:0px none;-ms-interpolation-mode: bicubic;} /* 기본 레이아웃 ------------------------------------------- */ /* header */ #headerWrapper { width:100%; height:100px; background: transparent url('') no-repeat top left; overflow:hidden;} #header { float:left; width:1024px; } /* page */ #pageWrapper { clear:both;width:100%;} #page { float:left; width:1024px; margin:0px 0 0 0; background-color:#fff; border:solid #333 ; border-width:0 0px;} #side { float:left; width:210px; margin:0px 0 0 0px;} #content { float:right; width:800px; _display:inline; line-height:180%; } /* footer */ #footerWrapper { width:100%; background-color:#ffffff; } #footer { float:left; width:1024px; height:79px; margin:20px 0 0 0; background-color:#dcdcdc; border:solid #333 ; border-width:0 0px 0px 0px; } /* header 구성요소 스타일 ------------------------------------------- */ /* 로고 */ #logo { float:left; width:180px; height:80px; } /* 유틸메뉴 */ #utilMenu { float:left; width:1024px; height:20px; margin-right:15px auto 0; padding:0; text-align:right; color:#666;} a.util:link, a.util:visited { color:#666; font-size:12px; text-decoration:none; } a.util:hover { color:#212121; text-decoration:underline; } /* 검색 */ #searchForm { width:1024px; margin:15px auto 3px; padding:0; text-align:right;} #searchForm * { vertical-align:middle; } /* 글로벌메뉴 영역, Top메뉴와 아래 내용간에 여백의 문제가 생기면 이곳의 높이를 조절하면 됨 */ #globalMenuWrapper { width:840px; height:67px; float:right; margin:15px 0px 0px 0px; padding:0; } /* 글로벌 메뉴 */ #globalMenu { margin:10px 0 0 15px; padding:0 10px 5px 0; list-style:none; } #globalMenu li { float:right; margin-right:10px; } .globalNormal a:link, .globalNormal a:visited { margin: 1px; padding: 5px 5px 2px 5px; background-color: transparent; border:#fff solid 0px; color: #1287a6; font-size: 14px; font-weight:bold; text-decoration: none; position:relative; top: 4px; } .globalNormal a:hover { margin: 1px; padding: 5px 7px 13px 5px; background-color:#6edbf8; border:solid 0px; border-color:#bb9f7e #bb9f7e #bb9f7e #bb9f7e; color: #fff; text-decoration: none; position:relative; top: 4px; } .globalActive a:link, .globalActive a:visited, .globalActive a:hover { margin: 1px; padding: 5px 7px 13px 5px; background-color:#6edbf8; border:solid 0px; border-color:#bb9f7e #bb9f7e #bb9f7e #bb9f7e; color: #fff; font-size: 14px; font-style: normal; font-weight:bold; text-decoration: none; position:relative; left: 0px; top: 4px; } /* 글로벌 서브메뉴 */ #globalSub { top:85px; position:absolute; } #globalSub div { display:none; color:#515151; } a.gsubNormal:link, a.gsubNormal:visited {color:#ffffff; font-size:12px; text-decoration:none; } a.gsubNormal:hover {font-weight:bold; color:#f4fd05; text-decoration:none; } a.gsubActive:link, a.gsubActive:visited, a.gsubActive:hover { font-weight:bold; color:#f4fd05; text-decoration:none; } #globalBan {width:845px; height:162px; float:left; margin:0px 0 0 15px; padding:0 0 5px 0; list-style:none; } /* side 구성요소 스타일 ------------------------------------------- */ /* 아웃로그인 */ #outLogin { margin:10px auto 7px; } /* 박스부분 */ .sideBox { margin:0px; } /* 로컬메뉴 */ #localMenuWrapper { width:220px; height:500px; float:left; margin:3px auto 0; padding:0; background:url(../images/top/L_menu6.jpg) no-repeat left top; color:#eeeeee; } #localMenuTitle { width:200px; height:25px; margin:10px auto 0; padding-top:12px; background:#eee; border-bottom:#999 solid 1px; font-size:14px; color:#212121; font-weight:bold; text-align:center; } #localMenu { width:178px; margin:0 auto; margin-top:120px;} #localMenu ul { margin:0; padding:0; list-style:none; } #localMenu li { margin:2px 0 0 0; padding:0 0 0px 15px; height:26px; background : url(../images/Lmenu_bg.png) no-repeat top left; } #localMenu li:first-child { margin-top:5px; } .localNormal a:link, .localNormal a:visited {color: #333333; text-decoration: none; } .localNormal a:hover {color:#C71585; font-weight:bold;} .localActive a:link, .localActive a:visited, .localActive a:hover { color:#C71585; font-weight:bold; } /* 박스부분 */ #sideBox { margin:0px; } .moduletable { padding:4px; margin-bottom:12px; border:solid 1px #e0e0e0; font: normal 9pt "Dotum", Arial, Helvetica, sans-serif; line-height:130%; color: #333333; } /* footer 구성요소 ------------------------------------------- */ #footerLink { width:1024px; height:17px; margin:0 auto; padding-top:3px; background-color:#B09F84; color:#474747; text-align:center;} #footerLink a:link, #footerLink a:visited { color:#333; text-decoration:none; } #footerLink a:hover { color:#212121; text-decoration:underline; } #footerLogo { width:300px; float:left; } #siteInfo { width:1024px; float:left; padding-top:20px; color:#808080; text-align:center;} /* 링크스타일 ------------------------------------------- */ a:link, a:visited { color:#515151; font-size:12px; text-decoration:none; } a:hover { color:#808080; text-decoration:underline; } /* clear */ .clear { clear:both; font-size:0; } /* 모서리 둥근 박스 Layout 공용*/ #wrap {overflow:hidden; position:relative; } #latestcont { position:relative; z-index:99; margin:30px 30px 30px 30px;} .title:link { COLOR: #0334d5; TEXT-DECORATION: none ; letter-spacing: -1px; font-weight:bold; } .title:visited {COLOR: #0334d5; TEXT-DECORATION: none; letter-spacing: -1px; font-weight:bold;} .title:hover { COLOR: #FF6600; TEXT-DECORATION: none; letter-spacing: -1px; font-weight:bold;} #latestfooter{ position:absolute; z-index:99; bottom:25px; width:100%; text-align:center;} #latestfooter *{ vertical-align:top;} .rb { position:absolute; right:0; bottom:0; width:100%; height:100%; background:url(/images/pop_box.gif) no-repeat right bottom;} .lb { position:absolute; left:0; bottom:0; width:15px; height:100%; background:url(/images/pop_box.gif) no-repeat left bottom;} .rt { position:absolute; right:0; top:0; height:15px; width:100%; background:url(/images/pop_box.gif) no-repeat right top;} .lt { position:absolute; left:0; top:0; height:15px; width:15px; background:url(/images/pop_box.gif) no-repeat left top;} li { list-style-type: none; } /* 아래 내용을 박스 그리기 원하는 곳에 넣고 크기를 조정하면 됨
    • */