*{-webkit-text-size-adjust:none}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
margin:0;
padding:0;
}

* {
font-family: "³ª´®°íµñ","Malgun Gothic";
margin:0;
padding:0;

}
table {
border-collapse:collapse;
}
body, input, textarea, select, table, button {
font-family:NanumGothic," ³ª´®°íµñ","Malgun Gothic",Dotum,"µ¸¿ò",Gulim,"±¼¸²",Helvetica,Apple-Gothic;
font-size:14px;
line-height:1.25em;
}
caption {
display:none;
}

.mainbg {
    background:url("/images/mid_bg.png") repeat-x left bottom;
	padding:0;
	margin:0;
}

/*body {
color:#000000;
position:relative;
background-image: linear-gradient(bottom, rgb(19,38,69) 5%, rgb(49,79,128) 53%);
background-image: -o-linear-gradient(bottom, rgb(19,38,69) 5%, rgb(49,79,128) 53%);
background-image: -moz-linear-gradient(bottom, rgb(19,38,69) 5%, rgb(49,79,128) 53%);
background-image: -webkit-linear-gradient(bottom, rgb(19,38,69) 5%, rgb(49,79,128) 53%);
background-image: -ms-linear-gradient(bottom, rgb(19,38,69) 5%, rgb(49,79,128) 53%);
}*/
body {
    background-image: -moz-linear-gradient(center bottom , #F1F1F5 5%, #FFFFFF 53%);
    color: #000000;
    position: relative;
}
body.o {
min-width:320px;
}
img, fieldset {
border:0 none;
}
ul, ol {
list-style:none outside none;
}
a {
color:#000;
cursor:pointer;
text-decoration:none;
}
em, address {
font-style:normal;
}
.hc, .gct {
font-size:0;
height:0;
left:-1000em;
line-height:0;
overflow:hidden;
position:absolute;
visibility:hidden;
width:0;
}
.nc, hr {
display:none !important;
}
/*.mainbg {	
background-image: linear-gradient(bottom, rgb(28,66,128) 21%, rgb(48,96,178) 61%);
background-image: -o-linear-gradient(bottom, rgb(28,66,128) 21%, rgb(48,96,178) 61%);
background-image: -moz-linear-gradient(bottom, rgb(28,66,128) 21%, rgb(48,96,178) 61%);
background-image: -webkit-linear-gradient(bottom, rgb(28,66,128) 21%, rgb(48,96,178) 61%);
background-image: -ms-linear-gradient(bottom, rgb(28,66,128) 21%, rgb(48,96,178) 61%);
}*/
#ct {
	background:none repeat scroll 0 0 #fff;
	clear:both;
	width:100%;
}
#ct:after {
clear:both;
content:"";
display:block;
}
#fbg1{bottom:-10px;position:absolute; float:right; }
#ft {
float:left;
width:90%;
display:block;
color:#fff;
text-align:center;
white-space:nowrap;
margin:0 0 0 18px;
}
#ft a {
	float:left;
	letter-spacing: -1px;
	line-height: 1em;
	overflow: hidden;
	text-align: center;
	color:#fff;
}
#ft1 {
color:#fff;
padding:13px 0 0px;
}
#ft1 a {
border-left:1px solid #6c3a0f;
color:#fff;
display:inline-block;
font-size:15px;
margin-right:-4px;
padding:0 0.8em 0 0.8em;
}
#ft1 a.f {
background:none repeat scroll 0 0 transparent;
border:none;
}
.sub_footer{
	height:50px;
	background:url("/images/bg_footer.gif") repeat-x;
	padding-top:15px;
}
.ft_bg {
	padding-top:24px;
}
.ft2bt {
background:url("/images/ft.gif") repeat-x scroll 0 -42px #E9E9E9;
border:1px solid #652506;
display:inline-block;
font-size:12px;
height:24px;
letter-spacing:-1px;
line-height:23px;
padding:0 0.6em;
}
.ft2 {padding:0.7em 0 0 0;}
.ft3 {
color:#D6D6D6;
font-size:0.86em;
padding:0.7em 0 0.75em;
}
.ft3 .dv {
margin:0 0.4em;
}
.a .ft3 .dv {
margin-left:0;
}
.ft1 {
	float:right;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.ft1 li{
	float:left;
	padding:0 9px;
}
.ft1 a { color:#fff;}
.cr {
	clear:both;
	font-size:11px;
	padding:5px 0 3px;
	text-align:center;
}
cite{font-style:normal; font-family: 'Helvetica Nue',Arial,Helvetica,sans-serif;
    font-size: 11px; letter-spacing:-0.05em;}
.ls0{clear:both;
	height:27px;
	margin:10px 0 0 0;
	text-align:center; position: relative;
}
.cr a {
color:#888;
display:block;
}
.cr .dd {
font-size:12px;
margin-left:0.5em;
}
#hd .loginbtn {
	position: absolute;
    right: 12px;
    top:15px;
}
#hd {
height:98px;
position: relative;
background: #f59a33 url("/images/bg_hd.png") no-repeat 156px 0;
}
#hd h1 {
	width:223px;
	height:32px;
	z-index:1;
	padding: 48px 0 0 0;
	margin:0 auto;
}
#hd h1 a {
	color:#33BB00;
	display:block;
}
#hd h1.sp a {
top:0;
}
.hl {
	clear:both;
	height:38px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	background: url("/images/bg_h1.png") repeat-x;
}
.hl a {
	display:inline-block;
	height:30px;
	color: #fff;
	font-weight: bold;
}
.hl .point{
	font-size:0.93em;
	font-weight:bold;
	left:7px;
	padding-right:9px;
	position:absolute;
	top:4px;
	color: #94f1ff;
	width: 95%;
	height: 23px;
}
.hl h2 {
	font-size:1.1em;
	font-weight:bold;
	padding: 5px 9px 0 13px;
	position:absolute;
	top:0;
	color: #fff;
	width: 100%;
	height: 31px;
}
.hl ul {
font-size:0.93em;
margin:0 0 0 6.3em;
overflow:hidden;
position:relative;
width:33%;
float:left;
}
.hl li {
height:30px;
}
.hl li a {
	color:#FFF;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}
.hl .zoombox{float:right; margin:5px 7px 0 0; }
.ns {
margin:0;
overflow:hidden;
padding:0;
height:400px;
}
.a .ns {
margin:5px 0 0 7px;
}
.ns li {
float: left;
width: 33%;
text-align: center;
}
.ns a {
display: block;
position: relative;
max-width: 78px;
margin: 0 auto;
padding-top: 18px;
border: 0;
background: none;
-webkit-appearance: none;
color:#2e2c29;
}
.ns .wn {
white-space: nowrap;
padding-left:2px;
font-weight:bold;
}
.ns .i {
	background:url("/images/mbtn3.png") repeat scroll 0 0  ;
	display: inline-block;
	position: relative;
    height: 79px;
    margin: 0;
    width: 79px;
	vertical-align: middle;
}
.ns .al {	position:absolute; top:-10px;padding:1em .5em .5em .5em;}
.circle_num {
	position:absolute; 
	width:18px; 
	height:18px; 
	right:0.2em; 
	top:0.2em; 
	border:2px solid #fff;
	border-radius: 50%;
	background-image: linear-gradient(bottom, rgb(247,90,17) 14%, rgb(245,37,10) 57%);
	background-image: -o-linear-gradient(bottom, rgb(247,90,17) 14%, rgb(245,37,10) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(247,90,17) 14%, rgb(245,37,10) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(247,90,17) 14%, rgb(245,37,10) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(247,90,17) 14%, rgb(245,37,10) 57%);
	-moz-box-shadow:.1em .1em .2em #000; 
	-webkit-box-shadow:.1em .1em .2em #000;
	box-shadow:.1em .1em .2em #000; 
	font-family: "arial","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#fff;
	font-weight:bold;
}
.number_position {
	position:relative;
	top:0.25em;
	font-size:1.25em;
}
.ns1 .i {
background-position:0 0;
}
.ns2 .i {
background-position:-79px 0;
}
.ns3 .i {
background-position:-158px 0;
}
.ns4 .i {
background-position:0 -79px;
}
.ns5 .i {
background-position:-79px -79px;
}
.ns6 .i {
background-position:-158px -79px;
}
.ns7 .i {
background-position: 0 -158px;
}
.ns8 .i {
background-position:-79px -158px;
}
.ns9 .i {
background-position:-158px -158px;
}


/*°øÁö*/
.notice{
position:relative;
margin:0 auto; 
padding:0 0 12px 0; 
top:0;
background:#f59a33;
border-bottom:1px solid #fff;
}
#notice_title{ 
	height:24px;
	margin:0 18px;; 
	padding:7px 3px 0px 2px;
	background:#fff;
	-moz-border-radius: 20px;
	box-shadow:.1em .1em .2em #b76100; 
	border-radius: 20px;
	}
