@charset "UTF-8";

/* **************************************** *
* response max 1500px
* **************************************** */
@media all and (max-width:1500px)
{
    html{font-size:9px}

    #portal-header .header-core{width:100%; padding:0 2rem}
    #gnb .gnb-container{gap:7rem}

    .page-current .current-container{width:100%; padding:0 2rem}

    #portal-container .page-content{width:100%; padding:3rem 2rem 12rem}

    .msec-admission{width:100%; padding:0 2rem}

    .msec-login{width:100%; padding:0 2rem}

    .msec-ad{width:100%; padding:0 2rem}

    .msec-intro-panel{width:100%; padding:0 2rem}

    .msec-notice{width:100%; padding:0 2rem}
    .msec-notice .msec-more{right:2rem}

    .msec-notice-trend{width:100%; padding:0 2rem}
    .msec-notice-trend .msec-notice{padding:0}
    .msec-notice-trend .msec-notice .msec-more{right:0}
    .msec-notice-trend .msec-trend{padding:0}

    .msec-trend{width:100%; padding:0 2rem}
    .msec-trend .trend-top{flex-direction:column; align-items:flex-start}
    .msec-trend .trend-top .trend-standard{margin-top:2rem}

    .msec-stats{width:100%; padding:0 2rem}
    .msec-stats .msec-more{right:2rem}

    #portal-footer .footer-inner{width:100%; padding:4rem 2rem}

    .page-top{right:2rem}

    .filter-step .filter-grid .filter-item{font-size:1.6rem}

    .department-search-admission-step .filter-grid .filter-item{font-size:1.6rem}

    .region-filter-bar .region-filter-buttons .region-filter-btn{font-size:1.6rem}

    .ad-swiper .swiper-slide img{height:auto}
}

