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


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

.gnbWrap {padding:0 1rem}

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

.sc01_wrap {padding:0 1rem;box-sizing:border-box}

.sc02_wrap {padding:0 1rem;box-sizing:border-box}

.sc03_wrap {padding:0 1rem;box-sizing:border-box}

.news_wrap {width:39%}
.movie_wrap {width:24%}
.info_wrap {width:32%}
.counsel_wrap {padding:1.1rem 1rem 1.2rem 1rem}
.counsel_wrap .counsel_info {padding-left:5rem}

}

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


.sc01_part2 .popupzone_wrap {width:28%}

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

.notice_wrap {height:21.8rem}
.noticeTab > ul > li > button {width:13rem}
.tabCon {top:-3.9rem;left:15rem;width:calc(100% - 15rem)}
.tabCon ul li {width:calc((100% - 2rem)/3);margin-top:1.5rem}
.noticeTab > ul > li.active .more {left:11.05rem}

.news_wrap ul li {width:48%}
.counsel_wrap .counsel_info {padding-left:4rem}
.counsel_wrap .counsel_info:before {width:4.7rem;height:4.7rem;background-size:4.7rem}
.counsel_wrap .counsel_info .counsel_txt {letter-spacing:-1px}

.calendar_right .calendar_cont li {width:33.3%}

}

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

/* 메인 */


.gnb > ul {padding:0 1rem 0 .25rem}
.gnb > ul > li > a {padding:1.85rem 0;font-size:.8rem}
.gnb > ul {width:calc(100% - 19.25rem)}
.gnb .header_util {width:3rem}

.sc01_part2 .banner_wrap {width:68%}
.sc01_part2 .popupzone_wrap {width:30%}

.tabCon ul li {width:calc((100% - 1.5rem)/2)}
.tabCon ul li:nth-child(5), .tabCon ul li:nth-child(6) {display:none}

.counsel_wrap .counsel_info {padding-left:0}
.counsel_wrap .counsel_info:before {display:none}
.faq_wrap a {padding-left:4.5rem;background:#568ae5 url(../../img/ipsi/main/faq_arrow.png)no-repeat right 1rem center;background-size:2.25rem}
.faq_wrap a:before {left:1rem}

.calendar_left {width:10rem}
.calendar_right {width:calc(100% - 10rem)}

/* 서브 */


}

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

/* 공통 */

