@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500&display=swap');

.shdw {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;}
.wrap2 {width:1365px;margin:0 auto;position:relative;}
.wrap3 {width:1365px;margin:0 auto;padding: 20px;position:relative;}

@media screen and (max-width: 1365px) {
.wrap2 {width:auto;margin:0 30px;}
#mNotiB li:nth-child(1) {width: 48% !important;}
#mNotiB li:nth-child(2) {width: 48% !important;}
#mNotiB li {width: 31% !important;}
.wrap3 {width:auto;padding:0 30px;}
#mIntro ul li {width: 16.9% !important;}
#mIntro .banner > li {width: 26.9% !important;}
}

@media screen and (max-width: 640px) {
.wrap2 {margin:0px;}
}


@media screen and (max-width:1500px) {
#mFloating {right: 30px;top: 45%;}
}

@media screen and (max-width: 700px) {
#mFloating {right: 30px;top: 80%;}
}


#mFloating {position: fixed;right: 30px;bottom: 3%;transform: translate(0, -50%);    z-index: 999;}
#mFloating ul {}
#mFloating ul li {margin-bottom: 6px;}
#mFloating ul li a {display: block;width: 55px;height: 55px;text-indent: -99999px;border-radius:50px;overflow: hidden;}
#mFloating ul li:nth-child(1) a {background:#fff url(/img/main/snsBtn_01.png) center no-repeat;}
#mFloating ul li:nth-child(2) a {background:#fff url(/img/main/snsBtn_02.png) center no-repeat;}
#mFloating ul li:nth-child(3) a {background:#fff url(/img/main/snsBtn_03.png) center no-repeat;}
#mFloating ul li:nth-child(4) a {background:#fff url(/img/main/snsBtn_04.png) center no-repeat;}


#mVisual {width: 100%;}
#mVisual #mv_slide {width: 100%;}
#mVisual #mv_slide .slide_inner {/*position:absolute;top:45%;left:315px;transform:translateY(-50%);z-index:100;white-space:nowrap*/;top:47%;
transform: translateY(-50%);z-index: 100;white-space: nowrap;position: absolute;bottom: 0px;width: 100%;color: #fff;font-size: 40px;letter-spacing: -1px;line-height: 49px;box-sizing: border-box;}

#mVisual #mv_slide .swiper-button-prev {background:url(/img/mobile/btn_main_swiper_prev.png) no-repeat 0 0;left:76px;display: inline-block;width: 130px;height: 130px;}
#mVisual #mv_slide .swiper-button-prev:hover {background:url(/img/mobile/btn_main_swiper_prev1.png) no-repeat 0 0}
#mVisual #mv_slide .swiper-button-prev:after {display:none;}
#mVisual #mv_slide .swiper-button-next {background:url(/img/mobile/btn_main_swiper_next.png) no-repeat 0 0;right:76px;display: inline-block;width: 130px;height: 130px;}
#mVisual #mv_slide .swiper-button-next:after {display:none;}
#mVisual #mv_slide .swiper-button-next:hover {background:url(/img/mobile/btn_main_swiper_next1.png) no-repeat 0 0;}




