@media all and (max-width: 1500px) {
    html,body{
        font-size: 9px;
    }
    .header .logo,
    .header.active .logo,
    .header.open .logo{
        background-size: 80% auto;;
    }
    .header .header-nav > a{
        padding: 20px 2%;
    }
    .rbtn-wrap a.rbtn{
        width: 60px;
    }

    .popImg-box{    
        margin: 0 20px 0 0;
        width:318px;
        height: 318px;
    }
    .popImg-box.big{
        width:500px;
        max-height:500px;
    }
    .popImg-wrap{
        width:calc(100% - 500px);
        max-height: 500px;
    }
    .popImgsWrapper {
        /* height: auto; */
    }
    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .carousel-cell {
        width: 318px;
    }
}

@media all and (max-width: 1380px) {
    .popImgsWrapper {
        height: 318px;
    }


    .popImg-box.big{
        width:450px;
        max-height:450px;
    }
    .popImg-wrap{
        max-height: 450px;
    }
  

}
@media all and (max-width: 1200px) {
    .show-1200 {
        display: block !important;
    }

    .hide-1200 {
        display: none !important;
    }

    body{
        font-size: 9.5px;
    }

    .inner {
        /* width: auto; */
        /* margin-left: 3.90625%;
        margin-right: 3.90625%; */
    }

    .header {
        min-width: auto;
    }
    .header .logo,
    .header.active .logo,
    .header.open .logo{
        background-size: 170px auto;;
    }

    .header .header-nav > a{      
        padding: 20px 1.5%;
    }
    .rbtn-wrap a.rbtn{
        width:50px
    }
    .sidemenubtn-wrap{
        margin-right: 15px;
        margin-left: 15px;
    }


    /* 모바일 사이드 메뉴 */
    .side-menu {
        width: 100%;
        position: fixed;
        top: 100px;
        right: 0;
        height: calc(100vh - 86px);
        overflow-y: hidden;
        background-color: #fff;
        z-index: 1001;
        display: none;
        opacity: 0;
        border-top: 1px solid #ddd;
    }
    .header.active .side-menu{
        top: 80px;
    }

    .side-menu .side-top {
        padding: 15px 0;
        background-color: #0154a6;
    }

    .side-menu .side-top > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .side-menu .menu-wrap {
        padding: 10px 0 10px 2%;
        height: calc(100vh - 80px);
        overflow-y: scroll;
    }

    .side-menu .menu-wrap .menu-list .menu-depth1 {
        font-size: 2.2rem;
        font-weight: 500;
        color: #000;
        padding-bottom: 10px;
        padding-top: 15px;
        padding-left:15px;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #eee;
    }

    .side-menu .menu-wrap .menu-list .menu-depth1::after {
        content: "";
        width: 15px;
        height: 15px;
        background-image: url(../images/icon-plus2-g.png); 
        background-repeat: no-repeat;
        background-size: 15px auto;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top:-7px;
    }

    .side-menu .menu-wrap .menu-list .menu-depth1.active::after {
        background-image: url(../images/icon-minus2.png);
        /* -webkit-transform: rotate(180deg);
        transform: rotate(180deg); */
        margin-top:0px;
        
    }
    .side-menu .menu-wrap .menu-list .menu-depth1.active{
        position:relative;
        padding-left:15px;
        color:#f81a49;
    }
    .side-menu .menu-wrap .menu-list .menu-depth1.active:before{
        display: inline-block;
        position: absolute;
        top:50%;
        left:5px;
        width:6px;
        height: 6px;
        background-color: #f81a49;
        border-radius: 100px;
        content:"";
    }

    .side-menu .menu-wrap .menu-list .menu-depth2 {
        display: none;
        padding-top: 15px;
        padding-bottom: 15px;
        padding:15px 3%;
        border-top:1px solid #eaeaea;
        border-bottom:1px solid #ddd;
    }

    .side-menu .menu-wrap .menu-list .menu-depth2 > a {
        position:relative;
        display: block;
        margin-bottom: 5px;
        padding:5px 0px 10px 0px;
        color: #555;
        font-size: 2rem;
        width:100%;
        font-weight: 500
    }

    .side-menu .menu-wrap .menu-list .menu-depth2 > a:last-child {
        margin-bottom: 0;
    }
    .side-menu .menu-wrap .menu-list .menu-depth2 > a:hover{
        color:#222;
    }
    .side-menu .menu-wrap .menu-list .menu-depth2 > a.icon-go-home span{
        position:relative;
        display: inline-block;
        padding-right:20px;
    }
    .side-menu .menu-wrap .menu-list .menu-depth2 > a.icon-go-home span{
    display: inline-block;
    padding-right:25px;
    background-image:url('../images/icon-gohome-b.png');
    background-size: 13px auto;
    background-position: top 2px right 2px;
    background-repeat: no-repeat;
    width:auto;
    }

    /* 학과 홈페이지 바로가기 링크 */
    .side-menu .menu-wrap .menu-list .menu-depth2 ul.depth3{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap
    }
    .side-menu .menu-wrap .menu-list .menu-depth2 ul.depth3 li{
        display: inline-block;
    }
    .side-menu .menu-wrap .menu-list .menu-depth2 ul.depth3 li a{
        position: relative;
        display: inline-block;
        padding:8px 25px 8px 10px;
        margin:3px;
        color: #555;
        font-size: 1.8rem;
        border:1px solid #ddd;
    }

    .side-menu .menu-wrap .menu-list li:nth-child(5) a{
        padding:5px 0px 5px 0px;    
    }
    .side-menu .menu-wrap .menu-list li:nth-child(5) .menu-depth2 ul.depth3{
        padding-bottom:10px;
        margin-bottom:10px;
        border-bottom:1px solid #ddd;
    }
    .side-menu .menu-wrap .menu-list li:nth-child(5) .menu-depth2 ul.depth3:last-child{
        padding-bottom:0px;
        margin-bottom:0px;
        border-bottom:none;
    }

    .side-menu .menu-wrap .menu-list li .menu-depth2 ul.depth3.go-homep > li > a:after{
        display: inline-block;
        position:absolute;
        top:50%;
        right:0;
        margin-top:-8px;
        width:16px;
        height: 16px;
        background:url('../images/icon-gohome-g.png') right 5px center  no-repeat;
        background-repeat: no-repeat;
        background-size: 11px auto;
        content:"";

    }
    .side-menu .menu-wrap .menu-list .menu-depth2 ul.depth3 li a:hover{
        background-color: #f81a49;
        border:1px solid #f81a49;
        color:#fff;
    }
    .side-menu .menu-wrap .menu-list li .menu-depth2 ul.depth3.go-homep > li > a:hover:after{
        background:url('../images/icon-gohome-w.png') right 5px center  no-repeat;
        background-size: 11px auto;
    }


    .popImg-wrap {
        justify-content: flex-start;
        width: calc(100% - 570px);
    }
    .popup-list {
        justify-content: space-evenly;
    }
    .popImg-box{
        height: 320px
    }
    .popImg-box img{
        width:320px;
        height: 320px
    }
    .popImg-box-03{
        visibility: hidden;
        text-indent: -3000px;
    }
    .carousel-cell{
        width:320px;
        height: 320px;
    }
    .popImgsWrapper{
        width: auto;
        height: 320px;
    }
    .popup-wrap a.btn-popup-close-top{
        display: none;
    }
    .popup-cont button.btn-popup-close{
        display: inline-block;
    }

    .carousel-cell{
        width: 320px;
        height: 320px;
    }
    
}
@media all and (max-width: 1280px) { 
    .footMenu{   
        margin-left:-49%;
    }
}


