@import url(/css/common.css);

/*body,html {position: relative;}*/
body {width: 100%;height:100%;}


#wrapper   { width:100%; background: url('/images/top_bg.gif') repeat-x left top; }
#main_wrap { width:1100px; margin:0 auto; text-align:left;}


/* 메인컨텐츠 */
#main_content { width:1100px; margin:0 auto; position:relative; padding-top:23px;}

/* 메인이미지 */
#main_img_area { margin:0 auto;  z-index:100 }


/* 메인이미지롤링 */
.center {position:relative; overflow:hidden; float:left; width:1100px; height:375px; }
/*.center .m_banner { overflow:hidden; }
.center .m_banner ul { width:3140px; zoom:1;}
.center .m_banner ul:after { clear: both; display:block; visibility: hidden; content:' ';}
.center .m_banner ul li { float: left; width:750px; }
.center .m_banner ul li img { width:750px; height:372px;}*/
.center .m_banner { position:absolute; top:0; left:0; width:1100px; height:375px;  }

.center .m_banner li {position:relative; float:left; width:1100px; height:375px; background:#fff; }


.center .rolling {position: absolute; top:25px; right:15px; z-index:2000}
.center .rolling span {display: inline-block; vertical-align:top;}
.center .rolling span a {background: #4b4b4b;text-indent: -9999px;display:block;width:12px;height:12px;margin:0 3px;outline:0;
-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.center .rolling span a.on {background: #66a439;}

.center .rolling .play a {background-position:-120px -27px;}
.center .rolling .stop a {background-position:-100px -27px;}

.center .l_btn {position:absolute; top:50%; left:0px; margin-top:-20px; z-index:190 }
.center .r_btn {position:absolute; top:50%; right:0px; margin-top:-20px; z-index:190 }
.center .l_btn, .center .r_btn img { cursor:hand; }

/* ------- 컨텐츠 영역 -------- */ 
#content_wrap { clear:both;  overflow:hidden; width:1100px;   padding: 23px 0;   overflow:hidden;  border:0px solid red; }

#section_01 { clear:both;  overflow:hidden; width:1100px;  border:0px solid red;}
#section_01 dl { padding:30px; }
#section_01 dl dt {color:#fff; font-size:13px; font-weight:bold; padding-bottom:10px;}
#section_01 dl dd  a {color:#fff; }
#com_txt1  {float:left;  width:550px;   height:168px;  background:#8ec8be; }
#com_txt2  {float:left;  width:550px;   height:168px;  background:#47645f;}


#section_02 { clear:both; width:1100px; overflow:hidden; padding:60px 0 35px 0;}
#section_02 .tit {text-align:center;}
#section_02  dt {font-size:26px; font-weight:bold;}
#section_02  dd {font-size:11px; padding:15px 45px 30px  45px;}
#banner_wrap {  padding:0  45px;}
#banner_wrap ul li { float:left;}
#banner_wrap ul li.txt { float:left; width:250px; height:218px; border:1px solid #e7ded3; }
#banner_wrap ul li.txt p {float:left;  width:200px; padding:30px 25px;  color:#b0b0b0;}
#banner_wrap ul li.txt span {font-size:20px; font-weight:bold; color:#747474;}

/* ------- 배너 ------- */
#banner_wrap ul li { float:left }
#banner_wrap ul li p { width:250px; border:0px solid red; }






/* ------- 관련사이트 ------- 
.related_wrap { clear:both; width:1100px; margin:30px auto; height:70px; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9 }
.related_wrap div { float:left; }
.related_tit { padding:23px 5px 0 0 }
.related_wrap .related { float:right;width:900px;height:50px;padding-top:13px;overflow:hidden;position:relative; }

#bannerPre  {position:absolute;left:0;top:25px;cursor:pointer;}
#bannerNext {position:absolute;right:0;top:25px;cursor:pointer;}

#banner_bar {list-style:none;width:750px;position:absolute;left:25px;}
#banner_bar li {float:left;width:215px;height:50px;vertical-align:top;}
#banner_bar li img {border:1px solid #f0f0f0;}*/