#mVisual {position:relative;}
#mVisual:after {content:'';position: absolute;bottom: -175px;left: 50%;transform: translateX(-50%);width: 100%;height: 416px;background: url(/img/main/mv_object.png) center center no-repeat;z-index: 1;}
#mVisualA {position: relative;width: 100%;height: 980px;overflow: hidden;margin: 0;background:url(/img/main/mv_bg.jpg) no-repeat ;background-size:cover;display: flex;align-items: center;justify-content: center;position: relative;z-index: 0;overflow: hidden;}
#mVisualA .mTxts {width: 516px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 6;margin-bottom: 120px;}
#mVisualA .mTxts > div {overflow: hidden;position: relative;text-align: center;}
#mVisualA .mTxts > div > img {max-width: 100%;display: block;position: relative;}
#mVisualA .mTxts > div:first-child {margin-bottom:40px;}
#mVisualA .mTxts > div:first-child img {}
#mVisualA .mTxts > div:nth-child(2) {margin-bottom:20px;}
#mVisualA .mTxts > div:nth-child(2) img {}
#mVisualA .mTxts > div:nth-child(3) {margin-bottom:20px;}
#mVisualA .mTxts > div:nth-child(3) img {}
#mVisualA .mTxts > div:nth-child(4) {margin-bottom:40px;}d
#mVisualA .mTxts > div:nth-child(4) img {}
#mVisualA .mTxts > div:nth-child(5) {}
#mVisualA .mTxts > div:nth-child(5) img {}

#mVisualA .mImg_01 {position:absolute;left: 42px;bottom: -63px;}
#mVisualA .mImg_02 {position:absolute;right: -16px;top: 288px;}
#mVisualA .mImg_03 {position:absolute;right: 76px;top: 632px;}
#mVisualA .mImg_04 {position:absolute;left: 50%;top: 194px;transform: translateX(270px);}
#mVisualA .mImg_05 {position:absolute;}
#mVisualA .scrolls {position: absolute;left: 50%;transform: translateX(-50%);bottom: 168px;text-align: center;}
#mVisualA .scrolls p {letter-spacing: 7px;font-size: 16px;font-weight: 400;color:#222;}
#mVisualA .scrolls .roll {-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite; }

@-webkit-keyframes pulse {
0% {-webkit-transform: translate(0, 0);transform: translate(0, 0); }
50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } 
}

@keyframes pulse {
0% {-webkit-transform: translate(0, 0);transform: translate(0, 0); }
50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } 
}


#mQuick {margin-top: 146px;background: url(/img/main/quick_bg.jpg) repeat-x, url(/img/main/basic_bg.jpg);padding: 150px 0 180px;}
#mQuick ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;}
#mQuick ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mQuick ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
#mQuick ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mQuick ul > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 4;}
#mQuick ul > *:nth-child(5) {-ms-grid-row: 1;-ms-grid-column: 5;}
#mQuick ul li {}
#mQuick ul li a {display: block;text-align: center;}
#mQuick ul li span {position:relative;display: inline-block;width: 143px;height: 143px;background: #435855;border-radius: 50%;}
#mQuick ul li span:after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 54px;height: 54px;opacity: .8;}
#mQuick ul li:hover span {box-sizing: border-box;border: 5px solid #fff;}
#mQuick ul li:hover span:after {opacity: 1;}
#mQuick ul li:nth-child(1) span:after {background: url(/img/main/quick01.png) no-repeat;}
#mQuick ul li:nth-child(2) span:after {background: url(/img/main/quick06.png) no-repeat;}
#mQuick ul li:nth-child(3) span:after {background: url(/img/main/quick03.png) no-repeat;}
#mQuick ul li:nth-child(4) span:after {background: url(/img/main/quick04.png) no-repeat;}
#mQuick ul li:nth-child(5) span:after {background: url(/img/main/quick05.png) no-repeat;}
#mQuick ul li p {margin-top: 15px;font-size: 23px;font-weight: 500;color: #fff;letter-spacing: -1px;}

