div.visual {overflow:hidden;width:697px;height:235px;background:#ffffff;}
div.visual ul {float:right;width:254px;margin-top:26px;padding:0 15px;}
div.visual ul li {padding:9px 0 13px 0;border-top:1px solid #f0f0f0;font-size:15px;line-height:18px;font-family:'Nanum Gothic';font-weight:bold;letter-spacing:-1px;}
div.visual ul li:first-child {padding-top:0;border:0;}
div.visual ul li a {color:#666666;}
div.visual ul li.on a, div.visual ul li a:hover {color:#ff7933;}
div.visual div {position:absolute;top:0;left:0;}

/**/
div.visual dl { float: left;width:100%;}
div.visual dl dt {display: none; width: 413px; height: 235px;float:left;}
div.visual dl dt.on { display: block; }
div.visual dl dd:first-child {padding-top:0;}
div.visual dl dd {float: right;width:254px;margin-right:15px;padding:14px 0 13px 0;border-top:1px solid #f0f0f0;font-size:15px;line-height:18px;font-family:'Nanum Gothic';font-weight:bold;letter-spacing:-1px;}
div.visual dl dd a:hover{  font-weight: bold; color:#ff7933; }
div.visual dl dd.on {  font-weight: bold; color:#ff7933; }
div.visual dl dd.on a{  font-weight: bold; color:#ff7933; }

ul.notice {overflow:hidden;float:left;width:383px;height:172px;padding:55px 15px 0 15px;background:#ffffff;position:relative;}
ul.notice li {float:left;}
ul.notice li h2 {padding-left:11px;background:url('/images/main/bl_notice.gif') no-repeat left 4px;font-size:16px;line-height:18px;font-family:'Nanum Gothic';position:absolute;top:20px;}
ul.notice li h2#tab1 {padding-left:0;background:none;}
ul.notice li h2#tab2 {left:95px;}
ul.notice li h2#tab3 {left:154px;}
ul.notice li h2#tab4 {left:244px;}
ul.notice li #tabscon1 {padding-top:15px;border-top:1px solid #e7e7e7;}
ul.notice li #tabscon2 {padding-top:15px;border-top:1px solid #e7e7e7;margin-top:0px;}
ul.notice li #tabscon3 {padding-top:15px;border-top:1px solid #e7e7e7;margin-top:0px;}
ul.notice li #tabscon4 {padding-top:15px;border-top:1px solid #e7e7e7;margin-top:0px;}
ul.notice li h2 a {color:#4a4a4a;}
ul.notice li h2 a:hover, ul.notice li h2 a:focus, ul.notice li h2 a:active, ul.notice li h2 a.onhover {color:#fe4444;text-decoration:none; }
ul.notice li div a.img-text {display:block;overflow:hidden;}
ul.notice li div a.img-text img {float:left}
ul.notice li div a.img-text span {float:left;width:273px;margin-left:24px;font-size:13px;line-height:18px;font-family:'Nanum Gothic';}
ul.notice li div a.img-text span strong {display:block;}
ul.notice li div a.img-text span em {display:block;margin-top:5px;}
ul.notice li div a.img-text div{float:left;width:258px;margin-left:24px;font-size:13px;line-height:18px;font-family:'Nanum Gothic';}
ul.notice li div a.img-text div strong {display:block;line-height: 12px}
ul.notice li div a.img-text div em {display:block;margin-top:5px;font-size: 12px;}
ul.notice li ul {width:372px;margin-top:9px;}
ul.notice li ul li {overflow:hidden;float:none;font-size:12px;line-height:20px;font-family:'Nanum Gothic';vertical-align:top;}
ul.notice li ul li a {float:left;color:#2b2b2b;}
ul.notice li ul li span {float:right;}
ul.notice li a.more {position:absolute;top:14px;right:23px;}
div.calendar {float:left;width:230px;height:209px;padding:18px 27px 0 27px;background:#5461b1;position:relative;}
div.calendar h2 {margin-bottom:9px;color:#ffffff;font-size:16px;line-height:18px;font-family:'Nanum Gothic';}
div.calendar div.yearsmonth {position:absolute;top:14px;right:20px;}
div.calendar div.yearsmonth div {width:113px;text-align:center;position:relative;}
div.calendar div.yearsmonth div strong {color:#ffffff;font-size:18px;line-height:28px;font-family:'Nanum Gothic';}
div.calendar div.yearsmonth div a.prev {position:absolute;top:9px;left:0;}
div.calendar div.yearsmonth div a.next {position:absolute;top:9px;right:0;}
div.calendar table {width:100%;color:#ffffff;font-size:12px;line-height:18px;font-family:'Nanum Gothic';}
div.calendar table th {padding-bottom:4px;}
div.calendar table td {padding:2px 0;text-align:center;}
div.calendar table td a {display:inline-block;color:#ffffff;width:22px;height:22px;}
div.calendar table .sun {color:#ffbeba;}
div.calendar table .type {color:#c1c0e9;}
div.calendar table td.bg {background:url('/images/main/bg_calendar.gif') no-repeat center 1px;}
div.calendar table td a div {z-index:2}
div.logout {width:263px;height:190px;position:relative;}
div.logout h2, div.login h2 {margin:0 16px;padding:17px 0 12px 0;border-bottom:1px solid #e7e7e7;color:#3d3d3d;font-size:17px;line-height:19px;font-family:'Nanum Gothic';}
div.logout a.btn {position:absolute;top:10px;right:20px;}
div.logout div.member {overflow:hidden;padding:5px 16px 0 16px;}
div.logout div.member span.user {float:left;margin-top:12px;color:#606060;font-size:13px;line-height:18px;font-family:'Nanum Gothic';}
div.logout div.member span.info {float:right;padding:11px 0 5px 36px;background:url('/images/common/icon/icon_mypage.gif') no-repeat 0 0;color:#2f2f2f;font-size:12px;line-height:18px;font-family:'Nanum Gothic';font-weight:bold;}
div.logout div.progress {margin-top:14px;padding:10px 0 15px 89px;background:#8d8d8d url('/images/common/icon/icon_audit.gif') no-repeat 26px 18px;color:#ffffff;font-size:12px;line-height:18px;font-family:'Nanum Gothic';}
div.logout div.progress strong {padding-left:8px;}
div.logout div.progress ul {margin-top:8px;}
div.logout div.progress ul li {padding-left:8px;background:url('/images/common/icon/bl_login.gif') no-repeat 0 8px;}
div.logout div.progress ul li a{color:#fff;}
div.login {width:263px;height:181px;background:url('/images/main/bg_dotline.gif') repeat-x 0 bottom;}
div.login div {overflow:hidden;padding:16px 16px 0 16px;}
div.login div ul {float:left;}
div.login div ul li {margin-top:5px;}
div.login div ul li:first-child {margin-top:0;}
div.login div a.btn {float:right;}
div.login ul.member-utill {overflow:hidden;margin:13px 0 0 16px;}
div.login ul.member-utill li {float:left;margin-left:14px;padding-left:15px;background:url('/images/common/icon/bl_join.gif') no-repeat 0 5px;font-size:12px;line-height:18px;font-family:'Nanum Gothic';}
div.login ul.member-utill li:first-child {margin-left:0;padding-left:0;background:none;}
div.file {width:227px;height:259px;padding:13px 18px 0 18px;position:relative;overflow:hidden;}
div.file h2 {padding-bottom:10px;border-bottom:1px solid #e7e7e7;color:#3d3d3d;font-size:17px;line-height:19px;font-family:'Nanum Gothic';}
#banner{overflow:hidden;height:250px;}
#banner .play{position:absolute;top:6px;right:18px;}
#banner .play ul{padding-top:0px;position:auto;} 
#banner .play ul li{float:left;width:auto;margin-left:5px;}
.view_num{overflow:hidden;padding-top:37px;position:relative;}
.view_num li{float:left;padding-left:10px;background:url('/images/main/bl_notice.gif') no-repeat left 4px;font-size:13px;line-height:18px;font-family:'Nanum Gothic';letter-spacing:-1px;position:absolute;top:11px;}
.view_num li a{color:#3d3d3d;font-weight:600;}
.view_num li.on a{color:#ff3838;text-decoration:none;}
.view_num li a:hover, .view_num li a:focus, .view_num li a:active, .view_num li a.onhover {color:#ff3838;text-decoration:none; }
.view_num li.tab1 {padding-left:0;background:none;left:0px;}
.view_num li.tab2 {left:49px;}
.view_num li.tab3 {left:128px;}
.view_num li.tab4 {left:169px;}
.img li{float:left;width:100%;}
.img li a.published{display:block;padding-top:0px;text-align:center;}
.img li a em{display:block;margin-top:13px;color:#3d3d3d;font-size:13px;line-height:18px;font-family:'Nanum Gothic';}

div.news {float:left;overflow:hidden;width:675px;height:261px;padding:26px 0 0 22px;background:#ffffff;}
.news div.organ {float:left;width:306px;margin-left:35px;position:relative;}
.news div.organ h2 {padding:8px 0 27px 35px;border-bottom:1px solid #e7e7e7;background:url('/images/common/icon/icon_news.gif') no-repeat 0 0;color:#3d3d3d;font-size:17px;line-height:19px;font-family:'Nanum Gothic';}
.news ul.list {margin-top:30px;}
.news ul.list li {overflow:hidden;margin-top:7px;font-size:12px;line-height:18px;font-family:'Nanum Gothic';vertical-align:top;}
.news ul.list li:first-child {margin-top:0;}
.news ul.list li a {float:left;letter-spacing:-1px;}
.news ul.list li span {float:right;}
.news div.organ a.more {position:absolute;top:0;right:0;}
.news div.member {float:left;width:316px;position:relative;}
.news div.member h2 {padding:8px 0 27px 45px;border-bottom:1px solid #e7e7e7;background:url('/images/common/icon/icon_news02.gif') no-repeat 0 5px;color:#3d3d3d;font-size:17px;line-height:19px;font-family:'Nanum Gothic';}
.news div.member a.more {position:absolute;top:0;right:0;}
div.banner {float:right;width:263px;height:230px;background:#4b8cb6;}
div.banner ul {overflow:hidden;width:100%;margin-top:-33px}
div.banner ul li {float:left;margin:52px 0 0 49px;text-align:center;font-size:0;line-height:0;vertical-align:top;}
ul.family-site {overflow:hidden;margin:10px 0 0 -2px;}
ul.family-site li {float:left;margin-left:2px;font-size:0;line-height:0;vertical-align:top;}

.progress_project{width:100%;padding-top:35px;text-align:center;}

/* 설문조사 */
.poll_area{background: #fff;float: right;height: 277px;padding-top: 10px;position: relative;text-align: center;width: 264px}
.poll_area h2{padding-top:5px;color:#3d3d3d;font-size:17px;line-height:19px;font-family:'Nanum Gothic';}
.poll_area a.more{position:absolute;top:15px;right:19px;}
.poll_area p{font-family:'Nanum Gothic';font-size:13px;color:#444;line-height:20px;height:60px;padding:35px 0 25px 0px;}
.poll_area ul{width:100%;}
.poll_area ul li{float:left;width:100%;font-size:12px;height:22px;font-family:'Nanum Gothic';line-height:22px;}
.poll_area ul li input{float:left;vertical-align:middle;margin:5px 3px 0px 0px;}
.poll_area ul li label{float:left;padding-left:3px;}
.poll_area .btn_area{width:100%;float:left;padding-top:15px;}
.poll_area .btn_area a.blue{float:left;display:inline-block;height:62px;line-height:62px;padding:0 22px;color:#fff;font-family:'Nanum Gothic';font-size:16px;background:#495a74;}
.poll_area .btn_area a.gray{float:right;display:inline-block;height:62px;line-height:62px;padding:0 22px;color:#fff;font-family:'Nanum Gothic';font-size:16px;background:#5e5e5e;}

/* 퀵메뉴 */
.quick{position:absolute;top:0px;right:-84px;width:74px;background:#495a74;line-height:0;}
.quick ul{padding:13px 0 0 12px;}
.quick ul li{float:left;margin-bottom:14px;}
.quick ul li.first{margin: -13px 0 10px -12px;}
.quick ul li.second{margin: -13px 0 16px -12px;}