@charset "utf-8";

section {height:950px; background:url("/layout/images/www/main/bg.jpg") repeat}
.container_wrap {width:1200px; margin:0 auto}

.top_group {width:100%; padding-top:50px; }
.top_group .main_vis {width:600px; height:400px; float:left;}
.main_vis ul.bxslider {margin: 0 auto; overflow: hidden; padding: 0; width:100%;}
.main_vis ul.bxslider li {margin:0;padding:0; font-size:0; float:left; width:100%; height:400px; color:#fff;}
.main_vis ul.bxslider li span{ display:block; text-indent:-9999px;}
.main_vis ul.bxslider li.roll01 { background:url("/layout/images/www/main/vis/main_vis_01.jpg") no-repeat scroll center 0;  }
.main_vis ul.bxslider li.roll02 { background:url("/layout/images/www/main/vis/main_vis_01.jpg") no-repeat scroll center 0;  }
.main_vis ul.bxslider li.roll03 { background:url("/layout/images/www/main/vis/main_vis_01.jpg") no-repeat scroll center 0; ; }

.main_vis .bx-pager{position:absolute;top:560px; left:410px; z-index:10;}
.main_vis .bx-pager > div{float:left; margin-right:5px}
.main_vis .bx-pager > div > a{ display:block; width:15px; height:15px; text-indent:-5000px; background:url("/layout/images/www/main/vis/avt.png") no-repeat;}
.main_vis .bx-pager > div > a.active{/* width:50px; */background:url("/layout/images/www/main/vis/avt_a.png") no-repeat;}

.top_group .main_link {width:580px; height:400px; float:left; margin-left:18px; background-color:#fff; border:1px solid #d1d1d1;}
.top_group .main_link ul.group {width:100%;}
.top_group .main_link ul.group li {float:left; width:290px; height:200px;}
.top_group .main_link ul.group li a {display:block; width:230px; height:139px; padding:30px;}
.top_group .main_link ul.group li a span {font-size:22px; color:#004199; display:block; margin-bottom:20px;}
.top_group .main_link ul.group li span.more {position:absolute; top:25px;; right:20px; display:block; text-indent:-5000px;} 
.top_group .main_link ul.group li.comit {background:url("/layout/images/www/main/ba01.png") no-repeat;}
.top_group .main_link ul.group li.comit:hover {background:url("/layout/images/www/main/ba01_on.png") no-repeat;}
.top_group .main_link ul.group li.business {background:url("/layout/images/www/main/ba02.png") no-repeat;}
.top_group .main_link ul.group li.business:hover {background:url("/layout/images/www/main/ba02_on.png") no-repeat;}
.top_group .main_link ul.group li.plan {background:url("/layout/images/www/main/ba03.png") no-repeat;}
.top_group .main_link ul.group li.plan:hover {background:url("/layout/images/www/main/ba03_on.png") no-repeat;}
.top_group .main_link ul.group li.counsel {background: #000 url("/layout/images/www/main/ba04.png") no-repeat 0px;}
.top_group .main_link ul.group li.counsel a {display:block; text-indent:-5000px;}
.top_group .main_link ul.group li.counsel:hover {background: #ffce54 url("/layout/images/www/main/ba04_hover.png") no-repeat 0px;}

.btm_group {width:100%; height:415px; background-color:#fff; border:1px solid #d1d1d1; margin-top:19px}
.btm_group .notice_board {float:left;width: 655px;padding: 35px;}
.btm_group ul.group {position:relative;padding:10px;}
.btm_group ul.group > li {float:left; background-color:#949494; height:45px; margin-right:2px; width:150px;}
.btm_group ul.group > li > a {display:block; width:150px; text-align:center; line-height:43px; color:#fff; font-size:18px; height:45px;}
.btm_group ul.group > li.on {background: url("/layout/images/www/main/main_sprite.png") no-repeat 0px -411px; height:51px; }
.btm_group ul.group > li.on > a {height:45px;}

/*공지사항*/
.btm_group ul.group > li.notice > ul {position:absolute; top:86px; width:95%;}
.btm_group ul.group > li.notice > ul >li:first-child {background:none; padding-left:0px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e4e4e4;}
.btm_group ul.group > li.notice > ul > li:first-child > a > span.title > span.new {background:url("/layout/images/www/common/board_new.png") no-repeat; display:inline-block; text-indent:-5000px; width:40px; margin-left:10px;}
.btm_group ul.group > li.notice > ul >li {background:url("/layout/images/www/main/bl_li.gif") no-repeat 0px 9px; padding-left:10px; margin-bottom:5px; width:100%;}
.btm_group ul.group > li.notice > ul > li > a > span.title {display:block; font-size:18px; color:#004199; margin-bottom:10px;}
.btm_group ul.group > li.notice > ul > li > a > span.new {display:inline-block;background:url("/layout/images/www/common/board_new.png") no-repeat; width:40px; text-indent:-5000px; margin-left:10px;}
.btm_group ul.group > li.notice > ul > li > span.date {float:right; color:#9a9a9a; font-size:14px;}
.btm_group ul.group > li.notice > ul > li > a:hover {text-decoration:underline;}

/*언론보도*/
.btm_group ul.group > li.press > ul {position:absolute;top: 96px;left:10px;width: 97%;}
.btm_group ul.group > li.press > ul > li {height: 130px;}
.btm_group ul.group > li.press > ul > li > a > img {width:200px; height:115px; float:left; margin-right:30px;}
.btm_group ul.group > li.press > ul > li > a > span.title {font-size:18px; color:#004199; margin-bottom:10px; display:block;}
.btm_group ul.group > li.press > ul > li > a > span.cont {/* line-height:25px; */font-size:14px;}
.btm_group ul.group > li.press > ul > li > a > span.date {display:none;}
.btm_group ul.group > li.press > ul > li > a:hover {text-decoration:underline;}

/*문서자료*/
.btm_group ul.group > li.paper > ul {position:absolute; top:100px; left:10px; width:97%;}
.btm_group ul.group > li.paper > ul >li {background:url("/layout/images/www/main/bl_li.gif") no-repeat 0px 9px; padding-left:10px; margin-bottom:5px;}
.btm_group ul.group > li.paper > ul > li > a > span.title {display:block; font-size:18px; color:#004199; margin-bottom:10px;}
.btm_group ul.group > li.paper > ul > li > a > span.new {display:inline-block;background:url("/layout/images/www/common/board_new.png") no-repeat; width:40px; text-indent:-5000px; margin-left:10px;}
.btm_group ul.group > li.paper > ul > li > span.date {float:right; color:#9a9a9a; font-size:14px;}
.btm_group ul.group > li.paper > ul > li > a:hover {text-decoration:underline;}



/*활동소식*/
.btm_group .gallery {float:left;border-left:1px solid #d1d1d1;height:319px;width: 374px;padding: 48px;position:relative;}
.btm_group .gallery h3 {font-size:22px; margin-top:-10px; margin-bottom:25px; background:url("/layout/images/www/main/gallery_title.png") no-repeat 85px 7px;}
.btm_group .gallery .photo_box {position:relative;}
.btm_group .gallery .photo_box img {width: 380px;height: 270px;display:block;border: 1px solid #e4e4e4;}
.btm_group .gallery .photo_box span {position:absolute;bottom:0;background-color:#004199;width: 380px;height:40px;color:#fff;text-align:center;line-height:36px;font-weight:300;}
.btm_group .gallery a.more {position:absolute; top:45px; right:45px; text-indent:-5000px; background: url("/layout/images/www/main/main_sprite.png") 1px -40px ; width:30px;height:30px; display:block;}