@media (max-width:1600px) {

    /* tabBtn */

    .tabBtn > li > a > div {
        height: 2.7rem;
    }

    .tabBtn > li > a > div > img {
        width: 2rem;
    }

    /* 인사말 */

    #con1 .intro .intro-img {
        padding: 0 .5rem 1rem .5rem;
    }
   
    #con1 .intro .intro-img img {
        width: 14rem;
        left: 50%;
    }
    
    #con1 .intro-txt p {
        margin-bottom: .8rem;
    }
    
    #con1 .intro-title1, #con1 .intro-title2 {
        width: 1.5rem;
    }

    
.dotWrap .slick-dots li:nth-of-type(5)::before {
    top: -2.7rem;
}

.dotWrap .slick-dots li:nth-of-type(5)::after {
    top: -1.7rem;
}
}

@media (max-width:1380px) {
    .visualWrap.active .visual-dots {
        width: 90%;
    }
}

@media (max-width:1300px) {
    #con1 .con1-img2 {
        right: 0;
    }
}


@media (max-width:1240px) {

    
    .visualWrap {
        height: 35rem;
    }
    
#prev {
    left: 2rem;
}

#next {
    right: 2rem;
}

}

@media (max-width:1150px) {
    
.dotWrap .slick-dots li:nth-of-type(5)::before {
    top: -3.35rem;
}

.dotWrap .slick-dots li:nth-of-type(5)::after {
    top: -2.4rem;
}

.visualWrap.active .visual-dots {
    width: 85%;
}
}

@media (max-width:1000px) {

    /* con1 */

    #con1 .con1-img2 {
        width: 18rem;
    }

    /* 조직도 */

        
    .organ1 {
        width: 85%;
        position: relative;
        margin: auto;
    }

    .organ2::before {
        width: calc(100% - 15.6rem);
    }

}

@media (max-width:768px) {

    .visualWrap {
        height: 30rem;
    }

    
    .visualWrap.active .visual-dots {
        width: 100%;
    }


    #next, #prev {
        display: none !important;
    }

    .dotWrap .play {
        display: none;
    }
        
    .visualWrap .visual-txt {
        font-size: 2rem;
        top: 35%;
    }

    .visualWrap .visual-txt span {
        display: block;
        font-size: 1.1rem;
    }

    .visual-dots {
        width: 100%;
        left: inherit;
        right: 0;
        bottom: 13.5rem;
        transform: inherit;

    }

    .dotWrap .slick-dots {
        position: relative;
    }

    .dotWrap .slick-dots li {
        width: 8rem;
        position: absolute;
        top: 0;
    }

    .dotWrap .slick-dots li:before, .dotWrap .slick-dots li:after {
        font-weight: 500;
    }

    
    .dotWrap .slick-dots li:before {
        top: -2.1rem;
    }

    .dotWrap .slick-dots li:after {
        top: -1.3rem;
    }

    .dotWrap .slic-dots li:nth-of-type(1) {
        left: 0;
    }

    .dotWrap .slick-dots li:nth-of-type(2) {
        top: 0;
        right: 0;
    }
    
    .dotWrap .slick-dots li:nth-of-type(3) {
        left: 0;
        top: 3.5rem;
    }
    
    .dotWrap .slick-dots li:nth-of-type(4) {
        top: 3.5rem;
        right: 0;
    }

    .dotWrap .slick-dots li:nth-of-type(5) {
        top: 8.5rem;
        left: 0;
    }

    .dotWrap .slick-dots li:nth-of-type(2n) {
        margin-right: 0;
    }

    #contents {
        margin-top: -1.4rem;
        padding: 2rem 0;
    }

    #con1 .con1-img {
        height: 15rem;
    }
    
    #con1 .after > div {
        width: 100%;
        height: auto;
    }

    #con1 .right {
        padding: 1rem;
    }

    #con1 .right p {
        line-height: inherit;
    }

    /* 인사말 */

    #con1 .sub > div {
        padding: 1rem;
    }

    .sub-title {
        padding: .5rem 0;
    }

    #con1 .intro .left {
        width: 30%;
    }

    #con1 .intro-title {
        width: 70%;
        margin: 1.3rem 0;
    }

    #con1 .intro .intro-img {
        padding: 0 .5rem .5rem;
    }

    #con1 .intro .intro-img img {
        width: 200px;
        left: 0;
        transform: inherit;
    }


        
    /* 조직도 */

    .organ1 {
        width: 100%;
    }

    .organ1 > li > span {
        width: 100%;
    }

    .organ1 > li > span::after {
        display: none;
    }

    .organ2 {
        width: 100%;
        margin: 1rem 0;
    }

    .organ2::before {
        display: none;
    }

    .organ2 > li {
        width: 100%;
        margin-bottom: .7rem;
    }

    .organ2 > li::before {
        height: 1.3rem;
    }

    /* tabBtn */
    
    
    .tabBtn  {
        top: -2.35rem;
    }
    .tabBtn > li {
        width: 49.5%;
        margin-right:1%;
        margin-bottom: 1%;
        min-height: auto;
        padding: 1rem .5rem;
    }
    
    .tabBtn > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .tabBtn > li::after {
        display: none;
    }

    .tabBtn > li > a {
        text-align: left;
        padding-left: 4.5rem;
        box-sizing: border-box;
    }

    .tabBtn > li > a > div {
        position: absolute;
        left: 0;
        width: 5.1rem;
        height: 100%;
        top: 0;
    }

    .tabBtn > li > a > div > img {
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .tabBtn strong {
        font-size: 1rem;
    }
}

@media (max-width:510px) {

    
    .tabBtn > li > a {
        padding-left: .3rem;
    }

    
    .tabBtn strong {
        padding-left: 2.3rem;
        margin-bottom: .3rem;
        font-size: .9rem;
    }

    
    .tabBtn > li > a > div {
        width:3.4rem;
    }

    
    
    .tabBtn > li > a > div > img {
        width: 1.4rem;
        top: .8rem;
        transform: translateX(-50%);
    }
}

@media (max-width:500px) {
    
    #con1 .intro .intro-img {
        padding: 0 1rem .1rem;
    }

    #con1 .intro-title {
        font-size: 1.1rem;
        margin: .3rem 0 1.3rem;
    }

    #con1 .intro-title1, #con1 .intro-title2 {
        width: 1rem;
    }

    #con1 .intro-title1 {
        top: 0;
    }

    #con1 .intro-txt p {
        margin-bottom: .4rem;
    }
}

@media (max-width:428px) {
    
    #con1 .con1-img2 {
        width: 12rem;
        bottom: -1rem;
        right: -1rem;
    }
}

@media (max-width:390px) {
    #con1 .intro-title {
        margin: 0 0 1rem;
    }
}

@media (max-width:373px) {
    .tabBtn span {
        display: none;
    }
}