/****************************서브 레이아웃 ****************************/
body{width:100%;}
.box:before,
.box:aftre {content:''; display:block; clear:both;}

/*메인 레이아웃*/
#main_bg{width:100%; background:url(../images/main/main_bg.jpg) no-repeat center top; height:750px;}
#main_visual{width:100%;}
#main_contents{width:1000px; margin:0 auto;}

table.m_board_list{width:100%;}
table.m_board_list th{text-align:left; vertical-align:top;}
table.m_board_list td{background:url(../images/main/m_arrow.gif) no-repeat 6px 6px; padding:0 0 0 15px; line-height:20px;}
table.m_board_list td.date{background:none; text-align:right; width:65px;}
table.m_board_list td a:link, table.m_board_list td a:visited{color:#666666; text-decoration:none; }
table.m_board_list td a:hover, table.m_board_list td a:active{color:#4c88cd; text-decoration:underline; }

table.m_gallery_list{width:100%;}
table.m_gallery_list th{text-align:left; vertical-align:top;}
table.m_gallery_list td{}
table.m_gallery_list td div{width:98px; float:left;}
table.m_gallery_list td div p{text-align:center; padding:5px;}
table.m_gallery_list td div p a:link, table.m_gallery_list td div p a:visited{color:#666666; text-decoration:none; }
table.m_gallery_list td div p a:hover, table.m_gallery_list td div p a:active{color:#666666; text-decoration:underline; }


/*서브 레이아웃*/
#sub_bg{width:100%; background:url(../images/include/sub_bg.jpg) no-repeat center top;}
#sub_visual{width:100%;}
#sub_contents_wrap{width:1000px; margin:0 auto 45px auto;}

table.sub_contents{}


/*하단 레이아웃*/
#bottom_wrap{width:100%;}
#bottom_wrap table.bottom_cooper{width:100%; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; background:#fafafa; text-align:center;}

#footer_banner{width:1000px; margin:0 auto; padding:8px 0 8px 0;}
#footer_banner ul li{padding:0 25px 0 0;}
#footer_banner img{font:0/0 arial;}


/*서브 상단메뉴,서브 왼쪽메뉴, 타이틀(플래시의 id값)*/
#sub_top_menu{}
#leftmenuDiv{}
#sub_title{float:right;}



/*퀵 메뉴(고정 퀵메뉴)*/
#quick_fix{ position:fixed; margin:60px 0 0 10px; }
#quick_fix{	_position: absolute; _top: expression(((document.compatMode && document.compatMode=="CSS1Compat")?documentElement.scrollTop:document.body.scrollTop)+120+"px");} /*ie6에서 퀵메뉴 고정*/




/**************************** 플래시제거 작업 ****************************/

/**************************** HEAD ****************************/
.head {width:1000px; margin:0 auto; height:310px; }
#main_bg .head {height:225px;}
.head-top {height:57px; position:relative;}
.head-top h1 {display:block; position:absolute; left:25px; top:15px;}
.head-top h1 a {}
.head-top h1 a img {}
.head-top ul {position:absolute; right:0; top:0; top:32px;}
.head-top ul li {float:left;}
.head-top ul li+li {margin-left:10px;}
.head-top ul li a {}


/**************************** GNB ****************************/
.gnb {height:32px; position:relative; z-index:9; background:url(../images/common/gnb_bg.png)center no-repeat; /* box-shadow:0 5px 5px rgba(0,0,0,.2);*/}
.gnb>ul {font-size:0; text-align:center; padding:0 75px;}
.gnb>ul>li {width:20%; display:inline-block; font-size:16px; position:relative; }
.gnb>ul>li>a {display:block; width:100%; height:32px; background:url(../images/common/gnb_01-off.png)center no-repeat;}
.gnb>ul>li.on>a {background-image:url(../images/common/gnb_01-on.png);}
.gnb>ul>li:nth-child(2)>a {background-image:url(../images/common/gnb_02-off.png);}
.gnb>ul>li:nth-child(2).on>a {background-image:url(../images/common/gnb_02-on.png);}
.gnb>ul>li:nth-child(3)>a {background-image:url(../images/common/gnb_03-off.png);}
.gnb>ul>li:nth-child(3).on>a {background-image:url(../images/common/gnb_03-on.png);}
.gnb>ul>li:nth-child(4)>a {background-image:url(../images/common/gnb_04-off.png);}
.gnb>ul>li:nth-child(4).on>a {background-image:url(../images/common/gnb_04-on.png);}
.gnb>ul>li:nth-child(5)>a {background-image:url(../images/common/gnb_05-off.png);}
.gnb>ul>li:nth-child(5).on>a {background-image:url(../images/common/gnb_05-on.png);}
.gnb>ul>li>a img {vertical-align:middle;}
.gnb>ul>li>ul {width:600px; position:absolute; left:45px; top:32px; display:none; overflow:hidden;}
.gnb>ul>li>ul {padding:7px 10px; background:#fff; border:2px solid #4b87cd; border-top:0; border-radius:0 0 5px 5px;}
.gnb>ul>li.on>ul {display:block;}
/* .gnb>ul>li:first-child>ul {display:block;} */
.gnb>ul>li>ul li {float:left; padding:0 10px;}
.gnb>ul>li>ul li a {font-size:11px; font-weight:bold;}
.gnb>ul>li>ul li:hover a,
.gnb>ul>li>ul li.on a {color:#4c88cd;}

.gnb>ul>li:nth-child(1)>ul {width:430px;}
.gnb>ul>li:nth-child(2)>ul {width:475px;}
.gnb>ul>li:nth-child(3)>ul {width:150px;}
.gnb>ul>li:nth-child(4)>ul {width:320px;}
.gnb>ul>li:nth-child(5)>ul {width:57px;}

/**************************** HEAD-TEXT ****************************/
.head-text {padding:55px 0 0 500px;}
.head-text img {width:420px;}
#main_bg .head-text {padding:70px 0 0 100px;}
#main_bg .head-text img {width:auto;}

/**************************** 왼쪽메뉴 ****************************/
.leftMenu {}
.leftMenu h2 {position:relative; font-size:16px; color:#000; padding-left:8px; font-weight:bold;}
.leftMenu h2:before {content:''; display:block; width:4px; height:13px; background:#98cb4b; position:absolute; left:0; top:2px; border-radius:25px;}
.leftMenu img {margin-top:11px;}
.leftMenu ul {padding-bottom:35px;}
.leftMenu ul li {width:180px; border-radius:5px; overflow:hidden;}
.leftMenu ul li+li {margin-top:1px;}
.leftMenu ul li a {display:block; background:#4c88cd; color:#fff;}
.leftMenu ul li a {padding:11px 20px; font-weight:bold;}
.leftMenu ul li a:hover,
.leftMenu ul li.on a {background:#80bc32 url(../images/common/left_arrow.png)10px 49% no-repeat;}

/**************************** 서브타이틀 ****************************/
.subTitle {position:relative; width:100%;}
.subTitle h3 {font-size:18px;  font-weight:bold; color:#5796e1;}
.subTitle ul {position:absolute; right:0; bottom:0; overflow:hidden;}
.subTitle ul li {float:left; padding-left:7px; margin-left:4px; font-size:11px; color:#999;}
.subTitle ul li+li {background:url(../images/common/title_arrow.jpg)left center no-repeat}
.subTitle ul li a {color:#999 !important;}


/**************************** 메인 슬라이드 ****************************/
.main-slide {height:175px; width:100%;}
.main-slide p {padding-bottom:5px; padding-left:20px;}
.main-slide .slider {position:relative; overflow:hidden; width:100%; height:124px;}

.main-slide .slider ul {}
.main-slide .slider li {position:absolute; top:40px; left:100%; width:100%;text-align:center;}
.main-slide .slider li:first-child {left:0;}
.main-slide .slider img {}
.main-slide .slider dl {display:inline-block; vertical-align:top;}
.main-slide .slider dt {font-size:12px; color:#000; font-weight:bold;}
.main-slide .slider dd {font-size:10px; }

.main-slide .slider .sliderPage {font-size:6px; padding:3px 0; color:#fff; padding-left:40px; background:url(../images/main/page_bg.jpg)center /100% no-repeat;}
.main-slide .slider .sliderPage a {font-size:12px; margin:0 10px; color:#fff; display:inline-block; width:15px; height:15px; border-radius:50%; line-height:15px; text-align:center;}
.main-slide .slider .sliderPage a.on {color:#71ab23; background:#fff;}
.main-slide .slider .sliderButton {position:absolute; top:65px; left:0; width:100%;}
.main-slide .slider .sliderButton a {position:absolute; top:0;}
.main-slide .slider .sliderButton a.bNext {right:0;}
.main-slide .slider .sliderButton a.bPrev {left:0;}






/**************************** //END 플래시제거 작업 ****************************/



