@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a, img {margin:0; padding:0;}
input, select, textarea, button, a, div, span, p, option {font-size:12px; font-family:"나눔고딕",Nanum Gothic,"굴림",Gulim,sans-serif; vertical-align:top;}
fieldset, img, iframe {border:0; padding:0; margin:0;}
address, caption, cite, code, dfn, em,  th, var {font-style:normal; font-weight:normal;}
caption {display:none;}
ol, ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
legend {display:none; height:0px; overflow:hidden;}
body {font-size:12px;}
img {vertical-align:middle;}
table {border-collapse:collapse;}
a {text-decoration:none;}

/* common */
#header, .copyright, .main_content, .contents{width:1000px; margin:0 auto;}
#gnb {}
#gnb .logo{display:inline; width:100px;}
#gnb ul{display:inline;}
#gnb ul li{display:inline;}

#footer{clear:both; border-top:1px solid #d0d0d0; color:#a6a6a6; font-weight:bold; line-height:1.5em; margin-top:25px; }
#footer .copyright{padding:20px 0 0 0px;}

#footer h1{width:100px;float:left;position:relative;top:0}
#footer h1 img{float:left;position:relative;}
#footer h1 span{float:left;width:400px;position:relative;line-height:26px;height:45px;font-size:12px;overflow:hidden;text-align:left;top:-21px;left:98px;}
#footer h1 span dl{float:left;position:relative;height:20px;font-size:12px;overflow:hidden;width:500px;}
#footer h2{width:800px;float:right;font-size:12px;line-height:1.8;color:#222;text-align:right}
#footer h2 b{color:#F26E23}
#footer h2 span{color:#999;padding:0 5px}

.left_area{float:left;}
.right_area{float:right;}


/* main */
.main_content{padding-top:30px;}
.main_content article{float:left; width:211px; margin-right:35px; border-bottom:3px solid #767676; vertical-align:bottom;}
.main_content:after{visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}
.main_content h1{padding-bottom:20px;}
.bbs_list{}
.bbs_list h1{padding-bottom:10px;}
.bbs_list ul {overflow:hidden; height:95px;}
.bbs_list ul li{background:url(/images/main/ico.gif) left 5px no-repeat; text-overflow:ellipsis; -o-text-overflow: ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; padding-left:13px; line-height:1.92em;}
.bbs_list ul li a{color:#6c6c6c;}
.bbs_list ul li a:hover{color:#339900;}


/* sub_menu */
.sub_menu{width:200px; height:500px; background:#f3f3f3; float:left;}
.sub_menu h1{padding:50px 0 15px 0; text-align:center;}
.sub_menu ul{ padding:30px 45px 30px 30px;}
.sub_menu li{}
.sub_menu li a{display:inline-block; color:#666; font-weight:bold; font-size:14px; padding:10px 0 10px 15px; width:100%; border-bottom:1px solid #ccc;}
.sub_menu li a:hover{background:#22b600; color:#fff;}


/* contents */
.contents{padding:15px 0 0 0;}
.contents:after{visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}
.cont{float:left; width:755px; margin-left:45px; line-height:1.8em;}
.cont h1{padding:10px 0 40px 0;}
.cont h2{padding:0 0 35px 0;}
.cont .c_title{padding:0 0 20px 0; font-weight:bold;}

/* 현재 사용하지는 않지만 대비용 슬라이드 css */
.main_slide{background:#22b600}
#slider{width:1000px; margin:0 auto;}
.slide-wrap {position:relative; width:1000px; height:436px; overflow:hidden;}
ul.slide-list{ position:absolute; left;0px; }
ul.slide-list li {position:relative; float:left; width:1000px; height:436px;}   
a#prev2 {position:absolute; left:15px; top:220px; z-index:20;}
a#next2 {position:absolute; right:30px; top:220px; z-index:20;}

#photoDiv div {
	width:24%;
	margin-right:5px;
}

#photoDiv div img {
	width:100%;
	border:1px solid #000000;
}