/**
 * style.css
 *
 * default style sheet
 * @version 1.0.2
 *
 * copyright (c) 2011 Pison, Seol Dong-jin <www.codemission.org>
 */
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,돋움;font-family:돋움,Tahoma\0/IE8; font-size:9pt; color:#565656; }

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; }
.guest  { font-weight:normal; }

.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:#424E10; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.accent{color:#ff6600;}/*강조*/
.blur{color:#888888;}/*흐림*/
.sch_color {font-weight:bold;} 

a.style6:link, a.style6:visited, a.style6:active {font-size: 12px; font-family:돋움; color:#336699;font-weight: bold; text-decoration:underline;  }
a.style7:link, a.style7:visited, a.style7:active {font-size: 11px; font-family:돋움; color:#777777; }
.style10 {font-size: 8px; color:#999999;}
a.style11:link, a.style11:visited, a.style11:active {font-size: 11px; font-family:돋움; color:#FF6600; text-decoration:underline; }
.style12 {font-size: 10px; color:#666666;}
a.style13:link, a.style13:visited, a.style13:active {font-size: 11px; font-family:돋움; color:#FF6600;}
a.style14:link, a.style14:visited, a.style14:active {font-size: 11px; font-family:돋움; color:#336699;}
a.style15:link, a.style15:visited, a.style15:active {font-size: 11px; font-family:돋움; color:#cc9966;}

a.leftmenu_01:link, a.leftmenu_01:visited, a.leftmenu_01:active {font-size:11px; font-family:돋움; color:#999999;letter-spacing: -0.5pt;}

a.menucolor1:link, a.menucolor1:visited, a.menucolor1:active {font-size: 11px; font-family:돋움; color:#ff6633;}
a.menucolor2:link, a.menucolor2:visited, a.menucolor2:active {font-size: 11px; font-family:돋움; color:#d52a2c;}
a.menucolor3:link, a.menucolor3:visited, a.menucolor3:active {font-size: 11px; font-family:돋움; color:#3974bf;}
a.menucolor4:link, a.menucolor4:visited, a.menucolor4:active {font-size: 11px; font-family:돋움; color:#f2587d;}
a.menucolor5:link, a.menucolor5:visited, a.menucolor5:active {font-size: 11px; font-family:돋움; color:#80c02c;}

.pd1 {padding-top:5px;padding-bottom:5px;padding-left:0px;}
.pd2 {padding-top:5px;padding-bottom:5px;padding-right:10px;}
.sch_box {border:4px solid #48c13b;height:17px;} 
.right_box {border:1px solid #d8d8d8; background-color:#FFFFFF; padding:10;} 
.index_box {border:10px solid #dedede; padding-top:10px;padding-bottom:10px;padding-left:10px;} 
.head_box, h1 {border:7px solid #dddddd;margin:3px 0px 10px;padding:8px; font-size:16px; font-family:나눔고딕,맑은 고딕; font-weight:bold; color:#3b78c2;} 
.main_box {border:2px solid #a6b2e4;height:18px;padding-top:5px;padding-bottom:5px;padding-left:5px;} 

a.latest_1:link, a.latest_1:visited, a.latest_1:active {font-size: 11px; font-family:돋움; color:#666666;}

/* css3pie */
.css3pie { behavior:url('./js/PIE/PIE.htc'); }


html {
	-webkit-text-size-adjust:none;
}

body {
	margin: 0px;
}

/* map tags are unvisible */
map {
	display:none;
}
/* img's are havn't border */
img {
	border: none;
}

/* 타이틀 */
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #010101;
	margin: 20px 0px 5px 5px;
}
h3 {
	font-size:12px;
	margin:3px;
	padding:0px;
}


/* 관리자 페이지의 표 */
table.admtb {
	border-top:solid 1px #bbb;
	border-left:solid 1px #bbb;
}
table.admtb td, table.admtb th {
	border-bottom:solid 1px #bbb;
	border-right:solid 1px #bbb;
	padding:2px;
	text-align:center;
}
table.admtb th {
	font-size: 12px;
	background-color:#ddd;
	color:#FFF;
	padding: 5px;
}
table.admtb .left {
	text-align:left;
	padding-left:3px;
}
table.admtb .right {
	text-align:right;
	padding-right:3px;
}

/************************************************************** Button **********************************************************/
a.css_btn, a.css_btn_disable {
	white-space:nowrap;
	display:inline-block;
	margin-top:3px;
	padding:1px 5px;
	border-radius:3px;
	font-size:11px;
	line-height:1.8em;
}
a.css_btn_disable {
	border:1px solid #DDD; 
	color:#AAA;
	cursor:help;
}
a.css_btn_disable:hover {
	text-decoration:none;
}
/* ie9 hack */
:root a.css_btn, a.css_btn_disable { padding-top:3px\9; }
/* red color button */
a.css_btn:link, a.css_btn:visited, a.css_btn:active {
	color:white;
	background-color:#D11717;
	background-image: linear-gradient(top, #F38D8D 0%, #D11717 100%);
	background-image: -o-linear-gradient(top, #F38D8D 0%, #D11717 100%);
	background-image: -moz-linear-gradient(top, #F38D8D 0%, #D11717 100%);
	background-image: -webkit-linear-gradient(top, #F38D8D 0%, #D11717 100%);
	background-image: -ms-linear-gradient(top, #F38D8D 0%, #D11717 100%);	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F38D8D),
		color-stop(1, #D11717)
	);
	-pie-background: linear-gradient(#F38D8D, #D11717);
	behavior: url(/js/PIE/PIE.htc);
}
a.css_btn:hover {
	background-color:#5B2D2D;
	background-image: linear-gradient(top, #F38D8D 0%, #920404 100%);
	background-image: -o-linear-gradient(top, #F38D8D 0%, #920404 100%);
	background-image: -moz-linear-gradient(top, #F38D8D 0%, #920404 100%);
	background-image: -webkit-linear-gradient(top, #F38D8D 0%, #920404 100%);
	background-image: -ms-linear-gradient(top, #F38D8D 0%, #920404 100%);	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F38D8D),
		color-stop(1, #920404)
	);
	-pie-background: linear-gradient(#F38D8D, #920404);
}
/************************************************************** mini Button **********************************************************/
.css_mbtn, .css_mbtn_disable, .css_mbtn_fixed {
	white-space:nowrap;
	display:inline-block;
	margin-top:1px;
	padding:1px 2px;
	border-radius:2px;
	font-size:11px !important;
	font-weight: normal !important;
	color:white !important;
	background-color:#D11717;
}
.css_mbtn_fixed { cursor:default; }
.css_mbtn_disable {
	border:1px solid #DDD; 
	color:#AAA;
	cursor:help;
}
.css_mbtn_disable:hover { text-decoration:none; }
/* red color button */
.css_mbtn:hover {
	color:#303030;
	background-color:#EDB5B5;
}

/************************************************************** Color Button **********************************************************/
.css_button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-family:나눔고딕,Tahoma,돋움;
	font-size:16px;
	padding: 0.6em 2em 0.65em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius:.2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.css_button:hover {
	text-decoration: none;
}
.css_button:active {
	position: relative;
	top: 1px;
}

/* blue */
.css_button.blue {
	color: #F9FEFF;
	border: solid 1px #0d64cb;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#2687e3), to(#0e65cc));
	background: -moz-linear-gradient(top,  #2687e3,  #0e65cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2687e3', endColorstr='#0e65cc');
}
.css_button.blue:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#1061b0), to(#0a3c6d));
	background: -moz-linear-gradient(top,  #1061b0,  #0a3c6d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1061b0', endColorstr='#0a3c6d');
}


/* gray */
.css_button.gray {
	color: #666666;
	border: solid 1px #bbbbbb;
	text-shadow: 0 1px 1px rgba(200,200,200,.3);
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #fefefe,  #e0e0e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e0e0e0');
}
.css_button.gray:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #fefefe,  #e0e0e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e0e0e0');
}

/**
 *************************************************************** jQueryUI customizing */
.ui-widget-overlay {
	background:#111111;
}
/* jQueryUI dialog */
.ui-dialog {
	border-radius:0;
	border:2px solid #157BDD;
}
.ui-dialog .ui-widget-header {
    background: #157BDD;
    border-radius: 0;
    border:none;
    color:white;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
	background-color:#3f99ed;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon {
	background-color:none;
}
.ui-dialog .ui-widget-header .ui-state-hover {
	background:#BBDBF9;
	padding:1px;
	border:none;
}

/**
 ***************************************************************** question mark */
 
.question_pop {
	background-image:url('./img/style.question_btn.png');
	background-repeat:no-repeat;
	width:12px;
	height:12px;
	text-indent:13px;
	display:inline-block;
	position:relative;
}
.question_pop span {
	display:none;
	background-image:none;
	width:auto;
	min-width:230px;
	height:auto;
	text-indent:0px;
	border:1px solid #bcbcbc;
	padding:2px 5px;
	position:absolute;
	background: white;
	left: 18px;
	top: -3px;
}
.question_pop:hover {
}
.question_pop:hover span {
	display:block;
}
.question_pop:hover span:before {
	position:absolute;
	content:"";
	display:block;
	width:0;
	height:0;
	border:4px solid #bcbcbc;
	border-top-color:transparent;
	border-left-color:transparent;
	border-bottom-color:transparent;
	top:3px;
	left:-9px;
}
.question_pop:hover span:after {
	position:absolute;
	content:"";
	display:block;
	width:0;
	height:0;
	border:4px solid white;
	border-top-color:transparent;
	border-left-color:transparent;
	border-bottom-color:transparent;
	top:3px;
	left:-8px;
}


/**
 *************************************************************** article_collector */

div.article_collector:after,
div.article_collector li:after {
	content:"";
	clear:both;
	display:block;
}
div.article_collector ul {
	padding:0px;
	margin:0px;
	padding-left:13px;
}
div.article_collector li {
	padding-left:0px;
	margin-bottom:6px;
	font-size:11px;
	color:#353535;
	clear:both;
}
div.article_collector li.is_notice {
	font-weight:bold;
}
div.article_collector li a.bo_subject {
	color:#2e75a3; font-size:12px;
}
div.article_collector li a.article {
	color:#333333; font-size:12px;
}
div.article_collector li.selected a.article { font-weight:bold; }
div.article_collector li a.article:hover { color:#ff6600; }
div.article_collector div.clear { clear:both; } /* for ie6 */
	
/* thumb positioning */
div.article_collector div.image_part {
	text-align:center;
	overflow:hidden;
	position:relative;
}
div.article_collector.thumb_left div.image_part {
	float:left;
}
div.article_collector div.image_part a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	position:relative;
}
div.article_collector img.main_image {
	position:absolute;
	display:none;
}

/* list thumb image */
div.article_collector.thumb_left.main_thumb_only li,
div.article_collector.thumb_left.main_thumb_only li:after {
	clear:none;
}
div.article_collector li div.list_thumb {
	float:left;
	margin-right:3px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
div.article_collector li div.list_thumb a {
	display:block;
	position:relative;
}
div.article_collector li div.list_thumb img {
	position:relative;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}
div.article_collector li span.divider {
	margin:0px 2px;
}
/* list flow mode */
div.article_collector.flow ul {
	list-style:none;
	padding:0px;
}
div.article_collector.flow ul li {
	float:left;
	clear:none;
	margin-left:4px;
	text-align:center;
}
div.article_collector.flow ul li div.list_thumb {
	margin-right:0px;
	float:none;
}
/* single line title */
div.article_collector.single_line_title ul li {
	white-space:nowrap;
}
div.article_collector.single_line_title ul li div.content {
	white-space:normal;
}
div.article_collector.single_line_title ul li a.article {
	float:left;
	max-width:170px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
div.article_collector.single_line_title ul li div.noarticle span {
	margin-left:3px;
}