@charset "utf-8";

/* 
html5에서는 cellpadding="0" cellspacing="0"이 지원되지않아 border-spacing:0; padding:0;으로 대체한다.
cellpadding : 셀 안의 내용과 셀 경계선 사이의 간격
cellspacing : 셀과 셀 사이의 간격
*/

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0;}

*{margin:0; padding:0;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif; src:url('../font/NanumGothic.eot'); font-weight:normal;}

img, li{list-style:none;}
#wra {width:100%;height:100% !important ;background:url('../img/bg.png'); }
#wrapper {position:relative; width:1400px !important; height:1080px;margin:0 auto; z-index:10000; }

/* header */
#header {clear:both;position:absolute;  width:220px; height:1050px;z-index:10000; margin:0 auto;background:#fff; }
#head {position:absolute; width:220px; height:100%; margin:0 auto; }
#logo {float:right; padding:70px 0; width:180px; }
.gnb {width:119px;height: 580px;padding-left:40px}
.gnb ul{width:119px;height: 580px;display:block } 
.gnb ul li {height:18px;width:119px;float:left; margin:18px 0 } 
#footer {}
#foot {width:172px; margin: 0 auto; padding-top:80px}
#admin_btn {background: #cbc9c2;margin: 15px 0 0 25px;color: #fff;font-size: 10px;border: 1px solid #eae9e6;font-weight: 900;padding: 3px;width:30px;}

/* main */
 #visual_container {width:1180px; height:534px; float:right; padding-top:20px;position:relative;  }
#visual {*zoom:1; position:relative; width:100%; height:534px; z-index:98;}
#visual:after {content:" "; display:block; clear:both; }
#visual #slider {width:1180px; height:534px; overflow:hidden; position:relative; margin:0 auto;}
#visual #slider ul {position:absolute; top:0; }
#visual #slider ul li {float:left;  width:1180px; height:534px; margin:0 auto;}



/* index */
#contents {position:relative; width:1180px; float:right; clear:both; }
#top {position:relative; width:1180px; height:268px; padding-top:14px}
#top div{float: left; }
.con2{margin-left:12px ; background:url('../img/con2.png'); width:286px; height:268px}
.con2 ul {padding: 70px 0 0 35px}
.con2 ul li {margin:10px 0}
.con3{margin-left:12px}
.con5{margin-left:12px;width: 282px;}
.con6{margin-left:12px; background:url('../img/con4.png'); width: 282px;height: 203px;}

#bot {position:relative; width:1180px; height:203px;padding-top:14px;padding-bottom:14px}
#bot ul li {float:left;border:1px solid #eee}
.con4 {background:url('../img/notice.png');}
.con5 { background:url('../img/event.png');}



/* sub */
#container {*zoom:1;position:relative; width:1180px; margin-top:14px;float:right; clear:both;background:#fff }
#container:after {content:" "; display:block; clear:both;}
#content {width:1180px; margin:15px 0 ;position:relative; display:block; }
#sub_title {position:relative; width:1180px; height:200px;;}
#sub_title .title {padding-top:60px;width:200px; height:85px; margin:0 auto; }
#sub_title .path { text-align:center; font-size:12px; color:#474747;padding-top:10px}
#sub_title .path strong {font-weight:900}
#con_area {width:900px; position:relative; margin:0 auto;padding-top:20px}
.menu {height:63px}
.menu ul li {float:left}
.content div {width:880px; position:relative; }