@media all and (max-width: 1024px) {  
    .show-1024 {
        display: block !important;
    }  
    .hide-1024 {
        display: none !important;
    }

    .goBtn-box.pc{
        display: none
    }
    .goBtn-box.mo{
        display: block
    }  
    .linkBox.pc{
        display: none;
    }
    .linkBox.mo{
        display: block;
    }
    html,body{
        font-size: 9px !important;
    }
        
    .header .header-inner{
        height: 80px;
    }
    .header .header-nav {
        display: none;
    }

    .rbtn-wrap a.rbtn{
        width:60px;
    }

    .side-menu{
        top:80px;
    }

    .mo-rbtn{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top:20px;
        width:100%;
        border:1px solid #ddd;
    }
    .mo-rbtn li{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width:50%;
    }
    .mo-rbtn li:first-child{
        border-right:1px solid #ddd;
    }
    .mo-rbtn li a.rbtn{
        padding:15px 0;
        width:100%;
        font-size: 2rem;
        text-align: center;
    }
    .mo-rbtn li a.rbtn:hover{
        background-color: #f81a49;
        color:#fff;
    }

    .popImg-wrap{
        height: 400px;
        width: calc(100% - 470px);
    }
    .popup-wrap .popup-tit{
        font-size: 3.5rem;
    }
    .popup-list{
        height: 80%
    }
    .popImg-box.big{
        width:400px;
        height: 400px
    }

    .popImgsWrapper{
        height: 300px
    }
    .popImg-box{
        height: 300px
    }
    .popImg-box img{
        width:300px;
        height: 300px
    }
    .carousel-cell {
        width: 300px;
    }
    .popup-cont button.btn-popup-close{
        width: 30px;
        height: 30px;
        background-size: 25px auto;
    }
    .pop-control-box .btn-box button{
        width:35px;
        height: 35px;
    }
    .pop-control-box .btn-box button.btn-prev,
    .pop-control-box .btn-box button.btn-next{
        background-size: 15px auto;
    }
    .pop-control-box .btn-box button.btn-stop{
        background-size: 7px auto;
    }
    .pop-control-box .pop-num{
        font-size: 1.7rem;
    }
    .popup-foot{
        align-items: center;
        height: 10%;
    }
    .popup-foot button.btn-close{
        padding: 7px 40px 7px 15px;
        background-size: 12px auto;
    }


    #sVisual{
        height: 150px
    }
    .sv-tit {
        margin-top: 60px;
        font-size: 3rem;
    }

    .container .con-tit-wrap{
        /*margin-bottom:0;*/
    }


    ul.tabs{
        flex-wrap: wrap;
    }

    .pdfbtn-wrap a.btn{
        padding: 10px 1% 10px 2%;
    }

    .pdf-wrap {
        width: calc(100% - 180px - 20px);
    }
    .pdfPageNavigator-wrap #pdfPageNavigator{
        width:180px;
    }
    .pdfPageNavigator-wrap #pdfPageNavigator li a {
        padding: 10px;
    }
    .gallBoard-list{/*height: 230px;*/}
    .gallBoard-list .gb-box{height: 200px;}
    .gallBoard-list .gb-box p.thumb {min-height: 148px;}
    .gallBoardWrap .embeded_youtu_view iframe{height: 400px !important;}


    .department-area .dpt-tit{
        height: 150px;
    }

    .facility-area .txt-box{
        padding: 40px 40px 0 40px;
    }

    .sitemap-2dep > li,
    .sitemap-1dep-05 .sitemap-2dep > li{
        width:28%;
    }

}

