/* Reset CSS */
* {margin:0; padding:0; outline:0;}
a {text-decoration:none; color:#808080;}
img {border:none; margin:0 auto; padding:0 auto; vertical-align:top;}
table {border-collapse:cellapse; border-spacing:0;}
input, select, textarea {vertical-align:middle; padding:5px; border:1px solid #bfbfbf;}
input[type='checkbox'] {margin:0 auto; padding:0; border:none;}
input[type='radio'] {margin:0 auto; padding:0; border:none;}
body {font-family:dotum; font-size:100%; line-height:1em; color:#808080}
alt {overflow:hidden;}
/* font 11pt */
.ft11 {font-size:0.70em;}
/* font 12pt */
.ft12 {font-size:0.75em;}
/* font 13pt iE 12¿Í Â÷À̾øÀ½*/
.ft13 {font-size:0.80em;}
/* font 14pt */
.ft14 {font-size:0.85em;}
/* font 15pt */
.ft15 {font-size:0.95em;}
/* font 16pt */
.ft16 {font-size:1.00em;}

/* SlidesPage style */
#container { width:1000px; padding:0px; margin:0 auto; position:relative; z-index:0; }
/* Slideshow */
#slides { position:absolute; top: 0px; left:0px; z-index:100; }
/* Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash */
.slides_container { width:1000px; overflow:hidden; position:relative; display:none; }
.slides_container img { width:1000px; height:378px;}
/* Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block */
.slides_container a { width:1000px; height:378px; display:block; }
.slides_container a img { display:block; }
/* Next/prev buttons */
#slides .next,#slides .prev { position:absolute; top:151px; left:2px; width:31px; height:76px; display:block; z-index:101; }
#slides .next { left:966px; }
/* Pagination */
.pagination { margin:5px auto 0; width:70px; }
.pagination li { float:left; margin:0 -1px; list-style:none; }
.pagination li a { display:block; width:15px; height:0; padding-top:15px;
	background-image:url(/images/mainbanner/pagination.png); background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a { background-position:0 15px; }

/* Layer Popup */
.white_content {display:none;position:absoulte !important;position:fixed;top: 90px;left: 50%;background-color: #fff;margin-left:-470px;width: 940px;height: 750px;z-index:1004;overflow: auto;}
.black_overlay{display:none;position:absoulte !important;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.25;opacity:.25;filter: alpha(opacity=25);}

.boardbox {
	width:320px;
	background-color:#feffffi;
	padding:10px;
	font-size:0.75em;
	border:solid 1px #d7d7d7;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,.1);
}
.boardtxt { color:#464646; padding:8px 0 5px;}

.footerbg {background:#585858; padding:30px 0 50px;}
.footertxt {padding-left:100px; font-size:0.75em; color:#ebebeb; line-height:2.0em; text-decoration:none;}
.footertxt a{ text-decoration:none; color:#878787;}
.sublbg {width:25px; background:url(../images/subbg_left.png) repeat-y;}
.subrbg {width:25px; background:url(../images/subbg_right.png) repeat-y;}
.subnavbg {height:75px; background:#3c3c3c; padding:0 40px; border-bottom:1px solid #000; font-size:0.75em;}
.sublist {background:#f5f5f5; border-bottom:1px solid #bababa;}

#eventlist {width:920px; text-align:center; padding:10px;}
#eventlist .event_tab {
	text-align:center;
	color:#535353; font-weight:bold;font-size:0.75em; line-height:1.75em;
	background: #ffffff;
	padding: 10px 20px;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
#eventlist .event_taboff {
	text-align:center;
	color:#535353; font-weight:bold;font-size:0.75em; line-height:1.75em;
	background: #e5e5e5;
	padding: 10px 20px;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
#eventlist .event_tabend {
	text-align:center;
	color:#535353; font-weight:bold; font-size:0.75em; line-height:1.75em;
	background: #ffffff;
	padding: 19px;
	border-left:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}