/*----------------------------------------------------------------------1180----------------------------------------------------------------*/
@media (max-width: 1180px) {

 
/*intro_01--------------*/
.sec_tit .profile_img {
    display:none;
}
.sec_tit .inner{
    width:90%;
}
.sec_tit .tit_text strong {
    font-size:20px;
}
.sec_desc p{
    padding:0 10px;
}
/*intro_02--------------*/
.sec_about_list{
    display:none; 
}
.about_banner{
    display:none; 
}
 
/*-------------------------------------------------------------------------------------------*/
    #location{
        display:none;
    }

    #header{
        height:50px;
        display:none;
    }

    #Top_header{
        height:0px;
        display:none;
    }

  

    header {

        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background: #000000;
        border: 1px solid #eee;
        opacity: 0.7;
        z-index: 2000;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .util {
        display: none;
    }

    .menu_area {
        display: none;
    }

    .backdrop,
    .hBackdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 100;
        display: none;
    }

}


/*----------------------------------------------------------------------min 1025----------------------------------------------------------------*/
@media screen and (min-width:1025px) {
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li:hover:after {
        width: 70%;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a:hover,
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a {
        color: #363636;
        background-color: #fff;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a:hover:after,
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a:hover:before,
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:after,
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:before,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a:after,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a:before {
        background-color: #363636;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li:hover > a:before {
        right: 30px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li:hover > a:after {
        right: 34px;
    }
}
/*----------------------------------------------------------------------1023----------------------------------------------------------------*/
@media screen and (max-width:1023px) {
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover:after {
        width: 70%;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a {
        color: #363636;
        background-color: #fff;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:after,
    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:before,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a:after,
    .subBannerWrap .subMenuWrap.scroll .layout .leftWrap .depth1 > li > a:before {
        background-color: #363636;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:before {
        right: 20px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li.hover > a:after {
        right: 24px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a:before {
        right: 24px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a:after {
        right: 20px;
    }

    .subBannerWrap {
        padding: 55px 0 60px;
    }

    .caTabMenu li a {
        font-size: 15px;
        padding: 15px 0;
    }

    .caTabMenu li.active a {
        padding: 16px 0;
    }

    .subTitle {
        font-size: 28px;
    }

    .TreeBox{
        flex-direction: column;
    }


}

/*----------------------------------------------------------------------768----------------------------------------------------------------*/

@media (max-width:768px) {
    
  

    .Login_infobox {
        
        position: relative;
        left:0;
    }
    .wrapper1{
        display:none;
    }
    .subBannerWrap3{
        height:auto;
        padding:0 0;
    }

    .subBannerWrap31{
        display:none;
    }

    .modal-content > div {
        padding: 10px;
    }
    .photo{
        flex: 0;
        background: none;
        flex-basis: 0px;
    }


    .Notice_LineB{
        font-size:14px;
        padding: 5px 0 5px 10px;
    }
    pR1{
        font-size:30px;
    }
    #s_title{
        top:-15px;
    }
    .subBannerWrap2{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        padding-top: 0px;
    }

    .Big_Picture > img {
        height: 100px;
       
    }

    .modal-content {
        flex-direction: column;
        width: 100%;
    }
    .modal-content > div {
        width: 350px;
    }
    
    .section2Wrap:after {
        content: '';

        clear: both;
    }

    .section2Wrap {
        /* overflow:hidden; */
        white-space: nowrap;
        display: inline-block;
    }

    .section2Wrap .layout {
        /*  width:655px; */
    }

    .section2Wrap a {
        display: block;
        float: left;
        margin: 0 8px;
        text-align: center;
    }

    .section2Wrap a img {
        width: 35px;
    }

    .section2Wrap a span {
        font-size: 13px !important;
    }

    .section2Wrap br.hide {
        display: block !important;
    }

    .scene_1 {
        height: 150px;
        width: 100%;
    }
    .scene_2 {
        display: none;
    }
    .foot_partner {
        display: none;
    }
    .main_vi_slider li .txt_wrap {
        display: none;
    }

    .subBannerWrap3 {
       /* display: none; */
    }
    .subBannerWrap4 {
        display: none;
    }

    .subTitle {
        font-size: 25px;
        padding-left: 0;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .subContentWrap {
        padding: 40px 0 50px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .homeBtn {
        width: 50px;
    }

    .subBannerWrap .subMenuWrap {
        height: 50px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .homeBtn img {
        left: 19px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li:first-child {
        display: none;
    }

    .subBannerWrap .subMenuWrap .layout .rightWrap a:first-child {
        display: none;
    }

    .subBannerWrap .subMenuWrap .layout .rightWrap {
        padding-right: 0;
        width: 50px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li > a {
        line-height: 50px;
        padding: 0 110px 0 20px;
        font-size: 15px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 {
        width: calc(100% - 50px);
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap {
        width: 100%;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li:before {
        display: none;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth1 > li {
        width: 100%;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth2 > li > a {
        font-size: 14px;
        padding: 10px 0;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth2 {
        padding: 10px;
    }

    .subBannerWrap .subMenuWrap .layout .rightWrap a {
        width: 100%;
        margin: 0;
    }

    .subBannerWrap .subMenuWrap .layout .rightWrap a img {
        width: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }

    .subBannerWrap {
        padding: 55px 0 50px;
        height: 195px;
       /*  display: none; */
    }
    pw2 {
        display: none; 
    }
    .slogan_txt {
        display: none;         
    }
    .forest_png{
        display: none;      
    }
    .small_subBannerWrap {
        display: block;
    }

    .subBannerWrap .textWrap .contentWrap h2 {
        font-size: 25px;
    }

    .caTabMenu {
        display: none;
    }

    .pagination a {
        width: 30px;
        line-height: 27px;
        height: 30px;
        font-size: 13px;
    }

    .pagination > a {
        line-height: 30px;
    }

    .pagination a img {
        width: 6px;
    }

    .subBannerWrap .subMenuWrap .layout .leftWrap .depth2 > li > a img {
        width: 12px;
    }

    .tabSel {
        display: block !important;
        margin-bottom: 15px;
        border: 1px solid #d7d7d7;
        border-radius: 0 0 10px 0;
        width: 100%;
        background-color: #fff;
        height: 40px;
        padding-left: 15px;
        font-size: 13px;
        font-family: 'NotoKrD';
    }

    .Notice_LineB .Ndate{
        font-size:14px;
    }

     /*intro_02--------------*/
    .edu_point{
    flex-direction: column;
    }
    .round_box{
        height: 100px;
        border-radius:0px;
    
    /* background: linear-gradient(135deg, #5fbb40, #c9e949); */
    border: 0px solid #fff;
    }
    .text_box{
        margin: -35px 0 0 0;
       
    }
    .round_box p{
        padding-top: 20px;
    }
    .point_box{
        height:300px;
    }
    .edu_p_02_table_set p{
        padding-top: 0;
    }

    .TreeBox_Left img{
      width:300px;
      height:300px;

    }
    .TreeBox_Left {
        align-self: center;
    }
    .TreeBox_right .color-line{
        font-size: 13px;
    }


}


/*----------------------------------------------------------------------535----------------------------------------------------------------*/
@media screen and (max-width:535px) {
    .scrollBack .class_title{
        font-size: 18px;
        font-weight: 300;
        line-height: 1.2em;
        font-family: 'NanumSL';
        text-shadow: 0 0 5px #000;
        letter-spacing:  -0.05rem;
   
    text-align: center;
    padding: 30px 0;
    padding-top: 50px;
    text-shadow: 2px 2px 10px rgb(0 0 0 / 80%);
    }

    .flex-wrapper .overlay-inner p {
        display:none;
    }
    .flex-wrapper c2{
        display:none;
    }
    #clip_box{
        display:none;
    }
    #text_content{
        padding: 0px 10px;

    }
    .sec_tit{
        display:none; 
    }
    #BodyText{
        display:none;
    }
    .intro_03_table_set #sbus_middle {
    width: 350px;
    overflow-x: scroll;
    }

    .sec_tit .tit_text strong{
        padding-top: 60px;
    }


    .board_search .form_select {
        width: 100px;
    }
    .board_search .form_search {
        width: 200px;
    }

     input[type="text"] {
        width: 200px;
        padding: 15px 12px;
        margin-bottom: 5px;
        border: 1px solid #e5e5e5;
        border-bottom: 2px solid #ddd;
        background: #f2f2f2;
        color: #555;
      }
      input[type="password"] {
        width: 200px;
        padding: 15px 12px;
        margin-bottom: 5px;
        border: 1px solid #e5e5e5;
        border-bottom: 2px solid #ddd;
        background: #f2f2f2;
        color: #555;
      }




    #Clayout2 {
        width: 100%;
        display: block;
    }
    #Clayout1 {
        width: 100%;
        display: block;
    }

    .subBannerWrap1 {
        height: 1200px;
        z-index: 1;
    }
    .title em {
        font-size:32px;
    }
    .title em1{
        font-size:32px;
    }
    .edu_p_02_table_set table{
        width:700px;
    }
    .edu_p_02_table_set{
        width:420px;
        overflow-x: scroll;
    }
}

/*----------------------------------------------------------------------420----------------------------------------------------------------*/

@media (max-width:420px) {
    h2{
        padding: 20px 0;
        padding-top: 0;
    }
    .section2Wrap a{
        margin: 0 4px;
    }
    .subBannerWrap3{
        padding: 0 0;
    }
    .subBannerWrap2{
        padding-left:10px;
        padding-right:10px;
    }

    /*intro_02--------------*/
    .title em{
        font-size:28px;
    }
   
      /*edu_02--------------*/
    .edu_p_02_table_set table{
        width:700px;
    }
    .edu_p_02_table_set{
        width:360px;
        overflow-x: scroll;
    }
    
}