@import url("./contents.css");
@import url("./font.css");

*{margin:0;padding:0;}

body {color:#555;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,Sans-serif;}
select { height:25px;}
input,textarea,select {vertical-align:middle;}
table { border-spacing:0; border-collapse:collapse;}
img,fieldset{border:0;vertical-align:top;}
ul,ol{list-style:none}
em,address{font-style:normal}
caption {display:none;}
a:link, 
a:visited, 
a:active {color: #555;text-decoration: none;}
a:hover {color: #666;text-decoration: underline;}

/* etc */
.clear{
	float:none; 
	clear:both; 
	height:0; 
	width:100%; 
	font-size:0 !important; 
	line-height:0 !important; 
	overflow:hidden; 
	margin:0 !important; 
	padding:0 !important;
}
 

/* Object */
#wrap{width:100%;position:relative;}
#header{width:100%;position:relative;}
#mainvisual_bg{width:100%;height:433px;position:relative;background:url(../images/main/mainvisual_bg.gif) 0 0 repeat-x;}
#mainvisual_bg .mainimg{position:relative;width:1000px;margin:0 auto;clear:both; }
#container_bg{width:100%;position:relative;background:url(../images/top/subtopbg.jpg) 0 0 repeat-x;}
#container{position:relative;width:1000px;margin:0 auto;clear:both; background:url(../images/subcont_bg.gif) 0 0 repeat-y;}
#container:after{display:block;clear:both;content:''}
#content{float:right;width:800px;}
#container .leftwrap{float:left;width:200px;position:relative;z-index:300000}
#content .subtop{position:relative;background:url(../images/top/subtop01.jpg) 0 0 no-repeat;height:114px;}
#content .contents_area{width:780px;margin:0 0 0 20px;}
#mainconts{width:1000px;margin:10px auto;position:relative;}

#footer{width:100%}
#header{position:relative;height:130px;background:url(../images/top/bg_header.gif) 0 0 repeat-x}
#header .headerarea{width:1000px;margin:0 auto;position:relative;z-index:10000;}
#header .headerarea:after{display:block;clear:both;content:''}

#header .toplink{ text-align:right;font-size:11px;padding:10px 0 0 0;height:15px;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,Sans-serif;text-align:right}
#header .toplink a{padding:0 7px 0 11px; background:url(../images/bu_bar.gif) left 0 no-repeat}
#header .toplink .first{background:none}

#header .tlogo{position:relative;float:left;width:230px; text-align:center;height:55px;}
#header .tlogo img{margin:10px 0 0 0}

#header .topmenu{position:relative;float:right;width:710px;height:55px;margin:15px 0 0 0;background:url(../images/top/bg_topmenu.gif) 0 0 repeat-x;}
#header .topmenu:after{clear:both;content:"";display:block}
#header .topmenu ul{background:url(../images/top/bg_topmenu_left.gif) 0 0 no-repeat;height:55px;padding:0 0 0 20px}
#header .topmenu li{float:left;background:url(../images/top/h_line.gif) left 0 no-repeat;padding:0 24px;margin:13px 0 0 0;font-family:'NanumGothicExtraBold','³ª´®¹Ù¸¥°íµñ','³ª´®°íµñ',dotum;}
#header .topmenu .first{background:none}
#header .topmenu img{cursor:pointer}

#header .topmenu li a{display:block;width:100%;text-decoration:none;text-align:center;color:#333}
#header .topmenu li a:hover{text-decoration:none;}
#header .topmenu li.active a{color:#039;}
#header .topmenu li.active a:hover{text-decoration:none;}

#header .smenu{clear:both;margin:0 0 0 280px;font-family:'NanumBarunGothic','³ª´®¹Ù¸¥°íµñ','³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,Sans-serif;position:relative;z-index:100000; height:20px;}
#header .smenu:after{clear:both;content:"";display:block}
#header .smenu ul li{float:left;font-size:12px;padding:8px 10px 5px 10px; FONT-WEIGHT:BOLD;}
#header .smenu ul li a{width:100%;}
#header .smenu ul li a:link,
#header .smenu ul li a:visited,
#header .smenu ul li a:active{color:#fff; text-decoration:none}
#header .smenu ul li a:hover{color:#d7fffc; text-decoration:none;}
#header .l01{margin-left:50px}
#header .l02{margin-left:190px}
#header .l03{margin-left:300px}
#header .l04{margin-left:450px}
#header .l05{margin-left:400px}
#header .l06{margin-left:325px}

#container .leftwrap .leftmenu{position:relative;width:200px;background:#556fb5 url(../images/lefttop.jpg) 0 0 no-repeat;padding:15px 0 0 0;margin:0;z-index:20000000;FONT-WEIGHT:BOLD;}
#container .leftwrap .leftmenu h3{font-size:18px;height:68px; text-align:center;color:#fff;margin:30px 0 0 0;font-family:'NanumGothicExtraBold','³ª´®¹Ù¸¥°íµñ',dotum;}
#container .leftwrap .leftmenu ul{background:#f6f6f6;margin:0 auto;width:198px;padding:0;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#container .leftwrap .leftmenu li{font-size:13px;font-family:'NanumBarunGothicbold','³ª´®¹Ù¸¥°íµñ',dotum,;display:block;list-style:none;margin:0;padding:9px 0 9px 30px;border-bottom:1px solid #ccc;color:#444; cursor:pointer; background:url(../images/ico_arrow_default.gif) 10px 12px no-repeat}
#container .leftwrap .leftmenu li:hover{border-bottom:1px solid #b9c6f2;color:#304fbe;background:#fff url(../images/ico_arrow_on.gif) 180px 12px no-repeat}

#content .contents_area{min-height:450px;padding-bottom:40px}
#content .subtop h3{position:absolute;top:35px;left:50px;line-height:120%;height:40px;width:700px;font-size:30px;font-family:'NanumGothicExtraBold','³ª´®¹Ù¸¥°íµñ',dotum;color:#333;}
#content .location{position:relative;width:800px;margin-top:-25px;padding:0 0 10px 0;text-align:right;line-height:120%;font-size:11px;color:#777;font-family:'NanumGothicExtraBold','³ª´®¹Ù¸¥°íµñ';font-weight:normal}

.conts{width:700px;margin:35px auto 0 auto; text-align:left;line-height:140%;font-size:15px;}

#footer{clear:both;margin:0;padding:22px 0 30px 0;border-top:1px solid #ccc;color:#666;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,Sans-serif;}
#footer .footerarea{width:1000px;margin:0 auto;position:relative; font-size:12px;}

#subtop{clear:both; position:relative;width:100%; background:url(../images/top/subvisual_bg.jpg) 0 0 repeat-x;height:172px;z-index:1000;margin-top:-3px;z-index:10}
#subtop .subtopimg{width:1000px;margin:0 auto;position:relative;z-index:20}

.notice_list{float:left;position: relative;width:312px;height:110px;border-bottom:1px solid #ccc;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,Sans-serif;text-align:left;margin:10px 0 20px 0;}
.notice_list h4{ width:304px;height:28px;margin:0;padding:0;border-bottom:1px solid #ccc;background:none}
.notice_list h4 img{padding:9px 0 0 10px;}
.notice_list ul{margin:7px 0 0 5px;}
.notice_list ul li{background:url(../images/main/ico_dot.gif) no-repeat 0 9px;padding:3px 0 4px 8px;font-size:12px;}
.notice_list ul li span{font-size:11px; letter-spacing:-1px;color:#9798c9;padding:0 3px 0 0;}
.notice_list ul li a{color:#666;text-decoration:none}
.notice_list ul li a:hover{color:#999;text-decoration:underline;}
.notice_list ul li img{padding:0 0 0 2px;}
.notice_list .more{position:absolute;top:3px;right:8px;}
.notice_list li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap;}

.mainbn{float:left;position:relative;border:1px solid #ccc;width:312px;height:105px;margin:10px 0 20px 0;}
.mainbn a{display:block;width:100%;cursor:pointer;_cursor:hand}
.mainbn a:hover{text-decoration:none;}
.mainbn .limg{float:left;margin:5px 0 0 0;}
.mainbn .ltxt{float:left;width:170px;}
.mainbn .ltxt p.tit{font-size:16px;font-family:'NanumBarunGothicbold','³ª´®¹Ù¸¥°íµñ',dotum;color:#333;margin:15px 0 5px 0;}
.mainbn .ltxt p.con{font-size:12px;margin:0 0 7px 0;}

.mlr{margin-left:29px;margin-right:29px;}

.mainbn2{float:left;position:relative;border:0 solid #ccc;width:312px;height:105px;margin:10px 0 20px 0;}