* {padding:0;margin:0;}
body { overflow-y:scroll; /*background:#f3f0ee;*/ }
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:none;}

#wrap { width:100%; position:relative; background:url(../img/main_common/main_bg.jpg) no-repeat top center; }


/* gnb area */ 
#gnb_wrap { width:100%; height:41px;  /* background:#fbf7f5; border-bottom:1px solid #e3e3e3;*/  } 
#gnb { position:relative; width:1020px; height:41px;  margin:0 auto;  }

#gnb .tab { position:absolute; top:0px; right:0px; /* width:100% */}
#gnb .tab li {float:left;  }
#gnb .tab li a { display:block;  padding:15px 20px 0px 0px; font-size:11px; color:#d7d8dc; text-align:center;text-decoration:none;  /*background:#eee;*/}
#gnb .tab li.end a  { color:#ffffff; padding-right:0px; }

#gnb .tab li.sns { padding:0px; }
#gnb .tab li.sns a { padding:0px; }

#gnb .logo { position:absolute; left:0px; top:0px; /*margin:24px 748px 0px 0px;*/ }


/* top */
#toparea_wrap { width:100%; height:92px;  /* background:#fbf7f5; border-bottom:12px solid #d7d7d7; */ }
#toparea { position:relative; width:1020px; height:92px; margin:0 auto; /*background:#e7e8d9; margin-bottom:11px;*/}
#toparea .logo { position:absolute; left:0px; top:27px; /*margin:24px 748px 0px 0px;*/ }


