/*-----------------------------------------------
# 발음교정 코스
-------------------------------------------------*/
/* ============ 인트로 소개 ============ */
.pronunciaWrap{
	/* font-size: 62.5%; */
	position:relative;
	width:100%;
}
/* .pronunciaWrap * { */
    /* font-size: 100% !important; */
/* } */
.pronunciaIntro{
	position:relative;
	width:100%;
	padding:6rem 0 9rem 0;
	overflow:hidden;
}
.pciaText{
	position:relative;
	z-index:2;
}
.pciaTban{
	position:relative;
	display: flex;
	justify-content: center;
	margin:0 0 2rem 0;
}
.pciaTban p {
	border-radius: 0.4rem;
    gap: 1rem;
    padding: 0 8rem;
    height: 5rem;
    display: flex;
    background: #000;
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    align-items: center;
}
.pciaTban p span{
	color:#FF36AB;
}
.pciaText h1 p{
	color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 7rem;
    font-style: normal;
    font-weight: 900;
    line-height:1;
}
.pciaText h1 dl {
    margin: 2rem 0 0 0;
    gap: 1rem;
    display: flex;
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    align-items: flex-end;
}
.pciaText h1 dl span{
	position:relative;
}
.pciaText h1 dl span b {
    position: relative;
    z-index: 2;
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}
.pciaText h1 dl span dt {
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    width: 100%;
    height: 0.9rem;
    border-radius: 1rem;
    background: #00D9FF;
}
.areaTitle {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5rem;
}
.areaTitle span{
	color:#FF36AB;
}
.compuImg {
    margin: 2rem 0 2rem 0;
    display: flex;
    justify-content: center;
}
.compuImg img {
    height: 36rem;
}
.pronunciaIntroBg{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	height:38rem;
	background-image: url(../../img/adult/pronunciation/introbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.pronunciaIntro {
		padding:30px 0 30px 0;
	}
	.pciaTban {
		margin: 0 0 25px 0;
	}
	.pciaTban p {
		border-radius: 2px;
		gap: 4px;
		padding: 0 16px;
		height: 32px;
		font-size: 22px;
	}
	.pciaText h1 p {
		font-size: 28px;
	}
	.pciaText h1 dl {
		margin: 8px 0 0 0;
		gap: 4px;
		font-size: 17px;
	}
	.pciaText h1 dl span b {
		font-size: 17px;
	}
	.compuImg img {
		height: 160px;
	}
	.pronunciaIntro .areaTitle {
		font-size: 18px;
		line-height: 22px;
	}
	.pronunciaIntroBg {
		background-position: top center;
		background-size: cover;
		height: 32rem;
		background-image: url(../../img/adult/pronunciation/introbg_mo.webp);
	}
}
@media (max-width: 470px) {
	.pronunciaIntroBg {
		background-position: bottom center;
		background-size: 100%;
		height: 27rem;
	}
}
/* ============ 아직도 애플 발음 ============ */
.stillappleWrap {
    position: relative;
    width: 100%;
    padding: 8rem 0rem 2rem 0rem;
}
.stappTitle {
    gap:4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stappTitle img {
    height: 12rem;
}
.cardAniBox{
	display:block;
	margin:6rem 0;
	position:relative;
	text-align:center;
	overflow: hidden;
}
.cardAni{
	position:relative;
	display:inline-block;
}
.apple_card{
	z-index:10;
	position:relative;
	display:inline-block;
}
.apple_card img{
	height:40rem;
}
@keyframes applecard {
	from {opacity:0; transform: scale(0.1);}
	to {opacity:1; transform: scale(1);}
}
.applecard { animation-name: applecard;animation-delay: 1s;}

.da_card{
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 스무스 이징 */
	position:absolute;
}
.da_card img{
	height:26rem;
}

.da_card.egg {
	bottom: 0;left: -126%;transform: rotate(-70deg);
}
@keyframes da_cardegg {
	from {opacity:0; bottom: 0;left: 0%;transform: rotate(0deg);}
	to {opacity:1; bottom: 0;left: -126%;transform: rotate(-70deg);}
}
.da_cardegg { animation-name: da_cardegg;}

.da_card.soap {top: 27%;transform: rotate(-2deg);left: -30%;}
@keyframes da_cardsoap {
	from {opacity:0; top: 0%;left: 0%;transform: rotate(0deg);}
	to {opacity:1; top: 27%;left: -30%;transform: rotate(-2deg);}
}
.da_cardsoap { animation-name: da_cardsoap;}

.da_card.dog {top: 11%;transform: rotate(44deg);left: -87%;}
@keyframes da_carddog {
	from {opacity:0; top: 0%;left: 0%;transform: rotate(0deg);}
	to {opacity:1;  top: 11%;left: -87%;transform: rotate(44deg);}
}
.da_carddog { animation-name: da_carddog;}

.da_card.pencil {bottom: -26%;transform: rotate(-29deg);left: -68%;}
@keyframes da_cardpencil {
	from {opacity:0; bottom: 0%;left: 0%;transform: rotate(0deg);}
	to {opacity:1;  bottom: -26%;left: -68%;transform: rotate(-29deg);}
}
.da_cardpencil { animation-name: da_cardpencil;}

.da_card.soup {top: 3%;transform: rotate(-290deg);left: 90%;}
@keyframes da_cardsoup {
	from {opacity:0; top: 0%;left: 0%;transform: rotate(-360deg);}
	to {opacity:1;  top: 3%;left: 90%;transform: rotate(-290deg);}
}
.da_cardsoup { animation-name: da_cardsoup;}

.da_card.bag { bottom: -18%;transform: rotate(-310deg);left: 156%;}
@keyframes da_cardbag{
	from {opacity:0; bottom: 0%;left: 0%;transform: rotate(-360deg);}
	to {opacity:1;  bottom: -18%;left: 156%;transform: rotate(-310deg);}
}
.da_cardbag { animation-name: da_cardbag;}

.da_card.potato {bottom: 3%;transform: rotate(-330deg); left: 123%;}
@keyframes da_cardpotato{
	from {opacity:0; bottom: 0%;left: 0%;transform: rotate(-360deg);}
	to {opacity:1;  bottom: 3%;left: 123%;transform: rotate(-330deg);}
}
.da_cardpotato { animation-name: da_cardpotato;}

.da_card.hat {bottom: -16%;transform: rotate(-340deg);left: 52%;}
@keyframes da_cardhat{
	from {opacity:0; bottom: 0%;left: 0%;transform: rotate(-360deg);}
	to {opacity:1;  bottom: -16%;left: 52%;transform: rotate(-340deg);}
}
.da_cardhat { animation-name: da_cardhat;}

.da_card.car {bottom: -15%;transform: rotate(-350deg);left: 76%;}
@keyframes da_cardcar{
	from {opacity:0; bottom: 0%;left: 0%;transform: rotate(-360deg);}
	to {opacity:1;  bottom: -15%;left: 76%;transform: rotate(-350deg);}
}
.da_cardcar { animation-name: da_cardcar;}

.da_card.bspo {
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
	z-index: 2;
	opacity: 0.9;
}

.cardAniText p {
    margin: 10rem 0 0 0;
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5rem;
}
.cardAniText p span{
	color:#C4C4C4;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.stillappleWrap {
		padding: 30px 0rem 20px 0rem;
	}
	.stappTitle img {
		height: 60px;
	}
	
	.areaTitle {
		font-size: 28px;
		line-height: 36px;
	}
	.cardAniBox {
		margin: 30px 0;
	}
	.cardAniText p {
		margin: 60px 0 0 0;
		font-size: 18px;
		line-height: 25px;
	}
	
	
	.apple_card img {
		height: 220px;
	}
	.da_card img {
		height: 140px;
	}
	
}

/* ============ 문제는 발음 ============ */
.prolPronunWrap{
	position:relative;
	width:100%;
	padding:0 0 8rem 0;
}
.prolPronunBg {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 19rem;
    background-image: url(../../img/adult/pronunciation/prolPronunBg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.prolPronunContBox {
    position: relative;
    width: 100%;
    margin: 0rem 0 0rem 0;
    padding: 19rem 0 8rem 0;
    background: linear-gradient(180deg, #7EDDD3 0%, #FFFFFF 100%);
}

.pbl_ptionBox {
    margin: 6rem 0 3rem 0;
    gap: 1.4rem;
    display: flex;
    justify-content: center;
}
.pbl_ption{
	width:40rem;
	position:relative;
}
.pbl_ption img{
	max-width:100%;
}
img.malpuo_01 {
    height: 6rem;
    top: 4rem;
    left: -13.2rem;
    z-index: 2;
    position: absolute;
}
img.malpuo_02 {
    height: 6rem;
    top: -2.6rem;
    right: 1.8rem;
    z-index: 2;
    position: absolute;
}
img.malpuo_03 {
    height: 6rem;
    bottom: 9rem;
    right: -4rem;
    z-index: 2;
    position: absolute;
}

.pdtrimar {
    display: block;
    margin: 3rem 0 5rem 0;
    position: relative;
    text-align: center;
}
.pdtrimarInner {
    display: inline-block;
    position: relative;
}
.pdtrimar_line {
    position: absolute;
    left: 0;
    bottom: 0.6rem;
    width: 100%;
    height: 0.8rem;
    background-image: url(../../img/adult/pronunciation/pdtrimar_line.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.bucheTextInner {
    display: flex;
    justify-content: center;
}
.bucheText {
    gap: 2rem;
    display: flex;
    position: relative;
    flex-direction: column;
}
.bucheText h3{
	position:relative;
	padding:0 0 0 5rem;
}
.bucheText h3:before{
	content:'';
	position:absolute;
	left:0;
	top:0.2rem;
	width:3.6rem;
	height:3.6rem;
	background-image: url(../../img/kid/brittalkkidsstarter/bucheck.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.bucheText h3 p {
    color: #000;
    text-align: left;
    font-family: Pretendard;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
}
.bucheText h3 p span{
	background:#ffc4e6;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.prolPronunWrap {
		padding: 0 0 30px 0;
	}
	.prolPronunBg {
		height: 7rem;
		background-image: url(../../img/adult/pronunciation/prolPronunBg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.prolPronunContBox {
		background: linear-gradient(180deg, #7EDDD3 0%, #FFF 40%);
		padding: 80px 0 0rem 0;
	}
	.pbl_ptionBox {
		margin: 6rem 0 30px 0;
		gap: 8px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.pbl_ption {
		width: 216px;
		position: relative;
	}
	img.malpuo_01 {
		height: 40px;
		top: 4px;
		left: -48px;
	}
	img.malpuo_02 {
		height: 40px;
		top: -19px;
		right: 3px;
	}
	img.malpuo_03 {
		height: 40px;
		bottom: 50px;
		right: -30px;
	}
	.prolPronunWrap .areaTitle {
		font-size: 18px;
		line-height: 24px;
	}
	.bucheTextInner {
		padding: 20px 0;
		background: #96E3DB;
	}
	.prolPronunWrap .pdtrimar {
		margin: 20px 0 30px 0;
	}
	.prolPronunWrap .pdtrimar_line {
		bottom: 0;
	}
	.bucheText {
		gap: 18px;
	}
	.bucheText h3 {
		padding: 0 0 0 22px;
	}
	.bucheText h3 p {
		font-size: 12px;
		line-height: 16px;
	}
	.bucheText h3:before {
		top: 0;
		width: 16px;
		height: 16px;
	}
}

/* ============ Pronunciation 101이 도와 줄게요! ============ */
.prshelpWrap {
    padding: 0 0 8rem 0;
    position: relative;
    width: 100%;
}
.prSectionTitle{
	position:relative;
	text-align: center;
}
.prsSubTitle{
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4;
}
.prsSubTitle b{
	color: #FF36AB;
	font-weight: 500;
	font-family: Pretendard;
}
.prsTitle {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.prsTitle span{
	color: #FF36AB;
}
.prsAdTitle{
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
.prsAdTitle b{
	font-weight: 600;
	font-family: Pretendard;
	color: #FF36AB;
}
.prsAdTitle span.gr{
	background:#7eddd3;
}
.prsAdTitle span.pinkline {
    padding: 0 2rem;
    background: #FF36AB;
}
.prsAdTitle.tmar30{
	margin:3rem 0 0 0;
}

.prshelpInfo{
	text-align:center;
}
.prcontline{
	margin:3rem 0;
	display:inline-block;
	width:1px;
	height:12rem;
	background: #000;
}
.prshelpsteptitle{
	position:relative;
	text-align:center;
	color: #000;
font-family: Pretendard;
font-size: 2.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.prshelpsteptitle span{
	font-size: 3.4rem;
	font-family: Pretendard;
font-weight: 600;
}

.prshelpstepBox {
    padding: 3rem 0 6rem 0;
    display: flex;
    gap: 3rem;
    justify-content: center;
}
.prshelpstep {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    position: relative;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
}
.prshelpstep.st01{
	background: #FFC4E6;
}
.prshelpstep.st02{
	background: #FF8FD0;
}
.prshelpstep.st03{
background: #FF36AB;
}
img.book-pronunciation-correction {
	margin: 2rem 0 0 0;
    height: 28rem;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.prshelpWrap{
		padding:0 0 30px 0;
	}
	.prsSubTitle {
		font-size: 13px;
	}
	.prsTitle {
		font-size: 28px;
	}
	.prsAdTitle.tmar30{
		margin:12px 0 0 0;
	}
	.prsAdTitle {
		font-size: 12px;
		line-height: 14px;
	}
	.prcontline {
		margin: 12px 0;
		height: 50px;
	}
	.prshelpsteptitle {
		font-size: 13px;
	}
	.prshelpsteptitle span {
		font-size: 13px;
	}
	.prshelpstepBox {
		padding: 16px 0 30px 0;
		gap: 10px;
	}
	.prshelpstep {
		font-size: 13px;
		width: 72px;
		height: 72px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
	}
	img.book-pronunciation-correction {
		margin: 30px 0 0 0;
		height: auto;
		width: 100%;
	}
}


/* ============ Check Point.01 ============ */
.prsCheckWrap01{
	position:relative;
	width:100%;
	padding:8rem 0 6rem 0;
	background: #D9FFFB;
}
.prsch {
    margin: 0 0 3rem 0;
    display: flex;
    justify-content: center;
}
.prsch p {
    padding: 0.6rem 3rem;
    border-radius: 5rem;
    background: #FF36AB;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.prsCheckWrap01 .prsAdTitle.tmar30 {
    margin: 6rem 0 0 0;
}
.prsvideoBox {
    position: relative;
    margin: 4rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.prsvideo {
    width: 70rem;
    position: relative;
    padding-bottom: 24%;
    border-radius: 1rem;
    overflow: hidden;
}
.prsvideo video {
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.prsBtnInner {
    display: flex;
    justify-content: center;
}
.prsBtn{
	position:relative;
	display:inline-block;
}
.prsBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 4rem;
    border-radius: 1rem;
    background: #FF36AB;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.prsstillWrap {
    height: 46rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 6rem 0 0 0;
    background: #fff;
}
.prsstillWrap .prSectionTitle{
	position:relative;
	z-index:4;
}
.prsstillImgBox {
    margin: -14rem 0 0 0;
    display: flex;
    position: relative;
    z-index: 3;
    justify-content: center;
}
.prsstillImg{
	position: relative;
    z-index: 3;
	display:inline-block;
}
img.phoneimg {
    position: relative;
    height: 80rem;
	z-index:1;
}
img.phonechat01 {
    height: 4rem;
	top: 250px;
    left: 430px;
    z-index: 2;
    position: absolute;
}
img.phonechat02 {
    left: 490px;
    top: 310px;
    height: 4rem;
    z-index: 2;
    position: absolute;
}

.prsgivetaWrap{
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 6rem 0 8rem 0;
    background: #7EDDD3;
}
.prsgivetaWrap .pciaTban p {
	margin:3rem 0 0 0;
    padding: 0px 2rem;
    height: 4.8rem;
}
img.dot3 {
    margin: 2rem 0;
    height:5rem;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.prsCheckWrap01 {
		padding: 10px 0 50px 0;
		background: #fff;
	}
	.prsch {
		margin: 0 0 20px 0;
	}
	.prsch p {
		padding: 3px 10px;
		border-radius: 5rem;
		font-size: 12px;
	}
	.prsCheckWrap01 .prsAdTitle.tmar30 {
		margin: 40px 0 0 0;
	}
	.prsCheckWrap01 .prsAdTitle {
		font-size: 17px;
		line-height: 22px;
	}
	.prsAdTitle span.pinkline {
		padding: 0 4px;
		background: #FF36AB;
	}
	.prsAdTitle span.pinkline img{
		height:10px;
	}
	.prsvideoBox {
		margin: 20px 0;
	}
	.prsvideo {
		padding-bottom: 48%;
        width: 320px;
        /* height: 130px; */
        border-radius: 5px;
	}
	.prsvideoBox .prsSubTitle {
		margin:4px 0 0 0;
		font-size: 10px;
	}
	.prsBtn a {
		padding: 6px 43px;
		border-radius: 4px;
		font-size: 15px;
	}
	
	
	.prsstillWrap {
		height:330px;
		padding: 0 0 0 0;
		background: #fff;
	}
	.prsstillWrap .prsAdTitle {
		font-size: 28px;
		line-height: normal;
	}
	.prsstillWrap .prsSubTitle {
		margin:10px 0 0 0;
		font-size: 18px;
	}
	.prsstillImgBox {
		margin: -90px 0 0 0;
	}
	img.phoneimg {
		height: 500px;
	}
	img.phonechat01 {
		height: 22px;
		top: 156px;
		left: 260px;
	}
	img.phonechat02 {
		left: 290px;
		top: 200px;
		height: 22px;
	}
	
	.prsgivetaWrap {
		padding: 20px 0 30px 0;
	}
	.prsgivetaWrap .prsAdTitle {
		font-size: 17px;
		line-height: 20px;
	}
	img.dot3 {
		margin: 14px;
		height: 30px;
	}
	.prsgivetaWrap .pciaTban{
		margin:0;
	}
	.prsgivetaWrap .pciaTban p {
		line-height: 1.2;
		font-size: 17px;
		display: inline-block;
		margin: 14px 0 0 0;
		padding: 6px 10px;
		height: auto;
	}
}

/* ============ Check Point.02 ============ */
.prsCheckWrap02{
	position:relative;
	width:100%;
	padding: 8rem 0 16rem 0;
	background:#fff;
}
.basic_prsBox {
	margin:4rem 0 0 0;
    padding: 0 2rem;
    gap: 4rem;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.basic_prs{
	display:flex;
	position:relative;
}
.basic_prs img{
	max-width:70rem;
}

.prsCheckWrap02 .areaTitle {
    font-size: 3.2rem;
    line-height: 4rem;
}
.prsCheckWrap02 .pdtrimar_line {
    bottom: 0rem;
}

.prsCheck02Text{
	margin:3rem 0 0 0;
	position:relative;
}
.prsCheck02Text .pdtrimar{
	margin:3rem 0 0 0;
}

.prsCheck02Green{
	position:relative;
	padding:0 0 8rem 0;
}
.prsCheck02Green:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	height:90%;
    background: #D9FFFB;
}
.prsCheck02Green .areaTitle {
    font-size: 3rem;
    line-height: 4rem;
}
.prch02grwrap{
	position:relative;
	text-align:center;
	margin:-8rem 0 0 0;
	z-index:2;
}
.prch02grBox {
    gap: 5rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
}
.prch02gr{text-align:center;}
.prch02gr img{
	border-radius: 2rem;
border: 1.5rem solid #000;
box-shadow: 0.4rem 0.4rem 2rem 0.5rem rgba(0, 0, 0, 0.30);
	max-width:70rem;
}
.prch02gr .areaTitle{
	margin:1.6rem 0 0 0;
}
.prch02grwrap .prsBtn a {
    margin: 4rem 0 0 0;
    background: #006063;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.prsCheckWrap02 {
		padding: 30px 0 100px 0;
	}
	.prsCheckWrap02 .areaTitle {
		font-size: 17px;
		line-height: 22px;
	}
	.prsCheck02Text .pdtrimar {
		margin: 20px 0 0 0;
	}
	.prsCheck02Text {
		margin: 30px 0 0 0;
	}
	.basic_prsBox {
		margin: 40px 0 0 0;
		padding: 0 16px;
		gap: 14px;
	}
	.basic_prs img {
		max-width: 100%;
	}
	
	.prsCheck02Green {
		padding: 0 16px 30px 16px;
	}
	.prch02gr img {
		border-radius: 5px;
		border:5px solid #000;
		box-shadow: 4px 4px 16px 5px rgba(0, 0, 0, 0.30);
		max-width: 100%;
	}
	.prch02gr .areaTitle {
		margin: 14px 0 0 0;
	}
	.prsCheck02Green .areaTitle {
		font-size: 17px;
		line-height: 22px;
	}
	.prch02grBox {
		gap: 30px;
	}
	.prch02grwrap .prsBtn a {
		margin: 30px 0 0 0;
	}
}


/* ============ 말하기가 어려웠다면, 문제는 발음이에요 ============ */
.spdifvocWrap{
	position:relative;
	padding:8rem 0 0 0;
	background:#fff;
}
.spdifvocWrap .prcontline {
    margin: 0 0 3rem 0;
    display: inline-block;
    width: 1px;
    height: 10rem;
    background: #C4C4C4;
}
.spdivocimg {
    margin: 10rem 0 0 0;
    padding: 0 2rem;
    gap: 6rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
}
.spdivocimg_01 img {
    max-width: 64rem;
}
.spdivocimg_02 img{
	max-width:70rem;
}

.spdivocimg img.pcimg{display:inline-block;}
.spdivocimg img.moimg{display:none;}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.spdifvocWrap {
		padding: 30px 0 0 0;
	}
	.spdifvocWrap .prcontline{display:none;}
	.spdivocimg {
		margin: 30px 0 0 0;
		padding: 0 0;
		gap: 10px;
	}
	.spdivocimg img.pcimg{display:none;}
	.spdivocimg img.moimg{display:inline-block;}
	.spdivocimg_01{
		padding: 0 30px;
	}
	.spdivocimg_01 img {
		max-width: 100%;
	}
	.spdivocimg_01{
		padding: 0 10px;
	}
	.spdivocimg_02 img {
		max-width: 100%;
	}
}

/* ============ Britmates가 도와줄게요! ============ */
.prshelpsWrap{
	position:relative;
	width:100%;
	padding:8rem 0;
}

.prsteaSildeBox {
	margin:10rem 0 0 0;
	overflow: hidden;
}
.prsteaSildeBox .swiper {
	pointer-events: none;   
	user-select: none;
	-webkit-user-drag: none;
}
.prsteaSildeBox .swiper-wrapper {
	transition-timing-function: linear !important;
}

.prsteaSildeBox .swiper-slide {
	width: auto;             
	display: flex;
	align-items: center;
	justify-content: center;
}

.prsteaSildeBox .swiper-slide img {
    display: block;
    width: 100%;
    height: 46rem;
}
.prsBtn {                
	pointer-events: auto;
}
@media (max-width: 991px) {
	.prsteaSildeBox {
		margin: 6rem 0 0 0;
	}
	.prsteaSildeBox .swiper-slide img {
		height: 42rem;
	}
}
@media (max-width: 767px) {
	.prshelpsWrap {
		padding: 30px 0 50px 0;
	}
	.prsteaSildeBox {
		margin: 40px 0 0 0;
	}
	.prsteaSildeBox .swiper-slide img {
		height: 340px;
	}
}