
@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
}
/* ================================= */
/*  	 pro_detail 제품 상세 페이지	 */
/* ================================= */
#item_detail {overflow-x: hidden;}
.itemWrap {margin: 0rem 0 18rem;}
.item_inner {
	width:100%;
	margin:0 auto;
	max-width:86rem;
	border: 1px solid #f8f8f8;
}
.item {height:50rem; border:1px solid #F8F8F8;}
.item_title {
	font-family: 'Gmarket Sans'; 
	font-size: 6.6rem;
	font-weight: 700;
	line-height: 7.8rem;
	letter-spacing: -3.200000047683716px;
	text-align: center;
	margin-bottom:8rem;
}
.item_title span.color {color:#30CDD4;}
.itemGroup {box-sizing:border-box;}
.itemGroupInner {width:100%; box-sizing: border-box;}

@media (max-width:991px) {
	.item_inner {border:none;}
	.detail_img .page {
		position: absolute;
		width: 4rem;
		height: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: -3.5rem;
	}
	.detail_img .swiper-pagination {
		padding: 3px 0;
		display: inline-block;
		max-width: 4rem;
		border-radius: 2rem;
		background: #CCC;
		color: #fff!important;
		margin-top: 0rem;
		bottom: 0rem!important;
	}
}

@media (max-width:767px) { 
	.itemWrap {margin: 0rem 0 0rem;}
	.item_inner {border:none;}
}
/* ============================ 아이설렘 상품 상세 페이지 ============================ */

/* :::::::::::::::::::::::: 아이설렘 한글 :::::::::::::::::::::::: */

/* ------------ 한글 학습이 고민이시라면 ------------  */
.itemWrap #worry .itemGroupInner {padding:12rem 10rem 10rem;}
.itemWrap ul.message li {margin-bottom:4.783rem;}
.itemWrap #worry ul.message li:nth-child(3) {margin-bottom:3.829rem;}
.itemWrap ul.message .gray_message {width:100%; height:auto;}
.itemWrap ul.message .blue_message {width:100%; height:auto;}
.itemWrap ul.message .typing {width:auto; height:9.5rem;}
.itemWrap ul.message .blue_message, .itemWrap ul.message .typing {display: flex;justify-content: flex-end;}
.itemWrap ul.message li img {height: auto; width: 100%;}

@media (max-width:767px) {
	.itemWrap #worry .itemGroupInner {padding:8rem 0rem;}
	.itemWrap .item_title {
		padding: 0rem;
		font-size: 3.6rem;
		line-height: 4.4rem;
		margin-bottom: 4.5rem;
		letter-spacing: -1.600000023841858px;
	}
	#worry {padding: 0 2rem; font-size:1.8rem; line-height:2.5rem;}
	.itemWrap ul.message li {margin-bottom: 2rem;}
	.itemWrap ul.message li:nth-child(3) {margin-bottom: 3rem;}
	.itemWrap ul.message .gray_message {height: auto; width:100%;}
	.itemWrap ul.message .blue_message {height: auto; width:100%;}
	.itemWrap ul.message .typing {height: 4.3rem;}
}
/* ------------ //한글 학습이 고민이시라면 ------------  */

/* ------------ 한글 교육을 달라야합니다 ------------  */
#dif_edu {background:#EAF7F9;}
#dif_edu .itemGroupInner {padding:12rem 9rem;}
#dif_edu .item_title {margin-bottom:6rem;}
#dif_edu .dif_thing {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    flex-direction: row;
    justify-content: center;
	justify-content: space-between;
}
#dif_edu .difbox {
	position:relative;
	border-radius: 20px;
	margin-bottom: 2rem;
    padding-bottom: 44.2%;
    width: calc(100%/2 - 10px);
}
#dif_edu .difbox:nth-child(1) {background: url(../img/item/dif_edu01.png) no-repeat center/cover;}
#dif_edu .difbox:nth-child(2) {background: url(../img/item/dif_edu04.png) no-repeat center/cover;}
#dif_edu .difbox:nth-child(3) {margin-bottom:0; background: url(../img/item/dif_edu03.png) no-repeat center/cover;}
#dif_edu .difbox:nth-child(4) {margin-bottom:0; background: url(../img/item/dif_edu02.png) no-repeat center/cover;}

