@font-face {
    font-family: RixInooAriDuri;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/RixInooAriDuriR.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
	font-family: "Gmarket Sans TTF";
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
	font-family: "Gmarket Sans TTF";
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
	font-family: "Gmarket Sans TTF";
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Cafe24Surround;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*-----------------------------------------------
# 영어로떠나는 세계여행
-------------------------------------------------*/
.atwPage img{
	max-width:100%;
}

.atwTopBox {
    padding: 8rem 0 0 0;
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #86E5FF 0%, #CEF4FF 100%);
}
.atwtopName {
    display: flex;
    position: relative;
    text-align: center;
    color: #000;
    font-family: RixInooAriDuri;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6rem;
    justify-content: center;
}
.atwtopName b{
	position:relative;
}
.atwtopName img {
    top: 1rem;
    left: -8.4rem;
    position: absolute;
    display: inline-block;
    height: 3.4rem;
}
.atwtopName span{
	color: #FF4579;
}
.atwtopLogo {
    margin: 3rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwtopLogo img {
    height: 14rem;
}


.atwvideoBox{
	position:relative;
	max-width:74rem;
	padding:0 2rem;
	margin:0 auto;
}
.atwvideo {
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
    padding-bottom: 51.3%;
    max-width: 100rem;
    background: #D9D9D9;
}
.atwvideo iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.atwvideotitleBox{
	position:relative;
}
.atwvideotitle{
	margin:3rem 0;
}
.atwvideotitle h1{
	color: #000;
text-align: center;
font-family: Pretendard;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
}

.atwBtnBox {
    gap: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwBtn{
	position:relative;
}
.atwBtn a.gr{
	color: #000;
	background: #B2FF00;
}
.atwBtn a.juh{
	color: #fff;
	background: #F80;
}
.atwBtn a.yel{
	color: #000;
	background: #FFEA00;
}
.atwBtn a{
	display: flex;
padding:1.2rem 4rem;
justify-content: center;
align-items: center;
flex-shrink: 0;
	border-radius: 4rem;
text-align: center;
font-family: Pretendard;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.atwtopearth{
	margin: 8rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwtopearth img {
    height: 36rem;
    max-width: 100%;
}

.altp_a, .altp_b, .altp_c{
	position:absolute;
	z-index:2;
}
.altp_a img, .altp_b img, .altp_c img{
	height:14rem;
}
.altp_a{
	left:0;
	bottom:0;
}
.altp_b{
	left: 7rem;
	top:0;
}
.altp_c {
    right: -3rem;
    bottom: 9rem;
}



.atwtopbottom{
	background: #00A0FF;
	position:relative;
	padding:6rem 0 6rem 0;
}
.atwtopbottom:after {
    bottom: -6.5rem;
    transform: translateX(-50%);
    left: 50%;
    z-index: 2;
    content: '';
    position: absolute;
    width: 58rem;
    height: 17rem;
    border-radius: 66%;
    background: #00A0FF;
}
.atwtopbottext{
	position:relative;
	z-index:5;
}
.atwtopbottext h2{
	text-align:center;
	
	color: #FFF;
text-align: center;
font-family: "Gmarket Sans TTF";
font-size: 2.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.atwtopbottext h2 dl{
	font-family: "Gmarket Sans TTF";
	font-size: 5rem;
font-weight: 700;
}

.atwtopbotdogcat {
    display: flex;
    position: absolute;
    z-index: 3;
    bottom: -8rem;
    transform: translateX(-50%);
    left: 50%;
    width: 90rem;
    justify-content: space-between;
    align-items: flex-end;
}
.atw_dog{
	position:relative;
}
.atw_dog img{
	height:24rem;
}
.atw_cat {
	z-index:3;
    top: 3rem;
    position: relative;
}
.atw_cat img{
	height:24rem;
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.atwTopBox {
		padding: 8rem 0 0 0;
	}
	.atwtopName img{
		transform: translateX(-50%);
        top: -3rem;
        left: 50%;
        position: absolute;
        display: inline-block;
        height: 2.2rem;
	}
	.atwtopName {
		font-size: 3rem;
		line-height: 4rem;
	}
	.atwtopLogo img {
		height: 10rem;
	}
	.atwtopLogo {
		margin: 2rem 0 3rem 0;
	}
	.atwvideotitle h1 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.atwBtnBox {
		gap: 1rem;
	}
	.atwBtn a {
		padding: 1rem 2rem;
		border-radius: 4rem;
		font-size: 1.8rem;
	}
	.atwtopearth {
		margin: 4rem 0 0 0;
	}
	.atwtopearth img {
		height: auto;
		max-width: 100%;
	}
	
	
	.altp_a img, .altp_b img, .altp_c img{
		height:6rem;
	}
	.altp_a {
		left: 0;
		bottom: 20px;
	}
	.altp_b {
		left: 1rem;
		top: 0;
	}
	.altp_c {
		right: 1rem;
		bottom: 7rem;
	}
}

/*-----------------------------------------------
# 소개 챕터 1
-------------------------------------------------*/
.atwInt01Wrap {
    display: flex;
    padding: 18rem 0 12rem 0;
    background: #DEF8FF;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.atwcontTitleBox {
    position: relative;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.numbal{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin:0 0 4rem 0;
}
.numbal img {
    height: 10rem;
}
.atwcontTitle{
	position:relative;
}
.atwcontTitle h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}
.atwcontTitle h2 p{
	color: #000;
text-align: center;
font-family: "Gmarket Sans TTF";
font-size: 3.4rem;
font-style: normal;
font-weight: 500;
line-height: 4rem;
}
.atwcontTitle h2 dl {
    text-align: center;
    color: #000;
    font-family: "Gmarket Sans TTF";
    font-size: 5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 6rem;
}
.atwcontTitle h2 dl span.blue{
	color: #008CFF;
}
.atwcontTitle h2 dl span.pink{
	color: #FF4579;
}
.atwcontTitle h2 dl span.gre{
	color: #1DA849;
}
.atwcontTitle h3 {
    margin: 2rem 0 0 0;
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.4rem;
}
.atwcontTitle h3 span{
	font-weight: 600;
}

.atwint01Content{
	margin: 8rem 0 0 0;
    padding: 0 2rem;
	max-width: 78rem;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
}
.atwint01Content img {
	position:relative;
	z-index:2;
    border-radius: 2rem;
}
img.pcimg{display:flex;}
img.moimg{display:none;}
@media (max-width: 991px) {
	.atwtopbottom {
		padding: 4rem 0 4rem 0;
	}
	.atwtopbotdogcat {
		bottom: -8rem;
		left: 50%;
		width: 85rem;
	}
	.atw_dog img {
		height: 20rem;
	}
	.atw_cat img {
		height: 20rem;
	}
}
@media (max-width: 767px) {
	.atwtopbottom {
		padding: 3rem 0 3rem 0;
	}
	.atwtopbottext h2 {
		font-size: 1.6rem;
	}
	.atwtopbottext h2 dl {
		font-size: 2.8rem;
	}
	.atwtopbottom:after {
		bottom: -3.5rem;
		width: 23rem;
		height: 12rem;
		border-radius: 66%;
	}
	.atwtopbotdogcat {
		bottom: -6rem;
		left: 50%;
		width: 38rem;
	}
	.atw_dog img {
		height: 12rem;
	}
	.atw_cat {
		top: 1rem;
	}
	.atw_cat img {
		height: 12rem;
	}
	
	.atwInt01Wrap {
		padding: 10rem 0 6rem 0;
	}
	.numbal {
		margin: 0 0 2rem 0;
	}
	.numbal img {
		height: 6rem;
	}
	.atwcontTitle h2 {
		gap: 0.6rem;
	}
	.atwcontTitle h2 p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.atwcontTitle h2 dl {
		font-size: 3.2rem;
		line-height: 4rem;
	}
	.atwcontTitle h3 {
		margin: 1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.atwint01Content {
		margin: 4rem 0 0 0;
	}
	img.pcimg{display:none;}
	img.moimg{display:flex;}
}

/*-----------------------------------------------
# 소개 챕터 2
-------------------------------------------------*/
.atwInt02Wrap {
    display: flex;
    padding: 12rem 0 12rem 0;
    background: #FFF4F7;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.atwint02Content{
	margin: 8rem 0 0 0;
    padding: 0 2rem;
	max-width: 78rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwint02Content img{
    border-radius: 2rem;
}

@media (max-width: 767px) {
	.atwInt02Wrap {
		padding: 6rem 0 6rem 0;
	}
	.atwint02Content {
		margin: 4rem 0 0 0;
	}
}

/*-----------------------------------------------
# 소개 챕터 3
-------------------------------------------------*/
.atwInt03Wrap {
    display: flex;
    padding: 12rem 0 12rem 0;
    background: #DEFFD8;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.atwint03ContentBox {
    gap: 6rem;
    margin: 8rem 0 0 0;
    padding: 0 2rem;
	max-width: 78rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
		position:relative;
}
.atwint03Content img{
    border-radius: 2rem;
	position:relative;
	z-index:2;
}

.atwint03Content{
	position:relative;
	z-index:2;
}
.atwint_03_dog {
    position: absolute;
    z-index: 3;
    left: -11rem;
    top: 5rem;
}
.atwint_03_dog img {
    position: relative;
    transform: rotate(0deg);
    height: 24rem;
}
.atwint_03_cat {
    position: absolute;
    z-index: 3;
    right: -13rem;
    bottom: -6rem;
}
.atwint_03_cat img {
    position: relative;
    transform: rotate(0deg);
    height: 24rem;
}

.atw3BotBox {
    width: 100%;
    margin: 10rem 0 0 0;
    position: relative;
}
.atw3BotText{
	color: #000;
text-align: center;
font-family: "Gmarket Sans TTF";
font-size: 4rem;
font-style: normal;
font-weight: 700;
line-height: 4.8rem;
}
.atw3BotText span{
	color: #1DA849;
}

.atw3BotBg {
    display: flex;
    position: relative;
    width: 100%;
    height: 30.3vw;
    background-image: url(../../img/kid/atw/atwbot_bg.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    align-items: center;
    justify-content: center;
}
.atw3BotBgImg img {
    height: 28vw;
}
.travel_margk {
    margin: 1rem 0 0 0;
    display: flex;
    justify-content: center;
}
.travel_margk img {
    height: 8rem;
}

@media (max-width: 767px) {
	.atwInt03Wrap {
		padding: 6rem 0 6rem 0;
	}
	.atwint03ContentBox {
		gap: 2rem;
		margin: 4rem 0 0 0;
		padding: 0 2rem;
	}
	.atwint_03_dog {
		bottom: -6rem;
		left: -3rem;
		top: inherit;
	}
	.atwint_03_dog img {
		height: 12rem;
	}
	.atwint_03_cat {
		right: -3rem;
		bottom: -7rem;
	}
	.atwint_03_cat img {
		height: 12rem;
	}
	.atw3BotBox {
		margin: 6rem 0 0 0;
	}
	.atw3BotText {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.travel_margk img {
		height: 6rem;
	}
}

/*-----------------------------------------------
# 영어학습 최적화
-------------------------------------------------*/
.atwchoiWrap{
	position:relative;
	width:100%;
	padding:12rem 0;
	background:#fff;
}
.atwchoiSideBox{
	margin:0 auto;
	max-width:78rem;
	padding:0 2rem;
}
.atwchoititle{
	color: #000;
font-family: "Gmarket Sans TTF";
font-size: 4rem;
font-style: normal;
font-weight: 700;
line-height: 4.8rem;
}

.atw_previewSl{
	position:relative;
	margin:6rem 0 0 0;
}
.atw_pretext h3{
	margin:2rem 0 0 0;
	color: #000;
text-align: center;
font-family: Cafe24Surround;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 3rem;
}

.atwpesl {
    margin: 2rem 0 0 0;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.atwpesl .swiper-pagination {
    bottom: inherit;
    transform: inherit;
    position: relative;
    display: flex;
    justify-content: center;
}
.atwpesl .swiper-pagination-bullet {
    border-radius: 4px;
    height: 0.6rem;
    margin: 0 4px;
    width: 4rem;
    background: #D2D2D2;
    opacity: 1;
}
.atwpesl .swiper-pagination-bullet-active {
    width: 6rem;
    background: #7B7B7B;
}

/* .atw_previewSl .swiper{ */
	/* overflow:unset; */
/* } */
/* .atw_previewSl .swiper-wrapper{ */
	/* overflow:hidden; */
/* } */
.atw_previewSl .swiper-button-next, .atw_previewSl .swiper-button-prev {
    position: absolute;
    top: 43%;
    width: 5rem;
    height: 5rem;
    z-index: 100;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.atw_previewSl .swiper-button-next:after, .atw_previewSl .swiper-button-prev:after{
	content:none;
}
.atw_previewSl .swiper-button-prev {
    left: -8rem!important;
    background-size: cover;
    position: absolute;
    left: 0px;
    background-image: url(/img/kid/atw/atw_sl_prev.webp);
}
.atw_previewSl .swiper-button-next {
	right: -8rem!important;
    background-size: cover;
    position: absolute;
    right: 0px;
    background-image: url(/img/kid/atw/atw_sl_next.webp);
}

@media (max-width: 767px) {
	.atwchoiWrap {
		padding: 6rem 0;
	}
	.atwchoititle {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.atw_previewSl {
		margin: 2rem 0 0 0;
	}
	.atw_pretext h3 {
		margin: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.atwpesl .swiper-pagination-bullet {
		border-radius: 4px;
		height: 0.6rem;
		margin: 0 2px;
		width: 3rem;
	}
	.atwpesl .swiper-pagination-bullet-active {
		width: 5rem;
	}
}

/*-----------------------------------------------
# 아이와 선생님의 찰떡궁합!
-------------------------------------------------*/
.atwchalWrap{
	position:relative;
}
.atwchalWrap .atwtopbottom{
	background: #F80;
}
.atwchalWrap .atwtopbottom:after {
    background: #F80;
}
.atwchalContent{
	position:relative;
	width:100%;
	padding:18rem 0 12rem 0;
	background: #FFF1D7;
}

.atwchalvideoBox{
	position:relative;
	margin: 0 auto;
    max-width: 78rem;
    padding: 0 2rem;
}
.atwchalTitle{
	color: #000;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.2rem;
}
.atwchalTitle span{
	color: #FF4D00;
}
.atwchalvideo{
	overflow: hidden;
	margin:6rem 0;
	width:100%;
align-self: stretch;
	border-radius: 3rem;
border: 11px solid #FFF;
box-shadow: -4px -4px 15px 7px rgba(255, 161, 53, 0.50), 4px 4px 15px 7px rgba(255, 157, 44, 0.50);
}
.atwchalvideoInner {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.3%;
    max-width: 100rem;
    background: #D9D9D9;
}
.atwchalvideoInner iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.atwchalteaBox{
	overflow:hidden;
	position:relative;
	margin:12rem 0 0 0;
}
.atwchalteaTitle{
	color: #000;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.2rem;
}
.atwchalteaTitle span{
	font-weight: 700;
}

.atwkidexpertSlInner{
	position:relative;
	max-width:134rem;
	padding:0 2rem;
	margin:0 auto;
}
.atwkidexpertSl{
	position:relative;
	margin:6rem 0;
}
.atwkidexpertSl .swiper{
	overflow:unset;
}

.atwkidexpertSl .swiper-wrapper {
    transition-timing-function: linear !important;
}


/* .atwkidexpertSl:before { */
    /* z-index: 2; */
    /* position: absolute; */
    /* display: block; */
    /* content: ''; */
    /* left: -40%; */
    /* width: 40%; */
    /* height: 100%; */
    /* background: linear-gradient(270deg, rgba(255, 241, 215, 0.00) 0%, #FFF1D7 81.25%); */
/* } */
/* .atwkidexpertSl:after { */
    /* z-index: 2; */
    /* position: absolute; */
    /* display: block; */
    /* content: ''; */
    /* right: -40%; */
    /* width: 40%; */
    /* height: 100%; */
    /* background: linear-gradient(270deg, rgba(255, 241, 215, 0.00) 0%, #FFF1D7 81.25%); */
/* } */
@media (max-width: 767px) {
	.atwchalContent {
		padding: 8rem 0 6rem 0;
	}
	.atwchalTitle {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.atwchalvideo {
		margin: 3rem 0 2rem 0;
		border-radius: 2rem;
		border: 6px solid #FFF;
		box-shadow: -3px -3px 10px 5px rgba(255, 161, 53, 0.50), 3px 3px 10px 5px rgba(255, 157, 44, 0.50);
	}
	
	.atwchalteaBox {
		margin: 8rem 0 0 0;
	}
	.atwchalteaTitle {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.atwkidexpertSl {
		position: relative;
		margin: 3rem 0;
	}
	
	.atwchalWrap .altp_b img{
		height:4rem;
	}
}

/*-----------------------------------------------
# 이제 우리 아이의 무대는 전 세계 입니다.
-------------------------------------------------*/
.atwfuwrap{
	position:relative;
	width:100%;
}
.atwfutopBox{
	position:relative;
	display:flex;
}
.atwfutopBox img{
	position:relative;
	z-index:2;
}
.atwfutopBox:after{
	z-index:3;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	width:100%;
	height:20rem;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}
.atwfuContent{
	position:relative;
	width:100%;
	padding:12rem 0 12rem 0;
background: #000;
}

.atwfuContentBox {
    position: relative;
    margin: 0 auto;
    max-width: 78rem;
    padding: 0 2rem;
    display: flex;
    gap: 6rem;
    flex-direction: column;
    align-items: center;
}
.atwfutext{
	color: #FFF;
text-align: center;

/* 제목 */
font-family: "Gmarket Sans TTF";
font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
}
.atwfutext span{
	color: #0FF;
}
.atwfuimg {
    display: flex;
    justify-content: center;
}
.atwfuimg img.generated_pr_book{
	height:30rem;
}

.atwbulBox{
	position:relative;
	width:100%;
	padding:12rem 2rem;
background: linear-gradient(270deg, #76E5FF 0%, #00E8FF 0.02%, #ADFFF8 64.9%);
}
.atwbulBox p{
	text-align:center;
	color: #000;
font-family: Pretendard;
font-size: 3.4rem;
font-style: normal;
font-weight: 700;
line-height:4rem;
}
.atwbulBox dl{
	margin:1rem 0 0 0;
	color: #000;
text-align: center;
font-family: Pretendard;
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
line-height: 3rem;
}
/* ============ 하단 배너 ============ */
.kidschBotBannerWrap{
	position:relative;
	width:100%;
	padding:8rem 0;
	background:#d5e7ff;
	
background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/img/kid/brittalkkidsstarter/kidschBotBanner_bg_pc.webp);
}
.kidschBotBanner{
	/* max-width:100rem; */
	/* margin:0 auto; */
	padding:0 12.3rem;
	position:relative;
}
.kidschBotText p{
	margin:0;
	color: #515151;
	text-align: left;
color: #515151;
font-family: Pretendard;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 1;
}
.kidschBotText h2{
	letter-spacing:-0.4px;
	margin:2rem 0;
	color: #000;
	text-align: left;
color: #000;
font-family: "Gmarket Sans TTF";
font-size: 4rem;
font-style: normal;
font-weight: 500;
line-height: 5rem;
}
.kidschBotText h3{
	margin:0;
	color: #000;
	text-align: left;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}
.kidschBotText .nmpBtn{
	margin:4rem 0 0 0;
}

.nmpBtn a {
    display: inline-flex;
    padding: 0.8rem 2.6rem;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    color: #000;
    font-family: Pretendard;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.nmpBtn.blue a {
    color: #fff;
    background: #0056D6;
}
@media (max-width: 1200px) {
	.kidschBotBanner {
		padding: 0 6rem;
	}
}
@media (max-width: 991px) {
	.kidschBotBanner {
		padding: 0 3rem;
	}
}
@media (max-width: 767px) {
	.kidschBotBannerWrap{
		padding:3rem 0 5rem 0;
		
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/img/kid/brittalkkidsstarter/kidschBotBanner_bg_mo.webp);
	}
	.kidschBotBanner {
		padding: 0 2rem;
	}
	.kidschBotText p {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.kidschBotText h2 {
		letter-spacing: -0.4px;
		margin: 1rem 0 12rem 0;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	.kidschBotText h3{display:none;}
	.nmpBtn a {
		padding: 1.5rem 1rem;
		border-radius: 6px;
		font-size: 1.8rem;
	}
	.kidschBotText .nmpBtn a {
		width: 16rem;
	}
	
	
	.atwfuContent {
		padding: 6rem 0 6rem 0;
	}
	.atwfutopBox:after {
		height: 7rem;
	}
	.atwfuContentBox {
		gap: 3rem;
	}
	.atwfutext {
		font-size: 2rem;
		line-height: 3rem;
	}
	.atwfuimg img.generated_pr_book {
		height: 18rem;
	}
	
	
	.atwbulBox {
		position: relative;
		width: 100%;
		padding: 8rem 2rem;
		background: linear-gradient(270deg, #76E5FF 0%, #00E8FF 0.02%, #ADFFF8 64.9%);
	}
	.atwbulBox p {
		font-size: 2.6rem;
		line-height: 3.6rem;
	}
	.atwbulBox dl {
		margin: 1rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
}