@charset "utf-8";
/* CSS Document */
/********************************************************************************************************
 * 레이아웃
*********************************************************************************************************/
#Cover, #header div.topCover, #header #gnb .gnbList, #mainContent, #footer {width:100% !important;}
#Cover {min-width:748px; background:#fff;}
#showLeft {top:14px;}
#showRightPush {display:block; position:absolute; top:34px; right:2%; width:60px; height:60px; font-size:36px; text-align:center; color:#333; border:none; background:none; z-index:1000;}
/* #header {position:relative; border-bottom:none; height:130px;} */
#header {position:relative; border-bottom:none; height:130px; min-width:748px;}
#header div.topCover {text-align:center;}
#header div.topCover h1 {position:relative; top:0; left:10px; display:block; margin:0 auto; padding-bottom:5px; width:140px;}
#header div.topCover div.login {margin:0 auto;}
#header div.class_sbox {display:none;}
#gnb {display:none;}
/* #header ul.util {display:none;} */
.cbp-spmenu-push-toleft {left:-240px;}
.cbp-spmenu-right {border:none; border-left:1px solid #ccc; display:block;}
nav ul.mobile-util {padding:10px 0; text-align:center;}
nav ul.mobile-util li {display:inline-block; padding:0 4px;}
nav ul.mobile-util li a {font-weight:600; color:#999;}
nav ul.mobile-util li a:hover {color:#333;}
nav ul.mobile-util li:first-child a:before {display:none;}
nav ul.mobile-util li a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 10px 0 0; background:#cdcdcd;}
nav #mobile-menu .menu-list {border-top:1px solid #ccc;}
nav #mobile-menu .menu-list > li {position:relative; text-align:left; border-bottom:1px solid #ccc;}
nav #mobile-menu .menu-list > li > a {display:block; font-size:16px; text-indent:10px; font-weight:500; line-height:48px; color:#333;}
nav #mobile-menu .menu-list > li a span {position:inherit; padding:0;}
nav #mobile-menu .menu-list > li .icon {display:block; position:absolute; top:22px;; right:10px; width:16px; z-index:auto;}
nav #mobile-menu .menu-list > li.on .twoDep {display:block;}
nav #mobile-menu .menu-list .twoDep {display:none;}
nav #mobile-menu .menu-list .twoDep > ul {border-top:1px solid #ccc; border-left:none; background:#f7f7f9;}
nav #mobile-menu .menu-list .twoDep > ul > li {margin-bottom:0; border-bottom:1px solid #ebebeb;}
nav #mobile-menu .menu-list .twoDep > ul > li:last-child {border-bottom:none;}
nav #mobile-menu .menu-list .twoDep > ul > li > a {display:block; font-size:14px; line-height:40px; text-indent:10px; color:#5d6167;}
nav #mobile-menu .menu-list .twoDep > ul > li > a:hover {color:#5d6167;}
nav #mobile-menu .menu-list .twoDep > ul > li > ul li {border-top:1px solid #ccc;}
nav #mobile-menu .menu-list .twoDep > ul > li > ul li:first-child {border-top:none;}
nav #mobile-menu .menu-list .twoDep > ul > li > ul li a {display:block; font-size:13px; line-height:40px; text-indent:20px; background: #e1e1e1 url(../template1/icon_arrow_2.png) 10px center no-repeat;}

.mainvisual {padding-top:0;}
.mainvisual .cycle-slideshow,
.mainvisual .cycle-slideshow .slide {height:320px;}
.mainvisual .pagerWrap {width:100%; top:280px; margin-left:-50%;}
.mainvisual .contentBox {top:40px; left:auto; right:0; margin:0;}
/* #container {width:96%; padding:0 2%;} */
#container {width:96%; padding:0 2%; min-width:728px;}
#aside {display:none;}
#bodyContent {float:none; width:100%; padding:0; border-left:none;}
#mainContent {margin-top:0; padding:0; min-height:840px;}
#mainContent .mainBox01 {width:100%; height:200px; margin-top:10px;}
#mainContent .profBan {float:left; width:50%; padding-top:25px;}
#mainContent .stuBan {float:left; width:50%;}
#mainContent .mainBox02 {width:100%; margin-left:0; margin-top:10px;}
#mainContent ul.feed_list li {height:195px;}
#mainContent ul.feed_list li a.box01,
#mainContent ul.feed_list li a.box02 {background-size:cover;}
#mainContent ul.feed_list li a.box03,
#mainContent ul.feed_list li .box04 {padding-left:28%; background-position:10% 30px;}
#mainContent .mainBox03 {width:50%; margin-left:0; position:absolute; top:628px; right:0;}
#mainContent .mainBox04 {width:100%; margin-left:0;}
#mainContent div.boardList {width:100%; margin-top:10px;}
#mainContent .mainBox05 {width:50%; margin-left:0; margin-top:0;}
.campusGo {background-size:cover;}
.campusGo a.cc {padding-left:40%; background-position:20% 53px;}
.subvisual {position:relative; width:100%; height:80px; padding-top:0; margin-bottom:10px;}
.subvisual .contentBox {width:100%; padding-top:22px;}
.subvisual .contentBox p.info {display:none;}
#footer {border-top:1px solid #cacaca;}
#footer .foot-link {display:none;}
#footer .inner-wrap {width:96%;}
#footer .inner-wrap .logo-b {display:none;}
/* #footer .inner-wrap ul.copy {margin:16px 0 0 0;} */
#footer .inner-wrap ul.copy {margin:10px 0 0 0;}
#footer .inner-wrap ul.sub-util {margin:18px 0 0 0px;}
#footer .inner-wrap .expand-link {overflow:hidden; position:absolute; left:-1000em; margin:0; padding:0; width:0; height:0;}