.mobAllmenu {overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:100}
.navTop {position:relative;width:calc(100% - 2rem);height:3rem;padding:0 1rem;background:#3d4044;z-index:20}
.navTop h3 {float:left;color:#fff;font-size:.9rem;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:#fff;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:.9rem;height:.9rem;background:url(../../img/ipsi/common/icon_close_wh.png) no-repeat 0 0;background-size:.9rem;text-indent:-9999px}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li {display:block;width:100%;background:url(../../img/ipsi/common/icon_plus.png) no-repeat right 1rem top .8rem;background-size:1rem;border-bottom:1px solid #ddd;text-align:left}
.nav > ul > li:first-child {border-top:none}
.nav > ul > li > a {display:inline-block;width:calc(100% - 1rem);padding-left:1rem;color:#333;font-size:1rem;font-weight:500;line-height:2.5rem}
.nav > ul > li > ul {display:none;width:calc(100% - 2rem);padding:.25rem 2rem;background:#f6fcff;border-top:1px solid #ddd}
.nav > ul > li.active > ul {display:block}
.nav > ul > li > ul > li {position:relative;display:block;padding:.25rem 0 .25rem .55rem}
.nav > ul > li > ul > li:before {content:"";position:absolute;top:.85rem;left:0;width:.15rem;height:.15rem;margin-top:-.075rem;background:#006e93}
.nav > ul > li > ul > li > a {display:block;color:#005aab;font-size:.85rem}
.nav > ul > li > ul > li > ul {padding-top:.25rem}
.nav > ul > li > ul > li > ul > li {padding:.25rem 0}
.nav > ul > li > ul > li > ul > li > a {display:block;color:#555;font-size:.8rem}
.nav > ul > li > ul > li > a:hover, .nav > ul > li > ul > li > ul > li > a:hover {text-decoration:underline}

.gnb h1.logo {position:relative;width:100%}
.gnb h1.logo a {margin:0 auto}
.gnb > ul {display:none}
.gnb .header_util {display:none}
.gnb .mb_search {display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}
.gnb .mb_search a {display:block;width:1.3rem;height:1.25rem;background:url(../../img/ipsi/common/btn_search.png)no-repeat;background-size:1.3rem;text-indent:-9999px}
.gnb .mb_allmenu {display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}
.gnb .mb_allmenu a {display:block;width:1.3rem;height:1.05rem;background:url(../../img/ipsi/common/allmenu.png)no-repeat;background-size:1.3rem;text-indent:-9999px}

.sideWrap > ul > li > a:hover .quick_icon1, .sideWrap > ul > li > a:hover .quick_icon2, .sideWrap > ul > li > a:hover .quick_icon3, .sideWrap > ul > li > a:hover .quick_icon4, .sideWrap > ul > li > a:hover .quick_icon5, .sideWrap > ul > li > a:hover .quick_icon6, .sideWrap > ul > li > a:hover .quick_icon7, .sideWrap > ul > li > a:hover .quick_icon8, .sideWrap > ul > li > a:hover .quick_icon9 {transform:rotateY(0)}


/* 메인 */

.section1 {height:auto}

.sc01_wrap {padding:2rem 1rem}

.sc01_part2 {flex-wrap:wrap;margin-top:1.5rem}
.sc01_part2 .banner_wrap {width:100%}
.sc01_part2 .popupzone_wrap {width:100%;margin-top:2rem}

.section2 {height:auto;padding:2rem 0}

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

.notice_wrap {height:19.3rem}
.noticeTab > ul > li > button {width:12rem}
.tabCon {top:-3.4rem;left:13rem;width:calc(100% - 13rem)}
.tabCon ul li {width:calc((100% - 1rem)/2);margin-top:1rem}
.tabCon ul li a {padding:1rem}
.noticeTab > ul > li.active .more {left:10.05rem}

.section3 {height:auto;padding:2rem 0}
.sc03_part1 {flex-wrap:wrap}
.news_wrap {width:100%}
.news_wrap ul li a .news_tit {padding:.75rem 1rem .85rem 1rem}
.movie_wrap {width:48%;margin-top:1.5rem}
.info_wrap {width:48%;margin-top:1.5rem}
.counsel_wrap .counsel_info {padding-left:4rem}
.counsel_wrap .counsel_info:before {display:block}

.sc03_part2 {margin-top:1.5rem}
.calendar_right {padding:0 1rem}
.calendar_right .calendar_cont li {width:50%}

/* 서브페이지 */

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

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

.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:30%}

.tblForm td select {width:9.5rem}
.tblForm td input[type=text] {width:9.5rem}
.tblForm td input[type=password] {width:9.5rem}
.tblForm td input[type=file] {width:9.5rem}


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

}

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

.right_quick {display:none}


}


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

/* 공통 */

html {font-size:19px}

.ftTop ul li {padding:.25rem .5rem}
.ftTop ul li:before {display:none}

.ftCont {flex-wrap:wrap}
.ftCont h1.ftLogo {margin:0 auto}
.ftCont .address_wrap {width:100%;padding:1.5rem 0 0 0}

/* 메인 */

.rolling{overflow:hidden}
.rolling ul li {width:calc(50% - 1rem)}

.sc01_part2 .banner_wrap ul {height:21.5rem}

.sc01_part2 .popupzone_wrap .popup_cont ul {height:18.5rem}

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

.section2:before {display:none}
.section2:after {display:none}
.sc02_part2 {margin-top:1.5rem}
.notice_wrap {height:24.95rem}
.notice_wrap h1 {font-size:1.5rem;text-align:center}
.noticeTab {height:24.15rem;padding:1rem 0 0 0}
.noticeTab > ul {position:relative;display:flex;justify-content:space-between;padding-right:3rem}
.noticeTab > ul > li {width:25%;height:2rem;margin-top:0}
.noticeTab > ul > li > button {display:inline-block;width:auto;padding:0;background:none;border-bottom:none;line-height:2rem;text-align:center}
.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}
.tabCon {top:2rem;left:0;width:100%}
.noticeTab > ul > li.active .more {top:50%;right:0;left:auto;transform:translateY(-50%)}

.counsel_wrap .counsel_info {padding-left:0}
.counsel_wrap .counsel_info:before {display:none}
.counsel_wrap .counsel_info .counsel_txt {letter-spacing:-0.5px}

.calendar_wrap {flex-wrap:wrap}
.calendar_left {justify-content:space-between;align-items:center;width:100%;height:auto;padding:1rem;border-radius:8px 8px 0 0}
.calendar_left h1 {width:auto;font-size:1.2rem}
.calendar_left .calendar_control {margin-top:0}
.calendar_right {width:100%;height:auto;padding:1.5rem 1rem;border-radius:0 0 8px 8px}

/* 서브 */

.tabBox ul {display:block !important}

.location_type a.lct_home {display:none}
.location_type .path_wrap {width:calc(100% - 7.5rem)}
.location_type .path_wrap > ul > li:nth-child(1), .location_type .path_wrap > ul > li:nth-child(2) {display:none}
.location_type .path_wrap > ul > li:last-child {display:block;width:100%;border-left:1px solid #e5e5e5}
.location_type .lct_util > ul > li.util_print{display:none}
.lct_util_type > ul > li.util_share > a {border-right:1px solid #e5e5e5}
.lct_util_type > ul> li:last-child {display:none}

.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)}

.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}
.tbl_list span.bd_notice {margin-bottom:5px}
.tbl_list td.subject {width:calc(100% - 10px)}
.tbl_list td.tbl_none {display:none}
.tbl_list tr td.viewer {padding-left:0}

.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}

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

.tblForm td select {display:block;width:100%}
.tblForm td input[type=text] {display:block;width:100%}
.tblForm td input[type=password] {display:block;width:100%}
.tblForm td input[type=file] {display:block;width:100%}
.tblForm td .account li {float:none;display:block;width:100%}
.tblForm td .account li:first-child {margin-top:0.05rem}
.tblForm td a.fileAdd {margin:.5rem 0 0 0}
.tblForm td a.fileDel {margin:.5rem 0 0 .25rem}

.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 > ul > li {width:calc(50% - 3px)}

.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}

