@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;}
@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;}
}
@media screen and (max-width: 640px) {
.wrap2 {margin:0 15px;}
.mGallA_con .frm-item > .input-box{width: 94% !important;}

}
#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: 20px;overflow: hidden;}
#mFloating ul li:nth-child(1) a {background:#fff url(/img/main/phone2.png) center no-repeat;}
#mFloating ul li:nth-child(2) a {background:#fff url(/img/main/phone2.png) center no-repeat;}
#mFloating ul li:nth-child(3) a {background:#fff url(/img/main/floating_youtube.png) center no-repeat;}

#mVisual {margin: 0;height: 880px;background: url(/img/main/mv01.jpg) center no-repeat;background-size: cover;}
#mVisual:after {content:'';display:block;clear:both;}
.mTxtA {padding: 295px 0 0;text-align: center;color: #fff;font-size: 23px;line-height: 130%}
.mTxtA p {font-size: 58px;margin: 0 0 34px;font-weight: 600;padding-top: 25px;}
.mTxtA span {color: #f1e6c8;}

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

#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: 90px 0;}
#mIntro dl {}
#mIntro ul li{float:left;width: 29%;margin-right: 17px;}
#mIntro ul li .cardate{text-align: center;font-size: 60px;font-family: 'MinSans';font-weight: 600}
#mIntro dl:after {content:'';display:block;clear:both;}
#mIntro dl dt {float:left;width:40%;}
#mIntro dl dd {float:left;width: calc(50% - 90px);margin-left: 90px;}
#mIntro .mIntro_img {border-radius: 0 30px 30px 0;overflow: hidden;background: #a2956b;    padding: 50px 0;}
#mIntro .mIntro_img img {}
#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: 40px 0 30px;font-size: 21px;font-family: 'Noto Serif KR';color: #222;line-height: 170%;letter-spacing: -1px;}

a.mBtn01 {display: block;width: 100%;height: 65px;line-height: 65px;text-align: center;border-radius: 30px;background: #dbdbdb;font-size: 19px;font-weight: 400;}

#mNotiA {padding: 100px 0 0px;background:#f3f3f3}
#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: 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'}
#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: 30px;color: #ffffff;font-weight: 600;line-height: 28px;margin: 0 0 20px;height: 56px;overflow: hidden;word-break: keep-all;}
#mNotiA .content {font-size: 18px;color: #555;line-height: 24px;height: 110px;overflow: hidden;margin: 0 0 40px;line-height: 160%;}
#mNotiA .date {font-size: 16px;color: #ffffff;text-align: right;padding-right: 60px;}
#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: 100px 0 160px;}
#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: 46px;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;}
#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: #49c3ab;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: 50px;}
#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:#068169;}
#mNotiC .mNotiB_con ul li a:hover .dateA {}
#mNotiC .cateA {margin: 20px 0 12px;font-size: 14px;color: #49c3ab;font-weight: 400;line-height: 100%;}
#mNotiC .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;}
#mNotiC .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;}









#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: url(/img/main/endimg.jpg) no-repeat;height: 476px;position: relative;background-size: cover;}
#mGallB .mGtitle {top: 100px;font-size: 20px;color: #ffffff;line-height: 50px;text-align: center;    line-height: 30px;    padding: 80px 0;}
#mGallB .mGtitle p{font-size: 29px;    margin-bottom: 30px;}
#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 auto;}
#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 {width: 51px !important;height: 51px !important;}
#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: #a2956b;
	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%;}
}

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

}





@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 {display:none;}
}


@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 ul li {width: 100%;}
#mIntro a.mBtn01 {margin:0 auto;}
#ww_6a83f0b32307e {margin-right: 0px !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 30px;}
#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;padding: 0 0 80px;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) { 
#mVisual { height: 500px;}
#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 110px;}
#mNotiA .mTitle p {font-size:46px;}
#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;}
.mTxtA p {font-size: 20px;}
.mTxtA {font-size: 14px;letter-spacing: -1px;padding: 102px 0 0;}
#mIntro {text-align:center;padding: 30px 15px;height: 1135px;}
#mIntro dl {display:inline-block;width: 100%;}
#mIntro dl dt {float:none;width:100%;font-size: 22px;}
#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: 16px;margin-bottom: 20px;}
#mIntro ul li {width: 100%;}
#mIntro a.mBtn01 {margin:0 auto;}
#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;}


}



#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: 100px 0 70px;}
#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;
    overflow: hidden;
    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: 100%;}
.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: 45% !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: rgb(73 195 171 / 90%); 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 li:nth-of-type(5){background: url(/img/con1_img8.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(1){background: url(/img/con1_img9.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(2){background: url(/img/con1_img5.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(3){background: url(/img/con1_img6.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(4){background: url(/img/con1_img7.jpg)center center no-repeat;}
.con1 ul.con1_2 li:nth-of-type(5){background: url(/img/con1_img10.jpg)center center no-repeat;}

.con1 ul li .con1_box h3{font-size:24px; font-weight: 600; color: #fff; line-height: 30px;}
.con1 ul li .con1_box h3 span{font-size: 14px; 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: 0;}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
}
#fix .flex {    display: -webkit-box;display: -ms-flexbox;display: flex}
#fix .left {background-image: url(/img/promotion_left.jpg);}
#fix .left, #fix .right {width: 50%;background-repeat: no-repeat;background-position: center center;background-size: cover;height: 10em;color: #fff;    transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);}
#fix .left .inner {margin-left: auto;padding-right: 2.5em;}

[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);}
#fix .left, #fix .right {
    width: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 10em;
    color: #fff;
    transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);
}
#fix .right .inner {
    margin-right: auto;
    padding-left: 2.5em;
}
#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 {    right: 2.5em;}

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