@media all and (max-width: 900px) {  
    .gallBoard-list{/*height: 210px;*/}
    .gallBoard-list .gb-box{height: 175px;}
    .gallBoard-list .gb-box p.thumb {min-height: 110px;}
    .gallBoardWrap .embeded_youtu_view iframe{height: 300px !important;}
    
    .box-wrap{
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .box-wrap.box-6 dl.box{
        width:20%;
        margin-right:4%;
        margin-bottom:20px;
    }

    .facility-area .img-box{
        width:40%;
        height: 360px;
    }
    .facility-area .txt-box{
        width:60%;
        height: 450px;
    }
    .facility-area .txt-box .fac_detail dl dt{
        width:90px;
    }
    .facility-area .txt-box .fac_detail dl dd{
        width: calc(100% - 90px);
    }

}


  
@media all and (max-width: 768px) {  

    .wu-pc{display: none}
    .wu-mo{display: block}

    .show-768 {
        display: block !important;
        }  
    .hide-768 {
        display: none !important;
    }

    .pc-view {
        display: none !important;;
    }
    .mo-view{
        display: block !important;
    }


    .header .header-inner{
        height: 60px;
        background-color: #fff;
    }   
    .header .logo, 
    .header.active .logo,
    .header.open .logo {
        margin-left: 1%;
        background-image: url(../images/logo.svg);
        background-size: 140px auto;
        width:140px;
    }
    .header .header-nav > a {
        color: #000;
    }

    .header .btn-sidemenu span {
        background: #222;
    }

    .header .header-nav {
        display: none;
    }
    .header.sub .rbtn-wrap a.rbtn.popup span.icon{
        background-image: url(../images/icon-popup-b.svg);
    }

    .rbtn-wrap a.rbtn.vr,
    .rbtn-wrap a.rbtn.daehak{
        display: none;
    }

    .rbtn-wrap a.rbtn{
        height: 40px;
        width:40px;
    }
    .rbtn-wrap a.rbtn span.icon{
        height: 100%;
        background-position: center center;
    }
    .rbtn-wrap a.rbtn:hover span.icon:before{
        top:0px;
        left:65%;    
    }
    .rbtn-wrap a.rbtn span.txt{
        display: none;
    }

    .sidemenubtn-wrap{
        margin-top:0;
    }
    .btn-sidemenu span:nth-child(4){
        display: none;
    }

    .header.active .header-inner{
        height: 60px;
    }
    .side-menu,
    .header.active .side-menu{
        top:60px;
    }

    #section0 .mVisual3{
        padding-top:60px;
    }

    .snb{
        height:45px;
    }

    .snb .allWrap .snbWrap{
        height:45px;
    }

    .snb.fix .allWrap{
        top: 60px;
        height:46px;
    }
    .snb.fix .allWrap:before{
        height:45px;
    }
    .snb.fix .allWrap .snbWrap{
        height:45px;

    }
    .snbWrap a.home{
        width:45px;
        height:45px;
    }

    .snb.fix .snbWrap a.home{
        width:45px;
        height:45px;
    }
    .snbWrap .snbList > li{
    /* min-width: auto;*/
        height:45px;
    }
    .snbWrap .snbList > li > button.currentMenu{
        width:100%;
        height:45px;
        padding-right:40px;
    }
    .snbWrap .snbList > li > button.currentMenu span{
        font-size: 14px;
    }
    .snbWrap .snbList > li > button.currentMenu:after{
        right: 0px;
    }

    .snbWrap .snbList > li:first-child{
        width:130px;
    }
    .snbWrap .snbList > li:first-child > ul{
        width:100%;  
    }
    .snbWrap .snbList > li:last-child > ul{
    /* min-width:100%;*/
    margin-left:-1px;
    }
    .snbWrap .snbList > li > ul{
        top:45px;
    }
    .snb.fix .snbWrap .snbList > li > ul{
        top:45px;
        background-color: #f7f7f7
    }

    .snbWrap .snbList > li > ul > li a{
        font-size: 14px;
    }


    footer .ft-top{
        padding:15px 0;
        flex-direction: column;
        height: auto;
    }
    footer .ft-top div.row{
        flex-direction: column !important;
    }
    footer .ft-top a.btn-privacy{
        padding: 10px 15px;
    }
    .ft-call{
        margin:10px 0;
    }
    .ft-sns-box{
        margin-left:0;
    }
    .address-wrap{
        flex-direction: column;
    }
    .address-wrap address{
        width:100%;
        text-align: center
    }
    .address-wrap address .copyright{
        margin-top:10px;
    }
    .address-wrap .ft-mark-box{
        width:100%;
        background-position: center bottom;
    }

    .container .con-tit-wrap{
        padding-bottom:20px;
    }
    .txt-wrap{
        padding:10px;
    }
    .txt-wrap02{
        padding:7px 7px 7px 10px;
    }
    .txt-wrap > ul.txt-list > li{
        padding: 2px 10px;
    }
    .txt-wrap > ul.txt-list > li:before{
        top: 8px;
    }

    .tbl-wrap table.big tbody th, 
    .tbl-wrap table.big tbody td{
        padding:15px 0;
    }
    .tbl-wrap table tbody td a{
        display: flex;
    /* font-size: 16px;*/
    }

    .tbl-wrap table.big thead th{
        padding:20px 0;
    }

    .board-wrap table tbody td{    
        padding:15px 0;
    }
	.board-list tbody td p.mo-view span.mo-view-txt,
	.board-list tbody td p.mo-view span.mo-file{position:relative;display:inline-block;padding-top:10px;padding-right:10px;margin-right:10px;font-size:13px; color:#777;}
	.board-list tbody td p.mo-view span.mo-view-txt:after{
		position: absolute;
		right:0;
		content:"|";
		font-size: 10px;
		color:#ccc;
	}

	.board-list tbody td p.mo-view span:last-child:after{
		content:"";
	}
	.board-list tbody td p.mo-view span.mo-file img.mo-icon-file{margin-top:-5px;width:82%;}
	.board-list tbody td p.mo-view span.mo-view-txt.mo-file:after{
		display: none
	}

    .board_quick > a .date{
        display: none;
    }

    .pageing dt{
        display:inline-block;
        margin:0 1px;
    }
    .pageing dt a{
        height:22px;
        width:22px;
        line-height:20px;
    }

    ul.tabs li.tab-link{
    padding: 10px 5%;
        min-width: auto;
    }

    .pdf-area{
        flex-direction: column;
    }

    .pdfPageNavigator-wrap{
        position:relative;
    }
    .pdfPageNavigator-wrap .btn-pdfPageNav {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        width: 100%;
        height: 35px;
        box-sizing: border-box;
        padding:0px 10px;
        border: 1px solid #f81a49;
        background-color:#fff;
        color: #f81a49 !important;
        font-size: 15px;
        font-weight: 500;
        line-height: 35px;
        text-align: left;
        z-index: 101;
    }
    .pdfPageNavigator-wrap .btn-pdfPageNav:after{
        display: inline-block;
        position:absolute;
        top:0;
        right:15px;
        width:20px;
        height: 30px;
        background: url('../images/icon-bookmark.svg') top right no-repeat;
        background-size: 15px auto;
        content:"";
    }
    .pdfPageNavigator-wrap #pdfPageNavigator {
    display: none;
        position: absolute;
        overflow: hidden;
        height: auto;
        box-sizing: border-box;
        padding: 0px 0;
        margin-top:0px;
        border: 1px solid #f81a49;
        background: #fff;
        z-index: 102;
        transition: 0.2s;
        width:100%;
    }
    .pdfPageNavigator-wrap #pdfPageNavigator li {
        display: table;
        position: relative;
        width: 100%;
        margin-bottom: -1px;
        table-layout: fixed;
        z-index: 0;
        transition: 0.2s;
    }
    .pdfPageNavigator-wrap #pdfPageNavigator li.active a:after{
        display: none
    }

    .pdf-wrap{
        margin-top:50px;
        width:100%;
    }
    #pdfIframe{
        height: 550px
    }

    .faq_list > li > a{
        padding: 10px 10px 10px 40px;
    }
    .faq_list > li > a:before{
        left:10px;
    }
    .faq_list > li > a:after{
        right:10px;
        margin-top:-11px;
        background-size: 15px auto;
    }
    .faq_list > li.on > a:after{
        background-size: 15px auto;

    }
    .faq_list > li > a .col {
        height: 40px;
    }
    .faq_list > li > a .tit{
        font-size: 16px;
    }

    .faq_list .answer .inner{
        padding: 15px 2% 22px 40px;
        font-size: 15px;
    }
    .faq_list .answer .inner:before{
        left: 42px;
    }

    .box-wrap.box-6 dl.box{
        width:29%;
        margin-right:4%;
    }

    .choiceMonth span.thisMonth{
        font-size: 3rem
    }
    .choiceMonth span.prevMonth a, .choiceMonth span.nextMonth a{
        width:35px;
        height: 35px;
        background-size: 20px auto;
    }
    .reference {
        padding: 20px 10px;
        border:none;
    }
    .reference.tbl-wrap table tbody td a{
        font-size: 15px ! important;
    }

    .sitemap-2dep > li,
    .sitemap-1dep-05 .sitemap-2dep > li{
        width:48%;
        max-width: 48%;
        margin-right:1%;
    }

}