#dif_edu .difbox.math:nth-child(1) {background: url(../img/item/dif_edu05.png) no-repeat center/cover;}
#dif_edu .difbox.math:nth-child(2) {background: url(../img/item/dif_edu06.png) no-repeat center/cover;}
#dif_edu .difbox.math:nth-child(3) {margin-bottom:0; background: url(../img/item/dif_edu07.png) no-repeat center/cover;}
#dif_edu .difbox.math:nth-child(4) {margin-bottom:0; background: url(../img/item/dif_edu08.png) no-repeat center/cover;}


#dif_edu .program_Txt {
	top: 2.4rem;
    left: 2.4rem;
	color:#fff;
    position: absolute;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2.6rem;
	text-align: left;
}
#dif_edu .program_Txt h3 {
	top: 2.4rem;
    left: 2.4rem;
	color:#000;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2.6rem;
	text-align: left;
}
#dif_edu .difbox:nth-child(4) .program_Txt h3 {color:#FFF;}
.ImgBox {transition: none;}

@media (max-width:991px) {
	#dif_edu .difbox {border-radius: 15px;}
	#dif_edu .program_Txt h3 {
		top: 2.3rem;
		left: 2.3rem;
		
		font-size: 2.1rem;
		font-weight: 700;
		line-height: 2.6rem;
	}
}

@media (max-width:767px) {
	#dif_edu .itemGroupInner {padding:8rem 2.8rem;}
	#dif_edu .item_title {margin-bottom: 4.5rem;}
	#dif_edu .dif_thing {
		align-items: center;
		flex-direction: column;
		justify-content: center;
		justify-content: space-between;
	}
	#dif_edu .difbox {padding-bottom: 91%;width: 100%;height: 100%;}
	#dif_edu .difbox:nth-child(3) {margin-bottom: 2rem;}
}
/* ------------ //한글 교육을 달라야합니다 ------------  */


/* ------------ 난독을 극복해 보세요 ------------  */
#nandok .itemGroupInner {padding:12rem 0rem;} 
#nandok .itemCont {
    max-width: 147.7rem;
    margin: 0 auto;
    padding: 0rem;
    display: flex;
    align-items: center;
}

.iseol_Kr_left {max-width: 46rem;width: 100%;}
.iseol_Kr_left figure {max-width:46rem;height:auto;}
.iseol_Kr_left figure img {width:100%;}
.iseol_Kr_right {width: 100%;display: flex;justify-content: flex-start;}
.iseol_Kr_right .rTxtBox {margin-left: 2rem; padding-top:0;}
.iseol_Kr_right ul li {
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 3.1rem;
    padding-left: 3.2rem;
    position: relative;
    padding-bottom: 3rem;
}
.iseol_Kr_right ul li h3 {font-size: 2.1rem;font-weight: 400;line-height: 3.1rem;}
.iseol_Kr_right ul li span.bold {font-weight: 700;}
.iseol_Kr_right ul li:last-child {padding-bottom:0rem;}
.iseol_Kr_right ul li::before {
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
	background: url(../img/item/item_check.png) no-repeat center /cover;
	background-size:100%;
}

@media (max-width:991px) {
	#nandok .itemGroupInner {padding:8rem 3rem;} 
}

@media (max-width:767px) {
	#nandok .itemCont {align-items: center; flex-direction: column-reverse;}
	.iseol_Kr_left {margin-top:5rem;}
	.iseol_Kr_left figure {padding: 0 4rem 0 0;}	
	.iseol_Kr_right .rTxtBox {margin-left: 0rem;}
	.iseol_Kr_right {width: 100%; display: flex; justify-content: center;}
	.iseol_Kr_right ul li h3 {font-size: 1.8rem; line-height: 2.5rem;}
	.iseol_Kr_right ul li::before {width: 2rem; height: 2rem;}
}