/* **************************************** *
* response max 1200px / tablet
* **************************************** */
@media all and (max-width:1200px)
{
      #gnb{display:none}

      .header-mypage{position:absolute; right:7.5rem; top:50%; transform:translateY(-50%)}

      .allgnb-handle{display:flex}

      #portal-mcontainer .page-content{padding:4rem 0}
      #portal-mcontainer .page-content .dev-content{gap:4rem}
      #portal-container .page-content{padding:3rem 2rem 6rem}

      .page-current{height:auto}
      .page-current .current-container{height:auto; padding:6rem 2rem}

        .msec-admission .stats-item:nth-child(1):hover:after{background:url(/resources/img/main/admission-stats-ico01-or.svg) 50% 50% no-repeat}
        .msec-admission .stats-item:nth-child(2):hover:after{background:url(/resources/img/main/admission-stats-ico03-or.svg) 50% 50% no-repeat}

        .msec-admission .stats-item:hover{background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12);}
        .msec-admission .stats-item:hover .stats-info .stats-tit{color:#006fff}
        .msec-admission .stats-item:hover .stats-info .stats-count .num,
        .msec-admission .stats-item:hover .stats-info .stats-count .uni{color:#202020}
      
      .msec-admission{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem}
      .msec-admission .shortcuts-item{order:-1}
      .msec-admission .shortcuts-item, .msec-admission .stats-item{height:auto}
      .msec-admission .shortcuts-item:after{display:none}

      .msec-stats .stats-total{min-width:30rem; max-width:30rem; min-height:20rem}

      #portal-footer .footer-inner{flex-direction:column; padding:6rem 2rem}
      #portal-footer .footer-info{margin-top:3rem}
      #portal-footer .footer-info .info-local{flex-direction:column; align-items:flex-start; margin-top:2rem}
      #portal-footer .footer-info .info-local .copyright{margin-left:0; margin-top:1rem}
      #portal-footer .footer-info .info-local .fnb-item{margin-left:0; margin-top:0.8rem; padding-left:0}
      #portal-footer .footer-info .info-local .fnb-item:before{display:none}
      #portal-footer .footer-info .info-fnb .footer-credit{font-size:1.4rem}

      .search-results-accordion{gap:0.8rem}
      .search-results-accordion .accordion-header{min-height:5rem; padding:0 1.6rem}
      .search-results-accordion .accordion-header h4{font-size:1.4rem}
      .search-results-accordion .accordion-header h4 i{font-size:1.6rem}
      .search-results-accordion .accordion-content{padding:0}
      .department-search-admission-step{padding:1.8rem; margin-top:1.5rem}
      .region-filter-bar{padding:1.8rem}
      .con-table table > thead > tr > th{padding:1rem 1rem; font-size:1.3rem}
      .con-table table > tbody > tr > td{padding:1.2rem 1rem; font-size:1.3rem}
      .con-table table > tbody > tr > th{padding:1.2rem 1rem; font-size:1.3rem}

      .qna-list .list-body li{flex-direction:column; justify-content:center; align-items:flex-start; gap:1.5rem; height:auto; padding:2.5rem 4rem 2rem}
      .qna-list .list-body li > .col1{flex:none}

      .notice-list .list-body li{flex-direction:column; justify-content:center; align-items:flex-start; gap:1.5rem; height:auto; padding:2.5rem 4rem 2rem}
      .notice-list .list-body li > .col1{flex:none}
      .notice-list .item-writer{margin-left:0}

      .university-map .map-panel{position:fixed; bottom:0; left:0; right:0; width:100%; max-width:100%; height:60vh; min-height:auto; border-left:none; z-index: 100; transform:translateY(100%); transition:transform 0.3s ease}
      .university-map .map-panel.active{transform:translateY(0)}

      .mobile-panel-toggle{display:flex; align-items:center; gap:0.5rem; position:fixed; bottom:2rem; left:50%; padding:1.4rem 2.8rem; background:#202020; border:none; border-radius:20rem; transform:translateX(-50%); transition:all 0.3s ease; cursor:pointer; z-index:101; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); overflow:hidden; box-sizing:border-box}
      .mobile-panel-toggle.active {bottom: calc(60vh + 2rem)}
      .mobile-panel-toggle i{color:#fff; font-size:2.6rem}
      .mobile-panel-toggle.active i{transform: rotate(180deg)}
      .mobile-panel-toggle span{line-height:1.4em; color:#fff; font-size:1.8rem; font-weight:300; letter-spacing: -0.05rem}
}


/* **************************************** *
* response max 1000px
* **************************************** */
@media all and (max-width:1000px)
{
    html{font-size:8px}

    .msec-stats .stats-container{flex-direction:column}
    .msec-stats .stats-total{min-width:auto; max-width:none; border-radius:2.2rem}
    .msec-stats .visitor-note{font-size:1.05rem; text-align:center}

    .board-search{gap:2rem}
    .board-search .search-r{min-width:18rem; max-width:18rem}

    .service-terms{width:100%}

    .additional-inform{width:100%}
}

/* **************************************** *
* response max 800px / mobile
* **************************************** */
@media all and (max-width:800px)
{
      .page-current .current-container{flex-direction:column; justify-content:center; align-items:flex-start}
      .page-current .current-tit .tit-row{gap:0.8rem}
      .page-current .current-tit .tit-row .tit{font-size:2.4rem}
      .page-current .current-tit .btn-guide-link{padding:0.3rem 1rem; font-size:1.16rem}
      .page-current .current-tit .info{color:#505050}
      .page-current .current-tit .info-notice{font-size:1.24rem}
      .page-current .current-search{min-width:auto; max-width:none; margin-top:3rem; width:100%}

      .ad-swiper-container.desktop-only{display:none !important}
      .ad-swiper-container.mobile-only{display:flex !important}

      .msec-login{margin-top:0}
      .msec-login .login-platform{min-width:auto; max-width:none}
      .msec-login .login-item{min-width:6.4rem}
      .msec-login .login-item:before{position:relative; left:auto}
      .msec-login .login-item span{display:none}

      .msec-login .login-after{width:100%; min-width:auto; max-width:none}
      .msec-login .login-after .login-item span{display:inline-flex}

      .msec-intro-panel .intro-item{flex-direction:column; align-items:center; gap:3rem}
      .msec-intro-panel .intro-item .intro-img{flex:none; width:100%; max-height:30rem}
      .msec-intro-panel .intro-item .intro-text{text-align:center}
      .msec-intro-panel .intro-item .intro-desc{text-align:justify}
      .msec-intro-panel .intro-item .intro-divider{margin:0 auto}
      .msec-intro-panel .intro-item .intro-cta{margin:1rem auto 0}
      .msec-intro-panel.reverse .intro-item{flex-direction:column}

      .msec-notice .notice-latest .latest-item{flex-direction:column; justify-content:center; align-items:flex-start; gap:1.2rem; height:10rem}
      .msec-notice .notice-latest .latest-item .col1{flex:none}
      .msec-notice .notice-latest .latest-item .item-subject strong{font-size:1.8rem}
      .msec-notice .notice-latest .latest-item .item-view{justify-content:flex-start; min-width:auto; max-width:none}

      .msec-notice-trend .msec-notice .notice-latest .latest-item{flex:none; height:auto; min-height:10rem}

      .msec-notice-trend{flex-direction:column; gap:6rem}

      .msec-trend{flex-direction:column; gap:6rem}
      .msec-trend .trend-top .trend-standard{margin-left:0}
      .msec-trend .trend-tab > ul > li > a{height:5rem}

      .msec-stats .stats-period{flex-direction:column; gap:4rem}
      .msec-stats .stats-period .period-group{gap:1.5rem}
      .msec-stats .stats-period .period-group .group-tit{height:6.4rem}

      .filter-step{padding:1.8rem; margin-bottom:3rem}
      .filter-step .chosung-bar{gap:0.4rem; padding-bottom:0.4rem}
      .filter-step .chosung-bar .chosung-btn{min-width:3rem; height:3rem; padding:0 0.4rem; font-size:1.3rem}
      .filter-step .filter-grid{gap:0.6rem}
      .filter-step .filter-grid .filter-item{min-height:3.8rem; padding:0.6rem 1.2rem; font-size:1.4rem}

      .filter-group-row{flex-direction:column; gap:0.8rem}
      .filter-group-row + .filter-group-row{margin-top:1rem}
      .filter-group-label{min-width:auto; min-height:auto; width:100%; padding:0.6rem 1.2rem; font-size:1.5rem; border-radius:0.8rem; justify-content:flex-start}
      .filter-group-label span{position:relative}
      .filter-group-label::after{content:''; flex:1; height:1px; margin-left:1rem; background-color:#d0e3ff}
      .filter-group-buttons{gap:0.6rem}

      .department-search-admission-step .filter-grid{gap:0.6rem}
      .department-search-admission-step .filter-grid .filter-item{min-height:3.8rem; padding:0.6rem 1.2rem; font-size:1.4rem}

      .region-filter-bar .region-filter-buttons{gap:0.6rem}
      .region-filter-bar .region-filter-buttons .region-filter-btn{min-height:3.8rem; padding:0.6rem 1.2rem; font-size:1.4rem}

      .grade-info-card .grade-display{flex-wrap:wrap}
      .grade-info-card .grade-display .grade-item{flex: 0 1 calc(50% - 2rem)}

      .stit-area{flex-wrap:wrap; gap:2rem}
      .stit-area .stit-r{width:100%}

      .search-tab-btn{padding:0.7rem 1rem; font-size:1.4rem}
      .search-tab-btn i{font-size:1.6rem}

      .department-search{width:100%; min-width:auto; max-width:none}

      .board-search{flex-direction:column}
      .board-search .search-l{flex-direction:column; align-items:flex-start}
      .board-search .search-r{flex:1; min-width:auto; max-width:none}
      .board-search .search-filter{width:100%}
      .board-search .search-filter .filter-select{flex:1; justify-content:flex-start}
      .board-search .search-filter .filter-select select{width:100%}
      .board-search .search-filter .filter-select:last-child:after{display:none}
      .board-search .search-form{width:100%; border-top:1px solid #dadada}

      .board-search.notice .search-form{border-top:none}

      .board-search.notice .search-l{min-width:auto}

      .qna-list .list-body li{padding:3.5rem 2rem 3rem}
      .qna-list .list-body li > .col1,
      .qna-list .list-body li > .col2{flex-wrap:wrap}
      .qna-list .item-subject{flex:none; width:100%; margin-top:2rem}
      .qna-list .item-q{margin-right:1rem}
      .qna-list .item-category{margin-right:0.5rem}
      .qna-list .item-date{width:100%; justify-content:flex-start; margin-top:1rem}
      .qna-list .item-view:after{display:none}

      .qna-write{min-width:auto; max-width:none}

      .qna-view .view-head .head-meta .meta-list{gap:1rem}
      .qna-view .view-head .head-meta .meta-list li{flex:0 0 calc(50% - 1rem)}
      .qna-view .view-head .head-meta .meta-list li:after{display:none}
      .qna-view .view-content p{font-size:1.8rem}

      .view-answer .answer-item .answer-header{flex-direction:column}
      .view-answer .answer-item .answer-header .answer-meta{margin-top:1.5rem; margin-left:0}
      .view-answer .answer-item .answer-header .answer-meta .meta-list li:nth-child(1):after{display:none}
      .view-answer .answer-item .answer-header .answer-meta .meta-list li:nth-child(2){margin-left:auto}

      .view-answer .comment-item .comment-header{flex-direction:column; align-items:flex-start}
      .view-answer .comment-item .comment-header .comment-meta{margin-left:0; width:100%}
      .view-answer .comment-item .comment-header .comment-meta .meta-list li:nth-child(1):after{display:none}
      .view-answer .comment-item .comment-header .comment-meta .meta-list li:nth-child(2){margin-left:auto}
      
      .view-answer .answer-edit-form .edit-confirm .btn{flex:1}

      .view-answer .comment-form{flex-direction:column}
      .view-answer .comment-form .btn{width:100%}
      .view-answer .answer-write-form .answer-confirm .btn{width:100%}


      .notice-list .list-body li{padding:3.5rem 2rem 3rem}
      .notice-list .list-body li > .col1,
      .notice-list .list-body li > .col2{flex-wrap:wrap}
      .notice-list .item-num{min-width:0; margin-left:0}
      .notice-list .item-subject{flex:none; width:100%; margin-top:2rem}
      .notice-list .item-date{width:100%; justify-content:flex-start; margin-top:1rem; margin-left:0}
      .notice-list .item-view:after{display:none}

      .notice-view .view-head .head-meta .meta-list{gap:1rem}
      .notice-view .view-head .head-meta .meta-list li{flex:0 0 calc(50% - 1rem)}
      .notice-view .view-head .head-meta .meta-list li:after{display:none}
      .notice-view .view-content p{font-size:1.8rem}

      .mypage-profile{flex-direction:column; align-items:flex-start; padding:3rem}
      .mypage-profile .profile-info .info-account{flex-direction:column; align-items:flex-start}
      .mypage-profile .profile-info .info-account .account-email{padding:0}
      .mypage-profile .profile-r{width:100%; margin-top:4rem}
      .mypage-profile .profile-r-container{flex-direction:row; min-width:auto; max-width:none; justify-content:flex-end}

      .wform-cmm .wform-list > li{flex-direction:column; gap:0; padding:1.5rem 0 3rem}
      .wform-cmm .wform-tit{padding:1.4rem 0}

      .wform-cmm .wform-list > li.multiple{gap:1rem}
      .wform-cmm .wform-list > li.multiple .col-box{flex-direction:column; gap:0; width:100%}

      .info-box.large{padding:2rem}

      .info-box.icon{padding-left:2.4rem}
      .info-box.icon.large{padding-left:4rem}
      .info-box.icon > [class^="ri-"]{display:none}

        .board-basic-list.search-trend .list-body{height:40rem}
        .board-basic-list.search-trend.has-search .list-body{height:30rem}

        .board-basic-list.visitor-stats .list-body{height:50rem}

    .mobile-br{display:block}
}

/* **************************************** *
* response max 600px
* **************************************** */
@media all and (max-width:600px)
{
    html{font-size:8px}
    .qna-write .write-dsption{align-items:center; padding:4rem 2rem}
    .qna-write .write-dsption .dsption-ico{margin-bottom:2rem}
    .qna-write .write-dsption .dsption-info{align-items:center}
    .qna-write .write-dsption .dsption-info .info li{text-align:center}
    .qna-write .write-dsption .dsption-info .tit{font-size:2.5rem}

    .msec-trend .trend-tab{width:100%}
    .msec-trend .trend-tab > ul > li{flex:1}
    .msec-trend .trend-top .trend-standard{margin-left:auto}

    .msec-intro-panel .intro-item .intro-img{max-height:24rem}
    .msec-intro-panel .intro-item .intro-tit{font-size:2.2rem}
    .msec-intro-panel .intro-item .intro-cta{width:100%; justify-content:center}

    .msec-admission .stats-item{flex-direction:column; align-items:flex-start; justify-content:center; height:20rem; padding:3rem}
    .msec-admission .stats-item:after{order:1; right:0; margin-left:0}
    .msec-admission .stats-item:nth-child(1):after{width:6.3rem; height:4.3rem; min-width:6.3rem; min-height:4.3rem}
    .msec-admission .stats-item:nth-child(2):after{width:4.3rem; height:4.4rem; min-width:4.3rem; min-height:4.4rem}
    .msec-admission .stats-item .stats-info{order:2; gap:1rem; margin-top:1.5rem}

    .modal-header{padding:0 2rem}
    .modal-body{padding:2rem}

    .qna-view .view-foot .foot-btn{width:100%}
    .qna-view .view-foot .foot-btn .btn{flex:1; min-width:0; padding:0.8rem 0.4rem; font-size:1.2rem; white-space:nowrap}
}

/* **************************************** *
* response max 400px
* **************************************** */
@media all and (max-width:400px)
{     
      .msec-login{gap:2rem}
      .msec-login .login-platform{gap:1rem}

      .msec-admission .stats-item{padding:3rem 2rem}
      .msec-admission .shortcuts-item{padding:1.6rem 1.4rem 1.6rem}
      .msec-admission .shortcuts-item:before{width:4.2rem; height:4.2rem; font-size:2rem; right:1.2rem}
      .msec-admission .shortcuts-item:after{min-width:2.2rem; min-height:2.2rem; font-size:1.2rem}
      .msec-admission .shortcuts-item .shortcuts-sub{font-size:1rem}
      .msec-admission .shortcuts-item .shortcuts-tit{font-size:1.4rem}
      .msec-admission .shortcuts-item .shortcuts-suffix{display:none}
      
}