@charset "utf-8";
/* CSS Document */
body {}
#Cover {width:100%; position:relative; background:#f1f1f1 url(../img/template1/body_bg.gif) repeat-x 0 0 !important;}
/*
.cbp-spmenu {background:#f1f1f1; position:fixed;}
.cbp-spmenu h2 {color:#d7d7d7; font-size:1.9em; padding:20px; margin:0; background:#1d3e69;}
.cbp-spmenu h2 .today_work {display:block; margin-top:20px; padding:10px; font-size:14px; text-align:center; color:#fff; border:1px solid #6fc2f4;}
.cbp-spmenu h2 .today_work:hover {background:#2da7f0;}
.cbp-spmenu .article {height:calc(100% - 130px); overflow-y:auto;}
.cbp-spmenu .article > a {display:block; border-bottom:1px solid #d7d7d7; padding:1em; color:#666; font-size:14px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cbp-spmenu .article > a:hover {color:#fff; background:#636363;}
.cbp-spmenu-vertical {width:240px; height:100%; top:0; border-right:1px solid #999; z-index:1200;}

/* Vertical menu that slides from the left or right
.cbp-spmenu-left {left:-240px;}
.cbp-spmenu-right {right:-240px; display:none;}
.cbp-spmenu-left.cbp-spmenu-open {left:0px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}

/* Horizontal menu that slides from the top or bottom 
.cbp-spmenu-top {top:-150px;}
.cbp-spmenu-bottom {bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}

/* Push classes applied to the body 
.cbp-spmenu-push { position:relative; left:0;}
.cbp-spmenu-push-toright {left:240px;}
.cbp-spmenu-push-toleft {left:0;}

/* Transitions 
.cbp-spmenu, .cbp-spmenu-push {background:#f1f1f1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}

#showLeft {position:absolute; top:150px; left:240px; width:100px; height:80px; font-size:14px; font-weight:500; color:#fff; border:none; background:#e6534a;}
#showLeft span {display:inline-block;}
#showRightPush {display:none;}


#todayList {position:relative; clear:both; width:calc(100% - 20px); padding:60px 10px; background:#fff;}
#todayList a.bx-prev {position:absolute; top:20px; left:10px; width:calc(100% - 20px); padding:8px 0; font-size:14px; color:#fff; text-align:center; background:#5A738E; z-index:1;}
#todayList a.bx-next {position:absolute; bottom:20px; left:10px; width:calc(100% - 20px); padding:8px 0; font-size:14px; color:#fff; text-align:center; background:#5A738E; z-index:1;}
#todayList ul.bxslider {margin-bottom:40px; overflow:hidden;}
#todayList ul.bxslider span.dateBar {display:inline-block; float:left; width:5px; height:64px; margin-right:5px; padding:5px 0;}
#todayList ul.bxslider ul.listNum {margin-left:10px; padding:5px 0; overflow:hidden; border-bottom:1px solid #d7d7d7;}
#todayList ul.bxslider ul.listNum li {height:20px; line-height:20px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#todayList ul.bxslider ul.listNum li h3 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#todayList ul.bxslider ul.listNum li span {padding-right:5px;}
#todayList ul.bxslider ul.listNum li a {vertical-align:top;}
*/
/* 상단 헤더부분 CSS */
#header {position:absolute; width:100%; background:#fff; z-index:999;}
#loginForm {display:inline-block; vertical-align:middle;}
#header div.class_sbox {display:inline-block; width:194px; height:30px; color:#666 !important; margin-left:10px; line-height:30px; vertical-align:middle;}
#header div.class_sbox select {width:130px;}
#header div.class_sbox a {color:#666 !important;}

#header div.topCover {position:relative; width:1200px; margin:0 auto; padding:8px 0 6px 0;}
#header div.topCover h1 {display:inline-block; width:199px; vertical-align:middle;}
#header div.topCover h1 img {width:100%;}
#header div.topCover div.login {position:relative; display:inline-block; margin-left:80px; vertical-align:middle;}
#header div.topCover div.login p {float:left; margin-right:5px; line-height:18px; font-weight:normal; color:#696f76;}
#header div.topCover div.login p.photo {width:44px; height:44px; margin-top:-8px; margin-right:10px;}
#header div.topCover div.login p.photo img {width:100%; height:100%; border:1px solid #d9d9d9;}
#header div.topCover div.login p span {color:#000; font-weight:500;}
#header div.topCover div.login ul.user_box {float:left;}
#header div.topCover div.login ul.user_box li {float:left; width:154px; margin-right:5px;}
#header div.topCover div.login #loginForm #id {width:100%; height:28px; line-height:28px; padding-left:35px; border:none; background:url(../img/template1/login_id.png) no-repeat;}
#header div.topCover div.login #loginForm #pw {width:100%; height:28px; line-height:28px; padding-left:35px; border:none; background:url(../img/template1/login_pw.png) no-repeat;}
#header div.topCover div.login #loginForm .loginBtn {display:block; text-align:center; color:#fff; padding:5px 10px; border-radius:2px; background:#f34c42;}

