#mVisual {position:relative;}
#mVisual:after {content:'';display:block;clear:both;}
#mVisualA {position:relative;width: 100%;height: 640px;overflow: hidden;margin: 91px 0 0 0;}
#mVisualA .showcase-arrow-next {position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: 5px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowright.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-arrow-previous {position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: -73px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowleft.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-button-wrapper {position:absolute;left: 50%;top: 116px;width: 1200px;margin-left: -600px;}
#mVisualA .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #fff;margin-right: 15px;}
#mVisualA .showcase-button-wrapper > span.active {background:#fff;}
#mVisualA .mTxt {position: absolute;left: 50%;top: 34%;width: 1200px;margin-left: -600px;color: #fff;font-size: 47px;font-weight: 700;letter-spacing: -1px;line-height: 100%;}
#mVisualA .mTxt p {font-size: 17px;font-weight: 500;margin: 0 0 7px;}

#mQuick {position: absolute;left: 0;bottom: -80px;width: 100%;z-index: 1;}
#mQuick:after {content:'';display:block;clear:both;}
#mQuick .wrap {width:1320px;background: #f6f6f6;box-shadow: 0px 0px 73px 0px rgb(0 0 0 / 9%);}
#mQuick .mQuickA {height: 100%;padding: 0 60px 0 60px;background: #ededed;}
#mQuick .mQuickA:after {content:'';display:block;clear:both;}
#mQuick .mQuickA li {position:relative;float: left;width: 33.333333%;padding: 28px 0 28px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#mQuick .mQuickA li:first-child {padding:28px 0;}
#mQuick .mQuickA li:after {content:'';position: absolute;left: 0;top: 28px;width: 1px;height: 94px;background: #ddd;}
#mQuick .mQuickA li:first-child:after {display:none;}
#mQuick .mQuickA li a {display: block;}
#mQuick .mQuickA li a img {float: left;margin-right: 20px;}
#mQuick .mQuickA .mQuickTxt {padding: 8px 0 0;}
#mQuick .mQuickA li:first-child .mQuickTxt {padding: 18px 0 0;}
#mQuick .mQuickA .mQuickTxt p {font-size: 18px;font-weight: 500;margin: 0 0 8px;color: #222;}
#mQuick .mQuickA .mQuickTxt span {display: block;font-size: 15px;color: #646464;font-weight: 400;line-height: 20px;}

.mBgA {padding: 81px 0 0;}
.mBgA .wrap {}
.mBgA .wrap:after {content:'';display:block;clear:both;}

dl.sectionA {margin: 60px 0 0;}
dl.sectionA dt {float:left;width: 800px;}
dl.sectionA dd {float:right;width: calc(100% - 840px);}
dl.sectionA:after {content:'';display:block;clear:both;}

#mVisualB {position:relative;width: 800px;height: 311px;overflow: hidden;}
#mVisualB .showcase-button-wrapper {position:absolute;right: 15px;top: 15px;}
#mVisualB .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 11px;height: 11px;border-radius: 50%;border: 1px solid #fff;margin-left: 10px;}
#mVisualB .showcase-button-wrapper > span.active {background:#fff;}

#mNotiA {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#mNotiA:after {content:'';display:block;clear:both;}
#mNotiA h2 {position: relative;letter-spacing: -1px;font-size: 21px;color: #444;margin: 10px 0 17px;font-weight: 500;}
#mNotiA h2 a {display: block;position: absolute;top: 7px;right: 0;font-size: 13px;color: #888;font-weight: 400;line-height: 100%;padding: 0 11px 0 0;background: url(/img/main/board_arrow.png) 100% 50%no-repeat;}
#mNotiA .mNotiA_con {}
#mNotiA .mNotiA_con > ul {}
#mNotiA .mNotiA_con > ul > li {border-top: 1px solid #ddd;padding: 20px 0;}
#mNotiA .mNotiA_con > ul > li:last-child {padding:20px 0 0;}
#mNotiA .mNotiA_con > ul > li > a {}
#mNotiA .mNotiA_con > ul > li > a:after {content:'';display:block;clear:both;}
#mNotiA .mNotiA_con > ul > li > a > div {overflow:hidden;}
#mNotiA .mNotiA_con > ul > li > a strong {font-weight: 400;font-size: 17px;color: #666;line-height: 25px;}
#mNotiA .mNotiA_con > ul > li > a span {font-size: 14px;color: #888;line-height: 100%;letter-spacing: 0;}

#mNotiB {margin: 60px 0 40px;padding: 0;}
#mNotiB:after {content:'';display:block;clear:both;}
#mNotiB h2 {position: relative;letter-spacing: -1px;font-size: 21px;color: #444;margin: 0 0 30px;}
#mNotiB h2 a {display: block;position: absolute;right: 0;top: 7px;font-size: 13px;color: #888;font-weight: 400;line-height: 100%;padding: 0 11px 0 0;background: url(/img/main/board_arrow.png) 100% 50%no-repeat;}
#mNotiB .mNotiB_con {}
#mNotiB .mNotiB_con ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr 20px 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-column-gap: 40px;}
#mNotiB .mNotiB_con ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mNotiB .mNotiB_con ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mNotiB .mNotiB_con ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
#mNotiB .mNotiB_con ul li {}
#mNotiB .mNotiB_con ul li a {}
#mNotiB .mNotiB_con ul li a:after {content:'';display:block;clear:both;}
#mNotiB .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 249px;}
#mNotiB .mNotiB_con ul li a .imgA img {max-width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#mNotiB .mNotiB_con ul li a .sbjA {font-size: 18px;color: #666;font-weight: 400;letter-spacing: -1px;line-height: 140%;margin: 12px 0 0;height: 51px;overflow: hidden;}
#mNotiB .mNotiB_con ul li a > div > strong {font-weight: 400;color: #555;}
#mNotiB .mNotiB_con ul li a > span {float:right;font-size: 15px;color: #888;font-weight: 400;}

#mBanner {border-top: 1px solid #e2e2e2;padding: 20px 0;}
#mBanner h2 {font-size: 19px;font-weight: 500;letter-spacing: -1px;margin: 12px 0 0;}
#mBanner dl {}
#mBanner dl:after {content:'';display:block;clear:both;}
#mBanner dl dt {float:left;width:160px;position: relative;}
#mBanner dl dd {float:left;width:calc(100% - 160px);position: relative;}
#mBanner .bn_ul {margin: 0 60px;}
#mBanner .bn_ul:after {content:'';display:block;clear:both;}
#mBanner .bn_ul li {float: left;width: 25%;text-align: center;}
#mBanner .bn_ul li a {}
#mBanner .bn_ul li a > img {;}
#mBanner .bn_arrow{position:absolute;left: 88px;top: 34px;}
#mBanner .swiper-button-next, #mBanner .swiper-button-prev{width:24px !important;height:24px !important;border:1px solid #ddd;}
#mBanner .swiper-button-prev:after, #mBanner .swiper-container-rtl .swiper-button-next:after {display:none;}
#mBanner .swiper-button-next:after, #mBanner .swiper-container-rtl .swiper-button-prev:after {display:none;}
#mBanner .swiper-button-prev, #mBanner .swiper-container-rtl #mBanner .swiper-button-next{left:0 !important;top: 35px;background: #fff url(/img/main/bn_arrowleft.png) center no-repeat;}
#mBanner .swiper-button-next, #mBanner .swiper-container-rtl #mBanner .swiper-button-prev {right:0 !important;top: 35px;background: #fff url(/img/main/bn_arrowright.png) center no-repeat;}

.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;}