@import "./js/colorbox.css";

body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

form { margin:0px; }

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }
.ct { font-family: Verdana, 굴림; color:#222222; } 
.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

#nav {
	position:absolute;
	left: 0;
	bottom:0;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
}
#nav li {
	position:relative;
	list-style:none;
	float:left;
	margin-right:5px;
}
#nav a {
	display:block;
	padding: 1em 2em;
	font-weight:bold;
	text-decoration:none;
}
#nav li ul {
	position:absolute;
	top:3.5em;
	width: 300px;
	display:none; 
}
#nav li.on ul {
	display:block; 
}
/* color */
#nav a {background:#fff; color:#000;}
#nav .on a,
#nav li li a {background:#390; color:#fff;}


/* 페이징 */
.raon_paging_area {padding:20px 0; text-align:center;}
/* 페이징 */
.raon_page span,
.raon_page a {display:inline-block;}
.raon_page a {color:#555;}
.raon_page a,
.raon_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.raon_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
.raon_page .first,
.raon_page .first a {border:none;}
.raon_page .pre2,
.raon_page .pre,
.raon_page .next,
.raon_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('/raonAdmin/img/sprites_btn.gif') no-repeat; vertical-align:top;}
.raon_page .pre2,
.raon_page .pre {margin-right:3px;}
.raon_page .next,
.raon_page .next2 {margin-left:3px;}
.raon_page span.pre2 {background-position:-307px 0;}
.raon_page span.pre {background-position:-327px 0;}
.raon_page span.next {background-position:-347px 0;}
.raon_page span.next2 {background-position:-367px 0;}
.raon_page a.pre2 {background-position:-387px 0;}
.raon_page a.pre {background-position:-407px 0;}
.raon_page a.next {background-position:-427px 0;}
.raon_page a.next2 {background-position:-447px 0;}




/*09/10 추가*/

