#mVisual {position: relative;height: 937px;background-image: url(/img/main/mbg02.jpg);background-repeat: no-repeat;width:100%;background-position:center center;}
#mVisualA {position:relative;height: 100%;}
#mVisualA .wrap {position:relative;height:100%;}
#mVisualA .mTxt {position: absolute;left: 0%;top: 50%;transform: translate(60%, -80%);}
#mVisualA .mTxt p {font-size: 52px;color: #fff;font-weight: 700;line-height: 100%;}
#mVisualA .mTxt p:after {}
#mVisualA .mTxt span {}
#mVisualA .mTxt span {display: block;margin: 15px 0 0;}


#mSection1 {padding: 120px 0;}
#mSection1 .wrap {}
#mSection1 .mSection1_ul {margin-top: 90px;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px;}
#mSection1 .mSection1_ul li {position: relative;padding: 0 0 0 10px;}


#mSection2 {padding: 120px 0;background: #f0f3f5;}
#mSection2 .mSection2_ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;margin-top:80px;}
#mSection2 .mSection2_ul li {text-align: center;padding: 70px 0;border-right: 1px solid #e3e3e3;}
#mSection2 .mSection2_ul li:nth-child(3), #mSection2 .mSection2_ul li:nth-child(6){border-right:0;} 
#mSection2 .mSection2_ul li:nth-child(1), #mSection2 .mSection2_ul li:nth-child(2), #mSection2 .mSection2_ul li:nth-child(3) {padding:0 0 70px;border-bottom: 1px solid #e3e3e3;}
#mSection2 .mSection2_ul li:nth-child(4), #mSection2 .mSection2_ul li:nth-child(5), #mSection2 .mSection2_ul li:nth-child(6) {padding:70px 0 0;}
#mSection2 .mSection2_ul li:nth-child(3) img {margin-top:20px;}
#mSection2 .mSection2_ul p {font-size: 16px;line-height: 24px;color: #303030;margin: 40px 0 20px;letter-spacing: -0.5px;}
#mSection2 .mSection2_ul a {font-size: 16px;color: #015ebf;font-weight: 400;letter-spacing: -0.5px;}

#mBoard {padding: 120px 0;position: relative;}
#mBoard:after {content:'';display:block;clear:both;}
#mBoard #mBoardA {float:left;position: relative;margin: 0 30px 0 0;width: 573px;height: 740px;background: #c4191d;}
#mBoard #mBoardA:after {content:'';position:absolute;left: 50%;top: -80px;bottom: -260px;width: 1px;background: #e6e6e6;z-index: -1;} 
#mBoard #mBoardB {float:left;position: relative;margin: 180px 30px 0 0;width: 573px;height: 740px;background: url(/img/main/bg_board.jpg) no-repeat;}
#mBoard #mBoardB:after {content:'';position:absolute;left: 50%;top: -260px;bottom: -80px;width: 1px;background: #e6e6e6;z-index: -1;}
#mBoard #mBoardC {float:left;position: relative;margin: 90px 0 0 115px;width: 337px;height: 740px;}
#mBoard #mBoardC:after {content:'';position:absolute;left: 50%;top: -170px;bottom: -170px;width: 1px;background: #e6e6e6;z-index: -1;}
#mBoard .titleA {margin: 80px 0 0 70px;font-size: 22px;color: #fff;font-weight: 700;line-height: 100%;text-transform: uppercase;}
#mBoard .titleA p {font-size: 39px;margin: 0 0 18px;}
#mBoard .titleB {font-size: 50px;line-height: 67px;font-weight: 700;letter-spacing: -2px;color:#222;}
#mBoard .titleB span {position: relative;color: #c4191d;}
#mBoard .titleB span:after {content:'';position:absolute;right: -48px;bottom: 27px;width: 44px;height: 39px;background: url(/img/icons.png) 0 -48px no-repeat;}
#mBoard .titleB .btn {display: block;position: relative;margin: 60px 0 0;font-size: 22px;}
#mBoard .titleB .btn:after {content:'';position:absolute;left: 0;bottom: 5px;width: 132px;height: 5px;background: #c4191d;}
#mBoard .titleB .btn:hover {color:#c4191d;}

