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

/**** Media Query *********************************/	

@media (max-width:1720px){
    .header .inner {padding: 0 20px;}

    .footer .inner {padding: 0 20px;}

    .mv_sec .item .m_txt {top: 20%;}
    .mv_sec .owl_control .mv_owl_prev {top: 50%; transform: translateY(-50%);}
    .mv_sec .owl_control .mv_owl_next {top: 50%; transform: translateY(-50%);}
}

@media (max-width:1600px){
    .mct02 ul li.on {margin-right: 11.28%;}
    .mct02 ul li {margin-right: 1.5%;}
}

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

    .mct .inner {padding: 0 20px;}

    .mv_sec .owl_control .mv_owl_prev {left: 20px;}
    .mv_sec .owl_control .mv_owl_next {right: 20px;}

    .footer .left_bx {width: calc(100% - 184px);}

    .top_btn {right: 20px;}
}

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

    .header .hd_nav {display: none;}

    .mv_sec .item .m_txt .mv_logo {width: 20%;}
    .mv_sec .item .m_txt h4 {margin-top: 20px; padding: 0 80px;}
    .mv_sec .item .m_txt h5 {margin-top: 15px;}
    .mv_sec .owl_control  a {width: 60px; height: auto;}
    .mv_sec .owl_control  a img {width: 100%;}
    .mv_sec .scroll {display: none;}

    .mct {padding: 100px 0;}
    .mct .stit {margin-bottom: 40px;}

    .mct02 ul {height: auto; align-items: center;}
    .mct02 ul li {padding-top: 0;}
    .mct02 ul li.on .txt_wrap {height: 130px;}
    .mct02 ul li .txt_wrap .plus {margin-top: 20px;}
    .mct02 ul li .mct02_owl_btn {top: 50%; transform: translateY(-50%); right: calc(-11.28% - 32px);}
}

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

    .mv_sec .item .m_txt .mv_logo {width: 30%;}
    .mv_sec .item .m_txt h4 {font-size: 2.5em;}

    .mct {padding: 80px 0;}
    .mct .stit {margin-bottom: 20px;}

    .mct01 ul {justify-content: center;}
    .mct01 ul li {max-width: 600px; width: 100%; height: auto; padding-top: 30px;}
    .mct01 ul li.on {max-width: none; width: 100%; height: auto; padding: 30px 0;}
    .mct01 ul li:nth-child(3) {background-position: center center;}
    .mct01 ul li .txt_wrap h4 {font-size: 2em; margin-top: 15px;}
    .mct01 ul li .txt_wrap a {margin-top: 15px;}
    .mct01 ul li.on .txt_wrap a {height: 30px;}

    .mct02 ul li {width: 25%;}
    .mct02 ul li.on {width: 37.22%;}
    .mct02 ul li:last-child {display: none;}
    .mct02 ul li:nth-child(3) {margin-right: 0;}
    .mct02 ul li .mct02_owl_btn {width: 20px; background-size: contain; right: calc(-11.28% - 20px);}
    .mct02 ul li .txt_wrap {padding-top: 15px;}
    .mct02 ul li .txt_wrap .plus {margin-top: 10px;}
    .mct02 ul li.on .txt_wrap h4 {padding: 0 5px;}

    .mct03 .inner > .flex_bx {justify-content: center;}
    .mct03 .map_wrap {width: 100%; height: 350px;}
    .mct03 .form_wrap {width: 100%; margin-top: 20px;}
    .mct03 .form_wrap .input_wrap input {padding: 10px;}
    .mct03 .form_wrap .txt_wrap {height: 130px;}
    .mct03 .form_wrap .txt_wrap textarea {padding: 10px;}
    .mct03 .form_wrap input[type="submit"] {height: 40px;}

    .mct04 .mct04-head > .flex_bx {justify-content: start;}
    .mct04 .inner > .flex_bx {justify-content: center;}
    .mct04 .map_wrap {width: 100%; height: 350px;}
    .mct04 .form_wrap {width: 100%; margin-top: 20px;}
    .mct04 .form_wrap .input_wrap input {padding: 10px;}
    .mct04 .form_wrap .txt_wrap {height: 130px;}
    .mct04 .form_wrap .txt_wrap textarea {padding: 10px;}
    .mct04 .form_wrap input[type="submit"] {height: 40px;}

    .footer .left_bx {width: 100%; margin-bottom: 20px;}
    .footer .bot_bx {margin-top: 15px;}
    .footer .rgt_bx {display: flex; flex-flow: row wrap; max-width: 384px; width: 100%;}
    .footer .rgt_bx li {width: 50%;}
    .footer .rgt_bx li:last-child {margin-top: 0; padding-top: 0; border-top: 0; border-left: 1px solid #ddd;}
}

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

    .mct {padding: 60px 0;}

    .mct03 .map_wrap {height: 250px;}
    .mct03 .map_wrap .map_mark {width: 20%;}

    .mct04 .map_wrap {height: 250px;}
    .mct04 .map_wrap .map_mark {width: 20%;}

    .footer .top_bx h5 {margin-top: 10px;}
    .footer .bot_bx p span {padding-right: 0;}
    .footer .bot_bx p span::after {display: none;}
}

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