.videoPlay {float:none;width:100%;height:15rem;margin-right:0}
.videoInfo {float:none;width:100%;margin-top:1rem}
.videoInfo .subtitles {height:12rem}

.photo_List ul li {width:31.3%}
 
}

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

/* 공통 */

html {font-size:18px}

/* 메인 */

.rolling ul li {width:100%}

.sc01_part1 .visual_txt p {font-size:2rem}

.sc01_part2 .banner_wrap ul {height:16.5rem}

.sc01_part2 .popupzone_wrap {margin-top:1rem}

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

.notice_wrap  {height:25rem}

.news_wrap ul {margin-top:1rem}
.movie_wrap {width:100%;margin-top:1.5rem}
.movie_wrap .movie_box {margin-top:1rem}
.info_wrap {width:100%;margin-top:1.5rem}
.counsel_wrap {max-height:100%;margin-top:1rem;padding:1rem}
.counsel_wrap .counsel_info {padding-left:6rem}
.counsel_wrap .counsel_info:before {display:block;width:5.7rem;height:5.7rem;background-size:5.7rem}

/* 서브 */

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

.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/ipsi/sub/scroll.png) no-repeat center center;background-size:3.55rem}
.scrollY .tbl_info_type1 {width:640px}

.tblForm colgroup {display:none}
.tblForm th, .tblForm td {display:block;border-left:0;border-right:0}
.tblForm .bdLeft {border-left:0}

.tbl_list_type1 td ul.Link li {display:block;margin:.25rem 0 0 0}
.tbl_list_type1 td ul.Link li:first-child {margin:0}

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

.mapBox {height:10rem}

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

.site_map h4 {float:none;width:100%;margin-right:0}
.site_map > ul {float:none;width:100%;border-top:none}
.site_map > ul > li {width:calc(50% - 2.15rem);padding:0 1rem}

.tbl_list tr td.viewer {display:block;margin-bottom:.5rem;}
.tbl_list td.viewerBtn {display:block;margin-top:.5rem;text-align:left}

.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}

.videoPlay {height:12rem}
.videoInfo .subtitles {height:10rem}

.photo_List ul li {width:48%}

}

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

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

.top_util_wrap ul.util li {border-left:none}

/* 메인 */

.quickLink ul li a {padding-top:4.5rem}
.quickLink ul li.quick1 {height:6.35em;background-position:center top 1rem}
.quickLink ul li.quick2 {height:6.35em;background-position:center top 1rem}
.quickLink ul li.quick3 {height:6.35rem;background-position:center top 1.3rem}
.quickLink ul li.quick4 {height:6.35rem;background-position:center top 1.25rem}
.quickLink ul li.quick5 {height:6.35rem;background-position:center top 1.4rem}
.quickLink ul li.quick6 {height:6.35rem;background-position:center top 1.25rem}
.quickLink ul li.quick7 {height:6.35rem;background-position:center top 1.25rem}
.quickLink ul li.quick8 {height:6.35rem;background-position:center top 1.5rem}
.quickLink ul li.quick9 {height:6.35rem;background-position:center top 1.4rem}

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

.calendar_right .calendar_cont li {width:100%}

/* 서브 */

.bookInfo ul li {width:30%}

}

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

/* 공통 */

html {font-size:14px}

/* 메인 */


/* 서브 */

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

}