#mVisual {margin: 0;/*background: url(/img/main/mv01.jpg) top center no-repeat*/background-size: cover;    margin-top: 90px;}
#mVisual:after {content:'';display:block;clear:both;}
.mTxtA {    padding-left: 150px;color: #000;font-size: 17px;line-height: 130%}
.mTxtA p {font-size: 58px;margin: 0 0 14px;font-weight: 600;}
.mTxtA p img{    width: 20%;}
.mTxtA span {color:#e9a2af;line-height: 60px;font-size:32px}

.mTxtB {padding: 32px 0 0;text-align: center;color: #fff;font-size: 23px;line-height: 100%;}
.mTxtB p {margin: 0 auto;padding:15px;background: #ffffff;width:285px;border-radius: 50px;font-weight: 400;    border: 2px solid #000;}

#mVisualA {position:relative;}
#mVisualA .slide {width: 100%;height: 770px;overflow: hidden;}
#mVisualA .swiper-container {width: 100%;height: 100%;}
#mVisualA .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#mVisualA .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
#mVisualA .swiper-container-horizontal>.swiper-pagination-bullets, #mVisualA .swiper-pagination-custom, #mVisualA .swiper-pagination-fraction {width: auto !important;line-height: auto;height: auto !important;bottom: 50px !important;right: 50% !important;transform: translate(50%, 0);left: unset !important;background: transparent;color:#fff;}
#mVisualA .swiper-button-next {top:auto !important;bottom:5px !important;width:28px !important;height:28px !important;background:url(/img/main/mv_arrowright.png) center no-repeat !important;}
#mVisualA .swiper-button-prev {top:auto !important;bottom:5px !important;width:28px !important;height:28px !important;background:url(/img/main/mv_arrowleft.png) center no-repeat !important;}
#mVisualA .swiper-button-next:after, #mVisualA .swiper-container-rtl .swiper-button-prev:after{display:none;}
#mVisualA .swiper-button-prev:after, #mVisualA .swiper-container-rtl .swiper-button-next:after{display:none;}
#mVisualA .swiper-button-play {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;color: #fff;cursor: pointer;width: 28px;height: 28px;text-indent: -99999px;background: url(/img/main/mv_play.png) center no-repeat;}
#mVisualA .swiper-button-pause {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;color: #fff;cursor: pointer;width: 28px;height: 28px;text-indent: -99999px;background: url(/img/main/mv_pause.png) center no-repeat;}
#mVisualA .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px;}
#mVisualA .swiper-pagination-bullet {width:124px !important;height:2px !important;border-radius:0 !important;background:#fff;opacity:.6;}
#mVisualA .swiper-pagination-bullet-active {opacity:1;}

#mVisualA .mv_wrap {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;box-sizing: border-box;padding: 140px 180px 0;}
#mVisualA .mv_wrap:after {content:'';display:block;clear:both;}
#mVisualA .mv_wrap dt {float: left;text-align:left;}
#mVisualA .mv_wrap dd {display:block;float: right;width:820px;}
#mVisualA .title {font-size: 50px;font-weight: 700;color: #fff;line-height: 67px;margin: 0 0 60px;}
#mVisualA .widget {width: 286px;border-top: 2px solid #fff;font-size: 16px;color: #fff;}
#mVisualA .widget .date {position: relative;padding: 24px 0;border-bottom: 1px solid rgba(255,255,255,.3);}
#mVisualA .widget .weather {position: relative;padding: 24px 0;}
#mVisualA .widget p {font-weight:500;}
#mVisualA .widget span {position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);font-size:2em;}

#mIntro {padding:80px 0;}
#mIntro dl {position: relative;z-index: 2;}
#mIntro ul li{float:left;width:17.9%;margin-right:28px;}
#mIntro ul li:nth-child(3){margin-right: 0px;}
#mIntro ul li .cardate{text-align: center;font-size: 60px;font-family: 'MinSans';font-weight: 600;    margin-bottom: 50px;}
#mIntro dl:after {content:'';display:block;clear:both;}
#mIntro dl dt {float:left;width:30%;}
#mIntro dl dd {float:left;width: calc(70% - 50px);margin-left: 50px;}
#mIntro .mIntro_img {    background: #fff;}
#mIntro .mIntro_img img {border-radius: 30px}
#mIntro .mIntro_h2 {padding-bottom: 20px;font-size: 38px;font-family: 'Noto Serif KR';font-weight: 300;line-height: 150%;color: #222;letter-spacing: -1px;}
#mIntro .mIntro_h2 > span {color: #ab6626;}
#mIntro .mIntro_txt {padding: 0px 0 51px;font-size: 21px;font-family: 'Noto Serif KR';color: #222;line-height: 170%;letter-spacing: -1px;}
#mIntro:before{position:absolute;content:'';width:288px;height:288px;border-radius:100%;border:80px solid #fff6f9;box-sizing:border-box;top: 55%;    z-index: -1;    right: 0;}





a.mBtn01 {display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;border-radius: 30px;background:#fd739b;font-size:22px;font-weight: 400;margin-top: 30px;color: #fff;}

#mNotiA {padding: 30px 0px 40px 0px}
#mNotiA .mTitle {position: relative;font-family: 'Noto Serif KR';font-weight: 400;font-size: 21px;color: #fff;line-height: 100%;}
#mNotiA .mTitle p {font-size:40px;line-height: 100%;font-weight: 600;    color: #000;    background: #000;-webkit-background-clip: text; -webkit-text-fill-color: transparent;    text-align: center;font-family: 'Minsans';    padding: 0 36px;}
#mNotiA .mTitle .mTxtmore {position: absolute;right: 0;bottom: 0;}
#mNotiA .mTitle .mTxtmore a {position: relative;display: block;font-size: 16px;font-family: 'Minsans';color: #fff;font-weight: 300;padding: 0 18px 0 0;}
#mNotiA .mTitle .mTxtmore a:after {content:'';position:absolute;right: 0;top: 4px;width:8px;height:13px;background:url('/img/main/arrow_short_w.png') no-repeat;}
#mNotiA .mNotiA_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 22px 1fr 22px 1fr 22px 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-gap: 22px;gap: 22px;margin: 40px 0 0;}
#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: 1;-ms-grid-column: 5;}
#mNotiA .mNotiA_con > ul > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 7;}
#mNotiA .mNotiA_con > ul:after {}
#mNotiA .mNotiA_con > ul > li {border-radius: 30px;overflow: hidden;}
#mNotiA .mNotiA_con ul li:nth-child(1) a{background:url(/img/main/intro1.jpg)}
#mNotiA .mNotiA_con ul li:nth-child(2) a{background:url(/img/main/intro2.jpg)}
#mNotiA .mNotiA_con ul li:nth-child(3) a{background:url(/img/main/intro3.jpg)}
#mNotiA .mNotiA_con > ul > li > a {display: block;position: relative;padding: 40px 40px 30px;background: #fff;}
#mNotiA .mNotiA_con > ul > li > a:after {content: '';position: absolute;right: 30px;bottom: 39px;width: 56px;height: 14px;background: url(/img/main/arrow_long_w.png) no-repeat;}
#mNotiA .mNotiA_con > ul > li > a:hover:after {}
#mNotiA .title {font-size: 24px;color: #333;font-weight: 600;line-height: 28px;margin: 0 0 20px;height: 30px;overflow: hidden;word-break: keep-all;}
#mNotiA .content {font-size: 18px;color: #555;line-height: 24px;height: 90px;overflow: hidden;margin: 0 0 40px;line-height: 160%;}
#mNotiA .date {font-size: 15px;font-weight: 350;color: #9ca3a7;}
#mNotiA .mNotiA_con > ul > li:hover > a {background: #8f7059;border: none;box-shadow: 0 0 20px 0px rgba(0,0,0,.2);}
#mNotiA .mNotiA_con > ul > li:hover > a .title {color: #fff;}
#mNotiA .mNotiA_con > ul > li:hover > a .content {color: rgba(255,255,255,.9);}
#mNotiA .mNotiA_con > ul > li:hover > a .date {color: #fff;}
#mNotiA .mNotiA_con > ul > li:hover > a:after {background: url(/img/main/arrow_long_w.png) no-repeat;}

#ww_6a83f0b32307e {margin-left: 250px;}



#mNotiB {position:relative;padding:0px 0 140px;background:#e5e0dc}
#mNotiB .mTitle {position: relative;font-family: 'Noto Serif KR';font-weight: 400;font-size: 21px;color: #333;line-height: 100%;}
#mNotiB .mTitle p {font-size: 50px;line-height: 100%;margin-bottom: 25px;}
#mNotiB .mTitle .mTxtmore {position: absolute;right: 0;bottom: 0;}
#mNotiB .mTitle .mTxtmore a {position: relative;display: block;font-size: 16px;font-family: 'Minsans';color: #333;font-weight: 300;padding: 0 18px 0 0;}
#mNotiB .mTitle .mTxtmore a:after {content:'';position:absolute;right: 0;top: 4px;width:8px;height:13px;background:url('/img/main/arrow_short_b.png') no-repeat;}
#mNotiB .mNotiA_con {    position: relative;height:740px;margin-top: 50px;    z-index: 1;}
#mNotiB li {width: 31.8%;float: left; margin-right: 30px;}
#mNotiB li:nth-child(1) {width: 48.9%;}
#mNotiB li:nth-child(2) {width: 48.9%;margin-right: 0px;}
#mNotiB li:nth-child(5) {margin-right: 0px;}
#mNotiB .imgA {position: relative;width: 100%;adding-top: 56.25%;border-radius: 20px;overflow: hidden;}
#mNotiB .imgA > img {}
#mNotiB .sbjA { line-height: 30px;font-size: 20px;height: 60px;margin-top: 30px;}

#mNotiB:before {content:'';display: block;position: absolute;width: 158px;height: 222px;right: 0;top: -120px;background: url(/img/main/object01.png) no-repeat;}
#mNotiB:after {content:'';position: absolute;left: 0;bottom: 0;width: 208px;height: 251px;background: url(/img/main/object02.png) no-repeat;}





#mNotiC {padding:80px 0 60px 0;    background: #fff6f9;    position: relative;}
#mNotiC .mTitle {position: relative;font-weight: 300;font-size: 21px;color: #a8a8a8;line-height: 100%;    text-align: center;font-size: 18px;}
#mNotiC .mTitle p {font-size: 40px;line-height: 100%;margin-bottom: 40px;font-weight: 600;    color: #000;    background: #000 ;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#mNotiC .mTitle p span{font-size: 30px   ; color: #49c3ab;font-weight: 400;}
#mNotiC .mTitle .mTxtmore {position: absolute;right: 0;bottom: 0;}
#mNotiC .mTitle .mTxtmore a {position: relative;display: block;font-size: 16px;font-family: 'Minsans';color:#e9a2b0;font-weight: 300;padding: 0 18px 0 0;}
#mNotiC .mTitle .mTxtmore a:after {content:'';position:absolute;right: 0;top: 2px;width:8px;height:13px;background:url('/img/main/arrow_short_bl.png') no-repeat;}


#mNotiC .mNotiB_con {margin-top: 10px; position:relative;}
#mNotiC .mNotiB_con ul {display: flex;flex-wrap: wrap;}
#mNotiC .mNotiB_con ul li {float:left;margin-right:36px;height:264px ; width: 31.5%;}
#mNotiC .mNotiB_con ul li:last-child {margin-right:0px;}
#mNotiC .mNotiB_con ul li a {}
#mNotiC .mNotiB_con ul li a:after {}
#mNotiC .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 226px;    border-radius: 30px 0px 30px 0px;}
#mNotiC .mNotiB_con ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(/img/board_more_icon1.png) no-repeat top right;}
#mNotiC .mNotiB_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#mNotiC .mNotiB_con ul li a:hover .sbjA {color:#8b7a7d}
#mNotiC .mNotiB_con ul li a:hover .dateA {}
#mNotiC .cateA {margin: 20px 0 12px;font-size: 14px;color:#fb4375;font-weight: 400;line-height: 100%;}
#mNotiC .sbjA {font-size: 19px;color: #555;font-weight: 400;line-height: 24px;    overflow: hidden;height: 24px;}
#mNotiC .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color:#9f9d9d;line-height: 100%;}


#mNotiC:before {    position: absolute;
    content: "";
    width: 487px;
    height: 487px;
    opacity: 0.5;top: -31%;left:-2.5%;
    box-sizing: border-box;
    border-width: 100px;
    border-style: solid;
    border-color: rgb(252, 231, 238);
    border-image: initial;
    border-radius: 100%;z-index:1;}



#mNotiD{position: relative;}






#mQuickA {}
#mQuickA ul {margin: 20px 0 0;}
#mQuickA ul:after {content:'';display:block;clear:both;}
#mQuickA ul li {float: left;width: 20%;text-align: center;margin: 30px 0;}
#mQuickA ul li a {display: block;}
#mQuickA ul li p {display: inline-block;position: relative;width: 125px;height: 125px;border-radius: 50%;transition: .3s;border: 2px solid #ddd;}
#mQuickA ul li.mq1_01 p {background: url(/img/main/quick01.png) center 29px no-repeat;}
#mQuickA ul li.mq1_02 p {background: url(/img/main/quick02.png) center 29px no-repeat;}
#mQuickA ul li.mq1_03 p {background: url(/img/main/quick03.png) center 29px no-repeat;}
#mQuickA ul li.mq1_04 p {background: url(/img/main/quick04.png) center 29px no-repeat;}
#mQuickA ul li.mq1_05 p {background: url(/img/main/quick05.png) center 29px no-repeat;}
#mQuickA ul li.mq1_06 p {background: url(/img/main/quick06.png) center 29px no-repeat;}
#mQuickA ul li.mq1_07 p {background: url(/img/main/quick07.png) center 29px no-repeat;}
#mQuickA ul li.mq1_08 p {background: url(/img/main/quick08.png) center 29px no-repeat;}
#mQuickA ul li.mq1_09 p {background: url(/img/main/quick09.png) center 29px no-repeat;}
#mQuickA ul li.mq1_10 p {background: url(/img/main/quick10.png) center 29px no-repeat;}
#mQuickA ul li:hover p {transform: translateY(-6px); background-color:#C4191D;border:2px solid transparent;}
#mQuickA ul li strong {display: block;position: absolute;left: 50%;bottom: 26px;transform: translate(-50%, 0);color: #fff;font-weight: 400;font-size: 16px;line-height: 125%;margin: 0;}

#mBoard {padding: 80px 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;}

#mQuickB {display:none;}
#mQuickB ul {border:1px solid #ddd;margin: 15px 0 0;border-top: 0;border-right: 0;}
#mQuickB ul:after {content:'';display:block;clear:both;}
#mQuickB li {float:left;width:50%;}
#mQuickB a {display:block;border-right: 1px solid #ddd;border-top: 1px solid #ddd;font-weight: 400;font-size: 15px;}
#mQuickB li p {padding: 12px 10px 12px 38px;font-weight: 400;}
#mQuickB li.mq1_01 p {background: url(/img/main/quick01_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_02 p {background: url(/img/main/quick02_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_03 p {background: url(/img/main/quick03_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_04 p {background: url(/img/main/quick04_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_05 p {background: url(/img/main/quick05_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_06 p {background: url(/img/main/quick06_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_07 p {background: url(/img/main/quick07_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_08 p {background: url(/img/main/quick08_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_09 p {background: url(/img/main/quick09_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB li.mq1_10 p {background: url(/img/main/quick10_b.png) 10px center no-repeat;background-size: 22px 20.5px;}
#mQuickB strong {font-weight:400;font-size: 14px;letter-spacing: -0.5px;}


#mBoard .board {position: absolute;right: 60px;bottom: 60px;width: 280px;border-top: 2px solid #fff;}
#mBoard .board li {padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,.3);}
#mBoard .board li:last-child {border-bottom:0;color: #fff;}
#mBoard .board li a {color: #fff;}
#mBoard .board li p {font-size: 19px;line-height: 24px;font-weight: 500;letter-spacing: -1px;word-break: keep-all;margin: 0 0 8px;}
#mBoard .board li span {font-family: 'NanumSquareR';font-size: 17px;letter-spacing: 0;}

#mGallB .mGbg {background:#fbe2e6;position: relative;background-size: cover;}
#mGallB .mGtitle {top: 100px;font-size: 20px;color: #333;line-height: 50px; line-height: 30px;    padding: 120px 0;    background: url(/img/bg1.png) no-repeat right center;}
#mGallB .mGtitle p{font-size: 43px;    margin-bottom: 30px;font-weight: 600;}
#mGallB .mGtitle a p{padding: 20px;background: #ffffff;width:170px;border-radius: 50px;font-weight: 400;font-size: 20px;font-family: 'MinSans';line-height: 20px;    margin: 30px 0;border: 2px solid #ffb8c3;color: #f1899a;text-align: center;}
#mGallB .mySwiper2 {position: absolute;width: 1007px;height: 276px;right: 100px;top: 50%;transform: translate(0, -50%);}
#mGallB .mGarrow {position: absolute;left: 100px;bottom: 100px;width: 113px;height: 51px;}
#mGallB .swiper-button-next, .swiper-button-prev {}
#mGallB .swiper-button-prev2:after, .swiper-container-rtl .swiper-button-next2:after {content:''}
#mGallB .swiper-button-next2:after, .swiper-container-rtl .swiper-button-prev2:after {content:'';}
#mGallB .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left:auto !important; right:0 !important;background: #fff url(/img/main/mgarrow_r.png) no-repeat;border-radius:50%;}
#mGallB .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0 !important; right:auto !important;background: #fff url(/img/main/mgarrow_l.png) no-repeat;border-radius:50%;}
#mGallB .swiper-slide {position:relative;width:276px; height:276px; overflow:hidden;}
#mGallB .swiper-slide img {position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}



.mIntro_img1{display: inline-block;width: 100%;max-width: 520px;}


.mIntro_img1 dl {
	position: relative;
	height: 210px;
	padding: 5px 0 0 40px;
	background-color: #e9a2af;
	box-sizing: border-box;   
}
.mIntro_img1 dt {
	margin-bottom: 16px;
	font-size: 30px;
	color: #fff;    float: none !important;    text-align: left; width: 100% !important;
}
.mIntro_img1 dd {
	font-size: 14px;
	line-height: 26px;
	color: #fff;    margin-left: 0px !important;
    width: calc(100% - 90px) !important;    text-align: left;    font-size: 18px;
}
.mIntro_img1 dl .btn-more {position: absolute;left: 40px;bottom: 5px;width: 171px;height: 0px;border: 1px solid #fff;border-radius: 50px;text-align: center;font-size: 20px;color: #ffffff;    padding: 16px 20px 40px 20px;}







/* 퀵메뉴 팝업 */

.quick-pop{
    position: fixed;
    bottom: 20px;
    right: 80px;
    z-index: 10000;
    display: flex;
    align-items: flex-end;
}

.contact-pop,.consult-pop{
    display: none;
    width: 360px;
    border: 1px solid #ddd;
    border-radius: 25px;
    box-shadow:  5px 5px 15px #0000001a;
    padding: 40px;
    background: #fff;
    margin: 0 7px;
}
.contact-pop.on,.consult-pop.on{
    display: block;
}

.pop-close{
    width: 20px;
    height: 20px;
    background: url(/img/close_btn.png) 0 0 /80% no-repeat;
    cursor: pointer;
    margin-left: auto;
}

.contact-title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

.contact-box{

    width: 87%;
    height: 67px;
    border: 1px solid #ddd;
    box-shadow:  3px 3px 8px #0000001a;
    padding: 20px 25px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}


.contact-box::before, .contact-box::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}

/* .contact-box::after{
    background: url(../img/right-ico.png) 50% / 45% no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
} */

.call-box::before{
    background: url(../img/contact-call.png) 50% / 100% no-repeat;
}


.contact-box p{
    font-size: 20px;
    font-weight: 600;
    margin-left: 8px;
    vertical-align: middle;
}
.contact-call{
    margin-top: 20px;
}

.consult-title{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 3px;line-height: 30px;
}

.consult-txt p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}

.consult-form input{
    width: 85%;
    padding: 15px 25px;
    border-radius: 25px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}


.consult-pop-btn button {
    display: block;
    width: 100%;
    padding: 13px 25px;
    font-size: 18px;
    border-radius: 25px;   
    box-shadow:  3px 3px 8px #0000001a;
    border: 1px solid #49c3ab;
    background-color: #49c3ab !important;
    color:#fff;
}

.consult-pop-btn button a{
    color: #fff;
}












.mGboard {display:none;}
.txt_r {text-align:right;}

@media screen and (max-width: 1815px) { 
.mTxt {display:none;}
#mBoard #mBoardA {width:30%;}
#mBoard #mBoardB {width:30%;}
#mBoard #mBoardC {width:30%;margin: 90px 0 0 4%;}
.mSitelinkA #prevBtn {left: 35% !important;top: 115px !important;}
.mSitelinkA #nextBtn {right: 35% !important;top: 115px !important;}
.mSitelinkA {padding: 53px 0px 83px 0px !important;}
}

@media screen and (max-width: 1700px) { 
#mVisual {margin:62px 0 0;}
#mVisualA .mv_wrap {padding:100px 60px;}
#mVisualA .mv_wrap dt {float:none;}
#mVisualA .mv_wrap dd {display:none;}
#mQuickB {display:block;}

}

@media screen and (max-width: 1600px) { 
#mGallB .mGbg {}
#mGallB .mGtitle {position: relative;left: auto;top: auto;line-height: 120%;padding: 50px 70px 30px;}
#mGallB .mySwiper2 {position: relative;right: auto;top: auto;transform: none;}
#mGallB .mGarrow {position: absolute;left: 50%;bottom: 50px;transform: translate(-50%, 0);}
}

@media screen and (max-width: 1400px) { 
#mBoard {padding:0;margin:40px 0 0;}
#mBoard #mBoardA {width:48%;margin:0;float: left;}
#mBoard #mBoardA:after {display:none;}
#mBoard #mBoardC {display:none;}
#mBoard #mBoardB {width:48%;margin:0;float: right;background-size: cover;}
#mBoard #mBoardB:after {display:none;}
#mGallB {}
#mIntro ul li .cardate   { font-size: 49px;}
}



@media screen and (max-width: 1365px) { 
#mNotiC .mNotiB_con ul li {    height: auto;width: 30.1%;}
#mNotiC .mNotiB_con ul li a .imgA img {    height: 100%;}
.con1 { min-width: 100% !important}
.con1 ul {flex-wrap: wrap;}
.swiper-slide p img{    height: auto;}

}





@media screen and (max-width: 1024px) {
#mNotiA .mNotiA_con > ul {display:block;margin:40px 0 0;}
#mNotiA .mNotiA_con > ul > li {margin-bottom:10px;}
#mNotiA .mNotiA_con > ul > li > a {padding:30px 30px 20px;}
#mNotiA .title {margin: 0 0 10px;margin-bottom:10px;}
#mNotiA .content {}
.mTxtA p img {width: 50%;}
.mTxtA {font-size: 11px;letter-spacing: -1px;padding: 6% 10% 0 10%; }
#mVisual #mv_slide .slide_inner {    height: 100%;}

}




@media screen and (max-width: 1100px) {
#mGallB .mGbg {overflow:hidden;}
#mGallB .mySwiper2 {width:100%;}
#mIntro {text-align:center;padding: 50px 0;}
#mIntro dl {display:inline-block;width: 100%;}
#mIntro dl dt {float:none;width:100%;}
#mIntro dl dd {float:none;width:100% ;margin-left: 0px;}
#mIntro .mIntro_img {border-radius:30px;text-align: center;}
#mIntro .mIntro_h2 {padding:30px 0;}
#mGallB .mGtitle p {font-size: 16px;margin-bottom: 20px;}


#mIntro a.mBtn01 {;}
#ww_6a83f0b32307e {margin-right: 0px !important}
#mIntro dl dt {  margin-bottom: 40px !important}
.main-food {width: calc(100% - 0px) !important; margin-bottom: 70px;}
#mIntro ul li { width: 100% !important;margin-bottom: 20px;height: auto}
#mIntro .banner > li {width: 47% !important;}
#mIntro .banner > li.li1 {background: #eeefee url(/img/main/mc1.png) no-repeat 200px 160px !important;}
#mIntro .banner > li.li2 {background: #9bce83 url(/img/main/mc2_w.png) no-repeat 200px 160px !important;}
#mNotiC:before {top: -27%;width: 0px;height: 0px;}
#mNotiA {padding: 80px 0 170px;}
#mNotiC {padding: 0px 0 60px 0;}
#mNotiA .bx-controls-direction a {top: 110% !important;}
#mNotiA .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus {left: 30%;}
#mNotiA .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus {right: 30%;}
.mSitelinkA {padding: 53px 0px 83px 0px !important;}
.mSitelinkA #prevBtn {left: 35% !important;top: 115px !important;}
.mSitelinkA #nextBtn {right: 35% !important;top: 115px !important;}
#mNotiC {padding: 0px 0 170px;}
#mNotiD .bx-controls-direction a {top: 110% !important;}


}

@media screen and (max-width: 920px) { 
#mVisualA .swiper-pagination-bullet {display:none;}
#mBoard {margin: 20px 0 0;}
#mBoard .wrap {margin:0;}
#mBoard #mBoardA {float:none;width:100%;padding: 50px 30px;box-sizing: border-box;height: auto;}
#mBoard .titleA {padding: 0;margin:0;font-size: 19px;}
#mBoard .titleA p {font-size: 24px;margin: 0 0 10px;}
#mBoard .titleB {padding: 0;margin:0;font-size: 19px;}
#mBoard .titleB p {font-size: 24px;margin: 0 0 10px;}
#mBoard #mBoardB {float:none;width:100%;padding: 50px 30px;box-sizing: border-box;height: auto;}
#mBoard .board {width:100%;position: relative;right: auto;bottom: auto;margin: 30px 0 0;}
#mBoard .board li {padding: 15px 0;}
#mBoard .board li p {font-size: 16px;line-height: 140%;margin: 0}
#mBoard .board li span {font-size: 14px;}
#mGallB {margin:0;}
#mGallB .wrap {margin:0;}
#mGallB .mGtitle{padding: 50px 30px 270px;}
#mGallB .mGtitle {background: url(/img/bg1.png) no-repeat center 300px;font-size: 18px;}
#mGallB .mySwiper2 {display:none;}
#mGallB .mGarrow {display:none;}
.mGboard {display:block;margin: 0 30px;}
.mGboard li {float: left;width: 32%;margin: 0 2% 0 0;}
.mGboard li:last-child {margin:0;}
.mGboard:after {content:'';display:block;clear:both;}
#mGallB .mGbg {height:auto;margin:0;}
#mNotiB li:nth-child(1) {width: 47.5% !important;}
#mNotiB li:nth-child(2) {width: 47.5% !important;}
#mNotiB li {width:30% !important;}
#fix .flex {display: block !important;}
#fix .left, #fix .right {width: 100% !important;height: 7.5em !important; }
#fix .left .inner {padding-left: 0em !important;margin-left: 0em !important;padding-right: 0em !important;}

#fix .right .inner {margin-left: 0em !important;        padding-left: 0em !important;}
#fix .left .circle_arr {right: 1.5em !important}
#fix .right .circle_arr {right: 1.5em;}
.con_tit2 {font-size: 1.2475em !important;        padding: 30px;}


}

@media screen and (max-width: 680px) { 
#mVisualA .slide {height:600px;}
#mVisualA .mv_wrap {padding: 0 30px;top: auto;bottom: 20px;}
#mVisualA .title {font-size: 32px;line-height: 130%;margin:0 0 30px;}
#mVisualA .widget {width: auto;}
#mVisualA .widget .date {padding: 15px 0;}
#mVisualA .widget .weather {padding:15px 0;}
#mNotiA .mTitle .mTxtmore {display: none;}
#mNotiA {padding: 80px 0 170px;}

#mNotiB .mTitle p {font-size: 46px;}
#mNotiB a {font-size:14px;vertical-align: middle;line-height: 120%;padding: 20px 20px;}
#mNotiB p:after{display:none;}
#mNotiB li:nth-child(1) {width: 45% !important;}
#mNotiB li:nth-child(2) {width: 45% !important;}
#mNotiB li {width:27% !important;}
#mNotiB .mTitle .mTxtmore {display: none;}
#mNotiB .mNotiA_con {height: 530px;}
#mNotiB  .imgA {border-radius:10px;}
.mTxtB p{    width: 135px;        font-size: 18px;}
.mTxtA p {font-size: 20px;padding: 0px 50px;}
.mTxtA {font-size: 11px;letter-spacing: -1px;padding:13% 10% 0 10%}
.mTxtA p img {width: auto;}
#mIntro {text-align:center;padding: 30px 15px;}
#mIntro:before {border: 0px solid #fff6f9;}
#mIntro dl {display:inline-block;width: 100%;}
#mIntro dl dt {float:none;width:100%;font-size: 22px;        margin-bottom: 40px;}
#mIntro dl dd {float:none;width:100% ;margin-left: 0px}
#mIntro .mIntro_img {border-radius:30px;text-align: center;}
#mIntro .mIntro_h2 {padding:30px 0;        font-size: 28px;}
#mGallB .mGtitle p {font-size: 26px;margin-bottom: 20px;}
#mIntro ul li {width: 100% !important;  margin-bottom: 20px;    height: 170px} 
#mIntro a.mBtn01 {}
#mFloating {display: none;}
#mNotiA .mTitle {font-size: 17px;line-height: 130%;}
#mNotiA .mNotiA_con > ul > li > a:after {bottom: 27px;}
.con1  {  padding: 0px 0 0px 0 !important; }
.con1 ul {    justify-content: center;}
.con1 ul li {margin-right: 0px !important;    margin-top: 50px;}
.sch-calendar .cal-week .day {font-size: 60% !important}

.mSitelinkA #prevBtn{left: 35% !important;top: 115px !important;}
.mSitelinkA #nextBtn{right: 35% !important;top: 115px !important;} 
.mSitelinkA{    padding: 53px 0px 83px 0px !important;} 
#mIntro .banner > li{height: 270px !important;} 
#mIntro .banner > li.li1{background: #eeefee url(/img/main/mc1.png) no-repeat 200px 160px !important;width: 100% !important;} 
#mIntro .banner > li.li2 {background: #9bce83 url(/img/main/mc2_w.png) no-repeat 200px 160px !important;width: 100% !important;} 

.notiArea li{    width: 100% !important;}
#mNotiC:before {    top: -27%;  width: 0px;      height: 0px;}
#mNotiA .bx-controls-direction a {top: 110% !important;}
#mNotiD .bx-controls-direction a {top: 110% !important;}
.swiper-slide p img{    height: 450px;}
.sch-view .cal-data ul {    margin-top: 10px;}

#mVisual #mv_slide {height: auto;}
#mVisual #mv_slide .slide_inner {    height: 100%;}
#mIntro ul li:last-child{    margin-bottom: 70px;}
}



#mIntro .mIntro_txt {    padding: 0px }





#mGallA {position:relative;margin: 0 !important;}
#mGallA:before {content:'';display: block;position: absolute;width: 158px;height: 222px;right: 0;top: -120px }
#mGallA .mGallA_con {padding: 0 0 110px;}
#mGallA .mTitle {position: relative;font-family: 'Noto Serif KR';font-weight: 400;font-size: 21px;color: #222;line-height: 100%;    margin: 100px 0 50px 0;}
#mGallA .mTitle p {font-size: 50px;line-height: 100%;margin-bottom: 15px;font-weight: 600;color: #000;background: #000 url(/img/bgmark.png) center 4px no-repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;font-family: 'Minsans'}
#mGallA .mTitle .mTxtmore {position: absolute;right: 0;bottom: 0;}
#mGallA .mTitle .mTxtmore a {position: relative;display: block;font-size: 16px;font-family: 'Minsans';color: #222;font-weight: 300;padding: 0 18px 0 0;}
#mGallA .mTitle .mTxtmore a:after {content:'';position:absolute;right: 0;top: 4px;width:8px;height:13px;background:url('/img/main/arrow_short_b.png') no-repeat;}
#mGallA .mTitle .mTxtmore:hover a {text-decoration: underline;text-underline-position: under;}
#mGallA .ul_upper2 {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 25px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;gap: 25px;grid-gap: 25px;margin-bottom: 50px;}
#mGallA .ul_upper2 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mGallA .ul_upper2 > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mGallA .ul_upper2:after {content:'';}
#mGallA .ul_lower3 {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 25px 1fr 25px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;gap: 25px;grid-gap: 25px;}
#mGallA .ul_lower3 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mGallA .ul_lower3 > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mGallA .ul_lower3 > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
#mGallA .ul_lower3:after {content:'';}
#mGallA .li_each {    background: #f3f3f3;padding: 50px;border-radius: 0.5em;}
#mGallA .li_each > a {display: block;}
#mGallA .li_each h4 {position: relative;font-size: 32px;line-height: 100%;color: #222;letter-spacing: -1px;}
#mGallA .li_each 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;}
#mGallA .li_each ul {margin-top: 30px;}
#mGallA .li_each ul li {line-height: 58px;height: 58px;border-bottom: 1px solid #222;}
#mGallA .li_each ul li a {display:block;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
#mGallA .li_each ul li:hover a {background:#ffffff;}
#mGallA .li_each ul li a:after {content:'';display: block;clear: both;}
#mGallA .li_each ul li a > p {float: left;padding: 0 0 0 10px;width: calc(100% - 120px);box-sizing: border-box;height: 58px;overflow: hidden;}
#mGallA .li_each ul li a > p > strong {font-size: 18px;color: #444;font-weight: 400;}
#mGallA .li_each ul li a > p > img {display:none;}
#mGallA .li_eachul li a > span {float: right;font-size: 18px;color: #666;padding: 0 10px 0 0;}

#mGallA .mGallA_con .imgA {position: relative;width: 100%;padding-top: 56.25%;border-radius: 20px;overflow: hidden;}
#mGallA .mGallA_con .imgA > img {position: absolute;width: 110%;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s ease-in;transform: translate(-50%, -50%) scale(1.05);}
#mGallA .mGallA_con .li_each:hover img {transform: translate(-50%, -50%) scale(1.2);}
#mGallA .mGallA_con .li_each:hover .sbjA {color:#88724b}
#mGallA .mGallA_con .cateA {display: none;}
#mGallA .mGallA_con .sbjA {font-size: 28px;font-weight: 400;color: #222;line-height: 120%;margin: 15px 0 0 0;word-break: keep-all;    text-align: center;}
#mGallA .mGallA_con .conA {display: none;}
#mGallA .mGallA_con .dateA {display: none;}
#mGallA .ul_upper2 .li_each a {}
#mGallA .ul_upper2 .li_each a > .imgA {}
#mGallA .ul_upper2 .li_each a > .imgA > img {}
#mGallA .ul_upper2 .li_each a > .sbjA {font-size: 24px;}

@media screen and (max-width: 1024px) {
#mGallA .title {margin: 0 0 10px;margin-bottom:10px;}
#mGallA .content {display:none;}
}

@media screen and (max-width: 720px) {
#mGallA:before {display:none;}
#mGallA {padding: 0 0 60px;}
#mGallA .mTitle {font-size: 17px;margin-bottom:20px;}
#mGallA .mTitle p {font-size:46px;margin-bottom: 25px;}
#mGallA .mTitle .mTxtmore {display: none;}
#mGallA .mNotiA_con > ul {margin:30px 0 0;}
#mGallA .title {font-size: 20px;height: 50px;margin-bottom: 5px;}
#mGallA .mNotiA_con > ul > li > a:after {display:none;}
#mGallA .ul_upper2 {display:block;margin-bottom: 0px;}
#mGallA .ul_lower3 {display:block;}
#mGallA .mGallA_con {padding: 0;}
#mGallA .mGallA_con .sbjA {font-size: 20px !important;margin: 10px 0 30px 0;}
#mNotiC .mTitle .mTxtmore a {display: none;}
#mNotiC .mNotiB_con ul li {width: 100%;margin-right: 0px; margin-bottom: 30px;}
#mNotiC {padding: 0px 0 170px;}
#mGallA .li_each {    margin-top: 70px;        padding: 30px;}
.mGallA_con .frm-item > textarea.input-box { min-width: 94% !important}
}



#businessWrap {    padding-top: 6.25em;padding-bottom: 6.25em;
    .business_box {

        // margin: {
        //   )
        // }
        @include vendor(transform, 'translateX(-14.5%)');
    }
    .swiper-container {
        max-width: em(830);
        margin: {
            left: auto;
            right: auto;
        }
        overflow:visible;
    }
    .swiper-wrapper {

    }
    .swiper-slide {
        @include flex.flex-box;
        @include flex.align-items('center');
        width: auto;
        max-width: 80vw;
        margin-top: em(60, 20);
        transition: transform 1s, left 1s, top 1s, margin 1s, width 1s, padding 1s, opacity 1s;
        padding: {
            right: em(80, 20);
        }
        font-size: em(20);
        opacity: .5;
        &.swiper-slide-active {
            opacity: 1;
            .image {  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3);}
            .txt { box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3); }
        }
        &.swiper-slide-prev {
            margin-top: 0;
        }
        &._act {
            // padding-left: em(610);
            padding: {
                // left: em(610)
                left: 70%;
                // right: em(305);
            }
            opacity: 1;
            @media all and (min-width: 1280px) {
                width: 80vw !important;
            }
            max-width: 1365px;
            @include flex.flex-box;
            @include flex.justify-content('flex-end');
            .image {
                // position: absolute; top: 0; right: 0;
                img {
                    // max-width: 100%;
                    // height: auto;
                }
            }
            .txt {
                top: 0; left: 0;
                margin-top: em(-60, 20);
                transition: all .65s;
                visibility: visible;
                opacity: 1;
            }
            & + .swiper-item {
                margin-top: em(60);
            }
        }
    }
    .txt,
    .image {
        overflow: hidden;
        height: em(542, 20);
        @include vendor(transition, 'box-shadow .3s');
    }
    .image {
        position: relative;
        z-index: 5;
        width: 100%;
        // max-width: 56.464%;
        // flex: 1 auto;
        // img {
        //     position: absolute; top: 50%; left: 50%;
        //     @include vendor(transform, 'translate(-50%, -50%)');
        // }
        // &::before {
        //     content:''; display: block;
        //     padding-top: 65.301%;
        // }
        border-radius: em(80, 20) 0 em(80, 20) 0;
        overflow: hidden;
        &::before {
            // content:''; display: block;
            // padding-top: 65.301%;
        }
        & > a {
            display: block;
            width: 100%; height: 100%;
            position: absolute; top: 50%; left: 50%;
            @include vendor(transform, 'translate(-50%, -50%)');
            transition: all .1s;
        }
        img {
            max-width: none;
            // max-width: none; height: 100%;
        }
    }
    .txt {
        @include flex.flex-box;
        @include flex.flex-direction('column');
        @include flex.justify-content('space-between');
        opacity: 0;
        width: em(708, 20);
        max-width: 85.301%;
        border-radius: em(80, 20) 0 em(80, 20) 0;
        flex: 1 0 auto;
        position: absolute; top: 0; left: em(40);
        // @include vendor(transform, 'translate(-50%, 0%)');
        visibility: hidden;

        line-height: 1.5;
        color: #fff;
        padding: {
            left: em(54, 20);
            right: em(154, 20);
            top: em(56, 20);
            bottom: em(75, 20);
        }
        background-color: map-get(color.$colors, 2);
        background-image: url('/img/main/bgmark_w.png');
        background-size: auto em(378, 20);
        background-position: right bottom;
        background-repeat: no-repeat;
        .con_tit1 {
            font-size: em(54, 20);
        }
        .subs {
            // display: block;
            display: none;
            padding-top: em(32, 18);
            margin-top: em(32, 18);
            border-top: 1px solid rgba(255,255,255,0.3);
            font-size: em(18, 20);
            color: #c1ccdb;
            font-weight: 300;
        }
        .more {
            @include flex.flex-box;
            @include flex.align-items('center');
            // margin-top: auto;
            svg {
                margin-left: em(16);
                vertical-align: middle;
            }
        }
    }
    .swiper-contr {
        @include flex.flex-box;
        @include flex.align-items('center');
        @include flex.justify-content('center');
        margin-top: em(40);
        .swiper-pagination {
            position: static;
            font-size: em(16);
            width: auto;
            color: #aaa;
        }
        .swiper-pagination-total {
            font-weight: bold;
        }
        .swiper-pagination-current {
            color: #222;
            font-weight: bold;
        }
        & > button {
            width: em(72); height: em(72);
            border-radius: 50%;
            border: 1px solid #dddddd;
            @include flex.flex-box;
            @include flex.align-items('center');
            @include flex.justify-content('center');
            margin: {
                left: em(24);
                right: em(24);
            }
            svg path { fill: #444 !important;}
            &.next {
                svg {
                    transform: scaleX(-1);
                }
            }
            &.active,
            &:hover {
                background-color: map-get(color.$colors, 1);
                border-color: map-get(color.$colors, 1);
                svg path { fill: #fff !important;}
            }
        }
    }
    @include pc-large {
        .business_box {
            @include vendor(transform, 'translateX(-12.5%)');
        }
        .swiper-slide {
            font-size: em(17);
        }
        .swiper-slide._act {
            padding-left: 62%;
        }
        // .txt,
        // .image {
        //     font-size: em(17);
        // }
        .image {
            // img { max-width: none; height: 100%; }
            img { max-width: none; height: auto; }
        }
    }
    @include pc-small {
        .business_box {
            @include vendor(transform, 'translateX(-6.5%)');
        }
        .swiper-slide._act {
            padding-left: 55%;
        }
        .swiper-slide {
            font-size: em(16);
            .txt {
                .con_tit1 {
                    font-size: em(36, 16);
                }
            }
        }
    }
    @include tab {
        padding-bottom: 0;
        .business_bnr_wrap {
            background-color: map-get(color.$colors, 2);
            border-radius: em(60) 0 0 0;
        }
        .business_box {
            transform: none;
        }
        .swiper-container {
            max-width: 450px;
            width: 80vw;
            margin: {
                left: auto;
                right: auto;
            }
        }
        .swiper-slide {
            @include flex.flex-box;
            @include flex.flex-direction('column');
            margin-top: 0;
            padding-right: em(6, 16);
            padding-left: em(6, 16);
            opacity: 1;

            &.swiper-slide-active {
                .image,
                .txt { box-shadow: none; }
            }
            &.swiper-slide-prev {
                margin-top: 0;
            }
            &._act {
                padding-left: em(6, 16);

                // @media all and (min-width: 800px) {
                //     width: 100% !important;
                // }
                max-width: none;

                @include flex.flex-box;
                @include flex.justify-content('center');
                .image {
                    height: auto;


                }
                .txt {
                    margin-top: 0;
                    // visibility: visible;
                    transform: none;
                    opacity: 1;
                }

                & + .swiper-item {
                    margin-top: 0;
                }
            }
            .txt {
                position: static;
                margin-top: 0;
                width: 100%; max-width: 100%;
                opacity: 0;
                // visibility: hidden;
                transform: translateY(-10%);
                background: none;
                padding: {
                    left: em(12, 16);
                    right: em(12, 16);
                    top: em(40, 16);
                    bottom: em(40, 16);
                }
                transition-duration: .45s;
                font-size: 1.125em;

                min-height: em(360, 16);
            }
            .image {
                transition: none;
                img { position: static; transform: none; max-width: 100%; }
                &::before { display: none; }
            }
            .txt, .image {
                border-radius: 0;
                box-shadow: none;
                height: auto;
            }
        }
        .swiper-contr {
            margin-top: em(35);
            padding-bottom: em(41);
            .swiper-pagination {
                font-size: em(16);
                min-width: em(56);
                text-align: center;
            }
            .swiper-pagination-current {
                color: #fff;
            }
            & > button {
                width: em(22); height: em(16);
                border-radius: 0;
                border: 0;
                margin: {
                    left: em(32);
                    right: em(32);
                }
                &:hover { background-color: rgba(255,255,255,0);}
                svg {
                    height: 100%;
                    path { fill: #ffffff !important;}
                }
            }
        }
    }
    @include mob {
        .business_box {

        }
        .swiper-slide {
            font-size: em(16);
            max-width: none;
            .txt {
                font-size: 1em;
                .con_tit1 {
                    font-size: em(26, 16);
                }
            }
        }
    }
}




#businessWrap .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    opacity: 0;
    width: 35.4em;
    max-width: 85.301%;
    border-radius: 4em 0 4em 0;
    flex: 1 0 auto;
    position: absolute;
    top: 0;
    left: 2.5em;
    visibility: hidden;
    line-height: 1.5;
    color: #fff;
    padding-left: 2.7em;
    padding-right: 7.7em;
    padding-top: 2.8em;
    padding-bottom: 3.75em;
    background-color: #49c3ab;
    background-image: url(/img/main/bgmark_w.png);
    background-size: auto ;
    background-position: 80% 85%;
    background-repeat: no-repeat;
}
#businessWrap .txt .con_tit1 {font-size: 2.7em;}
.con_tit1 {font-size: 3.375em;font-weight: 600;margin-bottom: 0.7407407407em;}
#businessWrap .swiper-slide._act .txt {
    top: 0;
    left: 0;
    margin-top: -3em;
    transition: all 0.65s;
    visibility: visible;
    opacity: 1;
}
#businessWrap .swiper-slide.swiper-slide-active .txt {
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3);
}

