@charset "utf-8";

#wrap{margin-top: 0; }
.main_wrap{ overflow: hidden; }
/* Main Visual */
.main_sec1{position: relative; box-sizing: border-box; box-sizing: border-box;}
.main_sec1 > .mv_sec{position:relative;width: 100%; ;margin:auto;height:970px; overflow: hidden;}
.mv_sec .owl-theme .owl-item .item{opacity: 0; transition:.8s;}
.mv_sec .owl-theme .owl-item.active .item{opacity: 1; transition:.8s;}
.mv_sec .owl-theme .item {position:relative;width:100%; height:970px; overflow:hidden; }
.mv_sec .owl-theme .item .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:scale(1.15);transition:5s; background: url(../../images/main/mv00.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv02 .img{background: url(../../images/main/mv02.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv03 .img{background: url(../../images/main/mv03.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .active .item .img {transform:scale(1);transform:rotate(0.001deg);}
.mv_sec .mv_slog {position: absolute; width: 100%; left: 0; top: 0; padding-top: 256px; text-align: center; color: #fff;}
.mv_sec .mv_slog .t1 {position: relative; font-size: 20px; line-height: 1; font-weight: 600; color: #db2a2e; letter-spacing: 0.3em; opacity: 0;  transition: .5s 0.7s;  top: 30px; }	 
.mv_sec .mv_slog .t2 {position: relative; font-size: 50px; line-height: 65px; color: #fff; font-weight: 700; letter-spacing: -0.03em; opacity: 0;  transition: .5s 1.2s; top: 30px; margin: 20px 0 29px;}
.mv_sec .mv_slog .t3 {position: relative; font-size: 18px; line-height: 30px; opacity: 0;  transition: .5s 1.5s; top: 30px;}
.mv_sec .active .mv_slog > *{opacity: 1; top: 0;}
.mv_sec .owl-dots{position: absolute; width: 100%; text-align: center; left: 0; bottom: 332px;}
.mv_sec .owl-theme .owl-dots .owl-dot{background: none !important; outline:0 !Important; border: 0;}  
.mv_sec .owl-theme .owl-dots .owl-dot span{width: 27px; height: 6px; background: rgba(255,255,255,0.3); border-radius: 0; margin: 5px 7px; transition:.3s; }
.mv_sec .owl-dots .owl-dot:hover span,
.mv_sec .owl-dots .owl-dot.active span{background: #db2a2e;} 

/* main_notice */
.main_notice_wrap{position: absolute; left: 50%; bottom: 0; width: 100%; max-width:1600px; margin-left: -800px; z-index: 105;}
.main_notice{position: relative; }
.main_notice:before{position: absolute; content: '';	 width: 100vw; height: 80px; background: rgba(0,0,0,0.6); left: 0; top: 0; }
.main_notice_wrap dl,
.main_notice_wrap dl > dd .noti_item > a{display: table; width: 100%; table-layout: fixed; box-sizing: border-box;}
.main_notice_wrap dl > *,
.main_notice_wrap dl > dd .noti_item > a > *{display: table-cell; vertical-align: top; line-height: 80px; box-sizing: border-box;}
.main_notice_wrap dl > dt{width: 240px; }
.main_notice_wrap dl > dt a{position: relative; background: #db2a2e; font-size: 18px; font-weight: 900; color: #fff; box-sizing: border-box; padding-left: 46px;}
.main_notice_wrap dl > dt a:after{position: absolute; content:'+'; right: 45px; top: 0; transition:.6s}
.main_notice_wrap dl > dt:hover a:after{transform:rotate(360deg)}
.main_notice_wrap dl > dd{padding-right: 127px;}
.main_notice_wrap dl > dd .noti_item > a{padding: 0 117px 0 60px; color: #fff; }
.main_notice_wrap dl > dd .noti_item > a span{width: 80px;}
.main_notice .owl-theme .owl-nav{position: absolute; right: 0; top: 0px; height: 80px; margin-top: 0; box-sizing: border-box; padding-top: 36px;}
.main_notice .owl-theme .owl-nav [class*=owl-]{background: url(../../images/main/news_prev.png) center no-repeat; width: 8px; height: 10px; padding: 0 15px; margin: 0;}
.main_notice .owl-theme .owl-nav .owl-next{position: relative; background: url(../../images/main/news_next.png) center no-repeat; }
.main_notice .owl-theme .owl-nav .owl-next:before{position: absolute; content:''; width: 3px; height: 12px; background: url(../../images/main/news_l.png) center no-repeat; left: -1px; top: -1px;}
.main_notice .owl-theme .owl-nav [class*=owl-] span{display: none;}

/* mcnt_common */
.main_tbox{text-align: center;}
.main_tbox h2{position: relative; font-size: 40px; line-height: 1; color: #fff; font-weight: 900; padding-bottom: 24px; margin-bottom: 26px;}
.main_tbox h2:after{position: absolute; content: ''; width: 30px; height: 2px; background: #db2a2e; left: 50%; margin-left: -16px; bottom: 0;}
.main_tbox p{font-size: 18px; line-height: 1; color: #666; }

/* mcnt1 */
.mcnt_wrap{background: url(../../images/main/mcnt_wrap_bg.jpg) center no-repeat; background-size: cover;}
.mcnt1{padding: 134px 0 148px;}
.mcnt1 > *{float: left; width: 50%; box-sizing: border-box; }
.mcnt1 > .rbx{float: right;}
.mcnt1 > .rbx figure{position: relative; box-shadow:10px 10px 10px rgba(0,0,0,0.75); }
.mcnt1 > .lbx{padding-left: 4px; padding-top: 25px;}
.mcnt1 h5{font-size: 20px; line-height: 1; color: #fff; font-weight: 900;}
.mcnt1 h3{font-size: 38px; line-height: 55px; color: #fff; font-weight: 700; margin: 26px 0 27px;}
.mcnt1 p{font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.5); letter-spacing: -0.03em; font-weight: 300;}
.mcnt1 a{position: relative; display: inline-block; font-size: 18px; line-height: 1; color: #db2a2e; font-weight: 900; padding-right: 28px; margin-top: 52px; padding-left: 3px;}
.mcnt1 a:after{position: absolute; content:''; width: 10px; height: 11px; background: url(../../images/main/mcnt1_2.png) center no-repeat; right: 0; top: 4px; transition:.6s;}
.mcnt1 a:hover:after{transform:rotate(360deg)	}

/* mcnt2 */
.mcnt2{position: relative; padding-bottom: 140px;}
.mcnt2_owl{margin-top: 65px;}
.mcnt2 .mcnt2_item{position: relative; text-align: center; height: 440px;  background: url(../../images/main/mcnt2_bg.jpg) center no-repeat; text-align: center; box-shadow:0px 0px 20px rgba(0,0,0,1); border: 2px solid rgba(255,255,255,0); box-sizing: border-box; transition:.3s;}
.mcnt2 .mcnt2_item figure{width: 100%; display: table; table-layout: fixed; height: 335px;}
.mcnt2 .mcnt2_item figure span{display: table-cell;vertical-align: middle;}
.mcnt2 .mcnt2_item figure span img{width: auto;}
.mcnt2 .mcnt2_item figcaption{font-size: 17px; line-height: 1.7; color: #fff; font-weight: 400;}
.mcnt2 .owl-theme .owl-nav{margin: 0; padding: 0; }
.mcnt2 .owl-theme .owl-nav [class*=owl-]{position: absolute; left: -140px; top: 0; width: 37px; height: 69px; margin: 0; padding: 0; background: url(../../images/main/mcnt2_prev.png) center no-repeat; top: 50%;  margin-top: -35px;}
.mcnt2 .owl-theme .owl-nav .owl-next{left: auto; right: -140px;  background: url(../../images/main/mcnt2_next.png) center no-repeat; }
.mcnt2 .owl-theme .owl-nav [class*=owl-] span{display: none;}
.mcnt2 .mcnt2_item:hover{border: 2px solid #fff;}

/* mcnt3 */
.main_col4{box-sizing: border-box; padding: 0 0.38%; margin-top: 69px;}
.main_col4 > li{position: relative; float: left;	width: 23.284%; height: 200px; margin-right: 2.27%; margin-bottom: 30px;  background: #fff; transition:.3s; border: 1px solid #fff; box-sizing: border-box;}
.main_col4 > li:before{position: absolute; content:''; width: 100%; height: 100%; background: url(../../images/main/mcnt3_bg_x.png) center no-repeat; left: 0; top: 0; transition:.3s; background-size: cover; opacity: 0;}
.main_col4 > li:after{position: absolute; content:''; width: 11px; height: 16px; background: url(../../images/main/mcnt3_8.png) center no-repeat; right: -23px; top: 50%; margin-top: -8px;}
.main_col4 > li:nth-child(4n+4){margin-right: 0;}
.main_col4 > li:nth-child(4n+4):after{display: none;}

.main_col4 > li.fir{background: #db2a2e; border: 0;}
.main_col4 > li.fir a{cursor: auto; color: #fff;}
.main_col4 > li a{position: relative; box-sizing: border-box; display: block; height: 100%; padding: 47px 38px;  }
.main_col4 > li a:before, .main_col4 > li a:after{position: absolute; content:''; width: 100%; height: 100%; background: url(../../images/main/mcnt3_1.png) center no-repeat;  top: 0; right: 0;  transition:.3s;}
.main_col4 > li a:after{opacity: 0;}
.main_col4 > li:nth-child(1) a:before, .main_col4 > li:nth-child(1) a:after{display: none;}
.main_col4 > li:nth-child(2) a:before, .main_col4 > li:nth-child(2) a:after{background: url(../../images/main/mcnt3_1.png) right 111px no-repeat; right: 30px; }
.main_col4 > li:nth-child(3) a:before, .main_col4 > li:nth-child(3) a:after{background: url(../../images/main/mcnt3_2.png) right 117px no-repeat; right: 30px;}
.main_col4 > li:nth-child(4) a:before, .main_col4 > li:nth-child(4) a:after{background: url(../../images/main/mcnt3_3.png) right 115px no-repeat; right: 30px;}
.main_col4 > li:nth-child(5) a:before, .main_col4 > li:nth-child(5) a:after{background: url(../../images/main/mcnt3_4.png) right 107px no-repeat; right: 40px;}
.main_col4 > li:nth-child(6) a:before, .main_col4 > li:nth-child(6) a:after{background: url(../../images/main/mcnt3_5.png) right 123px no-repeat; right: 30px;}
.main_col4 > li:nth-child(7) a:before, .main_col4 > li:nth-child(7) a:after{background: url(../../images/main/mcnt3_6.png) right 112px no-repeat; right: 30px;}
.main_col4 > li:nth-child(8) a:before, .main_col4 > li:nth-child(8) a:after{background: url(../../images/main/mcnt3_7.png) right 113px no-repeat; right: 34px;}

.main_col4 > li:nth-child(2) a:after{background: url(../../images/main/mcnt3_1_h.png) right 111px no-repeat; right: 30px;}
.main_col4 > li:nth-child(3) a:after{background: url(../../images/main/mcnt3_2_h.png) right 117px no-repeat; right: 30px;}
.main_col4 > li:nth-child(4) a:after{background: url(../../images/main/mcnt3_3_h.png) right 115px no-repeat; right: 30px;}
.main_col4 > li:nth-child(5) a:after{background: url(../../images/main/mcnt3_4_h.png) right 107px no-repeat; right: 40px;}
.main_col4 > li:nth-child(6) a:after{background: url(../../images/main/mcnt3_5_h.png) right 123px no-repeat; right: 30px;}
.main_col4 > li:nth-child(7) a:after{background: url(../../images/main/mcnt3_6_h.png) right 112px no-repeat; right: 30px;}
.main_col4 > li:nth-child(8) a:after{background: url(../../images/main/mcnt3_7_h.png) right 113px no-repeat; right: 34px;}

.main_col4 > li h2{font-size: 23px; line-height: 1; margin-bottom: 20px; font-weight: 700;}
.main_col4 > li .pbx{box-sizing: border-box; position: relative; padding-left: 19px;}
.main_col4 > li .pbx:before{position: absolute; content:''; width: 1px; height: 44px; background: #fff; left: 0; top: 7px;}
.main_col4 > li .pbx p{opacity: 0.5;}
.main_col4 > li h4{font-size: 16px; line-height: 1; color: #db2a2e; font-weight: 400; margin-bottom: 15px; }
.main_col4 > li h3{font-size: 19px; line-height: 30px; color: #333; font-weight: 900; transition:.3s;}

.main_col4 > li:not(.fir):hover{background: 0; border: 1px solid rgba(255,255,255,0.3);}
.main_col4 > li:not(.fir):hover:before {opacity: 1; }
.main_col4 > li:not(.fir):hover a:after{opacity: 1;}
.main_col4 > li:not(.fir):hover a:before{opacity: 0;}
.main_col4 > li:not(.fir):hover h3{color: #fff;}

/* mcnt4 */
.mcnt4{padding: 100px 0 180px}
.mcnt4 .col_2 > li{float: left; width: 48.48%; margin-right: 3.03%; background: url(../../images/main/mcnt4_1.jpg) center no-repeat; height: 220px;}
.mcnt4 .col_2 > li:nth-child(2){background: url(../../images/main/mcnt4_2.jpg) center no-repeat;}
.mcnt4 .col_2 > li:nth-child(2n+2){margin-right: 0;}
.mcnt4 .col_2 > li a{position: relative; display: block; height: 100% ;box-sizing: border-box; padding: 76px 0 0 60px; overflow: hidden;}
.mcnt4 .col_2 > li a:before{position: absolute; content:''; width: 100px; height: 100px; background:  #373636; right: -50px; bottom: -50px; transform:rotate(45deg); transition:.3s;}
.mcnt4 .col_2 > li a:after{position: absolute; content:''; background: url(../../images/main/mcnt4_more.png) center no-repeat; width: 12px; height: 12px; right: 17px; bottom: 19px;}
.mcnt4 .col_2 > li a h3{font-size: 28px; line-height: 1; color: #333; font-weight: 900; margin-bottom: 18px;} 

.mcnt4 .col_2 > li:hover a:before{background: #db2a2e;}