.new-area{font-family: "Pretendard", sans-serif;}

.msection1 {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: hidden;}
/* .msection1{width: 100%;margin: 0 auto;overflow: hidden;} */
.mvc-area{width: 100%;margin: 0 auto;padding-bottom: 11%;background:url('../images/main/gybg.png') no-repeat 10% bottom;background-size: 57% auto;}
.mvc-wid{position: relative;width: 100%;max-width: 1720px;margin: 0 auto;display: flex;justify-content: space-between;}
.mvc-left{width: 46%;padding-top: 5%;}
.mvc-right{width: 50%;position: relative;}

.mvc-right .c-man{position: relative;}
.mvc-right .c-man:before{content: "";position: absolute;right: -12%;top: -22%;left: -10%;bottom: 12%;border-radius: 100%;background: #f2f7fd;z-index: -1;}
.c-bns{position: absolute;left: 0;bottom: 20%;max-width: 23%;}
.c-bns > a{display: inline-block;}

.mvc-left > .txt1{font-size: 1.6vw;;color:#333;line-height: 1.2; font-family: 'Ria Sans';}
.mvc-left > .txt2{margin-top:4%;font-size: 2.7vw;color:#333;line-height: 1.2; font-family: 'Ria Sans';font-weight: bold;letter-spacing: -2px;}
.mvc-left > .txt2 span{color: #4161c9;}
.mvc-left > .txt3{margin-top:8%;font-size: 1.6vw;color:#333;line-height: 1.2; font-family: 'GoyangDeokyang';letter-spacing: -1px;}
.mvc-left > .txt3 span{color: #2a4998;font-size: 2.8vw;}

.pc-msns{position: absolute;left: 0;bottom: 20%;}
.msns-area{width: 100%;max-width: 600px;padding: 30px;box-sizing: border-box;background: #4161c9;border-radius: 30px;display: flex;justify-content: space-between;align-items: center;}
.msns-area:before{content: "";position: absolute;left: 5%;top: -27px;width: 49px;height: 54px;background:url('../images/main/sic.png') no-repeat center center;}
.msns-area > p{font-size: 24px;color:#fff;font-family: 'Ria Sans';font-weight: bold;letter-spacing: -1px;}
.msns-area > ul{display: flex;align-items: center;justify-content: flex-end;width: calc(100% - 150px);}
.msns-area > ul > li + li{margin-left: 12%;}
.msns-area > ul > li > a{display: inline-block;font-size: 0;}

.mo-msns{display: none;}

.msection2{width: calc(100% - 26px);max-width: 1720px;margin: 0 auto;padding: 80px 0;}
.mc-title{text-align: center;margin-bottom: 50px;font-size: 34px;color: #333; font-family: 'Ria Sans';line-height: 1.1;}
.mc-lists{margin-top: -30px;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
.mc-lists > li{margin: 30px 50px 0;max-width: calc(20% - 100px);min-width: 160px;}
.mc-lists > li > a{display: flex;flex-direction:column;align-items: center;transition: .3s;}
.mc-lists > li > a > span{display: flex;justify-content: center;align-items: center;max-width: 100%;width: 160px;height: 160px;border-radius: 30px;background: #f2f7fd;border: 1px solid #f2f7fd;transition: .3s;}
.mc-lists > li > a > span img{display: inline-block;}
.mc-lists > li > a > p{margin-top: 26px;font-size:22px;color: #333;font-weight: 600;letter-spacing: -1px;line-height: 1.1;}
.mc-lists > li:hover > a > span{background: #fff;border: 1px solid #4161c9;box-shadow:0 0 15px rgba(77,128,124,0.15);}
.mc-lists > li:hover > a > span img{transform: rotateY(-360deg);transition: .3s;}


.msection3{width: 100%;margin: 0 auto;position: relative;}
.mbcon-wid{width: calc(100% - 26px);max-width: 1720px;margin: 0 auto;padding: 80px 0 130px;position: relative;z-index: 1;}
.mbcon-wid:before{content: "";position: absolute;top: -65px;left: -350px;width: 660px;height: 660px;border-radius: 100%;background: linear-gradient(#eff2fa, #fff);z-index: -1;}

.mpt-tops{padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #d0dfde;}
.mpt-box{display: flex;align-items: center;}
.mpt-tit{margin-right: 30px;font-size: 34px;color: #333; font-family: 'Ria Sans';line-height: 1;}
.mpt-tabs{display: flex;}
.mpt-tabs > li + li{margin-left: 10px;}
.mpt-tabs > li{width: 170px;text-align: center;display: table;}
.mpt-tabs > li > a{display: table-cell;vertical-align: middle;border-radius: 56px;height: 56px;background: #f2f7fd;font-size: 18px;color:#555;font-weight: 500;}
.mpt-tabs > li > a.on{background: #4161c9;color: #fff;font-weight: 600;}

.mpd-child{display: none;}
.mpd-child.on{display: block;}

.mct-area{position: relative;}
.mct-gallery{overflow: hidden;}
.mct-gallery .swiper-slide a{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;transition: .4s;position: relative;}
.mct-gallery .swiper-slide a > div{width: 48.3%;}
.mct-gallery .swiper-slide a > .lf-mg > span{border-radius: 15px;display: block;position: relative;padding-top: 55%;overflow: hidden;}
.mct-gallery .swiper-slide a > .lf-mg > span img{position: absolute; z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;transition: all 0.3s ease-in-out;object-fit: cover;}
.mct-gallery .swiper-slide a > .rt-mg{display: flex;flex-direction: column;}
.mct-gallery .swiper-slide a > .rt-mg > .top-t{width: 100%;height: 50%;padding: 4% 0;}
.mct-gallery .swiper-slide a > .rt-mg > .top-t .tit{font-size: 30px;color: #333;font-weight: 600;line-height: 1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mct-gallery .swiper-slide a > .rt-mg > .top-t .txt{margin-top: 20px;font-size: 20px;color: #333;line-height: 1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mct-gallery .swiper-slide a > .rt-mg > .top-t .txt span{font-weight: 600;}
.mct-gallery .swiper-slide a > .rt-mg > .top-t .days{margin-top: 35px;font-size: 18px;color: #767676;font-weight: 350;line-height: 1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mct-gallery .swiper-slide a > .rt-mg > .bot-m{width: 100%;height: 50%;}
.mct-gallery .swiper-slide a > .rt-mg > .bot-m > ul{display: flex;align-items: flex-end;justify-content: space-between;height: 100%;}
.mct-gallery .swiper-slide a > .rt-mg > .bot-m > ul > li{width: 48.2%;border-radius: 15px;position: relative;padding-top: 26%;overflow: hidden;}
.mct-gallery .swiper-slide a > .rt-mg > .bot-m > ul > li img{position: absolute; z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;transition: all 0.3s ease-in-out;object-fit: cover;}

.mct-ctr{position: absolute;right: 0;top: -117px;display: flex;}
.mct-ctr a{display: inline-block;width: 56px;height: 56px;border-radius: 100%;font-size: 0;}
.mct-ctr a + a{margin-left: 8px;}
.mct-ctr a.prev{background: #f2f7fd url(../images/main/glf.png) center center no-repeat;}
.mct-ctr a.next{background: #f2f7fd url(../images/main/grt.png) center center no-repeat;}
.mct-ctr a.g-more{background: #4161c9 url(../images/main/gmore.png) center center no-repeat;}





@media screen and (max-width: 2550px){
	.mvc-left > .txt2{margin-top:3%;font-size: 3.4vw;}
	.pc-msns{bottom: 25d%;}
}
@media screen and (max-width: 1919px){
	.mvc-area{background:url('../images/main/gybg.png') no-repeat -30% bottom;background-size: 83% auto;}
}

@media screen and (max-width: 1720px){
	.mvc-left{padding-left: 13px;}
}

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

}

@media screen and (max-width: 1024px){
	.mvc-left > .txt1{font-size: 3.5vw;}
	.mvc-left > .txt2{margin-top:5%;font-size: 5vw;letter-spacing: -1px;line-height: 1.3;}
	.mvc-left > .txt3{margin-top:7%;font-size: 3.6vw;letter-spacing: -1px;}
	.mvc-left > .txt3 span{color: #2a4998;font-size: 4.8vw;}
	.mvc-right .c-man{padding-top: 12%;}
	.c-bns{bottom: 17%;max-width: 32%;}

	.pc-msns{display: none;}
	.mo-msns{margin: 20px auto 0;max-width: 100%;display: flex;position: relative;}
}

@media screen and (max-width: 768px){
	.msns-area.mo-msns{width: calc(100% - 26px);padding: 20px;border-radius: 15px;}
	.msns-area:before{top: -20px;width: 35px;height: 40px;background-size: 35px 40px;}
	.msns-area > p{font-size: 18px;}
	.msns-area > ul{display: flex;align-items: center;justify-content: flex-end;width: calc(100% - 150px);}

	.msection2{padding: 70px 0;}
	.mc-title{margin-bottom: 30px;font-size: 28px;}
	.mc-lists{margin-top: -20px;}
	.mc-lists > li{margin: 20px 0 0;width: 33.333333%;max-width: 33.333333%;min-width: 33.333333%;}
	.mc-lists > li > a{padding:0 5px;}
	.mc-lists > li > a > span{width: 90px;height: 90px;border-radius: 15px;}
	.mc-lists > li > a > span img{width: 40px;}
	.mc-lists > li > a > p{margin-top: 15px;font-size:15px;}

	.mbcon-wid{padding: 10px 0 70px;}
	.mbcon-wid:before{top: 0;left: -180px;width: 300px;height: 300px;}

	.mpt-tops{padding-bottom: 20px;margin-bottom: 30px;}
	.mpt-box{display: block;text-align: center;}
	.mpt-tit{margin-right: 0;margin-bottom: 15px;font-size: 28px;}
	.mpt-tabs{justify-content: center;}
	.mpt-tabs > li + li{margin-left: 5px;}
	.mpt-tabs > li{width: 140px;}
	.mpt-tabs > li > a{border-radius: 46px;height: 46px;font-size: 16px;}
	.mct-ctr{position: static;margin-top: 30px;justify-content: center;}
	.mct-ctr a{width: 46px;height: 46px;}
	.mct-ctr a + a{margin-left: 5px;}

	.mct-gallery .swiper-slide a{display: block;}
	.mct-gallery .swiper-slide a > div{width: auto;}
	.mct-gallery .swiper-slide a > .lf-mg > span{border-radius: 10px;}
	.mct-gallery .swiper-slide a > .rt-mg{display: block;}
	.mct-gallery .swiper-slide a > .rt-mg > .top-t{height: auto;padding: 20px 0;}
	.mct-gallery .swiper-slide a > .rt-mg > .top-t .tit{font-size: 20px;}
	.mct-gallery .swiper-slide a > .rt-mg > .top-t .txt{margin-top: 13px;font-size: 16px;}
	.mct-gallery .swiper-slide a > .rt-mg > .top-t .days{margin-top: 15px;font-size: 15px;}
	.mct-gallery .swiper-slide a > .rt-mg > .bot-m{height: auto;}
	.mct-gallery .swiper-slide a > .rt-mg > .bot-m > ul > li{width: 49%;border-radius: 10px;}


}