@media all and (max-width: 640px) {
    .popup-list{
        flex-direction: column;
        align-items: center;
        height: 100%;
        margin:0;
    }
    .popImg-box.big{
        max-width:95%;
        width:95%;
        max-height: 95%;
        height:auto;
        margin:0;
        margin-bottom:20px;
    }
    .popImgsWrapper{
        height: auto;
    }
    .popImg-wrap{
        align-items: center;
        margin-bottom:50px;
        height: auto;
    }
    .popImgsWrapper .popImg-box{
        visibility:hidden;
        height: 0
    }
    .popImgsWrapper .popImg-box img{
        visibility:hidden;
        height: 0    
    }
    .pop-control-box{
        justify-content: center;
        left: 50%;
        margin-left: -80px;
    }
    /*20231204 수정 :: 팝업이미지 1개일때 잠시 수정*/
    .pop-control-box.img1{
        left: auto;
        right:0;
        margin-left: 00px; 
    }

    .pop-control-box .btn-box button {
        display: inline-block;
        width: 50px;
        height: 50px;
    }
    .pop-control-box .btn-box button.btn-prev,
    .pop-control-box .btn-box button.btn-next{
        background-size: 20px auto;
    }
    .pop-control-box .btn-box button.btn-stop{
        background-size: 10px auto;
    }
    .pop-control-box .btn-box button.btn-play{
        background-size: 16px auto;
    }

    #sVisual{
        height:60px;
    }
    .sv-tit {
        margin-top: 60px;
        font-size: 2rem;
    }
    .sVis01,
    .sVis02,
    .sVis03,
    .sVis04,
    .sVis05,
    .sVis06{
        background-size: 160% auto  ;
    }

    @-webkit-keyframes zoom-a {
        0% { background-size: 200% auto; }
        100% { background-size: 160% auto; }
    }
    @-moz-keyframes zoom-a {
        0% { background-size: 200% auto; }
        100% { background-size: 160% auto; }
    }
    @-o-keyframes zoom-a {
        0% { background-size: 200% auto; }
        100% { background-size: 160% auto; }
    }
    @keyframes zoom-a {
        0% { background-size: 200% auto; }
        100% { background-size: 160% auto; }
    }

    .snb .allWrap{
        border-top:1px solid #eee;
    }



    .onlineVideo-list .innerbox .ov-tit{
        padding: 10px 15px;
    }
    .onlineVideo-list .innerbox .ov-tit .num {
        font-size: 2.2rem;
    }
    .onlineVideo-list .innerbox .ov-tit .thumb{
        padding:0;
        width:20%;
    }
    .onlineVideo-list .innerbox .ov-tit .txt-box{
        width:70%;
    }
    .onlineVideo-list .innerbox .ov-tit .txt-box .tit{
        margin-bottom: 5px;
        font-size: 1.8rem;
    }
    .onlineVideo-list .innerbox .ov-tit .go-youtu a.btn-go-youtu {
        width: 40px;
        height: 40px;
        background-size: 20px auto;
    }

    .pdfbtn-wrap{
        flex-wrap: wrap;
    }

    .pdfbtn-wrap a.btn{
        width:48%;
        max-width: 48%;
    }
    #pdfIframe{
        height: 550px;
    }
    .cont-wrap.sub01-cont-wrap{
        padding-bottom:0;
    }


    .gallBoard-list{width: calc(100% + 10px);margin-left: -10px;/*height: 190px;*/}
    .gallBoard-list .gb-box{width: calc(50% - 10px); padding: 20px 0 20px 10px;height: 250px;}
    .gallBoard-list .gb-box.empty-box{/*display: none*/}
    .gallBoard-list .gb-box.empty-box.eb-moNone{display: none}
    .gallBoard-list .gb-box p.thumb {min-height: 110px;}
    .gallBoard-list .gb-box.empty-box p{width:100%;}
    .gallBoardWrap .embeded_youtu_view iframe{height: 250px !important;}


    .department-area .dptWrap{
        margin-top:100px;
    }
    .department-area .dpt-tit{
        height: 80px;
        border-radius: 10px;
    }
    .department-area .dptWrap.dptWrap-1 .dpt-tit{
        background-position: left center;
        background-size: 100% auto;
    }
    .department-area .dptWrap.dptWrap-2 .dpt-tit{
        background-position: left center;
        background-size: 100% auto;
    }
    .department-area .dptWrap.dptWrap-3 .dpt-tit{
        background-position: left center;
        background-size: 100% auto;
    }
    .department-area .dptWrap.dptWrap-4 .dpt-tit{
        background-position: right center;
        background-size: 100% auto;
    }
    .department-area .dptWrap.dptWrap-5 .dpt-tit{
        background-position: left center;
        background-size: 100% auto;
    }
    .department-area .dptWrap.dptWrap-6 .dpt-tit{
        background-position: right center;
        background-size: 100% auto;
    }
    ul.dpt-list li.dptBox{
        width:100%;
    }
    ul.dpt-list li.dptBox div.btn-box a{
        width:40px;
        height: 40px;
    }

    .input-wrap .input-btn button.sch-btn{
        width:30px;
        height: 30px;
        background-size: 18px auto;
    }

    .box-wrap.box-6 dl.box{
        width:42%;
        margin-right:7%;
        margin-bottom:10px;
    }

    .facility-area,
    .facility-area.row-reverse{
        flex-direction: column;
    }
    .facility-area .img-box{
        width:100%;
        height: 200px;
    }
    .facility-area .txt-box{
        padding: 50px 15px 30px 15px;
        width:100%;
        height: auto;
    }

    .facility-area.facility01 .img-box{
        background-position: left top -100px;
    }
    .facility-area.facility02 .img-box{
        background-position: left top -100px;
    }
    .facility-area.facility03 .img-box{
        background-position: left top -100px;
    }
    .facility-area.facility04 .img-box{
        background-position: left bottom;
    }
    .facility-area.facility05 .img-box{
        background-position: left top -150px;
    }
    .facility-area.facility06 .img-box{
        background-position: center bottom -100px;
    }
    .facility-area.facility07 .img-box{
        background-position: left -100px top -100px;
    }

    .tbl-wrap table thead th, 
    .tbl-wrap table tbody th, 
    .tbl-wrap table tbody td{
        padding: 10px;
    }
    .radio-custom {
        margin-top:2px ;
        margin-bottom:2px;
    }

    .tbl-wrap table td select{
        padding: 6px 40px 6px 10px;
        height: 38px;
        font-size: 1.8rem;
        min-width: 90%;
    }
    input[type='text'], input[type='number'], 
    table td input[type='email'], 
    table td input[type='password']{
        height: 35px;
    }
    p.tbl-mo-tit{
        display: inline;
        padding:5px 8px;
        background-color: #f8f8f8;
        width:auto;
        text-align: center;
    }
    .tbl-wrap table tbody td a img.lock{
        width:12px ;
    }

    .qna-wrap .search-area .search-wrap {
        flex-wrap: wrap;
        border-bottom:none;
    }
    .qna-wrap .search-area .search-wrap .flL{
        width:30%;
        border-bottom: 1px solid #222;
    }  
    .qna-wrap .search-area .search-wrap select.sch-select{
        width:100%;
        background-size: 10px auto;
        background-position: center right 5px; 
        padding-right: 30px;
        padding-left: 7px;
    }
    .qna-wrap .search-area .search-wrap .flL.input-wrap{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width:90%;
        border-bottom: 1px solid #222;
    }

    .agree-box{
        padding: 10px;
    }
    .agree-box-con{
        padding: 10px 10px 0px;
    }
    .agree-box-con p{
        font-size:14px;
    }
    .agree-box .agree-txt{
        padding:10px;
        font-size:14px;
    }
    .agree-box .agree-txt span{
        margin-bottom:10px;
        width:100%;
    }
    .radio-custom.sm{
        font-size:14px;    
    }

    .box-2dep .box-3dep .box-bg input#sub_cnt{
        width:90%;
    }

    .goBtn-box{
        margin-top:30px;
    }
    .goBtn-box a.goBtn{
        padding-top: 45px;
        width: 130px;
        height: 70px;
    }

    ul.dpt-list li.dptBox{
        padding: 20px 10px 20px 10px;
    }

    .sitemap-1dep dt, 
    .sitemap-1dep dd{
        display: block;
    }
    .sitemap-1dep dt{
        width:100%;
    }
    .sitemap-1dep dd{
        width:100%;
    }

    /* 테이블내 파일 다운로드 버튼 */
    a.btn-filedown-sm,
    button.btn-filedown-sm{
        font-size: 13px;
        background-size: 11px auto;
        background-position: left 8px top 3px;
    }

    .modal-shorts-content {
        width: 86%;
        max-width: 86%;   
        
        height: 79dvh;
        margin: 10dvh auto 0px;
    }


    .modal-shorts .prev,
    .modal-shorts .next{
        width:40px;
        height: 50%;
        background-size: 16px auto;
         border-radius: 10px;
    }
    .modal-shorts .prev { 
        left:-20px; 
    }
    .modal-shorts .next { 
        right:-20px; 
    }


}

  
@media all and (max-width: 640px) and (max-height: 768px) {  
    .popup-cont{
        width: 98%;
    }
    .popup-list-wrap{
        overflow-y: auto;
        min-height: 400px;
    }
    .popup-list{
        min-height: 400px;
        overflow-y: auto;
    }
    .popImg-box{
        margin: 0 0px 0 0;
    }
    .popImgsWrapper .popImg-box{
        visibility:hidden;
        height: 0
    }
    .popImgsWrapper .popImg-box img{
        visibility:hidden;
        height: 0    
    }

    .popup-foot button.btn-close{
        font-size: 1.6rem;
    }

}