.mTxt2 {text-align: center;font-size: 54px;line-height: 100%;color: #fff;padding: 0 0 120px;letter-spacing: -1px;}
.mTxt2 p {margin-top:30px;font-size: 27px;font-weight: 500;}

#mProgramA {background: url(/img/main/basic_bg.jpg);}

#mProgram_wrap {background: url(/img/main/program_bg.jpg) center 100% no-repeat, url(/img/main/basic_bg.jpg);}
#mProgramB {}
#mProgramB .mTxt2 {}
#mProgramB .wrap {}
#mProgramB ul {position: relative;}
#mProgramB ul:after {content:'';position:absolute;left:50%;top:230px;width:1px;height:8880px;background:#fff;}
#mProgramB ul li {display: block;position: relative;width: 50%;}
#mProgramB ul li:not(:first-child) {margin-top: -30px;}
#mProgramB ul li:nth-child(even) {margin-left: 50%;text-align: right}
#mProgramB ul li:nth-child(odd){text-align: left;}
#mProgramB ul li:after {content:'';position: absolute;top: 38%;width: 10px;height: 10px;background: #fff;border-radius: 50%;}
#mProgramB ul li:nth-child(even):after {left:-5px;}
#mProgramB ul li:nth-child(odd):after {right:-5px;}
#mProgramB ul li a {position:relative;overflow:hidden;display: inline-block;transition:all .3s;width: 480px;height: 480px;}
#mProgramB .mThumb_div {}
#mProgramB .mThumb_div img {}
#mProgramB .more {overflow: hidden;display:flex;align-items:center;justify-content:center;position:absolute;width: 100%;height: 100%;top: 0;left: 0;/* transform: translate(-50%, -50%); */transition: all 0.3s ease;}
#mProgramB .more > p {opacity:0;transition: all 0.3s ease;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
#mProgramB .more:hover > p {transform: translatex(0px) rotate(0deg);opacity:1}
#mProgramB .more > p > span {display:flex;align-items:center;justify-content:center;width: 100%;height: 100%;position:relative;font-size:18px;font-weight:500;letter-spacing:2px;color:#fff;margin-top: 100px;background:var(--primary);font-family:var(--e-font);}
#mProgramB .more > p > span::before{content:"";display:inline-block;position:absolute;z-index:-11;top: 19px;left: 50%;transform: translateX(-50%);width:208px;height:196px;background:url(/img/main/project_thumb.png?v=1) no-repeat;}
#mProgramB ul li > p {font-size: 38px;font-weight: 700;color: #fff;line-height: 100%;padding: 30px 0 20px;}
#mProgramB ul li > span {font-size: 24px;color: #fff;font-weight: 500;}

#mProgramC {position: relative;padding:155px 0 320px;}
#mProgramC:before {content:'';position: absolute;left: 0;bottom: 0;width: 576px;height: 649px;background: url(/img/main/project_object01.png) no-repeat;}
#mProgramC:after {content:'';position: absolute;right: 0;bottom: 0;width: 685px;height: 811px;background: url(/img/main/project_object02.png) no-repeat;}
#mProgramC ul {position: relative;z-index:1;}
#mProgramC ul:before {content:'';position:absolute;left:50%;bottom: -223px;width:138px;height:172px;transform: translateX(-50%);background: url(/img/main/project_logo.png?v=1) no-repeat;}
#mProgramC ul:after {content:'';display:block;clear:both;}
#mProgramC ul li {width: 50%;float: left;}
#mProgramC ul li:nth-child(even) {text-align:right;}
#mProgramC ul li a {position:relative;overflow:hidden;display: inline-block;transition:all .3s;width: 480px;height: 480px;}
#mProgramC .mThumb_div {}
#mProgramC .mThumb_div img {}
#mProgramC .more {overflow: hidden;display:flex;align-items:center;justify-content:center;position:absolute;width: 100%;height: 100%;top: 0;left: 0;/* transform: translate(-50%, -50%); */transition: all 0.3s ease;}
#mProgramC .more > p {opacity:0;transition: all 0.3s ease;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
#mProgramC .more:hover > p {transform: translatex(0px) rotate(0deg);opacity:1}
#mProgramC .more > p > span {display:flex;align-items:center;justify-content:center;width: 100%;height: 100%;position:relative;font-size:18px;font-weight:500;letter-spacing:2px;color:#fff;margin-top: 100px;background:var(--primary);font-family:var(--e-font);}
#mProgramC .more > p > span::before{content:"";display:inline-block;position:absolute;z-index:-11;top: 19px;left: 50%;transform: translateX(-50%);width:208px;height:196px;background:url(/img/main/project_thumb.png) no-repeat;}
#mProgramC .mTxt {display: inline-block;width: 480px;text-align: center;}
#mProgramC .mTxt p {font-size: 38px;font-weight: 700;color: #fff;line-height: 100%;padding: 30px 0 20px;text-align: center;}
#mProgramC .mTxt span {display: inline-block;font-size: 24px;color: #fff;font-weight: 500;text-align: center;margin: 0 18px;}

#mNoti_wrap {padding: 0 0 120px;background: #ebebeb url(/img/main/board_bg.png) 100% 100% no-repeat;}
#mNoti_wrap .mTxt3 {padding: 80px 0 20px;font-size: 32px;text-align: center;line-height: 100%;background: -webkit-gradient(linear, left top, right top, color-stop(30%, #3fa87b), color-stop(60%, #d1c84d));background: -o-linear-gradient(left, #3fa87b 30%, #d1c84d 60%);background: linear-gradient(to right, #3fa87b 30%, #d1c84d 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#mNoti_wrap .mTxt2 {color: #222;letter-spacing: -2px;}
#mNoti_wrap h4 {position: relative;font-size: 32px;line-height: 100%;color: #222;letter-spacing: -1px;}
#mNoti_wrap h4 > a.more {display: block;position: absolute;right: 0;top: 0;text-indent: -9999px;width: 28px;height: 28px;background: url(/img/main/board_plus.png) no-repeat;}
#mNoti_wrap .wrap > dl {}
#mNoti_wrap .wrap > dl:after {content:'';display:block;clear:both;}
#mNoti_wrap .wrap > dl > dt {float: left;width: calc(50% - 23px);margin-right: 23px;}
#mNoti_wrap .wrap > dl > dd {float: right;width: calc(50% - 23px);margin-left: 23px;}
#mNotiA {}
#mNotiA ul {margin-top: 30px;}
#mNotiA ul li {line-height: 58px;height: 58px;border-bottom: 1px solid #222;}
#mNotiA ul li a {display:block;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
#mNotiA ul li:hover a {background:#ddd;}
#mNotiA ul li a:after {content:'';display: block;clear: both;}
#mNotiA ul li a > div {float: left;padding: 0 0 0 10px;width: calc(100% - 120px);box-sizing: border-box;height: 58px;overflow: hidden;}
#mNotiA ul li a > div > strong {font-size: 18px;color: #444;font-weight: 400;}
#mNotiA ul li a > div > img {display:none;}
#mNotiA ul li a > span {float: right;font-size: 18px;color: #666;padding: 0 10px 0 0;}

#mVisual2 {background: url(/img/main/end_bg.jpg) no-repeat;background-size: cover;padding: 169px 0;}
#mVisual2 .wrap {}
#mVisual2 .mTxt3 {padding: 0 0 20px;font-size: 34px;text-align: left;line-height: 100%;background: -webkit-gradient(linear, left top, right top, color-stop(3%, #3fa87b), color-stop(21%, #d1c84d));background: -o-linear-gradient(left, #3fa87b 3%, #d1c84d 21%);background: linear-gradient(to right, #3fa87b 3%, #d1c84d 21%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#mVisual2 .mTxt2 {text-align: left;padding: 0;margin: 0 0 40px;}
#mVisual2 .mTxt4 {font-size: 24px;color:#fff;line-height: 150%;}


/*
#mVisualA .showcase-arrow-next {position: absolute;right: 10px;top: 50%;width: 31px;height: 55px;background: url(/img/main/mv_arrow_r.png) no-repeat;cursor: pointer;z-index: 1;transform: translate(0, -50%);}
#mVisualA .showcase-arrow-previous {position: absolute;left: 10px;top: 50%;width: 31px;height: 55px;background: url(/img/main/mv_arrow_l.png) no-repeat;cursor: pointer;z-index: 1;transform: translate(0, -50%);}
#mVisualA .showcase-button-wrapper {position: absolute;left: 50%;bottom: 30px;transform: translate(-50%, 0);}
#mVisualA .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 26px;height: 26px;border-radius: 50%;box-sizing: border-box;background: #fff;border: 1px solid #000;margin: 0 5px;}
#mVisualA .showcase-button-wrapper > span.active {background: #d4d4d4;}

#mInfo {padding: 0 0 20px;}
#mInfo > dl {}
#mInfo > dl:after {content:'';display:block;clear:both;}
#mInfo > dl > dt {float: left;padding: 25px 0 0;}
#mInfo > dl > dd {float: right;padding: 20px 0;}
#mInfo .mInfo_dl {}
#mInfo .mInfo_dl:after {content:'';display:block;clear:both;}
#mInfo .mInfo_dl dt {position: relative;float: left;width: 148px;padding: 0 0 0 44px;font-size: 23px;font-weight: 700;box-sizing: border-box;}
#mInfo .mInfo_dl dd {float: left;font-size: 20px;}
#mInfo .mInfo_dl i  {position: absolute;left: 0;top: -7px;width: 36px;height: 36px;}
#mInfo .mInfo_dl.time {margin: 0 0 22px;}
#mInfo .mInfo_dl.time i {background: url(/img/main/info_clock.png) no-repeat;}
#mInfo .mInfo_dl.time > dt {}
#mInfo .mInfo_dl.time > dd {}
#mInfo .mInfo_dl.date {}
#mInfo .mInfo_dl.date i {background: url(/img/main/info_date.png) no-repeat;url(/img/main/info_clock.png) background: no-repeat;}
#mInfo .mInfo_dl.date > dt {}
#mInfo .mInfo_dl.date > dd {}

#Section2 {}
#Section2 .wrap {}
#Section2 h2 {font-size: 34px;font-weight: 500;margin: 0 0 30px;letter-spacing: -1px;line-height: 100%;}
#Section2 > .wrap > dl {}
#Section2 > .wrap > dl > dt {float: left;box-sizing: border-box;width: calc(50% - 30px);margin-right: 30px;}
#Section2 > .wrap > dl > dd {float: right;box-sizing: border-box;width: calc(50% - 25px);margin-left: 25px;}
#Section2 .maintap {border-bottom: 1px solid #000;}
#Section2 .maintap:after {content:'';display:block;clear:both;}
#Section2 .maintap li {position:relative;float: left;width: 33.33333333%;}
#Section2 .maintap li a {font-weight: 700;font-size: 22px;display: block;text-align: center;padding: 25px 0;color: #acacac;}
#Section2 .maintap li.on {}
#Section2 .maintap li.on:after {content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #213672;}
#Section2 .maintap li.on a {color: #222;}
#Section2 .maintap li:hover a {color: #222;}
#Section2 .mNotiA_con {}
#Section2 .mNotiA_con ul {padding-top: 10px;}
#Section2 .mNotiA_con ul li {position: relative;padding: 0 0 0 30px;margin-top: 18px;}
#Section2 .mNotiA_con ul li:after {content:'';position: absolute;left: 9px;top: 7px;width: 7px;height: 7px;background: #213672;border-radius: 50%;}
#Section2 .mNotiA_con ul li a {}
#Section2 .mNotiA_con ul li a:after {content:'';display:block;clear:both;}
#Section2 .mNotiA_con ul li a > div {float: left;width: calc(100% - 120px);height: 26px;overflow: hidden;word-break: keep-all;}
#Section2 .mNotiA_con ul li a > div > strong {font-size: 20px;font-weight: 300;}
#Section2 .mNotiA_con ul li a > div > img {display: none;}
#Section2 .mNotiA_con ul li a > span {float: right;width: 93px;font-size: 16px;color: #797979;letter-spacing: 0;}
#Section2 .mNotiA_con ul li:hover a > div > strong {text-decoration: underline 1px;text-underline-position: under;}
#Section2 .mNotiA_con ul li:hover a > span {}
#Section2 .mLinkA {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 10px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-gap: 10px;gap: 10px;margin-top: 20px;}
#Section2 .mLinkA > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#Section2 .mLinkA > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#Section2 .mLinkA:after {content:'';display:block;clear:both;}
#Section2 .mLinkA li {}
#Section2 .mLink1 > a {background: url(/img/main/link_bg01.jpg) no-repeat;background-size: cover;}
#Section2 .mLink2 > a {background: url(/img/main/link_bg02.jpg) no-repeat;background-size: cover;}
#Section2 .mLink1:hover > a {background: #213672;}
#Section2 .mLink2:hover > a {background: #292a2a;}
#Section2 .mLinkA li a {display: block;text-align: center;height: 276px;box-sizing: border-box;}
#Section2 .mLinkA li a > p {padding-top: 105px;font-size: 26px;font-weight: 700;color: #fff;}
#Section2 .mLinkA li a > span {position: relative;display: inline-block;margin-top: 12px;padding: 6px 30px 6px 6px;font-size: 14px;color: #fff;line-height: 100%;border: 1px solid rgba(255,255,255,.2);}
#Section2 .mLinkA li a > span:after {content:'';position: absolute;right: 9px;top: 50%;transform: translate(0, -47%);width: 11px;height: 11px;background: url(/img/main/link_plus.png) no-repeat;opacity: 50%;}
#Section2 .mLinkA li a > span:hover {color:#222;}
#Section2 .mLinkA li a > span:hover:after {background: url(/img/main/link_plus_b.png) no-repeat;opacity: 100%;}
#Section2 .mLinkA li a > span.hvr-sweep-to-right:before {background:#fff;}

#Section3 {}
#Section3 h2 {font-size: 34px;color: #222;font-weight: 500;letter-spacing: -1px;line-height: 100%;margin-top: 90px;margin-bottom: 30px;}
#Section3 ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 7px 1fr 7px 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;gap: 7px;grid-gap: 7px;}
#Section3 ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#Section3 ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#Section3 ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
#Section3 ul:after {}
#Section3 ul li {}
#Section3 ul li a {display: block;text-align: center;}
#Section3 .thumb {position: relative;width:100%;padding-top:56.2%;overflow:hidden;}
#Section3 .thumb > img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 101%;transition: 0.3s ease-in;}
#Section3 ul li:hover a .thumb > img {transform: translate(-50%, -50%) scale(1.2);}
#Section3 ul li:hover a > img {transform: scale(1.2);}
#Section3 ul li a > p {font-size: 24px;font-weight: 500;color: #222;margin: 30px 0 15px;}
#Section3 ul li a > span {font-size: 20px;line-height: 30px;}
#Section3 ul li:hover a > p {color:#213672}
#Section3 ul li:hover a > span {text-decoration: underline 1px;text-underline-position: under;}

#mLinkB {padding: 110px 0;text-align: center;background: url(/img/main/link_bg03.jpg) 100% 100% no-repeat;background-attachment: fixed;color: #fff;}
#mLinkB p {font-size: 32px;font-weight: 500;line-height: 47px;}

.mBgA {background: #edf0f6;padding: 80px 0 110px;}
.mBgA .wrap {}
.mBgA .wrap:after {content:'';display:block;clear:both;}


.bd {display:block;border:none;background:#eaeaea;height:1px;margin: 15px 0px;padding:0px;font-size:0px;clear:both;}
.bd2 {display:block;border:none;background:rgba(255,255,255,.2);height:1px;margin: 17px 0px;padding:0px;font-size:0px;clear:both;}
.shdw {border-radius:20px;overflow: hidden;box-shadow: 0 0 12px 5px rgb(0 0 0 / 8%);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.pottR {font-weight:400 !important;}
.pottM {font-weight:500 !important;}
.pottB {font-weight:700 !important;}


a.mBtn01 {display: block;font-size: 22px;font-weight: 500;text-align: center;width: 250px;height: 76px;line-height: 76px;border: 2px solid #000;}
a.mBtn02 {display: inline-block;font-size: 20px;font-weight: 500;text-align: center;width: 237px;height: 72px;line-height: 76px;color: #fff;border: 2px solid #fff;margin: 20px 0 0;}
a.mBtn02.hvr-sweep-to-right:before {background:#fff;}
a.mBtn02:hover {color:#222;}

*/