@import url(common.css);

/*body,html {position: relative;}*/
body {width: 100%;height:100%;}


#wrapper   { width:100%; background: url('../images/menu_bg.gif') repeat-x left top; }
#main_wrap { width:100%; margin:0 auto; text-align:left;}


/* 메인컨텐츠 */
#main_content { width:1000px; margin:0 auto; position:relative; padding-top:15px;}

/* 메인이미지 */
#main_img_area { margin:0 auto; z-index:100 }


/* 메인이미지롤링 */
.center {position:relative; overflow:hidden; float:left; width:750px; height:374px; }
/*.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:750px; height:372px;  }

/*.center .m_banner li { float:left; width:750px; height:372px; background:#fff; }*/
.center .m_banner li {position:relative; float:left; width:750px; height:374px; background:#fff;}

.center .m_banner .txt_area { position:absolute; left:0; bottom:0; width:750px; height:115px; background:url(../images/main_img_bg.png) no-repeat 0 0; padding:5px 0 0 5px; }
.center .m_banner .txt { font-weight:bold; color:#fff; font-size:15px; line-height:180%; font-weight:bold; position:absolute; left:0; top:68px; width:730px; overflow:hidden;}
.center .m_banner .tit { font-weight:bold; color:#fff; font-size:35px; line-height:180%; font-weight:bold; position:absolute; left:35px; top:10px; width:730px; height:90px; overflow:hidden;}

.center .rolling {position: absolute; top:15px; right:15px; z-index:2000}
.center .rolling span {display: inline-block; vertical-align:top;}
.center .rolling span a {border:1px solid #fff; text-indent: -9999px;display:block;width:11px;height:11px;margin:0 2px;outline:0;
-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.center .rolling span a.on {background: #fff;}

.center .rolling .play a {background-position:-120px -27px;}
.center .rolling .stop a {background-position:-100px -27px;}

.center .l_btn {position:absolute; top:50%; left:10px; margin-top:-20px; z-index:10000 }
.center .r_btn {position:absolute; top:50%; right:10px; margin-top:-20px; z-index:10000 }
.center .l_btn, .center .r_btn img { cursor:hand; }

/* ------- 컨텐츠 영역 -------- */ 
#content_wrap { clear:both; width:1000px; margin:15px auto 50px; overflow:hidden;}
#section_01 { width:1000px; }
#banner_wrap ul li {position:relative;}
#banner_wrap .banner_txt { position:absolute; width:250px; height:52px; background:url(../images/banner_txt_bg.png) no-repeat left top; border:0px solid red; text-align:center; }
#banner_wrap .banner_txt .txt_t {color:#fff; font-weight:bold; font-size:14px; padding-top:15px;}
#banner_wrap .txt_sub {min-height:180px; border-right:1px solid #dcdcdc; }
#banner_wrap .txt_sub p {width:230px; padding-top:20px; padding-left:10px; line-height:160%;/*text-align:justify;*/}

/* ------- 배너 ------- */
#banner_wrap ul li { float:left }
#banner_wrap ul li p { width:250px; border:0px solid red; }



#section_02 { clear:both; width:1000px; height:124px;}
#btn_wrap {float:left;position:relative; top:0; left:0;width:100%;}
#btn_wrap .banner_txt {position:absolute;left:411px;top:72px; z-index:1000px;}
#btn_wrap p {color:#fff; font-size:20px;}