#notice_title h2{
	float:left; 
	color:#3e67b2; 
	font-size:1em; 
	padding: 1px 2px 0 5px;
}
#notice_title a {
	color:#000;
}
#notice_title .more{
	font-size: 0.90em;
    line-height: 100%;
    position: absolute;
    right: 27px;
    top: 8px;}
#notice_title .more a{color:#ef5e0a;font-weight:bold;}
#notice_list{position:relative; overflow:hidden; padding:7px;}
#notice_list ul li{ letter-spacing:-0.005em; padding: 0 0 4px 12px; background:url("/images/icon_7.png") no-repeat scroll 0 5px;}
#notice_list ul li a {
    color: #FFFFFF;
    font-size: 1.1em;
}
#notice_title .notice_text { 
	position:relative;
	width: 138px;
    max-width:98%;
    overflow: hidden;
    padding-left:3px;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin:0;
	}

#notice ul { float:left;list-style: none; margin: 0; padding: 0; font-size: 1em; letter-spacing: 0;  line-height: 1.25; }
#notice li { margin: 0; padding: 0; }
#notice ul li a { margin: 0; padding: 0; color: #000; }
#notice a:hover { color: #ef5e0a; text-decoration: none; }
/*ÅÇ*/
#tab {
	position:relative;
	clear:both;
	width:100%;
	min-height:400px;
	padding:0;
	margin:0;
	overflow: hidden;
	display: block;
}
#tab h2{
	border-bottom: 1px solid #BBCEDA;
	padding: 0.7em 0 0.7em 1em;
	position: relative;
	white-space: nowrap;
	width: 100%;
	font-size:1em;
	background: #007EAD;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f7f7), to(#d1dee3));
	background: -moz-linear-gradient(top, #f2f7f7, #d1dee3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7f7', endColorstr='#d1dee3');
}
#tab .select_none {
	clear:both;
}
#tab h3 {
	float:left;
	width:20%;
	height:30px;
	line-height:30px;
	font-weight:normal;
	font-size:0.92em;
	text-align:center;
	background:url(/images/notice_off01.gif) left top no-repeat;
	letter-spacing:-0.5px;
	margin:0;
	padding:0;
}
#tab h3 a {
	display:block;
	background:url(/images/notice_off02.gif) right top no-repeat;
}
#tab h3.on {
	font-weight:bold;
	background:url(/images/notice_on01.gif) left top no-repeat;
}
#tab h3.on a {
	color:#fff;background:url(/images/notice_on02.gif) right top no-repeat;
}
#tab div {
	position:absolute;
	left:0;
	top:30px;
	width:100%;
	display:none;
}
#tab div.on {
	display:block;
}
#tab div dl {
	width:40%;
	height:120px;
	text-align:left;
	float:left;
	padding: 1em 0 1.5em 1em;
}
#tab div dl dt {
	width:100%;
	height:20px;
	color:#55585b;
	font-weight:bold;
	padding-bottom:0.5em;
}
#tab div dl dd {
	width:100%;
	height:20px;
	color:#55585b;
	background:url(/images/dot.gif) 3px 8px no-repeat;
	padding:0 0 0 12px;
}
#tab div dl dd img {
	vertical-align:middle;
}
#tab div p.more {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#f5f5f5;
	border:1px solid #c1c7cb;
}
#tab div p.more a {
	display:block;
	width:100%;
	color:#444648;
	line-height:25px;
	font-size:12px;
	text-align:center;
}

