@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}

/* 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; margin:0; overflow:hidden; text-align:center;}
.header						{ position:relative; width:100%; height:80px; margin:0; z-index:10; background:url('../main/image/top_bg.gif') repeat-x 0 0;}
.body						{ position:relative; width:100%; 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; 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; }


/* Notice */
.notice			            { position:relative; width:90%; min-width:290px; margin:20px auto; zoom:1;}
.notice h2			        { margin:0; padding:0 0 15px 0; height:15px;}
.notice ul:after			{ content:""; clear:both; display:block}
.notice ul li			    { margin:0; padding:0 0 0 9px; border:none; height:20px; background:url('../main/image/notice_icon.gif') no-repeat 0 5px;}
.notice ul li a		        { float:left; width:70%; margin:0; padding:0; color:#555;}
.notice ul li span.date	    { float:left; width:30%; margin:0; padding:0; color:#8f8e8e; text-align:right;}
.notice p.more		        { position:absolute; margin:0; padding:0; top:0px; right:0px;}


/* 시설,현황 */
.intro					        { width:100%; height: 135px; border-top:1px solid #c2c5bf; zoom:1;}
.intro ul li.left			    { float:left; margin:0; padding:0; border-right:1px solid #c2c5bf; width:49%; height:135px;}
.intro ul li.left h2			{ margin:21px auto 0; padding:0; width:96px; height:17px;}
.intro ul li.left .cont			{ margin:17px auto 0; padding:0; width:96px; height:33px;}
.intro ul li.left .detail_view	{ margin:11px auto 0; padding:0 0 19px 0; width:96px; height:18px;}

.intro ul li.right			    { float:left; margin:0; padding:0; width:50%; height:135px;}
.intro ul li.right h2			{ margin:21px auto 0; padding:0; width:113px; height:17px;}
.intro ul li.right .cont		{ margin:17px auto 0; padding:0; width:113px; height:33px;}
.intro ul li.right .detail_view	{ margin:11px auto 0; padding:0 0 19px 0; width:113px; height:18px;}



/* 링크 */
.link					    { width:100%; height:171px; border-top:1px solid #c2c5bf; background-color:#f5f7ea; zoom:1;}
.link ul li					{ float:left; text-align: center; margin:19px 0 0 0; padding:0; width:50%; height:57px; }


/* 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;}