#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: 54px;}
#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%;background: #ededed;}
#mQuick .mQuickA:after {content:'';display:block;clear:both;}
#mQuick .mQuickA li {position:relative;float: left;width: 33.333333%;height: 100%;padding: 28px 0 28px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 150px;}
#mQuick .mQuickA li:first-child {padding: 28px 0 0 60px;background: #7c463d;}
#mQuick .mQuickA li:nth-child(2) {background: #937354;}
#mQuick .mQuickA li:nth-child(3) {padding: 28px 0 0 40px;background: #684439;}
#mQuick .mQuickA li:after {content:'';position: absolute;left: 0;top: 28px;width: 1px;height: 94px;}
#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 {}
#mQuick .mQuickA .mQuickTxt p {font-size: 18px;font-weight: 500;margin: 0 0 8px;color: #fff;}
#mQuick .mQuickA .mQuickTxt span {display: block;font-size: 15px;color: rgba(255,255,255,.5);font-weight: 300;line-height: 20px;}

.mBgA {background: #f3f3f3;}
.mBgA .wrap {}
.mBgA .wrap:after {content:'';display:block;clear:both;}

a.mainbtn_more {position:absolute;right: 0;top: 15px;font-size: 18px;color: #333;font-weight: 400;padding: 0 45px 0 0;line-height: 34px;letter-spacing: -1px;}
a.mainbtn_more:hover {color:#d96644;}
a.mainbtn_more:after {content:'';position: absolute;right: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ddd;background: #fff url(/img/main/arrow_list.png) center no-repeat;}
a.mainbtn_more:hover:after {border: 1px solid #d96644;background: #d96644 url(/img/main/arrow_list_o.png) center no-repeat;}

dl.sectionA {margin: 80px 0 70px;}
dl.sectionA h2 {position:relative;font-size: 35px;color: #222;font-weight: 700;letter-spacing: -1.5px;margin: 0 0 40px;}
dl.sectionA h2 a.more {}
dl.sectionA dt {float:right;width: 575px;}
dl.sectionA dd {float:left;width: calc(100% - 615px);}
dl.sectionA:after {content:'';display:block;clear:both;}

#mVisualB {position:relative;width: 575px;height: 575px;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:575;height:575px;}
#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;}

#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 .imgA {height:125px;}
#mNotiA .mNotiA_con > ul {display: grid;grid-template-columns: 1fr 1fr;}
#mNotiA .mNotiA_con > ul {display: block;display: grid;-ms-grid-columns: 1fr 40px 1fr;grid-template-columns: 1fr 1fr;}
#mNotiA .mNotiA_con > ul > li {position: relative;width:273px;float:left;border: 1px solid #ddd;padding: 0px;box-sizing: border-box;height: 165px;overflow: hidden;margin-right:38px;margin-top:40px;}
#mNotiA .mNotiA_con > ul > li:last-child {}
#mNotiA .mNotiA_con > ul > li:nth-child(2n) {margin-right:0px;}
#mNotiA .mNotiA_con > ul > li:nth-child(1) {margin-top:0px;}
#mNotiA .mNotiA_con > ul > li:nth-child(2) {margin-top:0px;}
#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 em {display: block;color: #bc3a24;font-size: 14px;font-weight: 500;font-style: normal;line-height: 100%;margin: 0 0 10px;}
#mNotiA .mNotiA_con > ul > li > a strong {font-weight: 400;font-size: 19px;color: #222;line-height: 36px;word-break: keep-all;padding:10px;}
#mNotiA .mNotiA_con > ul > li > a span {position: absolute;right: 20px;bottom: 10px;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;letter-spacing: 0;display:none;}
#mNotiA .mNotiA_con > ul > li:hover {border:1px solid #bc3a24;background:#bc3a24;}
#mNotiA .mNotiA_con > ul > li:hover > a em {color:#fff}
#mNotiA .mNotiA_con > ul > li:hover > a strong {color:#fff;}
#mNotiA .mNotiA_con > ul > li:hover > a span {color:#fff;}

#mNotiB {padding: 60px 0 50px;}
#mNotiB:after {content:'';display:block;clear:both;}
#mNotiB h2 {position: relative;letter-spacing: -1px;font-size: 35px;line-height: 100%;color: #222;margin: 0 0 40px;}
#mNotiB h2 a {}
#mNotiB .mNotiB_con {}
#mNotiB .mNotiB_con ul {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
#mNotiB .mNotiB_con ul li {width:273px;float:left;margin-right:36px;height:264px;}
#mNotiB .mNotiB_con ul li:last-child {margin-right:0px;}
#mNotiB .mNotiB_con ul li a {}
#mNotiB .mNotiB_con ul li a:after {}
#mNotiB .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 154px;}
#mNotiB .mNotiB_con ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1);}
#mNotiB .mNotiB_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#mNotiB .mNotiB_con ul li a:hover .sbjA {color:#bc3a24;}
#mNotiB .mNotiB_con ul li a:hover .dateA {color:#bc3a24;}
#mNotiB .cateA {margin: 20px 0 12px;font-size: 14px;color: #bc3a24;font-weight: 400;line-height: 100%;}
#mNotiB .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;}
#mNotiB .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;}

#mGallA {margin:60px 0 10px;}
#mGallA .cateA {margin: 20px 0 12px;font-size: 14px;color: #bc3a24;font-weight: 400;line-height: 100%;}
#mGallA .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;}
#mGallA .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;}
#mGallA h2 {position: relative;letter-spacing: -1px;font-size: 35px;line-height: 100%;color: #222;margin: 0 0 40px;}

#mGallA .mGallA_con {margin:0 0 38px;}
#mGallA .mGallA_con .cateA {padding:0 30px;}
#mGallA .mGallA_con .sbjA {padding:0 30px;height: 24px;overflow: hidden;}
#mGallA .mGallA_con .dateA {padding:0 30px 30px}
#mGallA .mGallA_con > ul {}
#mGallA .mGallA_con > ul > li {width:578px;float:left;margin-right:36px;height:460px;}
#mGallA .mGallA_con > ul > li:last-child {margin-right:0px;}
#mGallA .mGallA_con > ul > li {border: 1px solid #ddd;}
#mGallA .mGallA_con > ul > li > a {}
#mGallA .mGallA_con > ul > li > a .imgA {position: relative;width: 100%;height: 328px;overflow: hidden;border-bottom: 1px solid #ddd;}
#mGallA .mGallA_con > ul > li > a .imgA:after {content:'';position: absolute;right: 30px;bottom: 30px;width: 56px;height: 56px;border-radius: 50%;background: #fff url(/img/main/arrow_youtube.png) center no-repeat;-webkit-box-shadow: 0 0 4px 4px rgb(0 0 0 / 30%);box-shadow: 0 0 4px 4px rgb(0 0 0 / 20%);}
#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 {color:#bc3a24;}
#mGallA .mGallA_con > ul > li > a:hover .dateA {color:#bc3a24;}

#mGallA .mGallB_con {}
#mGallA .mGallB_con > dl {}
#mGallA .mGallB_con > dl:after {content:'';display:block;clear:both;}
#mGallA .mGallB_con > dl > dt {float:left;width:calc(50% - 19px);margin-right:19px;}
#mGallA .mGallB_con > dl > dt > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;}
#mGallA .mGallB_con > dl > dt > ul:after {content:'';display:block;clear:both;}
#mGallA .mGallB_con > dl > dt > ul li {}
#mGallA .mGallB_con > dl > dt > ul li a {}
#mGallA .mGallB_con > dl > dt > ul li a .imgA {position: relative;height: 154px;overflow: hidden;}
#mGallA .mGallB_con > dl > dt > ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1);}
#mGallA .mGallB_con > dl > dt > ul li a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 102%;width: 102%;}
#mGallA .mGallB_con > dl > dt > ul li a:hover .sbjA {color:#bc3a24;}
#mGallA .mGallB_con > dl > dt > ul li a:hover .dateA {color:#bc3a24;}

#mGallA .mGallB_con > dl > dd {float:right;width:calc(50% - 19px);margin-left:19px;}
#mGallA .mGallB_con > dl > dd > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;}
#mGallA .mGallB_con > dl > dd > ul:after {content:'';display:block;clear:both;}
#mGallA .mGallB_con > dl > dd > ul li {}
#mGallA .mGallB_con > dl > dd > ul li a {}
#mGallA .mGallB_con > dl > dd > ul li a .imgA {position: relative;height: 154px;overflow: hidden;}
#mGallA .mGallB_con > dl > dd > ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1);}
#mGallA .mGallB_con > dl > dd > ul li a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 102%;width: 102%;}
#mGallA .mGallB_con > dl > dd > ul li a:hover .sbjA {color:#bc3a24;}
#mGallA .mGallB_con > dl > dd > ul li a:hover .dateA {color:#bc3a24;}


#mGallA .mGallA_conX {margin:0 0 38px;}
#mGallA .mGallA_conX .cateA {padding:0 30px;}
#mGallA .mGallA_conX .sbjA {padding:0 30px;height: 24px;overflow: hidden;}
#mGallA .mGallA_conX .dateA {padding:0 30px 30px}
#mGallA .mGallA_conX > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;}
#mGallA .mGallA_conX > ul > li {border: 1px solid #ddd;}
#mGallA .mGallA_conX > ul > li > a {}
#mGallA .mGallA_conX > ul > li > a .imgA {position: relative;width: 100%;height: 328px;overflow: hidden;border-bottom: 1px solid #ddd;}
#mGallA .mGallA_conX > ul > li > a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 102%;}
#mGallA .mGallA_conX > ul > li > a:hover .sbjA {color:#bc3a24;}
#mGallA .mGallA_conX > ul > li > a:hover .dateA {color:#bc3a24;}



#mQuickB {background: #2b423a;padding: 60px 0 70px;}
#mQuickB ul {}
#mQuickB ul:after {content:'';display:block;clear:both;}
#mQuickB ul li {position: relative;float: left;width: 50%;}
#mQuickB ul li:after {content:'';position:absolute;right: 50px;top:0;width:1px;height:64px;background:rgba(255,255,255,.1);}
#mQuickB ul li:last-child:after {content:'';display:none;}
#mQuickB ul li a {}
#mQuickB strong {position:relative;display: block;float: left;font-size: 25px;font-weight: 700;color: #fff;margin: 5px 0 0;}
#mQuickB strong:after {content:'';position: absolute;left: 0;bottom: -39px;width: 30px;height: 30px;border-radius: 50%;background: #fff url(/img/main/arrow_list.png) no-repeat;}
#mQuickB em {display: block;float: left;margin: 0px 0 0 50px;color: rgba(255,255,255,0.6);font-size: 16px;line-height: 28px;font-style: normal;}
#mQuickB span {position: absolute;right: 85px;top: 0;width: 62px;height: 54px;}
#mQuickB ul li:nth-child(1) span {background: url(/img/main/quick04.png) no-repeat;}
#mQuickB ul li:nth-child(2) span {background: url(/img/main/quick05.png) 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;}