/* ------------ // 난독을 극복해 보세요 ------------  */

/* ------------ 변화로 증명하는 효과성 ------------  */
#i_effect {background:#EAF7F9;}
#i_effect .itemGroupInner {padding:12rem 5.6rem;}
#i_effect .eff_area {padding-top:0; position: relative;}
#i_effect .iseol_eff .swiper-slide {width: 100%;display: flex;justify-content: center;}
#i_effect .iseol_eff .swiper-slide img {width: 100%;max-width: 60.8rem;}
.iseol_eff_sTxt {
	margin-top:2rem;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.7rem;
	text-align: center;
    color: #888;
}
#i_effect .swiper-button-next, #i_effect .swiper-button-prev {width: 5rem!important;height: 5rem!important;border-radius: 50%;}
#i_effect .swiper-button-next, #i_effect .swiper-button-prev  {box-shadow: 4px 6px 20px rgb(225 126 7 / 10%);}
@media (max-width:767px) {
	#i_effect .itemGroupInner {padding:8rem 3rem;}
	#i_effect .swiper-button-next, #i_effect .swiper-button-prev {width:3.5rem!important; height:3.5rem!important;}	
	#i_effect .swiper-button-next {right: -2rem!important; top: 55%;}
	#i_effect .swiper-button-prev {left: -2rem!important; top: 43%;}
	.iseol_eff_sTxt {margin-top: 1rem;font-size: 1rem;line-height: 1.5rem;}
}

@media (max-width:500px) {
	#i_effect .iseol_eff .swiper-slide img {width: 85%;}
}
/* ------------ // 변화로 증명하는 효과성 ------------  */

/* ------------ 사용자 리얼 후기 ------------  */
#real_re {position:relative;}
#real_re .itemGroupInner {padding:12rem 10rem;} 
#real_re .emog {width:5rem; height:5rem;}
#real_re .emog img {width:100%; height:auto;}

#real_re .itemCont ul li {padding-bottom:4rem;}
#real_re .itemCont ul li:last-child {padding-bottom:0rem;}

.reviewBox {
	margin: 0 auto;
	max-width: 66rem;
	border-radius:3rem;
	background:#FFFFFF;
	box-shadow:0 0 2rem rgb(0 0 0 / 10%);
}
.itemCont ul li:nth-child(2) .reviewBox {background:#E9EEFF;}
.itemCont ul li:nth-child(3) .reviewBox {background:#DFF3F5;}
.reviewBoxInner {padding: 5rem;}
.reBox_Top {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    justify-content: space-between;
}
.reBox_profile {display:flex; align-items: center;}
.reBox_Title {
	margin-left:1.5rem;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 3.1rem;
	letter-spacing: -0.20000000298023224px;
	color:#111;
}
.reBox_Date {
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 2.9rem;
	letter-spacing: -1px;
	text-align: right;
	color:rgba(1,1,1,0.4);
}
.reBox_Cont {
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 4rem;
	letter-spacing: -0.20000000298023224px;
}
.reBox_Cont span.bold {font-weight:700;}

@media (max-width:991px) {
	.reviewBox {border-radius: 15px;}
}

@media (max-width:767px) {
	#real_re .itemGroupInner {padding: 8rem 3rem;}
	.reviewBoxInner {padding: 2rem;}
	#real_re .emog {width: 3rem;height: 3rem;}
	.reBox_Top {margin-bottom:1.3rem;}
	.reBox_Title {margin-left: 1rem;font-size: 1.6rem;line-height: 3.1rem;}
	.reBox_Date {font-size: 1.2rem;line-height: 1.9rem;letter-spacing: -1px;}
	.reBox_Cont {font-size: 1.6rem;line-height: 2.5rem;}
}
/* ------------ // 사용자 리얼 후기 ------------  */

/* ------------ 이용권 등록 방법 ------------  */
#use_ticket {background:#F7F7F7;}
#use_ticket .itemGroupInner {padding:12rem 10rem; background: #f4f4f4;} 
#use_ticket .item_title {margin-bottom:6rem;}
#use_ticket .itemCont {background: #fff;border-radius: 2rem;box-sizing: border-box;padding: 8rem 5.5rem 0rem;}
#use_ticket .itemCont div:last-child {border-bottom: none;}
#use_ticket .step01 {padding-bottom: 8rem;border-bottom: 3px dashed #DDDDDD; position:relative;}
#use_ticket .step {
	height: 5.5rem;
    display: flex;
	width: 16rem;
    background: #30CDD4;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
	border-radius:4rem;
	margin: 0 auto 3.2rem;
}
#use_ticket .step span {
	font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.4rem;
    border-radius: 4rem;
    color: #fff;
}
.step_Title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: -0.800000011920929px;
    text-align: center;
    color: #111;
	margin-bottom:2.4rem;
}
.step_subTxt {
	font-size: 2.7rem;
	font-weight: 400;
	line-height: 3.8rem;
	letter-spacing: -0.4000000059604645px;
	text-align: center;
}
ul.stepList {
	display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
ul.stepList li {position:relative; padding-left:1rem;}
ul.stepList li:first-child {padding-bottom:2.4rem;}
ul.stepList li::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background: #222;
    position: absolute;
    
	left: 0rem;
	top: 1.5rem;
    border-radius: 50%;
}
ul.stepList li p {
	font-weight: 400;
	font-size: 2.7rem;
	text-align: center;
	line-height: 3.8rem;
	letter-spacing: -0.4000000059604645px;
}
ul.stepList li .step_subGrayTxt{
	color:#AAA;
	margin-top:0.4rem;
	font-size: 2.4rem;
	line-height: 2.9rem;
	letter-spacing: -0.1rem;
}
.ticket_message {
    width: 100%;
    height: auto;
    max-width: 46.8rem;
    margin: 4rem auto 0;
	position:relative;
}