@media all and ( max-width: 540px ){  
    .snbWrap .snbList > li{
        min-width: auto
    }

    .snbWrap .snbList > li:first-child {
        width: 110px;
    }
    .snbWrap .snbList > li.pathDepth2{
        min-width: 170px;
    }

    .onlineVideo-list .innerbox {
    }
    .onlineVideo-list .innerbox .ov-tit{
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 10px 20px;
        width:100%;
    }
    .onlineVideo-list .innerbox .ov-tit .num {
        width:30px;
    }
    .onlineVideo-list .innerbox .ov-tit .thumb{
        width:calc(100% -30px);
        height: 30px;
        text-align: left
    }
    .onlineVideo-list .innerbox .ov-tit .thumb img{
        width:auto;
        height: 100%;
    }
    .onlineVideo-list .innerbox .ov-tit .txt-box{
        width:87%;
    }
    .onlineVideo-list .innerbox .ov-tit .txt-box .tit{
        margin-top:10px;
        margin-bottom: 5px;
        font-size: 1.8rem;
    }
    .onlineVideo-list .innerbox .ov-tit .go-youtu a.btn-go-youtu {
        justify-content: flex-end;
    }


    .gallBoard-list .gb-box{height: 220px;}

    .reference.tbl-wrap table tbody td a {
        font-size: 14px ! important;
    }
}

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

  
    html,body{
        font-size: 8px !important;
    }

    .popup-foot{
        flex-direction: column-reverse;
        margin-top:10px;
    }
    .popup-foot button.btn-close.btn-today-close{
        margin-top:10px;
    }

    .gallBoard-list .gb-box{height: 180px;}

    .search-area .search-wrap{
        max-width: 300px
    }
    .search-area .search-wrap input[type='text']{
        max-width:140px;
    }

    .pageing dt a{
        height:20px;
        width:20px;
        line-height:18px;
    }
  

}

@media all and ( max-width: 390px ){
    .shorts-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 4px;
    }
    .shorts-list div span{
        width:160px;
    }
}

@media all and ( max-width: 320px ){
    .shorts-list {
        grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
        gap: 4px;
    }
    .shorts-list div span{
        width:90%;
    }
}