/* navigation */
#nav { position:absolute; top:28px; right:0px;  width:750px; height:40px;  margin:0 auto; z-index:1000; /*  background:#d71815;  opacity:.8;filter:alpha(opacity=80) */ }
.menu a {float:left; color:#ffffff;  font-size:14px; font-weight:bold; text-decoration:none; width:150px; height:30px; padding-top:10px; }
.menu span {float:left; text-decoration:none; width:150px; height:40px; padding-top:10px;}
.menu a:hover { color:#fffff;}
.menu {list-style:none; font:16px Arial,Verdana; text-align:center; width:750px; margin:0 auto}
.menu li {position:relative; float:left; width:150px; z-index:1000;  /* border-right:1px solid #fff; padding-right:4px;*/ }
.menu li.fir {/*border-left:1px solid #fff;*/}
.menu ul {display:none; position:absolute;  top:40px; left:0px; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #dcdcdc; width:150px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none;  font-size:12px;  font-weight:normal;  display:block; color:#ffffff; background:#c6c6c6; width:150px; height:22px; padding-top:10px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#059fef; color:#fff; /* ¼­ºê¸Þ´º ¸¶¿ì½º ¿Â */ }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:40px; padding-top:5px }
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:normal; }
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {  font-size:14px; color:#ffffff; background:#c6c6c6;   /* 1Â÷ ¸Þ´º ¸¶¿ì½º ¿ÂÇßÀ»°æ¿ì ¹è°æÄ÷¯ */}
li.menuhover span, li.menuhover li.menuhover span {color:#763b22; background:#ea0606;  }
.end { padding-right:0px;}
/* navigation */




/* main visual */
#main_wrap { width:100%; height:247px; margin-top:0px; /* background:#fbf7f5 url(../img/main_common/main_bg.jpg) no-repeat top center;*/ }
#mainarea { position:relative; width:1020px; height:247px; /*background:url(../img/main_common/bg.jpg) no-repeat top center;*/ overflow:hidden; margin:0 auto; }
#mainrollingBImg {position:relative;margin:0; width:1000px; height:285px; overflow:hidden; margin:0 auto;  }
#mainrollingBImg ul li dl, #mainrollingBImg ul li dd{ width:1000px; height:285px;}
#mainrollingBImg ul li dl dt a{position:absolute; z-index:1;display:block; width:16px; height:16px; overflow:hidden; background:url(../img/main_common/bg_mainimg_icon.png) -2px top no-repeat;  text-indent:-10em;}
.btn1 a{left:12px; top:252px;}
.btn2 a{left:34px; top:252px;}
.btn3 a{left:976px; top:278px;}
#mainrollingBImg ul li dl dt a.iconOn{  background:url(../img/main_common/bg_mainimg_icon.png) -23px top no-repeat; }



/* mbs */
#mb_wrap { width:100%; height:213px; margin-top:68px; margin-bottom:69px;  /*border-top:1px solid #e0e0e0;*/  }
#mb_wrap ul { position:relative; width:1000px; height:213px; margin:0 auto;  }
#mb_wrap li { float:left; }
#mb_wrap li.pr19 { padding-right:19px; }
#mb_wrap li.pr18 { padding-right:18px; }




/* board, cs */
#img_wrap { width:1020px; height:149px; margin:0 auto; padding-top:35px; /*padding-bottom:42px;*/ }

#img_wrap .notice { float:left; width:202px; position:relative;  }
#img_wrap .notice h2 { font-size:15px; color:#000000; font-weight:bold; padding:0px; margin:0px;}
#img_wrap .notice div { padding-top:35px; }
#img_wrap .notice p { position:absolute; right:0px; top:-4px;}
.board_output td { width:200px;  }
#img_wrap .notice img { border:0px;}

#img_wrap .gallery { float:left; position:relative; padding-left:53px;  }
#img_wrap .gallery h2 { font-size:15px; color:#000000; font-weight:bold; padding:0px; margin:0px;}
#img_wrap .gallery p { position:absolute; right:4px; top:-4px; }


#img_wrap .cs { float:right; position:relative; }
#img_wrap .cs h2 { font-size:15px; color:#000000; font-weight:bold; padding:0px; margin:0px;}
#img_wrap .cs p { font-size:18px; color:#000; font-weight:bold; padding-top:42px;  }
#img_wrap .cs p.txt { font-size:14px; color:#6a6969; font-weight:normal; line-height:23px; padding-top:15px; }
#img_wrap .cs span { position:absolute; right:0px; top:-4px;}


/* gallery */
#gallery { position:relative; width:1020px; height:208px; margin:0 auto; }
#gallery p { position:absolute; right:0px; top:0px; }
#gallery div { margin-top:29px; }


#link_wrap { width:100%; height:336px; border-bottom:1px solid #eaeaea;  } 
#m_link { width:1020px; height:247px; margin:0 auto; clear:both; padding-top:62px; padding-bottom:0px; }
/* link */
.fixed_img_col ul{ width:1020px; overflow:hidden;position:relative;margin:0;padding:0; font-size:15px;font-family:'µ¸¿ò',dotum,sans-serif; list-style:none;*zoom:1}
.fixed_img_col ul:after{display:block;clear:both;content:""}
.fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:246px; height:247px; padding-right:12px;  /*border-bottom:1px solid #eee*/ }
.fixed_img_col li.end { padding-right:0px; }
.fixed_img_col .thumb {display:block;overflow:hidden;position:relative;width:246px; height:141px; background:#eee; color:#666;line-height:141px;text-align:center;white-space:nowrap}
.fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}

.fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:246px;height:141px;  font-size:16px; background:#0f394e;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.7;filter:alpha(opacity=70)}
.fixed_img_col .thumb em{_visibility:visible;width:246px;height:141px;_line-height:0px}

.fixed_img_col a{display:block;width:246px;margin:0 auto;padding:0px 0 0 0;text-decoration:none;cursor:pointer}
.fixed_img_col a strong{display:inline-block;margin:25px 0 10px 0; font-size:15px;color:#000000; font-weight:bold; }
.fixed_img_col p{width:247px;margin:0 auto;font-size:12px;color:#8c8c8c; line-height:18px; }
.fixed_img_col a:hover strong,
.fixed_img_col a:active strong,
.fixed_img_col a:focus strong{text-decoration:underline}
.fixed_img_col a:hover .thumb,
.fixed_img_col a:active .thumb,
.fixed_img_col a:focus .thumb{/*margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666*/  }
.fixed_img_col a:hover .thumb em,
.fixed_img_col a:active .thumb em,
.fixed_img_col a:focus .thumb em{visibility:visible;width:100%;height:auto}
/* //link */






/* footer */
#fn_wrap { clear:both; width:100%; height:168px; background:#0591da; margin-top:79px; /*border-top:1px solid #dbdbdb;*/ }
/* nav */
.bottom_footer {  clear:both; position:relative; width:1020px; height:168px;  margin:0 auto;  }
.bottom_footer ul { padding-left:0px; float:left; width:725px; margin-top:40px;  }
.bottom_footer ul a {color:#cce2f4; font-size:14px; text-decoration:none;}
.bottom_footer ul a:hover {color:#ffffff;}
.bottom_footer ul li {float:left; width:145px; }
.bottom_footer ul li ul { width:145px; margin-top:12px;}
.bottom_footer ul li li { float:none;width:145px;  padding:4px 0;}
.bottom_footer ul li li a {font-size:12px; color:#cce2f4;}
.footer_copy { float:right; width:253px; height:168px; border-left:1px solid #28a1df;  }
.footer_copy h2 { font-size:17px;  width:143px; height:21px; color:#ffffff; font-weight:normal; padding-top:40px; padding-bottom:0px; padding-left:50px; }
.footer_copy ul {   width:143px; margin-top:29px; margin-left:50px; }
.footer_copy .fu { float:left; width:41px; padding-right:10px;  }
.footer_copy p.cs { font-size:18px; color:#ffffff; font-weight:bold; padding-top:11px;padding-left:3px; margin-top:7px; width:195px; height:22px; background:#84b035; margin-left:50px; }
.footer_copy p.txt { font-size:13px; color:#6a6969; font-weight:normal; line-height:18px; padding-top:8px; padding-left:50px; }
.footer_copy span { position:absolute; right:0px; top:0px;}

.footer_copy li.end { padding-right:0px; } 

#footerw { width:100%; height:86px; background:#5c5c5c; /*border-top:1px solid #e2e2e2;  margin-top:60px;*/ }
#footer  { position:relative; width:1020px; height:86px; margin:0 auto; padding-top:0px;  /*background:#2d2928;*/ }
.footer_comm {width:100%;padding:26px 0 0 0px; font-size:12px;line-height:18px;font-family:'µ¸¿ò',dotum,sans-serif;text-align:center; clear:both;color:#d7d7d7; }
.footer_comm .link_info {font-weight:normal; color:#878686}
.footer_comm .txt_copyright {padding-top:2px;font-size:11px;font-style:normal;color:#a1a1a1}
.footer_comm span.name { color:#ffffff; }
#footer .info { position:absolute; top:23px; right:0px; }