.ticket_img {width:100%; height:100%; position:absolute; top:0; left:0;}
.ticket_img img {width:100%; height:100%;}



.messageInner {position:relative; padding: 4.1rem 4.2rem;}
.messageInner .to {
	z-index:1;
	color:#444;
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 2.9rem;
	margin-bottom:1.2rem;
	position:relative;
}
.messageInner .cont {
	z-index:1;
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 2.9rem;
	position:relative;
}
.messageInner .coupon_num {
	z-index:1;
	margin-top: 2rem;
    background: #E8F7F8;
    padding: 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;

	font-size: 2.2rem;
	font-weight: 600;
	line-height: 2.6rem;
	color:#30CDD4;
}
#use_ticket .step02 {padding: 8rem 0;border-bottom: 3px dashed #DDDDDD;}
.ticket_google {width:25rem; margin: 4.8rem auto 0; border-radius: 10.95px; box-shadow: 1rem 2rem 4rem rgb(0 0 0 / 20%);}
.ticket_google img {width:100%; vertical-align: bottom;}
#use_ticket .step03 {padding: 8rem 0 6.6rem;}
.coupon {
    width: 100%;
    max-width: 48rem;
    border: 1px solid #DDD;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 3rem 2rem;
    box-sizing: border-box;
	margin: 5.8rem auto 0;
	box-shadow: 0 0 3rem rgb(0 0 0 / 5%);
}
.coupon p {text-align: left;font-weight: 400;font-size: 2.2rem;line-height: 2.6rem;}

.coupon figure {width:3rem; height:3rem;}
.coupon figure img {width:100%;}

#use_ticket .step03List {margin-top: 4.8rem;}
#use_ticket .step03List ul {position:relative;}
#use_ticket .step03List ul li .downArrow {margin:1.6rem auto;}
#use_ticket .step03List ul li .step03_Tablet {width:100%; max-width:41.5rem; height:auto; margin:0 auto;}
#use_ticket .step03List ul li .step03_Tablet img {width:100%;}