.back{position:absolute; top:7px; left:10px;}
.save{clear:both;text-align:center;padding:11px;background:#f4f5f5;border-bottom:1px solid #b0b0b0;border-top: 1px solid #b0b0b0;}

/*Æ÷Åä¾Ù¹ü*/
.photolist{ 
	padding-top: 4px;
    overflow: hidden;
    width: 100%;
}
.photolist li {
    float: left;
    font-size: 0.95em;
    text-align: center;
    width: 50%;
}
.photolist li img {
    border: 1px solid #C9C9C9;
    margin-bottom: 3px;
    vertical-align: top;
}
/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt a {display:block;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
/* UL styles */
.dropdown dd ul { background:#fff; display:none;
    list-style:none; padding:2px 0 0 0; position:absolute; 
    left:0px; top:18px; z-index:100;border-top:4px solid #9bbd28;border-right:1px solid #ddd;border-left:1px solid #ddd;width:100%;}
.dropdown span.value { display:none;}
.dropdown dd ul li { border-bottom:1px solid #ddd;}
.dropdown dd ul li a { padding:9px; display:block;text-align:center;}


/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(/images/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:3px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:25px; line-height:24px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 6px 0 2px; font-size:13px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:15px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:3px -149px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}

.button.large .write{ background-position:-32px -150px;}
.button.large .news{ background-position:-118px -150px;}
.mid_bg{
position: relative;
background: url("/images/bodybg.png") no-repeat 0 0;
height:430px;
z-index:0;
top:1px;
}