/* board */
.board-state {margin-bottom:5px; font-size:12px; *zoom:1;}
.board-state:after {content:""; display:block; clear:both;}
.board-state * {vertical-align:middle;}
.board-state .count {font-weight:bold; color:#6ba222;}
.board-state div.fRight {text-align:right;}
.board-state .alert {padding-left:10px; font-size:.9em; color:#7c7c7c; background:url(/images/common/icon_arrow_right.gif) no-repeat left center;}
.board-state .alert em {color:#ff6701;}

.board-list {width:100%; margin-bottom:10px; border-top:2px solid #d7d7d7;}
.board-list thead th {padding:9px 0; text-align:center; background:#f2f2f2;}
.board-list th {border-bottom:1px solid #ddd;font-family:dotum; font-size:12px;color:#666666;font-weight:bold;}

.board-list td {padding:9px; text-align:center; font-size:12px;border-bottom:1px solid #ddd;}
.board-list .no {width:60px;}
.board-list .subject {text-align:left;}
.board-list .author {width:90px;}
.board-list .date {width:60px;}
.board-list .hit {width:60px;}
.board-list .category {width:100px;}
.board-list .state {width:80px;}
.board-list .recruit_date {width:150px;}

.board-list-data {margin-bottom:10px; border-top:2px solid #d7d7d7;}
.board-list-data li {position:relative; padding:25px 30px; border-bottom:1px solid #ddd;}
.board-list-data li h5 {margin-bottom:15px; font-size:.9em;}
.board-list-data li span {font-size:12px;}
.board-list-data li span.date {position:absolute; top:25px; right:30px;}
.board-list-data li span.thumb {position:absolute; top:20px; left:25px; width:121px; height:120px; padding:6px 0 0 6px; background:#ffcc00 url(/images/board/bg_data_thumb.gif) no-repeat;}
.board-list-data li span.thumb img {width:109px; height:109px;}
.board-list-data li.image {height:108px; padding-left:200px; background:url(/images/board/bg_data_list_image.gif) repeat-x;}

.faq-list {margin-bottom:10px; font-size:12px; border-top:2px solid #d7d7d7;}
.faq-list li {border-bottom:1px solid #ddd;}
.faq-list h4 {font-weight:normal; background:url(/images/board/icon_q.gif) no-repeat 10px 12px;}
.faq-list h4 a {display:block; padding:10px 0 10px 30px; color:#797979;}
.faq-list div.content {display:none; padding:10px 10px 10px 30px; color:#797979; border-top:1px solid #ddd; background:#f8f8f8 url(/images/board/icon_a.gif) no-repeat 10px 12px;}
/* .faq-list li.active div.content {display:block;} */

.paginate { padding-bottom:10px; text-align:center;}
.paginate a img { border:none; vertical-align:middle; _vertical-align:top;}
.paginate a,
.paginate strong { position:relative; margin-left:-6px; display:inline-block; vertical-align:middle; _width /**/:18px; padding:2px 8px 3px 9px; color:#333333; text-decoration:none; line-height:normal; font:12px Tahoma; background:url(/images/board/line_pg.gif) no-repeat left center;}
.paginate a:hover { text-decoration:underline;}
.paginate strong { color:#252525 !important; font-weight:bold;}
.paginate .first-child { background:none;}
.paginate a.pre,
.paginate a.next { padding:0; background:none !important;}
.paginate a.pre { margin:0 3px 0 -6px;}
.paginate a.next { margin:0 3px 0 -3px;}
.paginate a.first,
.paginate a.last { padding:0; background:none !important;}
.paginate a.first { margin:0 6px 0 -3px;}
.paginate a.last { margin:0 3px 0 -3px;}

.board-search {margin:0 auto;text-align:center;font-size:12px;}
.board-search * {vertical-align:middle;}
.board-search input.iText {height:15px; padding:2px 0 0 2px; border:1px solid #d5d5d5;}

.board-button {padding-bottom:10px; text-align:center; *zoom:1;}
.board-button:after {content:""; display:block; clear:both;}

.board-view {margin-bottom:10px; border-top:2px solid #d7d7d7;}
.board-view div.board-view-head { background:#f2f2f2; *zoom:1;}
.board-view div.board-view-head:after {content:""; display:block; clear:both;}
.board-view div.board-view-head h5 {float:left; padding:3px 0; border:0;}
.board-view h5 {font-size:12px; color:#666666; background:#f8f8f8;}
.board-view div.board-view-head,
.board-view h5,
.board-view ul li {padding:10px; border-bottom:1px solid #ddd;}
.board-view ul {font-size:12px;}
.board-view ul li * {vertical-align:middle;}
.board-view ul li span {margin-right:40px;}
.board-view ul li em {margin-left:10px;}
.board-view ul li strong {color:#666666; font-weight:bold;}
.board-view .content {padding:20px 10px; font-size:12px; border-bottom:1px solid #ddd;}
.board-view .btn_recruit_apply {float:right;}


.board-write {width:100%; margin-bottom:10px; border-top:2px solid #d7d7d7;}
.board-write th {padding:7px 10px;border-bottom:1px solid #ddd;font-family:dotum; font-size:12px;color:#666666;font-weight:bold;}
.board-write td {padding:7px 10px; font-size:12px; border-bottom:1px solid #ddd;}
.board-write th {width:60px;}
.board-write tr.subject th,
.board-write tr.subject td {background:#f2f2f2;}
.board-write input.iText {height:15px; padding:2px 0 0 2px; border:1px solid #dfdfdf;}
.board-write textarea {padding:5px; border:1px solid #dfdfdf;}

.kdyText {height:15px; padding:2px 0 0 2px; border:1px solid #dfdfdf;}

.inputbox {padding:3px 2px 1px 2px; height:14px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:11px; color:#666; vertical-align:middle;}
.inputbox_focus {padding:2px 1px 0 1px; border:2px solid #2d85f2;}