#header div.topCover div.login ul.member {float:left;}
#header div.topCover div.login ul.member li {display:inline-block; padding:5px 10px; border-radius:2px; background:#286090;}
#header div.topCover div.login ul.member li a {display:block; color:#f9feff;}
#header div.topCover div.login ul.member li.find {background:url(../img/template1/icon_arrow_2.png) no-repeat right 10px; }
#header div.topCover div.login ul.member li.find a {color:#696f76;}
#header div.topCover div.login ul.member li.find a:hover {text-decoration:underline;}
#header div.topCover div.login ul.message {float:left; line-height:22px; overflow:hidden;}
#header div.topCover div.login ul.message li {float:left; padding:3px 6px 0 8px; text-align:center;}
#header div.topCover div.login ul.message li a {display:block; color:#222;}
#header div.topCover div.login ul.message li span {display:inline-block; width:16px !important; height:16px !important; line-height:18px !important;}
#header ul.util {float:right; margin-top:15px;}
#header ul.util li {display:inline-block; padding:0 4px;}
#header ul.util li a {font-weight:500; color:#999;}
#header ul.util li a:hover {color:#333;}
#header ul.util li:first-child a:before {display:none;}
#header ul.util li a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 10px 0 0; background:#cdcdcd;}

#header #gnb {height:50px; background:#2995d2; overflow:hidden;}
#header #gnb .gnbList {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
#header #gnb .gnbList:after {clear:both; display:block; content:''; *zoom:1;}
#header #gnb .gnbList > li {float:left; text-align:center;}
#header #gnb .gnbList > li:hover a {padding-bottom:0px; cursor:pointer;}
#header #gnb .gnbList > li:hover .twoDep {margin:0;}
#header #gnb .gnbList li > a {position:relative; display:block; font-size:16px; font-weight:500; color:#fff; overflow:hidden;}
#header #gnb .gnbList li a span {display:block; width:100%; padding:13px 0 14px 0;}
#header #gnb .gnbList .twoDep {height:270px; margin-top:0px; display:block;}
#header #gnb .gnbList .twoDep ul {height:250px; padding:10px 0 0 20px; border-left:1px solid #57b7ee;}
#header #gnb .gnbList .twoDep ul.first {border-left:none;}
#header #gnb .gnbList .twoDep ul li {margin-bottom:12px;}
#header #gnb .gnbList .twoDep ul li a {height:auto; font-size:13px; color:#f1f1f1; text-align:left; padding:0; white-space:nowrap; font-weight:normal;}
#header #gnb .gnbList .twoDep ul li a:hover {color:#ffff66;}

#container {padding-top:124px;}
#container:after {content:''; display:block; height:0; clear:both;}
/* 왼쪽 Aside 영역 */
#aside {float:left; width:200px; padding:25px 20px 0 0; height:100%;}
#aside .lm-tit {height:110px; text-align:center; background:url(../img/template1/lnb_title_bg.gif) no-repeat;}
#aside .lm-tit h2 {padding-top:20px; font-size:24px; font-weight:500; line-height:42px; color:#fff;}
#aside .lm-tit span.txt {display:block; font-size:13px; color:#bbcfee;}
#aside ul.lnb li {padding:16px 0; font-size:15px; font-weight:500; border-bottom:1px solid #d7d7d7;}
#aside ul.lnb li:hover {background:#f1f1f1;}
#aside ul.lnb li a {display:block; color:#333; text-indent:20px;}
#aside ul.lnb li.over {background:url(../img/template1/lnb_over_arrow.gif) left 12px no-repeat; background-size:30px;}
#aside ul.lnb li.over a {text-indent:40px; color:#0288bd;}