@media (max-width:767px) {
	#use_ticket .itemGroupInner {padding: 6rem 3rem;}
	#use_ticket .item_title {margin-bottom:4rem;}
	#use_ticket .itemCont {padding: 5rem 2rem 0rem;}
	#use_ticket .step {height: 4rem;width: 12rem;margin: 0 auto 3.2rem;}
	#use_ticket .step span {font-size:2rem;}
	.step_Title {font-size: 2.8rem;line-height: 3.4rem;margin-bottom: 2.4rem;}	
	.step_subTxt {font-size: 1.8rem;line-height: 2.8rem;}
	ul.stepList li p {font-size: 1.8rem;line-height: 2.8rem;}
	.step_subGrayTxt {margin-top:1.2rem;font-size: 1.8rem;line-height: 2.4rem;letter-spacing: -0.1rem;}
	
	ul.stepList li .step_subGrayTxt {margin-top:0rem;font-size: 1.6rem;line-height: 2.4rem;letter-spacing: -0.1rem;}
	ul.stepList li::before {
		content: '';
		width: 0.4rem;
		height: 0.4rem;
		background: #222;
		position: absolute;
		left: 0rem;
		top: 1rem;
		border-radius: 50%;
	}
	#use_ticket .step01 {padding-bottom: 6rem;}
	.messageInner {padding:2rem 1.5rem;}
	.messageInner .to {font-size: 1.8rem;line-height: 2.2rem;margin-bottom: 1.2rem;}
	.messageInner .cont {font-size: 1.5rem;line-height: 2.2rem;}
	.messageInner .coupon_num {
		margin-top: 1rem;
		background: #E8F7F8;
		padding: 1.2rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	#use_ticket .step02 {padding: 5rem 0;}
	.ticket_google {width: 19rem; margin: 2.8rem auto 0;}
	#use_ticket .step03 {padding: 3.9rem 0;}
	#use_ticket .step03List {margin-top: 3rem;}
	.coupon { max-width: 48rem; padding: 1.5rem 1rem; margin: 5.8rem auto 0;}
	.coupon p { font-size: 1.5rem; font-weight: 400; line-height: 2.6rem; text-align: left; letter-spacing: -0.08rem;}
	.coupon figure { width: 2rem; height: 2rem;}
}
/* ------------ // 이용권 등록 방법 ------------  */

/* ------------ 주의사항 ------------  */
#notice {background:#333333;}
#notice .itemGroupInner {padding:8rem 10rem;} 
.notice_top {display:flex; align-items: center; margin-bottom:5rem;}
.notice_top p {
	color:#fff;
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 4.6rem;
	letter-spacing: 0px;
}
.notice_top figure {width:4rem; height:4rem; margin-right:1rem;}
.notice_top figure img {width:100%;}
.notice_bottom.fir {margin-bottom:6rem;}
.notice_bottom .bTitle	{
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 3.4rem;
	text-align: left;
	color: #fff;
    margin-bottom: 2.5rem;
}
.notice_bottom ul li{
	font-size: 2.6rem;
	font-weight: 300;
	line-height: 3.6rem;
	letter-spacing: -0.6000000238418579px;
	color:#fff;
	padding-left:2.1rem;
	position:relative;
	padding-bottom:1.5rem
}
.notice_bottom ul li::before {
	content:'';
	width:0.6rem;
	height:0.6rem;
	position:absolute;
	left:0;
	top: 1.35rem;
    background: #fff;
    border-radius: 50%;
}
.notice_bottom ul li:last-child {padding-bottom:0;}
.notice_bottom ul li a {text-decoration: underline;}

@media (max-width:991px) {
	#use_ticket .step03List {
		padding: 0 0.6rem;
	}
}

@media (max-width:767px) {
	#notice .itemGroupInner {padding: 4rem 2rem;}
	.notice_top {margin-bottom:3rem;}
	.notice_top figure {width: 2.5rem;height: 2.5rem;margin-right: 1rem;}
	.notice_top p {font-size: 2.5rem;line-height: 3rem;}
	.notice_bottom .bTitle {font-size: 1.8rem;line-height: 2rem;margin-bottom: 1.5rem;}
	.notice_bottom ul li {font-size: 1.4rem;line-height: 2.2rem;padding-left: 1.5rem;padding-bottom: 1rem;}
	.notice_bottom ul li::before {top: 0.9rem;width: 0.5rem;height: 0.5rem;}
}
/* ------------ // 주의사항 ------------  */
/* :::::::::::::::::::::::: // 아이설렘 한글 :::::::::::::::::::::::: */

