@charset "utf-8";
/* CSS Document */

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

/* common */

#header .top_util {width:calc(100% - 2rem);padding:0 1rem}
#header .header_navi {width:calc(100% - 2rem);padding:0 1rem}

/* main */
.sc02_part1 {width:calc(100% - 2rem);padding:0 1rem}
.notice_wrap {width:calc(100% - 2rem);padding:0 1rem}
.sc03Wrap {width:calc(100% - 2rem);padding:0 1rem}
.sc04Wrap {width:calc(100% - 2rem);padding:0 1rem}
.footLink {width:calc(100% - 2rem);padding:1rem}
.footerBtm {width:calc(100% - 2rem);padding:1rem}

}


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

.visual_inner {position:relative;height:23rem}

/* main */

.quickMenu ul {overflow:hidden;height:6.8rem;padding:0 2rem}
.quickMenu ul li {width:calc(100% / 6)}
.quickMenu .quick_prev {display:block}
.quickMenu .quick_next {display:block}


.tabCon {left:16rem;width:calc(100% - 16rem)}
.tabCon ul li {width:calc((100% - 2rem)/3)}

}


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

.pc {display:none}

/* common */

#header .header_navi {justify-content:space-between;height:4rem}

/* main */

.section01 {height:auto}
.section01 .visual_list li .visual_img {height:30rem}
.section02 {height:auto;padding:2.5rem 0}
.tabCon ul li {width:calc((100% - 1rem)/2)}
.tabCon ul li:nth-child(5), .tabCon ul li:nth-child(6) {display:none}
.section03 {height:auto;padding:2.5rem 0}
.section04 {height:auto;padding:2.5rem 0}
.major_wrap {padding:1rem}
.major_wrap > ul > li .major_info .major_list ul li a {letter-spacing:-1.5px}
.major_wrap .major_control {top:1.15rem}
.movie_wrap {height:14rem}
.sns_wrap > ul li {width:calc((100% - 1.5rem)/2);margin-left:1.5rem}
.popupzone_wrap .popup_cnt ul li {width:calc((100% - 1.5rem)/2);margin-left:1.5rem}

/* 서브 */

.orgBox3 .orgList > ul > li {width:23%}

}

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

/* 공통 */

