@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/
@media (max-width:1440px){
    .mct01 ul li a {padding: 20px;}

    #footer .mid_bx {padding-right: 20px;}
}

@media (max-width:1320px){
    body {font-size: 15px;}

    .mct01 ul li {width: 19%;}

    #footer .inner {justify-content: flex-start;}    
    #footer .left_bx {width: 220px;}
    #footer .mid_bx {width: calc(100% - 220px);}
    #footer .rgt_bx {width: 100%; display: flex; flex-flow: row wrap; margin-top: 20px;}
    #footer .rgt_bx li {max-width: 190px;}
    #footer .rgt_bx li:last-child {margin-left: 20px;}
    #footer .rgt_bx li:last-child a {border-top: 0;}
    #footer .rgt_bx li a {padding: 0;}
    #footer .rgt_bx li a img {margin-left: 10px; display: block;}
}

@media (max-width:1200px){}

@media (max-width:1024px){
    body {font-size: 14px;}

    #header {height: 100px;}
    #header .gnb {display: none;}

    .mct {padding: 100px 0;}
    .mct .mct_tit {margin-bottom: 50px;}

    .mv_sec,
    .mv_sec .item {height: 90vh;}
    .mv_sec .item .mv_txt {padding-bottom: 20px;}
    .mv_sec .item .mv_txt h5 {margin-top: 10px;}
    .mv_sec .item .mv_txt p {margin-top: 20px;}
    .mv_sec .item .mv_txt p br {display: none;}
    .mv_sec .mv_control {right: 20px;}
    .mv_sec .mv_control [class*='owl-'] {width: 50px;}
    .mv_sec .mv_control .owl-prev {margin-top: 15px;}

    .mct01 ul {justify-content: center;}
    .mct01 ul li {width: 32%; margin-right: 2%;}
    .mct01 ul li:nth-child(3n) {margin-right: 0;}
    .mct01 ul li:nth-child(n+4) {margin-top: 2%;}
}

@media (max-width:960px){}

@media (max-width:768px){
    body {font-size: 12px;}

    .mct {padding: 80px 0;}
    .mct .mct_tit {margin-bottom: 40px;}

    .mct01 ul {justify-content: center;}
    .mct01 ul li {width: 49%; margin-right: 2%;}
    .mct01 ul li:nth-child(3n) {margin-right: 2%;}
    .mct01 ul li:nth-child(2n) {margin-right: 0%;}
    .mct01 ul li:nth-child(n+3) {margin-top: 2%;}
    .mct01 ul li a {height: 100%;}
    .mct01 ul li h4 {margin-bottom: 20px;}

    .mct02 ul li {width: 100%; max-width: none; margin-top: 15px;}
    .mct02 ul li:first-child {margin-top: 0;}
    .mct02 ul li a {display: flex; justify-content: space-between; flex-flow: row wrap;}
    .mct02 ul li .img_wrap {max-width: 446px; width: 55%;}
    .mct02 ul li .txt_wrap {width: 44%; margin-top: 0; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding: 20px ;}
    .mct02 ul li .txt_wrap h6 {width: 100px; height: 30px; margin-top: 15px;}

    .mct03 .tab_ul {margin-bottom: 20px;}
    .mct03 .tab_ul li {height: 60px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
    .mct03 .tab_ul li a {margin-left: 10px; position: relative; top: 0; right: 0; width: 25px; display: none; line-height: 1;}
    .mct03 .tab_ul li.on a {display: block;}
    .mct03 .list_wrap .list_bx table thead tr th {padding: 15px 0;}
    .mct03 .list_wrap .list_bx table tbody tr td {padding: 10px 0;}

    #footer .left_bx {width: 100%}
    #footer .mid_bx {width: 100%; margin-top: 20px; padding: 0; border: 0;}
    #footer .mid_bx p span {margin-right: 10px;}
    #footer .mid_bx p span::after {right: -10px;}
    #footer {padding: 30px 0;}
}

@media (max-width:640px){}

@media (max-width:480px){
    body {font-size: 10px;}

    .mct {padding: 60px 0;}
    .mct .mct_tit {margin-bottom: 30px;}
    .mct .mct_tit::before {margin-bottom: 15px;}
}