/* :::::::::::::::::::::::: 아이설렘 단어 쑥쑥 :::::::::::::::::::::::: */
/* ------------ 전자기기로만 하는 학습 ------------  */
#wordBook {position:relative;}
#wordBook span.color {color:#4B5BD8;}
#wordBook .item_subtitle {
	color: #111;
	font-weight: 400;
    font-size: 2.8rem;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 8rem;
	letter-spacing: -0.20000000298023224px;
}
@media (max-width:767px) {
	#wordBook #worry .itemGroupInner {padding: 8rem 0rem;}
	#wordBook .item_title {padding:0 0rem;font-size:3.6rem; line-height:4.8rem; margin-bottom:4.5rem;}
	
	
	#wordBook #worry ul.message li {margin-bottom: 2rem;}
	#wordBook #worry ul.message li:nth-child(3) {margin-bottom: 0rem;}
}
/* ------------ // 전자기기로만 하는 학습 ------------  */

/* ------------ 단어가 쑥쑥, 글 읽기가 술술 ------------ */
#word .itemGroupInner {padding:10rem 10rem 12rem; background:#F3F6FF;}
#word .item_inner {max-width:86rem; box-sizing:border-box;}
#word .itemCont {
	border-radius: 2rem;
	background: #F3F6FF;
	padding: 8rem 6rem;
	max-width: 66rem;
    margin: 0 auto;
	background:#fff;
}
#word .item_title {margin-bottom:4rem;}
.wordContTitle {
	font-weight: 400;
	font-size: 4.5rem;
	text-align: center;
	line-height: 5.8rem;
	letter-spacing: -0.2rem;
}
.wordContTitle span.bold {font-weight:700;}
ul.bookStep {display:flex; margin:6rem 0;}
ul.bookStep li{padding-right:2.4rem; width:calc(100%/3 - 1.6rem);}
ul.bookStep li img {width:100%;}
ul.bookStep li:last-child {padding-right:0;}
.downArrow {
	width: 100%;
    display: flex;
	margin: 0 auto;
	max-width: 6.84rem;
    justify-content: center;
}
.downArrow img {width:100%;}
.wordContBottom {margin-top: 6rem;}
ul.bookApp {margin-top:5rem;}
ul.bookApp li {
	margin: 0 auto;
	background: #fff;
    max-width: 54rem;
	padding: 4rem 7rem;
    border-radius: 2rem;
	box-shadow: 0 0 30px rgb(0 51 255 / 8%);
}
ul.bookApp li:first-child {margin-bottom:4rem;}
ul.bookApp li figure {width:100%; max-width:40rem; margin: 0 auto;}
ul.bookApp li img {width:100%;}
ul.bookApp li p	{
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 2.5rem;
	letter-spacing: -0.20000000298023224px;
	text-align: center;
	margin-top:0.8rem;
}

@media (max-width:767px) {
	#word .item_title {font-size:3.5rem; margin-bottom:3rem;}
	#word .item_subtitle {font-size: 1.7rem;line-height: 2.5rem; margin-bottom: 0rem;}
	#wordBook .item_subtitle {padding: 0 0 4rem 0;}
	.wordContBottom ul.bookApp .sb_txt {font-size:1.6rem; line-height:2rem;}
}
/* ------------ // 단어가 쑥쑥, 글 읽기가 술술 ------------ */

/* ------------ 단어 쑥쑥 이렇게 활용하세요 ------------ */
#use_ticket {background:#fff;}
#wordBook #use_ticket .itemGroupInner {background:#fff;}
#wordBook #use_ticket .itemCont {box-shadow: 0 0 30px rgb(167 167 167 / 15%);}

