.m_menu {display:none;}

#mobile_side_menu {position:fixed;top:0;right:-340px;width:280px;height:100%;background:#fff;z-index:9999;
    transition:right 0.5s ease;overflow-y:auto;box-shadow:-4px 0 6px rgba(0,0,0,0.1);}
#mobile_side_menu.active {right:0;}
.mobile_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
    display:none;z-index:9998;}
.m_depth2 {display:none;background:#f8f8f8;padding:10px 0;}
.side_hd {display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #eee;}
.side_hd .side_logo {width:100%;padding:0 8px;}
.side_hd .side_logo img {display:block;width:100%;}
.side_member {padding:13px 20px;background:#333;display:flex;gap:90px;justify-content:center;}
.side_member a {color:#fff;font-size:14px;}
.m_depth1 {position:relative;border-bottom:1px solid #eee;}
.m_depth1_a {display:block;padding:15px 20px;font-weight:bold;}
.drop_btn {position:absolute;right:0;top:0;width:50px;height:50px;background:none;border:none;}
.m_depth2 li a {display:block;padding:10px 30px;font-size:14px;color:#666;}

#main_visual .swiper-slide .sliderkit-text .lviewa .mo {display:none;flex-direction:column;
    max-width:900px;margin:0 auto;justify-content:space-between;height:calc(100vh - 300px);}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p {font-size:30px;color:#fff;line-height:50px;
	text-shadow:0px 0px 2px #000;font-family:'PartialSansKR-Regular';
	letter-spacing:3px;text-align:left;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p span {display:block;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo .left span:nth-child(1) {padding-left:10vw;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo .left span:nth-child(2) {padding-left:15vw;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo .left span:nth-child(3) {padding-left:20vw;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p.right {text-align:right;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p.right span:nth-child(1) {padding-right:10vw;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p.right span:nth-child(2) {padding-right:15vw;}
#main_visual .swiper-slide .sliderkit-text .lviewa .mo p.right span:nth-child(3) {padding-right:20vw;}

.root_daum_roughmap_landing.map {width:100%!important;}

.map_wrap .map_info .con_box ul li > p {display:flex;justify-content:center;align-items:center;}
.map_wrap .map_info .con_box ul li div p {word-break:auto-phrase;}


@media (max-width:1600px) {
    /* Header */
    #header .wrap_box {}
    #header .wrap_box h1 a img {}
    #lnb .lnb_wrap > ul > li {padding:0 30px;}
    #lnb .lnb_wrap > ul > li > a {}
}

@media (max-width:1440px) {
    /* Header */
    #header_wrap {height:72px;}
    #header {height:72px;}
    #header_wrap .jbFixed .header_in {height:72px;}
    #header .wrap_box {padding:0 30px;}
    #header h1 {height:72px;}
    #header .wrap_box h1 a img {height:54px;}
    #header_wrap.header_on #header {height:260px;}
    #lnb .lnb_wrap > ul > li {padding:0;}
    #lnb .lnb_wrap > ul > li > a {font-size:18px;line-height:72px;font-weight:600;width:134px;}
    #lnb .lnb_sub li a {font-size:15px;}
    .gnbb {height:72px;}
    .gnbb a {font-size:13px;}
    #footer {padding:40px 0 20px;}

    #main_visual {margin-top:-72px;}
    #main_visual .swiper-slide div.backgroundimg .pc_only img {object-fit:contain;}
    #main_visual .swiper-slide .sliderkit-text {bottom:auto;top:50%;transform:translate(-50%,-50%);margin:0;
        height:auto;}
    #main_visual .swiper-slide .sliderkit-text .lviewa .pc {text-align:center;font-size:36px;line-height:46px;}

    #rolling_box {max-width:none;padding:0 50px;}
    #rolling_box .swiper-container2 {max-width:none;}

    #comm_wrap .board_area {max-width:none;padding:0 50px;}

    .scontents {max-width:none;padding:0 50px;}
}

@media (max-width:1220px) {
    /* Header */
    #header_wrap {height:56px;}
    #header {height:56px;}
    #header h1 {height:56px;}
    #header_wrap .jbFixed .header_in {height:56px;}
    #header .wrap_box {align-items:center;justify-content:space-between;}
    #header .wrap_box h1 a img {height:42px;}
    #lnb {display:none;}
    #lnb .lnb_wrap > ul {padding:0;}
    .gnbb {display:none;}
    .m_menu {display:block;width:34px;height:34px;border:0;background:none;}
    .m_menu img {display:block;width:28px;}
    #header_wrap .m_menu img {filter: brightness(0) saturate(100%);}
    #header_wrap.main .m_menu img {filter: brightness(0) invert(1);}
    #header_wrap .jbFixed .m_menu img {filter: brightness(0) saturate(100%);}
    #footer {padding:30px 0 20px;}
    #footer .footer_area img {max-width:160px;margin:0 0 20px;}
    #footer .footer_area > p {font-size:14px;margin:0 0 15px;}
    #footer .footer_area .art .info {margin:0 0 8px;gap:30px;}
    #footer .footer_area .art .info li {font-size:14px;}
    #footer .footer_area .art p {font-size:14px;padding:0 20px;text-align:center;word-break:auto-phrase;
        line-height:22px;}
    #footer .footer_area .art .provision {gap:30px;margin:15px 0 0;}
    footer .copy {line-height:36px;font-size:13px;}

    .mbskin {min-height:520px;}
    .mbskin .mbskin_box {max-width:320px;padding:30px 20px;}
    .mbskin .mbskin_box img {width:240px;margin:0 auto 30px;}
    #mb_login #login_fs .frm_input {height:44px;font-size:15px;}
    #mb_login #login_fs .btn_submit {height:44px;line-height:44px;margin:0 0 8px;}
    #mb_login #login_fs .join {height:46px;line-height:46px;}

    #main_visual {margin-top:-56px;}
    #main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
    #main_visual .swiper-slide .sliderkit-text .lviewa .pc {font-size:30px;line-height:40px;}

    #comm_wrap .notice_area .t_wrap {width:340px;}

    #sub_visual {height:360px;}
    #sub_tit .title {font-size:44px;line-height:52px;margin-bottom:5px;}

    .pf-photo {width:200px;height:260px;margin-bottom:50px;}
    .pf-info {width:calc(100% - 230px);}
    .pf-name {font-size:24px;}
    .pf-name span {font-size:20px;}
    .pf-art {font-size:20px;margin-bottom:30px;}
    .pf-email, .pf-tel {margin-bottom:15px;}
    .pf-email, .pf-tel, .pf-address {font-size:20px;gap:30px;}
    .pf-email span, .pf-tel span, .pf-address span {width:120px;background:none;padding:0!important;}
    .pf-email span::before, .pf-tel span::before, .pf-address span::before {width:34px;height:34px;}
    .professor>.flex>p {font-size:20px;min-width:220px;}
    .professor>.flex>ul {margin-top:5px;gap:20px;}
    .professor>.flex>ul li {gap:30px;}
    .professor span.year {font-size:18px;width:160px;}
    .professor span.art {font-size:17px;}

    .map_wrap .map_info .con_box ul li > p {width:160px;}
    .map_wrap .map_info .con_box ul li div {width:calc(100% - 162px);}
    .map_wrap .map_info .con_box ul li div p {font-size:15px;letter-spacing:-0.2px;}
}

@media (max-width:991px) {
    /* Header */
    #header .wrap_box {padding:0 20px;}
    #main_visual .swiper-slide .sliderkit-text .lviewa .pc {display:none;}
    #main_visual .swiper-slide .sliderkit-text .lviewa .mo {display:flex;}
    #rolling_box {padding:0 20px;}
    #comm_wrap .board_area {padding:0;}

    #comm_wrap .notice_area {flex-direction:column;padding:0 20px;gap:50px;}
    #comm_wrap .notice_area .t_wrap {width:100%;text-align:center;position:relative;}
    #comm_wrap .notice_area .t_wrap .title {margin:0 0 5px;}
    #comm_wrap .notice_area .t_wrap .desc {margin:0 0 20px;}
    #comm_wrap .notice_area .t_wrap a {margin-left:20px;}

    #comm_wrap .g_map {flex-direction:column-reverse;gap:50px;padding:0 20px;}
    #comm_wrap .g_map .t_wrap {width:100%;text-align:center;}
    #comm_wrap .g_map .t_wrap .title {margin:0 0 5px;}
    #comm_wrap .g_map .t_wrap .desc {margin:0 0 20px;}
    #comm_wrap .g_map .t_wrap a {margin-left:20px;}
    #comm_wrap .g_map .root_daum_roughmap {width:100%!important;}

    #sub_visual {height:320px;}
    #sub_tit .title {font-size:34px;line-height:43px;}
    #sub_tit .path li {font-size:14px;padding:0 2px 0 10px;}

    .scontents {padding:0 20px;}
}

@media (max-width:640px) {
    #main_visual .swiper-slide .sliderkit-text .lviewa .mo p {font-size:24px;line-height:36px;}
    #container_wrap h2.m_tit {line-height:30px;}
    #container_wrap p.desc {font-size:14px;margin:0 0 30px;}
    #comm_wrap .board_area {gap:50px;}
    #comm_wrap .notice_area {gap:30px;}
    #comm_wrap .notice_area .t_wrap .title {font-size:2em;line-height:30px;}
    #comm_wrap .notice_area .t_wrap a {font-size:16px;}
    #comm_wrap .notice_area .t_wrap a::before {width:36px;}
    #comm_wrap .notice_area .t_wrap a:hover::before {width:52px;}
    #comm_wrap .notice_area .t_wrap a span {width:24px;height:24px;}
    #comm_wrap .notice_area .t_wrap a span img {width:10px;}
    #comm_wrap .notice_area div li a {padding:0 10px;}
    #comm_wrap .notice_area div li a p {font-size:14px;max-width:calc(100% - 90px);line-height:52px;}
    #comm_wrap .notice_area div li a span.date {font-size:13px;}
    #comm_wrap .g_map {gap:30px;}
    #comm_wrap .g_map .t_wrap .title {font-size:2em;line-height:30px;}
    #comm_wrap .g_map .t_wrap a {font-size:16px;flex-direction:row-reverse;}
    #comm_wrap .g_map .t_wrap a::before {width:56px;right:auto;left:0;}
    #comm_wrap .g_map .t_wrap a:hover::before {width:68px;}
    #comm_wrap .g_map .t_wrap a span {width:24px;height:24px;}
    #comm_wrap .g_map .t_wrap a span img {width:10px;transform:none}

    #sub_visual {height:220px;}
    #sub_tit .title {font-size:28px;line-height:30px;}
    #sub_tit .path li {font-size:12px;}

    .sub_location {margin:30px 0 40px;}
    .sub_location ul {gap:10px;}
    .scontents .eng {margin:0 0 30px;}
    .pf-photo {margin-bottom:30px;}
    .pf-name {font-size:20px;}
    .pf-name span {font-size:18px!important;}
    .pf-art {font-size:18px;}
    .pf-email, .pf-tel, .pf-address {flex-direction:column;gap:0!important;font-size:16px!important;}
    .pf-email span, .pf-tel span, .pf-address span {justify-content:center;opacity:0.6;}
    .professor>.flex>ul {gap:10px;}
    .professor>.flex>ul li {flex-direction:column;gap:5px!important;}
    .professor span.year {font-size:17px;}
    .professor span.art {font-size:16px;line-height:24px;}
    .map_wrap .map_info .con_box ul li {flex-direction:column;}
    .map_wrap .map_info .con_box ul li > p {width:100%!important;padding:8px 0;font-size:15px;}
    .map_wrap .map_info .con_box ul li div {width:100%!important;}
    .map_wrap .map_info .con_box ul li div p {width:100%;text-align:center;}

    #bo_v header .date {padding:0;font-size:14px;}
    #bo_v header #bo_v_title {padding:5px 0 10px;}
    #bo_v header #bo_v_title span {font-size:20px!important;}
    #bo_v_con {padding:20px 0;}
    .bo_v_nb li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:90px;
        height:46px;position:relative;}
    .bo_v_nb li .nb_date {position:absolute;top:50%;right:10px;transform:translateY(-50%);}
}