#businessWrap .txt {
    overflow: hidden;
    height: 20.1em;
    -moz-transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
 #businessWrap .image {
    overflow: hidden;
    height: 27.1em;
    -moz-transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

#businessWrap .swiper-slide.swiper-slide-active .image {
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3);
}
#businessWrap .image {
    position: relative;
    z-index: 5;
    width: 100%;
    border-radius: 4em 0 4em 0;
    overflow: hidden;
}
businessWrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    max-width: 80vw;
    margin-top: 3em;
    transition: transform 1s, left 1s, top 1s, margin 1s, width 1s, padding 1s, opacity 1s;
    padding-right: 4em;
    font-size: 1.25em;
    opacity: 0.5;
}

}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
#businessWrap .image > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.1s;
}
#businessWrap .swiper-slide._act {
    padding-left: 50%;
    opacity: 1;
    max-width: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#businessWrap .txt .more svg {
    margin-left: 1em;
    vertical-align: middle;
}
#businessWrap .txt .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;color:#fff;font-size: 20px;
}

#businessWrap .swiper-slide._act .txt p { width: 70%;font-size: 1.2em;}

.swiper-contr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.5em;
}
.swiper-contr > button {
    width: 4.5em;
    height: 4.5em;
    border-radius: 50%;
    border: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1.5em;
    margin-right: 1.5em;
}
.swiper-contr .swiper-pagination {
    position: static;
    font-size: 1em;
    width: auto;
    color: #aaa;
}
 .swiper-contr > button.next svg {
    transform: scaleX(-1);
}
.swiper-contr > button.active, #businessWrap .swiper-contr > button:hover {
    background-color: #49c3ab;;
    border-color: #49c3ab;;
}
#main_inq_form {display:inline-block;width:100%;max-width:670px;text-align:left;}
#main_inq_form > legend {margin:0 0 1.25rem; font-size:26px; font-weight:500; color:#5a5a5a; letter-spacing:-0.5px;}
#main_inq_form > legend > span {font-size:24px; font-weight:300;}
#main_inq_form > legend br {display:none;}
#main_inq_form > fieldset {margin:0; padding:0; border:0;}
#main_inq_form > fieldset:last-child {padding:0;}
.mGallA_con .frm-item {position:relative; padding:.75rem;    width: 93.6%;}
.mGallA_con .frm-item > label {display:block; position:absolute; top:.75rem; left:1.25rem; color:rgba(0, 0, 0, .5); z-index:5; cursor:auto; /*transition:opacity .3s ease, transform .3s ease;*/}
.mGallA_con .frm-item > label > sup {margin-left:2px; color:rgba(245, 22, 21, .75);}
.mGallA_con .frm-item > .input-box {position:relative; padding:.5rem;  border:1px solid #ddd; outline:0; background-color:#fff; z-index:1; transition:border .3s ease; border-radius:.5rem;    width: 96%;}
.mGallA_con .frm-item > textarea.input-box {min-width: 100%; max-width: 100%; resize: none;}
.mGallA_con .frm-item > .input-box.on-focus,
.mGallA_con .frm-item > .input-box:focus {border-color:#49c3ab;}
.mGallA_con .frm-item > .input-box.on-focus ~ label,
.mGallA_con .frm-item > .input-box:focus ~ label {opacity:0; transform:translateX(-100%); }
.mGallA_con .btn-box {padding:.75rem;}
.mGallA_con .btn-box button {margin: 0; padding: 0; color: #fff; height:75%; width: 100%; font-size:20px; font-weight:500; background-color: #49c3ab; outline:0; border:0;border-radius: .5rem;}
.mGallA_con .chk-box {padding:0 .5rem;}
.pure-g {
   
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}


@media screen and (min-width: 64em) {
    .pure-u-lg-1-2, .pure-u-lg-12-24 {
        width: 46% !important;
    }
    .pure-u-lg-17-24 {width: 100%;}
    .pure-u-lg-7-24 { width: 100%;}
	.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
    width: 100%;}

}

.mGallA_con .abs_r_text {margin-bottom:30px}
.mGallA_con .abs_r_text strong {
    font-size: 14px;
    line-height: 21px;
    color: #2c2c2c;
    font-weight: 200;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.mGallA_con .abs_r_text .input_area.radio label {margin-right: 15px;}


.mGallA_con .abs_r_text .input_area.radio input[type=radio] {
    width: 14px;
    height: 14px;
}
input[type="radio"] {
    opacity: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
}

input[type="radio"] + label:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    content: url(/img/main/bg_radio.png);   
	margin-bottom: 10px;

}

input[type="radio"]:checked + label:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    display: inline-block;
    content: url(/img/main/bg_radio_on.png); 
	margin-bottom: 10px;
}

.con1{width: 100%; position: relative; padding:70px 0 130px 0; min-width: 1365px;}
.con1 h2{font-size: 60px; font-family: 'play'; font-weight: 600; color: #121212; text-align: center; margin-bottom: 70px;}
.con1 h2 span{color: #0283ae;}
.con1 ul{display: flex;}
.con1 ul li{width: 318px; margin-right: 32px; height: 350px; overflow: hidden; position: relative; transition: 0.3s;    border-radius: 30px 0px 30px 0px;}
.con1 ul li:last-child{margin-right: 0;}
.con1 ul li:nth-of-type(2n){margin-top: 50px;}
.con1 ul li:after{display: block; content: ""; width: 100%; height: 0; background:#49c3ab; position: absolute; bottom: 0; transition: 0.3s; z-index: 1;}
.con1 ul li:hover:after{height: 100%; transition: 0.3s;}
.con1 ul li .con1_box{background: #49c3ab; width: 100%; padding: 25px; color: #fff; position: absolute; bottom: -115px; transition: 0.3s; z-index: 111;}
.con1 ul li:hover .con1_box{bottom: 0; background: none; transition: 0.3s;}
.con1 ul li:nth-of-type(1){background: url(/img/con1_img1.jpg)center center no-repeat;}
.con1 ul li:nth-of-type(2){background: url(/img/con1_img2.jpg)center center no-repeat;}
.con1 ul li:nth-of-type(3){background: url(/img/con1_img3.jpg)center center no-repeat;}
.con1 ul li:nth-of-type(4){background: url(/img/con1_img4.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(1){background: url(/img/con1_img5.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(2){background: url(/img/con1_img6.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(3){background: url(/img/con1_img7.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(4){background: url(/img/con1_img8.jpg)center center no-repeat;}

.con1 ul li .con1_box h3{font-size: 30px; font-weight: 600; color: #fff; line-height: 30px;}
.con1 ul li .con1_box h3 span{font-size: 16px; font-family: 'play'; font-weight: 600; color: rgba(255, 255, 255, .5); letter-spacing: .7px;}
.con1 ul li .con1_box p{font-size: 14px; line-height: 20px; margin:17px 0;}
.con1 ul li .con1_box a{display: block; width: 120px; padding: 0 10px 10px 0; border-bottom: 1px solid #fff; color: #fff; font-size: 14px; font-family: 'play'; transition: 0.3s;}
.con1 ul li .con1_box a img{float: right; margin-top: 9px;}
.con1 ul li .con1_box a:hover{padding: 0 0 10px 0; transition: 0.3s;}
.con1 ul li h4{font-size: 30px; color: #121212; font-weight: 800; text-align: center; margin-bottom: 10px;}
.con1 ul li b{font-size: 14px; font-weight: 400; color: #666; display: block; text-align: center;}
.con1 ul li h5{font-family: 'play'; font-size: 40px; font-weight: 600; color: #5581c2; line-height: 36px; margin: 20px 0; text-align: center;}
.con1 ul li h5 span{font-size: 34px;}
.con1 ul li h6{font-size: 16px; color: #333; font-weight: 400; line-height: 24px; text-align: center;}

#fix.m_cont {padding-top: 0;padding-bottom: 120px;}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
}
#fix .flex {    display: -webkit-box;display: -ms-flexbox;display: flex;    gap: 40px;}
#fix .left {background-image: url(/img/promotion_left.jpg);    background: #f9cac0 url(/img/main/icon1.png)}
#fix .left, #fix .right {width: 50%;background-repeat: no-repeat;background-position: 40px center;height: 10em;color: #fff;    transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);    border-radius: 30px;    padding: 0px 40px;}
#fix .left .inner {margin-left: auto;}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}
#fix .right {background-image: url(/img/promotion_right.jpg);    background: #ffb8c3 url(/img/main/icon2.png);}
#fix .left, #fix .right {width: 50%;background-repeat: no-repeat;background-position:  40px center;height: 10em;color: #fff;transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);    border-radius: 30px;}
#fix .right .inner {margin-right: auto;}
#fix .left .inner, #fix .right .inner {
    width: 100%;
    height: 100%;
    max-width: 45em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}
#fix .left .circle_arr { }

#fix .circle_arr {
    position: absolute;
    top: 50%;
    right: 0;
    width: 4.5em;
    height: 4.5em;
    margin-top: -2.25em;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    -moz-transition: border .3s;
    -webkit-transition: border .3s;
    -ms-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: rgba(255, 255, 255, 0);
}
.con_tit2 {font-size: 1.875em;font-weight: 600;    color: #fff;    margin-left: 90px;}

.inner-wrap {margin-left: auto !important;margin-right: auto !important;}
.inner-wrap > h2 {font-size:42px;letter-spacing: -1.54px;text-transform: uppercase; line-height: 55px;color:#e9a2b0;font-weight: 500;}

.inner-wrap > p {
    font-size: 20px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 22px;
    line-height: 1.5;    color: #777;
}

.inner-wrap > a {
    font-size: 16px;
    letter-spacing: -0.3px;
    color: #e9a2b0;
    margin-top: 30px;
    display: flex;
}

.inner-wrap > a > span {
    margin-right: 15px;
    font-weight: 500;
}

.inner-wrap > hr {
    width: 422px;
    height: 1px;
    background: #ddd;
    margin-top: 20px;
    display: none;
}


.youtube {position:relative;}

.youtube .inner-wrap1 {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 100%;
    margin-left: 125px;

}
.youtube .inner-wrap1 iframe {    border-radius: 30px;}
.inner-wrap img    {height: 15px;margin-top: 5px;}
.line-title-wrap{display: flex;width: 100%;    align-items: center; }
.line-title-wrap .line	{width:42%; height: 3px;}


.notiArea h3 {display: block;text-align: center;color: #000;font-size: 32px;line-height: 1.3;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 10px;margin-top: 70px;}
.notiArea ul  {margin-bottom: 30px ;    width: 100%;}
.notiArea  li {
    float: left;
    width: 31% !important;
    height: 240px;
    margin: 10px;
    position: relative;    
	box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    overflow: hidden;
    transition: box-shadow 0.4s;
}

.notiArea  li:last-child {margin-right: 0px;}


.notiArea  li a {
    display: block;

    height: 240px;
    border: 1px solid #fff;
    padding: 30px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;border-radius: 20px;    background:rgb(255 255 255 / 90%);
}

.notiArea li a .title{
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    letter-spacing: -0.5px;
    margin: 0px 0px 15px 0px;    width: 100%;
}

.notiArea li a .content{
    color: #828282;
    font-size: 16px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-align: justify;margin-top: 10px;    width: 100%;
}

.notiArea li a .date {

    font-size: 16.5px;
    font-weight: 400;
    color:#046cd9;
    display: block;
    height: 28px;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 15px;  
    width: 100%;
}

.notiArea li a .date .newic {display: inline-block;background: #0ba1ff;color: #fff;font-size: 11px;padding: 0 6px;line-height: 17px;    margin-left: 10px;}


.notiArea  .swiper-wrapper .swiper-slide {

    position: relative;    

    overflow: hidden;

}

.notiArea  div a {
	display: block;
	margin:10px;
	height: 240px;
	border: 1px solid #fff;
	padding: 30px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;border-radius: 20px;    background:rgb(255 255 255 / 90%);
	box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;	
}

.notiArea div a .title{
	font-weight: 400;
	color: #000;
	font-size: 20px;
	line-height: 23px;
	height: 23px;
	overflow: hidden;
	letter-spacing: -0.5px;
	margin: 0px 0px 15px 0px;    width: 100%;
}

.notiArea div a .content{
	color: #828282;
	font-size: 16px;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	text-align: justify;margin-top: 10px;    width: 100%;
}

.notiArea div a .date {

	font-size: 16.5px;
	font-weight: 400;
	color:#046cd9;
	display: block;
	height: 28px;
	line-height: 28px;
	letter-spacing: 0px;
	margin-bottom: 15px;  
	width: 100%;
}


.notiArea div a .date .newic {display: inline-block;background: #0ba1ff;color: #fff;font-size: 11px;padding: 0 6px;line-height: 17px;    margin-left: 10px;}




.notiArea1 h3 {display: block;text-align: center;color: #000;font-size: 32px;line-height: 1.3;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 10px;margin-top: 70px;}
.notiArea1 ul  {margin-bottom: 30px ;    width: 100%;}
.notiArea1  li {
    float: left;
    width: 31% !important;
    height: 440px;
    margin: 10px;
    position: relative;    
	box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    overflow: hidden;
    transition: box-shadow 0.4s;
}

.notiArea1  li:last-child {margin-right: 0px;}


.notiArea1  li a {
    display: block;

    height: 440px;
    border: 1px solid #fff;
    padding: 30px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;border-radius: 20px;    background:rgb(255 255 255 / 90%);
}

.notiArea1 li a .title{
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    letter-spacing: -0.5px;
    margin: 0px 0px 15px 0px;    width: 100%;
}

.notiArea1 li a .content{
    color: #828282;
    font-size: 16px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-align: justify;margin-top: 10px;    width: 100%;
}

.notiArea1 li a .date {

    font-size: 16.5px;
    font-weight: 400;
    color:#046cd9;
    display: block;
    height: 28px;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 15px;  
    width: 100%;
}

.notiArea1 li a .date .newic {display: inline-block;background: #0ba1ff;color: #fff;font-size: 11px;padding: 0 6px;line-height: 17px;    margin-left: 10px;}

.notiArea1 li a img{height: 255px;}


.notiArea1  div {

    position: relative;    

}
.notiArea1  div a {
    display: block;
	margin:10px;
    height: 440px;
    border: 1px solid #fff;
    padding: 30px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;border-radius: 20px;    background:rgb(255 255 255 / 90%);
	
	box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

.notiArea1 div a .title{
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    letter-spacing: -0.5px;
    margin: 0px 0px 15px 0px;    width: 100%;
}

.notiArea1 div a .content{
    color: #828282;
    font-size: 16px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-align: justify;margin-top: 10px;    width: 100%;
}

.notiArea1 div a .date {

    font-size: 16.5px;
    font-weight: 400;
    color:#046cd9;
    display: block;
    height: 28px;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 15px;  
    width: 100%;
}

.notiArea1 div a .date .newic {display: inline-block;background: #0ba1ff;color: #fff;font-size: 11px;padding: 0 6px;line-height: 17px;    margin-left: 10px;}

.notiArea1 div a img{height: 255px;}



#mIntro .banner {width: 100%}
#mIntro .banner > li {display: table-cell;vertical-align: top;height: 354px;position: relative;box-sizing:border-box;padding:40px;    width: 28.4%;}
#mIntro .banner > li.li1 {background: #eeefee url(/img/main/mc1.png)  no-repeat 130px 235px;border-radius: 30px; overflow: hidden;}
#mIntro .banner > li.li1:before {position: absolute;content: '';width: 300px;height: 300px;background: url(/img/main_participation_icon01.png) no-repeat center;top: 75.3%;left: -26.5%;}
/*#mIntro .banner > li.li2 {background: #fdeff3 url(/img/main/mc2.png)  no-repeat 130px 235px;border-radius: 30px;margin-right: 0px;    overflow: hidden;}
#mIntro .banner > li.li2:before {position: absolute;content: '';width: 300px;height: 300px;background: url(/img/main_participation_icon02.png) no-repeat center;top: 75.3%;left: -26.5%;}*/
#mIntro .banner > li.li2 {background: #9bce83 url(/img/main/mc2_w.png) no-repeat 130px 235px;border-radius: 30px;margin-right: 0px;    overflow: hidden;}
#mIntro .banner > li.li2:before {position: absolute;content: '';width: 300px;height: 300px;background: url(/img/main_participation_icon02_w.png) no-repeat center;top: 75.3%;left: -26.5%;}




#mIntro .banner > li .txt {color: #000;}
#mIntro .banner > li .txt h4 {font-size: 1.75em;line-height: 1;font-weight: 500;}
#mIntro .banner > li .txt p {margin-top: 18px;line-height: 1.63;margin-bottom:13px; }
#mIntro .banner > li .txt1 {color: #5b5859;}
#mIntro .banner > li .txt1 h4 {font-size: 1.75em;line-height: 1;font-weight: 500;color: #ffffff;}
#mIntro .banner > li .txt1 p {margin-top: 18px;line-height: 1.63;margin-bottom: 10px;color: #ffffff;}
#mIntro .banner > li .btn {position: absolute;bottom: 40px;left: 13%;width: 74%;}
#mIntro .banner > li .btn:after {display: block;content: '';clear: both;}
#mIntro .banner > li .btn > a {display: block;float: left;width: 50%;text-align: center;font-weight: 500;line-height: 1.32;color: #fff;padding: 9px 0;transition:.3s;}
#mIntro .banner > li .btn > a.a1 {background-color: #333333;border-radius:13px 0 0 13px;}
#mIntro .banner > li .btn > a.a2 {background-color: #fb4375;border-radius:0 13px 13px 0;}
#mIntro .banner > li .btn > a.a1:hover {color: #fac5cf;box-shadow:0 0 25px rgba(0,0,0,0.1)}
#mIntro .banner > li .btn > a.a2:hover {color: #fef3f6;box-shadow:0 0 25px rgba(0,0,0,0.1)}
#mIntro .banner > li a:hover .txt p {text-decoration: none;}


.mSitelinkA {display:block; position:relative; overflow:hidden; margin:0px auto; padding: 53px 0px;    background: #f1efef;}
.mSitelinkA ul{margin:0px 0px 0px 0px; padding:0;  display:block;}
.mSitelinkA ul:after {clear:both; content:''; display:block;}
.mSitelinkA li {float:left; margin:0px; padding:0px; width:198px;text-align:center;}
.mSitelinkA li img{border: 1px solid #ddd;padding: 10px;background:#ffffff}
.mSitelinkA #prevBtn{position:absolute;left:200px;top:58px; cursor:pointer; width:48px; height:48px;   text-indent:-9999999px;background: url(/img/ico40_arrow_circle_left.svg) no-repeat  center center ; cursor:pointer; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mSitelinkA #nextBtn{position:absolute;right:200px;top:58px; cursor:pointer;width:48px; height:48px;  text-indent:-9999999px; background: url(/img/ico40_arrow_circle_right.svg) no-repeat center center ; cursor:pointer; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mSitelinkA #prevBtn:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mSitelinkA #nextBtn:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mSitelinkA .bx-wrapper {width:1365px !important; }



/* main-schedule */
.main-schedule.sc-head, .main-schedule.sc-tail { display:none; }
.main-schedule .item-list { position:relative; padding:0px;    background: #fff;z-index: 2; }
.main-schedule .sch-wrapper { display:flex; flex-direction:column; grid-gap:10px; height:510px; margin:40px; overflow:hidden;background: #fff; z-index: 2;    position: relative; }
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .main-schedule .sch-wrapper { margin:20px; }
    .sch-head .sch-ctrl .btn-month { width:30px; height:30px; background-size:30%; }
    .sch-calendar .day { width:36px; height:36px; line-height:28px;font-size: 65% !important}
	.sch-view .cal-date {    font-size: 100% !important; }
	.sch-calendar .cal-days .current .day::after {    border: 2px solid #fff !important; }
	.main-food{width: calc(100% - 0px) !important;         margin-bottom: 70px;}
    .main-food .food-menu li:last-child {margin-bottom: 30px !important; }
	.sch-view .cal-data li:last-child {margin-bottom: 30px !important; }

}



/* main-food */
.main-food{float: left;    width: calc(40% - 50px);margin-right: 50px;}
.main-food.sc-head, .main-food.sc-tail { display:none; }
.main-food .item-list { position:relative; height:510px !important; padding:40px; }
.main-food .item { display:grid; grid-template-rows:190px 1fr; height:100%; grid-gap:30px; text-align:center; letter-spacing:-1px; }
.main-food .item-subj { display:inline-block; font-size:180%; font-weight:700; width: 100% !important;margin-left: 0px !important;}
.main-food .item-subj .bul { display:block; margin:0 auto 30px; }
.main-food .item-subj .text { display:inline-block; padding:0px 10px; height:50px; line-height:48px; border:1px solid #ccc; border-left:0px; border-right:0px; letter-spacing:-2px; }
.main-food .item-subj .text i { font-style:normal; color:#666; }
.main-food .item-cont { display:grid; grid-template-rows:1fr 30px; font-size:110%; line-height:30px;width: 100% !important;margin-left: 0px !important; }
.main-food .food-menu { min-height:180px; overflow:hidden; }
.main-food .food-menu li {     margin-right: 0px !important;width: 100% !important; }
.main-food .food-kcal {color: #fb4375;}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .main-food .item-list { height:auto; padding:20px; }
    .main-food .item { display:flex; flex-direction:column; grid-template-rows:auto; grid-gap:10px; }
    .main-food .item-subj { font-size:160%; }
    .main-food .item-subj .bul { margin: 30px auto 30px; }
    .main-food .item-subj .text { height:40px; line-height:38px; vertical-align:middle; }
    .main-food .food-menu { height:auto;        margin-top: 20px; }
    .main-food .food-menu li { display:inline-block; margin-right:5px;        height: 20px !important; }
    .main-food .food-menu li:last-child { margin-right:0px; }
	.sch-view .cal-data li {height: 25px !important; }
}




/* main-bbs */
.main-bbs.sc-head, .main-bbs.sc-tail { display:none; }
.main-bbs .item-more { padding:30px 0px; display:block; }
.main-bbs .item-more a { display:inline-block; }
.main-bbs .item-more h4 { padding:0px; letter-spacing:-2px; }
.main-bbs .item-more p { padding:0px; font-weight:400; line-height:1.2; }
.main-bbs .item-list { height:inherit; box-shadow:#efefef 0px 0px 20px 10px; border-top-left-radius:30px; border-bottom-right-radius:30px; overflow:hidden; background: #fff;    z-index: 2;}
@media (max-width: 1023px) { /* TABLET - ~ 1023 */
    .main-bbs .item-more { padding:20px 0px; }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .main-bbs .item-more { padding:10px 0px; }
}
.sch-calendar {
    padding: 0px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.sch-head .sch-subj {
    display: inline-block;
    font-size: 27px;
    line-height: 36px;
    font-weight: 800;
    letter-spacing: -1px;
    vertical-align: middle;
}

.sch-head .sch-subj h2 {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

.sch-head .btn-today {
    display: inline-block;
    padding: 0px 15px;
    font-size: 17px;
    line-height: 36px;
    font-weight: 700;
    border: 0px;
    color: #fff;
    background-color: #f5b26b;
    border-radius: 18px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.sch-head .sch-ctrl {
    display: grid;
    width: 220px;
    grid-template-columns: 30px 160px 30px;
    justify-items: center;
    align-items: center;
    margin: 0 auto;
}

.sch-head .sch-ctrl .cur-month {
    display: inline-block;
    width: 150px;
    font-size: 140%;
    line-height: inherit;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
}

.sch-head .sch-ctrl .btn-month {
    display: inline-block;
    width: 30px;
    height: 36px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    overflow: hidden;
    text-indent: -9999px;
    background: transparent url('/img/btn_month_next.png') center center no-repeat;
}

.sch-head .sch-ctrl .btn-month.prev {
    background-image: url('/img/btn_month_prev.png');
}

.sch-calendar .cal-body .table-cell {
    padding: 2px;
}

.sch-calendar .cal-week, .sch-calendar .cal-days {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.sch-calendar .day {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    line-height: 28px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    border: 3px solid transparent;
    border-radius: 50%;
    overflow: hidden;
}

.sch-calendar .cal-week .day {
    height: 25px;
    line-height: 25px;
    padding: 0px;
    margin: 0px;
    font-size: 90%;
    color: #fd739b;
    border-radius: 0px;
}

.sch-calendar .cal-days .no-data {
    text-indent: -9999px;
}

.sch-calendar .cal-days .day {
    font-size: 90%;
    color: #666;
}

.sch-calendar .cal-days .have .day {
    background-color: #f0f0f0;
    cursor: pointer;
}

.sch-calendar .cal-days .w-0 .day {
    color: #fb4375;
}

.sch-calendar .cal-days .w-6 .day {
    color: #8dcd8f;
}

.sch-calendar .cal-days .holy .day {
    color: #fb4375 !important;
    cursor: pointer;
}

.sch-calendar .cal-days .have .day:hover, .sch-calendar .cal-days .holy .day:hover {
    border-color: var(--pattern-color-G02);
}

.sch-calendar .cal-days .current .day {
    position: relative;
    color: #fff !important;
    background-color: #fb4375;
}
.sch-calendar .cal-days .current .day a {color: #fff !important;}
/*
.sch-calendar .cal-days .current .day::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -3px;
}
*/
.sch-view {
    position: relative;
    padding-left: 50px;text-align: left;
}

.sch-view::before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border: 2px solid #fb4375;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 14px;
}

.sch-view::after {
    content: '';
    display: block;
    width: 0px;
    height: 200%;
    border-right: 1px solid #fb4375;
    position: absolute;
    top: 40px;
    left: 20px;
}

.sch-view .cal-date {
    display: block;
    line-height: 50px;
    font-size: 120%;
    font-weight: 500;
    letter-spacing: -1px;color: #000;padding-top: 10px;
}

.sch-view .cal-data {
    max-width: 405px;
    color: #666;
}

.sch-view .cal-data ul {
    display: block;
    height: 75px;
}

.sch-view .cal-data li {
    display: block;
    padding-left: 15px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    height: 25px;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    width: 100% !important;
}

.sch-view .cal-data li:before {
    content: '\00B7';
    display: inline-block;
    width: 15px;
    line-height: inherit;
    margin-left: -15px;
    text-align: center;
}

/* table-row style control */
.table { display:table; }
.table-row { display:table-row; width:100%; }
.table-row > * { display:table-cell; vertical-align:middle; float:inherit; padding:0; margin:0; }
.va-t .table-row > *,
.va-top .table-row > * { vertical-align:top; }
.va-m .table-row > *,
.va-middle .table-row > * { vertical-align:middle; }
.va-b .table-row > *,
.va-bottom .table-row > * { vertical-align:bottom; }

.space .table-row.div-2 > hr,
.space .table-row.div-3 > hr,
.space .table-row.div-4 > hr { width:2%; border:0 none; }
.space .table-row.div-5 > hr,
.space .table-row.div-6 > hr { width:1%; border:0 none; }
.space .table-row.div-7 > hr,
.space .table-row.div-8 > hr,
.space .table-row.div-9 > hr,
.space .table-row.div-10 > hr { width:0.5%; border:0 none; }

.matrix.table { border-collapse:collapse; border:0 none; margin:0; padding:0; }

#mNotiA .bx-controls-direction a {display:block;position: absolute;top: 55%;margin-top: -16px;width: 50px;height: 50px;text-indent: -9999px;z-index: 99;}

#mNotiA .bx-controls-direction a.disabled { display:block; }
#mNotiA .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:-100px; background:transparent url('/img/ico_arrow_left03.png') center center no-repeat; }
#mNotiA .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:-100px; background:transparent url('/img/ico_arrow_right04.png') center center no-repeat; }

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

	#mNotiA .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:30%;  }
	#mNotiA .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:30%;; }

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

	#mNotiA .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:30%;  }
	#mNotiA .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:30%; }	

}





#mNotiD .bx-controls-direction a {display:block;position: absolute;top:55%;margin-top: -16px;width: 50px;height: 50px;text-indent: -9999px;z-index: 99;}
#mNotiD .bx-controls-direction a.disabled { display:block; }
#mNotiD .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:-80px; background:transparent url('/img/ico_arrow_left03.png') center center no-repeat; }
#mNotiD .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:-80px; background:transparent url('/img/ico_arrow_right04.png') center center no-repeat; }

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

	#mNotiD .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:30%;  }
	#mNotiD .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:30% }

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

	#mNotiD .bx-prev, .main-notice .bx-wrapper .bx-prev:hover, .main-notice .bx-wrapper .bx-prev:focus { left:30%;  }
	#mNotiD .bx-next, .main-notice .bx-wrapper .bx-next:hover, .main-notice .bx-wrapper .bx-next:focus { right:30%; }	
    #mVisual #mv_slide .swiper-button-prev {    top: 70%;}
	#mVisual #mv_slide .swiper-button-next {top: 70%;}
}


.swiper-container {overflow:hidden;}