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

/**** Media Query *********************************/	
@media (max-width:1320px){
    /* header */
    .hd_logo {left: 20px; width: 273px;}

    /* main */
    .mv_sec .owl-theme .item >.inner {padding:0 20px; box-sizing: border-box;}
    .mv_sec, .mv_sec .owl-theme .item {height: 750px;}
    .mv_sec .owl-theme .owl-dots {padding: 0 20px; box-sizing: border-box;}

    article .inner {padding: 0 20px; box-sizing: border-box;}
    .mct02 .box2 {padding:50px 20px;}

    /* footer */
    .footer .inner {padding:0 20px; box-sizing: border-box;}
}

@media (max-width:1024px){
    /* header */
    body {padding-top: 80px; font-size: 14px;}
    #m_header {display: block;}
    .header {display: none;}

    /* main */
    .mv_sec, .mv_sec .owl-theme .item {height: 650px;}
    .mv_sec .owl-theme .item >.inner {top: calc(50% - 50px); transform: translateY(-50%);}
    .mv_sec .owl-theme .owl-dots {top: calc(50% + 70px)}

    article.mct {margin-top: 90px;}
    .mct01 div.left_bx {float: none; width: 100%; margin-top: 0;}
    .mct01 ul.rgt_bx {float: none; width: 100%; margin-top: 50px;}

    .mct02 {padding:90px 0;}
    .mct02 .inner > div {height: 300px;}
    .mct02 .box .txt_box {padding-top: 0; display: flex; flex-flow: column wrap; justify-content: center;}
    .mct02 .box2 ul li .subject {width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .mct02 .box2 ul li .date {width: 15%;}
    .mct02 .inner > .box .box3 .txt_box2 {padding: 20px;}

    .mct03 .map_area {padding: 0 20px; box-sizing: border-box; height: 480px; overflow: hidden;}

    /* footer */
    .top_button {right: 20px;}
    .top_button.on {bottom: 40px;}
}

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

@media (max-width:800px){
    /* main */
    .mct02 {background-size: cover;}
    .mct02 .inner > div {width: 100%;}
    .mct02 .inner > div.box2 {min-height: 300px; height: auto;}
    .mct02 .inner > .box .box3:first-child,
    .mct02 .inner > .box .box3:last-child {background-size: cover;}

    .mct03 .map_area {height: 430px;}
    .mct03 .left_bx {width: 100%; margin: 90px 0 90px}
    .mct03 .cont_bx {max-width: none; width: calc(100% - 40px); position: absolute; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; background-size: cover; padding:20px 0; left: 20px; top:-30px}
    .mct03 .cont_bx p { margin-top: 0; width: 38%; word-break: keep-all;}
    .mct03 .cont_bx p br {display: none;}
    .mct03 .cont_bx a {margin:0; max-width: 100px;}
    .mct03 .left_bx ul li:last-child::after {content: ""; display: block; height: 100%; width: 1px; background: url(../../images/main/main_dote2.png) no-repeat center center; position: absolute; top: 0; right: 0;}

    /* footer */
    .footer {padding: 30px 0;}
    .footer .inner .top_bx .logo_bx {float: none;}
    .footer .inner .top_bx p {float: none; margin-left: 0;}
    .footer .inner .bot_bx > .left_bx {float: none; width: 100%;}
    .footer .inner .bot_bx .topbx {float: none; margin-top: 20px;}
    .footer .inner .bot_bx .topbx a {padding: 10px;}
}

@media (max-width:640px){
    /* main */
    .scroll_wrap {bottom: -22.5px;}
    .mv_scroll {width: 45px; height: 45px; background-size: contain;}
    article.mct {margin-top: 60px;}
    .mv_sec, .mv_sec .owl-theme .item {height: 450px;}
    .mv_sec .owl-theme .item img {width: 100%; min-width: 1066.67px;}

    .mct02 {padding:60px 0;}
    .mct02 .inner > div {height: 260px;}
    .mct02 .inner > div.box2 {min-height: 260px;}
    .mct02 .box2 {padding:30px 20px;}
    .mct02 .box .txt_box a {max-width: 133px; width: 32%; height: auto; padding: 15px 0;}
    .mct02 .box2 > a img {height: 55%;}

    .mct03 .left_bx ul li {width: 50%; margin-bottom: 5%;}
    .mct03 .left_bx ul li:nth-child(2)::after {content: ""; display: block; height: 100%; width: 1px; background: url(../../images/main/main_dote2.png) no-repeat center center; position: absolute; top: 0; right: 0;}

    /* footer */
    .footer .inner .bot_bx > .left_bx {padding-top: 20px;}
    .footer .inner .bot_bx > .left_bx > .left_bx {float: none; width: 100%; border: none;}
    .footer .inner .bot_bx > .left_bx > .left_bx:last-child {margin-top: 20px; padding-left: 0; }
    .footer .inner .bot_bx .topbx {width: 100%; max-width:300px; box-sizing: border-box;}
    .footer .inner .bot_bx .topbx a {float: left; width: calc(50% - 20px);}
    .footer .inner .bot_bx .topbx a:first-child { border-bottom: none; position: relative; padding-left: 0;}
    .footer .inner .bot_bx .topbx a:first-child::after {width: 1px; height: 50%; background-color: #111; display: block; content: ""; position: absolute; top:25%; right: 0;;}
} 

@media (max-width:480px){
    body {font-size: 2.7vw;}
    .hd_logo {width: 55%;}

    /* main */
    .mct01 ul.rgt_bx {margin-top: 20px;}
    .mct01 ul li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .mct01 ul li:nth-child(2n) {margin-right: 0;}
    .mct01 ul li .txt_bx {margin-top:20px; padding-bottom: 20px;}

    article.mct {margin-top: 30px;}
    .mct02 {padding:30px 0;}
    .mct02 .inner > div {height: 200px;}
    .mct02 .inner > div.box2 {min-height: 200px;}
    .mct02 .inner > div.box3_wrap {height: 400px;}    
    .mct02 .inner > .box .box3 {width: 100%; height: 50%;}

    .mct03 .map_area {height: 380px;}

    /* footer */
    .footer .inner .bot_bx .topbx {margin-top: 10px;}
}