#mVisual {position:relative;}
#mVisual:after {content:'';display:block;clear:both;}
#mVisualA {position:relative;width: 100%;height: 580px;overflow: hidden;margin: 91px 0 0 0;}
#mVisualA .showcase-arrow-next {position:absolute;left: 50%;top: 50%;margin-left: 800px;margin-top: -36px;width:38px;height:72px;background:url(/img/main/mw_arrow_r.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-arrow-previous {position:absolute;left: 50%;top: 50%;margin-left: -800px;margin-top: -36px;width:38px;height:72px;background:url(/img/main/mw_arrow_l.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-button-wrapper {display:none;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%;bottom: 50px;width: 1500px;margin-left: -750px;color: #fff;font-size: 40px;font-weight: 700;letter-spacing: -1px;line-height: 49px;box-sizing: border-box;padding: 0 0 0 20px;}
#mVisualA .mTxt:after {content:'';position: absolute;left: 0;top: 11px;width: 5px;height: 80px;background: #c01611;}
#mVisualA .mTxt p {font-size: 29px;font-weight: 500;margin: 0;}

h2.mTitle {position: relative;letter-spacing: -1px;font-size: 24px;font-weight: 500;line-height: 100%;color: #000;padding: 20px 0 0;margin: 0 0 20px;}
h2.mTitle:after {content:'';position: absolute;left: 0;top: 0;width: 30px;height: 2px;background: #222;}
h2.mTitle a {position: absolute;right: 0;bottom: 0;text-indent: -999999px;width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #000;background: url(/img/main/icon_plus_b.png) center no-repeat;}
h2.mTitle a:hover {background: #c32f2f url(/img/main/icon_plus_w) center no-repeat;border: 1px solid #c32f2f;}

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

dl.sectionA {margin: 65px 0 60px;}
dl.sectionA dt {float:left;width: 720px;}
dl.sectionA dd {float:right;width: 720px;}
dl.sectionA:after {content:'';display:block;clear:both;}

#mNotiB {}
#mNotiB:after {content:'';display:block;clear:both;}
#mNotiB .mNotiB_con {padding: 6px 0;border-top: 1px solid #222;border-bottom: 1px solid #222;}
#mNotiB .mNotiB_con ul {}
#mNotiB .mNotiB_con ul li {position: relative;border-bottom: 1px solid #ddd;padding: 0 0 0 12px;}
#mNotiB .mNotiB_con ul li:last-child {border-bottom:0;}
#mNotiB .mNotiB_con ul li:after {content:'';position: absolute;left: 0;top: 50%;margin-top: -2px;width: 4px;height: 4px;background: #686868;}
#mNotiB .mNotiB_con ul li a {}
#mNotiB .mNotiB_con ul li a:after {}
#mNotiB .mNotiB_con > ul > li > a em {display:none;}
#mNotiB .mNotiB_con > ul > li > a span {float: left;font-size: 16px;color: #555;width: 88px;}
#mNotiB .mNotiB_con > ul > li > a strong{float: right;width: calc(100% - 108px);font-size: 17px;font-weight: 400;color: #333;height: 26px;overflow: hidden;}
#mNotiB .mNotiB_con > ul > li:hover > a strong {color:#b24845;}
#mNotiB .mNotiB_con > ul > li:hover > a span {color:#b24845;}
#mNotiB .mNotiB_con > ul > li > a {display: block;padding: 10px 0;}
#mNotiB .mNotiB_con > ul > li > a:after {content:'';display:block;clear:both;}
#mNotiB .mNotiB_con ul li a .imgA {}
#mNotiB .mNotiB_con ul li a .imgA:after {}
#mNotiB .mNotiB_con ul li a .imgA img {}
#mNotiB .mNotiB_con ul li a:hover .sbjA {}
#mNotiB .mNotiB_con ul li a:hover .dateA {}
#mNotiB .cateA {}
#mNotiB .sbjA {}
#mNotiB .dateA {}

#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 .mNotiA_con {}
#mNotiA .mNotiA_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 22px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 22px 1fr;grid-template-rows: 1fr 1fr;grid-column-gap: 22px;grid-row-gap: 22px;}
#mNotiA .mNotiA_con > ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mNotiA .mNotiA_con > ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mNotiA .mNotiA_con > ul > *:nth-child(3) {-ms-grid-row: 3;-ms-grid-column: 1;}
#mNotiA .mNotiA_con > ul > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 3;}
#mNotiA .mNotiA_con > ul > li {position: relative;float:left;border: 1px solid #ddd;padding: 20px 27px;box-sizing: border-box;height: 114px;overflow: hidden;}
#mNotiA .mNotiA_con > ul > li > a {display: block;height:100%;}
#mNotiA .mNotiA_con > ul > li > a:after {content:'';display:block;clear:both;}
#mNotiA .mNotiA_con > ul > li > a > div {display: inline;}
#mNotiA .mNotiA_con > ul > li > a em {display: inline-block;color: #fff;background: #b24845;font-size: 11px;width: 28px;height: 16px;line-height: 16px;font-weight: 500;font-style: normal;margin: 2px 0 0px;text-align: center;border-radius: 3px;vertical-align: text-top;}
#mNotiA .mNotiA_con > ul > li > a strong {font-weight: 400;font-size: 18px;color: #333;height: 48px;overflow: hidden;/* line-height: 100%; *//* word-break: keep-all; */}
#mNotiA .mNotiA_con > ul > li > a span {position: absolute;left: 27px;bottom: 20px;font-size: 15px;font-weight: 400;color: #555;line-height: 100%;letter-spacing: 0;}
#mNotiA .mNotiA_con > ul > li:hover {border:1px solid #bc3a24;background:#bc3a24;}
#mNotiA .mNotiA_con > ul > li:hover > a em {color:#bc3a24;background:#fff;}
#mNotiA .mNotiA_con > ul > li:hover > a strong {color:#fff;}
#mNotiA .mNotiA_con > ul > li:hover > a span {color:#fff;}

ul.sectionB {padding: 0 0 80px;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 36px 1fr 36px 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-column-gap: 36px;grid-row-gap: 0;}
ul.sectionB > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
ul.sectionB > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
ul.sectionB > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
ul.sectionB > li {}

#mGallA {}
#mGallA .cateA {display: none;}
#mGallA .sbjA {position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);font-size: 18px;color: #fff;font-weight: 400;line-height: 24px;box-sizing: border-box;padding: 10px 10px;height: 44px;overflow: hidden;}
#mGallA .dateA {display: none;}
#mGallA .mGallA_con {}
#mGallA .mGallA_con .cateA {}
#mGallA .mGallA_con .sbjA {}
#mGallA .mGallA_con .dateA {}
#mGallA .mGallA_con > ul {}
#mGallA .mGallA_con > ul > li {width: 475px;height: 320px;overflow: hidden;}
#mGallA .mGallA_con > ul > li:last-child {}
#mGallA .mGallA_con > ul > li {border: 1px solid #ddd;}
#mGallA .mGallA_con > ul > li > a {display: block;position: relative;}
#mGallA .mGallA_con > ul > li > a .imgA {position: relative;width: 100%;height: 320px;overflow: hidden;}
#mGallA .mGallA_con > ul > li > a .imgA:after {content:'';}
#mGallA .mGallA_con > ul > li > a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 102%;}
#mGallA .mGallA_con > ul > li > a:hover .sbjA {background:#bc3a24;}
#mGallA .mGallA_con > ul > li > a:hover .dateA {color:#bc3a24;}

#mQuickA {}
#mQuickA:after {content:'';display:block;clear:both;}
#mQuickA .mQuickA_con {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr 1fr;grid-template-rows: 1fr 1fr;height: 320px;border: 1px solid #ddd;border-bottom: 0;border-right: 0;}
#mQuickA .mQuickA_con > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mQuickA .mQuickA_con > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
#mQuickA .mQuickA_con > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mQuickA .mQuickA_con > *:nth-child(4) {-ms-grid-row: 2;-ms-grid-column: 1;}
#mQuickA .mQuickA_con > *:nth-child(5) {-ms-grid-row: 2;-ms-grid-column: 2;}
#mQuickA .mQuickA_con > *:nth-child(6) {-ms-grid-row: 2;-ms-grid-column: 3;}
#mQuickA .mQuickA_con li {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#mQuickA .mQuickA_con li a {display: block;text-align: center;height: 100%;}
#mQuickA .mQuickA_con li:hover a {background: #efefef;font-weight: 400;}
#mQuickA .mQuickA_con li:hover a p {}
#mQuickA .mQuickA_con span {display: inline-block;width: 51px;height: 51px;margin: 45px 0 10px;}

#mQuickA .mQuickA_con li:nth-child(1) a span {background:url(/img/main/quick_01.png) center no-repeat;}
#mQuickA .mQuickA_con li:nth-child(2) a span {background:url(/img/main/quick_02.png) center no-repeat;}
#mQuickA .mQuickA_con li:nth-child(3) a span {background:url(/img/main/quick_03.png) center no-repeat;}
#mQuickA .mQuickA_con li:nth-child(4) a span {background:url(/img/main/quick_04.png) center no-repeat;}
#mQuickA .mQuickA_con li:nth-child(5) a span {background:url(/img/main/quick_05.png) center no-repeat;}
#mQuickA .mQuickA_con li:nth-child(6) a span {background:url(/img/main/quick_06.png) center no-repeat;}

#mQuickA .mQuickA_con p {font-size: 18px;color: #333;}

#mVisualB {position:relative;width: 475px;height: 320px;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;}
#mVisualB .mySwiper {width:475;height:320px;}
#mVisualB .swiper-wrapper {z-index:9999;}
#mVisualB .swiper-button-next{position: absolute;text-indent:-999px;right: -11px;top: calc(50% - 11px);width: 43px;height: 44px;background: url(/img/main/arrow_rightmv.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualB .swiper-button-prev{position: absolute;text-indent:-999px;left: -11px;top: calc(50% - 11px);width: 43px;height: 44px;background: url(/img/main/arrow_leftmv.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualB .swiper-pagination {top: 16px;right: 15px !important;bottom: auto !important;left: auto !important;text-align: right;z-index: 999999;}
#mVisualB .swiper-pagination-bullet {width:12px;height:12px;border:#fff solid 1px;}
#mVisualB .swiper-pagination-bullet-active { background:#fff; }
#mVisualB .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px !important;}

#mVisualB .swiper-slide-active  {position:relative;}
#mVisualB .swiper-slide-active:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0;border:1px solid rgba(0,0,0,.1)}