@charset "utf-8";

/* Main Visual Layout */
.main_wrap img {width: auto; max-width:100%; }
.mv_sec {position: relative;width: 100%; height: 980px; overflow: hidden;}
.mv_sec .item {width: 100%; height: 980px; position: relative; overflow: hidden;  }
.mv_sec .item .mv_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:5s; overflow: hidden !important; z-index: -1; transform:scale(1); background: url(../../images/main/m_visual_01.jpg) center no-repeat;}
.mv_sec .mv02 .mv_img {background: url(../../images/main/m_visual_02.jpg) center no-repeat;}
.mv_sec .mv03 .mv_img {background: url(../../images/main/m_visual_03.jpg) center no-repeat;} 
.mv_sec .item .mv_txt {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto; height: 100%; display: flex; align-items: center;}
.mv_sec .item .mv_txt h3 {font-size: 4.6875em; line-height: 1; font-weight: 700; color: #fff; transition:.6s; top: 50px; opacity: 0; position: relative;}
.mv_sec .item .mv_txt h5 {font-size: 1.125em; line-height: 1; color: #fff; font-weight: 700; margin-top: 32px; transition:.6s .6s; top: 50px; opacity: 0; position: relative;}
.mv_sec .item .mv_txt p {font-size: 1.4375em; line-height: 1.869566; color: #fff; font-weight: 700; margin-top: 55px; transition:.6s 1.2s; top: 50px; opacity: 0; position: relative;}

.mv_sec .active .item .mv_txt div > * {top: 0; opacity: 1; }
.mv_sec .active .mv_img {transform:scale(1.1) rotate(.001deg); }
.mv_sec .active .item .mv_img {transform:scale(1.1) rotate(.001deg); } 

/* Main Visual Control Button */
.mv_sec .mv_control {position: absolute; right: 100px; bottom: 80px; z-index: 2;}
.mv_sec .mv_control [class*='owl-'] {cursor: pointer; opacity: 0.7; transition: all 0.3s;}
.mv_sec .mv_control [class*='owl-']:hover {opacity: 1;}
.mv_sec .mv_control .owl-prev {margin-top: 30px; margin-right: 10px;}

/* Main Visual Scroll Button */
.mv_sec .scroll_wrap {max-width: 1720px; width: calc(100% - 40px); position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); animation: motion 1.5s linear 0s infinite alternate; z-index: 1;}
.mv_sec .scroll {display: inline;}
@keyframes motion {
    0% {
        bottom: 90px;
    }
    100% {
        bottom: 70px;
    }

}


.mct {padding: 130px 0 150px;}
.mct .inner {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto; position: relative;}
.mct .mct_tit {font-size: 3.4375em; font-weight: 700; line-height: 1; color: #111; text-align: center; margin-bottom: 60px;}
.mct .mct_tit::before {content: ""; display: block; width: 50px; height: 8px; margin: 0 auto 26px; background: url(../../images/main/mct_tit_icon.png) no-repeat center center;}

/* MCT01 */
.mct01 ul {justify-content: space-between;}
.mct01 ul li {max-width: 248px; width: 17.3%; background-color: #eef1f6; border-radius: 10px; padding: 10px;}
.mct01 ul li a {border: 2px solid #fff; border-radius: 10px; box-shadow: 0px 0px 7px 0px rgba(202, 209, 218, 0.4); padding: 47px 30px 30px; transition: all 0.3s;}
.mct01 ul li h5 {font-size: 1em; font-weight: 700; line-height: 1; color: #152358; margin-bottom: 16px;}
.mct01 ul li h4 {font-size: 1.75em; font-weight: 700; line-height: 1; color: #111; font-weight: 700; margin-bottom: 52px;}
.mct01 ul li .icon {margin-left: auto; margin-right: 0; width: 35px; height: 35px; }
.mct01 ul li .icon img {transition: all 0.5s;}
.mct01 ul li:hover a {border-color: #152358;}
.mct01 ul li:hover .icon img {transform: rotate(360deg);}

/* MCT02 */
.mct02 {background-color: #eff2f6;}
.mct02 .mct_tit::before {background-image: url(../../images/main/mct_tit_icon02.png);}
.mct02 ul {justify-content: space-between;}
.mct02 ul li {max-width: 446px; width: 31%;}
.mct02 ul li .img_wrap {border-radius: 10px; overflow: hidden; box-shadow: 6px 10px 17px 0px rgba(0, 0, 0, 0.05);}
.mct02 ul li .img_wrap img {transition: all 0.3s;}
.mct02 ul li .txt_wrap {margin-top: 10px; border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: 6px 10px 17px 0px rgba(0, 0, 0, 0.05); padding: 50px 0;}
.mct02 ul li .txt_wrap h4 {font-size: 1.75em; line-height: 1; color: #111; text-align: center;}
.mct02 ul li .txt_wrap h6 {width: 130px; height: 45px; border: 2px solid #ddd; border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 30px auto 0;  font-size: 0.875em; line-height: 1; color: #aaa; text-align: center; transition: all 0.3s;}
.mct02 ul li:hover .img_wrap img {transform: scale(1.15);}
.mct02 ul li:hover .txt_wrap h6 {color: #fff; background-color: #06c3fe; border-color: #06c3fe;}

/* MCT03 */
.mct03 {background: url(../../images/main/mct03_bg.jpg) no-repeat bottom center;}
.mct03 .tab_ul {background-color: #eff2f6; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; margin-bottom: 40px;}
.mct03 .tab_ul li {flex: 1; text-align: center; position: relative; font-size: 1.4375em; font-weight: 400; color: #666; height: 90px; display: flex; align-items: center; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; border: 2px solid rgba(0,0,0,0); border-bottom: 0; cursor: pointer; transition: all 0.3s;}
.mct03 .tab_ul li a {position: absolute; right: 45px; top: 27px; transition: all 0.3s; z-index: -1; opacity: 0;}
.mct03 .tab_ul li.on {border-color: #06c3fe; background-color: #fff; font-weight: 700; color: #111;}
.mct03 .tab_ul li.on a {z-index: 1; opacity: 1;}
.mct03 .list_wrap {position: relative;}
.mct03 .list_wrap .list_bx.list02 {z-index: 1; display: none;}
.mct03 .list_wrap .list_bx table thead tr th {overflow: hidden; background-color: #060c2d; font-size: 1.25em; line-height: 1; font-weight: 700; color:#fff; padding: 25px 0;} 
.mct03 .list_wrap .list_bx table thead tr th:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.mct03 .list_wrap .list_bx table thead tr th:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.mct03 .list_wrap .list_bx table tbody tr {border-bottom: 1px solid #ddd;}
.mct03 .list_wrap .list_bx table tbody tr td {font-size: 1.25em; line-height: 1.475; color: #666; text-align: left;}
.mct03 .list_wrap .list_bx table tbody tr td:nth-child(1) {padding: 20px 5% 20px 20%;}
.mct03 .list_wrap .list_bx table tbody tr td:nth-child(2) {padding: 20px 0 20px 10%;}
.mct03 .list_wrap .list_bx.list02 table tbody tr td:first-child {text-align: center; padding: 20px 0;}