.sTitle1 {font-size: 32px;font-weight: 700;line-height: 47px;color: #2e2e2e;margin-bottom: 40px;letter-spacing: -1px;}
.sTitle2 {font-size: 20px;font-weight: 300;color: #2e2e2e;line-height: 31px;letter-spacing: -0.5px;}
.sTitle3 {font-size: 18px;font-weight: 500;color: #2e2e2e;letter-spacing: -0.5px;margin-bottom: 25px;}


ul.bul {}s
ul.bul li {}
ul.bul li:after {content:'';position: absolute;left: 0;top: 8px;width: 4px;height: 4px;border-radius: 50%;background: #333;}

#mBanner {background: url(/img/main/section3_bg.jpg) no-repeat;padding: 110px 0 120px;}
#mBanner .wrarp{}
#mBanner dl {position:relative;}
#mBanner .bn_ul {}
#mBanner .bn_ul li {}
#mBanner .bn_box {background: #fff;border-radius: 20px;box-sizing: border-box;padding: 10px 20px 20px;line-height: 44px;font-size: 15px;color: #6f7785;text-align:center;}
#mBanner .bn_box img {width: auto;height: 42px;border: 1px solid #eaeaea;margin-right: 15px;}
#mBanner .bn_box p {line-height: 100%;font-size: 15px;font-weight: 500;color: #3b3b3b;margin: 20px 0 10px;}
#mBanner .bn_box span {display: block;line-height: 180%;position: relative;padding: 0 0 0 14px;font-size: 14px;color: #3b3b3b;font-weight: 400;height:28px;overflow:hidden;}
/*#mBanner .bn_box span:after {content:'';position: absolute;left: 4px;top: 6px;width: 4px;height: 4px;border-radius: 50%;background: #333;}*/
#mBanner .sTitle1 {color:#fff;}
#mBanner .bn_arrow {position: absolute;left: 0;top: 0;width: 100%;}
#mBanner .bn_arrow .swiper-button-next:after, #mBanner .bn_arrow .swiper-button-prev:after {font-size: 1.4em !important;color: #fff;}
#mBanner .bn_arrow .swiper-button-next, #mBanner .bn_arrow .swiper-button-prev {top: 67px;right: -30px;}
#mBanner .bn_arrow .swiper-button-prev, #mBanner .bn_arrow .swiper-container-rtl .swiper-button-next {right:0;left: -30px;;}
#mBanner .bn_arrow .swiper-button-next, #mBanner .bn_arrow .swiper-container-rtl .swiper-button-prev {}




.mGboard {display:none;}

@media screen and (max-width: 1815px) { 
#mVisualA .mTxt {top: 200px;transform: translate(80%, 50%);}
}

@media screen and (max-width: 1700px) { 


@media screen and (max-width: 1600px) { 

}

@media screen and (max-width: 1400px) { 
#mVisual {height:680px;}
#mVisualA .mTxt {top: 200px;transform: translate(100%, 50%);}
#mVisualA .mTxt p {font-size:38px;}
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 980px) { 
#mVisual {height:780px;}
#mVisualA .mTxt {top: 200px;transform: translate(60%, 50%);}
#mBanner {display:none;}
#ft .ft_inner .ft_right {display:none;}
#ft .ft_inner .ft_copy {text-align:right;}
}

@media screen and (max-width: 820px) { 
#mSection2 .mSection2_ul {-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;}
#mSection2 .mSection2_ul li {border-bottom: 1px solid #e3e3e3;}
#mSection2 .mSection2_ul li:nth-child(2), #mSection2 .mSection2_ul li:nth-child(4), #mSection2 .mSection2_ul li:nth-child(6) {border-right:0;} 
#mSection2 .mSection2_ul li:nth-child(1), #mSection2 .mSection2_ul li:nth-child(2) {padding:0 0 70px;}
#mSection2 .mSection2_ul li:nth-child(5), #mSection2 .mSection2_ul li:nth-child(6) {padding:70px 0 0;border-bottom:0;}
#mSection2 .mSection2_ul li:nth-child(3) {border-right: 1px solid #e3e3e3;}
#mSection2 .mSection2_ul li:nth-child(3) img {margin-top:70px;}
}

@media screen and (max-width: 680px) { 
#mSection2 {padding:120px 0 30px;}
#ft .ft_inner {padding:20px 0 50px;}
#ft .ft_inner .ft_copy {margin:50px 0 0;text-align:left;font-size: 13px;}
#ft .ft_inner .ft_logo {top:-28px;}
#mVisualA .mTxt {width:48%;}
#mVisualA .mTxt p {font-size: 26px;text-align: center;}
#mSection2 .mSection2_ul {-ms-grid-columns:1fr;grid-template-columns:1fr;}
#mSection2 .mSection2_ul li {border:0;border-right:0;border-bottom:1px solid #e3e3e3;}
#mSection2 .mSection2_ul li:nth-child(3) {border-right: 0;}
#mSection2 .mSection2_ul li:nth-child(2), #mSection2 .mSection2_ul li:nth-child(4), #mSection2 .mSection2_ul li:nth-child(5), #mSection2 .mSection2_ul li:nth-child(6){padding:70px 0;}
#mSection2 .mSection2_ul li:nth-child(5) {border-bottom:1px solid #e3e3e3;}
}

@media screen and (max-width: 480px) { 
#mVisualA .mObject {height:280px;}
#mVisual {height:620px;}
#mVisualA .mTxt {top: 150px;}
.sTitle1{font-size:26px;line-height: 42px;}
.sTitle2 {font-size:17px;}
.sTitle3 {margin-bottom:15px;}
#mSection1 .mSection1_ul {-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:35px;}
}