.mobAllmenu {overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#16476e ;box-sizing:border-box;z-index:102}
.navTop {position:relative;width:calc(100% - 2rem);height:3rem;padding:0 1rem;background:#16476e;z-index:20}
.navTop h3 {float:left;color:#fff;font-size:1rem;font-weight:500;line-height:3rem}
.navTop .top_link {float:right;padding-right:3rem}
.navTop .top_link li {float:left;margin-left:.5rem}
.navTop .top_link li:first-child {margin-left:0}
.navTop .top_link li a {display:block;color:#94acbf;font-size:.75rem;line-height:3rem}
.navTop .top_link li a:hover {color:#fff}
.navTop .nav_close {position:absolute;top:1.05rem;right:1rem}
.navTop .nav_close a {display:block;width:1.1rem;height:1.1rem;background:url(../../img/portal/common/icon_close.png) no-repeat 0 0;background-size:1.1rem;text-indent:-9999px}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li > a {display:block;width:calc(35% - 1rem);height:2.75rem;padding-left:1rem;background:#16476e;border-bottom:1px solid #113d60;color:#fff;font-size:.85rem;line-height:2.75rem;letter-spacing:-1px}
.nav > ul > li:first-child > a {border-top:none}
.nav > ul > li.active > a {background:#fff;color:#2b3956}
.nav > ul > li > ul {display:none;position:absolute;top:0;left:35%;width:65%;border-left:1px solid #ddd;box-sizing:border-box}
.nav > ul > li.active > ul {display:block}
.nav > ul > li > ul > li > a {display:block;position:relative;height:2.75rem;padding:0 1.75rem 0 1rem;background:#fff;border-bottom:1px solid #ddd;color:#333;font-size:.8rem;line-height:2.75rem}
.nav > ul > li > ul > li > a:after {content:"";position:absolute;top:50%;right:1rem;width:.7rem;height:.4rem;margin-top:-.2rem;background:url(../../img/portal/common/allmenu_open.png) no-repeat 0 0;background-size:.7rem}
.nav > ul > li > ul > li.active > a:after {width:.7rem;height:.4rem;background:url(../../img/portal/common/allmenu_close.png) no-repeat 0 0;background-size:.7rem}
.nav > ul > li > ul > li.bg_none > a:after {background:none}
.nav > ul > li > ul > li > ul {display:none;padding:.5rem 1rem;background:#f5f7fa;border-bottom:1px solid #ddd}
.nav > ul > li > ul > li.active > ul {display:block}
.nav > ul > li > ul > li > ul > li > a {position:relative;display:block;padding:.25rem 0 .25rem .6rem;color:#555;font-size:.75rem}
.nav > ul > li > ul > li > ul > li > a:before {content:"";position:absolute;top:50%;left:0;width:.15rem;height:.15rem;background:#777}
.nav > ul > li > ul > li > ul > li > a:hover {text-decoration:underline}
.mobAllmenu:after {content:"";position:absolute;top:0;right:0;width:65%;height:100%;background:#fff}

.gnb h1.logo {position:relative;width:100%;text-align:center;vertical-align:middle}
.gnb span.search {position:absolute;top:50%;left:1rem;margin-top:-.4rem}
.gnb span.allmenu {position:absolute;top:50%;right:1rem;margin-top:-.3rem}

.gnb > ul {display:none}

.ftTopWrap {width:calc(100% - 2rem);padding:0 1rem}
.ftContWrap {width:calc(100% - 2rem);padding:0 1rem}

/* 메인 */

.rolling ul {width:calc(100% - 1.5rem);padding:0 .75rem}

.quickMenu ul li {width:calc(100% / 5)}

.main_toggle {display:none}

/* 서브페이지 */

.location {width:calc(100% - 2rem);padding:0 1rem}

.sub_content {width:calc(100% - 2rem);padding:0 1rem}

.printWrap ul li {padding:1.5rem 1.5rem 1.5rem 8.65rem}
.printWrap ul li.internet {background-position:left 2rem center}
.printWrap ul li.time {background-position:left 2rem center}

.goalList ul li {width:calc((100% - 4rem)/3);margin-left:2rem}

.vs_box ul.round > li .round03_1 {width:4.5rem;height:4.5rem;line-height:4rem}
.vs_box ul.round > li .round03_2 {width:4.5rem;height:4.5rem;line-height:4rem}
.vs_box ul.round > li .round03_3 {width:4.5rem;height:4.5rem;line-height:4rem}
.vs_box ul.round > li .round03_4 {width:4.5rem;height:4.5rem;line-height:4rem}
.vs_box ul.round > li .round03_5 {width:4.5rem;height:4.5rem;line-height:4rem}
.vs_box ul.round > li .round03_6 {width:4.5rem;height:4.5rem;line-height:4rem}

.bookBox {float:none;width:100%;margin:0 0 1rem 0}
.bookBox_left{width:100%;margin-right:0}
.bookList {float:none;width:100%}
.bookInfo ul li {width:23%}

.majorBox > ul > li > div > ul > li {float:none;width:100%;margin:0}

.orgBox3 .orgList > ul > li {width:31.3%}

}

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

.right_quick {display:none}

/* common */

/* .sideMenu {display:none} */

.rolling ul li {width:calc(33.3% - 1.5rem);margin:0 .75rem}

/* main */

.notice_wrap:before {width:12rem}
.noticeTab > ul > li > button {width:12rem}
.noticeTab > ul > li.active:nth-child(1) > .more, .noticeTab > ul > li.active:nth-child(2) > .more, .noticeTab > ul > li.active:nth-child(3) > .more, .noticeTab > ul > li.active:nth-child(4) > .more, .noticeTab > ul > li.active:nth-child(5) > .more, .noticeTab > ul > li.active:nth-child(6) > .more {left:10.05rem}
.tabCon {left:13rem;width:calc(100% - 13rem)}

.news_big_box {width:100%;padding-top:4rem}
.news_mini_box {width:100%;margin-left:0}
.news_mini_box ul li {width:calc((100% - 1.5rem)/2);margin-top:1.35rem}
.newsWrap .news_control {left:auto;right:0}

.major_wrap h1 {font-size:1.5rem;letter-spacing:-2px}
.major_wrap > ul > li .major_info .major_list {width:100%}
.major_wrap > ul > li .major_info .major_img {display:none}

.sns_wrap > ul li .sns_item {height:10rem}
.popupzone_wrap .popup_cnt ul {height:10rem}

.news_big_box a .news_img {height:18.5rem}

.site_map > ul > li {width:33.3%}

}

@media screen and (min-width:800px){
	.tabBox ul {display:block !important}
}

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

/* 공통 */

html {font-size:19px}

.ftCont h1.wa {position:relative;display:block;top:auto;left:auto;margin:.5rem 0 0 0}

.footLink {flex-wrap:wrap}
.ft_left {width:100%}
.ft_right {width:100%;justify-content:center;margin-top:1.5rem}
.footerBtm {display:block}
.footerBtm .ft_logo {margin:0 auto}
.footerBtm address {width:100%;margin-top:1rem;padding:0}
.footerBtm .wa {margin:1rem auto 0}

/* 메인 */

.rolling ul li {width:calc(50% - 1rem);margin:0 .5rem}

.quickMenu ul li {width:calc(100% / 4)}
.sc02_part2 {margin-top:2rem}
.sc02_part2:before {display:none}
.notice_wrap:before {display:none}
.notice_wrap h1 {padding-top:0;font-size:1.5rem;text-align:center}
.noticeTab {height:24.15rem;padding:1.35rem 0 0 0}
.noticeTab > ul {display:flex;justify-content:space-between;padding-right:2rem}
.noticeTab > ul > li {height:2rem}
.noticeTab > ul > li > button {width:auto;padding:0;border-bottom:none;line-height:2rem}
.noticeTab > ul > li.active > button {position:relative;background:none;color:#568ae5;border-radius:0}
.noticeTab > ul > li.active > button:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#568ae5}
.noticeTab > ul > li.active:nth-child(1) > .more, .noticeTab > ul > li.active:nth-child(2) > .more, .noticeTab > ul > li.active:nth-child(3) > .more, .noticeTab > ul > li.active:nth-child(4) > .more, .noticeTab > ul > li.active:nth-child(5) > .more, .noticeTab > ul > li.active:nth-child(6) > .more {top:2rem;left:auto;right:0;background:url(../img/main/notice_more_bl.png)no-repeat;background-size:.95rem}
.tabCon {top:3.35rem;left:0;width:100%}
.tabCon ul li {margin-top:1rem}

.newsWrap h1 {font-size:1.5rem}

.major_wrap {width:100%;padding:1.5rem 1rem}
.major_wrap > ul {height:10rem}
.major_wrap > ul > li .major_info .major_list {width:65%}
.major_wrap > ul > li .major_info .major_img {display:block}
.major_wrap .major_control {right:1rem}
.movie_wrap {width:100%;margin-top:1.5rem}
.sns_wrap {width:100%;margin-top:1.5rem}
.sns_wrap h1 {font-size:1.5rem}
.sns_wrap > ul li {width:calc((100% - 1rem)/2);margin-left:1rem}
.sns_type {top:-.2rem}
.popupzone_wrap {width:100%;margin-top:1.5rem}
.popupzone_wrap h1 {font-size:1.5rem}
.popupzone_wrap .popup_cnt ul li {width:calc((100% - 1rem)/2);margin-left:1rem}
.popupzone_wrap .popup_control {top:.45rem}

/* 서브 */

.location a.lct_home {display:none}
.location .path_wrap > ul > li:first-child {border-left:1px solid #b6b6b6}
.lct_util > ul> li:last-child {display:none}

.tbl_list colgroup {display:none}
.tbl_list thead {display:none}
.tbl_list tr {display:block;padding:10px 0;border-bottom:1px solid #ccc}
.tbl_list td {display:inline-block;padding:2px 5px;border:none;font-size:15px}
.tbl_list span.bd_notice {margin-bottom:5px}
.tbl_list td.subject {width:calc(100% - 10px)}
.tbl_list td.tbl_none {display:none}

.tabBox a.tab_select {display:block}
.tabBox ul {display:none;position:absolute;top:100%;left:0;width:calc(100% - 2px);border:1px solid #6d7889}
.tabBox ul li {float:none;display:block;width:100% !important;border-top:1px solid #ddd}
.tabBox ul li:first-child {border-top:none}
.tabBox ul li a {margin-right:0;background:#fff;border:none;color:#555}
.tabBox ul li.active a {margin-right:0;background:#fff;border:none;color:#555}
.tabBox ul li a:hover {text-decoration:underline}

.photo_List ul li {width:31.3%}

.printWrap {padding:1rem}
.printWrap ul li {width:100%;margin:0}
.printWrap ul li:first-child {margin:0 0 .75rem 0}
.printWrap ul li span br {display:none}

.greetTxt .greetLeft {float:none;width:100%;margin-right:0}
.greetTxt .greetRight {float:none;width:100%}

.lesson ul li.round1 {width:7.5rem;height:7.5rem}
.lesson ul li.round2 {width:7.5rem;height:7.5rem}
.lesson ul li.round3 {width:7.5rem;height:7.5rem}
.lesson ul li span {padding-top:.9rem;font-size:.8rem}
.lesson ul li span strong {font-size:2rem}

.vs_wrap .vs_tit01 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit01 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit01 p:before {display:none}
.vs_wrap .vs_tit02 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit02 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit02 p:before {display:none}
.vs_wrap .vs_tit03 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit03 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit03 p:before {display:none}
.vs_wrap .vs_tit04 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit04 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit04 p:before {display:none}
.vs_wrap .vs_tit05 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit05 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit05 p:before {display:none}
.vs_wrap .vs_tit07 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit07 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit07 p:before {display:none}
.vs_wrap .vs_tit07 p span {padding-top:0}
.vs_wrap .vs_tit07 p span br {display:none}
.vs_wrap .vs_tit08 {display:block;width:100%;margin-bottom:.5rem}
.vs_wrap .vs_tit08 p {width:100%;height:3rem;border-radius:4px;line-height:3rem}
.vs_wrap .vs_tit08 p:before {display:none}
.vs_wrap .vs_tit08 p span {padding-top:0}
.vs_wrap .vs_tit08 p span br {display:none}

.vs_wrap .vs_box {display:block;width:100%;margin-left:0;padding:1rem 0}

.greetInfo p.greetTxt1 {font-size:.8rem}
.greetInfo p.greetTxt2 {margin-top:0;font-size:2rem}
.greetInfo p.greetTxt3 {margin-top:0}
.greetInfo p.greetTxt3 br {display:none}
.greetInfo p.greetTxt4 {margin-top:1rem}
.greetInfo p.greetTxt4 strong {font-size:1rem}

.bookBox {height:30rem}
.bookBox_left{width:100%;margin-right:0}
 
.majorBox > ul > li {float:none;width:100%;margin:0 0 1rem 0}
.majorBox > ul > li > div > ul > li {float:left;width:47%;margin:.25rem 3% 0 0}

.majorBox > ul > li > .major1, .majorBox > ul > li > .major3 {padding:2rem 1.5rem 2rem 10.5rem}

.calendar_box {float:none;width:100%;margin-right:0}
.calendar_list {float:none;width:100%;height:9rem;margin-top:1rem}


.orgBox1 h5 {float:none;width:100%}
.orgBox2 {display:block}
.orgBox2 .orgTit {display:block;width:100%}
.orgBox2 ul {display:block;width:100%;padding-left:0}
.orgBox2 ul li {float:none;width:100%;margin:.5rem 0 0 0}
.orgBox2 ul li span {width:100%}
.orgBox3 {display:block}
.orgBox3 .orgTit {display:block;width:100%}
.orgBox3 .orgList {display:block;width:100%;padding-left:0}
.orgBox3 .orgList > ul > li {float:none;width:100%;margin:.5rem 0 0 0}
.orgBox3 .orgList > ul > li > span {width:100%}

.campusWrap .campusImg {float:none;width:100%;margin-right:0;text-align:center}
.campusList {float:none;width:100%;margin-top:.5rem}
.campusList ul li dl dd span.btnDetail {right:.5rem}

.site_map > a {float:none;display:block;width:100%}
.site_map > ul {float:none;width:100%}
.site_map > ul > li {width:50%}


}

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

/* 공통 */

html {font-size:18px}

/* 메인 */

.rolling ul li {width:100%;margin:0}

.section01 .visual_list li .visual_img {height:25rem}
.section01 .visual_list li .visual_txt {padding-top:4rem}
.section01 .visual_list li .visual_txt p {font-size:2.5rem}
.section01 .visual_list li .visual_txt span {font-size:1.3rem}
.section01 .visual_control {bottom:2rem}

.quickMenu ul li {width:calc(100% / 3)}

.major_wrap > ul > li .major_info .major_list {width:75%}
.major_wrap > ul > li.major_cols6 .major_info .major_list {width:100%}
.major_wrap > ul > li.major_cols6 .major_info .major_img {display:none}

/* 서브 */

.location .path_wrap {width:calc(100% - 3rem)}
.location .path_wrap > ul > li:nth-child(1), .location .path_wrap > ul > li:nth-child(2) {display:none}
.location .path_wrap > ul > li:last-child {display:block;width:calc(100% - 3rem);border-left:1px solid #b6b6b6}

.bd_Top .bd_search {float:none;display:block;width:100%}
.bd_Top .bd_search .b_sel_box {display:block;width:100%;margin-right:0}
.bd_Top .bd_search .b_sel_box.sel_group {display:block;width:100%;margin:0 0 .5rem 0}
.bd_Top .bd_search .b_search_box {display:block;margin:.5rem 0 0 0}
.bd_Top .bd_search .b_search_box input[type=text] {display:inline-block;width:calc(100% -  3.6rem)}

.bd_thumb > ul > li > .thumb_img {float:none;width:100%}
.bd_thumb > ul > li > .thumb_img a {height:10rem}
.bd_thumb > ul > li > .thumb_cont {float:none;width:100%;margin-top:.5rem}

.photo_List ul li {width:48%}

.touch {position:relative;display:block;height:2rem}
.touch:before {content:"";position:absolute;top:0;right:0;width:3.55rem;height:1.75rem;background:url(../../img/portal/sub/scroll.png) no-repeat center center;background-size:3.55rem}
.scrollY .tbl_info_type1 {width:640px}

.lesson ul {padding:1.5rem 0}
.lesson ul li {margin:0 1%}
.lesson ul li.round1 {width:6rem;height:6rem}
.lesson ul li.round2 {width:6rem;height:6rem}
.lesson ul li.round3 {width:6rem;height:6rem}
.lesson ul li span {padding-top:.5rem;font-size:.8rem}
.lesson ul li span strong {font-size:1.5rem}
.lesson ul:before {display:none}

.songLeft {float:none;width:100%;margin-right:0}
.songRight {float:none;width:100%;margin-top:1rem}

.hist_wrap:before {left:0}
.hist_box span.hist_year {position:relative;top:auto;left:auto;padding-left:1rem}
.hist_box ul {width:100%;padding-left:0}

.goalList ul li {width:calc((100% - 2rem)/3);margin-left:1rem}
.goalList ul li span.glTxt {padding:.5rem}

.vs_box ul.round.cols6 > li {width:33.3%;margin:.5rem 0}

.bookBox {height:20rem}
.bookBox_left{width:100%;margin-right:0}

.majorBox > ul > li > .major1, .majorBox > ul > li > .major3 {padding:1.5rem 1.5rem 1.5rem 10.5rem}
.majorBox > ul > li > div > ul > li {float:none;width:100%;margin:0}


.tbl_info_type1 th {padding:.65rem .25rem .6rem .25rem}

}

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

/* 공통 */
html {font-size:16px}

/* 메인 */



/* 서브 */

.printWrap ul li.internet {background:#53c3b1}
.printWrap ul li.time {background:#f08632}

.goalWrap .goalTit span {font-size:1rem}
.goalList {padding-top:4rem}
.goalList:before {top:0.5rem}
.goalList ul li {display:block;width:100%;margin-top:1rem;padding:0;text-align:center}
.goalList ul li:first-child {margin-top:0}
.goalList ul li.gl_round1 span.glTit, .goalList ul li.gl_round2 span.glTit, .goalList ul li.gl_round3 span.glTit {display:inline-block}

.bookInfo ul li {width:48%}

.site_map > ul > li {width:100%;padding:0}

}

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

/* 공통 */

html {font-size:14px}

/* 메인 */

.tabCon ul li {width:100%}
.tabCon ul li:nth-child(3), .tabCon ul li:nth-child(4) {display:none}

.news_mini_box ul li {width:100%}
.news_mini_box ul li:nth-child(3), .news_mini_box ul li:nth-child(4) {display:none}

.major_wrap > ul > li .major_info .major_list {width:100%}
.major_wrap > ul > li .major_info .major_img {display:none}

.news_big_box a .news_img {height:11.5rem}

/* 서브 */

.photo_List ul li {width:100%;margin:0 0 1rem 0}

.printWrap ul li {padding:1rem}
.printWrap ul li.internet:before {display:none}
.printWrap ul li.time:before {display:none}

.campusList ul li {float:none;display:block;width:100%}

}