#aside #todayList {position:relative; clear:both; width:100%; padding-top:30px;}
#aside #todayList h2 {width: calc(100% - 20px); margin-left:10px; padding: 10px 0 8px 4px; font-size:16px; color:#2a41a4; border-bottom: 1px solid #c8c8c8;}
#aside #todayList a.bx-prev {position:absolute;top:47px; left:154px; width:16px; height:16px; text-indent:-9999px; background:url(../common/btn_prev.png) no-repeat; z-index:1;}
#aside #todayList a.bx-next {position:absolute;top:47px; right:10px; width:16px; height:16px; text-indent:-9999px; background:url(../common/btn_next.png) no-repeat; z-index:1;}
#aside #todayList ul.bxslider {margin-bottom:40px; background:#fff; overflow:hidden;}
#aside #todayList ul.bxslider ul.listNum {/*float:left; */width:184px; height:60px; margin:0 10px; padding:5px 0; overflow:hidden; border-bottom:1px solid #ebebeb;}
#aside #todayList ul.bxslider ul.listNum li {float:left; width:120px; height:20px; line-height:20px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#aside #todayList ul.bxslider ul.listNum li:nth-child(3) {display:inline-block;}
#aside #todayList ul.bxslider ul.listNum li.dateBar {width:5px; height:60px; margin-right:5px;}
#aside #todayList ul.bxslider ul.listNum li h3, h4, h5 {text-overflow:ellipsis; overflow:hidden;}
#aside #todayList ul.bxslider ul.listNum li span {padding-right:5px;}
#aside ul.lnb li .threeDep {padding-top:10px;}
#aside ul.lnb li .threeDep ul li {padding:4px 0; font-size:15px; font-weight:500; border-bottom:none;}
#aside ul.lnb li .threeDep ul li a {color:#555;}
#aside ul.lnb li .threeDep ul li.over{background:#fff;}
#aside ul.lnb li .threeDep ul li.over a {text-indent:40px; color:#0288bd;}