.word#use_ticket .step {background:#4B5BD8;}
#wordBook #use_ticket .step.color {background:none;}

#wordBook #use_ticket .step span {
	color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.1rem;
    letter-spacing: 0px;
    text-align: center;
    padding: 0.6rem 1.8rem;
    background: #4B5BD8;
}


#wordBook .eff_area {position: relative; max-width:38rem; margin:0 auto;}
#wordBook #use_ticket .swiper-slide img {width: 100%;}
#wordBook .word_use {position:relative; margin-top: 4.5rem;}
#wordBook #use_ticket .swiper-button-next, .swiper-button-prev {
    width: 5rem!important;
    height: 5rem!important;
    box-sizing: border-box;
    box-shadow: none;
    top: 50%!important;
    transform: translateY(-25%);
    top: 112px;
}
#wordBook ul.stepList li:first-child {padding-bottom:1.6rem;}

#wordBook #use_ticket .swiper-slide {
	border:1px solid #EEE;
	box-sizing:border-box;
	padding:0.5rem;
}

#wordBook #use_ticket .swiper-button-next {background: url(../img/button_next_50.png)no-repeat center/cover;}
#wordBook #use_ticket .swiper-button-prev {background: url(../img/button_prev_50.png)no-repeat center/cover;}

#wordBook #use_ticket .swiper-button-next:hover {background: url(../img/button_next_hov_50.png)no-repeat center/cover;}
#wordBook #use_ticket .swiper-button-prev:hover {background: url(../img/button_prev_hov_50.png)no-repeat center/cover;}
@media (max-width:991px) {
	#wordBook #use_ticket .swiper-button-next, .swiper-button-prev {
		transform: translateY(25%);
	}
}

@media (max-width:767px) {
	#word .itemGroupInner {padding:8rem 3rem;}
	#word .itemCont {padding: 4rem 3rem 6rem; border-radius:0; background:#FFF; border-radius:2rem;}
	
	.wordContTitle {font-size: 2.6rem;line-height: 3.6rem;}
	
	#wordBook #use_ticket .step span {font-size:2rem;}
	#wordBook #use_ticket ul.stepList li p {font-size: 1.6rem; line-height: 2.2rem;}
	#wordBook ul.stepList li:first-child {padding-bottom: 0.8rem;}
	#wordBook .word_use {margin-top:3rem;}
	.downArrow {max-width:4.1rem;}
	#wordBook #use_ticket .swiper-button-next, #wordBook #use_ticket .swiper-button-prev {
		width: 3rem!important;
		height: 3rem!important;
		border: 1px solid #EEE;
		box-shadow: none;
	}
	#wordBook #use_ticket .swiper-button-next {right:-1.8rem!important;}
	#wordBook #use_ticket .swiper-button-prev {left:-1.8rem!important;}
}
/* ------------ // 단어 쑥쑥 이렇게 활용하세요 ------------  */
/* :::::::::::::::::::::::: // 아이설렘 단어 쑥쑥 :::::::::::::::::::::::: */

/* :::::::::::::::::::::::: 아이설렘 글이 술술 :::::::::::::::::::::::: */
.sb_txt {
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.2rem;
    letter-spacing: -0.20000000298023224px;
    text-align: center;
    margin-top: 2rem;
    color: #111;
}

@media (max-width:991px) {
	.sb_txt {
		font-size:1.5rem;
		margin-top:1.2rem;
	}

	.writing#use_ticket .step02 {
		padding: 5rem 0 4rem;
	}
}
/* :::::::::::::::::::::::: // 아이설렘 글이 술술 :::::::::::::::::::::::: */

/* :::::::::::::::::::::::: 아이설렘 이용권 + 교재 패키지 :::::::::::::::::::::::: */
#package .itemWrap {margin: 0rem 0 0rem;}
#package #wordBook .write_read#use_ticket .itemGroupInner {background: #F4f4f4;}
/* :::::::::::::::::::::::: // 아이설렘 이용권 + 교재 패키지 :::::::::::::::::::::::: */


/* ============================ // 아이설렘 상품 상세 페이지 ============================ */