@charset "utf-8";
/* CSS Document */
/********************************************************************************************************
 * 레이아웃
*********************************************************************************************************/
#Cover, #header div.topCover, #header .h_top ul, #header #gnb .gnbList, #mainContent, #footer {width:100% !important;}
#Cover {min-width:748px;}
#showLeft {width:103px; height:103px;}
#showRightPush {display:block; position:absolute; top:40px; right:2%; width:60px; height:60px; font-size:36px; text-align:center; color:#333; border:none; background:none; z-index:1111;}
#header {position:relative; border-bottom:none;}
#header div.topCover {text-align:center;}
#header div.topCover h1 {display:block; margin:0 auto;}
#header div.topCover div.login {margin:0 auto;}
#header div.class_sbox {display:none;}
#gnb {display:none;}
.cbp-spmenu-push-toleft {left:-240px;}
.cbp-spmenu-right {border:none; border-left:1px solid #ccc; display:block;}
nav #mobile-menu {background:#fff;}
nav #mobile-menu .menu-list {}
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;}
#container {width:96%; padding:0 2%;}
#aside {display:none;}
#bodyContent {float:none; width:100%; padding:0; border-left:none;}
#mainContent div.conFirst {padding-top:0;}
#slider div.main-roll {width:100% !important;}
#slider {float:none; width:calc(100% + 4%) !important; height:320px; margin-left:-2%;}
#slider div.main-roll ul.roll-list li {height:320px !important; background-position:center !important;}
.login {float:none;}
.login #loginForm {width:calc(100% - 40px);}
section {float:none;}
#mainContent div.boardList {width:100%; margin-top:20px; margin-left:0;}
#mainContent .profBan, #mainContent .stuBan {float:none; width:100%;}
#mainContent .profBan ul li, #mainContent .stuBan ul li {height:auto;}
#mainContent .profBan ul li a, #mainContent .stuBan ul li a {padding-top:70px; background-size:40% !important;}
#mainContent .stuBan ul li a {padding-top:60px;}
.photoList {float:none; width:100%; margin-top:25px;}
.photoList ul.board-latest li .thumb {height:210px;}
ul.cont_unit {width:100%;}

ul.imgBan {width:100%; margin-top:20px; margin-left:0; overflow:hidden;}
ul.imgBan li {float:left; width:32%; margin-right:2%;}
ul.imgBan li:last-child {margin-right:0;}
ul.goBan {width:80%; margin:20px 10%; overflow:hidden;}
ul.goBan li {float:left; width:calc(50% - 10px);}
ul.goBan li:first-child { border-bottom:none; border-right:1px solid #d6d6d6;}
ul.goBan li a {height:63px; margin-top:8px;}
#footer .footer-box {width:100%;}
#footer .footer-box p.fb {position:relative; text-align:center;}
#footer .foot-link {display:none;}
#footer .inner-wrap {width:96%;}
#footer .inner-wrap .logo-b {display:none;}
#footer .inner-wrap ul.copy {float:none; margin:0; padding:20px 0; text-align:center;}