/* 메인 롤링 이미지 */
.mainvisual {position:relative;}
.mainvisual .cycle-slideshow {text-align:center; height:440px; overflow:hidden;}
.mainvisual .cycle-slideshow .slide {text-align:center; width:100%; height:440px; }
.mainvisual .pagerWrap {position:absolute; left:50%; top:288px; margin-left:-490px; width:980px; z-index:201; text-align:center;}
.mainvisual .pagerWrap #adv-custom-pager {display:inline-block;}
.mainvisual .pagerWrap #adv-custom-pager a{display:inline-block;width:18px;height:18px;margin-left:4px;background:url(../img/template_common/bg_pagerOff.png) 0 0 no-repeat; background-size:cover;}
.mainvisual .pagerWrap #adv-custom-pager a.cycle-pager-active{width:52px;background:url(../img/template_common/bg_pagerOn.png) 0 0 no-repeat; background-size:cover;}
.mainvisual .pagerWrap button {display:inline-block;width:18px;height:18px;vertical-align:top;border:none; font-size:0;line-height:0;text-indent:-999px;}
.mainvisual .pagerWrap .btnStop {background:url(../img/template_common/btn_stop.png) 0 0 no-repeat; background-size:cover;}
.mainvisual .pagerWrap .btnPlay {background:url(../img/template_common/btn_play.png) 0 0 no-repeat; background-size:cover;}
.mainvisual .contentBox {position:absolute; top:120px; left:50%; width:400px; text-align:center; margin-left:160px; padding:20px 20px 25px 20px; background:rgba(0,0,0,0.4); z-index:200;}
.mainvisual  .textBox {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.mainvisual  .textBox span {font-size:34px; color:rgba(255,255,255,0.85); letter-spacing:-1px;}
.mainvisual  .textBox strong {display:block; margin-top:4px; color:#87f4ff; font-size:23px; font-weight:500; letter-spacing:-1px;}
.mainvisual  .textBox p {margin-top:0px; color:#fff; font-size:17px; font-weight:400; letter-spacing:-1px;}


/* 내용 컨텐츠 CSS */
#mainContent {position:relative; width:1140px; margin:0 auto; margin-top:-100px; padding:30px; background:#fff; z-index:998;}
#mainContent div.conFirst {border-bottom:0px solid #d6d6d6;}
#mainContent div.conFirst:after {clear:both; display:block; content:'';}
#mainContent div.conSecond {clear:both; padding-top:30px; overflow:hidden;}
#mainContent div.conThird {clear:both; margin-top:-1px; padding-bottom:30px; overflow:hidden;}
#bodyContent {position:relative; float:left; width:935px; min-height:680px; padding:25px 0 50px 20px; border-left:1px solid #d7d7d7; box-sizing:border-box;}

/* 메인 최근게시물 */
#mainContent div.boardList {float:left; width:336px; position:relative; overflow:hidden;}
#mainContent div.boardList ul.boardTab {height:31px; line-height:30px; border-bottom:1px solid #d6d6d6;}
#mainContent div.boardList ul.boardTab li {display:inline; float:left; width:110px; margin-top:0px; margin-right:-1px; font-size:14px; border:1px solid #bbbbbb; background:#efefef;}
#mainContent div.boardList ul.boardTab li a {display:block; font-weight:500; text-align:center; color:#6d6d6d;}
#mainContent div.boardList ul.boardTab li.select {border:1px solid #2e97d3; height:30px; line-height:30px; background:#2e97d3;} 
#mainContent div.boardList ul.boardTab li.select a {color:#fff;}
#mainContent div.boardList p {float:right; margin-top:8px;}
#mainContent div.boardList p {position:absolute; top:2px; right:0;}
#mainContent div.boardList div.listContent {width:100%; padding:10px 0;}
#mainContent div.boardList div.listContent ul li {position:relative; line-height:33px; font-size:13px; vertical-align:top; overflow:hidden; border-bottom:1px solid #eaeaea;}
#mainContent div.boardList div.listContent ul li span {float:left; width:73%;}
#mainContent div.boardList div.listContent ul li span.date {float:right; width:27%; text-align:right; color:#a9a9a9;}
#mainContent div.boardList div.listContent ul li span a {display:block; padding-left:12px; color:#484848; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../img/template1/icon_dot.gif) 2px 50% no-repeat;}
#mainContent div.boardList div.listContent ul li span a:hover {text-decoration:underline;}
#mainContent div.boardList div.listContent ul li .icon-new-color {position:absolute; top:23%; left:73%;}
#mainContent div.boardList div.listContent .tab_content1,
#mainContent div.boardList div.listContent .tab_content2 {display:none;}
#mainContent div.boardList div.listContent .tab_content {min-height:280px;}

#mainContent .center_box {float:left; width:509px; margin:-30px 22px 0 22px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; box-sizing:border-box;}
#mainContent .center_box ul.feed_list {overflow:hidden;}
#mainContent .center_box ul.feed_list li {position:relative; float:left; width:33.333333%; text-align:center;}
#mainContent .center_box ul.feed_list li:last-child {margin-right:0;}
#mainContent .center_box ul.feed_list li span.more {position:absolute; top:0; right:0; width:27px; height:27px; text-indent:-9999px; background:url(../img/template1/feed_list_more.png) no-repeat;}
#mainContent .center_box ul.feed_list li a {display:block; height:110px; padding-top:24px; font-size:16px; font-weight:500; color:#fff;}
#mainContent .center_box ul.feed_list li a:hover {text-decoration:underline;}
#mainContent .center_box ul.feed_list li a.box01 {background:#4985a7 url(../img/template1/center_banner_img01.png) no-repeat; background-position:center 62px;}
#mainContent .center_box ul.feed_list li a.box02 {background:#e6534a url(../img/template1/center_banner_img02.png) no-repeat; background-position:center 62px;}
#mainContent .center_box ul.feed_list li a.box03 {background:#8c695b url(../img/template1/center_banner_img03.png) no-repeat; background-position:center 62px;}
#mainContent .center_box ul.feed_list li a span {display:block; padding-bottom:0px; font-size:12px; font-weight:normal; color:rgba(225,225,225,0.8);}

#mainContent .center_box .photoList {padding:20px; min-height:165px;}
#mainContent .center_box .photoList h2 {position:relative; padding-bottom:16px; font-size:16px; font-weight:500; color:#1a1a1a;}
#mainContent .center_box .photoList h2 .more {position:absolute; top:7px; right:0; color:#949494; z-index:auto;}
#mainContent .center_box .photoList ul.board-latest {overflow:hidden;}
#mainContent .center_box .photoList ul.board-latest li {float:left; width:147px; margin-left:12px;}
#mainContent .center_box .photoList ul.board-latest li:first-child {margin-left:0;}
#mainContent .center_box .photoList ul.board-latest li .thumb {width:100%; height:97px;}
#mainContent .center_box .photoList ul.board-latest li span.boardTxt {display:block; width:100%; margin-top:10px; font-weight:500; text-align:center; text-indent:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mainContent .center_box .photoList .no {text-align:center; border:1px solid #d6d6d6; padding:45px;}

#mainContent .right_box {float:right;}
#mainContent .right_box ul.cont_unit {}
#mainContent .right_box ul.cont_unit li a.box01 {border:1px solid #cb970a;}
#mainContent .right_box ul.cont_unit li:first-child {margin-bottom:15px;}
#mainContent .right_box ul.cont_unit li a.box02 {border:1px solid #d0d0d0;}
#mainContent .right_box ul.cont_unit li a {display:block;}


#mainContent ul.banner_bottom {width:1136px; margin:0 auto; overflow:hidden;}
#mainContent ul.banner_bottom li {float:left; margin-left:8px;}
#mainContent ul.banner_bottom li:first-child {margin-left:0;}
#mainContent ul.banner_bottom li img {border:1px solid #d6d6d6;}

/* 하단 내용 컨텐츠 CSS */
#footer {background:#fff; padding-bottom:20px;}
#footer .foot-link {border-top:1px solid #d6d6d6; border-bottom:2px solid #4f4f4f;}
#footer .foot-link dl {width:1200px; margin:0 auto; padding:10px 0;}
#footer .foot-link dl dt {display:inline-block; margin:0 30px 0 60px; font-size:13px; font-weight:500;}
#footer .foot-link dl dt i {margin-left:15px;}
#footer .foot-link dl dd {display:inline-block; margin-left:29px; padding:2px;}
#footer .foot-link dl dd a {display:block; font-size:14px; line-height:30px; font-weight:500; color:#666; padding-right:32px; background:url(../img/template1/line_02.gif) right 11px no-repeat;}
#footer .foot-link dl dd a:hover {color:#333;}
#footer .inner-wrap {position:relative; width:1200px; margin:0 auto;}
#footer .inner-wrap:after {display:block; clear:both; content:''}
#footer .inner-wrap ul.sub-util {}
#footer .inner-wrap ul.sub-util li {display:inline-block; padding:10px; font-size:12px; color:#cad2db;}
#footer .inner-wrap ul.sub-util li a {color:#cad2db;}
#footer .inner-wrap ul.sub-util li a:hover {color:#f1f1f1;}
#footer .inner-wrap ul.sub-util li:first-child a:before {display:none;}
#footer .inner-wrap ul.sub-util li a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 20px 0 0; background:#97a6b7;}
#footer .inner-wrap .logo-b {clear:both; float:left; width:158px; height:38px; margin-top:20px; text-indent:-9999px; background:url(../img/template1/logo_b.png); background-size:cover;}
#footer .inner-wrap ul.copy {float:left; margin:16px 0 0 60px;}
#footer .inner-wrap ul.copy li {padding:2px 0; font-size:12px; color:#999;}
#footer .inner-wrap ul.copy li address {font-style:normal;}
#footer .inner-wrap .expand-link {position:absolute; top:20px; right:0; z-index:auto;}
#footer .inner-wrap .expand-link .chosen-drop {margin-bottom:-11px; padding-top:5px; border-top:1px solid #aaa; border-radius:0; top:auto; bottom:40px;}
#footer .inner-wrap  .util {float:left; margin:17px 0 0 20px;}

/*---------- cyber campus New ----------*/
#Cover_class {width:100%; position:relative;}
#Cover_class #header {background:#273343; border-bottom:5px solid #3399ff;}
#Cover_class #header div.topCover h1 {display:inline-block; width:230px; vertical-align:middle;}
#Cover_class #header div.topCover div.login p span {color:#fff;}
#Cover_class #header div.topCover div.login ul.message li a {color:#fff;}
#Cover_class #container {padding-top:71px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
#Cover_class .sub_layout {padding:0 0px; width:1200px !important;}
#Cover_class #bodyContent {padding:25px 0 50px 30px;}
#Cover_class #aside {width:230px; padding:0;}
#Cover_class #aside ul.lnb li {padding:14px 0 14px 4px; font-size:15px; font-weight:500; border-bottom:1px solid #dbdbdb;}
#Cover_class #aside ul.lnb li:hover {background:#5395e1;}
#Cover_class #aside ul.lnb li:hover a {color:#fff;}
#Cover_class #aside ul.lnb li a {display:block; color:#505050; text-indent:20px;}
#Cover_class #aside ul.lnb li.over {background:#5395e1 url(../img/template1/lnb_over_arrow2.gif) 12px center no-repeat; background-size:20px;}
#Cover_class #aside ul.lnb li.over a {text-indent:35px; color:#fff;}