@charset "utf-8";
/*reset(초기화)*/
ul { list-style-type:none; }
img { border:0; }
body,h1,h2,h3,h4,h5,h6,p,ul,li { margin:0; padding:0; }
a { text-decoration:none; color:#000; }

/*base*/
body { font-size:12px; font-family: "나눔고딕","맑은 고딕","돋움"; color:#333; background:url(../images/bg.gif) repeat-x; }

/*layout*/
#wrap { margin:0 auto;  width:1210px; height:930px; position:relative; }
#side_left { width:200px; height:930px; background:#CFF; float:left; background:#323232; }
#side_right { width:1010px; height:930px; float:right; }
#visual { overflow:hidden; width:1010px; height:647px; background:#FFC; position:relative; }
#contents { width:1010px; height:203px; background:url(../images/cbg.gif) repeat-x; position:relative; }
#footer { width:1010px; height:80px; background:url(../images/fbg.gif) repeat-x; }

/*side_left*/
h1 { width:200px; height:90px; }
#hs { width:200px; height:41px; margin-top:23px; }
#hs li { float:left; }
#copyrigh { float:right; width:200px; height:71px; background:url(../images/copyrigh.gif); margin-top:260px; }
#gnb { width:99px; height:328; float:right; margin-top:52px; }
#gnb li { margin-bottom:54px; }

/*visual*/
#side_right #sm_gall { position:absolute; left:0; top:0px; width:6060px; height:647px; }
#side_right #sm_gall ul { float:left; width:3030px; height:647px; }
#side_right #sm_gall li { float:left; }/*이미지들을 가로배열*/

/*contents*/
#section01 { float:left; width:315px; height:161px; margin-top:42px; margin-left:20px; }
#section01 h2 { width:56px; height:18px; float:left; }
#section01 #st_1 { width:35px; height:14px; float:right; margin-top:4px;  }
#section01 #info { width:315px; height:130px; margin-top:31px; }
#section01 #info li { line-height:20px; letter-spacing:0.4px; cursor:pointer; }
#section01 #info .date { float:right; color:#7d7d7d; }
#section01 #info a { color:#7d7d7d; }
#section01 #info a:hover { color:#008bbe; }

#section02 { float:left; width:330px; height:161px; margin-top:42px; margin-left:50px; }
#section02 h2 { width:55px; height:18px; float:left; }
#section02 #st_1 { width:156px; height:116px; float:right; margin-top:18px;  }
#section02 #st_2 { width:124px; height:62px; float:left; margin-top:13px; }
#section02 #st_3 { width:66px; height:22px; float:left; margin-top:5px; }

#section03 { float:left; width:242px; height:161px; margin-top:42px; margin-left:40px; }

/*footer*/
#footer p { float:left; font-size:11px; color:#000; margin-left:51px; line-height:17px; letter-spacing:0.5px; margin-top:10px; }

#sub { display:none; width:120px; height:850px; background:url(../images/subbg.png) repeat-y; position:absolute; left:200px; }
#sub_1 { display:none; margin-top:225px; width:120px; height:90px; }
#sub_2 { display:none; margin-top:287px; width:120px; height:180px; }
#sub_3 { display:none; margin-top:378px; width:120px; height:120px; }
#sub_4 { display:none; margin-top:467px; width:120px; height:90px; }