.tempmain{
	width:100%;
	position:relative;
	height:70rem;
}


.mainContBox{
	width:100%;
	position:relative;
	padding:12rem 0;
}
.mainContBox.bg_w{background:#fff;}
.mainContBox.bg_p{background: #F9F4F4;}
.mainContSideBox{
	max-width:154rem;
	padding:0 2rem;
	margin:0 auto;
}
.mainH2 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.mainH2 span{
	text-align:center;
	color: #8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	font-size: 2.2rem;
	font-style: normal;
	line-height: 2.6rem;
	letter-spacing: -0.44px;
}
.mainH2 h2{
	text-align:center;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	letter-spacing: -1.4px;
}
.mainH2 h2 b{
	color: #8754FB;
}
.mainH2 br.pcBr{display:block;}
.mainH2 br{display:none;}
@media (max-width:1600px) {
	.mainH2 h2 {
		font-size: 6.4rem;
		line-height: 8rem;
	}
}
@media (max-width:1300px) {
	.mainH2 h2 {
		letter-spacing: -1.2px;
		font-size: 5.6rem;
		line-height: 7rem;
	}
}
@media (max-width:991px) {
	.mainContBox {
		padding: 10rem 0;
	}
	.mainH2 {
		gap: 1rem;
	}
	.mainH2 span {
		font-size: 2rem;
		line-height: 2.2rem;
		letter-spacing: 0.44px;
	}
	.mainH2 h2 {
		letter-spacing: -1px;
		font-size: 5rem;
		line-height: 6rem;
	}
}
@media (max-width:767px) {
	.mainContBox {
		padding: 5rem 0;
	}
	.mainH2 {
		gap: 1rem;
	}
	.mainH2 span {
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -0.28px;
	}
	.mainH2 h2 {
		letter-spacing: -0.48px;
		text-align:center;
		font-size: 2.4rem;
		line-height: 3.4rem;
	}
	.mainH2 h2 br{display:block;}
}
/*--------------------------------------------------------------
# 메인 비주얼
--------------------------------------------------------------*/
.mainV_wrap{
	position:relative;
	width:100%;
	/* height:60rem; */
	height:100vh;
	
	background-image: url(/public/img/internet/main/main_temp_bg_pc.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
@media (max-width:767px) {
	.mainV_wrap{
		position:relative;
		width:100%;
		/* height:60rem; */
		      height: 139vw;

		
		background-image: url(/public/img/internet/main/main_temp_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
}

/*--------------------------------------------------------------
# 메인 카드섹션
--------------------------------------------------------------*/
.mCardWrap{
	width:100%;
	position:Relative;
	overflow:hidden;
	padding:12rem 2rem;
	background: linear-gradient(180deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFF;
}
.mCardSideBox{
	max-width:160rem;
	margin:0 auto;
	position:Relative;
}
.mCardarea{
	width:100%;
	position:Relative;
}
.mCardarea .swiper{
	overflow:unset;
}
.mcard01Box{
	width:100%;
	position:Relative;
	border-radius: 2rem;
	background: #FFF;
	padding:6rem 0 0 0;
}
.mcard01H2 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.mcard01H2 h2 {
    text-align: center;
    color: #111;
    font-family: 'Pretendard-Bold';
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
    line-height: 9rem;
    letter-spacing: -1.4px;
}
.mcard01H2 h2 b {
    color: #8754FB;
}
.mcard01ContInner {
    display: flex;
    width: 100%;
    position: Relative;
    padding: 9.4rem 0;
    align-items: center;
}
.mcard01Cont {
    gap: 3rem;
    display: flex;
    width: 50%;
    position: Relative;
    flex-direction: column;
    align-items: center; 
    justify-content: center;
}
.mcard01Cont h3{
	display:block;
	text-align:center;
	color:#8754FB;
	font-family: 'Pretendard-Bold';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
	text-transform: uppercase;
}
.mc01text {
	gap:0.6rem;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mc01text span{
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 10rem;
	letter-spacing: -1.6px;
}
.mc01text b{
	margin:0;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 6.4rem;
	letter-spacing: 0.52px;
}


.mcardDouBox {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: Relative;
    display: flex;
    border-radius: 2rem;
    background: #FFF;
    /* align-items: center; */
}
.mcardDouConttext {
    position: Relative;
    width: 50%;
    /* height: 100%; */
    max-height: 80rem;
    padding: 0 13rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.mcardDouConttext.dou02bg{
	background-image: url(../img/internet/main/mcard02textbg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mcardh2 img{
	height:7.1rem;
	display:inline-block;
	margin:0 0 2rem 0;
}
.mcardh2 h2{
	display:block;
	text-align:left;
	margin:0;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 6.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 8rem;
	letter-spacing: -1.28px;
}
.mcardh2 b{
	color: var(--main_color, #8754FB);
}
.mcardh2 a{
	margin:3rem 0 0 0;
	display:inline-block;
	padding: 1.2rem 4rem;
	border-radius: 5rem;
	border: 1px solid #000;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.mcardDouContImgBox {
    position: Relative;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
img.mcard02_bg{
	position:Relative;
	z-index:1;
	max-width:100%;
}
img.mcard02_step_text{
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	max-width:100%;
}
img.mcard02_step_01{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard02_step_02{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard02_step_03{position:absolute;z-index:3;left:0;top:0;max-width:100%;}


img.mcard03_01{
	position:Relative;
	z-index:1;
	max-width:100%;
}
img.mcard03_02{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard03_03{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard03_04{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard03_05{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard03_06{position:absolute;z-index:3;left:0;top:0;max-width:100%;}

.mcardh3{
	position:Relative;
	margin:8rem 0 0 0;
}
.mcardh3:before{
	content:'';
	position:absolute;
	left:0;
	top:-4rem;
	width: 5rem;
	height: 1px;
	background: #8754FB;
}
.mcardh3 h3{
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 3.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.7rem;
	letter-spacing: -0.7px;
}
.mcardh3 h3 b{
	color: #8754FB;
}
.mcardh3 h4{
	margin:2rem 0 0 0;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
}

img.mcard04_03{
	position:Relative;
	z-index:1;
	max-width:100%;
}
img.mcard04_01{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_02{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_04{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_05{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_06{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_07{position:absolute;z-index:3;left:0;top:0;max-width:100%;}
img.mcard04_08{position:absolute;z-index:3;left:0;top:0;max-width:100%;}


.caBtnGroup .swiper-button-next, .caBtnGroup .swiper-button-prev {
    background-image: none;
    margin: 0;
    width: 10rem;
    height: 10rem;
	border:1px solid rgba(244, 244, 244, 0.90);
	border-radius: 50%;
	background: rgba(244, 244, 244, 0.90);
	backdrop-filter: blur(4px);
	top: var(--swiper-navigation-top-offset, 45%);
}
.caBtnGroup .swiper-button-prev{
	left:-6rem;
}
.caBtnGroup .swiper-button-next{
	right:-6rem;
}
.caBtnGroup .swiper-button-prev:after {
    content: '';
    width: 3.2rem;
    height: 2.2rem;
    background: url(../img/internet/main/re_prev_arrow.webp) no-repeat center / contain;
}
.caBtnGroup .swiper-button-next:after {
    content: '';
    width: 3.2rem;
    height: 2.2rem;
    background: url(../img/internet/main/re_next_arrow.webp) no-repeat center / contain;
}
.caBtnGroup .swiper-button-next:hover, .caBtnGroup .swiper-button-prev:hover {
	border: 1px solid var(--main_color, #8754FB);
	background: #fff;
}
.caBtnGroup .swiper-button-prev:hover:after{
	background: url(../img/internet/main/re_prev_arrow_on.webp) no-repeat center / contain;
}
.caBtnGroup .swiper-button-next:hover:after{
	background: url(../img/internet/main/re_next_arrow_on.webp) no-repeat center / contain;
}
@media (max-width:1800px) {
	.mCardWrap {
		padding: 12rem 5rem;
	}
	.mcardDouConttext {
		padding: 0 10rem;
	}
	.mcardh2 h2 {
		font-size: 5.8rem;
		line-height: 7.4rem;
		letter-spacing: -1px;
	}
	.mcardh3 h3 {
		font-size: 3rem;
		line-height: 4rem;
		letter-spacing: -0.7px;
	}
	.mcardh2 img {
		height: 6.1rem;
		margin: 0 0 2rem 0;
	}
	
	.caBtnGroup .swiper-button-next, .caBtnGroup .swiper-button-prev {
		width: 9rem;
		height: 9rem;
	}
	.caBtnGroup .swiper-button-prev {
		left: -4rem;
	}
	.caBtnGroup .swiper-button-next {
		right: -4rem;
	}
}
@media (max-width:1600px) {
	.mCardWrap {
		padding: 10rem 5rem;
	}
	.mcard01Box {
		padding: 5rem 0 0 0;
	}
	.mcard01H2 h2 {
		font-size: 6rem;
		line-height: 8rem;
		letter-spacing: -1.4px;
	}
	.mcard01ContInner {
		padding: 8rem 0;
	}
	.mcard01Cont {
		gap: 2rem;
	}
	.mcard01Cont h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.mc01text span {
		font-size: 7rem;
		line-height: 9rem;
		letter-spacing: -1.6px;
	}
}
@media (max-width:1300px) {
	.mCardWrap {
		padding: 10rem 3rem;
	}
	.mcard01ContInner {
		padding: 4rem 0;
	}
	.mcard01H2 h2 {
		font-size: 5.6rem;
		line-height: 7rem;
		letter-spacing: -1.2px;
	}
	.mc01text span {
		font-size: 6rem;
		line-height: 8rem;
		letter-spacing: -1.2px;
	}
	
	
	.mcardDouConttext {
		padding: 0 0 0 5rem;
	}
	.mcardh2 a {
		margin: 2rem 0 0 0;
		padding: 1rem 3rem;
		font-size: 1.6rem;
		line-height: 3.4rem;
	}
	.mcardh2 h2 {
		font-size: 5rem;
		line-height: 6.4rem;
		letter-spacing: -1px;
	}
	.mcardh2 img {
		height: 5.1rem;
		margin: 0 0 2rem 0;
	}
	.mcardh3 {
		margin: 6rem 0 0 0;
	}
	.mcardh3 h3 {
		font-size: 2.6rem;
		line-height: 3.6rem;
		letter-spacing: -0.7px;
	}
	.mcardh3:before {
		top: -3rem;
		width: 4rem;
		height: 1px;
	}
	.mcardh3 h4 {
		margin: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	
	.caBtnGroup .swiper-button-next, .caBtnGroup .swiper-button-prev {
		width: 7rem;
		height: 7rem;
	}
	.caBtnGroup .swiper-button-prev {
		left: -2rem;
	}
	.caBtnGroup .swiper-button-prev:after {
		width: 2.8rem;
		height: 1.8rem;
	}
	.caBtnGroup .swiper-button-next {
		right: -2rem;
	}
	.caBtnGroup .swiper-button-next:after {
		width: 2.8rem;
		height: 1.8rem;
	}
}
@media (max-width:991px) {
	.mCardWrap {
		padding: 10rem 2rem;
	}
	.mcard01ContInner {
		display: flex;
		padding: 5rem 4rem;
		flex-direction: column;
	}
	.mcard01Cont {
		width: 100%;
		gap: 2rem;
	}
	.mcard01Cont img{
		max-width:70%;
	}
	.mcard01Cont:last-child {
		padding: 4rem 0 0 0;
		margin: 4rem 0 0 0;
		border-top: 1px solid #eee;
	}
	.mcard01H2 h2 {
		font-size: 5rem;
		line-height: 6rem;
		letter-spacing: -1px;
	}
	
	
	.mcardDouBox {
		flex-direction: column;
	}
	.mcardDouConttext {
		padding: 6rem 0 2rem 0;
		position: Relative;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.mcardDouConttext.dou02bg {
		background-image: none;
	}
	.mcardDouContImgBox {
		margin: 0 auto;
		max-width: 600px;
		position: Relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mcardDouContImgBox img{
		width:100%;
	}
	.mcardh2 a {
		margin: 2rem 0 0 0;
		padding: 1rem 3rem;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.mcardh2{
		text-align: center;
	}
	.mcardh2 h2 {
		text-align: center;
		font-size: 4.4rem;
		line-height: 5.2rem;
		letter-spacing: -1px;
	}
	.mcardh2 img {
		height: 4.1rem;
		margin: 0 0 1.4rem 0;
	}
	.mcardh3 h3 {
		text-align: center;
		font-size: 2.2rem;
		line-height: 3.2rem;
		letter-spacing: -0.5px;
	}
	.mcardh3:before {
		transform: translateX(-50%);
		left: 50%;
		top: -3rem;
		width: 4rem;
		height: 1px;
	}
	.mcardh3 h4 {
		text-align: center;
		margin: 1.4rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
}
@media (max-width:767px) {
	.mCardWrap {
		padding: 2rem 2rem;
		background: linear-gradient(180deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFF;
	}
	.mcard01H2 h2 {
		letter-spacing: -0.48px;
		font-size: 2.4rem;
		line-height: 3.4rem;
	}
	.mcard01ContInner {
		display: flex;
		padding: 3rem 2rem;
		flex-direction: column;
	}
	.mcard01Cont img {
		max-width: 100%;
	}
	.mcard01Cont h3 {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.mc01text span {
		font-size: 4rem;
		line-height: 4.8rem;
		letter-spacing: -0.8px;
	}
	.mc01text {
		gap: 0.35rem;
	}
	.mc01text b {
		font-size: 1.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.28px;
	}
	.mcard01Cont {
		width: 100%;
		gap: 1.2rem;
	}
	.mcard01Cont:last-child {
		padding: 2.5rem 0 0 0;
		margin: 2.5rem 0 0 0;
	}
	
	
	.mcardDouConttext {
		padding: 5rem 0 5rem 0;
	}
	.mcardh2 h2 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: -0.48px;
	}
	.mcardh2 a {
		margin: 1rem 0 0 0;
		padding: 1rem 2.4rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.mcardh2 img {
		height: 4.1rem;
		margin: 0 0 0.4rem 0;
	}
	.mcardh3 {
		margin: 2.5rem 0 0 0;
	}
	.mcardh3 h3 {
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.9rem;
		letter-spacing: 0;
	}
	.mcardh3:before {
		transform: translateX(-50%);
		left: 50%;
		top: -1.25rem;
		width: 2.5rem;
		height: 1px;
	}
	.mcardh3 h4 {
		margin: 1.2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.mcardDouContImgBox {
		margin: -2rem auto 0 auto;
	}
	
	
	.caBtnGroup .swiper-button-next, .caBtnGroup .swiper-button-prev {
		width: 5rem;
		height: 5rem;
		top: var(--swiper-navigation-top-offset, 42%);
	}
	.caBtnGroup .swiper-button-prev {
		left: -1.4rem;
	}
	.caBtnGroup .swiper-button-next {
		right: -1.4rem;
	}
	.caBtnGroup .swiper-button-prev:after {
		width: 1.5rem;
		height: 1rem;
	}
	.caBtnGroup .swiper-button-next:after {
		width: 1.5rem;
		height: 1rem;
	}
}

/*--------------------------------------------------------------
# 리얼 후기
--------------------------------------------------------------*/
.mCreviewWrap{
	width:100%;
	position:Relative;
	background: #FFF;
	padding:12rem 2rem;
	overflow:hidden;
}
.mCreviewSideBox{
	max-width:160rem;
	margin:0 auto;
	position:Relative;
}
.mainH2Btn{
	position:Relative;
	/* margin:2rem 0 0 0; */
}
.mainH2Btn a {
    display: inline-block;
    padding: 2rem 4rem;
    border-radius: 7rem;
    border: 1px solid #DDD;
    background: #FFF;
    color: #111;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
}
.mainH2.revt:before {
    content: '';
    z-index: 2;
    position: absolute;
    left: 4rem;
    top: 3.3rem;
    width: 27.1rem;
    height: 22.3rem;
    background-image: url(../img/internet/main/revt_img_01.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mainH2.revt:after {
    content: '';
    z-index: 2;
    position: absolute;
    right: 4rem;
    top: 12rem;
    width: 30.25rem;
    height: 19.1rem;
    background-image: url(../img/internet/main/revt_img_02.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mcreviewBox{
	position:Relative;
	margin:8rem 0 0 0;
}
.mcrevBox{
	padding: 4rem 5rem;
	border-radius: 2rem;
	background: #FFF;
	box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05);
}
.mcreviewBox .swiper{
	overflow:unset;
}
.mcreviewBox .swiper-slide{
	/* width:62rem; */
	/* width:auto; */
}
.mcrevText h3{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.mcrevTop{
	display:flex;
	margin:0 0 3rem 0;
}
.revCperson {
    display: flex;
    color: #666;
   font-family: 'Pretendard';
    font-weight: 400;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 2.6rem;
    align-items: center;
    justify-content: flex-start;
}
.revCperson img {
    height: 5.8rem;
    margin-right: 2rem;
}

.revBtnGroup .swiper-button-next, .revBtnGroup .swiper-button-prev {
    background-image: none;
    margin: 0;
    width: 10rem;
    height: 10rem;
	border:1px solid rgba(244, 244, 244, 0.90);
	border-radius: 50%;
	background: rgba(244, 244, 244, 0.90);
	backdrop-filter: blur(4px);
}
.revBtnGroup .swiper-button-prev{
	left:-6rem;
}
.revBtnGroup .swiper-button-next{
	right:-6rem;
}
.revBtnGroup .swiper-button-prev:after {
    content: '';
    width: 3.2rem;
    height: 2.2rem;
    background: url(../img/internet/main/re_prev_arrow.webp) no-repeat center / contain;
}
.revBtnGroup .swiper-button-next:after {
    content: '';
    width: 3.2rem;
    height: 2.2rem;
    background: url(../img/internet/main/re_next_arrow.webp) no-repeat center / contain;
}
.revBtnGroup .swiper-button-next:hover, .revBtnGroup .swiper-button-prev:hover {
	border: 1px solid var(--main_color, #8754FB);
	background: #fff;
}
.revBtnGroup .swiper-button-prev:hover:after{
	background: url(../img/internet/main/re_prev_arrow_on.webp) no-repeat center / contain;
}
.revBtnGroup .swiper-button-next:hover:after{
	background: url(../img/internet/main/re_next_arrow_on.webp) no-repeat center / contain;
}
@media (max-width:1800px) {
	.mCreviewWrap {
		padding: 10rem 5rem;
	}
	.revBtnGroup .swiper-button-next, .revBtnGroup .swiper-button-prev {
		width: 9rem;
		height: 9rem;
	}
	.revBtnGroup .swiper-button-prev {
		left: -4rem;
	}
	.revBtnGroup .swiper-button-next {
		right: -4rem;
	}
}
@media (max-width:1600px) {
	.mainH2.revt:before {
		left: 4rem;
		top: 3.3rem;
		width: 23.1rem;
		height: 18.3rem;
		background-image: url(../img/internet/main/revt_img_01.webp);
	}
	.mainH2.revt:after {
		right: 4rem;
		top: 9rem;
		width: 26.25rem;
		height: 17.1rem;
		background-image: url(../img/internet/main/revt_img_02.webp);
	}
	.mcreviewBox {
		position: Relative;
		margin: 6rem 0 0 0;
	}
	.mcrevBox {
		padding: 3rem 4rem;
		border-radius: 2rem;
	}
	.mcrevTop {
		margin: 0 0 2rem 0;
	}
}
@media (max-width:1300px) {
	.mCreviewWrap {
		padding: 10rem 3rem;
	}
	.mcrevBox {
		padding: 3rem 3rem;
		border-radius: 2rem;
	}
	.mcrevText h3 {
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.revCperson {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.revCperson img {
		height: 4.8rem;
		margin-right: 1.4rem;
	}
	

	.revBtnGroup .swiper-button-next, .revBtnGroup .swiper-button-prev {
		width: 7rem;
		height: 7rem;
	}
	.revBtnGroup .swiper-button-prev {
		left: -2rem;
	}
	.revBtnGroup .swiper-button-prev:after {
		width: 2.8rem;
		height: 1.8rem;
	}
	.revBtnGroup .swiper-button-next {
		right: -2rem;
	}
	.revBtnGroup .swiper-button-next:after {
		width: 2.8rem;
		height: 1.8rem;
	}
}
@media (max-width:991px) {
	.mainH2Btn a {
		padding: 1rem 3rem;
		border-radius: 7rem;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.mainH2.revt:after {
		right: 0rem;
		top: 9rem;
		width: 21.25rem;
		height: 13.1rem;
	}
	.mainH2.revt:before {
		left: 0rem;
		top: 3.3rem;
		width: 18.1rem;
		height: 13.3rem;
	}
	.mcrevBox {
		padding: 3rem 2rem;
		border-radius: 2rem;
	}
	.mcrevText h3 {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.revCperson {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.revCperson img {
		height: 4rem;
		margin-right: 1rem;
	}
	.revBtnGroup {
		height: 7rem;
		display: flex;
		margin: 2rem 0 0 0;
		width: 100%;
		position: Relative;
		justify-content: space-between;
		align-items: center;
	}
	.revBtnGroup .swiper-button-prev {
		position: relative;
		top: inherit;
		left: 0;
	}
	.revBtnGroup .swiper-button-next {
		top: inherit;
		position: relative;
		right: 0;
	}
}
@media (max-width:767px) {
	.mCreviewWrap {
		padding: 5rem 2rem;
	}
	.mainH2.revt:after {
		content:none;
	}
	.mainH2.revt:before {
		content:none;
	}
	.mainH2Btn a {
		padding: 1rem 4rem;
		border-radius: 7rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.mcreviewBox {
		margin: 4rem 0 0 0;
	}
	
	
	.mcrevBox {
		padding: 3rem 2rem;
		border-radius: 1rem;
	}
	.mcrevTop {
		margin: 0 0 1rem 0;
	}
	.revCperson img {
		height: 3.8rem;
		margin-right: 1rem;
	}
	.revCperson {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.mcrevText h3 {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	
	
	.revBtnGroup {
		height: 5rem;
	}
	.revBtnGroup .swiper-button-next, .revBtnGroup .swiper-button-prev {
		width: 5rem;
		height: 5rem;
	}
	.revBtnGroup .swiper-button-prev:after {
		width: 1.5rem;
		height: 1rem;
	}
	.revBtnGroup .swiper-button-next:after {
		width: 1.5rem;
		height: 1rem;
	}
}

/*--------------------------------------------------------------
# 통신사비교
--------------------------------------------------------------*/
.compareWrap {
    display: flex;
    height: 100vh;
    width: 100%;
    position: Relative;
    padding: 12rem 2rem;
    background: linear-gradient(0deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
    align-items: center;
    justify-content: center;
}
.cpWrapBox{
	position:Relative;
	width:100%;
	/* height:100%; */
}
.compLine{
	margin: 8rem auto 0 auto;
    max-width: 168.6rem;
}
.compLineInner {
	position:Relative;
	width:100%;
	    padding-bottom: 30%;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-start; */
    /* flex: 1 0 0; */
}
.comCard {
    position: absolute;
	top:0;
    padding-bottom: 27.326%;
    display: flex;
    width: 16.666666%;
	
	
	-webkit-transition: -webkit-transform .8s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform .8s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .8s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .8s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform .8s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: transform;
}
.comCard a {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 16% 2px 0 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 2rem;
    background: linear-gradient(3deg, #FFF 2.86%, #EFEAFF 97.14%);
	box-shadow: 2px 2px 10px 0px rgba(255, 255, 255, 0.50) inset, -1px -1px 2px 0px rgba(0, 0, 0, 0.15) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.10);
}
.comCard.cad01{
	z-index:6;
	transform:translate(250%, 0%);
}
.comCard.cad02{
	z-index:5;
	transform: translate(250%, 0%);
}
.comCard.cad03{
	z-index:4;
	transform: translate(250%, 0%);
}
.comCard.cad04{
	z-index:3;
    transform: translate(250%, 0%);
}
.comCard.cad05{
	z-index:2;
	transform: translate(250%, 0%);
}
.comCard.cad06{
	z-index:1;
	transform: translate(250%, 0%);
}


.compLineInner.oncomp .comCard.cad01{
	transform: translateX(39%);
}
.compLineInner.oncomp .comCard.cad02{
	transform: translateX(124%);
}
.compLineInner.oncomp .comCard.cad03{
	transform: translateX(210%);
}
.compLineInner.oncomp .comCard.cad04{
    transform:translateX(295%);
}
.compLineInner.oncomp .comCard.cad05{
	transform: translateX(381%);
}
.compLineInner.oncomp .comCard.cad06{
	transform: translateX(466%);
}


.comCard.cad01 a{transform: rotate(-5deg);}
.comCard.cad02 a{transform: rotate(5deg);}
.comCard.cad03 a{transform: rotate(-5deg);}
.comCard.cad04 a{transform: rotate(5deg);}
.comCard.cad05 a{transform: rotate(-5deg);}
.comCard.cad06 a{transform: rotate(5deg);}



.comCard.cad01:hover{z-index:10;}
.comCard.cad02:hover{z-index:10;}
.comCard.cad03:hover{z-index:10;}
.comCard.cad04:hover{z-index:10;}
.comCard.cad05:hover{z-index:10;}
.comCard.cad06:hover{z-index:10;}

.comCard.cad01:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}
.comCard.cad02:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}
.comCard.cad03:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}
.comCard.cad04:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}
.comCard.cad05:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}
.comCard.cad06:hover a{border: 1px solid var(--main_color, #8754FB);background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #FFF 0%, #DBD4F3 100%);box-shadow: 0px 0px 100px 0px rgba(135, 84, 251, 0.20);}




.comCard a h2 {
    display: flex;
    color: #111;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: -0.52px;
    align-items: center;
    justify-content: center;
}
.comCard a img{
	max-width:100%;
	position:Relative;
}
.comCard a dl{
	display: flex;
	padding: 11% 4rem 0 4rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: rgba(17, 17, 17, 0.40);
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}

@media (max-width:1600px) {
	.comCard a h2 {
		font-size: 2.2rem;
		line-height: 3rem;
		letter-spacing: -0.42px;
	}
	.comCard a dl {
		padding: 14% 2rem 0 2rem;
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:1300px) {
	.comCard a dl {
		padding: 10% 2rem 0 2rem;
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:991px) {
	.compareWrap {
		padding: 12rem 0rem;
	}
	
	.compLine {
		margin: 6rem auto 0 auto;
	}
	.compLineInner {
		padding-bottom: 33%;
	}
	.comCard {
		padding-bottom: 32.326%;
		width: 16.666666%;
	}
	.comCard a {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 16% 2px 0 2px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-radius: 1rem;
		background: linear-gradient(3deg, #FFF 2.86%, #EFEAFF 97.14%);
		box-shadow: 2px 2px 10px 0px rgba(255, 255, 255, 0.50) inset, -1px -1px 2px 0px rgba(0, 0, 0, 0.15) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.10);
	}
	.comCard a h2 {
		font-size: 2rem;
		line-height: 2.2rem;
		letter-spacing: -0.22px;
	}
	.comCard a dl {
		padding: 10% 2rem 10% 2rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.compareWrap{
		padding: 5rem 2rem;
		background: linear-gradient(0deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFF;
		height:auto;
	}
	.compLine {
		min-height: 20rem;
		margin: 4rem auto 0 auto;
	}
	.compLineInner {
		padding-bottom: 0;
	}
	.comCard {
		position: absolute;
		padding-bottom: 0;
		width: 100%;
		height:17.6rem;
	}
	.comCard a {
		background: linear-gradient(3deg, #FFF 2.86%, #EFEAFF 97.14%);
		box-shadow: 1.003px 1.003px 5.014px 0px rgba(255, 255, 255, 0.50) inset, -0.501px -0.501px 1.003px 0px rgba(0, 0, 0, 0.15) inset, 0px 0px 50.137px 0px rgba(0, 0, 0, 0.15);
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 2rem 0px 0 0px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-radius: 1rem;
	}
	.comCard a h2 {
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: -0.261px;
	}
	.comCard a img {
		height: 9rem;
		max-width: 100%;
		position: Relative;
	}
	.comCard a dl {
		padding: 1.4rem 2rem 1.4rem 2rem;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	
	
	.comCard.cad01{
		transform: translateX(0) translateY(0px);
	}
	.comCard.cad02{
		transform: translateX(0) translateY(0px);
	}
	.comCard.cad03{
		transform: translateX(0) translateY(0px);
	}
	.comCard.cad04{
		transform: translateX(0) translateY(0px);
	}
	.comCard.cad05{
		transform: translateX(0) translateY(0px);
	}
	.comCard.cad06{
		transform: translateX(0) translateY(0px);
	}
	
	.compLineInner.oncomp .comCard{
		position:Relative;
	}

	.compLineInner.oncomp .comCard.cad01{
		transform: translateX(0%);
	}
	.compLineInner.oncomp .comCard.cad02{
		transform: translateX(0%);
	}
	.compLineInner.oncomp .comCard.cad03{
		transform: translateX(0%);
	}
	.compLineInner.oncomp .comCard.cad04{
		transform: translateX(0%);
	}
	.compLineInner.oncomp .comCard.cad05{
		transform: translateX(0%);
	}
	.compLineInner.oncomp .comCard.cad06{
		transform: translateX(0%);
	}
	
	.compLineInner .comCard {
		position: Relative!important;
	}
	/* .compLineInner .comCard.cad01{transform: translateX(0%)!important;} */
	/* .compLineInner .comCard.cad02{transform: translateX(0%)!important;} */
	/* .compLineInner .comCard.cad03{transform: translateX(0%)!important;} */
	/* .compLineInner .comCard.cad04{transform: translateX(0%)!important;} */
	/* .compLineInner .comCard.cad05{transform: translateX(0%)!important;} */
	/* .compLineInner .comCard.cad06{transform: translateX(0%)!important;} */


	.comCard.cad01 a{transform: rotate(-3deg);}
	.comCard.cad02 a{transform: rotate(3deg);}
	.comCard.cad03 a{transform: rotate(-3deg);}
	.comCard.cad04 a{transform: rotate(3deg);}
	.comCard.cad05 a{transform: rotate(-3deg);}
	.comCard.cad06 a{transform: rotate(3deg);}
}
/*--------------------------------------------------------------
# what we do
--------------------------------------------------------------*/
.mContBox_whatwedo{
	width: 100%;
    position: relative;
    padding: 12rem 0 0 0;
	background: linear-gradient(180deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
}
.mContBox_whatwedo .mainH2 h2 {
    font-size: 9rem;
    line-height: 11rem;
    letter-spacing: -1.8px;
}
.wwdh2{
	position:Relative;
	margin:2rem 0 0 0;
}
.wwdh2 h2{
	display:block;
	color: #111;
	text-align: center;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 2.8rem;
	font-style: normal;
	line-height: 5rem;
}
.wwdh2 h2 dl {
    display: inline-block;
    position: Relative;
}
.wwdh2 h2 dl span{
	z-index:2;
	position:Relative;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}
.wwdh2 h2 dl span b{
	color: #8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}
.wwdh2 h2 dl:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    z-index: 1;
    width: 100%;
    height: 1.6rem;
    background: #8754FB;
    opacity: 0.2;
}
.whatwedo_persons {
	margin:8rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.whatwedo_persons img{
	position:Relative;
	z-index:2;
	max-width:100%;
}
.wph3title {
    z-index: 3;
    position: absolute;
    width: 100%;
    bottom: 8rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wph3title h3{
	position:Relative;
	color: #111;
	font-family: 'Pretendard-ExtraBold';
	font-size: 7rem;
	font-style: normal;
	font-weight: 800;
	line-height: 9rem;
}
.wph3title h3 b{
	position:Relative;
	color: #8754FB;
}
.wph3title h3 b:before {
    transform: translateX(-50%);
    content: '';
    position: absolute;
    left: 50%;
    top: -1.3rem;
    width: 10px;
    height: 10px;
    background: #8754FB;
    border-radius: 50%;
}
@media (max-width:1600px) {
	.mContBox_whatwedo {
		padding: 10rem 0 0 0;
	}
	.mContBox_whatwedo .mainH2 h2 {
		font-size: 8rem;
		line-height: 9rem;
		letter-spacing: -1.4px;
	}
	.wwdh2 h2 {
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
	.wph3title {
		bottom: 7rem;
	}
	.wph3title h3 {
		font-size: 6rem;
		line-height: 8rem;
	}
}
@media (max-width:1300px) {
	.mContBox_whatwedo .mainH2 h2 {
		font-size: 7rem;
		line-height: 8rem;
		letter-spacing: -1.4px;
	}
	.wwdh2 h2 {
		font-size: 2.4rem;
		line-height: 4rem;
	}
	.wph3title {
		bottom: 5rem;
	}
	.wph3title h3 {
		font-size: 5rem;
		line-height: 7rem;
	}
}
@media (max-width:991px) {
	.mContBox_whatwedo .mainH2 h2 {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: -1px;
	}
	.wwdh2 h2 {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
	.wph3title h3 {
		font-size: 4rem;
		line-height: 6rem;
	}
}
@media (max-width:767px) {
	.mContBox_whatwedo {
		padding: 5rem 0 0 0;
	}
	.mContBox_whatwedo .mainH2 h2 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: -0.48px;
	}
	.wwdh2 {
		padding: 0 2rem;
		position: Relative;
		margin: 1rem 0 0 0;
	}
	.wwdh2 h2 {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.wwdh2 h2 br{display:none;}
	.wwdh2 h2 dl:before {
		display:none;
		content: '';
	}
	.whatwedo_persons {
		margin: 4rem 0 0 0;
	}
	.wph3title {
		bottom: 2%;
	}
	.wph3title h3 {
		font-size: 2.3rem;
		line-height: 2.9rem;
	}
	.wph3title h3 b:before {
		top: -0.3rem;
		width: 3px;
		height: 3px;
	}
}

/*--------------------------------------------------------------
# 자주묻는질문
--------------------------------------------------------------*/
.mContBox_faq{
	width: 100%;
    position: relative;
    padding: 12rem 0;
	background: linear-gradient(0deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFF;
}
.mContBox_faqSideBox {
    max-width: 132rem;
    padding: 0 2rem;
    margin: 0 auto;
}

.mcfaqbox{
	position:Relative;
	margin:8rem 0 0 0;
}
#faq {padding-top:0;}
.accordion-menu {
    width: 100%;
    text-align: left;
    border-radius: 0.6rem;
    border-top: 1px solid #EEE;
}
.accordion-menu li {
    overflow: hidden;
    z-index: 400;
    margin: 0 0 1rem 0; 
    list-style: none;
    border-radius: 2rem;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    border-top: none;
}
.accordion-menu li:last-child{
	margin:0;
}

.dropdownlink {
    padding:2.8rem 8rem;
    position: relative;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 0;
    background-color: #fff;
	
	width: 100%; word-break: break-word;
	color: #2F2C2C;
	font-family: 'Pretendard-Bold';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
	letter-spacing: -0.44px;
}
.dropdownlink span {
    position: absolute;
    left: 3.4rem;
    top: 2.8rem;
    color: #8754FB;
    font-family: 'Pretendard-Bold';
	font-size: 2.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.fa-chevron-down {
    position: absolute;
    right: 3.4rem;
    top: 2.3rem;
    width: 4.4rem;
    height: 4.4rem;
    background: #EEE;
    border-radius: 50%;
    overflow: hidden;
}

.fa-chevron-down img {
    width:100%;
}

.submenuItems {display: none;}
.submenuItems li {border: none; list-style: none; border-radius: 0;}

.f_list_open:before {
    content: '';
    top: 0rem;
    height: 1px;
    left: 8rem;
    background: #EEE;
    position: absolute;
    width: calc(100% - 11.5rem);
}

.f_list_open {
    border-top: none!important;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 2.8rem 3.4rem 2.8rem 8rem;
    display: flex;
    align-items: flex-start;
}

.f_ar {
    position: absolute;
    left: 3.4rem;
    top: unset;
    color: #2F2C2C;
    font-family: 'Pretendard-Bold';
	font-weight: 700;
    font-size: 2.9rem;
    font-style: normal;
    line-height: 3.4rem;
    white-space: nowrap;
}
.f_listTextBox{
	width:100%;position: relative;padding-top: 0px;
	display: block;
    text-align: left;
    color: #2F2C2C;
    font-family: Pretendard;
    font-size: 1.8rem;
    line-height: 3.4rem;
    margin-left: 0;
}

.accordion-menu li.open_faq {
    border-radius: 2rem;
    border: 1px solid #8754FB;
	background: #FFF;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

.accordion-menu li.open_faq .dropdownlink .fa-chevron-down {transform: rotate(180deg);}
.accordion-menu li.open_faq .f_list_open {
    background: #FFF;
}

.open_faq .dropdownlink span {}
.open_faq .dropdownlink {
    color: #2F2C2C;
    background: #FFF;
}
@media (max-width:1600px) {
	.mContBox_faq {
		padding: 10rem 0;
	}
	.mcfaqbox {
		margin: 6rem 0 0 0;
	}
}
@media (max-width:991px) {
	.mcfaqbox {
		margin: 4rem 0 0 0;
	}
	.accordion-menu li {
		border-radius: 1rem;
	}
	.dropdownlink {
		padding: 2.2rem 6rem;
		font-size: 1.9rem;
		line-height: 3rem;
		letter-spacing: -0.44px;
	}
	.dropdownlink span {
		left: 2.6rem;
		top: 2.1rem;
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.fa-chevron-down {
		right: 2.6rem;
		top: 1.8rem;
		width: 4rem;
		height: 4rem;
	}
	.f_ar {
		left: 2.6rem;
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.f_listTextBox {
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.f_list_open {
		padding: 2.2rem 2.6rem 2.8rem 6rem;
	}
	.f_list_open:before {
		left: 6rem;
		width: calc(100% - 8.5rem);
	}
}
@media (max-width:767px) {
	.mContBox_faq {
		padding: 5rem 0;
	}
	.accordion-menu li {
		margin: 0 0 0.6rem 0;
	}
	.dropdownlink {
		padding: 1.6rem 5.2rem 1.6rem 4.2rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
		letter-spacing: 0;
	}
	.dropdownlink span {
		left: 1.6rem;
		top: 1.6rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.fa-chevron-down {
		right: 1.6rem;
		top: 1.6rem;
		width: 2.6rem;
		height: 2.6rem;
	}
	.f_list_open {
		padding: 1.6rem 1.6rem 1.6rem 4.2rem;
	}
	.f_listTextBox {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.f_ar {
		left: 1.6rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.f_list_open:before {
		left: 4.2rem;
		width: calc(100% - 6rem);
	}
}
/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
.mContBox_Partners{
	width: 100%;
    position: relative;
    padding: 12rem 0;
	background: linear-gradient(180deg, rgba(98, 68, 200, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
}
.mContBox_PartnersSideBox {
    max-width: 132rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.partners_logo{
	position:Relative;
	margin:8rem 0 0 0;
}
.partners_logo ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.1rem;
    list-style-type: none;
}
.partners_logo li {
	height:24rem;
    flex: 0 0 calc(33.33333333333% - 2.2rem);
    margin: 1.1rem;
    box-sizing: border-box;
    border-radius: 2rem;
    background: #fff;
    position: Relative;
    display: flex;
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.partners_logo li img{max-width:100%;}
@media (max-width:1600px) {
	.mContBox_Partners {
		padding: 10rem 0;
	}
	.partners_logo {
		margin: 5.5rem 0 0 0;
	}
}
@media (max-width:1300px) {
	.partners_logo {
		margin: 5.5rem 0 0 0;
	}
	.partners_logo ul {
		margin: -1rem;
	}
	.partners_logo li {
		height: 20rem;
		flex: 0 0 calc(33.33333333333% - 2rem);
		margin: 1rem;
		border-radius: 1rem;
		padding: 1rem;
	}
}
@media (max-width:991px) {
	.partners_logo {
		margin: 5rem 0 0 0;
	}
	.partners_logo ul {
		margin: -1rem;
	}
	.partners_logo li {
		height: 20rem;
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
		border-radius: 1rem;
		padding: 1rem;
	}
}
@media (max-width:767px) {
	.mContBox_Partners {
		padding: 5rem 0 3rem 0;
	}
	.partners_logo {
		margin: 2rem 0 0 0;
	}
	.partners_logo ul {
		margin: 0rem;
	}
	.partners_logo li {
		height: 16rem;
		flex: 0 0 calc(100% - 0rem);
		margin: 1rem 0 0 0;
		border-radius: 1rem;
		padding: 1rem;
	}
	.partners_logo li:nth-child(1) img{height:5rem;}
	.partners_logo li:nth-child(2) img{height:4rem;}
	.partners_logo li:nth-child(3) img{height:3.6666666rem;}
	.partners_logo li:nth-child(4) img{height:4.6666666rem;}
	.partners_logo li:nth-child(5) img{height:5rem;}
	.partners_logo li:nth-child(6) img{height:2.83333rem;}
}

/*--------------------------------------------------------------
# call bottom
--------------------------------------------------------------*/
.mCbottomWraparea{
	padding-top:4rem;
	overflow:hidden;
	width:100%;
	position:Relative;
}
.mCbottomWrap{
	width:100%;
	position:Relative;
	background: linear-gradient(272deg, #FDFCFF 0%, #6244C8 52.5%, #0011D0 100%);
}
.mCbottomSideBox {
	position:Relative;
    max-width: 154rem;
    padding:10rem 2rem;
    margin: 0 auto;
}
.mcblink {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.mcblink dl{
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4rem;
	letter-spacing: -0.6px;
}
.mcblink a {
	gap:1rem;
	margin:0;
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-size: 7.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 8rem;
    letter-spacing: -1.48px;
    align-items: center;
    justify-content: center;
}
.mcblink a img{
	height:7rem;
}
.mcbBtnBox {
    margin: 4rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.mcbBtn{
	position:Relative;
}
.mcbBtn a{
	z-index:1;
	color: #6A4DCB;
	font-family: Pretendard;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
	display: flex;
	padding: 2.5rem 9rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: 9rem;
	border: 1px solid #FFF;
	background: #FFF;
	box-shadow: 1px 2px 3px 0px #FFF inset, 8px 8px 20px 0px #DED6FF inset, -8px -8px 20px 0px rgba(124, 113, 166, 0.60) inset;
}
.mcbBtn:before {
    content: '';
    z-index: 2;
    position: absolute;
    left: -4.2rem;
    bottom: -4.1rem;
    width: 9.6rem;
    height: 8.7rem;
    background-image: url(../img/internet/main/coinbtn.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinle1 {
    content: '';
    z-index: 2;
    position: absolute;
    left: 28rem;
    top: -2.9rem;
    width: 6.9rem;
    height: 10.4rem;
    background-image: url(../img/internet/main/coiinleft_01.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinle2 {
    content: '';
    z-index: 2;
    position: absolute;
    left: 2rem;
    top: 13.9rem;
    width: 13rem;
    height: 13.8rem;
    background-image: url(../img/internet/main/coiinleft_02.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinle3 {
    content: '';
    z-index: 2;
    position: absolute;
    left: 9rem;
    bottom: -11rem;
    width: 22.6rem;
    height: 22.8rem;
    background-image: url(../img/internet/main/coiinleft_03.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinri1 {
    content: '';
    z-index: 2;
    position: absolute;
    right: 20%;
    top: 0rem;
    width: 21.9rem;
    height: 9.4rem;
    background-image: url(../img/internet/main/coiinright_01.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinri2 {
    content: '';
    z-index: 2;
    position: absolute;
    right: 10rem;
    top: -2.4rem;
    width: 7.5rem;
    height: 7.1rem;
    background-image: url(../img/internet/main/coiinright_02.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinri3 {
    content: '';
    z-index: 2;
    position: absolute;
    right: -6.6rem;
    top: 14.2rem;
    width: 10.7rem;
    height: 9.4rem;
    background-image: url(../img/internet/main/coiinright_03.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coinri4 {
    content: '';
    z-index: 2;
    position: absolute;
    right: 17%;
    bottom: 7.9rem;
    width: 13rem;
    height: 12.2rem;
    background-image: url(../img/internet/main/coiinright_04.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width:1600px) {
	.mCbottomSideBox {
		padding: 8rem 2rem;
	}
	.mcblink dl {
		font-size: 2.6rem;
		line-height: 3.6rem;
		letter-spacing: -0.6px;
	}
	.mcblink a img {
		height: 6rem;
	}
	.mcblink a {
		font-size: 6.4rem;
		line-height: 7rem;
		letter-spacing: -1.2px;
	}
	.mcbBtn a {
		font-size: 2.4rem;
		line-height: 3rem;
		padding: 2rem 9rem;
		gap: 1rem;
		border-radius: 9rem;
	}
}
@media (max-width:991px) {
	.coinle1 {
		left: 17rem;
	}
	.coinri4 {
		right: 10%;
	}
}
@media (max-width:767px) {
	.mCbottomWrap {
		background: linear-gradient(258deg, rgba(253, 252, 255, 0.50) -32.06%, #6244C8 42.5%, #0011D0 109.96%), #6244C8;
	}
	.mCbottomWraparea {
		padding-top: 2rem;
	}
	.mcblink dl {
		letter-spacing: -0.4px;
		font-size: 2rem;
		line-height: 3rem;
	}
	.mcblink {
		gap: 1rem;
	}
	.mcblink a {
		letter-spacing: -0.88px;
		font-size: 4.4rem;
		line-height: 5rem;
	}
	.mcblink a img {
		height: 4rem;
	}
	.mcbBtnBox {
		margin: 3rem 0 0 0;
	}
	.mcbBtn a {
		font-size: 1.6rem;
		line-height: 1.9rem;
		padding: 1.6rem 5.6rem;
		gap: 1rem;
		border-radius: 9rem;
	}
	.mcbBtn:before {
		left: -2.2rem;
		bottom: -2.1rem;
		width: 5.3rem;
		height: 4rem;
	}
	
	
	.coinle1 {
		top: -1.5rem;
		width: 2.7rem;
		height: 4rem;
		left: 7.4rem;
	}
	.coinle2 {
		left: -1.6rem;
		top: 15.9rem;
		width: 3.3rem;
		height: 4.2rem;
	}
	.coinle3 {
		left: -4rem;
		bottom: -7.2rem;
		width: 11.7rem;
		height: 12rem;
	}
	
	
	.coinri1 {
		right: 32%;
		top: 0rem;
		width: 7.3rem;
		height: 4.5rem;
	}
	.coinri2 {
		right: 3.4rem;
		top: -1.2rem;
		width: 2.9rem;
		height: 2.8rem;
	}
	.coinri3 {
		right: -2.6rem;
		top: 12.1rem;
		width: 4.2rem;
		height: 3.7rem;
	}
	.coinri4 {
		right: 1.5rem;
		bottom: 3rem;
		width: 4.2rem;
		height: 2.9rem;
	}
}