@charset "utf-8";
@media screen and (max-width: 1024px) {
#header{min-width: 1024px;}
.header-top-in{width: 1024px;}
.header-bottom-in{width: 1014px;margin: 0 auto;}
.gnb-menu{margin-left: 10px;}
.gnb-menu .main-m > li > a{padding: 34px 22px;}
.main-m .depth2:hover{background: #ffffff;}
.main-m .depth2 > li > a{padding: 0 5px;font-size: 15px;}
.sub-m{left: -283px;width: 1019px;}
.sub-m .sub-menu-title02{margin-left: 151px;}
.sub-m ul{margin-left: 58px;}
.sub-m ul li{width: 114.5px;}
.sub-m ul li:first-child{width: 108px;}
.sub-m ul li:nth-child(3){width: 114px;}
.sub-m ul li:nth-child(4){width: 147px;}
.sub-m ul li a{font-size: 15px;}
.hide-menu > .clg > .hide-menu-title01{margin-left: 113px;}
.hide-menu .clg > ul{margin-left: 52px;}
.hide-menu .clg > ul > li{width: 114.5px;}
.hide-menu .clg > ul > li:first-child{width: 108px;}
.hide-menu .clg > ul > li:nth-child(4){width: 146.5px;}
.hide-menu .clg > ul > li > ul > li > a{padding: 0 5px;font-size: 15px;}
.hide-menu .clg > ul > li > ul > li > a br{display: none;}
.hide-menu .clg > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(http://uos.ac.kr/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}
.hide-menu > .depart > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(http://uos.ac.kr/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}
.hide-menu > .depart > .hide-menu-title02{margin-left: 151px;}
.hide-menu > .depart > ul{margin-left: 58px;}
.hide-menu > .depart > ul > li{width: 114.5px;}
.hide-menu > .depart > ul > li:first-child{width: 108px;}
.hide-menu > .depart > ul > li:nth-child(3){width: 114px;}
.hide-menu > .depart > ul > li:nth-child(4){width: 147px;}
.hide-menu > .depart > ul > li > a{font-size: 15px;}
.main-content{min-width: 1024px;}
.dp-main-content{min-width: 1024px;}
.main-content-in{width: 1014px;}
.mt-top ul li a{padding: 25px 23px 24px 23px;}
.mt-top ul li:first-child a{padding: 14px 23px 14px;}
.main-board{width: 421px;margin-left: 10px;}
.main-board > ul > li > .board-cont > ul > li > a{max-width: 200px;}
.mboard-bottom > ul > li > a{width: 120px;}
.mboard-bottom > ul > li:first-child > a{width: 60px;padding: 14px 60px 14px 0;}
.mv-right{margin-left: 10px;}
.gallery{min-width: 1024px;}
.gallery .gal-in{width: 1014px;}
.gallery .gal-in > ul > li{width: calc(25% - 15px);}
.gallery .gal-in > ul > li > .gal-text a br{display: none;}
#footer{min-width: 1024px;}
.dpm-left{width: 715px;}
.main-board2{width: 421px;margin-left: 10px;}
.main-board2 > ul > li > .board-cont > ul > li > a{max-width: 200px;}
.main-board2 > ul > li > a{padding: 0 13px 0 14px;font-size: 16px;line-height: 24px;}
.mv-menu2{width: 280px;}
.sub-content{width: 1014px;}
.sc-left{width: 210px;}
.sc-right{width: 775px;}
}

@media screen and (max-width: 768px) {
.main-content{min-width: 100%;}
.main-content-bg{background: url(http://www.uos.ac.kr/images/engineering/main/main_bg01_mb.gif) no-repeat center;background-size: cover;}
#header{min-width: 100%;left: 0px;top: 0px;background: #ffffff;z-index: 40;}
.header-top{display: none;}
.header-bottom-in{width: calc(100% - 20px);margin: 0 auto;}
.gnb-menu{display: none;}
.hide-menu{left: -10px;width: calc(100% + 20px);background: #ffffff;z-index: 30;}
.hide-menu > .clg > .hide-menu-title01{float: none;margin-left: 28px;margin-bottom: 19px;padding-left: 20px;font-size: 24px;line-height: 28px;background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg04.gif) no-repeat left center;}
.mb-depth1{position: static;width: auto;height: auto;padding: 15px 28px;text-indent: 0;font-family: "NotoSans-Regular";font-size: 20px;line-height: 24px;color: #555555;background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg05.gif) no-repeat 95% center;}
.mb-depth1.on{background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg06.gif) no-repeat 95% 24px;}
.hide-menu .clg > ul{float: none;width: 100%;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-left: 0px;}
.hide-menu .clg > ul > li{float:none;width: 100% !important;height: auto;padding: 0;border-right: none;border-top: 1px solid #e5e5e5;}
.hide-menu .clg > ul > li:first-child{border-left: none;border-top: none;}
.hide-menu .clg > ul > li:hover{background: #ffffff;}
.hide-menu .clg > ul > li > ul{display: none;border-top: 1px solid #e5e5e5;background: #fcfafa;}
.hide-menu .clg > ul > li > ul > li{border-top: 1px dashed #969595;}
.hide-menu .clg > ul > li > ul > li:first-child{border-top: none;}
.hide-menu .clg > ul > li > ul > li > a{text-align: left;padding: 15px 28px;font-size: 20px;line-height: 24px;}
.hide-menu .clg > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(http://uos.ac.kr/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;} 
.hide-menu > .depart > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(http://uos.ac.kr/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}
.cmnt{background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg07.png) no-repeat 95% center;}
.cmnt.d3on{background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg08.png) no-repeat 95% center;}
.hide-menu .depart{background: #ffffff;}
.hide-menu > .depart > .hide-menu-title02{margin-top: 15px;float: none;margin-left: 28px;margin-bottom: 19px;padding-left: 20px;font-size: 24px;line-height: 28px;background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg04.gif) no-repeat left center;}
.hide-menu > .depart > ul{float: none;width: 100%;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-left: 0px;}
.hide-menu > .depart > ul > li{float:none;width: 100% !important;height: auto;padding: 0;border-right: none;border-top: 1px solid #e5e5e5;}
.hide-menu > .depart > ul > li:first-child{border-left: none;border-top: none;}
.hide-menu > .depart > ul > li > a{text-align: left;height: auto;padding: 15px 28px;font-family: "NotoSans-Regular";font-size: 20px;line-height: 24px;color: #555555;background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg05.gif) no-repeat 95% center;}
.hide-menu > .depart > ul > li > a.on{background: url(http://www.uos.ac.kr/images/engineering/common/menu_bg06.gif) no-repeat 95% 24px;}
.hide-menu > .depart > ul > li > a br{display: none;}
.hide-menu > .depart > ul > li > ul{float: none;border-top: 1px solid #e5e5e5;margin-left: 0px;background: #fcfafa;}
.hide-menu > .depart > ul > li > ul > li{float: none;width: 100% !important;border-right: none;border-top: 1px dashed #969595;}
.hide-menu > .depart > ul > li > ul > li:first-child{border-left: none;border-top: none;}
.hide-menu > .depart > ul > li > ul > li > a{display: block;text-align: left;height: auto;padding: 15px 28px;font-size: 20px;line-height: 24px;}
.hide-menu > .depart > ul > li > ul > li > a br{display: none;}
.hide-menu > .depart > ul > li > ul > li > ul > li > a{text-align: left;display: block;padding: 2px 28px;font-size: 15px;line-height: 19px;color: #88898c;}
.hide-menu > .depart > ul > li > ul > li > ul{display: none;padding-bottom: 10px;}
.sub-bg02{position: fixed;top: 91px;left: 0px;width: 100%;height: 100%;z-index: 25;background: #fff;}
.dp-main-content{min-width: 100%;}
.main-content-bg{background: url(http://www.uos.ac.kr/images/engineering/main/dp_main_bg01_mb.gif) no-repeat center;background-size: cover;}
.main-content-in{width: calc(100% - 10px);}
.main-top{position: relative;}
.mt-top .cl-menu-title{float: none;display: inline-block;margin-bottom: 10px;}
.mt-top ul{float: none;}
.mt-top ul li{width: 33%;border-left: 1px solid #21282a;border-bottom: 1px solid #21282a;background: none;}
.mt-top ul li.bbn{border-bottom: none;}
.mt-top ul li.bln{border-left: none;}
.slogan{position: absolute;left: 180px;top: 3px;text-align: left;margin: 0;}
.slogan > p{font-size: 24px;line-height: 28px;background: none;}
.mv-cont{margin-top: 15px;}
.mv-menu{float: none;width: 100%;background-size: 100% auto;background-position: top center;}
.mv-menu-title{margin: 20px 0 12px 24px;}
.mv-menu > ul{width: 90%;padding-bottom: 20px;}
.mv-menu > ul > li{padding: 15px 0 20px;width: 33%;}
.mv-menu > ul > li.mvm-bg03{border-left: 1px solid #d27806;}
.mv-menu > ul > li.mvm-bg04{border-left: none;border-bottom: none;border-right: 1px solid #d27806;}
.mv-menu > ul > li.mvm-bg05{width: 66%;}
.main-board{float: none;width: 100%;margin-top: 20px;margin-left: 0px;}
.mboard-bottom > ul > li > a{width: 90px;font-size: 14px;line-height: 18px;color: #444444;}
.mboard-bottom > ul > li:first-child > a{padding: 15px 30px 15px 0;}
.main-board > ul > li > .board-cont{width: calc(100% - 30px);padding: 20px 15px 25px;}
.mv-right{float: none;width: calc(100% - 3px);padding: 0 3px 3px 0;margin: 10px 0 0;border-radius: 0 0 9px 0;}
.mv-right .slide{float: left;width: 50%;max-width: 285px;}
#slider003.flexslider{height: auto;}
#slider003.flexslider .slides li a img{width: 100%;}
.mv-right .mv-info{float: left;width: calc(48% - 80px);margin-top: 0px;margin-left: 10px;}
.gallery .gal-in .gal-title{padding: 40px 0 10px;}
.gallery{min-width: 100%;}
.gallery .gal-in{width: calc(100% - 10px);}
.gallery .gal-in > ul > li{text-align: center;width: calc(50% - 5px);margin-left: 10px;margin-top: 30px;}
.gallery .gal-in > ul > li.r-ml0{margin-left: 0px;}
.gallery .gal-in > ul > li > .gal-text a{min-height: 60px;font-size: 15px;line-height: 19px;}
.gallery .gal-in > ul > li > .gal-text a br{display: block;}
.gallery .gal-in .gal-more{right: 38px;}
.hide-menu .clg > ul > li > ul > li > ul > li > a{text-align: left;display: block;padding: 2px 28px;font-size: 15px;line-height: 19px;color: #88898c;}
#footer{min-width: 100%;}
.dpm-left{float: none;width: 100%;}
.dpm-right{float: none;width: 100%;margin-top: 10px;}
.mv-menu2{float: none;width: 100%;background: url(http://www.uos.ac.kr/images/engineering/main/dp_main_bg03.png) no-repeat center;background-size: cover;}
.mv-menu2 > ul{width: auto;padding: 15px;}
.mv-menu2 > ul li{width: 33%;}
.mv-menu2 > ul > li.mv2-bg03{border-left: 1px solid #4a955b;}
.mv-menu2 > ul > li.mv2-bg04{border-left: none;border-bottom: none;}
.mv-menu2 > ul > li.mv2-bg05{border-left: 1px solid #4a955b;border-bottom: none;}
.mv-menu2 > ul > li.mv2-bg06{border-bottom: none;}
.main-board2{float: none;width: 100%;margin-left: 0px;margin-top: 20px;}
.dpm-right .slide{float: left;width: 48%;max-width: 285px;}
.guide{float: left;width: 48%;margin-top: 0px;margin-left: 10px;background-size: cover;}
.guide ul{padding: 10px 40px 20px;}
.sub-content{width: calc(100% - 10px);}
.sc-left{width: 100%;float: none;}
.sc-left .menu-title{text-align: center;padding: 0 10px;margin-bottom: 30px;background: none;}
.sc-left .menu-title-clg{display: none;}
.left-menu2{display: none;}
.left-menu{display: none;}
.sc-right{width: 100%;}
.page-title{border-bottom: none;}
.page-title .title-name{float: none;text-align: center;}
.page-title .nav{display: none;}
.para-info{display: none;}
.img-box01 .match-text{bottom: -50px;}
.img-box02{margin-bottom: 128px;}
.img-box02 .match-text2{left: 0px;right: auto;bottom: -118px;}
.h4s-title br{display: none;}
.tb-head{display: none;}
.table-style .tb-wid01{display: none;}
.table-style .tb-wid03{display: none;}
.table-style .tb-wid04{display: none;}
.table-style .tb-wid02{width: calc(100% - 20px);padding-bottom: 0px;}
.table-style .tb-wid02 a{font-family: "NotoSans-Regular";}
.table-style .tb-wid05{text-align: left;width: calc(100% - 20px);padding-top: 0px;}
.teacher-list .tc-img a img{max-width: 115px;}
.teacher-list .tc-info{width: calc(100% - 150px);padding-top: 0px;}
.teacher-list .tc-info .other-info{margin-top: 20px;}
.teacher-list .tc-info .tc-detail-btn{position: static;margin-top: 15px;}
.gal-area > ul > li{width: calc(25% - 20px);}
.gal-area > ul > li > .gal-txt{font-size: 14px;line-height: 18px;}
.img-txt-box .left-img{float: none;text-align: center;}
.img-txt-box .right-img{float: none;width: auto;margin-left: calc(50% - 156px);}
.tab-menu5{display: table;width: 100%;}
.tab-menu5 > li{float: none;display: table-cell;text-align: center;}
}

@media screen and (max-width: 645px) {
.gallery .gal-in .gal-more{right: 0px;}
}

@media screen and (max-width: 600px) {
#slider003 .flex-direction-nav{right: 80px !important;}
#slider003.flexslider .flex-control-nav{left: 60px;}
.slide_num{left: 75px;}
.page-info{float: none;}
.search-box{float: none;}
.gal-area > ul > li{width: calc(33% - 20px);}
.dpm-right .slide{float: none;width: 100%;margin: 0 auto;}
.guide{float: none;width: 100%;max-width: 320px;margin: 10px auto 0;}
.gal-area > ul > li > .gal-img img {width: 100%;height: 86px;transition: all 0.2s ease-in-out;}
}

@media screen and (max-width: 590px) {
.mv-right .slide{float: none;width: 100%;margin: 0 auto;}
#slider003.flexslider{height: auto;}
#slider003.flexslider .slides li a img{width: 100%;}
.mv-right .mv-info{float: none;width: calc(100% - 80px);height: auto;margin-left: 0px;margin-top: 10px;}
}

@media screen and (max-width: 570px) {

.img-box01{margin-bottom: 120px;}
.img-box01 .match-text{left: 0px;right: auto;bottom: -110px;}
.img-box01 .match-text{padding: 15px 25px 15px 15px;}
.match-text .jt-name{font-size: 22px;line-height: 27px;}
.gal-list > li{width: calc(50% - 6px);}
.gal-list > li.ml-change{margin-left: 0px;}
}

@media screen and (max-width: 530px) {
.mt-top .cl-menu-title{margin-bottom: 70px;}
.mt-top .cl-menu-title-m{padding: 0;}
.mt-top .cl-menu-title-m span{display: none;}
.slogan{text-align: center;width: 100%;left: 0px;top: 0px;}
.mt-top ul > li{width: calc(50% - 1px);}
.mt-top ul > li:nth-child(3){border-left: none;}
.mt-top ul > li:nth-child(4){border-left: 1px solid #21282a;border-bottom: 1px solid #21282a;}
.mt-top ul > li:nth-child(5){border-left: none;}
.gallery .gal-in > ul > li > .gal-text a br{display: none;}
.mt-top .cl-mt02{margin-bottom: 10px;}
.h4-title{font-size: 22px;line-height: 27px;}
.h4s-title{font-size: 22px;line-height: 27px;}
.paging a{height: 22px;padding: 0 7px;line-height: 22px;}
.paging a img{width: 24px;}
.tab-menu2{display: block;}
.tab-menu2 > li{width: calc(50% - 1.5px);}
.tab-menu2 > li > a{padding: 15px 0;}
.tab-menu4{display: block;}
.tab-menu4 > li{width: calc(25% - 1.25px);}
.tab-menu4 > li > a{padding: 15px 0;}
}

@media screen and (max-width: 450px) {
.tab-menu3 > li{width: calc(50% - 1.5px);margin-bottom: -1px;}
}

@media screen and (max-width: 400px) {
.header-bottom-in h1{padding: 35px 0;}
.header-bottom-in h1 a img{height: 20px;}
.hide-menu{top: 94px;}
.sub-bg02{top: 94px;}
.mt-top ul li{display: table;}
.mt-top ul li a{display: table-cell;height: 32px;padding: 14px 23px 14px 24px;vertical-align: middle;font-size: 16px;line-height: 16px;}
.main-board > ul > li > .board-cont > ul > li > a{width: 150px;}
.main-board > ul > li > a{padding: 0 13px 0 14px;font-size: 16px;line-height: 24px;}
.main-board > ul > li.on > a{padding: 0 13.5px 0 13.5px;}
.mv-menu > ul > li{width: calc(50% - 1px);}
.mv-menu > ul > li.mvm-bg03{border-left: none;}
.mv-menu > ul > li.mvm-bg04{border-left: 1px solid #d27806;border-right: none;border-bottom: 1px solid #d27806;}
.mv-menu > ul > li:last-child{width: 100%;}
.main-board2 > ul > li > .board-cont > ul > li > a{width: 150px;}
.main-board2 > ul > li > a{padding: 0 13px 0 14px;font-size: 16px;line-height: 24px;}
.main-board2 > ul > li.on > a{padding: 0 13.5px 0 13.5px;font-size: 16px;line-height: 24px;}
.tab-menu > li{width: calc(50% - 1.5px);}
.search-box{text-align: center;}
.teacher-list .tc-img{float: none;text-align: center;}
.teacher-list .tc-info{float: none;width: 100%;margin: 10px 0 0;}
.teacher-list .tc-info .tc-name{text-align: center;}
.teacher-list .tc-info .other-info{margin-top: 15px;}
.btn-area .respon-font{font-size: 15px;line-height: 19px;letter-spacing: -1px;}
.img-txt-box .right-img{margin-left: 0px;}
.tab-menu5{display: block;;width: 100%;}
.tab-menu5 > li{display: block;width: 100%;margin-top: -1px;}
.tab-menu5 > li > a{padding: 5px 0;}
.tab-menu5 > li.on > a{color: #ffff;background: #014195;}
}

@media screen and (max-width: 350px) {
.mboard-bottom > ul > li > a{font-size: 13px;}
.gal-area > ul > li{width: calc(50% - 20px);}
}

@media screen and (max-width: 330px) {
.mt-top ul li a br{display: none;}
}

@media screen and (max-width: 768px) {
.ipt-wid01{width: 100% !important;}
}

@media screen and (max-width: 350px) {
.ipt-wid01{width: 100% !important;}
.pos-s{position: static;}
.btn-area a{padding: 8px 25px;font-size: 15px;line-height: 19px;}
}