@charset "UTF-8";
@import "global.css";
@import "common.css";

/* 박상일에 의해 100128에 작성됨. */

#header { height: 117px; background: url(/open_contents/new/images/common/bg_header.gif) repeat-x; }

#container { padding: 50px 0 0; }
#container h2 { margin-bottom: 7px; }
/* 왼쪽 컬럼 */
#colLeft { float: left; position: relative; padding: 0px 25px; }
#colLeft div { display: inline; float: left; }
#colLeft div h2 { margin-left: 16px; }
#colLeft ul { width: 125px; padding: 5px; border: 1px solid #ddd; font-size: 1.2em; }
#colLeft ul.first { width: 100px; border-right: none; }
#colLeft ul li { padding-left: 10px; background: url(../images/common/bullet.gif) no-repeat -15px -360px; line-height: 1.6em; }
#colLeft ul li a { color: #666; }
#colLeft ul li a:hover { color: #f60; text-decoration: none; }
/* //왼쪽 컬럼 */

/* 가운데 컬럼 */
#colCenter { position: relative; float: left; }
#colCenter #news { position: relative; float: left; margin-right: 20px; }
#colCenter #news h2 { margin-bottom: 20px;}
#colCenter #news .more { position: absolute; right: 0; top: 0; font-size: 1.1em; color: #999; font-family: "돋움", Dotum, sans-serif; }
#colCenter #news ul li { width: 136px; height: 141px; overflow:hidden; }
#colCenter #news ul img { display: block; margin-bottom: 5px; border: 1px solid #6754a6; }
#colCenter #news ul a { color: #666; font-size: 9pt; }
#colCenter #news ul a:hover { color:  #f60; text-decoration: none; }

/* numeric controls */	
ol#controls{ position: absolute; top: 15px; left: 0; margin: 0; padding:0; height:12px; }
ol#controls li{ margin:0 2px 0 0; padding:0; float:left; list-style:none; height:12px; line-height:12px; }
ol#controls li a{ float:left; height:12px; line-height:12px; border:1px solid #a899d7; background:#fff; color:#555; padding:0 3px; text-decoration:none; }
ol#controls li.current a{ background:#6754a6; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* 게시판 (board) */
#board { position: relative; float: left; width: 320px; background: url(../new/images/main/line_h.gif) repeat-x 0 16px; }
#board h2 { font-size: 1.1em; letter-spacing: -.1em; font-family: "돋움", Dotum, sans-serif; text-indent: -9999px; }

#board h2 a#tablink1 { left: 0px; background: url(../new/images/main/tab_board01.gif) no-repeat; }
#board h2 a#tablink2 { left: 38px; background: url(../new/images/main/tab_board02.gif) no-repeat; }

#board h2 a#tablink1:hover { background: url(../new/images/main/tab_board01_on.gif) no-repeat; }
#board h2 a#tablink2:hover { background: url(../new/images/main/tab_board02_on.gif) no-repeat; }

#board h2 a { position: absolute; top: 0; width: 38px; text-decoration: none; padding: 2px 0 0; color: #333; }
#board h2 a#tablink1.tabactive { background: url(../new/images/main/tab_board01_on.gif) no-repeat; color: #f30; }
#board h2 a#tablink2.tabactive { background: url(../new/images/main/tab_board02_on.gif) no-repeat; color: #f30; }

#board div { font-size: 1.2em; }
#board a.btn_more { position: absolute; top: 0px; right: 0px; font-size: 90%; color: #999; font-family: "돋움", Dotum, sans-serif; }
#board ul { padding-top: 25px; }
#board li { line-height: 1.7em; }
#board li a { float: left; width: 230px; background: url(../images/common/bullet.gif) no-repeat -18px -360px; padding-left: 8px; color: #666; }
#board li span { float: right; font-size: 90%; font-family: "돋움", Dotum, sans-serif; }
/* //게시판 (board) */
/* //가운데 컬럼 */

/* 오른쪽컬럼 */
#colRight { position: relative; float: right; width: 170px; padding-right: 25px; }

/* 일정표 */
#colRight .month { position: absolute; top: -3px; right: 25px; font-weight: bold; }
#colRight .month span { font-size: 1.6em; color: #9fad11; }
#colRight .month a { padding: 0 5px; color: #666; }
#colRight .month a:hover { text-decoration: none; color: #f60; }

#colRight table.tableCalendar { font-size: 8pt; font-family: Tahoma, Geneva, sans-serif; border: none; }
#colRight table.tableCalendar th { background: none; border: none; text-align: center; color: #96b3d7; font-weight: bold; font-size: 7pt; }
#colRight table.tableCalendar th.sun { color: #f30; }
#colRight table.tableCalendar th.sat { color: #09f; }
#colRight table.tableCalendar td { background: #c3c5d9; text-align: right; padding: 0; border: 1px solid #fff; }
#colRight table.tableCalendar td.bgNone { background-color: #eee; }
#colRight table.tableCalendar td.sun a { color: #f30; }
#colRight table.tableCalendar td.sat a { color: #09f; }
#colRight table.tableCalendar td a { display: block; height: 21px; color: #fff; padding: 0; padding-right: 2px; }
#colRight table.tableCalendar td a:hover { text-decoration: none; background-color: #505376; color: #fff; }
#colRight table.tableCalendar td.today { background-color: #505376; font-weight: bold; }
/* //일정표 */
/* //오른쪽컬럼 */
