@charset "utf-8";

/* Element Reset */
header, footer, section, article, nav, aside, fugyre, fugcaption {display:block}
video, audio, iframe, object, embed	{ max-width:100%; heigth:auto}
html, body	{ min-height:100%; margin:0; padding:0; }
body, table, input, select, textarea, button{ font-family:"돋움",Dotum, sans-serif; font-size:12px; color: #555;}


img			{ border:0}
ul			{ margin:0; padding:0}
li			{ list-style:none}
a:link, 
a:visited	{ font-size:12px; color:#555; text-decoration:none; letter-spacing:0}
a:hover,
a:focus		{ font-size:12px; color:#507091; text-decoration:none; letter-spacing:0; background: none }
.png24		{ tmp:expression(setPng24(this));}


/* Common Class */
hr							{ position:absolute; left:-5000px; width:1px; height:1px; margin:0; padding:0 }
.text_left					{ text-align:left}
.inputRadio,	
.inputCheck					{ margin:0; width:13px; height:13px;}
.inputText, .zle_input		{ border:1px solid #999; border-right-color:#ccc; border-bottom-color:#ccc; font-size:12px; padding:2px 4px 0 4px; height:14px; *margin:-1px 0;}

/* Table */
table						{ border-spacing:0; border:0; }
table th, table td			{ padding:0}
form			            { padding:0; margin:0;}
fieldset			        { padding:0; margin:0; border:0;}
legend			            { padding:0; display:none;}
textarea			        { border:#d5d5d5 1px solid; background-color:#ffffff;}

/* All */
.blind						{ position:absolute; display:block; width:1px; height:1px; left:-1000%; overflow:hidden; }
.skip						{ font-size:12px;}
.skip a						{ position:absolute; display:block; width:1px; height:1px; left:-1000%; overflow:hidden; }
.skip a:focus,
.skip a:active				{ position:relative; left:0; width:100%; height:auto; padding:5px 0; text-align:center; font-weight:bold; border-bottom:1px solid #dcdcdc}

/* Layout */
.container					{ position:relative; width:100%; min-width:320px; min-height:100%; height: auto !important; margin:0 auto -93px; overflow:hidden; text-align:center;}
.header						{ position:relative; width:100%; height:108px; margin:0; z-index:10; background:url('../image/top_bg.gif') repeat-x 0 0;}
.header#nobg				{ height:80px; background:url('../image/top_bg2.gif') repeat-x 0 0;}
.body						{ position:relative; width:100%; min-height:400px; margin:0 auto; padding:0; text-align:left; z-index:5; zoom:1 }
.body:after					{ content:""; clear:both; display:block}
.footer						{ position:relative; width:100%; padding:26px 0; margin:35px 0 0 0; border-top:1px solid #c2c5bf; }

/* Header */
.header h1					{ float:left; width:70%; height:31px; margin:0; padding:7px 0 7px 0;}
.btn_tl			        	{ float:left; width:15%; height:26px; margin:0; padding:10px 0 9px 0;}
.btn_tr				        { float:left; width:15%; height:26px; margin:0; padding:10px 0 9px 0;}


/* Memu */
.header .menu				{ width:100%; min-width:320px; height:35px; margin:0; }
.header .menu>ul			{ margin:0; zoom:0 }
.header .menu>ul:after		{ content:""; clear:both; display:block}
.header .menu>ul>li>a		{ float:center; margin:0; }
.header .menu ul li.m1		{ float:left; width:22%; padding:11px 0 12px 0; height:12px; }
.header .menu ul li.m2		{ float:left; width:22%; padding:11px 0 12px 0; height:12px; }
.header .menu ul li.m3		{ float:left; width:28%; padding:11px 0 12px 0; height:12px; }


/* SubMemu */
.header .submenu				{ width:100%; min-width:320px; height:28px; margin:0; }
.header .submenu>ul			    { margin:0; zoom:0 }
.header .submenu>ul:after		{ content:""; clear:both; display:block}
.header .submenu>ul>li>a		{ float:center; margin:0; }
.header .submenu ul li   		{ float:left; width:20%; padding:8px 0 9px 0; height:11px; text-align: center;}


/*subtitle*/
.subtitle				    { margin:0 auto; padding:15px 0px 5px 0px; width:93%; }


/*content*/
.content				    { margin:0 auto; padding:10px 0 0 0; width:91%; }
.content h2 img				{ vertical-align:middle; }
.content h2.t2				{ margin:10px 0 0 0; }
.content .ground_plan		{ margin:0 0 30px 0; padding:0; }
.content p     		        { margin:0; padding:0; }
.sel_m				        { margin:0; padding:0 0 10px 0;}

.content .table	      { text-align:center; width:100%; margin:0; border-collapse:collapse;}
.content .table th    { border:#cdd6de 1px solid; padding:9px 0 6px 0; background-color:#fafafa; color:#68859e; font-weight:bold; }
.content .table td	  { border:#cdd6de 1px solid; padding:9px 0 6px 0;}


span.img_text{
	padding: 5px 0px 15px 0px; margin: 0px; float: left; text-align: center; width: 100%; font-size: 12px;
}


/*condition*/
.condition				    { margin:0 auto; padding:10px 0 0 0; width:91%; }
.condition h2				{ margin:0 0 10px 0; padding:0; }

.condition .table	    { text-align:center; width:100%; margin:0 0 30px 0; border-collapse:collapse;}
.condition .table th    { border:#cdd6de 1px solid; padding:9px 0 6px 0; background-color:#fafafa; color:#68859e; font-weight:bold; }
.condition .table td	{ border:#cdd6de 1px solid; padding:9px 10px 6px 10px; text-align:left; line-height:120%;}



/* Footer */
.footer_area					{ width:100%; margin:0; padding:0; text-align:center; zoom:1}
.footer_area:after				{ content:""; clear:both; display:block }


.footer_area .copyright			{ color:#2b2b2b; margin:0; font-size:12px; font-family:'Dotum', sans-serif;}

.footer_area address			{ float:none; width:100%; margin:8px 0 0 0; padding:0; font-style:normal; line-height:14px}
.footer_area address div		{ float:left; width:100%; margin:0; zoom:1 }
.footer_area address dl			{ float:none; display:inline-block; margin:0; padding:0 2%; font-family:'Dotum', sans-serif; font-size:12px;}
.footer_area address dt			{ float:left; color:#2b2b2b; }
.footer_area address dd			{ float:left; margin-left:5px; padding:0; color:#2b2b2b; }
.footer_area address .first		{ padding:0;}




.board {
	margin: 0px; padding: 0px; width: 100%; border-top: #cdd6de 1px solid;
}
.board ul {
	margin: 0px; padding: 0px;
}
.board ul li {
	margin: 0px; padding: 12px 5px 9px 5px; border-bottom: #cdd6de 1px solid;
}
.board ul li p.title {
	margin: 0px 0px 7px 0px; padding: 0px; font-size: 12px;
}
.board ul li span.writer {
	margin: 0px; padding: 0px 20px 0px 0px; font-size: 11px; color:#9d9d9d;
}
.board ul li span.date {
	margin: 0px; padding: 0px 20px 0px 0px; font-size: 11px; color:#9d9d9d;
}
.board ul li span.hit {
	margin: 0px; padding: 0px; font-size: 11px; color:#9d9d9d;
}


.board ul li.details-view {
	padding: 15px 5px 15px 5px; line-height:16px; border-bottom: #cdd6de 1px solid;
}
.board ul li.details-view p {
	margin: 0px 0px 10px 0px; padding: 0px;
}
.board ul li.file, #board ul li.file a {
	color: #2882a6
}


.board ul li.details-view P.title {
	PADDING: 0px; MARGIN: 0px 0px 5px 0px; text-align: center;
}
.board ul li.details-view P.img {
	PADDING: 0px; MARGIN: 0px 0px 10px 0px; text-align: center;
}
.board ul li.details-view P.content01 {
	PADDING: 0px; MARGIN: 0px; CLEAR: both;
}

/* 간단 답글 */
.board ul li.s_reply_list { 
   margin: 10px 0px 0px 0px; padding: 0px; border: none;
}
.board ul li.s_reply_list ul li { 
    margin: 0px; padding: 0px; width: 100%; border: none;
}
.board ul li.s_reply_list ul li span.srl_name { 
    margin:0px; padding: 10px 0px 0px 0px; font-weight: bold; float: left; width: 50%; font-size: 12px;
}
.board ul li.s_reply_list ul li span.srl_button { 
    margin: 0px; padding: 10px 0px 0px 0px; float: left; text-align: right; color: #999; width: 50%;
}
.board ul li.s_reply_list ul li span.srl_button a { 
    color: #999; font-size: 11px;
}
.board ul li.s_reply_list ul li span.srl_comment { 
    margin: 0px; padding: 10px 5px 9px 5px; float: left; border-bottom: #cdd6de 1px solid; width: 100%;
}

.board ul li.s_reply_write { 
    margin: 0px;; padding: 7px 0px 5px 0px; float: left; width: 100%; text-align: center;
}
.sr_write { 
    border: #d5d5d5 1px solid; background-color: #ffffff; width: 70%; height: 60px; font-size: 12px;
}


/* 이전글 다음글 */
.board ul li.prev_next { 
    margin: 0px; padding: 0px; width: 100%; clear: both;
}
.board ul li.prev_next ul li { 
    padding: 0px; border: none; width: 100%;
}
.board ul li.prev_next ul li.prev { 
    margin: 0px;  padding: 9px 0px 7px 0px; border-bottom: #cdd6de 1px solid;
}
.board ul li.prev_next ul li.prev span.prev_t { 
    background: url(../image/icon_prev.gif) no-repeat 0 5px; margin-left: 8px; padding-left: 8px;
}
.board ul li.prev_next ul li.prev span.prev_text { 
    margin-left: 8px; padding: 0px; color: #7b7b7b;
}
.board ul li.prev_next ul li.next { 
    margin: 0px;  padding: 9px 0px 7px 0px;
}
.board ul li.prev_next ul li.next span.next_t { 
    background: url(../image/icon_next.gif) no-repeat 0 5px; margin-left: 8px; padding-left: 8px;
}
.board ul li.prev_next ul li.next span.next_text { 
    margin-left: 8px; padding: 0px; color: #7b7b7b;
}


/* paging number */
.paging {
	margin: 12px 0px 0px 0px; padding: 0px; width: 100%; text-align: center; clear: both;
}
.paging span.now {
	margin: 0px; padding: 0px 7px 0px 7px;
}
.paging span.now a {
	padding: 0px 0px 0px 7px; color: #939393;
}
.paging span.now strong {
	font-weight: bold; font-size: 100%; color: #333;
}
.paging img {
	vertical-align: middle;
}
.paging a.prev {
	margin-right: 5px;
}
.paging a.next {
	margin-left: 5px;
}


.board_write {
	margin: 0px; padding: 0px; width: 100%; text-align: right;
}
.board_button {
	margin: 12px 0px 0px 0px; padding: 0px; text-align: center; width: 100%;
}


/* 게시물 삭제하기 */
.board_delete {
	margin: 0px; padding: 0px; width: 100%; border-top: #dddbdb 1px solid;
}
.board_delete span.pw_t {
	margin: 0px; padding: 14px 0px 14px 0px; width: 30%; float: left; border-bottom: #dddbdb 1px solid; background-color: #efefef; text-align: center; font-size: 12px;
}
.board_delete span.pw_w {
	margin: 0px; padding: 8px 0px 8px 0px; width: 70%; border-bottom: #dddbdb 1px solid; background-color: #fff; float: left; text-align: center;
}
.board_delete .pw_input {
	border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; width: 80%; font-size: 12px;
}



/* 게시물 작성 */
table.board_table {
	width: 100%; margin: 0px; border-collapse: collapse; border-top: #dddbdb 1px solid; font-size:100%; 
}
table.board_table TH {
	border-bottom: #dddbdb 1px solid; padding: 6px 0px 5px 0px; text-align: center; font-weight: bold; font-size:120%;
}
table.board_table TD {
	border-bottom: #dddbdb 1px solid; padding: 6px 5px 5px 5px; text-align: left;
}
table.board_table TD.text_bold {
	font-sixe: 120%; font-weight: bold;
}
.board_input {
	border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; width: 95%; font-size: 130%;
}
.file_input { 
    border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; font-size:120%; width: 95%;
}
.img_input { 
    margin: 0px 0px 5px 0px; border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; font-size:120%; width: 75%;
}
.join_input {
	border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; width: 25%; font-size: 130%;
}
.join_input2 {
	border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; width: 40%; font-size: 130%;
}
textarea { 
    border: #d5d5d5 1px solid; background-color: #ffffff; width: 95%; height: 150px; font-size: 130%;
}


/* 갤러리 리스트 */
.gallery_board {
	margin: 0px; padding: 0px; width: 100%; border-top: #cdd6de 1px solid;
}
.gallery_board ul {
	margin: 0px; padding: 0px;
}
.gallery_board ul li {
	margin: 0px; padding: 0px 5px 5px 5px; border-bottom: #cdd6de 1px solid;
}
.gallery_board ul li div.img {
	margin: 5px 8px 0px 0px; padding: 0px; float: left;
}
.gallery_board ul li div.img p {
	margin: 0px 5px 0px 0px; padding: 0px; float: left; font-size: 12px;
}
.gallery_board ul li div.infor {
	margin: 0px 0px; padding: 12px 0px 13px 0px; 
}
.gallery_board ul li div.infor p.title {
	margin: 0px 0px 8px 0px; padding: 0px; font-size: 12px;
}
.gallery_board ul li div.infor span.writer {
	margin: 0px; padding: 0px 10px 0px 0px; font-size: 11px; color:#9d9d9d;
}
.gallery_board ul li div.infor span.date {
	margin: 0px; padding: 0px 10px 0px 0px; font-size: 11px; color:#9d9d9d;
}
.gallery_board ul li div.infor span.hit {
	margin: 0px; padding: 0px; font-size: 11px; color:#9d9d9d;
}



.board_table04 {
	WIDTH: 100%; MARGIN: 0px; BORDER-COLLAPSE: collapse;
}
.board_table04 TH {
	BORDER: #b6c2cc 1px solid; PADDING: 6px 0px 6px 0px; BACKGROUND-COLOR: #e4eef5; TEXT-ALIGN: center; FONT-FAMILY: Dotum; FONT-SIZE: 12px; COLOR: #68859E; FONT-WEIGHT: bold; 
}
.board_table04 TH.td_th {
	BORDER: #b6c2cc 1px solid; PADDING: 6px 0px 6px 0px; BACKGROUND-COLOR: #f0f5f8; TEXT-ALIGN: center; FONT-FAMILY: Dotum; FONT-SIZE: 12px; COLOR: #68859E; FONT-WEIGHT: bold; 
}
.board_table04 TD {
	BORDER: #b6c2cc 1px solid; PADDING: 6px 0px 6px 5px; LINE-HEIGHT: 170%; FONT-FAMILY: Dotum; FONT-SIZE: 12px;
}
.board_table04 TD.t_center {
	BORDER: #b6c2cc 1px solid; PADDING: 6px 0px 6px 5px; LINE-HEIGHT: 170%; FONT-FAMILY: Dotum; FONT-SIZE: 12px; TEXT-ALIGN: center; 
}


.board_input2 {
	border: #d5d5d5 1px solid; background-color: #ffffff; height: 20px; width: 100px; font-size: 130%;
}


/* login */
.login-form {
	position: relative; padding: 0px; margin: 0px auto; width: 290px;
}
.login-form .id {
	padding: 0px; margin: 0px; float: left; width: 290px;
}
.login-form .id span {
	padding: 2px 5px 0px 0px; float: left; FONT: normal normal 12px Dotum, sans-serif;
}
.login-form .password {
	padding: 0px; margin: 8px 0px 0px 0px; float: left; width: 290px;
}
.login-form .password span {
	padding: 2px 8px 0px 0px; float: left; FONT: normal normal 12px Dotum, sans-serif;
}
.login-form .login_id_input {
	border: #d5d5d5 1px solid; padding: 0px; margin: 0px 0px 0px 13px; width: 163px; height: 20px; FONT: normal normal 12px Dotum, sans-serif; background-color: #ffffff; 
}
.login-form .login_pw_input {
	border: #d5d5d5 1px solid; padding: 0px; margin: 0px; width: 163px; height: 20px; FONT: normal normal 12px Dotum, sans-serif; background-color: #ffffff;  
}
.login-form .button {
	position: absolute; top: 0px; right: 0px;
}
.login-form .auto_login {
	padding: 10px 0px 0px 0px; margin: 0px; float: left; FONT: normal normal 12px Dotum, sans-serif; width: 190px
}
.login-form .find_id {
	position: absolute; top: 70px; right: 0px; 
}


.sel_m {
	padding: 0px 0px 10px 0px; margin: 0px;
}


/* idcheck */
.idcheck_result {
	padding: 0px; margin: 30px auto; float: center; text-align: center; width: 320px; FONT: normal normal 12px Dotum, sans-serif;
}
.idcheck_result strong {
	FONT: normal normal 12px Dotum, sans-serif; font-weight: bold;
}
.id_search {
	position: relative; padding: 0px; margin: 0px auto; width: 320px;
}
.id_search  p.search_id {
	padding: 0px; margin: 0px; width: 200px; float: left; LINE-HEIGHT:190%; FONT: normal normal 12px Dotum, sans-serif;
}
.id_search  p.button {
	padding: 0px; margin: 0px 0px 0px 12px; float: left;
}
.id_search  .board_input02 {
	border: #d5d5d5 1px solid; background-color: #ffffff; width: 190px; height: 20px; FONT: normal normal 12px Dotum, sans-serif;
}



/* find */
/* find */
.find {
	position: relative; padding: 0px; margin: 0px auto; width: 350px;
}
.find .find_name {
	padding: 0px; margin: 0 0 0 35px; float: left; width: 350px;
}
.find .find_name span {
	padding: 2px 5px 0px 0px; float: left; FONT: normal normal 12px Dotum, sans-serif;
}
.find .find_email {
	padding: 0px; margin: 8px 0px 0px 35px; float: left; width: 290px;
}
.find .find_email span {
	padding: 2px 8px 0px 0px; float: left; FONT: normal normal 12px Dotum, sans-serif;
}
.find .find_name_input {
	border: #d5d5d5 1px solid; padding: 0px; margin: 0px 0px 0px 15px; width: 163px; height: 20px; FONT: normal normal 12px Dotum, sans-serif; background-color: #ffffff; 
}
.find .find_email_input {
	border: #d5d5d5 1px solid; padding: 0px; margin: 0 0 0 7px; width: 163px; height: 20px; FONT: normal normal 12px Dotum, sans-serif; background-color: #ffffff;  
}
.find .f_button {
	position: absolute; top: 0px; right: 35px;
}


.find_result {
	PADDING: 80px 20px 0px 20px; MARGIN: 0px auto; TEXT-ALIGN: center; WIDTH: 370px; HEIGHT: 177px;
}
.find_result SPAN.result {
	COLOR: #990000; FONT-WEIGHT: bold;
}

.table_none TD {
	PADDING: 0px 0px 0px 0px;
}
.table_none table {
	WIDTH: 100%; BORDER-COLLAPSE: collapse;
}
.table_none table TH {
	BORDER-BOTTOM: #dddbdb 0px solid; PADDING: 0px 0px 0px 0px;
}
.table_none table TD {
	BORDER-BOTTOM: #dddbdb 0px solid; PADDING: 0px 0px 0px 0px;
}