/* ✏ 폰트 */
@font-face {
    font-family:'zonaPro_R';
    src: url('../font/ZonaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'zonaPro_SmB';
    src: url('../font/ZonaPro-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'zonaPro_B';
    src: url('../font/ZonaPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'naBaGo';
    src: url('../font/NanumBarunGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'naBaGo_B';
    src: url('../font/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'naGo';
    src: url('../font/NanumGothic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'naGo_B';
    src: url('../font/NanumGothicBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'naGo_ExB';
    src: url('../font/NanumGothicExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'lt_L';
    src: url('../font/Lato-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'lt_B';
    src: url('../font/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'lt_Bk';
    src: url('../font/Lato-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'brSf';
    src: url('../font/BreeSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'jua_R';
    src: url('../font/Jua-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------------------------------ */
/* input 자동완성 배경 제거 */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #FFF inset;
	-webkit-text-fill-color: #000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

/* ------------------------------------------------------------------------------------ */
/* ✏ 마우스 드래그 */
::-moz-selection {
   background-color: #455EA1;
   color: #FFF;
}
::selection {
   background-color: #455EA1;
   color: #FFF
}

/* ------------------------------------------------------------------------------------ */
/* ✏ 초기화 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
li, ol, ul {
	list-style: none;
}
a {
    text-decoration: none;
    color: #000;
	transition: all .5s;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, button, textarea, select {
    outline: none;
}
select {
    box-sizing: border-box;
    background-color: #FFF;
    background-image: url('../img/arrow_bottom1.png');
    background-repeat: no-repeat;
    background-position: right 0.6rem center;
    background-size: 1rem;
    font-family: 'zonaPro_R';
    color: #000;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1rem 2rem 1rem 1rem;
}
button {
	background-color: unset;
	border: unset;
	color: #000;
	cursor: pointer;
	transition: all .5s;
}
img {
	transition: all .5s;
}
p {
	word-break: keep-all;
}
html {
    width: 100%;
    height: 100%;
    font-family: 'zonaPro_R';
	font-size: 16px;
	word-break: keep-all;
}
body {
    width: 100%;
}

/* ------------------------------------ */
/* ✏ 스크롤 */
.scroll::-webkit-scrollbar {
	width: 0.6rem;
	padding: 5rem;
}
.scroll::-webkit-scrollbar-thumb {
	background-color: rgba(32, 32, 79, 0.7);
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
.scroll::-webkit-scrollbar-track {
	background-color: rgba(32, 32, 79, 0.2);
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}

/* ------------------------------------ */
/* ✏ 상단(header.php) */
#header {
    width: 100%;
    height: 120px;
	box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 100;
    padding: 0 3rem;
}
#header .box {
    width: 100%;
	max-width: 1400px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
    margin: 0 auto;
}
#header .box .logo img {
    width: 13rem;
}
#header .box .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
}
#header .box .menu .list {
    position: relative;
}
#header .box .menu .list .link {
    display: block;
    position: relative;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1rem;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 1;
}
#header .box .menu .list .link.active {
	color: #455EA1;
}
#header .box .menu .list .link:after {
    content: '';
    width: 0;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    background-color: #455EA1;
    z-index: -1;
	transition: all .5s;
}
#header .box .menu .list .link.active:after {
    width: 100%;
    left: 0%;
}
#header .box .menu .list .drop {
    width: 10rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 1.3rem 0;
}
#header .box .menu .list .drop li {
    text-align: center;
    margin-bottom: 0.8rem;
}
#header .box .menu .list .drop li:last-child {
    margin-bottom: 0;
}
#header .box .menu .list .drop li a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-size: 0.9rem;
    line-height: 120%;
    text-align: center;
    padding: 0 1rem;
}
#header .box .menu .btn2 {
    width: 6.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF156;
    border-radius: 30px;
    font-family: 'zonaPro_SmB';
	font-weight: 500;
    font-size: 0.95rem;
    color: #000;
    padding: 0.5rem;
}
#header .box .btn {
    display: flex;
    align-items: center;
    column-gap: 1.2rem;
}
#header .box .btn .link {
    width: 7.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4642AE;
    border-radius: 30px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 0.95rem;
    color: #FFF;
    padding: 0.5rem;
}
#header .box .btn .link2 {
    background-color: #FFF156;
    color: #000;
}
#header .box .burger {
	width: 23px;
	height: 20px;
    display: none;
	z-index: 300;
	cursor: pointer;
}
#header .box .burger .trigger {
    width: 100%;
    height: 100%;
	display: inline-block;
	position: relative;
	transition: all .5s;
}
#header .box .burger .trigger span {
	position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    display: inline-block;
    transition: all .5s;
}
#header .box .burger .trigger .line1 {
	top: 0;
}
#header .box .burger .trigger .line2 {
    top: 9px;
}
#header .box .burger .trigger .line3 {
	bottom: 0;
}
#header .box .burger .trigger .line1.cross {
	transform: translateY(9px) rotate(-45deg);
}
#header .box .burger .trigger .line2.out {
	opacity: 0;
}
#header .box .burger .trigger .line3.cross {
	transform: translateY(-9px) rotate(45deg);
}
#header .box .mobile {
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100px);
	background-color: #F6F6F6;
	visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    z-index: 200;
    transition: all .5s;
}
#header .box .mobile.open {
	display: none;
	visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}
#header .box .mobile .mb_box {
    display: flex;
    flex-direction: column;
    margin-top: 80px;
}
#header .box .mobile .mb_box .main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #FFF;
    border-bottom: 1px solid #DDD;
    padding: 1.5rem;
}
#header .box .mobile .mb_box .main:first-child {
    border-top: 1px solid #DDD;
}
#header .box .mobile .mb_box .main span {
    font-family: 'zonaPro_B';
    font-weight: bold;
	font-size: 1.35rem;
}
#header .box .mobile .mb_box .main .arrow {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../img/arrow_bottom1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
#header .box .mobile .mb_box .main .arrow.up {
    background-image: url('../img/arrow_top1.png');
}
#header .box .mobile .mb_box .sub {
    display: none;
    background-color: #F6F6F6;
    padding: 1.5rem;
}
#header .box .mobile .mb_box .sub a {
	display: block;
    font-size: 1.2rem;
    line-height: 130%;
	transition: all .5s;
    margin-bottom: 1rem;
}
#header .box .mobile .mb_box .sub a:last-child {
    margin-bottom: 0;
}
#header .box .mobile .mb_box2 {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.3rem;
    padding: 2rem 1rem;
}
#header .box .mobile .mb_box2 .btn {
    width: 10rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #455EA1;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.35rem;
	color: #FFF;
    text-align: center;
    padding: 1.1rem 1rem;
}
#header .box .mobile .mb_box2 .btn.btn2 {
    background-color: #FFF156;
	color: #000;
}
#header .box .mobile_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
	visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    z-index: 100;
}
#header .box .mobile_bg.set {
	display: none;
	visibility: visible;
    opacity: 1;
    transition: all .5s;
}

/* ------------------------------------ */
/* ✏ 하단(footer.php) */
#footer {
	width: 100%;
	box-sizing: border-box;
    background-color: #DDDCFF;
	overflow: hidden;
    padding: 2rem 3rem;
}
#footer .box {
	width: 100%;
    height: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.625rem;
    margin: 0 auto;
}
#footer .box2 {
	display: none;
	margin-top: 1.5rem;
}
#footer .box .info {
    width: 100%;
	box-sizing: border-box;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    margin-bottom: 1rem;
}
#footer .box .info .logo {
    width: 18.25rem;
}
#footer .box .info .txt {
    width: 100%;
    font-size: 0.95rem;
    color: #1F1F1F;
    line-height: 140%;
    text-align: center;
}
#footer .box .info .txt .m_br {
	display: none;
}
#footer .box .info2 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#footer .box .info2 .text {
    font-size: 1rem;
    line-height: 140%;
    text-align: center;
    margin-bottom: 1rem;
}
#footer .box .info2 .text br.br1 {
	display: none;
}
#footer .box .info2 .text br.br2 {
	display: none;
}
#footer .box .info2 .toggle_btn {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
}
#footer .box .copyright {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 130%;
	text-align: center;
}

/* ------------------------------------ */
/* ✏ [공통] 페이지 */
/* 메인(index.html), AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php) */
/* 아나운싱(announcing.php), e-book(ebook.php) */
/* 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
/* 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html), 학습 서비스(learning_service.html) */
/* 로그인(login.html), 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php) */
/* 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
/* 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
/* 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
/* 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
/* 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
/* 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
/* 신문 기사보기 제너럴(newspaper_view_general.html), 구독정보(subscription_info.php) */
/* AI 대화 시작(ai_conversation_start.php) */
.page {
	margin-top: 120px;
}
.page .substance {
    width: 100%;
    box-sizing: border-box;
	padding: 5rem 3rem;
}
.page .substance .substance_box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}

/* ------------------------------------ */
/* ✏ [공통] 뉴스 기사 */
/* 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
/* 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
.newsStory {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 3rem 3rem;
}
.newsStory .ns_box {
    max-width: 1400px;
    box-sizing: border-box;
    background-color: #FFF;
    background-color: rgba(21, 18, 205, 0.02);
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 2.5rem;
    margin: 0 auto;
}
.newsStory .ns_box .title {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.5rem;
    color: #FE9A4C;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.newsStory .ns_box .tabnav {
    display: flex;
    column-gap: 1rem;
    margin-bottom: 2rem;
}
.newsStory .ns_box .tabnav .btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #FFF;
    border: 2px solid #151269;
    border-radius: 5px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.8rem;
    color: #151269;
	text-align: center;
    padding: 1rem;
}
.newsStory .ns_box .tabnav .btn.active {
	background-color: #151269;
    color: #FFF;
    pointer-events: none;
}
.newsStory .ns_box .tabcontent {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
.newsStory .ns_box .tabcontent .con {
    display: flex;
	flex-wrap: wrap;
    row-gap: 1.5rem;
}
.newsStory .ns_box .tabcontent .con .wrap {
    width: 100%;
    height: 24rem;
    box-sizing: border-box;
    display: flex;
    column-gap: 1.5rem;
	background-color: #FFF;
    border: 1px solid #e4e4e4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 1rem;
}
.newsStory .ns_box .tabcontent .con .wrap .news_img {
    width: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
    object-fit: cover;
}
.newsStory .ns_box .tabcontent .con .wrap .txts {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.newsStory .ns_box .tabcontent .con .wrap .txts .news_ttxt {
	display: -webkit-box;
    font-family: 'zonaPro_SmB';
	font-weight: 500;
    font-size: 1.6rem;
	color: #121212;
    line-height: 170%;
	text-decoration: underline 1px transparent;
	text-underline-offset: 5px;
	transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newsStory .ns_box .tabcontent .con .wrap .txts .news_ctxt {
	display: -webkit-box;
    font-size: 1.3rem;
	color: #4B4B4B;
    line-height: 140%;
	text-decoration: underline 1px transparent;
	text-underline-offset: 5px;
	transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

/* ------------------------------------ */
/* ✏ 메인(index.html) */
#main {
	width: 100%;
    box-sizing: border-box;
	/* overflow: hidden; */
}
/* 섹션1 */
#main .sec1 {
	width: 100%;
    box-sizing: border-box;
	position: relative;
}
#main .sec1 .box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: #151269;
    overflow: hidden;
}
#main .sec1 .box .left_img {
    width: 38%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(20%, -50%);
    z-index: 1;
}
#main .sec1 .box .point {
    width: 70rem;
	max-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(40%, -50%);
}
#main .sec1 .box .title_txt {
    width: 54%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2rem;
    position: relative;
    padding: 8.8rem 5rem 8.8rem 0;
    margin-left: auto;
    z-index: 1;
}
#main .sec1 .box .title_txt .title1 {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 3.5rem;
	color: #FFFF00;
    text-align: center;
    line-height: 130%;
}
#main .sec1 .box .title_txt .title2 {
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    line-height: 140%;
}
#main .sec1 .box .title_txt .title3 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 140%;
}
#main .sec1 .box .title_txt .btns {
	display: flex;
	flex-direction: row;
    column-gap: 2rem;
	margin-top: 1.5rem;
}
#main .sec1 .box .title_txt .btn {
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F4DE23;
    border-radius: 15px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #151269;
    padding: 1rem 2rem;
	white-space: nowrap;
}
/* 섹션2 */
#main .sec2 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 3rem;
}
#main .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    background-color: rgba(113, 112, 165, 0.9);
    border-radius: 45px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 4rem 2rem;
    margin: 0 auto;
}
#main .sec2 .box .in {
	width: 80rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    column-gap: 0.8rem;
    margin: 0 auto;
}
#main .sec2 .box .in .wrap {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 0.6rem;
    z-index: 0;
}
#main .sec2 .box .in .wrap .btn {
    width: 6rem;
    max-width: 100%;
    height: 6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    background-color: #DDDCFF;
    border-radius: 14px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.8rem;
	transition: all .5s;
}
#main .sec2 .box .in .wrap .btn::before {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(0%, -50%);
    background-color: #b8b6fd;
    pointer-events: none;
    z-index: -1;
}
#main .sec2 .box .in .wrap:last-child .btn::before {
	display: none;
}
#main .sec2 .box .in .wrap .btn .icon {
    width: 100%;
}
#main .sec2 .box .in .wrap .txt {
    font-size: 1.25rem;
    color: #FFF;
	text-align: center;
	transition: all .5s;
}
/* 섹션3 */
#main .sec3 {
	padding-top: 3rem;
}
/* 공통 텍스트 */
#main .txtMain {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 3.7rem;
    color: #FFF;
    text-align: center;
    line-height: 130%;
}
#main .txtMain .br2 {
	display: none;
}
#main .txtSub {
    font-size: 2rem;
    color: #FFF;
    text-align: center;
    line-height: 140%;
}
#main .txtSub.v2 {
	font-size: 3rem;
    font-weight: bold;
    line-height: 130%;
}
#main .txtSub .point {
	width: fit-content;
    position: relative;
    font-family: 'zonaPro_B';
    font-weight: bold;
    z-index: 1;
}
#main .txtSub .point:after {
    content: '';
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: -1;
    transition: all .5s;
}
/* 공통 구성1 */
#main .commonForm1 {
    max-width: 1400px;
    min-height: 22rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3rem;
    margin: 0 auto;
}
#main .commonForm1.v2 {
    min-height: 15rem;
}
/* 섹션4 */
#main .sec4 {
	width: 100%;
    box-sizing: border-box;
}
#main .sec4 .box1 {
    background-color: #151269;
	padding: 10rem 3rem;
}
#main .sec4 .box2 {
	position: relative;
}
#main .sec4 .box2 .con {
    position: relative;
	background-color: #F2F2F2;
    overflow-x: hidden;
    padding: 5rem 0;
}
#main .sec4 .box2 .con .img {
	display: flex;
    overflow: unset !important;
	padding: 1rem 0;
}
#main .sec4 .box2 .con .img .in {
    display: flex;
    justify-content: flex-end;
}
#main .sec4 .box2 .con .img .in .book1 {
	width: 15rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin-right: 2rem;
}
#main .sec4 .box2 .con .important {
	width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
	bottom: -3rem;
}
#main .sec4 .box2 .con .important .book2 {
    width: 27rem;
	max-width: 100%;
	display: none;
    position: absolute;
    left: 5rem;
    bottom: 5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 2;
	transition: unset;
}
#main .sec4 .box2 .con .important .trapezoid {
    width: 52rem;
	max-width: 100%;
    height: 40rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    border-radius: 10px;
    overflow: hidden;
}
#main .sec4 .box2 .con .important .trapezoid .in {
    width: 98%;
    height: 98%;
	position: relative;
    border-radius: 10px;
	background-color: rgba(113, 112, 165, 0.9);
    transform: skew(20deg) translate(-7rem, 0);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	z-index: 1;
}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
/* 공통 구성2*/
#main .commonForm2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	row-gap: 3rem;
}
#main .commonForm2 .text {
    width: 33rem;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 60px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    z-index: 1;
    padding: 0.3rem 3rem;
}
#main .commonForm2 .swiper {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#main .commonForm2 .con {
    display: flex;
    column-gap: 2%;
	padding: 3rem 3rem 5rem;
}
#main .commonForm2 .con .news {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 1rem;
    position: relative;
    border-radius: 15px;
    box-shadow: 0px -75px 75px 0px rgba(0, 0, 0, 0.6) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0 ,0, 0.24);
    overflow: hidden;
}
#main .commonForm2 .con .news.news1 {
    width: 49%;
    min-height: 33rem;
    padding: 2rem;
}
#main .commonForm2 .con .news.news2 {
    width: 48.5%;
    height: 48%;
    padding: 1.2rem;
}
#main .commonForm2 .con .news .news_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
}
#main .commonForm2 .con .news .txt .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    color: #FFF156;
    line-height: 120%;
    margin-bottom: 5px;
}
#main .commonForm2 .con .news .txt .txt2 {
    font-family: 'zonaPro_SmB';
    color: #FFF;	
    line-height: 120%;
}
#main .commonForm2 .con .news.news1 .txt .txt1 {
    font-size: 1.65rem;
}
#main .commonForm2 .con .news.news1 .txt .txt2 {
    font-size: 1.35rem;
}
#main .commonForm2 .con .news.news2 .txt .txt1 {
    font-size: 1.35rem;
}
#main .commonForm2 .con .news.news2 .txt .txt2 {
    font-size: 1.05rem;
}
#main .commonForm2 .con .news .arrow_btn {
    width: 3.75rem;
	height: 3.75rem;
	background-image: url('../img/arrow_right_circle2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#main .commonForm2 .con .wrap {
	width: 49%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 4%;
}
#main .commonForm2 .view_btn {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 50px;
    bottom: 20px;
    background-color: #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1rem;
    color: #FFF;
    text-align: center;
    padding: 0.5rem 1rem;
    z-index: 1;
}
#main .commonForm2 .swiper-pagination {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0 auto;
    z-index: 1;
}
#main .commonForm2 .swiper-pagination-bullet {
    width: 2.5rem;
    height: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset;
    border: 3px solid #4642AE;
    border-radius: 30px;
    opacity: unset;
	transition: all .5s;
}
#main .commonForm2 .swiper-pagination-bullet-active {
	background-color: #4642AE;
    pointer-events: none;
}
#main .commonForm2 .swiper-button-next:after {
	content: none;
}
#main .commonForm2 .swiper-button-prev:after {
	content: none;
}
#main .commonForm2 .button {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#main .commonForm2 .swiper-button-next {
    background-image: url('../img/arrow_right_circle3.png');
    right: 8px;
    left: auto;
}
#main .commonForm2 .swiper-button-prev {
    background-image: url('../img/arrow_left_circle3.png');
	left: 8px;
    right: auto;
}
/* 섹션5 */
#main .sec5 {
    width: 100%;
    box-sizing: border-box;
	position: relative;
    background-image: linear-gradient(90deg, #FA575E 0%, #BE54B5 52%, #9152F7 100%);
    padding: 8rem 3rem;
}
#main .sec5 .bg {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, #151269 35%, rgba(41, 35, 207, 0) 100%);
}
#main .sec5 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션6 */
#main .sec6 {
	width: 100%;
    box-sizing: border-box;
}
#main .sec6 .box {
    background-color: #151269;
	padding: 6rem 3rem;
}
/* 섹션7 */
#main .sec7 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: #FFF;
    padding: 8rem 3rem;
    overflow: hidden;
}
#main .sec7 .dot1 {
    width: 20rem;
    position: absolute;
    top: 65%;
    left: -2%;
    transform: translate(0, -50%);
}
#main .sec7 .dot2 {
    width: 20rem;
    position: absolute;
    top: 45%;
    right: 0%;
    transform: translate(0, -50%);
}
#main .sec7 .dot3 {
    width: 20rem;
    position: absolute;
    bottom: -3.3%;
    right: 0%;
    transform: translate(0, 0%);
}
#main .sec7 .box {
    max-width: 1400px;
    box-sizing: border-box;
	margin: 0 auto;
}
#main .sec7 .box .txtMain {
    color: #151269;
}
#main .sec7 .box .ai {
    display: flex;
    column-gap: 3%;
    border-bottom: 2px dashed #151269;
    margin-top: 3rem;
    padding-bottom: 4rem;
}
#main .sec7 .box .ai .left {
    width: 25%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: 2px solid #A5A5D3;
    border-radius: 8px;
    padding: 0.625rem 1rem;
}
#main .sec7 .box .ai .left .live {
    width: 25%;
    width: 6.75rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    position: absolute;
    top: -1.3rem;
    left: -1.3rem;
    background-color: #464593;
    border-radius: 60px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 0.5rem;
}
#main .sec7 .box .ai .left .live .icon {
    width: 1.6rem;
}
#main .sec7 .box .ai .left .live .txt {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1rem;
    color: #FFF;
}
#main .sec7 .box .ai .left .person {
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
    margin-bottom: 1.5rem;
}
#main .sec7 .box .ai .left .voice {
    width: 100%;
    margin-bottom: 1.5rem;
}
#main .sec7 .box .ai .left  .con {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.625rem;
    margin-bottom: 1.875rem;
}
#main .sec7 .box .ai .left  .con .mike_btn {
    width: 6rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.3rem;
    border: 1px solid #A5A5D3;
    border-radius: 30px;
    padding: 0.5rem;
    transition: all .5s;
}
#main .sec7 .box .ai .left  .con .mike_btn .check {
    width: 1.6rem;
    height: 1.6rem;
}
#main .sec7 .box .ai .left  .con .mike_btn .txt {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.1rem;
    color: #464593;
    transition: all .5s;
}
#main .sec7 .box .ai .left  .con .icon {
    width: 1.6rem;
}
#main .sec7 .box .ai .left .text {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.1rem;
    color: #2A2A2A;
    text-align: center;
}
#main .sec7 .box .ai .right {
    width: 72%;
    max-height: 35rem;
    box-sizing: border-box;
}
#main .sec7 .box .ai .right .wrap {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    border: 1px solid #20204F;
    border-radius: 30px;
    padding: 2rem 2rem 5rem;
}
#main .sec7 .box .ai .right .wrap .speech {
    width: 100%;
    box-sizing: border-box;
    display: flex;
	justify-content: flex-start;
}
#main .sec7 .box .ai .right .wrap .speech .bubble {
    box-sizing: border-box;
    position: relative;
    background-color: #151269;
    border-radius: 30px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    line-height: 130%;
    padding: 1rem 2rem;
}
#main .sec7 .box .ai .right .wrap .speech .bubble::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -12px;
    border-top: 20px solid #151269;
    border-bottom: 0px solid transparent;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
}
#main .sec7 .box .ai .right .txts {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    background-color: rgba(21, 18, 105, 0.05);
    border-radius: 30px;
    padding: 3rem;
	margin-top: 2rem;
}
#main .sec7 .box .ai .right .txts .txt1 {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2rem;
    color: #FFF;
	color: #151269;
    text-align: center;
    line-height: 150%;
}
#main .sec7 .box .ai .right .txts .txt2 {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
	color: #151269;
    text-align: center;
    line-height: 150%;
}
#main .sec7 .box .news {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    column-gap: 10%;
    row-gap: 5rem;
    flex-wrap: wrap;
    margin-top: 14rem;
    padding: 0 2rem;
}
#main .sec7 .box .news .wrap {
    width: 45%;
    box-sizing: border-box;
    position: relative;
}
#main .sec7 .box .news .wrap:nth-child(1) {
    width: 50%;
}
#main .sec7 .box .news .wrap .person {
    width: 35rem;
    position: absolute;
    top: -12rem;
    left: -21rem;
}
#main .sec7 .box .news .wrap .con {
    width: 100%;
    min-height: 20rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2rem;
    position: relative;
    background-color: #FFF;
    border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 2rem;
    z-index: 1;
}
#main .sec7 .box .news .wrap .con .txts {
	display: flex;
    flex-direction: column;
    row-gap: 1.75rem;
} 
#main .sec7 .box .news .wrap .con .txts .txt1 {
	font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2rem;
    color: #8080F5;
}
#main .sec7 .box .news .wrap .con .txts .txt2 {
    width: 90%;
	font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.25rem;
	line-height: 140%;
}
#main .sec7 .box .news .wrap .con .arrow_btn {
    width: 4.5rem;
    height: 4.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8080F5;
    border-radius: 50%;
    border: 1px solid #FFF;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.15);
    padding: 1rem;
}
#main .sec7 .box .news .wrap .con .arrow_btn .arrow {
    width: 100%;
}
#main .sec7 .box .news .wrap .icon {
    width: 10rem;
    position: absolute;
    bottom: -1rem;
    right: -4rem;
    z-index: 1;
}
/* 섹션8 */
#main .sec8 {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(-90deg, #FF3632 0%, #FF8A4B 100%);
    padding: 8rem 3rem;
}
#main .sec8 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main .sec8 .commonForm2 .con {
    flex-direction: row-reverse;
}
/* 섹션9 */
#main .sec9 {
	width: 100%;
    box-sizing: border-box;
	position: relative;
	background-image: url('../img/bg1.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 8rem 3rem;
	overflow: hidden;
}
#main .sec9 .announcer {
    width: 30rem;
    position: absolute;
    bottom: 0;
    left: 10%;
}
#main .sec9 .commonForm1 {
    position: relative;
    padding-left: 28rem;
}
#main .sec9 .box .point {
    width: 12rem;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(210%, -40%);
}
#main .sec9 .box .btn {
    width: 10rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8080F5;
    border-radius: 30px;
    padding: 0.5rem;
}
#main .sec9 .box .btn .play {
    width: 2.8rem;
}
/* 섹션10 */
#main .sec10 {
    width: 100%;
    box-sizing: border-box;
    background-color: #2D299D;
    padding: 6rem 3rem;
    margin-top: -2px;
}
#main .sec10 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    column-gap: 4rem;
    margin: 0 auto;
}
#main .sec10 .box .wrap {
	width: 50%;
    min-height: 26rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	row-gap: 2rem;
    border: 4px solid #FFF;
    border-radius: 20px;
    padding: 2rem;
}
#main .sec10 .box .wrap .texts {
    display: flex;
    flex-direction: column;
	row-gap: 2rem;
}
#main .sec10 .box .wrap .texts .title {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
#main .sec10 .box .wrap .texts .text1 {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2.5rem;
    color: #FFF;
}
#main .sec10 .box .wrap .texts .text2 {
    font-size: 1.6rem;
    color: #FFF;
    line-height: 140%;
}
#main .sec10 .box .wrap .texts .icon {
	width: 5rem;
}
#main .sec10 .box .wrap .btn {
	width: 10rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8080F5;
    border-radius: 30px;
    padding: 0.5rem;
    margin-left: auto;
}
#main .sec10 .box .wrap .btn .play {
    width: 2.8rem;
}
/* 섹션11 */
#main .sec11 {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(-90deg, #76D55C 0%, #0499AF 100%);
    padding: 8rem 3rem;
}
#main .sec11 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션12 */
#main .sec12 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
	background-color: #FFF;
    padding: 6rem 3rem;
}
#main .sec12 .box {
	max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.5rem;
    margin: 0 auto;
}
#main .sec12 .box .text1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.5rem;
	color: #151269;
	text-align: center;
}
#main .sec12 .box .text2 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 8rem;
	color: #151269;
	text-align: center;
}
#main .sec12 .box .text3 {
    font-size: 1.8rem;
	color: #151269;
	text-align: center;
}
#main .sec12 .box .textbook {
    width: 80rem;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 0 2rem;
    margin-top: 1rem;
}
#main .sec12 .box .textbook .swiper {
    padding: 0.5rem;
}
#main .sec12 .box .textbook .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
#main .sec12 .box .textbook .textbook_img {
    width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#main .sec12 .box .textbook .button {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#main .sec12 .box .textbook .swiper-button-next {
    background-image: url('../img/arrow_right_circle3.png');
    right: 0;
    left: auto;
}
#main .sec12 .box .textbook .swiper-button-next:after {
	display: none;
}
#main .sec12 .box .textbook .swiper-button-prev {
    background-image: url('../img/arrow_left_circle3.png');
	left: 0;
    right: auto;
}
#main .sec12 .box .textbook .swiper-button-prev:after {
	display: none;
}
/* 섹션13 */
#main .sec13 {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #BC69E2 0%, #714481 50%, #094CB0 100%);
    padding: 8rem 3rem;
}
#main .sec13 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main .sec13 .commonForm2 .con {
    flex-direction: row-reverse;
}
/* 섹션14 */
#main .sec14 {
    width: 100%;
    box-sizing: border-box;
    background-color: #151269;
    padding: 7rem 3rem;
}
#main .sec14 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main .sec14 .box .review {
	position: relative;
    padding: 0 2rem;
    margin-top: 4rem;
}
#main .sec14 .box .review .wrap {
    width: 100%;
    min-height: 25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2rem;
    background-color: #F1F1F1;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 1.8rem;
}
#main .sec14 .box .review .wrap .text1 {
	font-size: 1.3rem;
    color: #1A193F;
    line-height: 150%;
    text-align: center;
}
#main .sec14 .box .review .wrap .text2 {
	font-family: 'zonaPro_B';
    font-weight: bold;
	font-size: 1.4rem;
    color: #1A193F;
    text-align: center;
}
#main .sec14 .box .review .button {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#main .sec14 .box .review .swiper-button-next {
    background-image: url('../img/arrow_right_circle3.png');
    right: 0;
    left: auto;
}
#main .sec14 .box .review .swiper-button-next:after {
	display: none;
}
#main .sec14 .box .review .swiper-button-prev {
    background-image: url('../img/arrow_left_circle3.png');
	left: 0;
    right: auto;
}
#main .sec14 .box .review .swiper-button-prev:after {
	display: none;
}
/* 섹션15 */
#main .sec15 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-image: linear-gradient(90deg, #57D7E2 0%, #103666 100%);
    padding: 8rem 3rem;
}
#main .sec15 .bg {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, #151269 35%, rgba(41, 35, 207, 0) 100%);
}
#main .sec15 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main .sec15 .commonForm1 {
    margin-top: 8rem;
}
#main .sec15 .txtSub {
    text-align: left;
}

/* ------------------------------------ */
/* ✏ 메인2(index.html) */
#main2 {
	width: 100%;
    box-sizing: border-box;
	overflow: hidden;
}
/* 공통 구성1 */
#main2 .commonForm1 {
    width: 100%;
    min-height: 48rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 3rem;
}
#main2 .commonForm1.sec1 {
    background-image: url('../gif/main_sec1_5.gif');
}
#main2 .commonForm1.sec4 {
    background-image: url('../img/main_sec4_2.jpg');
    background-position: bottom;
}
#main2 .commonForm1.sec9 {
    background-image: url('../img/main_sec9_2.jpg');
}
#main2 .commonForm1.sec12 {
    background-image: url('../img/main_sec12_2.jpg');
}
#main2 .commonForm1.sec15 {
    background-image: url('../img/main_sec15_2.jpg');
}
#main2 .commonForm1.sec18 {
    background-image: url('../img/main_sec18_2.jpg');
}
#main2 .commonForm1.sec22 {
    background-image: url('../img/main_sec22_1.jpg');
}
#main2 .commonForm1.sec25 {
    background-image: url('../img/main_sec25_1.jpg');
    background-position: top center;
}
#main2 .commonForm1 .effect {
    width: 75%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #1C1917 43%, rgba(255, 255, 255, 0%) 72%);
    opacity: 0.61;
}
#main2 .commonForm1 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
#main2 .commonForm1 .box2 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    row-gap: 3rem;
}
#main2 .commonForm1 .box .text_img {
	width: 25rem;
	max-width: 100%;
    margin-bottom: 2rem;
}
#main2 .commonForm1 .box .txt1 {
    font-family: 'naBaGo_B';
    font-size: 3.6rem;
    color: #FFF;
    line-height: 125%;
    margin-bottom: 2rem;
}
#main2 .commonForm1 .box .txt1.v2 {
    margin-bottom: 0;
}
#main2 .commonForm1 .box .txt2 {
    font-family: 'naBaGo';
    font-size: 1.8rem;
    color: #FFF;
    line-height: 145%;
}
#main2 .commonForm1 .box .btn {
    width: 15rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    background-color: #FFE993;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.8rem 1rem;
	margin-top: 3rem;
}
#main2 .commonForm1 .box .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.5rem;
    color: #0A435D;
}
#main2 .commonForm1 .box .btn .arrow {
    width: 2rem;
}
#main2 .commonForm1 .box2 .texts {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    margin-top: 6rem;
}
#main2 .commonForm1 .box2 .texts .text1 {
    font-family: 'naBaGo_B';
    font-size: 3.6rem;
    color: #FFF;
    text-align: center;
}
#main2 .commonForm1 .box2 .texts .text2 {
    font-family: 'naBaGo';
    font-size: 2.4rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
}
#main2 .commonForm1 .box2 .btns {
    display: flex;
    column-gap: 2.5rem;
    margin-bottom: 5rem;
}
#main2 .commonForm1 .box2 .btns .btn2 {
    min-width: 17rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    background-color: #FFF;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'naBaGo_B';
    font-size: 1.45rem;
    padding: 0.85rem 1rem;
}
/* 섹션2 */
#main2 .sec2 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 4rem 3rem;
}
#main2 .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, rgba(13, 122, 164, 80%) 44%, rgba(28, 124, 209, 58%) 100%);
    border-radius: 10px;
    padding: 4rem 2rem;
    margin: 0 auto;
}
#main2 .sec2 .box .in {
    width: 80rem;
	max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
	column-gap: 0.8rem;
	margin: 0 auto;
}
#main2 .sec2 .box .in .wrap {
	width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
}
#main2 .sec2 .box .in .wrap .btn {
	width: 6rem;
	max-width: 100%;
    height: 6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	transition: all .5s;
}
#main2 .sec2 .box .in .wrap .btn .icon {
    width: 70%;
    box-sizing: border-box;
}
#main2 .sec2 .box .in .wrap .txt{
    font-family: 'naBaGo_B';
    font-size: 1.2rem;
    color: #FFF;
	text-align: center;
	transition: all .5s;
}
/* 공통 메인 제목 텍스트 */
#main2 .mainTitleTxt {
    font-family: 'naBaGo_B';
    font-size: 3.2rem;
    color: #0A435D;
    text-align: center;
    margin-bottom: 4rem;
}
#main2 .mainTitleTxt.v2 {
	color: #FFF;
}
#main2 .mainTitleTxt.v3 {
	color: #021F42;
}
/* 섹션3 */
#main2 .sec3 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 2rem 3rem 6rem;
}
#main2 .sec3 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .sec3 .box .txt1 {
    display: -webkit-box;
    font-family: 'naBaGo_B';
    font-size: 2rem;
    color: #0A435D;
    overflow: hidden;
    text-decoration: underline 1px transparent;
    text-underline-offset: 5px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all .5s;
}
#main2 .sec3 .box .txt2 {
    display: -webkit-box;
    font-family: 'naBaGo_B';
    font-size: 1.25rem;
    color: #2A2A2A;
    line-height: 130%;
    overflow: hidden;
    text-decoration: underline 1px transparent;
    text-underline-offset: 5px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all .5s;
}
#main2 .sec3 .box .news_txt {
    display: flex;
    justify-content: center;
    column-gap: 3%;
    margin-bottom: 2.5rem;
}
#main2 .sec3 .box .news_txt .button {
    width: 31.3%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
	border-radius: 10px;
	padding: 1rem;
}
#main2 .sec3 .box .news_img {
    display: flex;
    justify-content: center;
    column-gap: 3%;
}
#main2 .sec3 .box .news_img .button {
    width: 31.3%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    border-radius: 10px;
	padding: 1rem;
}
#main2 .sec3 .box .news_img .button .img {
    width: 100%;
	height: 19rem;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    overflow: hidden;
	transition: all .5s;
}
#main2 .sec3 .box .news_img .button .img img {
    width: 100%;
	height: 100%;
    object-fit: cover;
}
#main2 .sec3 .box .news_img .button .txts {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
/* 섹션5 */
#main2 .sec5 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 7rem 3rem;
}
#main2 .sec5 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .sec5 .box .swiper_con {
    width: 65rem;
    max-width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 0 7rem;
}
#main2 .sec5 .box .swiper_con .con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2rem;
}
#main2 .sec5 .box .swiper_con .con .book {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#main2 .sec5 .box .swiper_con .con .txt {
    max-width: 100%;
    box-sizing: border-box;
    background-color: #43BEEE;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'naBaGo_B';
    font-size: 1.5rem;
    color: #0A435D;
    text-align: center;
    padding: 0.9rem 2rem;
}
#main2 .sec5 .box .swiper {
    padding: 1rem;
}
#main2 .sec5 .box .swiperbtn {
	width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
	transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 50%;
    color: unset;
    margin: unset;
    transition: all .5s;
}
#main2 .sec5 .box .swiper-button-next {
    right: 0.5rem;
	background-image: url('../img/arrow_right_circle5.png');
}
#main2 .sec5 .box .swiper-button-prev {
    left: 0.5rem;
    background-image: url('../img/arrow_left_circle5.png');
}
#main2 .sec5 .box .swiper-button-next:after,
#main2 .sec5 .box .swiper-rtl .swiper-button-prev:after {
	content: unset;
}
#main2 .sec5 .box .swiper-button-prev:after,
#main2 .sec5 .box .swiper-rtl .swiper-button-next:after {
	content: unset;
}
/* 공통 구성2 */
#main2 .commonForm2 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 0rem 3rem 8rem;
}
#main2 .commonForm2.v2 {
    padding: 8rem 3rem;
}
#main2 .commonForm2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .commonForm2 .box .n_con {
	height: 32rem;
    display: flex;
    column-gap: 5rem;
}
#main2 .commonForm2 .box .n_con.v2 {
    column-gap: 3rem;
}
#main2 .commonForm2 .box .n_con .pdf {
    width: 24rem;
	max-width: 100%;
    box-sizing: border-box;
    position: relative;
}
#main2 .commonForm2 .box .n_con .pdf .book {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#main2 .commonForm2 .box .n_con .btn {
	min-width: 12rem;
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFE993;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.4rem 1.5rem;
}
#main2 .commonForm2 .box .n_con .btn.v2 {
	width: 12rem;
    position: unset;
    transform: unset;
}
#main2 .commonForm2 .box .n_con .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.3rem;
    color: #0A435D;
}
#main2 .commonForm2 .box .n_con .btn .arrow {
    width: 1.8rem;
}
#main2 .commonForm2 .box .n_con .news {
    width: 75%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 8%;
}
#main2 .commonForm2 .box .n_con .news .n_wrap {
	height: 46%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 3rem;
}
#main2 .commonForm2 .box .n_con .news .n_wrap .n_img {
    height: 100%;
	box-sizing: border-box;
    position: relative;
}
#main2 .commonForm2 .box .n_con .news .n_wrap .n_img .news_img {
    width: 22rem;
    height: 100%;
	object-fit: cover;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#main2 .commonForm2 .box .n_con .n_txt {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
#main2 .commonForm2 .box .n_con .n_txt.v2 {
    width: 22rem;
    height: 46%;
    justify-content: space-between;
}
#main2 .commonForm2 .box .n_con .n_txt .n_txt_wrap {
	display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
#main2 .commonForm2 .box .n_con .n_txt .txt1 {
    font-family: 'naBaGo_B';
    font-size: 2rem;
    color: #0A435D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#main2 .commonForm2 .box .n_con .n_txt .txt2 {
    font-family: 'naBaGo_B';
    font-size: 1.25rem;
    color: #2A2A2A;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#main2 .commonForm2 .box .n_con .n_txt .txt2.v2 {
    -webkit-line-clamp: 4;
}
#main2 .commonForm2 .box .n_con .news2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 8%;
}
#main2 .commonForm2 .box .n_con .news2 .n_img {
    height: 46%;
}
#main2 .commonForm2 .box .n_con .news2 .n_img .news_img {
    width: 22rem;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
/* 공통 구성3 */
#main2 .commonForm3 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 0rem 3rem 7rem;
}
#main2 .commonForm3 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .commonForm3 .box .e_con {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5rem;
}
#main2 .commonForm3 .box .e_con .e_img {
    position: relative;
}
#main2 .commonForm3 .box .e_con .e_img .emily {
    width: 34rem;
	max-width: 100%;
}
#main2 .commonForm3 .box .e_con .e_img .btn {
	min-width: 15rem;
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFE993;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.6rem 1.5rem;
}
#main2 .commonForm3 .box .e_con .e_img .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.5rem;
    color: #0A435D;
}
#main2 .commonForm3 .box .e_con .e_img .btn .arrow {
    width: 2rem;
}
#main2 .commonForm3 .box .e_txt {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
#main2 .commonForm3 .box .e_txt .txt1 {
    font-family: 'naBaGo_B';
    font-size: 2rem;
    color: #0A435D;
}
#main2 .commonForm3 .box .e_txt .txt2 {
    width: 35rem;
	max-width: 100%;
    font-family: 'naBaGo';
    font-size: 1.6rem;
    color: #0A435D;
    line-height: 150%;
}
/* 공통 구성4 */
#main2 .commonForm4 {
    width: 100%;
    height: 22rem;
    box-sizing: border-box;
    background-image: url('../img/main_common4_4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
#main2 .commonForm4 .box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
}
#main2 .commonForm4 .box .left {
    width: 55%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main2 .commonForm4 .box .left .text {
    font-family: 'naBaGo_B';
    font-size: 3.2rem;
    color: #050162;
    text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 130%;
}
#main2 .commonForm4 .box .right {
    width: 45%;
    box-sizing: border-box;
    display: flex;
	flex-direction: column;
	row-gap: 2rem;
    justify-content: center;
    align-items: center;
}
#main2 .commonForm4 .box .right .text {
    width: 30rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 30px;
    border-bottom: 10px solid #95C3B3;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    font-family: 'naBaGo_B';
    font-size: 1.8rem;
    text-align: center;
    line-height: 130%;
    padding: 2rem 1rem;
}
#main2 .commonForm4 .box .right .btn {
    min-width: 14rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.5rem;
    background-image: linear-gradient(90deg, #AC68FF 0%, #3AB3FF 100%);
    border-radius: 35px;
    border-bottom: 10px solid #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.4rem 0.6rem;
    transition: background 0.5s ease, transform 0.5s ease;
}
#main2 .commonForm4 .box .right .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.5rem;
    color: #FFF;
    margin-left: 2.3rem;
}
#main2 .commonForm4 .box .right .btn .arrow {
    width: 1.6rem;
    background-color: #FFF;
    border-radius: 50%;
    padding: 0.5rem;
}
/* 섹션20 */
#main2 .sec20 {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: -6px;
}
#main2 .sec20 .bg {
    width: 100%;
    box-sizing: border-box;
    object-fit: contain;
}
/* 섹션21 */
#main2 .sec21 {
    width: 100%;
    min-height: 50rem;
    box-sizing: border-box;
    background-image: url('../img/main_sec21_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10rem 3rem;
}
#main2 .sec21 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .sec21 .box .subtxt {
    font-family: 'naBaGo_B';
    font-size: 1.8rem;
    color: #0A435D;
    line-height: 130%;
    text-align: center;
    margin-bottom: 5rem;
}
#main2 .sec21 .box .subtxt.v2 {
	color: #FFF;
}
#main2 .sec21 .box .quizgame1 {
	width: 70rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 3rem;
    margin: 0 auto;
	margin-bottom: 10rem;
}
#main2 .sec21 .box .quizgame1 .qg_wrap {
    width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .btns {
	width: 95%;
    display: flex;
    justify-content: center;
    column-gap: 0.6rem;
    margin-bottom: 1.5rem;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .btns .btn {
    width: 5.5rem;
    max-width: 20%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F5C41C;
    border-radius: 60px;
    box-shadow: 0px 6px 0px #DD9024;
    font-family: 'naBaGo_B';
    font-size: 1.1rem;
    text-align: center;
    padding: 0.7rem 1rem;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .quizgame_img {
    width: 96%;
    border: 8px solid #FFF;
    border-radius: 45px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-bottom: 2rem;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .ex_btn {
    width: 15rem;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 1.8rem;
    background-color: #FFE993;
    border-radius: 24px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.3rem 0.3rem 0.3rem 1rem;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .ex_btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.4rem;
    color: #0D7473;
}
#main2 .sec21 .box .quizgame1 .qg_wrap .ex_btn .arrow {
    width: 1.8rem;
    background-color: #0D7473;
    border-radius: 24px;
    padding: 0.7em 1.4rem;
}
#main2 .sec21 .box .quizgame2 {
	width: 70rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    column-gap: 8%;
    margin: 0 auto;
}
#main2 .sec21 .box .quizgame2 .qg_wrap {
    width: 28%;
    display: flex;
    flex-direction: column;
    margin-bottom: -8rem;
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in1 {
    width: 100%;
    height: 15rem;
    position: relative;
    background-image: url('../img/yellow_circle.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
#main2 .sec21 .box .quizgame2 .qg_wrap .emily_img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 {
    width: 117%;
    height: 24rem;
    position: relative;
    background-image: url('../img/puzzle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-1.75rem) translateY(-5.5rem);
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2rem;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .text {
	font-family: 'naBaGo_B';
    font-size: 1.6rem;
    color: #0D7473;
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .btn {
    width: 12rem;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 1rem;
    background-color: #FFE993;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.3rem 0.3rem 0.3rem 1rem;
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.2rem;
    color: #0D7473;
}
#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .btn .arrow {
    width: 1.4rem;
    background-color: #0D7473;
    border-radius: 20px;
    padding: 0.7em 1.4rem;
}
/* 섹션23 */
#main2 .sec23 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 7rem 3rem;
}
#main2 .sec23 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#main2 .sec23 .box .b_con {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 3rem;
}
#main2 .sec23 .box .b_con .texts {
    width: 45rem;
	max-width: 100%;
	box-sizing: border-box;
    background-color: #FAFAFA;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 2rem;
}
#main2 .sec23 .box .b_con .texts .txt1 {
	font-family: 'naBaGo_B';
    font-size: 2rem;
    color: #0A435D;
    line-height: 135%;
    margin-bottom: 2rem;
}
#main2 .sec23 .box .b_con .texts .txt2 {
    font-family: 'naBaGo';
    font-size: 1.5rem;
    color: #0A435D;
    line-height: 140%;
    margin-bottom: 2rem;
}
#main2 .sec23 .box .b_con .texts .btn {
    width: 13rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    background-color: #FFE993;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.6rem 1rem;
}
#main2 .sec23 .box .b_con .texts .btn .txt {
    font-family: 'naBaGo_B';
    font-size: 1.3rem;
    color: #0A435D;
}
#main2 .sec23 .box .b_con .texts .btn .arrow {
    width: 1.8rem;
}
#main2 .sec23 .box .b_con .blackboard {
    width: 35rem;
    max-width: 100%;
    box-sizing: border-box;
}
/* 섹션26 */
#main2 .sec26 {
    width: 100%;
    height: 35rem;
    box-sizing: border-box;
    position: relative;
    background-image: url('../img/main_sec26_1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 100px 100px;
}
#main2 .sec26 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션27 */
#main2 .sec27 {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(105deg, rgba(28, 124, 209, 37%) 5%, rgba(255, 255, 255, 53%) 100%);
    padding: 5rem 3rem;
	margin-top: -8rem;
}
#main2 .sec27 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 6rem;
    margin: 0 auto;
    margin-top: 8rem;
}
#main2 .sec27 .box .info1 {
    font-family: 'naBaGo_B';
    font-size: 2rem;
    color: #0A435D;
    line-height: 135%;
}
#main2 .sec27 .box .info2 {
    display: flex;
    column-gap: 2.5rem;
}
#main2 .sec27 .box .info2 .i_wrap {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
#main2 .sec27 .box .info2 .i_wrap .i_txt1 {
    font-family: 'naBaGo_B';
    font-size: 1.6rem;
	color: #0A435D;
}
#main2 .sec27 .box .info2 .i_wrap .i_txt2 {
    font-family: 'naBaGo_B';
    font-size: 1.4rem;
	color: #1784AE;
}

/* ------------------------------------ */
/* ✏ [공통] 배너 */
/* AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
/* 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
/* 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
/* 구독정보(subscription_info.php), AI 대화 시작(ai_conversation_start.php) */
.banner {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #18173C 5%, #353380 65%);
    padding: 5rem 3rem;
}
.banner .bn_box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
.banner .bn_box .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 3rem;
    color: #FFF156;
    margin-bottom: 1.8rem;
}
.banner .bn_box .txt2 {
    font-size: 1.4rem;
    color: #FFF;
}

/* ------------------------------------ */
/* ✏ [공통] 메인 텍스트, 서브 텍스트, 질문 */
/* AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
.title_maintxt {
	font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.8rem;
    color: #20204F;
    margin-bottom: 1rem;
}
.title_subtxt {
    font-size: 1.3rem;
    color: #20204F;
    margin-bottom: 2.5rem;
}
.questionBox {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
    background-color: #FFF;
    border: 1px solid #20204F;
    border-radius: 30px;
    padding: 1rem 1.875rem;
}
.questionBox .icon {
	width: 2.188rem;
    margin-top: -5px;
}
.questionBox .txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.625rem;
    color: #20204F;
}
.title_form1 {
    display: flex;
    align-items: center;
    column-gap: 3rem;
}
.title_btns {
	width: 65%;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
}
.title_btns .title_btn {
    width: 12rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border: 2px solid #4642AE;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #888;
    padding: 0.8rem 1rem;
}
.title_btns .title_btn.active {
	background-color: #4642AE;
	color: #FFF;
}

/* ------------------------------------ */
/* ✏ [공통] AI 대화 */
/* AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
#aiConversation {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
}
#aiConversation .study {
    display: flex;
    column-gap: 3%;
	margin-top: 4.5rem;
}
#aiConversation .study .left {
	width: 25%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: 2px solid #A5A5D3;
    border-radius: 8px;
    padding: 0.625rem 1rem;
}
#aiConversation .study .left .live {
    width: 6.75rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    position: absolute;
    top: -1.3rem;
    left: -1.3rem;
    background-color: #464593;
    border-radius: 60px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 0.5rem;
}
#aiConversation .study .left .live .icon {
    width: 1.6rem;
}
#aiConversation .study .left .live .txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1rem;
    color: #FFF;
}
#aiConversation .study .left .person {
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
    margin-bottom: 1.5rem;
}
#aiConversation .study .left .voice {
    width: 100%;
    margin-bottom: 1.5rem;
}
#aiConversation .study .left .voice.animation {
	animation: voiceplay 1s ease-in infinite alternate;
}
@keyframes voiceplay {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scaleY(1.3);
	}
}
#aiConversation .study .left .con {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.625rem;
    margin-bottom: 1.875rem;
}
#aiConversation .study .left .con .mike_btn {
    width: 6rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.3rem;
    border: 1px solid #A5A5D3;
    border-radius: 30px;
    padding: 0.5rem;
	transition: all .5s;
}
#aiConversation .study .left .con .mike_btn.on {
	border: 1px solid #EE8E8E;
}
#aiConversation .study .left .con .mike_btn .check {
	width: 1.6rem;
	height: 1.6rem;
    background-image: url('../img/icon_check1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#aiConversation .study .left .con .mike_btn .check.on {
    background-image: url('../img/icon_no1.png');
}
#aiConversation .study .left .con .mike_btn .txt {
	font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.1rem;
    color: #464593;
	transition: all .5s;
}
#aiConversation .study .left .con .mike_btn .txt.on {
    color: #EC4242;
}
#aiConversation .study .left .con .icon {
    width: 1.6rem;
}
#aiConversation .study .left .text {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.1rem;
    color: #2A2A2A;
    text-align: center;
}
#aiConversation .study .right {
    width: 72%;
    max-height: 35rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    border: 1px solid #20204F;
    border-radius: 30px;
    padding: 2rem;
    overflow-y: auto;
}
#aiConversation .study .right .speech {
    width: 100%;
	box-sizing: border-box;
    display: flex;
}
#aiConversation .study .right .speech.my {
    justify-content: end;
}
#aiConversation .study .right .speech.ai {
    justify-content: flex-start;
}
#aiConversation .study .right .speech .bubble {
    max-width: 60%;
    box-sizing: border-box;
    position: relative;
    border-radius: 30px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    line-height: 130%;
    padding: 1rem 2rem;
}
#aiConversation .study .right .speech.my .bubble {
	background-color: #20204F;
	color: #FFF156;
}
#aiConversation .study .right .speech.ai .bubble {
    background-color: #FFF156;
	color: #20204F;
}
#aiConversation .study .right .speech .bubble::after {
	content: '';
	position: absolute;
	bottom: 10px;
	border-bottom: 0px solid transparent;
}
#aiConversation .study .right .speech.my .bubble::after {
	right: -12px;
	border-top: 20px solid #20204F;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
#aiConversation .study .right .speech.ai .bubble::after {
	left: -12px;
	border-top: 20px solid #FFF156;
	border-left: 20px solid transparent;
	border-right: 0px solid transparent;
}
#aiConversation .btns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.2rem;
}
#aiConversation .btns .btn {
    width: 35rem;
	max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #464593;
    border-radius: 30px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.8rem;
    color: #FFF;
    padding: 0.8rem 1rem;
}

/* ------------------------------------ */
/* ✏ AI 쓰기(ai_writing.php) */
#aiWriting {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
}
#aiWriting .study {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    margin-top: 2.5rem;
}
#aiWriting .study .write {
    width: 100%;
    min-height: 28.5rem;
    box-sizing: border-box;
    border: 1px solid #20204F;
    border-radius: 30px;
    font-size: 1.5rem;
    color: #20204F;
    line-height: 140%;
    resize: none;
    padding: 2.5rem;
	transition: all .5s;
}
#aiWriting .study .btn {
    width: 25rem;
    height: 4rem;
    box-sizing: border-box;
    background-color: #6459CC;
    border: unset;
    border-radius: 45px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.625rem;
    color: #FFF;
    cursor: pointer;
    padding: 0.5rem;
    margin: 0 auto;
}

/* ------------------------------------ */
/* ✏ 아나운싱(announcing.php) */
#announcing {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
}
#announcing .study {
    display: flex;
    flex-direction: column;
    margin-top: 2.5rem;
}
#announcing .study .recording_screen {
    width: 27.5rem;
    height: 27.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 5px 1.5rem 1.5rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}
#announcing .study .recording_screen .onair {
    width: 6.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border: 2px solid #ECECEC;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.3rem;
    color: #BE1622;
    text-align: center;
    padding: 0.5rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}
#announcing .study .recording_screen .onair.on {
    background-color: #BE1622;
    color: #FFF;
	animation: onairblink 1.5s ease-in infinite alternate;
}
@keyframes onairblink {
	50% {
		opacity: 0;
	}
}
#announcing .study .recording_screen .person {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 2rem;
}
#announcing .study .recording_screen .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.5rem;
}
#announcing .study .recording_screen .btn .start_btn {
    width: 9rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FF5757;
    border: none;
    border-radius: 8px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    padding: 0.5rem;
	cursor: pointer;
}
#announcing .study .recording_screen .btn .start_btn.finish {
	display: none;
}
#announcing .study .recording_screen .btn .play_btn {
    width: 9rem;
    height: 3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    background-color: #004AAD;
    border: none;
    border-radius: 30px;
    padding: 0.5rem;
	cursor: pointer;
}
#announcing .study .recording_screen .btn .play_btn.stop {
	display: none;
}
#announcing .study .recording_screen .btn .play_btn .icon {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url('../img/icon_play2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#announcing .study .recording_screen .btn .play_btn .icon.stop {
	background-image: url('../img/icon_stop2.png');
}
#announcing .study .recording_screen .btn .play_btn .txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
}
#announcing .study .summary {
    width: 17.75rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6459CC;
    border-radius: 45px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.4rem;
    color: #FFF;
    padding: 0.7rem 0.5rem;
    margin-bottom: 1.5rem;
}
#announcing .study .summary_txt {
    width: 100%;
    min-height: 28.5rem;
    box-sizing: border-box;
    border: 1px solid #20204F;
    border-radius: 30px;
    font-size: 1.5rem;
    color: #20204F;
    line-height: 140%;
    resize: none;
    padding: 2.5rem;
	transition: all .5s;
}

/* ------------------------------------ */
/* ✏ e-book(ebook.php) */
#ebook {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
}
#ebook .study {
    display: flex;
    column-gap: 1rem;
    margin-top: 5rem;
    margin-bottom: 1rem;
}
#ebook .study .btn {
    width: 100%;
    min-height: 8rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6459CC;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    padding: 0.5rem;
}
#ebook .study .btn .mediabr {
	display: none;
}

/* ------------------------------------ */
/* ✏ [공통] 기사 보기 */
/* 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
/* 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
#articleView {
	width: 100%;
    box-sizing: border-box;
	overflow: hidden;
}
/* 섹션1 */
#articleView .sec1 {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 96%);
    overflow: hidden;
}
#articleView .sec1 .box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
#articleView .sec1 .box .imgbox {
    width: 38%;
    box-sizing: border-box;
    position: relative;
	z-index: 1;
}
#articleView .sec1 .box .imgbox .rainbow {
    height: 95%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
#articleView .sec1 .box .imgbox .person {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#articleView .sec1 .box .txtbox {
    width: 62%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11rem 3rem;
    z-index: 2;
}
#articleView .sec1 .box .txtbox .title {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2.6rem;
    color: #FFF;
	line-height: 130%;
    text-align: center;
}
#articleView .sec1 .box .txtbox .title .mediabr {
	display: none;
}
#articleView .sec1 .box .txtbox .title .point {
    color: #FFF156;
}
/* 킨더 Kinder */
#articleView .sec1.kinder .box .imgbox .person {
    height: 130%;
}
/* 키즈 Kids */
#articleView .sec1.kids .box .imgbox .person {
    height: 120%;
}
/* 주니어 Junior */
#articleView .sec1.junior .box .imgbox .person {
    height: 110%;
}
/* 틴 Teen */
#articleView .sec1.teen .box .imgbox .person {
    height: 110%;
}
/* 제너럴 General */
#articleView .sec1.general .box .imgbox .person {
    height: 120%;
}
/* 섹션2 */
#articleView .sec2 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 2.875rem 3rem;
}
#articleView .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2.4rem;
    margin: 0 auto;
}
#articleView .sec2 .box .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.25rem;
    color: #46549B;
    text-align: center;
    line-height: 130%;
}
#articleView .sec2 .box .btn.active {
    pointer-events: none;
}
#articleView .sec2 .box .btn::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -0.5rem;
    border-bottom: 1px solid rgba(168, 168, 197, 0.5);
	transition: all .5s;
}
#articleView .sec2 .box .btn.active::after{
    border-bottom: 1px solid #18173C;
}
#articleView .sec2 .box .btn br {
	display: none;
}
/* 섹션3 */
#articleView .sec3 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
}
#articleView .sec3 .form1 {
    max-width: 1400px;
    width: 100%;
    min-height: 23rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6.25rem 3rem;
    margin: 0 auto;
}
#articleView .sec3.kinder .form1 {
	background-image: linear-gradient(90deg, #FA575E 0%, #BE54B5 52%, #9152F7 100%);
}
#articleView .sec3.kids .form1 {
	background-image: linear-gradient(90deg, #FF3632 0%, #FF8A4B 100%);
}
#articleView .sec3.junior .form1 {
	background-image: linear-gradient(-90deg, #76D55C 0%, #0499AF 100%);
}
#articleView .sec3.teen .form1 {
	background-image: linear-gradient(-88deg, #BC69E2 0%, #714481 36%, #094CB0 100%);
}
#articleView .sec3.general .form1 {
	background-image: linear-gradient(-88deg, #103666 0%, #57D7E2 100%);
}
#articleView .sec3 .form1 .box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#articleView .sec3 .form1 .box .title {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2.4rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
}
#articleView .sec3 .form1 .box .title .point {
    color: #FFF156;
}
#articleView .sec3 .form2 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 3rem;
}
#articleView .sec3 .form2 .box {
    max-width: 1400px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
#articleView .sec3 .form2 .box .con {
    display: flex;
    column-gap: 3%;
    row-gap: 2.5rem;
    flex-wrap: wrap;
    padding: 4rem 0;
}
#articleView .sec3 .form2 .box .con .btn {
    width: 31.3%;
    min-height: 21rem;
    box-sizing: border-box;
	position: relative;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 15px;
	overflow: hidden;
}
#articleView .sec3 .form2 .box .con .btn .introduction_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
#articleView .sec3 .form2 .box .con .btn .txts {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 0.5rem;
    position: relative;
    box-shadow: 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 0;
    padding: 1.25rem;
	z-index: 1;
}
#articleView .sec3 .form2 .box .con .btn .txts .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.55rem;
    color: #FFF156;
}
#articleView .sec3 .form2 .box .con .btn .txts .txt2 {
    font-family: 'zonaPro_SmB';
	font-weight: 500;
    font-size: 1.3rem;
    color: #FFF;
}
#articleView .sec3 .form2 .box .swiper-pagination {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0 auto;
    z-index: 1;
}
#articleView .sec3 .form2 .box .swiper-pagination-bullet {
    width: 2.5rem;
    height: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset;
    border: 3px solid #4642AE;
    border-radius: 30px;
    opacity: unset;
	transition: all .5s;
}
#articleView .sec3 .form2 .box .swiper-pagination-bullet-active {
	background-color: #4642AE;
    pointer-events: none;
}
#articleView .sec3 .form2 .box .swiper-button-next::after {
	content: none;
}
#articleView .sec3 .form2 .box .swiper-button-prev::after {
	content: none;
}
#articleView .sec3 .form2 .box .swiper_btn {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#articleView .sec3 .form2 .box .swiper-button-next {
    background-image: url('../img/arrow_right_circle3.png');
    right: 8px;
    left: auto;
}
#articleView .sec3 .form2 .box .swiper-button-prev {
    background-image: url('../img/arrow_left_circle3.png');
	left: 8px;
    right: auto;
}
#articleView .sec3 .form3 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 3rem 4rem;
}
#articleView .sec3 .form3 .box {
    max-width: 1400px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
#articleView .sec3 .form3 .box .main_txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.8rem;
    color: #1A193F;
}
#articleView .sec3 .form3 .box .con {
    padding-top: 3rem;
}
#articleView .sec3 .form3 .box .con .icons {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 2rem;
}
#articleView .sec3 .form3 .box .con .icons .btn {
    width: 31.3%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 0.8rem;
}
#articleView .sec3 .form3 .box .con .icons .btn .icon_img {
	width: 5rem;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: all .5s;
}
/* Kinder(킨더) - 1 */
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_storybook1.png');
}
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_leaf1.png');
}
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_dna1.png');
}
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_spaceship1.png');
}
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_duck1.png');
}
#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_history1.png');
}
/* Kinder(킨더) - 2 */
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_world1.png');
}
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_news1.png');
}
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_sport1.png');
}
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_travel1.png');
}
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_cat1.png');
}
#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_education1.png');
}
/* Kinder(킨더) - 3 */
#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_language1.png');
}
#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_imagination1.png');
}
#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_festival1.png');
}
/* Kids(키즈) - 1 */
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_magnifier1.png');
}
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_mushroom1.png');
}
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_timer1.png');
}
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_book1.png');
}
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_day1.png');
}
#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_calculator1.png');
}
/* Kids(키즈) - 2 */
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_nobel1.png');
}
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_pyramid1.png');
}
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_robot1.png');
}
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_basketball1.png');
}
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_wave1.png');
}
#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_pet1.png');
}
/* Kids(키즈) - 3 */
#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_flag1.png');
}
#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_pisatower1.png');
}
#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_exploration1.png');
}
/* Junior(주니어) - 1 */
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_university1.png');
}
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_countryball1.png');
}
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_monkey1.png');
}
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_sandglass1.png');
}
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_planet1.png');
}
#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_people1.png');
}
/* Junior(주니어) - 2 */
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_exercise1.png');
}
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_trojanhorse1.png');
}
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_co21.png');
}
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_leader1.png');
}
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_future1.png');
}
#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_technology1.png');
}
/* Junior(주니어) - 3 */
#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_global1.png');
}
#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_bag1.png');
}
#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_sushi1.png');
}
/* Teen(틴) - 1 */
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_message1.png');
}
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_brain1.png');
}
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_umbrella1.png');
}
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_tips1.png');
}
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_arts1.png');
}
#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_health1.png');
}
/* Teen(틴) - 2 */
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_cell1.png');
}
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_climate1.png');
}
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_education1.png');
}
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_selfdevelopment1.png');
}
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_loudspeaker1.png');
}
#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_robotics1.png');
}
/* Teen(틴) - 3 */
#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_business1.png');
}
#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_location1.png');
}
#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_economics1.png');
}
/* General(제너럴) - 1 */
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_past1.png');
}
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_earth1.png');
}
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_hotnews1.png');
}
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_toadstool1.png');
}
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_paints1.png');
}
#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_hospital1.png');
}
/* General(제너럴) - 2 */
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(1) .icon_img {
	background-image: url('../img/icon_persons1.png');
}
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(2) .icon_img {
	background-image: url('../img/icon_photo1.png');
}
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(3) .icon_img {
	background-image: url('../img/icon_idea1.png');
}
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(4) .icon_img {
	background-image: url('../img/icon_paperairplane1.png');
}
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(5) .icon_img {
	background-image: url('../img/icon_spotlight1.png');
}
#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(6) .icon_img {
	background-image: url('../img/icon_target1.png');
}
#articleView .sec3 .form3 .box .con .icons .btn .txts {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
#articleView .sec3 .form3 .box .con .icons .btn .txts .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.4rem;
    color: #1A193F;
    line-height: 120%;
	transition: all .5s;
}
#articleView .sec3 .form3 .box .con .icons .btn .txts .txt2 {
    font-size: 1.2rem;
    color: #1A193F;
    line-height: 130%;
	transition: all .5s;
}
#articleView .sec3 .form3 .box .swiper-pagination {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0 auto;
    z-index: 1;
}
#articleView .sec3 .form3 .box .swiper-pagination-bullet {
    width: 2.5rem;
    height: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset;
    border: 3px solid #4642AE;
    border-radius: 30px;
    opacity: unset;
	transition: all .5s;
}
#articleView .sec3 .form3 .box .swiper-pagination-bullet-active {
	background-color: #4642AE;
    pointer-events: none;
}
#articleView .sec3 .form3 .box .swiper-button-next::after {
	content: none;
}
#articleView .sec3 .form3 .box .swiper-button-prev::after {
	content: none;
}
#articleView .sec3 .form3 .box .swiper_btn {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	transition: all .5s;
}
#articleView .sec3 .form3 .box .swiper-button-next {
    background-image: url('../img/arrow_right_circle3.png');
    right: 8px;
    left: auto;
}
#articleView .sec3 .form3 .box .swiper-button-prev {
    background-image: url('../img/arrow_left_circle3.png');
	left: 8px;
    right: auto;
}

/* ------------------------------------ */
/* ✏ 학습 서비스(learning_service.html) */
#learningService {
	width: 100%;
    box-sizing: border-box;
	overflow: hidden;
}
/* 섹션1 */
#learningService .sec1 {
    width: 100%;
    height: 36.25rem;
    box-sizing: border-box;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 75%);
    overflow: hidden;
}
#learningService .sec1 .box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
#learningService .sec1 .box .title {
    width: 70%;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 3rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
    z-index: 1;
    padding-left: 1.5rem;
}
#learningService .sec1 .box .title .point {
    color: #FFF156;
}
#learningService .sec1 .box .cellphone {
	width: 40%;
    height: 90%;
    position: absolute;
    right: -1%;
    bottom: 0;
    object-fit: contain;
    object-position: bottom;
}
/* 섹션2 */
#learningService .sec2 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 8rem 3rem;
}
#learningService .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 4rem;
    margin: 0 auto;
}
#learningService .sec2 .box .mobile {
    width: 37rem;
}
#learningService .sec2 .box .title {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2.5rem;
    color: #1A193F;
    line-height: 130%;
    text-align: center;
}
/* 공통 구성1 */
#learningService .commonForm1 .txt {
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 2.8rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
}
#learningService .commonForm1 .txt .point {
    color: #FFF156;
}
/* 섹션3 */
#learningService .sec3 {
    width: 100%;
    height: 100%;
    min-height: 36.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 75%);
    padding: 8rem 3rem;
}
#learningService .sec3 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션4 */
#learningService .sec4 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.5rem 3rem;
}
#learningService .sec4 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    column-gap: 3.75rem;
    margin: 0 auto;
}
#learningService .sec4 .box .wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3.75rem;
}
#learningService .sec4 .box .wrap .image {
    width: 100%;
}
#learningService .sec4 .box .wrap .btn {
    width: 15rem;
    height: 3.8rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4642AE;
    border-radius: 45px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    padding: 0.5rem;
}
/* 섹션5 */
#learningService .sec5 {
    width: 100%;
    height: 100%;
    min-height: 36.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 75%);
    padding: 8rem 3rem;
}
#learningService .sec5 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션6 */
#learningService .sec6 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 4rem 3rem;
}
#learningService .sec6 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    column-gap: 7rem;
    margin: 0 auto;
}
#learningService .sec6 .box .wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3.75rem;
}
#learningService .sec6 .box .wrap .image1 {
    width: 90%;
}
#learningService .sec6 .box .wrap .btn {
    width: 15rem;
    height: 3.8rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4642AE;
    border-radius: 45px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    padding: 0.5rem;
}
#learningService .sec6 .box .wrap .image2 {
	width: 100%;
}
/* 섹션7 */
#learningService .sec7 {
    width: 100%;
    height: 100%;
    min-height: 36.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 75%);
    padding: 8rem 3rem;
}
#learningService .sec7 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션8 */
#learningService .sec8 {
	width: 100%;
    height: 36.25rem;
    box-sizing: border-box;
    background-color: #FFF;
}
#learningService .sec8 .box {
    max-width: 1400px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#learningService .sec8 .box .mobile {
    height: 100%;
}
/* 섹션9 */
#learningService .sec9 {
    width: 100%;
    height: 100%;
    min-height: 36.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(112deg, #18173C 0%, #353380 75%);
    padding: 8rem 3rem;
}
#learningService .sec9 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* 섹션10 */
#learningService .sec10 {
    width: 100%;
    height: 42rem;
    background-image: url('../img/study_englishnewspaper.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#learningService .sec10 .box {
    max-width: 1400px;
    height: 100%;
    box-sizing: border-box;
	position: relative;
    margin: 0 auto;
}
#learningService .sec10 .box .btn {
    width: 15rem;
    height: 3.8rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #4642AE;
    border-radius: 45px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    padding: 0.5rem;
}

/* ------------------------------------ */
/* ✏ 로그인(login.html) */
#login {
    width: 100%;
    box-sizing: border-box;
    background-color: #F8F8F8;
    padding: 0 3rem;
}
#login .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    padding: 3rem 0;
    margin: 0 auto;
}
#login .box .wrap {
    display: flex;
}
#login .box .wrap .img_box {
	width: 100%;
	box-sizing: border-box;
}
#login .box .wrap .img_box .login_img {
	width: 100%;
	height: 100%;
    border-radius: 20px 0 0 20px;
}
#login .box .wrap .input_box {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
    padding: 2rem 5rem;
}
#login .box .wrap .input_box .logo {
	width: 20rem;
    margin-bottom: 3rem;
}
#login .box .wrap .input_box .idpw {
	width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-bottom: 2rem;
}
#login .box .wrap .input_box .idpw .input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    font-size: 1.15rem;
    padding: 1.2rem 1.5rem;
}
#login .box .wrap .input_box .loginjoin {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-bottom: 1.5rem;
}
#login .box .wrap .input_box .loginjoin .btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4642AE;
	border: none;
    border-radius: 30px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFF;
    text-align: center;
    padding: 1rem;
	cursor: pointer;
	transition: all .5s;
}
#login .box .wrap .input_box .savesearch {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
#login .box .wrap .input_box .savesearch .save {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
#login .box .wrap .input_box .savesearch .save .check {
    width: 1.25rem;
    height: 1.25rem;
	position: relative;
    background-color: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    appearance: none;
    outline: 0;
    margin: 0;
	cursor: pointer;
    transition: all .5s;
}
#login .box .wrap .input_box .savesearch .save .check::after {
    content: '';
    width: 15%;
    height: 40%;
    display: none;
    position: absolute;
    top: 20%;
    left: 40%;
    transform: rotate(45deg);
    border: 1px solid #FFF;
    border-width: 0 2px 2px 0;
}
#login .box .wrap .input_box .savesearch .save .check:checked {
	background-color: #4642AE;
	border: 1px solid #4642AE;
}
#login .box .wrap .input_box .savesearch .save .check:checked::after {
	display: block;
}
#login .box .wrap .input_box .savesearch .save .txt {
    position: relative;
    font-size: 1rem;
    cursor: pointer;
}
#login .box .wrap .input_box .savesearch .save .txt::after {
    content: '';
    width: 0;
    height: 0.6rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: rgba(70, 66, 174, 0.2);
    transition: all .5s;
}
#login .box .wrap .input_box .savesearch .save .check:checked + .txt::after {
	width: 100%;
	left: 0;
}
#login .box .wrap .input_box .savesearch .search {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
#login .box .wrap .input_box .savesearch .search .txt {
    position: relative;
    font-size: 1rem;
}
#login .box .wrap .input_box .savesearch .search .txt::after {
    content: '';
    width: 0;
    height: 0.5rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: rgba(70, 66, 174, 0.3);
    transition: all .5s;
}
#login .box .wrap .input_box .savesearch .search .line {
	margin-top: 0.3rem;
}

/* ------------------------------------ */
/* ✏ 회원가입(join.html) */
#join {
    background-color: #FFF;
}
#join .entry .wrap {
    display: flex;
    align-items: baseline;
    margin-bottom: 1.5rem;
}
#join .entry .wrap.wrap2 {
    margin-bottom: 0.5rem;
}
#join .entry .wrap:last-child {
	margin-bottom: 0;
}
#join .entry .wrap .need {
    font-size: 1.3rem;
}
#join .entry .wrap .need .point {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    color: #4642AE;
}
#join .entry .wrap .dot {
    position: relative;
    padding-left: 1rem;
}
#join .entry .wrap .dot::before {
    content: '*';
    position: absolute;
    top: 70%;
    left: 0;
    transform: translate(0%, -50%);
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    color: #4642AE;
}
#join .entry .wrap .main {
	width: 15%;
    box-sizing: border-box;
    flex-shrink: 1;
    font-size: 1.2rem;
    padding-right: 1rem;
}
#join .entry .wrap .sub {
    width: 85%;
    box-sizing: border-box;
    display: flex;
    column-gap: 10px;
}
#join .entry .wrap .sub.sub2 {
    flex-direction: column;
    row-gap: 5px;
}
#join .entry .wrap .sub.sub3 {
    align-items: center;
}
#join .entry .wrap .sub .input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #DDD;
    border-radius: 8px;
    font-size: 1.2rem;
    padding: 1rem;
}
#join .entry .wrap .sub .btn {
    width: 10rem;
    flex-shrink: 0;
    background-color: #4642AE;
    border: 1px solid #4642AE;
    border-radius: 8px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.2rem;
    color: #FFF;
}
#join .entry .wrap .sub .mini {
	font-size: 1rem;
    color: #888;
}
#join .entry .wrap .sub .mini.wrong {
	display: none;
    color: #FF5959;
}
#join .entry .wrap .sub .stick {
    font-family: 'zonaPro_B';
	font-weight: bold;
    color: #DDD;
}
#join .agree {
    width: 100%;
    box-sizing: border-box;
    background-color: #F8F8F8;
    border-radius: 16px;
    padding: 2rem;
    margin-top: 3rem;
}
#join .agree .title {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
#join .agree .total {
    display: flex;
    flex-direction: column;
    row-gap: 0.6rem;
}
#join .agree .total .wrap {
    display: flex;
    align-items: center;
    column-gap: 0.8rem;
}
#join .agree .total .wrap .check_wrap {
	display: flex;
	align-items: center;
	column-gap: 0.6rem;
}
#join .agree .total .wrap .check_wrap .check {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    cursor: pointer;
    appearance: none;
    outline: 0;
    margin: 0;
    transition: all .5s;
}
#join .agree .total .wrap .check_wrap .check:checked {
    background-color: #4642AE;
    border: 1px solid #4642AE;
}
#join .agree .total .wrap .check_wrap .check::after {
    content: '';
    width: 15%;
    height: 40%;
    display: none;
    position: absolute;
    top: 20%;
    left: 40%;
    border: 1px solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
#join .agree .total .wrap .check_wrap .check:checked::after {
    display: block;
}
#join .agree .total .wrap .check_wrap .txt {
	position: relative;
    font-size: 1.2rem;
    cursor: pointer;
}
#join .agree .total .wrap .check_wrap .txt::after {
    content: '';
    width: 0;
    height: 0.6rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: rgba(70, 66, 174, 0.2);
    transition: all .5s;
}
#join .agree .total .wrap .check_wrap .check:checked + .txt::after {
    width: 100%;
    left: 0;
}
#join .agree .total .wrap .terms {
    font-size: 1.1rem;
    color: #989898;
}
#join .join {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}
#join .join .btn {
    width: 25rem;
    box-sizing: border-box;
    background-color: #4642AE;
    border-radius: 50px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    text-align: center;
    padding: 0.9rem 0.5rem;
}

/* ------------------------------------ */
/* ✏ [공통] 탭 */
/* 결제 최종(orderOnline.php) */
.tabBox {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 2rem;
}
.tabBox .btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border: 2px solid #4642AE;
    border-radius: 10px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    padding: 1rem 1rem;
}
.tabBox .btn.active {
	background-color: #4642AE;
	color: #FFF;
	pointer-events: none;
}

/* ------------------------------------ */
/* ✏ [공통] 결제 */
/* 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
/* 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
#payment {
    background-color: #FFF;
}
#payment .paytable {
	margin-bottom: 4rem;
}
#payment .paytable:last-child {
	margin-bottom: 0;
}
#payment .paytable table {
    width: 100%;
}
#payment .paytable table thead {
    background-color: #F4F4F4;
}
#payment .paytable table thead th {
    border-top: 1px solid #505050;
    border-bottom: 1px solid #B4B4B4;
	border-right: 1px solid #E0E0E0;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.3rem;
	line-height: 130%;
	text-align: center;
	vertical-align: middle;
    padding: 1rem;
}
#payment .paytable table thead th:last-child {
	border-right: unset;
}
#payment .paytable table tbody {
	border-bottom: 1px solid #505050;
}
#payment .paytable table tbody td {
    box-sizing: border-box;
    vertical-align: middle;
    border-right: 1px solid #E0E0E0;
	padding: 1rem;
}
#payment .paytable table tbody tr.bd_underline1 {
    border-bottom: 1px solid #E0E0E0;
}
#payment .paytable table tbody tr.bd_underline2 {
    border-bottom: 1px solid #B4B4B4;
}
#payment .paytable table tbody td:last-child {
    border-right: unset;
}
#payment .paytable table tbody td.td1 {
	width: 20%;
    border-bottom: 1px solid #B4B4B4;
}
#payment .paytable table tbody td.bdstyle {
    border-bottom: 1px solid #505050;
}
#payment .paytable table tbody td.td1 .wrap {
    box-sizing: border-box;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 0.5rem;
}
#payment .paytable table tbody td.td1 .wrap .weekly {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4642AE;
    border-radius: 30px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 0.9rem;
    color: #FFF;
    padding: 0.3rem 1.5rem;
}
#payment .paytable table tbody td.td1 .wrap .weekly.online {
	background-color: #7A78B8;
}
#payment .paytable table tbody td.td1 .wrap .times {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.3rem;
	text-align: center;
    line-height: 130%;
}
#payment .paytable table tbody td.td2 {
	display: flex;
    justify-content: space-between;
    column-gap: 2rem;
}
#payment .paytable table tbody td.td2 .left .month {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.4rem;
    color: #191661;
    margin-bottom: 0.3rem;
}
#payment .paytable table tbody td.td2 .left .price {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    column-gap: 1rem;
    margin-bottom: 0.3rem;
}
#payment .paytable table tbody td.td2 .left .price .sale {
    color: #4B4B4B;
	line-height: 130%;
    word-break: break-all;
}
#payment .paytable table tbody td.td2 .left .price .net {
    text-decoration: line-through;
    color: #9A9A9A;
	line-height: 130%;
    word-break: break-all;
}
#payment .paytable table tbody td.td2 .left .price .discount {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    color: #FF5959;
	line-height: 130%;
    word-break: break-all;
}
#payment .paytable table tbody td.td2 .left .plus {
    font-size: 1rem;
    color: #656565;
	line-height: 130%;
}
#payment .paytable table tbody td.td2 .right {
    display: flex;
    align-items: flex-end;
}
#payment .paytable table tbody td.td2 .right .btn {
    width: 2.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E0E0E0;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0.5rem;
}
#payment .paytable table tbody td.td2 .right .btn.num {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
	pointer-events: none;
}
#payment .paytable table tbody td.td3 {
    width: 15%;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    color: #242424;
    font-size: 1.4rem;
    text-align: center;
    line-height: 130%;
	word-break: break-all;
}
#payment .paytable table tbody td.td4 {
	width: 13%;
}
#payment .paytable table tbody td.td4 .btn {
    width: 80%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    background-color: #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
    padding: 0.8rem 0.5rem;
    margin: 0 auto;
}
#payment .paytable table tbody td.td4 .btn .arrow {
	width: 1rem;
}
#payment .paytable table tbody td.td5 {
    width: 18%;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    color: #242424;
    font-size: 1.2rem;
    text-align: center;
    line-height: 130%;
    word-break: break-all;
}
#payment .paytable table tbody td.td6 {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #4B4B4B;
    line-height: 130%;
    word-break: break-all;
}
#payment .paytable table tbody td .input_tel {
    width: 18rem;
    box-sizing: border-box;
    border: 1px solid #DDD;
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #4B4B4B;
    line-height: 130%;
    word-break: break-all;
    padding: 0.8rem 1rem;
}
#payment .paytable table tbody td .radiobtn {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
#payment .paytable table tbody td .radiobtn .agree {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
#payment .paytable table tbody td .radiobtn .agree .radio {
    width: 1.25rem;
    height: 1.25rem;
	position: relative;
    background-color: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    appearance: none;
    outline: 0;
    margin: 0;
	cursor: pointer;
    transition: all .5s;
}
#payment .paytable table tbody td .radiobtn .agree .radio::after {
    content: '';
    width: 15%;
    height: 40%;
    display: none;
    position: absolute;
    top: 20%;
    left: 40%;
    transform: rotate(45deg);
    border: 1px solid #FFF;
    border-width: 0 2px 2px 0;
}
#payment .paytable table tbody td .radiobtn .agree .radio:checked {
	background-color: #4642AE;
	border: 1px solid #4642AE;
}
#payment .paytable table tbody td .radiobtn .agree .radio:checked::after {
	display: block;
}
#payment .paytable table tbody td .radiobtn .agree .txt {
    position: relative;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #4B4B4B;
    cursor: pointer;
}
#payment .paytable table tbody td .radiobtn .agree .txt::after {
    content: '';
    width: 0;
    height: 0.6rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: rgba(70, 66, 174, 0.2);
    transition: all .5s;
}
#payment .paytable table tbody td .radiobtn .agree .radio:checked + .txt::after {
	width: 100%;
	left: 0;
}
#payment .paytable table tfoot {
    background-color: #F0F0F0;
	border-bottom: 1px solid #505050;
}
#payment .paytable table tfoot td {
    vertical-align: middle;
    padding: 2.5rem 1rem;
}
#payment .paytable table tfoot td .wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 1.5rem;
}
#payment .paytable table tfoot td .wrap .txts {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}
#payment .paytable table tfoot td .wrap .txts .text {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.5rem;
    color: #565656;
}
#payment .paytable table tfoot td .wrap .txts .total {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.8rem;
    color: #FF5959;
}
#payment .paytable table tfoot td .wrap .btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    background-color: #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
    padding: 0.8rem 1.2rem;
}
#payment .paytable table tfoot td .wrap .btn .arrow {
    width: 1rem;
}
#payment .paytable .pay_btn {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
#payment .paytable .pay_btn .btn {
    width: 15rem;
    height: 3.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4642AE;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    border-radius: 30px;
	cursor: pointer;
    padding: 1rem 0.5rem;
}
#payment .paytable .refund {
    font-size: 1.2rem;
    color: #4B4B4B;
    line-height: 150%;
}
#payment .pay_result {
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid #4642AE;
}
#payment .pay_result .pr_title {
    box-sizing: border-box;
    background-color: #4642AE;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.5rem;
    color: #FFF;
    text-align: center;
    padding: 1.2rem 1rem;
}
#payment .pay_result .pr_con {
	padding: 1rem;
}
#payment .pay_result .pr_con table {
	width: 100%;
}
#payment .pay_result .pr_con table tr {
	border-bottom: 1px #D7D7D7 solid;
}
#payment .pay_result .pr_con table th {
    width: 10rem;
    box-sizing: border-box;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #121212;
    text-align: center;
    padding: 1rem;
}
#payment .pay_result .pr_con table td {
	box-sizing: border-box;
    font-size: 1.1rem;
    color: #4B4B4B;
    text-align: center;
	padding: 1rem;
}
#payment .pay_result .pr_con .btn {
    width: 18rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
    padding: 1rem;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
#payment .pay_result .pr_con2 {
	padding: 2rem;
}
#payment .pay_result .pr_con2 .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}
#payment .pay_result .pr_con2 .txt2 {
    font-size: 1.3rem;
    background-color: #F1F1F1;
    border-radius: 6px;
    text-align: center;
    padding: 20px;
    margin-bottom: 2rem;
}
#payment .order_list table {
	width: 100%;
	box-sizing: border-box;
}
#payment .order_list table th {
	background-color: #4642AE;
	font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.25rem;
	color: #FFF;
	text-align: center;
    vertical-align: middle;
    line-height: 130%;
	padding: 1rem;
}
#payment .order_list table td {
	border-bottom: 1px #D7D7D7 solid;
    font-size: 1.15rem;
	text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 130%;
	padding: 1.2rem 1rem;
}
#payment .order_list table tr:last-child td {
	border-bottom: 1px #000 solid;
}
#payment .order_list table td .btn {
    width: 80%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    background-color: #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
    padding: 0.6rem 0.5rem;
    margin: 0 auto;
}
#payment .order_list table td .btn .arrow {
    width: 1rem;
}

/* ------------------------------------ */
/* ✏ [공통] 페이징 */
/* 지난 기사 리스트(last_article_list.php), 신문 기사보기 킨더(newspaper_view_kinder.html)
/* 신문 기사보기 키즈(newspaper_view_kids.html), 신문 기사보기 주니어(newspaper_view_junior.html) */
/* 신문 기사보기 틴(newspaper_view_teen.html), 신문 기사보기 제너럴(newspaper_view_general.html) */
.pagingBox {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    margin-top: 2rem;
}
.pagingBox .btn {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid #000;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1rem;
    text-align: center;
    padding: 0.3rem;
}
.pagingBox .btn.active {
    background-color: #4642AE;
    border: 1px solid #4642AE;
	color: #FFF;
    pointer-events: none;
}
.pagingBox .btn .arrow {
    width: 50%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
.pagingBox .btn .arrow.left {
	background-image: url('../img/arrow_left1.png');
}
.pagingBox .btn .arrow.right {
	background-image: url('../img/arrow_right1.png');
}
.pagingBox .number {
    max-width: 1400px;
    display: flex;
    column-gap: 0.3rem;
    overflow-x: auto;
}
.pagingBox .number::-webkit-scrollbar {
	height: 0.7rem;
}
.pagingBox .number::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
.pagingBox .number::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	box-shadow: inset 0px 0px 5px white;
}

/* ------------------------------------ */
/* ✏ 지난 기사 리스트(last_article_list.php) */
#lastArticleList {
    background-color: #FFF;
}
#lastArticleList .list {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
#lastArticleList .list .wrap {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5rem;
    border: 1px solid #D7D6E6;
    padding: 1.2rem;
	overflow: hidden;
}
#lastArticleList .list .wrap .article_img {
    width: 11rem;
    height: 7rem;
    flex-shrink: 0;
    border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    object-fit: cover;
	overflow: hidden;
}
#lastArticleList .list .wrap .title {
    width: 30%;
    font-size: 1.3rem;
    color: #20204F;
}
#lastArticleList .list .wrap .content {
    width: 70%;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    font-size: 1.2rem;
    color: #20204F;
}
#lastArticleList .list .wrap .content .txt1 {
    line-height: 130%;
}
#lastArticleList .list .wrap .content .txt2 {
    line-height: 130%;
}

/* ------------------------------------ */
/* ✏ [공통] 온라인 학습 */
/* 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
/* 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
/* 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
.onlineLearning .swiper {
    padding: 5.5rem 0;
}
.onlineLearning .swiper-slide {
	box-sizing: border-box;
    background-color: #F5F5F5;
    border-radius: 18px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    opacity: 0.9;
    transform: scale(0.9);
    padding: 1rem;
}
.onlineLearning .swiper-slide.swiper-slide-prev {
    transform: scale(1.1) translateX(-25px);
	z-index: 1;
}
.onlineLearning .swiper-slide.swiper-slide-next {
    transform: scale(1.1) translateX(25px);
	z-index: 1;
}
.onlineLearning .swiper-slide.swiper-slide-active {
    transform: scale(1.3);
	z-index: 2;
}
.onlineLearning .con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.onlineLearning .con .study_img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 1.5rem;
}
.onlineLearning .con .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    color: #2A2A2A;
    font-size: 1.4rem;
	line-height: 130%;
    text-align: center;
    margin-bottom: 1rem;
}
.onlineLearning .con .txt2 {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    color: #2A2A2A;
    font-size: 1rem;
    line-height: 130%;
    text-align: center;
    margin-bottom: 2rem;
}
.onlineLearning .con .btn {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'zonaPro_B';
	font-weight: bold;
    color: #FFF;
    font-size: 1.1rem;
    padding: 0.3rem 1.25rem;
}
.onlineLearning.kinder .con .btn {
    background-color: #A253DF;
}
.onlineLearning.kids .con .btn {
    background-color: #FF3833;
}
.onlineLearning.junior .con .btn {
    background-color: #059AAE;
}
.onlineLearning.teen .con .btn {
    background-color: #1F4BA7;
}
.onlineLearning.general .con .btn {
    background-color: #103666;
}
.onlineLearning.special .con .btn {
    background-color: #1F78C5;
}
.onlineLearning .con .btn .arrow {
    width: 1.5rem;
}
.onlineLearning .swiper-button-next, 
.onlineLearning .swiper-button-prev {
    width: unset;
    height: unset;
	color: unset;
    margin-top: unset;
}
.onlineLearning .swiper-button-next:after,
.onlineLearning .swiper-rtl .swiper-button-prev:after {
	content: unset;
}
.onlineLearning .swiper-button-prev:after,
.onlineLearning .swiper-rtl .swiper-button-next:after {
	content: unset;
}
.onlineLearning .swiperbtn {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
	transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-size: 80%;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	transition: all .5s;
}
.onlineLearning.kinder .swiperbtn {
    background-color: #A253DF;
}
.onlineLearning.kids .swiperbtn {
    background-color: #FF3833;
}
.onlineLearning.junior .swiperbtn {
    background-color: #059AAE;
}
.onlineLearning.teen .swiperbtn {
    background-color: #1F4BA7;
}
.onlineLearning.general .swiperbtn {
    background-color: #103666;
}
.onlineLearning.special .swiperbtn {
    background-color: #1F78C5;
}
.onlineLearning .swiper-button-next {
    right: 35%;
	background-image: url('../img/arrow_right3.png');
    background-position: center right 37%;
}
.onlineLearning .swiper-button-prev {
    left: 35%;
    background-image: url('../img/arrow_left3.png');
    background-position: center left 37%;
}

/* ------------------------------------ */
/* ✏ [공통] 영자신문 소개 */
/* 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
/* 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
/* 영자신문 소개 제너럴(englishnewspaper_introduction_general.html) */
#enewsIntroduction {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
#enewsIntroduction .box .title_txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.6rem;
    line-height: 130%;
    text-align: center;
    margin-bottom: 3.75rem;
}
/* 섹션1 */
#enewsIntroduction .sec1 {
    width: 100%;
    box-sizing: border-box;
    padding: 5rem 3rem;
}
#enewsIntroduction .sec1.kinder {
    background-image: linear-gradient(90deg, #FA575E 0%, #BE54B5 52%, #9152F7 100%);
}
#enewsIntroduction .sec1.kids {
    background-image: linear-gradient(90deg, #FF3632 0%, #FF8A4B 100%);
}
#enewsIntroduction .sec1.junior {
    background-image: linear-gradient(-90deg, #76D55C 0%, #0499AF 100%);
}
#enewsIntroduction .sec1.teen {
    background-image: linear-gradient(-88deg, #BC69E2 0%, #714481 36%, #094CB0 100%);
}
#enewsIntroduction .sec1.general {
    background-image: linear-gradient(-88deg, #103666 0%, #57D7E2 100%);
}
#enewsIntroduction .sec1 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 3rem;
    margin: 0 auto;
}
#enewsIntroduction .sec1 .box .book {
    width: 20rem;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#enewsIntroduction .sec1 .box .txts {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 3rem;
}
#enewsIntroduction .sec1 .box .txts .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.6rem;
    color: #FFF;
    line-height: 130%;
    text-align: center;
}
#enewsIntroduction .sec1 .box .txts .txt2 {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.7rem;
    color: #FFF;
    line-height: 140%;
    text-align: center;
}
/* 섹션2 */
#enewsIntroduction .sec2 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 6.75rem 3rem;
}
#enewsIntroduction .sec2 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#enewsIntroduction .sec2 .box .introduction {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
#enewsIntroduction .sec2 .box .introduction .wrap {
    display: flex;
    column-gap: 5px;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt1 {
    width: 13rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-family: 'zonaPro_B';
	font-weight: bold;
    color: #FFF;
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem 0.5rem;
}
#enewsIntroduction .sec2.kinder .box .introduction .wrap .txt1 {
    background-color: #A253DF;
}
#enewsIntroduction .sec2.kids .box .introduction .wrap .txt1 {
    background-color: #FF3833;
}
#enewsIntroduction .sec2.junior .box .introduction .wrap .txt1 {
    background-color: #059AAE;
}
#enewsIntroduction .sec2.teen .box .introduction .wrap .txt1 {
    background-color: #1F4BA7;
}
#enewsIntroduction .sec2.general .box .introduction .wrap .txt1 {
    background-color: #103666;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt1.br_style1 {
    border-radius: 10px 0 0 0;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt1.br_style2 {
    border-radius: 0 0 0 10px;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt2 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: 1px solid #A6A6A6;
    font-size: 1.1rem;
    color: #1A193F;
    padding: 1rem 1.5rem;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt2.br_style1 {
    border-radius: 0 10px 0 0;
}
#enewsIntroduction .sec2 .box .introduction .wrap .txt2.br_style2 {
    border-radius: 0 0 10px 0;
}
/* 섹션3 */
#enewsIntroduction .sec3 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 0 3rem 6.75rem;
}
#enewsIntroduction .sec3 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#enewsIntroduction .sec3 .box .tool {
	display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 3rem;
}
#enewsIntroduction .sec3 .box .tool .wrap {
    width: 31.3%;
    min-height: 21rem;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 15px;
    overflow: hidden;
}
#enewsIntroduction .sec3 .box .tool .wrap .tool_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
#enewsIntroduction .sec3 .box .tool .wrap .txts {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 0.5rem;
    position: relative;
    box-shadow: 0px -100px 100px 0px rgba(0, 0, 0, 0.4) inset, 0px -100px 100px 0px rgba(0, 0, 0, 0.4) inset, 0px -100px 100px 0px rgba(0, 0, 0, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 1.25rem;
    z-index: 1;
}
#enewsIntroduction .sec3 .box .tool .wrap .txts .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.4rem;
    color: #FFF156;
    line-height: 130%;
}
#enewsIntroduction .sec3 .box .tool .wrap .txts .txt2 {
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 130%;
}
/* 섹션4 */
#enewsIntroduction .sec4 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
}
#enewsIntroduction .sec4 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 3rem 6.75rem;
}
#enewsIntroduction .sec4 .box .title_txt {
    margin-bottom: 2rem;
}

/* ------------------------------------ */
/* ✏ 스페셜 에디션(special_edition.html) */
/* 섹션1 */
#specialEdition .sec1 {
    width: 100%;
    height: 40rem;
    box-sizing: border-box;
    background-image: url('../img/special_pcbg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0%;
    padding: 5rem 3rem;
}
#specialEdition .sec1 .box {
    width: 100%;
    max-width: 1400px;
	height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 3rem;
    margin: 0 auto;
}
#specialEdition .sec1 .box .txts {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 2.5rem;
    padding-bottom: 3rem;
}
#specialEdition .sec1 .box .txts .txt1 {
	font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.5rem;
    color: #FFF;
    line-height: 130%;
}
#specialEdition .sec1 .box .txts .txt2 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 3.6rem;
    color: #FFF;
    line-height: 130%;
}
/* 공통 제목 텍스트 */
#specialEdition .titleTxt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.6rem;
    color: #2A2A2A;
    line-height: 130%;
    text-align: center;
    margin-bottom: 3.75rem;
}
/* 섹션2 */
#specialEdition .sec2 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.75rem 3rem;
}
#specialEdition .sec2 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#specialEdition .sec2 .box .table {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}
#specialEdition .sec2 .box .table .wrap {
    display: flex;
    column-gap: 6px;
}
#specialEdition .sec2 .box .table .wrap .head {
    width: 100%;
    box-sizing: border-box;
    background-color: #EAF2F9;
    border: 2px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #1A193F;
    text-align: center;
    padding: 1rem 0.5rem;
}
#specialEdition .sec2 .box .table .wrap:first-child .head:first-child {
    border-radius: 10px 0 0 0;
}
#specialEdition .sec2 .box .table .wrap:first-child .head:last-child {
    border-radius: 0 10px 0 0;
}
#specialEdition .sec2 .box .table .wrap .con {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
    padding: 1rem 0.5rem;
}
#specialEdition .sec2 .box .table .wrap:last-child .con:first-child {
    border-radius: 0 0 0 10px;
}
#specialEdition .sec2 .box .table .wrap:last-child .con:last-child {
    border-radius: 0 0 10px 0;
}
#specialEdition .sec2 .box .table .wrap .con.bg1 {
    background-image: linear-gradient(90deg, #FA575E 0%, #BE54B5 52%, #9152F7 100%);
}
#specialEdition .sec2 .box .table .wrap .con.bg2 {
	background-image: linear-gradient(90deg, #FF3632 0%, #FF8A4B 100%);
}
#specialEdition .sec2 .box .table .wrap .con.bg3 {
    background-image: linear-gradient(-90deg, #76D55C 0%, #0499AF 100%);
}
/* 공통 구성1 */
#specialEdition .commonForm1 {
    width: 100%;
    box-sizing: border-box;
}
#specialEdition .commonForm1.bg1 {
    background-image: linear-gradient(90deg, #FA575E 0%, #BE54B5 52%, #9152F7 100%);
}
#specialEdition .commonForm1.bg2 {
	background-image: linear-gradient(90deg, #FF3632 0%, #FF8A4B 100%);
}
#specialEdition .commonForm1.bg3 {
	background-image: linear-gradient(-90deg, #76D55C 0%, #0499AF 100%);
}
#specialEdition .commonForm1.bg4 {
	background-image: linear-gradient(-88deg, #BC69E2 0%, #714481 36%, #094CB0 100%);
}
#specialEdition .commonForm1 .box {
    width: 100%;
    max-width: 1400px;
    height: 100%;
    min-height: 24rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 3rem;
}
#specialEdition .commonForm1 .box .txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.8rem;
    color: #FFF;
    text-align: center;
    line-height: 140%;
}
#specialEdition .commonForm1 .box .txt br.no {
	display: none;
}
/* 섹션3 */
#specialEdition .sec3 {
    width: 100%;
    box-sizing: border-box;
}
/* 섹션4 */
#specialEdition .sec4 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.75rem 3rem;
}
#specialEdition .sec4 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#specialEdition .sec4 .box .book {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
	margin-bottom: 5rem;
}
#specialEdition .sec4 .box .book:last-child {
	margin-bottom: unset;
}
#specialEdition .sec4 .box .book .txt {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.6rem;
    color: #2A2A2A;
	text-align: center;
}
#specialEdition .sec4 .box .book .img {
    display: flex;
    column-gap: 8rem;
}
#specialEdition .sec4 .box .book .img .b_wrap {
	position: relative;
	overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	cursor: pointer;
	transition: all .5s;
}
#specialEdition .sec4 .box .book .img .b_wrap .book_img {
    width: 15rem;
    height: 100%;
    object-fit: cover;
}
#specialEdition .sec4 .box .book .img .b_wrap .book_btn {
    width: 90%;
    box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: rgba(70, 66, 174, 0.9);
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 1.3rem;
    color: #FFF;
	text-align: center;
	line-height: 130%;
    padding: 0.8rem 0.5rem;
}
/* 섹션5 */
#specialEdition .sec5 {
    width: 100%;
    box-sizing: border-box;
}
/* 섹션6 */
#specialEdition .sec6 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.75rem 3rem;
}
#specialEdition .sec6 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#specialEdition .sec6 .box .book {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
}
#specialEdition .sec6 .box .book .img {
    width: 70%;
}
/* 섹션7 */
#specialEdition .sec7 {
    width: 100%;
    box-sizing: border-box;
}
/* 섹션8 */
#specialEdition .sec8 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.75rem 3rem;
}
#specialEdition .sec8 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5%;
    row-gap: 4rem;
    margin: 0 auto;
}
#specialEdition .sec8 .box .wrap {
    width: 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	row-gap: 0.8rem;
}
#specialEdition .sec8 .box .wrap .txt1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.6rem;
    color: #2A2A2A;
}
#specialEdition .sec8 .box .wrap .txt2 {
    min-height: 15rem;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 1.4rem;
    color: #FFF;
    padding: 2rem;
}
#specialEdition .sec8 .box .wrap:nth-child(1) .txt2 {
    background-color: #FF914D;
}
#specialEdition .sec8 .box .wrap:nth-child(2) .txt2 {
    background-color: #FFBD59;
}
#specialEdition .sec8 .box .wrap:nth-child(3) .txt2 {
    background-color: #52A8BD;
}
#specialEdition .sec8 .box .wrap:nth-child(4) .txt2 {
    background-color: #FF914D;
}
#specialEdition .sec8 .box .wrap:nth-child(5) .txt2 {
    background-color: #FFBD59;
}
#specialEdition .sec8 .box .wrap:nth-child(6) .txt2 {
    background-color: #52A8BD;
}
/* 섹션9 */
#specialEdition .sec9 {
    width: 100%;
    box-sizing: border-box;
}
/* 섹션10 */
#specialEdition .sec10 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 5.75rem 3rem;
}
#specialEdition .sec10 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#specialEdition .sec10 .box .link_btn {
    width: 30rem;
	box-sizing: border-box;
    background-image: linear-gradient(90deg, #76ADDC 0%, #1F78C5 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    font-family: 'zonaPro_SmB';
    font-weight: 500;
    font-size: 2.2rem;
    color: #FFF;
    line-height: 130%;
	text-align: center;
    margin: 0 auto;
    margin-top: 4rem;
    padding: 1.2rem 1rem;
}
/* 섹션11 */
#specialEdition .sec11 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 3rem 5.75rem;
}
#specialEdition .sec11 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#specialEdition .sec11 .box .reviews {
    display: flex;
    column-gap: 3rem;
}
#specialEdition .sec11 .box .reviews .wrap {
	width: 100%;
    min-height: 20rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #E4E4E4;
    border-radius: 30px;
    padding: 2rem;
}
#specialEdition .sec11 .box .reviews .wrap .txt {
    font-weight: 300;
    font-size: 1.5rem;
    color: #2A2A2A;
}
#specialEdition .sec11 .box .reviews .wrap .txt.txt2 {
    font-family: 'zonaPro_B';
	font-weight: bold;
	text-align: center;
}

/* ------------------------------------ */
/* ✏ [공통] 신문 기사보기 */
/* 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
/* 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
/* 신문 기사보기 제너럴(newspaper_view_general.html) */
/* 섹션1 */
#newspaperView .sec1 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 2.5rem 3rem;
}
#newspaperView .sec1 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
    margin: 0 auto;
}
#newspaperView .sec1 .box .btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #FFF;
    border: 2px solid #4642AE;
    border-radius: 5px;
    font-family: 'zonaPro_SmB';
	font-weight: 500;
    font-size: 1.5rem;
    color: #4642AE;
    text-align: center;
    line-height: 130%;
    padding: 1rem 0.5rem;
}
#newspaperView .sec1 .box .btn.active {
	background-color: #4642AE;
    color: #FFF;
    pointer-events: none;
}
#newspaperView .sec1 .box .btn br {
	display: none;
}
/* 섹션2 */
#newspaperView .sec2 {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 3rem 2rem;
}
#newspaperView .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#newspaperView .sec2 .box .title {
    border-bottom: 6px solid #4642AE;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 3rem;
    color: #171C45;
    padding-bottom: 0.3rem;
    margin-bottom: 1rem;
}
#newspaperView .sec2 .box .search_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
#newspaperView .sec2 .box .search_box .btns {
    display: flex;
    column-gap: 0.6rem;
}
#newspaperView .sec2 .box .search_box .btns .btn {
    width: 9rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4642AE;
    border-radius: 10px;
    font-family: 'zonaPro_B';
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    color: #FFF;
    padding: 0.8rem 1rem;
}
#newspaperView .sec2 .box .search_box .btns .btn:nth-child(2) {
	background-color: #4261AE;
}
#newspaperView .sec2 .box .search_box .right {
	display: flex;
}
#newspaperView .sec2 .box .search_box .number {
    min-width: 8rem;
    border: 1px solid #A1A1A1;
    font-size: 1.1rem;
    margin-right: 0.5rem;
}
#newspaperView .sec2 .box .search_box .number:invalid {
	color: #757575;
}
#newspaperView .sec2 .box .search_box .number option {
	color: #000;
}
#newspaperView .sec2 .box .search_box .search {
	width: 35rem;
    box-sizing: border-box;
    background-color: #F3F3F6;
	border: none;
    border-bottom: 2px solid #444;
    border-radius: unset;
    font-size: 1.1rem;
    padding: 1rem;
}
#newspaperView .sec2 .box .search_box .search::-webkit-search-decoration,
#newspaperView .sec2 .box .search_box .search::-webkit-search-cancel-button,
#newspaperView .sec2 .box .search_box .search::-webkit-search-results-button,
#newspaperView .sec2 .box .search_box .search::-webkit-search-results-decoration {
    display:none;
}
#newspaperView .sec2 .box .search_box .btn_search {
    box-sizing: border-box;
    background-color: #F3F3F6;
	border-bottom: 2px solid #444;
    padding: 1rem;
}
#newspaperView .sec2 .box .search_box .btn_search .icon {
	width: 1.5rem;
}
#newspaperView .sec2 .box .newspaper_box {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
}
#newspaperView .sec2 .box .newspaper_box .wrap {
    width: 100%;
    height: 28rem;
    box-sizing: border-box;
    display: flex;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#newspaperView .sec2 .box .newspaper_box .wrap .newspaper_img {
    width: 50%;
    flex-shrink: 0;
    object-fit: cover;
}
#newspaperView .sec2 .box .newspaper_box .wrap .texts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 1.5rem;
}
#newspaperView .sec2 .box .newspaper_box .wrap .texts .text1 {
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 1.3rem;
    color: #4642AE;
    text-decoration: underline 1px transparent;
    text-underline-offset: 5px;
    transition: all .5s;
}
#newspaperView .sec2 .box .newspaper_box .wrap .texts .text2 {
    display: -webkit-box;
    font-family: 'zonaPro_B';
	font-weight: bold;
    font-size: 2.2rem;
    color: #121212;
    text-decoration: underline 1px transparent;
    text-underline-offset: 5px;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#newspaperView .sec2 .box .newspaper_box .wrap .texts .text3 {
    display: -webkit-box;
    font-size: 1.3rem;
    color: #202020;
    line-height: 140%;
	text-decoration: underline 1px transparent;
    text-underline-offset: 5px;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
#newspaperView .pagingBox {
	margin-bottom: 4rem;
}

/* ------------------------------------ */
/* ✏ 신문 구성 특징(introduction.html) */
#newsFea .imgs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#newsFea .imgs .book {
	width: 90%;
}

/* ------------------------------------ */
/* ✏ 랜딩(landing.html) */
#landing {
	width: 100%;
    box-sizing: border-box;
	overflow: hidden;
}
/* 공통 구성1 */
#landing .commonForm1 {
    width: 100%;
    min-height: 48rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom left;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-webkit-mask-position: bottom left;
    padding: 5rem 3rem;
}
#landing .commonForm1.sec1 {
	mask-image: url('../img/landing_effect1.png');
	-webkit-mask-image: url('../img/landing_effect1.png');
    padding: 6rem 3rem 14rem;
}
#landing .commonForm1.sec3 {
	mask-image: url('../img/landing_effect2.png');
	-webkit-mask-image: url('../img/landing_effect2.png');
    border-radius: 60px 60px 0 0;
    padding: 10rem 3rem 20rem;
    margin-top: -4rem;
}
#landing .commonForm1.sec11 {
	mask-image: url('../img/landing_effect3.png');
	-webkit-mask-image: url('../img/landing_effect3.png');
    padding: 10rem 3rem 16rem;
}
#landing .commonForm1 .bg {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#landing .commonForm1.sec1 .bg {
    background-image: url('../img/landing_sec1_1.jpg');
}
#landing .commonForm1.sec3 .bg {
    background-image: url('../img/landing_sec3_1.jpg');
}
#landing .commonForm1.sec6 .bg {
    background-image: url('../img/landing_sec6_1.jpg');
}
#landing .commonForm1.sec8 .bg {
    background-image: url('../img/landing_sec8_1.jpg');
}
#landing .commonForm1.sec11 .bg {
    background-image: url('../img/landing_sec11_1.jpg');
    margin-top: -1px;
}
#landing .commonForm1.sec14 .bg {
    background-image: url('../img/landing_sec14_1.jpg');
    margin-top: -1px;
}
#landing .commonForm1.sec16 .bg {
    background-image: url('../img/landing_sec16_1.jpg');
}
#landing .commonForm1.sec19 .bg {
    background-image: url('../img/landing_sec19_1.jpg');
}
#landing .commonForm1 .effect {
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
#landing .commonForm1.sec1 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #1956C9 7%, rgba(25, 86, 201, 0%) 100%);
}
#landing .commonForm1.sec3 .effect {
    width: 60%;
    background-image: linear-gradient(90deg, #1956C9 0%, rgba(62, 145, 248, 0%) 100%);
}
#landing .commonForm1.sec6 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #1956C9 7%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1.sec8 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #1956C9 7%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1.sec11 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #1956C9 7%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1.sec14 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #4642AE 7%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1.sec16 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #4642AE 20%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1.sec19 .effect {
    width: 100%;
    background-image: linear-gradient(90deg, #4642AE 20%, rgba(25, 86, 201, 0%) 68%);
}
#landing .commonForm1 .box {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
#landing .commonForm1 .box .txt1 {
    font-family: 'naGo_ExB';
    font-size: 3.6rem;
    color: #FFF;
    line-height: 125%;
    margin-bottom: 2rem;
}
#landing .commonForm1 .box .txt2 {
    font-family: 'naGo';
    font-size: 1.8rem;
    color: #FFF;
	line-height: 145%;
}
#landing .commonForm1 .box .btns {
    display: flex;
    column-gap: 2rem;
    margin-top: 3rem;
}
#landing .commonForm1 .box .btns .btn {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #202C77;
    border-radius: 50px;
    font-family: 'naGo_B';
    font-size: 1.4rem;
    color: #FFF;
    text-align: center;
    padding: 1.1rem 2.5rem;
}
/* 섹션2 */
#landing .sec2 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec2_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 13rem 3rem 14rem;
    margin-top: -3rem;
}
#landing .sec2 .box {
    max-width: 1400px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 4rem;
    margin: 0 auto;
}
#landing .sec2 .box .left {
    width: 52rem;
    box-sizing: border-box;
    position: relative;
    padding: 1rem;
}
#landing .sec2 .box .left .book {
	width: 100%;
	box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#landing .sec2 .box .left .swiper {
    padding: 0 0.37rem;
}
#landing .sec2 .box .left .swiper-wrapper {
    padding: 5rem 0;
}
#landing .sec2 .box .left .swiper-slide {
	z-index: 1;
}
#landing .sec2 .box .left .swiper-slide.swiper-slide-active {
	z-index: 2;
}
#landing .sec2 .box .left .swiper-slide.swiper-slide-active .book {
    transform: scale(1.25);
}
#landing .sec2 .box .left .swiperbtn {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 55%;
	transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	transition: all .5s;
}
#landing .sec2 .box .left .swiper-button-next {
    right: -0.5rem;
	background-image: url('../img/arrow_right7.png');
}
#landing .sec2 .box .left .swiper-button-prev {
    left: -0.5rem;
    background-image: url('../img/arrow_left7.png');
}
#landing .sec2 .box .left .swiper-button-next:after,
#landing .sec2 .box .left .swiper-rtl .swiper-button-prev:after {
	content: unset;
}
#landing .sec2 .box .left .swiper-button-prev:after,
#landing .sec2 .box .left .swiper-rtl .swiper-button-next:after {
	content: unset;
}
#landing .sec2 .box .right .r_text {
    font-family: 'naGo_ExB';
    font-size: 2.9rem;
    color: #3F3F3F;
    line-height: 125%;
    margin-bottom: 2rem;
}
#landing .sec2 .box .right .r_book {
    width: fit-content;
    min-width: 22rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1956C9;
    border-radius: 48px;
    font-family: 'lt_Bk';
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    padding: 0.8rem 1rem;
}
/* 공통 텍스트 */
#landing .titleMainTxt {
    font-family: 'naGo_ExB';
    font-size: 3rem;
    color: #FFF;
    line-height: 125%;
    text-align: center;
}
#landing .titleMainTxt.v2 {
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
#landing .titleMainTxt.v3 {
    color: #154091;
	text-align: left;
}
#landing .titleMainTxt.v4 {
	color: #4642AE;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}
#landing .titleMainTxt.v5 {
	color: #4642AE;
    text-align: left;
}
#landing .titleMainTxt.v6 {
    color: #000;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
}
#landing .titleSubTxt {
    font-family: 'naGo';
    font-size: 1.8rem;
    color: #FFF;
    line-height: 125%;
    text-align: center;
    margin-top: 1.5rem;
}
#landing .titleSubTxt.v2 {
	color: #4642AE;
	text-align: left;
}
#landing .titleSubTxt.v3 {
	color: #000;
}
/* 섹션4 */
#landing .sec4 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec4_1.png');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -15rem;
}
#landing .sec4 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec4 .box .first {
    padding: 25rem 3rem 20rem;
}
#landing .sec4 .box .first .s_con {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 6%;
    row-gap: 5rem;
    margin-top: 6rem;
}
#landing .sec4 .box .first .s_con .wrap {
    width: 29.3%;
	height: 13.5rem;
    box-sizing: border-box;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	position: relative;
    background-color: #F6F6F6;
    padding: 1.5rem;
}
#landing .sec4 .box .first .s_con .wrap .bottom_bg {
	width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#landing .sec4 .box .first .s_con .wrap:nth-child(1) .bottom_bg {
    background-image: linear-gradient(-90deg, #E96E0A 0%, #EF9C00 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(2) .bottom_bg {
    background-image: linear-gradient(-90deg, #774D88 0%, #A98BC7 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(3) .bottom_bg {
    background-image: linear-gradient(-90deg, #755FE9 0%, #5D4CD6 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(4) .bottom_bg {
    background-image: linear-gradient(-90deg, #57B9FF 0%, #5894B6 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(5) .bottom_bg {
    background-image: linear-gradient(-90deg, #AC9FFB 0%, #6C63A2 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(6) .bottom_bg {
    background-image: linear-gradient(-90deg, #F9C7CB 0%, #A98BC7 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(7) .bottom_bg {
    background-image: linear-gradient(-90deg, #F26753 0%, #DE2C1E 100%);
}
#landing .sec4 .box .first .s_con .wrap:nth-child(8) .bottom_bg {
    background-image: linear-gradient(-90deg, #50A9D4 0%, #2B68A4 100%);
}
#landing .sec4 .box .first .s_con .wrap .icon {
	width: 12rem;
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translate(0%, -50%);
}
#landing .sec4 .box .first .s_con .wrap .text {
	width: 70%;
    font-family: 'naGo_ExB';
    font-size: 1.6rem;
    color: #2A477D;
}
#landing .sec4 .box .first .s_con .wrap .btn {
	width: fit-content;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.8rem;
    font-family:'lt_B';
    padding: 0.5rem;
    margin-left: -3rem;
}
#landing .sec4 .box .first .s_con .wrap .btn .txt {
	font-family:'naGo_B';
    font-size: 1.2rem;
    color: #2A477D;
    margin-left: 1rem;
	transition: all .5s;
}
#landing .sec4 .box .first .s_con .wrap .btn .arrow {
    width: 3rem;
    box-sizing: border-box;
    background-color: #2A477D;
    border-radius: 15px;
    padding: 0.3rem 0.7rem;
}
#landing .sec4 .box2 {
    position: relative;
    height: 40rem;
    margin-bottom: 6rem;
}
#landing .sec4 .box2 .left {
    width: 55rem;
    max-width: 100%;
	height: fit-content;
    min-height: 28rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    background-image: url('../img/text_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4rem 10rem 4rem 17rem;
    margin-left: -3.9rem;
    z-index: 2;
}
#landing .sec4 .box2 .left .txt1 {
    font-family: 'naGo_ExB';
    font-size: 2.5rem;
    color: #3F3F3F;
}
#landing .sec4 .box2 .left .txt2 {
    font-family: 'naGo';
    font-size: 1.4rem;
    color: #3F3F3F;
    line-height: 130%;
}
#landing .sec4 .box2 .right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
	margin-right: -3rem;
    z-index: 1;
}
#landing .sec4 .box2 .right .writing {
    width: 75rem;
	max-width: 100%;
}
/* 섹션5 */
#landing .sec5 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec5_1.png');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
	padding: 5rem 3rem 6rem;
}
#landing .sec5 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec5 .box .writing {
    margin-top: 6rem;
}
#landing .sec5 .box .writing .topic {
	position: relative;
    margin-bottom: 2rem;
}
#landing .sec5 .box .writing .topic .title {
	box-sizing: border-box;
    position: absolute;
    top: -65%;
    left: 1%;
    background-image: url('../img/trapezoid.png');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-family: 'lt_B';
    font-size: 1.9rem;
    color: #FFF;
    padding: 1rem 6rem;
}
#landing .sec5 .box .writing .topic .question {
	box-sizing: border-box;
    background-color: #FFF;
    border-radius: 14px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'lt_L';
    font-size: 1.8rem;
    text-align: center;
    padding: 1.4rem 1.7rem;
}
#landing .sec5 .box .writing .answer {
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 14px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'lt_L';
    font-size: 1.8rem;
    line-height: 160%;
    padding: 3rem 5rem;
    margin-bottom: 6rem;
}
#landing .sec5 .box .writing .proofreading {
	position: relative;
}
#landing .sec5 .box .writing .proofreading .button {
	max-width: 100%;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #828BD2;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(130, 139, 210, 0.5), 0 10px 15px rgba(130, 139, 210, 0.5);
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	cursor: pointer;
	transition: all .5s;
    z-index: 2;
}
#landing .sec5 .box .writing .proofreading .button .txt {
    font-family:'naGo_B';
	font-size: 1.6rem;
	color: #FFF;
	text-align: center;
}
#landing .sec5 .box .writing .proofreading .button .arrow {
    width: 3.5rem;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 10px;
    padding: 0.4rem 0.5rem;
}
#landing .sec5 .box .writing .proofreading .top {
	height: 1.1rem;
	background-color: #828BD2;
	border-radius: 25px 25px 0 0;
	box-shadow: 0 -5px 15px 0 #B0B0B0;
}
#landing .sec5 .box .writing .open {
	display: none;
}
#landing .sec5 .box .writing .open .first {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
    background-color: #FFF;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 5rem 3rem 4rem;
	margin-bottom: 3rem;
}
#landing .sec5 .box .writing .open .first .wrap {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
#landing .sec5 .box .writing .open .first .wrap .txt1 {
    font-family: 'naGo';
    font-size: 1.4rem;
	line-height: 140%;
}
#landing .sec5 .box .writing .open .first .wrap .txt2 {
    font-family: 'naGo_B';
    font-size: 1.4rem;
	color: #202C77;
	line-height: 140%;
}
#landing .sec5 .box .writing .open .second {
    box-sizing: border-box;
	position: relative;
    background-color: #FFF;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin-bottom: 3rem;
}
#landing .sec5 .box .writing .open .second .s_top {
	height: 2rem;
	background-color: #828BD2;
	border-radius: 25px 25px 0 0;
}
#landing .sec5 .box .writing .open .second .s_title {
    width: 15rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #828BD2;
    border-radius: 0 0 45px 45px;
    font-family: 'naGo_B';
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    padding: 1.2rem 1rem;
}
#landing .sec5 .box .writing .open .second .txts {
    box-sizing: border-box;
    padding: 5rem 3rem 4rem;
}
#landing .sec5 .box .writing .open .second .txts .txt1 {
    font-family: 'naGo_B';
    font-size: 1.4rem;
	color: #202C77;
    line-height: 170%;
}
#landing .sec5 .box .writing .open .second .txts .txt2 {
    font-family: 'naGo';
    font-size: 1.4rem;
    line-height: 170%;
}
#landing .sec5 .box .writing .open .close {
	width: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	position: unset;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.6rem 1rem;
    margin: 0 auto;
    cursor: pointer;
}
/* 섹션7 */
#landing .sec7 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec7_1.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 8rem 3rem;
}
#landing .sec7 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec7 .box .announcing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 11rem;
}
#landing .sec7 .box .announcing .first {
    width: 45rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3rem;
    background-color: #FFF;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 2.5rem;
    margin-bottom: 4rem;
}
#landing .sec7 .box .announcing .first .person {
	width: 20rem;
	height: 20rem;
    border-radius: 50%;
	background-image: url('../img/recording_person2.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    box-shadow: inset 0 -5px 5px -5px #888, inset -5px 0 5px -5px #888, inset 5px 0 5px -5px #888;
    margin-top: -8rem;
}
#landing .sec7 .box .announcing .first .btns {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.5rem;
}
#landing .sec7 .box .announcing .first .btns .btn {
    width: 12rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    font-family: 'brSf';
    font-size: 2rem;
    color: #FFF;
    padding: 0.5rem 1rem;
}
#landing .sec7 .box .announcing .first .btns .btn.v1 {
	background-color: #EB8888;
    border-bottom: 10px solid #FF5757;
    border-radius: 7px;
}
#landing .sec7 .box .announcing .first .btns .btn.v2 {
    background-color: #327ADA;
    border-bottom: 10px solid #004AAD;
    border-radius: 30px;
}
#landing .sec7 .box .announcing .first .btns .btn .play {
	width: 2.5rem;
}
#landing .sec7 .box .announcing .second {
    width: 70rem;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 4rem;
	margin-bottom: 4rem;
}
#landing .sec7 .box .announcing .second .text {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'lt_L';
    font-size: 1.7rem;
    line-height: 160%;
    margin: 0 auto;
}
#landing .sec7 .box .announcing .listening_btn {
    box-sizing: border-box;
    background-color: #828BD2;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(130, 139, 210, 0.5), 0 3px 6px rgba(130, 139, 210, 0.5);
    font-family: 'naGo_ExB';
    font-size: 1.7rem;
    color: #FFF;
    padding: 1.3rem 3.5rem;
}
/* 섹션9 */
#landing .sec9 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec9_1.png');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 8rem 3rem;
}
#landing .sec9 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec9 .box .video {
	width: 100%;
    box-sizing: border-box;
    display: inline-block;
	position: relative;
    background-color: #FFF;
    border-radius: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 2rem;
	margin-bottom: 1rem;
}
#landing .sec9 .box .video video {
    width: 100%;
    box-sizing: border-box;
	display: block;
    border-radius: 30px;
    box-shadow: inset 0 0 48px #333;
}
#landing .sec9 .box .video .overlay {
	position: absolute;
	inset: 2rem;
	border-radius: 30px;
	box-shadow: inset 0 0 20px #777;
	pointer-events: none;
}
#landing .sec9 .box .swiper {
    width: 85rem;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10rem 3rem 5rem;
}
#landing .sec9 .box .swiper .swiper-slide {
    transform: scale(0.8);
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-prev {
    transform: scale(0.8);
	z-index: 1;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-next {
    transform: scale(0.8);
	z-index: 1;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active {
    transform: scale(1);
	z-index: 2;
}
#landing .sec9 .box .swiper .con {
	min-height: 35rem;
	position: relative;
    border-radius: 60px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#landing .sec9 .box .swiper .con .bg1 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    background-color: #EDEDED;
    border-radius: 60px;
    padding: 1.5rem;
}
#landing .sec9 .box .swiper .con .bg2 {
    width: 90%;
    height: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, 0);
    background: #1956C9;
    border-radius: 40px;
    z-index: 1;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active .con .bg2 {
    background: #000C78;
}
#landing .sec9 .box .swiper .con .bg2 img {
    width: 100%;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: unset;
    text-align: unset;
}
#landing .sec9 .box .swiper .con .bg3 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    background-image: url('../img/box_element.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 60px;
    z-index: 1;
}
#landing .sec9 .box .swiper .con .bg3 .wrap {
    width: 100%;
    height: 58%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    padding: 2rem 2rem 7rem;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active .con .bg3 .wrap {
    padding: 2rem 2rem 3rem;
}
#landing .sec9 .box .swiper .con .bg3 .wrap .txt1 {
    font-family: 'naGo_ExB';
    font-size: 1.8rem;
    color: #1955C5;
    text-align: center;
    margin-bottom: 1.5rem;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active .con .bg3 .wrap .txt1 {
    color: #0C31A0;
}
#landing .sec9 .box .swiper .con .bg3 .wrap .txt2 {
    font-family: 'naGo_B';
    font-size: 1.3rem;
    text-align: center;
    line-height: 130%;
    margin-bottom: 1rem;
}
#landing .sec9 .box .swiper .con .bg3 .wrap .btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #828BD2;
    border-radius: 70px;
    border-bottom: 8px solid #363B61;
    padding: 1rem 3rem;
}
#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active .con .bg3 .wrap .btn {
    bottom: -9%;
    background-color: #1956C9;
    border-bottom: 8px solid #000C78;
}
#landing .sec9 .box .swiper .con .bg3 .wrap .btn .text {
    font-family: 'naGo_ExB';
    font-size: 1.3rem;
    color: #FFF;
}
#landing .sec9 .box .swiper .con .bg3 .wrap .btn .arrow {
    width: 2rem;
}
#landing .sec9 .box .swiper .swiperbtn {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 57.5%;
	transform: translate(0%, -50%);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	transition: all .5s;
}
#landing .sec9 .box .swiper .swiper-button-next {
    right: 0.5rem;
	background-image: url('../img/arrow_right9.png');
}
#landing .sec9 .box .swiper .swiper-button-prev {
    left: 0.5rem;
    background-image: url('../img/arrow_left9.png');
}
#landing .sec9 .box .swiper .swiper-button-next:after,
#landing .sec9 .box .swiper .swiper-rtl .swiper-button-prev:after {
	content: unset;
}
#landing .sec9 .box .swiper .swiper-button-prev:after,
#landing .sec9 .box .swiper .swiper-rtl .swiper-button-next:after {
	content: unset;
}
/* 공통 구성2 */
#landing .commonForm2 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_common2_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 3rem;
}
#landing .commonForm2 .box {
    max-width: 1400px;
    box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5rem;
    margin: 0 auto;
}
#landing .commonForm2 .box .left {
	display: flex;
	flex-direction: column;
}
#landing .commonForm2 .box .left .txt1 {
    font-family: 'naGo_B';
    font-size: 3rem;
    color: #FFF;
    line-height: 130%;
    margin-bottom: 1rem;
}
#landing .commonForm2 .box .left .txt2 {
    font-family: 'naGo';
    font-size: 1.8rem;
    color: #FFF;
    line-height: 130%;
}
#landing .commonForm2 .box .left .txt2.v2 {
    margin-bottom: 2rem;
}
#landing .commonForm2 .box .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.5rem;
}
#landing .commonForm2 .box .right .books {
    width: 18rem;
	max-width: 100%;
}
#landing .commonForm2 .box .right .btn {
    box-sizing: border-box;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.2rem;
    border-radius: 60px 0 60px 60px;
	box-shadow: 5px 5px 10px rgba(65, 107, 232, 0.5), 5px 5px 10px rgba(65, 107, 232, 0.5);
    padding: 0 0 0 2.2rem;
}
#landing .commonForm2 .box .right .btn .text {
    font-family: 'naGo_B';
    font-size: 1.6rem;
}
#landing .commonForm2 .box .right .btn .arrow {
    width: 4rem;
    box-sizing: border-box;
    border-radius: 60px 0 60px 60px;
    box-shadow: -6px 5px 10px -6px rgba(65, 107, 232, 0.5);
    padding: 0.8rem;
}
/* 섹션12 */
#landing .sec12 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FFF;
    padding: 8rem 0 0;
}
#landing .sec12 .process {
    position: relative;
    background-color: #FFF;
    border-radius: 0 0 40px 40px;
    box-shadow: 0 10px 10px 0 rgba(25, 86, 201, 0.3);
    padding: 0 3rem 6rem;
    z-index: 1;
}
#landing .sec12 .process .box {
	max-width: 1400px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
	padding: 0 3rem;
	margin: 0 auto;
}
#landing .sec12 .process .box .btn {
	width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border: 3px solid #4642AE;
    border-radius: 20px;
    font-family: 'naGo_ExB';
    font-size: 1.5rem;
    text-align: center;
    color: #4642AE;
    line-height: 110%;
    padding: 1.5rem 0.5rem;
}
#landing .sec12 .process .box .btn.active {
    background-color: #4642AE;
    color: #FFF;
}
#landing .sec12 .process .box .btn br {
	display: none;
}
#landing .sec12 .list {
    position: relative;
    background-color: #F5F5F5;
    margin-top: -4rem;
	margin-bottom: 6rem;
}
#landing .sec12 .list .box {
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    padding: 10rem 3rem 6.5rem;
    margin: 0 auto;
}
#landing .sec12 .list .box .open_btn {
	box-sizing: border-box;
	display: flex;
    align-items: center;
    column-gap: 1rem;
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #F3F3F3;
    border-radius: 15px;
    box-shadow: 0 5px 10px rgba(70, 66, 174, 0.19), inset 0 0 5px #FFF;
	padding: 0 0 0 2rem;
	cursor: pointer;
	transition: all .5s;
}
#landing .sec12 .list .box .open_btn .text {
	font-family: 'naGo_B';
    font-size: 1.6rem;
    color: #4642AE;
	transition: all .5s;
}
#landing .sec12 .list .box .open_btn .arrow {
    width: 4.2rem;
    box-sizing: border-box;
    background-color: #4642AE;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 0.7rem 1rem;
}
#landing .sec12 .list .box .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.8rem;
}
#landing .sec12 .list .box .btn .img {
    width: 5.5rem;
    height: 5.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #FFF;
    border: 2px solid #5B59D0;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 0.5rem;
}
#landing .sec12 .list .box .btn .img::before {
    content: '';
    width: 5rem;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(55%, 0);
    background: #5B59D0;
    pointer-events: none;
}
#landing .sec12 .list .box .btn:last-child .img::before {
	display: none;
}
#landing .sec12 .list .box .btn .img img {
    width: 3rem;
}
#landing .sec12 .list .box .btn .txt {
	font-family: 'naGo';
    font-size: 1rem;
    color: #777;
    text-align: center;
    transition: all .5s;
}
#landing .sec12 .open {
	display: none;
    background-color: #FFF;
}
#landing .sec12 .open .learn1 {
    max-width: 1400px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 3rem 6rem;
    margin: 0 auto;
}
#landing .sec12 .open .learn1 .box {
	width: 100%;
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 5rem;
}
#landing .sec12 .open .learn1 .box .summary {
	width: 75rem;
    max-width: 100%;
	box-sizing: border-box;
	display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F3F3F3;
	border-radius: 15px;
    box-shadow: 0 5px 10px rgba(70, 66, 174, 0.19), inset 0 0 5px #FFF;
	padding: 1.3rem 2rem;
    margin-bottom: 1rem;
}
#landing .sec12 .open .learn1 .box .summary .txt {
    font-family: 'lt_Bk';
    font-size: 1.4rem;
    color: #4642AE;
}
#landing .sec12 .open .learn1 .box .summary .arrow {
	width: 1.8rem;
}
#landing .sec12 .open .learn1 .box .wrap {
	width: 100%;
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2rem;
}
#landing .sec12 .open .learn1 .box .wrap .img {
	width: 45rem;
    max-width: 100%;
	position: relative;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 {
	width: 100%;
	box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.6rem;
	position: absolute;
	top: 0;
	left: 0;
    background-color: #BBB9F2;
    box-shadow: 0 5px 10px rgba(70, 66, 174, 0.19), inset 0 0 5px #FFF;
    border-radius: 10px;
	padding: 1rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .play {
    width: 2.2rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .line {
    width: 25rem;
    height: 0.4rem;
    box-sizing: border-box;
    position: relative;
    background-color: #FFF;
    border-radius: 50px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .line .circle {
	width: 1rem;
    height: 1rem;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .time {
    flex-shrink: 0;
	font-family: 'lt_Bk';
    font-size: 1.1rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .speed {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.4rem;
    background-color: #FFF;
    border-radius: 60px;
    border-bottom: 4px solid #D2F7FF;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    padding: 0.4rem 0.6rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .speed .sel_text {
    font-family: 'lt_Bk';
    font-size: 1rem;
    color: #33107E;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .speed .arrow {
	width: 1rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .mp3 .volume {
    width: 1.5rem;
}
#landing .sec12 .open .learn1 .box .wrap .img .learn {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
#landing .sec12 .open .learn1 .box .wrap .text {
    width: 70rem;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
    font-family: 'lt_R';
    font-size: 1.4rem;
	text-align: center;
    line-height: 160%;
    padding: 2rem;
}
#landing .sec12 .open .learn2 {
	width: 100%;
	box-sizing: border-box;
	background-color: #E3DFF5;
	border-radius: 30px;
    box-shadow: inset 0 5px 20px rgba(0, 0, 0, 0.25);
}
#landing .sec12 .open .learn2 .box {
	width: 100%;
	max-width: 1400px;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    row-gap: 4rem;
	padding: 5rem 3rem;
	margin: 0 auto;
}
#landing .sec12 .open .learn2 .box .form {
	display: flex;
    align-items: center;
    column-gap: 3rem;
}
#landing .sec12 .open .learn2 .box .l_title {
    font-family: 'lt_Bk';
    font-size: 1.4rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 {
	box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 0.8rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3.v2 {
    width: 100%;
    justify-content: space-between;
    margin-top: 1.5rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .play {
    width: 2.4rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line {
    width: 10rem;
    height: 0.4rem;
    box-sizing: border-box;
    position: relative;
    background-color: #7D62F8;
    border-radius: 50px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.25);
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line.v2 {
    width: 60rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line .circle {
	width: 1rem;
    height: 1rem;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line .circle.v2 {
    left: 15%;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line .circle.v3 {
    left: 50%;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .line .circle.v4 {
    left: 30%;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .time {
    flex-shrink: 0;
	font-family: 'lt_Bk';
    font-size: 1.2rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .speed {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.4rem;
    background-color: #FFF;
    border-radius: 60px;
    border-bottom: 4px solid #D2F7FF;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    padding: 0.4rem 0.6rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .speed .sel_text {
    font-family: 'lt_Bk';
    font-size: 1.1rem;
    color: #33107E;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .speed .arrow {
	width: 1.1rem;
}
#landing .sec12 .open .learn2 .box .wrap .mp3 .volume {
    width: 1.7rem;
}
#landing .sec12 .open .learn2 .box .wrap .content {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1.8rem;
    row-gap: 1rem;
    background-color: #FFF;
    border-radius: 10px;
    border-bottom: 10px solid #D2F7FF;
    margin-top: 1.5rem;
    padding: 2rem;
}
#landing .sec12 .open .learn2 .box .wrap .content.v2 {
    flex-direction: column;
    align-items: baseline;
}
#landing .sec12 .open .learn2 .box .wrap .content .con {
    display: flex;
    align-items: center;
    column-gap: 0.6rem;
}
#landing .sec12 .open .learn2 .box .wrap .content .con .num {
    width: 1.6rem;
    height: 1.6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2E4EA5;
    border-radius: 50%;
    font-family: 'lt_Bk';
    font-size: 1rem;
    color: #FFF;
}
#landing .sec12 .open .learn2 .box .wrap .content .con .word {
    font-family: 'jua_R';
    font-size: 1.3rem;
    line-height: 160%;
}
#landing .sec12 .open .learn2 .box .close {
	width: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	position: unset;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 0.6rem 1rem;
    margin: 0 auto;
    cursor: pointer;
}
/* 섹션13 */
#landing .sec13 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec13_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 3rem 3rem 9rem;
}
#landing .sec13 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec13 .box .video {
    width: 70rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 20px solid #FFF;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 0 auto;
    margin-top: 3.5rem;
}
#landing .sec13 .box .video video {
    width: 100%;
    box-sizing: border-box;
	display: block;
    border-radius: 30px;
}
#landing .sec13 .box .controls {
    width: 70rem;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
	column-gap: 0.5rem;
    position: relative;
    background-color: #F3F3F3;
    border-radius: 17px;
    box-shadow: 0 5px 10px rgba(70, 66, 174, 0.19), inset 0 0 5px #FFF;
    padding: 1.2rem 2rem;
    margin: 0 auto;
    margin-top: 2rem;
}
#landing .sec13 .box .controls .progress_con {
    width: 100%;
    height: 0.4rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4642AE;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    cursor: pointer;
}
#landing .sec13 .box .controls .progress_con .progress {
	width: 0%;
	height: 100%;
	position: absolute;
	background-color: #0B0936;
	border-radius: 3px;
}
#landing .sec13 .box .controls .progress_con .thumb {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -5px;
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.25);
    transform: translateX(-50%);
}
#landing .sec13 .box .controls .left {
    display: flex;
    align-items: center;
}
#landing .sec13 .box .controls .left .btn_con {
    width: 3rem;
    height: 3rem;
}
#landing .sec13 .box .controls .left .btn_con img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#landing .sec13 .box .controls .left .volume_con {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    margin-left: 1.5rem;
    margin-right: 0.8rem;
}
#landing .sec13 .box .controls .left .volume_con .audio {
    width: 2.8rem;
}
#landing .sec13 .box .controls .left .volume_con .volume {
	-webkit-appearance: none;
	width: 6rem;
	height: 4px;
	border-radius: 10px;
    background: #4642AE;
	outline: none;
	cursor: pointer;
	transition: all .5s;
}
#landing .sec13 .box .controls .left .volume_con .volume::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
	background-color: #FFF;
	border-radius: 50%;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.25);
}
#landing .sec13 .box .controls .left .time_con {
    font-family: 'lt_Bk';
    font-size: 1.4rem;
}
#landing .sec13 .box .controls .right {
	font-family: 'lt_Bk';
    font-size: 1.5rem;
    color: #4642AE;
}
/* 섹션15 */
#landing .sec15 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec15_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8rem 3rem;
}
#landing .sec15 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec15 .box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
    margin-bottom: 10rem;
}
#landing .sec15 .box .top .left {
    display: flex;
    flex-direction: column;
}
#landing .sec15 .box .top .quiz {
    width: 50rem;
    max-width: 60%;
}
#landing .sec15 .box .bottom {
    display: flex;
    align-items: flex-end;
    column-gap: 3%;
}
#landing .sec15 .box .bottom .con {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2rem;
}
#landing .sec15 .box .bottom .con:nth-child(1) {
    width: 52%;
}
#landing .sec15 .box .bottom .con:nth-child(2) {
    width: 45%;
}
#landing .sec15 .box .bottom .con .website {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 6px solid #4642AE;
}
#landing .sec15 .box .bottom .con .btn {
    min-width: 30rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 13px 20px rgba(70, 66, 174, 0.19), inset 2px 3px 4px rgba(255, 255, 255, 0.61);
    font-family: 'naGo_ExB';
	font-size: 1.6rem;
    text-align: center;
    padding: 1.3rem 1rem;
}
#landing .sec15 .box .bottom .con .btn.v1 {
    background-color: #4642AE;
    color: #FFF;
}
#landing .sec15 .box .bottom .con .btn.v2 {
    background-color: #F3F3F3;
	color: #4642AE;
}
/* 섹션17 */
#landing .sec17 {
    width: 100%;
    box-sizing: border-box;
    background-image: url('../img/landing_sec17_1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8rem 3rem;
    overflow: hidden;
}
#landing .sec17 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec17 .box .hw1 {
	display: flex;
    column-gap: 4%;
}
#landing .sec17 .box .hw1 .con {
    width: 30.6%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-color: #FFF;
    border-radius: 30px;
    box-shadow: 0 11px 18px rgba(16, 78, 95, 0.28);
	overflow: hidden;
}
#landing .sec17 .box .hw1 .con .txts {
	min-height: 20rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    padding: 3rem 2rem 1rem;
}
#landing .sec17 .box .con .hw_txt1 {
    font-family: 'naGo_B';
    font-size: 1.6rem;
    color: #104E5F;
    text-align: center;
    line-height: 140%;
}
#landing .sec17 .box .con .hw_txt2 {
    font-family: 'naGo';
    font-size: 1.3rem;
    color: #505050;
    text-align: center;
    line-height: 140%;
}
#landing .sec17 .box .hw1 .con .class {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 3.5rem;
}
#landing .sec17 .box .hw2 {
	display: flex;
    column-gap: 4%;
    margin-top: 4rem;
}
#landing .sec17 .box .hw2 .con {
    width: 30.6%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
}
#landing .sec17 .box .advantage {
    width: 70rem;
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    margin-top: 5rem;
    margin-bottom: -9rem;
}
/* 섹션20 */
#landing .sec20 {
    width: 100%;
	height: 65rem;
    box-sizing: border-box;
	position: relative;
	background-color: #FFF;
    padding: 6rem 3rem;
}
#landing .sec20 .box {
    max-width: 1400px;
	height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec20 .box .feature {
    width: 100%;
	height: 100%;
    box-sizing: border-box;
	position: relative;
}
#landing .sec20 .box .feature .img {
    width: 40rem;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#landing .sec20 .box .feature .texts {
    width: 28rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    position: absolute;
    background-color: #F6F6F6;
    border-radius: 25px;
    box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.25), inset 0 7px 4px rgba(255, 255, 255, 0.35);
    padding: 1.8rem;
	z-index: 1;
}
#landing .sec20 .box .feature .texts.v1 {
    top: 0%;
    left: 0%;
    transform: translate(10%, 40%);
    border-right: 12px solid #4642AE;
}
#landing .sec20 .box .feature .texts.v2 {
    top: 0%;
    right: 0%;
    transform: translate(-5%, 30%);
    border-left: 12px solid #1956C9;
}
#landing .sec20 .box .feature .texts.v3 {
    bottom: 0%;
    left: 0%;
    transform: translate(15%, -15%);
    border-right: 12px solid #308FBE;
}
#landing .sec20 .box .feature .texts.v4 {
    bottom: 0%;
    right: 0%;
    transform: translate(-5%, -60%);
    border-left: 12px solid #EBB840;
}
#landing .sec20 .box .feature .texts .text1 {
    font-family: 'naGo_B';
    font-size: 1.65rem;
}
#landing .sec20 .box .feature .texts.v1 .text1 {
    color: #4642AE;
    text-align: right;
}
#landing .sec20 .box .feature .texts.v2 .text1 {
    color: #1956C9;
    text-align: left;
}
#landing .sec20 .box .feature .texts.v3 .text1 {
    color: #308FBE;
    text-align: right;
}
#landing .sec20 .box .feature .texts.v4 .text1 {
    color: #EBB840;
    text-align: left;
}
#landing .sec20 .box .feature .texts .text2 {
	font-family: 'naGo';
    font-size: 1.25rem;
    color: #505050;
    line-height: 140%;
}
#landing .sec20 .box .feature .texts.v1 .text2 {
    text-align: right;
}
#landing .sec20 .box .feature .texts.v2 .text2 {
    text-align: left;
}
#landing .sec20 .box .feature .texts.v3 .text2 {
    text-align: right;
}
#landing .sec20 .box .feature .texts.v4 .text2 {
    text-align: left;
}
/* 섹션21 */
#landing .sec21 {
    width: 100%;
    box-sizing: border-box;
	background-color: #FAFAFA;
    padding: 6rem 3rem;
}
#landing .sec21 .box {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}
#landing .sec21 .box .advice {
	box-sizing: border-box;
    border: 3px solid #000;
    border-radius: 30px;
    padding: 4rem;
    margin-top: 5rem;
}
#landing .sec21 .box .advice .check_wrap {
	display: flex;
    align-items: center;
    column-gap: 0.5rem;
}
#landing .sec21 .box .advice .check_wrap.v2 {
    column-gap: 1rem;
}
#landing .sec21 .box .advice .c_txt {
	width: 5rem;
    font-family: 'naGo_B';
    font-size: 1.65rem;
    text-align: right;
}
#landing .sec21 .box .advice .c_txt2 {
    font-family: 'naGo';
    font-size: 1.45rem;
	cursor: pointer;
	transition: all .5s;
}
#landing .sec21 .box .advice .c_txt3 {
    font-family: 'naGo_B';
    font-size: 1.35rem;
	cursor: pointer;
	transition: all .5s;
}
#landing .sec21 .box .advice .c_txt4 {
    flex-shrink: 0;
    border-radius: 3px;
    font-family: 'naGo_B';
    font-size: 1.35rem;
    padding: 0.5rem;
	cursor: pointer;
	transition: all .5s;
}
#landing .sec21 .box .advice .c_input {
	min-width: 30rem;
    box-sizing: border-box;
    background-color: #D9D9D9;
    border: unset;
    font-family: 'naGo';
    font-size: 1.45rem;
    padding: 1rem;
}
#landing .sec21 .box .advice .c_chk {
    width: 2rem;
    height: 2rem;
	box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    background-color: #FFF;
    border: 3px solid #BABABA;
    border-radius: 50%;
    cursor: pointer;
    appearance: none;
    outline: 0;
    margin: 0;
    transition: all .5s;
}
#landing .sec21 .box .advice .c_chk:checked {
    background-color: #BABABA;
}
#landing .sec21 .box .advice .c_chk::after {
    content: '';
    width: 20%;
    height: 40%;
    display: none;
    position: absolute;
    top: 20%;
    left: 38%;
    border: 1px solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
#landing .sec21 .box .advice .c_chk:checked::after {
    display: block;
}
#landing .sec21 .box .advice .content1 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    column-gap: 2rem;
    margin-bottom: 3rem;
}
#landing .sec21 .box .advice .content1 .left {
	width: 60%;
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem;
}
#landing .sec21 .box .advice .content1 .left .wrap {
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
}
#landing .sec21 .box .advice .content1 .right {
	width: 40%;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
#landing .sec21 .box .advice .content1 .right .check {
	display: flex;
    align-items: center;
    column-gap: 1rem;
}
#landing .sec21 .box .advice .content2 {
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
}
#landing .sec21 .box .advice .content2 .wrap {
	display: flex;
    flex-direction: column;
    row-gap: 0.8rem;
}
#landing .sec21 .box .advice .content2 .wrap .top {
	display: flex;
    justify-content: space-between;
    column-gap: 1rem;
}
#landing .sec21 .box .advice .content2 .wrap .details {
	box-sizing: border-box;
	display: none;
    background-color: #F7F7F7;
    border: 1px solid #888;
    border-radius: 5px;
    font-family: 'naGo';
    font-size: 1.1rem;
    padding: 1.2rem;
}
#landing .sec21 .box .advice .button {
    width: fit-content;
	max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #828BD2;
    border-radius: 50px;
    font-family: 'naGo_ExB';
    font-size: 1.6rem;
    color: #FFF;
    padding: 1.2rem 5rem;
    margin: 0 auto;
    margin-top: 3rem;
}

/* ------------------------------------------------------------------------------------ */
/* 마우스 hover */
/* ✏ 상단(header.php) */
/* 메뉴의 텍스트 - 형광펜 */
#header .box .menu .list:hover .link:after {
	width: 100%;
	left: 0;
}
/* 메뉴의 텍스트 - 폰트 색상 변경 */
#header .box .menu .list:hover .link {
	color: #455EA1;
}

/* ------------------------------------------------------------------------------------ */
/* 마우스 hover PC 버전만 적용 */
@media (hover: hover) {
	/* ✏ 상단(header.php) */
	/* 메뉴 드롭 텍스트 - 폰트 색상 변경 */
	#header .box .menu .list .drop li a:hover {
		color: #455EA1;
	}
	/* 로그인/로그아웃 버튼 - 배경 색상 변경, 그림자 추가 */
	#header .box .btn .link:hover {
		background-color: #353380;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 신문보기 버튼 - 배경 색상 변경, 그림자 추가 */
	#header .box .btn .link2:hover {
		background-color: #FFDD00;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 모바일 메인 텍스트 - 배경 색상 및 폰트 색상 변경 */
	#header .box .mobile .mb_box .main:hover {
	    background-color: #455EA1;
		color: #FFF;
	}
	/* 모바일 메인의 화살표 - 배경 이미지 변경 */
	#header .box .mobile .mb_box .main:hover .arrow {
	    background-image: url('../img/arrow_bottom2.png');
	}
	/* 모바일 메인의 화살표의 위 - 배경 이미지 변경 */
	#header .box .mobile .mb_box .main:hover .arrow.up {
		background-image: url('../img/arrow_top2.png');
	}
	/* 모바일 서브 텍스트 - 폰트 색상 변경 */
	#header .box .mobile .mb_box .sub a:hover {
		color: #455EA1;
	}
	/* 모바일 버튼 텍스트 - 그림자 변경, 위로 가기 */
	#header .box .mobile .mb_box2 .btn:hover {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.32);
		transform: translateY(-2px);
	}
	
	/* ------------------------------------ */
	/* ✏ 하단(footer.php) */
	#footer .box .info2 .toggle_btn:hover {
		    color: #777;
	}

	/* ------------------------------------ */
	/* ✏ [공통] 뉴스 기사 */
	/* 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* 탭 버튼 - 배경 색상, 폰트 색상 변경 */
	.newsStory .ns_box .tabnav .btn:hover {
	    background-color: #151269;
	    color: #FFF;
	}
	/* 뉴스 버튼 - 그림자 변경 */
	.newsStory .ns_box .tabcontent .con .wrap:hover {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 뉴스 버튼의 뉴스 제목 텍스트 - 밑줄 색상 변경 */
	.newsStory .ns_box .tabcontent .con .wrap:hover .txts .news_ttxt {
		text-decoration-color: #121212;
	}
	/* 뉴스 버튼의 뉴스 내용 텍스트 - 밑줄 색상 변경 */
	.newsStory .ns_box .tabcontent .con .wrap:hover .txts .news_ctxt {
		text-decoration-color: #4B4B4B;
	}

	/* ------------------------------------ */
	/* ✏ 메인(index.html) */
	/* 섹션1 */
	/* 구독자 인증하기 버튼 - 배경 색상 변경 */
	#main .sec1 .box .title_txt .btn:hover {
		background-color: #E4C600;
	}
	/* 섹션2 */
	/* 버튼의 이미지 버튼 - 배경 색상 변경 */
	#main .sec2 .box .in .wrap:hover .btn {
		background-color: #AEABFF;
	}
	/* 버튼의 이미지 - 확대*/
	#main .sec2 .box .in .wrap:hover .icon {
	    transform: scale(1.1);
	}
	/* 버튼의 텍스트 - 폰트 색상 변경 */
	#main .sec2 .box .in .wrap:hover .txt {
		color: #AEABFF;
	}
	/* 섹션3 */
	/* 텍스트 버튼 - 배경 색상 및 그림자 추가 */
	#main2 .sec3 .box .news_txt .button:hover {
	    background-color: rgba(10, 67, 93, 0.05);
	    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 텍스트 버튼의 텍스트1 - 밑줄 색상 변경 */
	#main2 .sec3 .box .news_txt .button:hover .txt1 {
        text-decoration-color: #0A435D;
	}
	/* 텍스트 버튼의 텍스트2 - 밑줄 색상 변경 */
	#main2 .sec3 .box .news_txt .button:hover .txt2 {
        text-decoration-color: #2A2A2A;
	}
	/* 이미지 버튼 - 배경 색상 및 그림자 추가 */
	#main2 .sec3 .box .news_img .button:hover {
	    background-color: rgba(10, 67, 93, 0.05);
	    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 이미지 버튼의 이미지 박스 - 그림자 변경 */
	#main2 .sec3 .box .news_img .button:hover .img {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	/* 이미지 버튼의 이미지 박스의 이미지 - 확대 */
	#main2 .sec3 .box .news_img .button:hover .img img {
		transform: scale(1.1);
	}
	/* 이미지 버튼의 텍스트1 - 밑줄 색상 변경 */
	#main2 .sec3 .box .news_img .button:hover .txts .txt1 {
        text-decoration-color: #0A435D;
	}
	/* 이미지 버튼의 텍스트2 - 밑줄 색상 변경 */
	#main2 .sec3 .box .news_img .button:hover .txts .txt2 {
        text-decoration-color: #2A2A2A;
	}
	/* 섹션4 */
	/* 책 이미지 - 그림자 변경, 위로 가기 */
	#main .sec4 .box2 .con .img .in .book1:hover {
	    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
		transform: translateY(-5px);
	}
	/* 공통 구성2 */
	/* 이미지 버튼 - 그림자 변경 */
	#main .commonForm2 .con .news:hover {
	        box-shadow: 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0px -75px 75px 0px rgba(0, 0, 0, 0.4) inset, 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	/* 이미지 버튼의 이미지 - 확대 */
	#main .commonForm2 .con .news:hover .news_img {
		transform: translate(-50%, -50%) scale(1.1);
	}
	/* 뉴스 오른쪽 화살표 버튼 - 확대 */
	#main .commonForm2 .con .news .arrow_btn:hover {
	    transform: scale(1.1);
	}
	/* 왼쪽/오른쪽 화살표 버튼 - 확대 */
	#main .commonForm2 .button:hover {
	    transform: scale(1.1);
	}
	/* 페이지 버튼 - 배경 색상 변경 */
	#main .commonForm2 .swiper-pagination-bullet:hover {
		background-color: #4642AE;
	}
	/* 기사 샘플 보기 버튼 - 배경 색상 및 그림자 추가 */
	#main .commonForm2 .view_btn:hover {
		background-color: #353380;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 섹션7 */
	/* 화살표 버튼 - 그림자 변경 */
	#main .sec7 .box .news .wrap .con .arrow_btn:hover {
		background-color: #5B5BEC;
		box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.25);
	}
	/* 섹션9 */
	/* 버튼 - 배경 색상 변경, 그림자 추가 */
	#main .sec9 .box .btn:hover {
		background-color: #5B5BEC;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 섹션10 */
	/* 버튼 - 배경 색상 변경, 그림자 추가 */
	#main .sec10 .box .wrap .btn:hover {
		background-color: #5B5BEC;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 섹션12 */
	/* swiper 이전, 다음 버튼 - 확대 */
	#main .sec12 .box .textbook .button:hover {
		transform: scale(1.1);
	}
	/* 섹션14 */
	/* swiper 이전, 다음 버튼 - 확대 */
	#main .sec14 .box .review .button:hover {
		transform: scale(1.1);
	}
	
	/* ------------------------------------ */
	/* ✏ 메인2(index.html) */
	/* 공통 구성1 */
	/* 버튼 - 배경 색상 변경 */
	#main2 .commonForm1 .box .btn:hover {
	    background-color: #F8D54C;
	}
	/* 버튼2 - 배경 색상 및 폰트 색상 변경 */
	#main2 .commonForm1 .box2 .btns .btn2:hover {
	    background-color: rgba(0, 0, 0, 0.8);
		color: #FFF;
	}
	/* 섹션2 */
	/* 링크 버튼의 버튼 - 배경 색상 변경 */
	#main2 .sec2 .box .in .wrap:hover .btn {
	    background-color: rgba(255, 255, 255, 0.3);
	}
	/* 링크 버튼의 이미지 - 확대 */
    #main2 .sec2 .box .in .wrap:hover .btn .icon {
        transform: scale(1.1);
    }
	/* 링크 버튼의 텍스트 - 폰트 색상 변경 */
	#main2 .sec2 .box .in .wrap:hover .txt {
	    color: rgba(255, 255, 255, 0.7);
	}
	/* 섹션5 */
	/* swiper 버튼 - 확대 */
	#main2 .sec5 .box .swiperbtn:hover {
        transform: translate(0%, -50%) scale(1.1);
	}
	/* 공통 구성2 */
	/* 버튼 - 배경 색상 변경 */
	#main2 .commonForm2 .box .n_con .btn:hover {
		background-color: #F8D54C;
	}
	/* 공통 구성3 */
	/* 버튼 - 배경 색상 변경 */
	#main2 .commonForm3 .box .e_con .e_img .btn:hover {
		background-color: #F8D54C;
	}
	/* 공통 구성4 */
	/* 버튼 - 위로 가기 */
	#main2 .commonForm4 .box .right .btn:hover {
		transform: translateY(-5px);
	}
	/* 섹션21 */
	/* 퀴즈게임1의 체험하기 버튼 - 배경 색상 변경 */
	#main2 .sec21 .box .quizgame1 .qg_wrap .ex_btn:hover {
        background-color: #F8D54C;
	}
	/* 퀴즈게임1의 체험하기 버튼의 화살표 - 배경 색상 변경 */
	#main2 .sec21 .box .quizgame1 .qg_wrap .ex_btn:hover .arrow {
		background-color: #004545;
	}
	/* 퀴즈게임2의 체험하기 버튼 - 배경 색상 변경 */
	#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .btn:hover {
        background-color: #F8D54C;
	}
	/* 퀴즈게임2의 체험하기 버튼의 화살표 - 배경 색상 변경 */
	#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 .content .btn:hover .arrow {
        background-color: #004545;
	}
	/* 섹션23 */
	/* 체험하기 버튼 - 배경 색상 변경 */
	#main2 .sec23 .box .b_con .texts .btn:hover {
	    background-color: #F8D54C;
	}

	/* ------------------------------------ */
	/* ✏ [공통] AI 대화 */
	/* AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
	/* 마이크 OFF 버튼 - 배경 색상 변경 */
	#aiConversation .study .left .con .mike_btn:hover {
		background-color: #464593;
	}
	/* 마이크 ON 버튼 - 배경 색상 변경 */
	#aiConversation .study .left .con .mike_btn.on:hover {
		background-color: #EC4242;
	}
	/* 마이크 OFF 버튼의 아이콘 이미지 - 배경 이미지 변경 */
	#aiConversation .study .left .con .mike_btn:hover .check {
	    background-image: url('../img/icon_check2.png');
	}
	/* 마이크 ON 버튼의 아이콘 이미지 - 배경 이미지 변경 */
	#aiConversation .study .left .con .mike_btn.on:hover .check {
	    background-image: url('../img/icon_no2.png');
	}
	/* 마이크 텍스트 - 폰트 색상 변경 */
	#aiConversation .study .left .con .mike_btn:hover .txt {
	    color: #FFF;
	}
	/* 버튼 - 배경 색상 변경, 그림자 추가 */
    #aiConversation .btns .btn:hover {
        background-color: #353380;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }
	
	/* ------------------------------------ */
	/* ✏ AI 쓰기(ai_writing.php) */
	/* Writing 교정하기 버튼 - 배경 색상 변경, 그림자 추가, 위로 가기 */
	#aiWriting .study .btn:hover {
	    background-color: #455EA1;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		transform: translateY(-3px);
	}
	
	/* ------------------------------------ */
	/* ✏ 아나운싱(announcing.php) */
	/* START/FINISH 버튼 - 배경 색상 변경, 그림자 추가 */
	#announcing .study .recording_screen .btn .start_btn:hover {
		background-color: #DC3434;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2);
	}
	/* PLAY/STOP 버튼 - 배경 색상 변경, 그림자 추가 */
	#announcing .study .recording_screen .btn .play_btn:hover {
		background-color: #003378;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2);
	}

	/* ------------------------------------ */
	/* ✏ e-book(ebook.php) */
	/* 강의용 이북 바로 가기 버튼 - 배경 색상 변경, 그림자 추가, 위로 가기 */
	#ebook .study .btn:hover {
        background-color: #455EA1;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        transform: translateY(-3px);
	}

	/* ✏ [공통] 기사 보기 */
	/* 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* 섹션2 */
	/* 버튼 - 밑줄 색상 변경 */
	#articleView .sec2 .box .btn:hover::after {
		border-bottom: 1px solid #18173C;
	}
	/* 섹션3 */
	/* 구성2의 이미지 버튼 - 그림자 변경 */
	#articleView .sec3 .form2 .box .con .btn:hover {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	/* 구성2의 이미지 버튼의 이미지 - 확대 */
	#articleView .sec3 .form2 .box .con .btn:hover .introduction_img {
		transform: translate(-50%, -50%) scale(1.1);
	}
	/* 구성2의 페이지 버튼 - 배경 색상 변경 */
    #articleView .sec3 .form2 .box .swiper-pagination-bullet:hover {
        background-color: #4642AE;
    }
	/* 구성2의 왼쪽/오른쪽 화살표 버튼 - 확대 */
    #articleView .sec3 .form2 .box .swiper_btn:hover {
        transform: scale(1.1);
    }
	/* 구성3의 버튼 - 그림자 변경 */
	#articleView .sec3 .form3 .box .con .icons .btn:hover {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* Kinder(킨더) - 1 */
	/* 공통 구성3-1의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_storybook2.png');
	}
	/* 공통 구성3-1의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_leaf2.png');
	}
	/* 공통 구성3-1의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_dna2.png');
	}
	/* 공통 구성3-1의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_spaceship2.png');
	}
	/* 공통 구성3-1의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_duck2.png');
	}
	/* 공통 구성3-1의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style1 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_history2.png');
	}
	/* Kinder(킨더) - 2 */
	/* 공통 구성3-2의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_world2.png');
	}
	/* 공통 구성3-2의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_news2.png');
	}
	/* 공통 구성3-2의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_sport2.png');
	}
	/* 공통 구성3-2의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_travel2.png');
	}
	/* 공통 구성3-2의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_cat2.png');
	}
	/* 공통 구성3-2의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style2 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_education2.png');
	}
	/* Kinder(킨더) - 3 */
	/* 공통 구성3-3의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_language2.png');
	}
	/* 공통 구성3-3의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_imagination2.png');
	}
	/* 공통 구성3-3의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kinder .form3.style3 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_festival2.png');
	}
	/* Kids(키즈) - 1 */
	/* 공통 구성3-1의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_magnifier2.png');
	}
	/* 공통 구성3-1의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_mushroom2.png');
	}
	/* 공통 구성3-1의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_timer2.png');
	}
	/* 공통 구성3-1의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_book2.png');
	}
	/* 공통 구성3-1의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_day2.png');
	}
	/* 공통 구성3-1의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style1 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_calculator2.png');
	}
	/* Kids(키즈) - 2 */
	/* 공통 구성3-2의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_nobel2.png');
	}
	/* 공통 구성3-2의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_pyramid2.png');
	}
	/* 공통 구성3-2의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_robot2.png');
	}
	/* 공통 구성3-2의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_basketball2.png');
	}
	/* 공통 구성3-2의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_wave2.png');
	}
	/* 공통 구성3-2의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style2 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_pet2.png');
	}
	/* Kids(키즈) - 3 */
	/* 공통 구성3-3의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_flag2.png');
	}
	/* 공통 구성3-3의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_pisatower2.png');
	}
	/* 공통 구성3-3의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.kids .form3.style3 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_exploration2.png');
	}
	/* Junior(주니어) - 1 */
	/* 공통 구성3-1의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_university2.png');
	}
	/* 공통 구성3-1의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_countryball2.png');
	}
	/* 공통 구성3-1의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_monkey2.png');
	}
	/* 공통 구성3-1의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_sandglass2.png');
	}
	/* 공통 구성3-1의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_planet2.png');
	}
	/* 공통 구성3-1의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style1 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_people2.png');
	}
	/* Junior(주니어) - 2 */
	/* 공통 구성3-2의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_exercise2.png');
	}
	/* 공통 구성3-2의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_trojanhorse2.png');
	}
	/* 공통 구성3-2의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_co22.png');
	}
	/* 공통 구성3-2의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_leader2.png');
	}
	/* 공통 구성3-2의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_future2.png');
	}
	/* 공통 구성3-2의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style2 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_technology2.png');
	}
	/* Junior(주니어) - 3 */
	/* 공통 구성3-3의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_global2.png');
	}
	/* 공통 구성3-3의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_bag2.png');
	}
	/* 공통 구성3-3의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.junior .form3.style3 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_sushi2.png');
	}
	/* Teen(틴) - 1 */
	/* 공통 구성3-1의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_message2.png');
	}
	/* 공통 구성3-1의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_brain2.png');
	}
	/* 공통 구성3-1의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_umbrella2.png');
	}
	/* 공통 구성3-1의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_tips2.png');
	}
	/* 공통 구성3-1의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_arts2.png');
	}
	/* 공통 구성3-1의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style1 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_health2.png');
	}
	/* Teen(틴) - 2 */
	/* 공통 구성3-2의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_cell2.png');
	}
	/* 공통 구성3-2의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_climate2.png');
	}
	/* 공통 구성3-2의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_education2.png');
	}
	/* 공통 구성3-2의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_selfdevelopment2.png');
	}
	/* 공통 구성3-2의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_loudspeaker2.png');
	}
	/* 공통 구성3-2의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style2 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_robotics2.png');
	}
	/* Teen(틴) - 3 */
	/* 공통 구성3-3의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_business2.png');
	}
	/* 공통 구성3-3의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_location2.png');
	}
	/* 공통 구성3-3의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.teen .form3.style3 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_economics2.png');
	}
	/* General(제너럴) - 1 */
	/* 공통 구성3-1의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_past2.png');
	}
	/* 공통 구성3-1의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_earth2.png');
	}
	/* 공통 구성3-1의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_hotnews2.png');
	}
	/* 공통 구성3-1의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_toadstool2.png');
	}
	/* 공통 구성3-1의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_paints2.png');
	}
	/* 공통 구성3-1의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style1 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_hospital2.png');
	}
	/* General(제너럴) - 2 */
	/* 공통 구성3-2의 첫번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(1):hover .icon_img {
		background-image: url('../img/icon_persons2.png');
	}
	/* 공통 구성3-2의 두번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(2):hover .icon_img {
		background-image: url('../img/icon_photo2.png');
	}
	/* 공통 구성3-2의 세번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(3):hover .icon_img {
		background-image: url('../img/icon_idea2.png');
	}
	/* 공통 구성3-2의 네번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(4):hover .icon_img {
		background-image: url('../img/icon_paperairplane2.png');
	}
	/* 공통 구성3-2의 다섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(5):hover .icon_img {
		background-image: url('../img/icon_spotlight2.png');
	}
	/* 공통 구성3-2의 여섯번째 버튼 - 배경 이미지 변경 */
	#articleView .sec3.general .form3.style2 .box .con .icons .btn:nth-child(6):hover .icon_img {
		background-image: url('../img/icon_target2.png');
	}
	/* 구성3의 버튼의 텍스트1 - 폰트 색상 변경 */
	#articleView .sec3 .form3 .box .con .icons .btn:hover .txts .txt1 {
		color: #762F00;
	}
	/* 구성3의 버튼의 텍스트2 - 폰트 색상 변경 */
	#articleView .sec3 .form3 .box .con .icons .btn:hover .txts .txt2 {
		color: #762F00;
	}
	/* 구성3의 페이지 버튼 - 배경 색상 변경 */
	#articleView .sec3 .form3 .box .swiper-pagination-bullet:hover {
        background-color: #4642AE;
	}
	/* 구성3의 왼쪽/오른쪽 화살표 버튼 - 확대 */
	#articleView .sec3 .form3 .box .swiper_btn:hover {
        transform: scale(1.1);
	}
	
	/* ------------------------------------ */
	/* ✏ 학습 서비스(learning_service.html) */
	/* 섹션4 */
	/* 바로가기 버튼 - 배경 색상 변경, 그림자 추가, 위로 가기 */
	#learningService .sec4 .box .wrap .btn:hover {
	    background-color: #353380;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		transform: translateY(-5px);
	}
	/* 섹션6 */
	/* 바로가기 버튼 - 배경 색상 변경, 그림자 추가, 위로 가기 */
	#learningService .sec6 .box .wrap .btn:hover {
	    background-color: #353380;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		transform: translateY(-5px);
	}
	/* 섹션10 */
	/* 바로가기 버튼 - 배경 색상 변경, 그림자 추가, 위로 가기 */
	#learningService .sec10 .box .btn:hover {
	    background-color: #353380;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		transform: translate(-50%, 0%) translateY(-5px);
	}

	/* ------------------------------------ */
	/* ✏ 로그인(login.html) */
	/* 로그인 버튼, 회원가입 버튼 - 배경 색상 변경, 그림자 추가 */
	#login .box .wrap .input_box .loginjoin .btn:hover {
		background-color: #353380;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 아이디 저장 체크 박스 - 아이디 저장 텍스트 형광펜 */
	#login .box .wrap .input_box .savesearch .save .txt:hover::after {
		width: 100%;
		left: 0;
	}
	/* 아이디 저장 텍스트 - 형광펜 */
	#login .box .wrap .input_box .savesearch .save .check:hover + .txt::after {
		width: 100%;
		left: 0;
	}
	/* 아이디 찾기 텍스트, 비밀번호 찾기 텍스트 - 형광펜 */
	#login .box .wrap .input_box .savesearch .search .txt:hover::after {
		width: 100%;
		left: 0;
	}

	/* ------------------------------------ */
	/* ✏ 회원가입(join.html) */
	/* 중복 확인 버튼 - 배경 색상 변경, 그림자 추가 */
	#join .entry .wrap .sub .btn:hover {
	    background-color: #353380;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 회원가입 버튼 - 배경 색상 변경, 그림자 추가 */
	#join .join .btn:hover {
	    background-color: #353380;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 이용약관 체크박스 - 텍스트 형광펜 */
	#join .agree .total .wrap .check_wrap .check:hover + .txt::after {
	    width: 100%;
		left: 0;
	}
	/* 이용약관 텍스트 - 형광펜 */
	#join .agree .total .wrap .check_wrap .txt:hover::after {
	    width: 100%;
		left: 0;
	}
	
	/* ------------------------------------ */
	/* ✏ [공통] 탭 */
	/* 결제 최종(orderOnline.php) */
	/* 탭 버튼 - 배경 색상, 폰트 색상 변경 */
	.tabBox .btn:hover {
	    background-color: #4642AE;
	    color: #FFF;
	}

	/* ------------------------------------ */
	/* ✏ [공통] 결제 */
	/* 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
	/* 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
	/* -, + 버튼 - 배경 색상, 선 색상, 폰트 색상 변경 */
	#payment .paytable table tbody td.td2 .right .btn:hover {
	    background-color: #4642AE;
		border: 1px solid #4642AE;
		color: #FFF;
	}
	/* 선택상품 구독 신청 > 버튼 - 배경 색상 변경, 그림자 추가 */
	#payment .paytable table tfoot td .btn:hover {
		background-color: #353380;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 신청 > 버튼 - 배경 색상 변경, 그림자 추가 */
	#payment .paytable table tbody td.td4 .btn:hover {
		background-color: #353380;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 동의, 미동의 라디오 버튼 - 형광펜 */
	#payment .paytable table tbody td .radiobtn .agree:hover .txt::after {
		width: 100%;
		left: 0;
	}
	/* 결제하기 버튼 - 배경 색상 변경, 그림자 추가 */
	#payment .paytable .pay_btn .btn:hover {
		background-color: #353380;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 신청 > 버튼 - 배경 색상 변경, 그림자 추가 */
	#payment .order_list table td .btn:hover {
		background-color: #353380;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	/* 결제내역 바로가기 버튼 - 배경 색상 변경 */
	#payment .pay_result .pr_con .btn:hover {
		background-color: #353380;
	}

	/* ------------------------------------ */
	/* ✏ [공통] 페이징 */
	/* 지난 기사 리스트(last_article_list.php), 신문 기사보기 킨더(newspaper_view_kinder.html)
	/* 신문 기사보기 키즈(newspaper_view_kids.html), 신문 기사보기 주니어(newspaper_view_junior.html) */
	/* 신문 기사보기 틴(newspaper_view_teen.html), 신문 기사보기 제너럴(newspaper_view_general.html) */
	/* 버튼 - 배경 색상, 선 색상, 폰트 색상 변경 */
	.pagingBox .btn:hover {
	    background-color: #4642AE;
		border: 1px solid #4642AE;
		color: #FFF;
	}
	/* 버튼의 이전 버튼 - 배경 이미지 변경 */
	.pagingBox .btn:hover .arrow.left {
	    background-image: url('../img/arrow_left2.png');
	}
	/* 버튼의 다음 버튼 - 배경 이미지 변경 */
	.pagingBox .btn:hover .arrow.right {
	    background-image: url('../img/arrow_right2.png');
	}
	
	/* ------------------------------------ */
	/* ✏ 지난 기사 리스트(last_article_list.php) */
	/* 버튼 - 선 변경, 그림자 추가 */
	#lastArticleList .list .wrap:hover {
	    border: 1px solid #4642AE;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}

	/* ------------------------------------ */
	/* ✏ [공통] 온라인 학습 */
	/* 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	/* 섹션4 */
	#specialEdition .sec4 .box .book .img .b_wrap:hover {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	#specialEdition .sec4 .box .book .img .b_wrap:hover .book_img {
	    transform: scale(1.1);
	}
	#specialEdition .sec4 .box .book .img .b_wrap:hover .book_btn {
        background-color: #353380;
	}
	/* 미리 보기 버튼 - 버튼 색상 변경, 그림자 추가 */
	#specialEdition .sec4 .box .book .img .b_wrap .book_btn:hover {
        background-color: #353380;
	}
	/* 섹션 10 */
	/* swiper 이전, 다음 버튼 - 확대, 그림자 변경 */
	.onlineLearning .swiperbtn:hover {
		transform: translate(0%, -50%) scale(1.1);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	/* kinder swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.kinder .swiperbtn:hover {
		background-color: #8130BF;
	}
	/* kids swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.kids .swiperbtn:hover {
		background-color: #E61B16;
	}
	/* junior swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.junior .swiperbtn:hover {
		background-color: #008091;
	}
	/* teen swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.teen .swiperbtn:hover {
		background-color: #0E3688;
	}
	/* general swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.general .swiperbtn:hover {
		background-color: #051E3E;
	}
	/* special swiper 이전, 다음 버튼 - 배경 색상 변경 */
	.onlineLearning.special .swiperbtn:hover {
		background-color: #1268B3;
	}
	/* 무료체험 버튼 - 그림자 변경 */
	.onlineLearning .con .btn:hover {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* kinder 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.kinder .con .btn:hover {
		background-color: #8130BF;
	}
	/* kids 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.kids .con .btn:hover {
		background-color: #E61B16;
	}
	/* junior 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.junior .con .btn:hover {
		background-color: #008091;
	}
	/* teen 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.teen .con .btn:hover {
		background-color: #0E3688;
	}
	/* general 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.general .con .btn:hover {
		background-color: #051E3E;
	}
	/* special 무료체험 버튼 - 배경 색상 변경 */
	.onlineLearning.special .con .btn:hover {
		background-color: #1268B3;
	}

	/* ------------------------------------ */
	/* ✏ 스페셜 에디션(special_edition.html) */
	/* 온라인 학습 바로 가기 버튼 - 위로 가기, 그림자 추가 */
	#specialEdition .sec10 .box .link_btn:hover {
		transform: translateY(-3px);
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}

	/* ✏ [공통] 신문 기사보기 */
	/* 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* 신문 기사보기 제너럴(newspaper_view_general.html) */
	/* 섹션1 */
	/* 탭 버튼 - 배경 색상, 폰트 색상 변경 */
	#newspaperView .sec1 .box .btn:hover {
	    background-color: #4642AE;
	    color: #FFF;
	}
	/* 섹션2 */
	/* 기사/해석자료 버튼 - 배경 색상 변경, 그림자 추가 */
	#newspaperView .sec2 .box .search_box .btns .btn:hover {
		background-color: #302C94;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 단어학습자료 버튼 - 배경 색상 변경, 그림자 추가 */
	#newspaperView .sec2 .box .search_box .btns .btn:nth-child(2):hover {
		background-color: #254491;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 검색 버튼의 이미지 - 확대 */
	#newspaperView .sec2 .box .search_box .btn_search:hover .icon {
	    transform: scale(1.15);
	}
	/* 뉴스 버튼 - 그림자 변경 */
	#newspaperView .sec2 .box .newspaper_box .wrap:hover {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 뉴스 버튼의 첫번째 텍스트 - 밑줄 색상 변경 */
	#newspaperView .sec2 .box .newspaper_box .wrap:hover .texts .text1 {
		text-decoration-color: #4642AE;
	}
	/* 뉴스 버튼의 두번째 텍스트 - 밑줄 색상 변경 */
	#newspaperView .sec2 .box .newspaper_box .wrap:hover .texts .text2 {
		text-decoration-color: #121212;
	}
	/* 뉴스 버튼의 세번째 텍스트 - 밑줄 색상 변경 */
	#newspaperView .sec2 .box .newspaper_box .wrap:hover .texts .text3 {
		text-decoration-color: #202020;
	}
	
	/* ------------------------------------ */
	/* ✏ 랜딩(landing.html) */
	/* 공통 구성1 */
	/* 버튼 - 배경 색상 변경, 그림자 추가 */
	#landing .commonForm1 .box .btns .btn:hover {
		background-color: #0C1759;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 섹션2 */
	/* 버튼 - 확대 */
	#landing .sec2 .box .left .swiperbtn:hover {
		transform: translate(0%, -50%) scale(1.1);
	}
	/* 섹션4 */
	/* 버튼 - 배경 색상 변경 */
	#landing .sec4 .box .first .s_con .wrap .btn:hover {
		background-color: #456BA8;
	}
	/* 버튼의 텍스트 - 폰트 색상 변경 */
	#landing .sec4 .box .first .s_con .wrap .btn:hover .txt {
		color: #FFF;
	}
	/* 섹션5 */
	/* 펼치기 버튼 - 배경 색상 변경 */
	#landing .sec5 .box .writing .proofreading .button:hover {
		background-color: #3D4387;
	}
	/* 접기 버튼 - 배경 색상 변경 */
	#landing .sec5 .box .writing .open .close:hover {
		background-color: #E0E2FF;
	}
	/* 섹션9 */
	/* 체험하기 버튼 - 위로 가기, 배경 색상 및 선 아래 색상 변경, 그림자 추가 */
	#landing .sec9 .box .swiper .con .bg3 .wrap .btn:hover {
		transform: translate(-50%, -8%);
		background-color: #515AA8;
		border-bottom: 8px solid #121936;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 활성화된 체험하기 버튼 - 위로 가기, 배경 색상 및 선 아래 색상 변경, 그림자 추가 */
	#landing .sec9 .box .swiper .swiper-slide.swiper-slide-active .con .bg3 .wrap .btn:hover {
		transform: translate(-50%, -8%);
		background-color: #042F85;
		border-bottom: 8px solid #00073B;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}
	/* 이전, 다음 버튼 - 확대 */
	#landing .sec9 .box .swiper .swiperbtn:hover {
		background-color: #D6E6FF;
		transform: translate(0%, -50%) scale(1.1);
	}
	/* 공통 구성2 */
	/* 버튼 - 배경 색상 변경, 위로 가기 */
	#landing .commonForm2 .box .right .btn:hover {
		background-color: #C7D7FF;
		transform: translateY(-5px);
	}
	/* 섹션12 */
	/* 펼치기 버튼 - 배경 색상 변경 */
	#landing .sec12 .list .box .open_btn:hover {
		background-color: #9793D9;
	}
	/* 펼치기 버튼의 텍스트 - 폰트 색상 변경 */
	#landing .sec12 .list .box .open_btn:hover .text {
		color: #FFF;
	}
	/* 펼치기 버튼의 화살표 - 배경 색상 변경 */
	#landing .sec12 .list .box .open_btn:hover .arrow {
		background-color: #17154D;
	}
	/* 접기 버튼 - 배경 색상 변경 */
	#landing .sec12 .open .learn2 .box .close:hover {
		background-color: #E0E2FF;
	}
	/* 섹션13 */
	/* 재생/일시정지 버튼 - 확대 */
	#landing .sec13 .box .controls .left .btn_con:hover img {
		transform: scale(1.1);
	}
	/* 섹션15 */
	/* 버튼 - 배경 색상 및 폰트 색상 변경 */
	#landing .sec15 .box .bottom .con .btn:hover {
		background-color: #181554;
		color: #FFF;
	}
	/* 섹션21 */
	/* 체크 박스의 요소 - 배경 색상 변경 */
	#landing .sec21 .box .advice .check_wrap:hover .c_chk {
		background-color: #BABABA;
	}
	/* 체크 박스의 체크 - 보이기 */
	#landing .sec21 .box .advice .check_wrap:hover .c_chk::after {
		display: block;
	}
	/* 체크 박스의 텍스트2 - 폰트 색상 변경 */
	#landing .sec21 .box .advice .check_wrap:hover .c_txt2 {
		color: #888;
	}
	/* 체크 박스의 텍스트3 - 폰트 색상 변경 */
	#landing .sec21 .box .advice .check_wrap:hover .c_txt3 {
		color: #888;
	}
	/* 내용 보기 + 텍스트 - 배경 색상 추가 및 폰트 색상 변경 */
	#landing .sec21 .box .advice .c_txt4:hover {
		background-color: #E8E8E8;
		color: #888;
	}
	/* 상담 신청하기 버튼 - 배경 색상 변경 */
	#landing .sec21 .box .advice .button:hover {
		background-color: #445096;
	}
}

/* ------------------------------------------------------------------------------------ */
/* 반응형 */
/* PC 기준 */
@media only screen and (max-width: 1600px) {
	/* [1600px] ✏ 초기화 */
	html {
		font-size: 15px;
	}

	/* ------------------------------------ */
	/* [1600px] ✏ 메인(index.html) */
	/* [1600px] 섹션4 */
	#main .sec4 .box2 .con .important .trapezoid {
		width: 49rem;
	}
	#main .sec4 .box2 .con .important .book2 {
		width: 25rem;
		left: 4.5rem;
		bottom: 8rem;
	}
	
	/* ------------------------------------ */
	/* [1600px] ✏ [공통] AI 대화 */
	/* [1600px] AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
	#aiConversation .study .right {
		max-height: 36rem;
	}
}
@media only screen and (max-width: 1400px) {
	/* [1400px] ✏ 초기화 */
	html {
		font-size: 14px;
	}

	/* ------------------------------------ */
	/* [1400px] ✏ 메인(index.html) */
	/* [1400px] 섹션4 */
	#main .sec4 .box2 .con .important .trapezoid {
		width: 46rem;
	}
	#main .sec4 .box2 .con .important .book2 {
        width: 23rem;
        left: 4rem;
        bottom: 11rem;
	}

	/* ------------------------------------ */
	/* [1400px] ✏ [공통] AI 대화 */
	/* [1400px] AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
	#aiConversation .study .right {
		max-height: 37rem;
	}
}
@media only screen and (max-width: 1280px) {
	/* [1280px] ✏ 초기화 */
	html {
		font-size: 13px;
	}

	/* ------------------------------------ */
	/* [1280px] ✏ 상단(header.php) */
	#header {
		height: 100px;
	}
    #header .box .menu {
        display: none;
    }
    #header .box .btn {
        display: none;
    }
	#header .box .burger {
		display: block;
	}
	#header .box .mobile.open {
		display: block;
	}
	#header .box .mobile_bg.set {
		display: block;
	}
	#header .box .mobile .mb_box {
		margin-top: 100px;
	}
	#header .box .mobile .mb_box2 .btn {
		padding: 0.8rem 1rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 하단(footer.php) */
	#footer .box .info2 .text {
		font-size: 1.1rem;
	}
	#footer .box .info2 .toggle_btn {
		font-size: 1.1rem;
	}
	#footer .box .info .logo {
		width: 19.25rem;
	}
	#footer .box .info .txt {
		font-size: 1.05rem;
	}
	#footer .box .copyright {
		font-size: 1.225rem;
	}

	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 페이지 */
	/* [1280px] 메인(index.html), AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php) */
	/* [1280px] 아나운싱(announcing.php), e-book(ebook.php) */
	/* [1280px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1280px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html), 학습 서비스(learning_service.html) */
	/* [1280px] 로그인(login.html), 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [1280px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1280px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1280px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	/* [1280px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [1280px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [1280px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [1280px] 신문 기사보기 제너럴(newspaper_view_general.html), 구독정보(subscription_info.php) */
	/* [1280px] AI 대화 시작(ai_conversation_start.php) */
	.page {
		margin-top: 100px;
	}

	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 뉴스 기사 */
	/* [1280px] 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1280px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	.newsStory .ns_box .tabcontent .con .wrap {
		height: 22.5rem;
	}
	.newsStory .ns_box .tabcontent .con .wrap .txts .news_ctxt {
		-webkit-line-clamp: 9;
	}

	/* ------------------------------------ */
	/* [1280px] ✏ 메인(index.html) */
	/* [1280px] 섹션1 */
	#main .sec1 .box .left_img {
		width: 40%;
		transform: translate(10%, -50%);
	}
	#main .sec1 .box .title_txt {
	    padding: 8.8rem 1.5rem 8.8rem 0;
	}
	#main .sec1 .box .title_txt .title1 {
		font-size: 3.3rem;
	}
	#main .sec1 .box .title_txt .title2 {
		font-size: 1.7rem;
	}
	#main .sec1 .box .title_txt .title3 {
		font-size: 2.2rem;
	}
	/* [1280px] 공통 텍스트 */
	#main .txtMain {
		font-size: 3.5rem;
	}
	#main .txtSub {
		font-size: 1.9rem;
	}
	#main .txtSub.v2 {
		font-size: 2.8rem;
	}
	/* [1280px] 섹션3 */
	#main2 .sec3 .box .news_img .button .img {
		height: 16rem;
	}
	/* [1280px] 섹션4 */
	#main .sec4 .box2 .con .important .trapezoid {
		width: 43rem;
	}
	#main .sec4 .box2 .con .important .trapezoid .in {
		transform: skew(15deg) translate(-5rem, 0);
	}
	#main .sec4 .box2 .con .important .book2 {
        width: 21rem;
		left: 5.5rem;
        bottom: 13rem;
	}
	/* [1280px] 공통 구성2 */
	#main .commonForm2 .con .news.news1 {
		min-height: 30rem;
	}
	#main .commonForm2 .view_btn {
        right: 42px;
	    font-size: 1.1rem;
	} 
	/* [1280px] 섹션7 */
	#main .sec7 .box .news .wrap .person {
		width: 33rem;
		left: -20rem;
	}
	#main .sec7 .box .news .wrap .con {
		min-height: 23rem;
	}
	#main .sec7 .box .news .wrap .con .txts .txt2 {
		width: 100%;
	}
	#main .sec7 .box .news .wrap .icon {
		width: 9rem;
	}
	/* [1280px] 섹션9 */
	#main .sec9 .announcer {
		width: 28rem;
		left: 5%;
	}
	#main .sec9 .commonForm1 {
	    padding-left: 19rem;
	}
	#main .sec9 .box .point {
        width: 11rem;
        transform: translate(185%, -40%);
	}
	/* [1280px] 섹션12 */
    #main .sec12 .box .text2 {
        font-size: 7rem;
    }
	/* [1280px] 섹션14 */
	#main .sec14 .box .review .wrap {
		min-height: 28rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 메인2(index.html) */
	/* [1280px] 공통 구성1 */
	#main2 .commonForm1 .box .txt1 {
		font-size: 3.4rem;
	}
	#main2 .commonForm1 .box .txt2 {
		font-size: 1.7rem;
	}
	#main2 .commonForm1 .box2 .texts .text1 {
		font-size: 3.4rem;
	}
	#main2 .commonForm1 .box2 .texts .text2 {
		font-size: 2.3rem;
	}
	#main2 .commonForm1 .box2 .btns {
		column-gap: 1.5rem;
	}
	/* [1280px] 섹션5 */
	#main2 .sec5 .box .swiper_con .con .book {
		width: 17rem;
	}
	/* [1280px] 공통 구성2 */
	#main2 .commonForm2 .box .n_con {
		column-gap: 3rem;
	}
	#main2 .commonForm2 .box .n_con .news .n_wrap {
		column-gap: 2rem;
	}
	#main2 .commonForm2 .box .n_con.v2 {
		column-gap: 2rem;
	}
	/* [1280px] 공통 구성3 */
	#main2 .commonForm3 .box .e_con .e_img .emily {
		width: 32rem;
	}
	/* [1280px] 공통 구성4 */
	#main2 .commonForm4 .box .left .text {
		font-size: 3rem;
	}
	#main2 .commonForm4 .box .right .text {
		font-size: 1.7rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ [공통] AI 대화 */
	/* [1280px] AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
	#aiConversation .study .right .speech .bubble {
		max-width: 70%;
	}
	#aiConversation .study .right .speech .bubble::after {
		bottom: 7px;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 아나운싱(announcing.php) */
	#announcing .study .recording_screen {
		width: 30.5rem;
		height: 30.5rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ e-book(ebook.php) */
	#ebook .study {
		column-gap: 0.6rem;
	}
	#ebook .study .btn {
		font-size: 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 기사 보기 */
	/* [1280px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1280px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [1280px] 섹션1 */
	#articleView .sec1 .box .txtbox {
		padding: 11rem 2rem;
	}
	/* [1280px] 섹션2 */
	#articleView .sec2 .box {
		column-gap: 1.3rem;
	}
	#articleView .sec2 .box .btn::after {
		bottom: -1rem;
	}
	/* [1280px] 섹션3 */
	#articleView .sec3 .form2 .box .con {
		column-gap: 2%;
		row-gap: 2rem;
	}
	#articleView .sec3 .form2 .box .con .btn {
		width: 32%;
		min-height: 19rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 학습 서비스(learning_service.html) */
	/* [1280px] 섹션1 */
	#learningService .sec1 .box .cellphone {
		right: -6%;
	}
	/* [1280px] 섹션2 */
	#learningService .sec2 .box .mobile {
		width: 34rem;
	}
	/* [1280px] 섹션10 */
	#learningService .sec10 {
		height: 37rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 로그인(login.html) */
	#login .box .wrap .input_box {
		padding: 2rem 3rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 온라인 학습 */
	/* [1280px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1280px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1280px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	.onlineLearning .swiper-button-prev {
		left: 31.5%;
	}
	.onlineLearning .swiper-button-next {
		right: 31.5%;
	}

	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 영자신문 소개 */
	/* [1280px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1280px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1280px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html) */
	/* [1280px] 섹션1 */
	#enewsIntroduction .sec1 .box .book {
		width: 18rem;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 스페셜 에디션(special_edition.html) */
	/* [1280px] 섹션8 */
	#specialEdition .sec8 .box {
		column-gap: 3%;
		row-gap: 3rem;
	}
	#specialEdition .sec8 .box .wrap {
		width: 31.3%;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ [공통] 신문 기사보기 */
	/* [1280px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [1280px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [1280px] 신문 기사보기 제너럴(newspaper_view_general.html) */
	#newspaperView .sec1 .box {
		column-gap: 0.8rem;
	}
	#newspaperView .sec2 .box .search_box .search {
		width: 30rem;
	}
	#newspaperView .sec2 .box .newspaper_box .wrap {
		height: 26rem;
	}
	#newspaperView .sec2 .box .newspaper_box .wrap .texts .text3 {
		-webkit-line-clamp: 9;
	}
	
	/* ------------------------------------ */
	/* [1280px] ✏ 랜딩(landing.html) */
	/* [1280px] 공통 구성1 */
	#landing .commonForm1.sec1 {
		padding: 6rem 3rem 11rem;
	}
	#landing .commonForm1.sec3 {
		padding: 9rem 3rem 17rem;
	}
	#landing .commonForm1 .box .txt1 {
		font-size: 3.4rem;
	}
	#landing .commonForm1 .box .txt2 {
		font-size: 1.7rem;
	}
	#landing .commonForm1 .box .btns {
		column-gap: 1.5rem;
	}
	#landing .commonForm1 .box .btns .btn {
		font-size: 1.3rem;
	}
	/* [1280px] 섹션2 */
	#landing .sec2 .box .left {
		width: 45rem;
	}
	#landing .sec2 .box .right .r_text {
		font-size: 2.7rem;
	}
	/* [1280px] 공통 텍스트 */
	#landing .titleMainTxt {
		font-size: 2.8rem;
	}
	/* [1280px] 섹션4 */
	#landing .sec4 .box .first {
		padding: 25rem 3rem 18rem;
	}
	#landing .sec4 .box .first .s_con {
		column-gap: 5%;
	}
	#landing .sec4 .box .first .s_con .wrap {
		width: 30%;
	}
	#landing .sec4 .box2 .left {
		width: 50rem;
		padding: 4rem 10rem 4rem 14rem;
	    margin-left: -3.6rem;
	}
	#landing .sec4 .box2 .right .writing {
		width: 65rem;
	}
	/* [1280px] 공통 구성2 */
	#landing .commonForm2 .box .left .txt1 {
		font-size: 2.8rem;
	}
	#landing .commonForm2 .box .left .txt2 {
		font-size: 1.7rem;
	}
	/* [1280px] 섹션12 */
	#landing .sec12 .list .box {
		width: 72rem;
	    flex-wrap: wrap;
	    column-gap: 3%;
		row-gap: 2rem;
	}
	#landing .sec12 .list .box .btn {
		width: 14.1%;
	}
	#landing .sec12 .list .box .btn .img {
		border-radius: 20px;
	}
	#landing .sec12 .list .box .btn .img::before {
		width: 8rem;
		left: 17%;
	}
	#landing .sec12 .list .box .btn:nth-child(7) .img::before {
		display: none;
	}
	#landing .sec12 .open .learn1 .box .wrap .img .mp3 .line {
		width: 23rem;
	}
	/* [1280px] 섹션15 */
	#landing .sec15 .box .top .quiz {
        width: 45rem;
	}
	/* [1280px] 섹션20 */
	#landing .sec20 .box .feature .img {
		width: 35rem;
	}
	#landing .sec20 .box .feature .texts {
		width: 26rem;
	}
	#landing .sec20 .box .feature .texts.v1 {
		transform: translate(10%, 30%);
	}
	#landing .sec20 .box .feature .texts.v2 {
		transform: translate(-5%, 20%);
	}
	#landing .sec20 .box .feature .texts.v4 {
		transform: translate(-5%, -30%);
	}
}
/* TABLET 기준 */
@media only screen and (max-width: 1023px) {
	/* [1023px] ✏ 초기화 */
	html {
		font-size: 12px;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ 상단(header.php) */
	#header {
		height: 80px;
		padding: 0 2rem;
	}
	#header .box .mobile .mb_box {
		margin-top: 80px;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ 하단(footer.php) */
	#footer {
		padding: 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 페이지 */
	/* [1023px] 메인(index.html), AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php) */
	/* [1023px] 아나운싱(announcing.php), e-book(ebook.php) */
	/* [1023px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1023px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html), 학습 서비스(learning_service.html) */
	/* [1023px] 로그인(login.html), 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [1023px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1023px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1023px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	/* [1023px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [1023px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [1023px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [1023px] 신문 기사보기 제너럴(newspaper_view_general.html), 구독정보(subscription_info.php) */
	/* [1023px] AI 대화 시작(ai_conversation_start.php) */
	.page {
		margin-top: 80px;
	}
	.page .substance {
		padding: 4rem 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 뉴스 기사 */
	/* [1023px] 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1023px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	.newsStory {
		padding: 0 2rem 4rem;
	}
	.newsStory .ns_box .tabnav .btn {
		font-size: 1.7rem;
	}
    .newsStory .ns_box .tabcontent .con .wrap {
        height: 19.5rem;
    }
    .newsStory .ns_box .tabcontent .con .wrap .txts .news_ctxt {
        -webkit-line-clamp: 7;
    }

	/* ------------------------------------ */
	/* [1023px] ✏ 메인(index.html) */
	/* [1023px] 섹션1 */
	#main .sec1 .box {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;		
		padding: 5rem 1.5rem;
	}
	#main .sec1 .box .left_img {
		width: 33rem;
		position: unset;
		transform: unset;
        margin-top: 3rem;
	}
	#main .sec1 .box .point {
		left: 50%;
		right: unset;
		transform: translate(-50%, -50%);
	}
	#main .sec1 .box .title_txt {
		width: 100%;
		padding: unset;
		margin: 0 auto;
	}
	#main .sec1 .box .title_txt .title1 {
		font-size: 3.1rem;
	}
	#main .sec1 .box .title_txt .title2 {
		font-size: 1.6rem;
	}
    #main .sec1 .box .title_txt .title3 {
        font-size: 2.1rem;
    }
	/* [1023px] 섹션2 */
    #main .sec2 {
        padding: 3rem 2rem;
    }
    #main .sec2 .box {
	    border-radius: 25px;
        padding: 3rem 1.5rem;
    }
	#main .sec2 .box .in {
	    width: 50rem;
		flex-wrap: wrap;
	    justify-content: center;
		column-gap: 3%;
		row-gap: 2rem;
	}
	#main .sec2 .box .in .wrap {
		width: 17.6%;
	}
	#main .sec2 .box .in .wrap:nth-child(5) .btn::before {
		display: none;
	}
	/* [1023px] 공통 텍스트 */
    #main .txtMain {
        font-size: 3.3rem;
    }
	#main .txtSub {
		font-size: 1.8rem;
	}
    #main .txtSub.v2 {
        font-size: 2.6rem;
    }
	/* [1023px] 섹션4 */
	#main .sec4 .box1 {
		padding: 10rem 2rem;
	}
	#main .sec4 .box2 .con .important .trapezoid {
		width: 40rem;
	}
	#main .sec4 .box2 .con .important .trapezoid .in {
		transform: skew(10deg) translate(-3.2rem, 0);
	}
	#main .sec4 .box2 .con .important .book2 {
        width: 19rem;
		left: 6.5rem;
        bottom: 16rem;
	}
	/* [1023px] 공통 구성2 */
	#main .commonForm2 .con .news.news1 {
		min-height: 27rem;
	}
	#main .commonForm2 .con .news .arrow_btn {
		width: 4.75rem;
		height: 4.75rem;
	}
    #main .commonForm2 .view_btn {
        right: 40px;
	    bottom: 15px;
    }
	#main .commonForm2 .swiper-pagination {
		bottom: 23px;
	}
	/* [1023px] 섹션5 */
	#main .sec5 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션6 */
	#main .sec6 .box {
		padding: 6rem 2rem;
	}
	/* [1023px] 섹션7 */
	#main .sec7 {
		padding: 8rem 2rem;
	}
	#main .sec7 .box .ai .right .wrap .speech .bubble {
		font-size: 1.4rem;
	}
	#main .sec7 .box .ai .right .txts .txt1 {
		font-size: 1.9rem;
	}
	#main .sec7 .box .ai .right .txts .txt2 {
		font-size: 1.5rem;
	}
	#main .sec7 .box .news .wrap .con .txts .txt2 .br {
		display: none;
	}
    #main .sec7 .box .news .wrap .person {
        width: 31rem;
        left: -19rem;
    }
    #main .sec7 .box .news .wrap .con {
        min-height: 26rem;
    }	
    #main .sec7 .box .news .wrap .con .txts .txt2 {
        width: 90%;
    }
	/* [1023px] 섹션8 */
	#main .sec8 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션9 */
	#main .sec9 {
		padding: 8rem 2rem;
	}
    #main .sec9 .announcer {
        width: 26rem;
        left: 0%;
    }
    #main .sec9 .commonForm1 {
        padding-left: 20rem;
    }
	#main .sec9 .box .point {
        width: 10rem;
        transform: translate(205%, -40%);
    }
	/* [1023px] 섹션10 */
	#main .sec10 {
		padding: 6rem 2rem;
	}
	#main .sec10 .box {
		column-gap: 3rem;
	}
	#main .sec10 .box .wrap {
	    min-height: 28rem;
		border: 3px solid #FFF;
	}
	#main .sec10 .box .wrap .texts .icon {
		width: 4rem;
	}
	#main .sec10 .box .wrap .texts .text2 br {
		display: none;
	}
	/* [1023px] 섹션11 */
	#main .sec11 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션12 */
	#main .sec12 {
		padding: 6rem 2rem;
	}
	/* [1023px] 섹션13 */
	#main .sec13 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션14 */
	#main .sec14 {
		padding: 7rem 2rem;
	}
	#main .sec14 .box .review {
		column-gap: 2rem;
	}
    #main .sec14 .box .review .wrap {
        min-height: 26rem;
    }
	/* [1023px] 섹션15 */
	#main .sec15 {
		padding: 8rem 2rem;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ 메인2(index.html) */
	/* [1023px] 공통 구성1 */
	#main2 .commonForm1 {
		padding: 5rem 2rem;
	}
	#main2 .commonForm1 .box .txt1 {
		font-size: 3.2rem;
	}
	#main2 .commonForm1 .box .txt2 {
		font-size: 1.6rem;
	}
    #main2 .commonForm1 .box2 .texts .text1 {
        font-size: 3.2rem;
    }
    #main2 .commonForm1 .box2 .texts .text2 {
        font-size: 2.2rem;
    }
    #main2 .commonForm1 .box2 .btns {
        width: 40rem;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 1.5rem;
        row-gap: 1.5rem;
    }
	#main2 .commonForm1 .box2 .btns .btn2 {
		min-width: 16rem;
	}
	/* [1023px] 섹션2 */
	#main2 .sec2 {
		padding: 4rem 2rem;
	}
    #main2 .sec2 .box {
        padding: 3rem 1.5rem;
    }
    #main2 .sec2 .box .in {
        width: 45rem;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 3%;
        row-gap: 2rem;
    }
    #main2 .sec2 .box .in .wrap {
        width: 17.6%;
    }
	#main2 .sec2 .box .in .wrap .txt {
		font-size: 1.1rem;ㅊ
	}
	/* [1023px] 공통 메인 제목 텍스트 */
	#main2 .mainTitleTxt {
		font-size: 3rem;
	}
	/* [1023px] 섹션3 */
	#main2 .sec3 {
		padding: 2rem 2rem 6rem;
	}
	#main2 .sec3 .box .news_txt {
		column-gap: 2%;
	}
	#main2 .sec3 .box .news_txt .button {
		width: 32%;
	}
	#main2 .sec3 .box .news_img {
		column-gap: 2%;
	}
	#main2 .sec3 .box .news_img .button {
		width: 32%;
	}
    #main2 .sec3 .box .news_img .button .img {
        height: 14rem;
    }
	/* [1023px] 섹션5 */
	#main2 .sec5 {
		padding: 7rem 2rem;
	}
	#main2 .sec5 .box .swiper_con {
		width: 45rem;
	}
	/* [1023px] 공통 구성2 */
	#main2 .commonForm2 {
		padding: 0rem 2rem 8rem;
	}
	#main2 .commonForm2.v2 {
		padding: 8rem 2rem;
	}
	#main2 .commonForm2 .box .n_con {
		height: 30rem;
		column-gap: 2rem;
	}
    #main2 .commonForm2 .box .n_con.v2 {
        column-gap: 1.5rem;
    }
	#main2 .commonForm2 .box .n_con .pdf {
		width: 22rem;
	}
    #main2 .commonForm2 .box .n_con .news .n_wrap {
        column-gap: 1.5rem;
    }
	#main2 .commonForm2 .box .n_con .news .n_wrap .n_img .news_img {
		width: 18rem;
	}
	#main2 .commonForm2 .box .n_con .n_txt.v2 {
		width: 18rem;
	}
	#main2 .commonForm2 .box .n_con .news2 .n_img .news_img {
		width: 18rem;
	}
	/* [1023px] 공통 구성3 */
	#main2 .commonForm3 {
		padding: 0rem 2rem 7rem;
	}
	#main2 .commonForm3 .box .e_con {
		column-gap: 3rem;
	}
    #main2 .commonForm3 .box .e_con .e_img .emily {
        width: 45rem;
    }
	#main2 .commonForm3 .box .e_txt .txt2 {
		width: 100%;
	}
	/* [1023px] 공통 구성4 */
    #main2 .commonForm4 .box .left .text {
        font-size: 2.8rem;
    }
	#main2 .commonForm4 .box .right .text {
		width: 25rem;
	}
	#main2 .commonForm4 .box .right .btn {
		min-width: 13rem;
	}
	#main2 .commonForm4 .box .right .btn .txt {
		margin-left: 2rem;
	}
	/* [1023px] 섹션21 */
	#main2 .sec21 {
		padding: 10rem 2rem;
	}
	#main2 .sec21 .box .quizgame1 {
		width: 28rem;
	}
	#main2 .sec21 .box .quizgame2 {
		width: 56rem;
		column-gap: 5%;
	}
	#main2 .sec21 .box .quizgame2 .qg_wrap {
		width: 30%;
	}
	#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in1 {
		height: 13rem;
	}
	/* [1023px] 섹션23 */
	#main2 .sec23 {
		padding: 7rem 2rem;
	}
	#main2 .sec23 .box .b_con {
		column-gap: 1rem;
	}
	#main2 .sec23 .box .b_con .blackboard {
		width: 32rem;
	}
	/* [1023px] 섹션27 */
	#main2 .sec27 {
		padding: 5rem 2rem;
	}
	#main2 .sec27 .box {
		column-gap: 5rem;
	}
	#main2 .sec27 .box .info2 {
		column-gap: 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 배너 */
	/* [1023px] AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
	/* [1023px] 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [1023px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [1023px] 구독정보(subscription_info.php), AI 대화 시작(ai_conversation_start.php) */
	.banner {
		padding: 5rem 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 메인 텍스트, 서브 텍스트, 질문 */
	/* [1023px] AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
	.title_btns {
	    width: 55%;
		column-gap: 1rem;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ [공통] AI 대화 */
	/* [1023px] AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
	#aiConversation .study {
		column-gap: 2%;
	}
	#aiConversation .study .left {
		width: 28%;
	}
    #aiConversation .study .right {
        width: 70%;
    }
	#aiConversation .study .right .speech .bubble {
		max-width: 80%;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ e-book(ebook.php) */
	#ebook .study {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 2%;
        row-gap: 1rem;
		margin-top: 4rem;
	}
	#ebook .study .btn {
        width: 32%;
		min-height: 9rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 기사 보기 */
	/* [1023px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [1023px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [1023px] 섹션1 */
	#articleView .sec1 .box .txtbox {
		padding: 11rem 1.5rem;
	}
	#articleView .sec1 .box .txtbox .title {
		font-size: 2.5rem;
	}
	/* 주니어 Junior */
	#articleView .sec1.junior .box .imgbox .person {
		height: 100%;
	}
	/* [1023px] 섹션2 */
	#articleView .sec2 {
		padding: 2.875rem 2rem;
	}
	/* [1023px] 섹션3 */
	#articleView .sec3 .form1 {
		padding: 6.25rem 2rem;
	}
    #articleView .sec3 .form1 .box .title {
        font-size: 2.3rem;
    }
	#articleView .sec3 .form2 {
		padding: 0 2rem;
	}
    #articleView .sec3 .form2 .box .con {
        row-gap: 1.5rem;
    }
    #articleView .sec3 .form2 .box .con .btn {
        min-height: 17rem;
    }
	#articleView .sec3 .form3 {
		padding: 0 2rem 4rem;
	}
	#articleView .sec3 .form3 .box .con .icons {
		column-gap: 2%;
		row-gap: 1.5rem;
	}
	#articleView .sec3 .form3 .box .con .icons .btn {
		width: 32%;
		border-radius: 15px;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ 학습 서비스(learning_service.html) */
	/* [1023px] 섹션1 */
	#learningService .sec1 .box .title {
		width: 65%;
	    font-size: 2.9rem;
	}
    #learningService .sec1 .box .cellphone {
        right: -9%;
    }
	/* [1023px] 섹션2 */
	#learningService .sec2 {
		padding: 8rem 2rem;
	}
	#learningService .sec2 .box .mobile {
		width: 30rem;
	}
	#learningService .sec2 .box .title {
		font-size: 2.4rem;
	}
	/* [1023px] 공통 구성1 */
	#learningService .commonForm1 .txt {
		font-size: 2.7rem;
	}
	/* [1023px] 섹션3 */
	#learningService .sec3 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션4 */
	#learningService .sec4 {
		padding: 5.5rem 2rem;
	}
	/* [1023px] 섹션5 */
	#learningService .sec5 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션6 */
	#learningService .sec6 {
		padding: 4rem 2rem;
	}
	/* [1023px] 섹션7 */
	#learningService .sec7 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션9 */
	#learningService .sec9 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션10 */
	#learningService .sec10 {
		height: 34rem;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ 로그인(loing.html) */
	#login {
		padding: 0 2rem;
	}
	#login .box .wrap .input_box {
		padding: 2rem;
	}
	#login .box .wrap .input_box .logo {
		width: 18rem;
	}
	#login .box .wrap .input_box .savesearch .save .check {
		width: 1.35rem;
		height: 1.35rem;
	}
	#login .box .wrap .input_box .savesearch .search .line {
		margin-top: 0.2rem;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ 회원가입(join.html) */
	#join .join {
		margin-top: 4rem;
	}
	#join .entry .wrap .main {
		width: 10rem;
	}
	#join .entry .wrap .sub {
		column-gap: 8px;
	}
	
	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 결제 */
	/* [1023px] 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
	/* [1023px] 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
	#payment .paytable table thead th {
		font-size: 1.2rem;
		padding: 0.9rem 1rem;
	}
	#payment .paytable table tbody td {
		padding: 0.8rem;
	}
	#payment .paytable table tbody td.td1 {
		width: 17%;
	}
	#payment .paytable table tbody td.td1 .wrap .weekly {
		font-size: 0.8rem;
	}
	#payment .paytable table tbody td.td1 .wrap .times {
		font-size: 1.2rem;
	}
	#payment .paytable table tbody td.td2 .left .month {
		font-size: 1.3rem;
	}
	#payment .paytable table tbody td.td2 .left .price {
		column-gap: 0.8rem;
	    font-size: 1.2rem;
	}
	#payment .paytable table tbody td.td2 .left .plus {
		font-size: 0.9rem;
	}
	#payment .paytable table tbody td.td2 .right .btn {
		font-size: 1rem;
	}
	#payment .paytable table tbody td.td3 {
	    width: 20%;
		font-size: 1.3rem;
	}
	#payment .paytable table tbody td.td4 .btn {
		width: 100%;
        column-gap: 0.3rem;
		font-size: 1.1rem;
		padding: 0.7rem 0.5rem;
	}
	#payment .paytable table tbody td.td4 .btn .arrow {
		width: 0.9rem;
	}
	#payment .paytable table tfoot td .wrap .txts .text {
		font-size: 1.4rem;
	}
	#payment .paytable table tfoot td .wrap .txts .total {
		font-size: 1.7rem;
	}
	#payment .paytable table tfoot td .wrap .btn {
		font-size: 1.1rem;
		padding: 0.7rem 1rem;
	}
	#payment .paytable table tfoot td .wrap .btn .arrow {
		width: 0.9rem;
	    column-gap: 0.3rem;
	}
	#payment .pay_result .pr_title {
		font-size: 1.6rem;
		padding: 1.4rem 1rem;
	}
	#payment .pay_result .pr_con table th {
		font-size: 1.3rem;
	}
	#payment .pay_result .pr_con table td {
		font-size: 1.2rem;
	}
	#payment .pay_result .pr_con .btn {
		font-size: 1.3rem;
	}
	#payment .order_list table td .btn {
		width: 100%;
        column-gap: 0.3rem;
		font-size: 1.1rem;
		padding: 0.7rem 0.5rem;
	}
	#payment .order_list table td .btn .arrow {
		width: 0.9rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ 지난 기사 리스트(last_article_list.php) */
	#lastArticleList .list .wrap {
		column-gap: 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 온라인 학습 */
	/* [1023px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1023px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1023px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	.onlineLearning .swiper-slide {
		padding: 0.7rem;
	}
	.onlineLearning .con .btn {
		padding: 0.4rem 1.25rem;
	}
	.onlineLearning .swiper-button-prev {
		left: 28.5%;
	}
	.onlineLearning .swiper-button-next {
		right: 28.5%;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 영자신문 소개 */
	/* [1023px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [1023px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [1023px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html) */
	/* [1023px] 섹션1 */
	#enewsIntroduction .sec1 {
		padding: 5rem 2rem;
	}
	#enewsIntroduction .sec1 .box {
		column-gap: 2rem;
	}
    #enewsIntroduction .sec1 .box .book {
        width: 16rem;
    }
    #enewsIntroduction .sec1 .box .txts .txt1 {
        font-size: 2.5rem;
    }
	#enewsIntroduction .sec1 .box .txts .txt2 {
		font-size: 1.6rem;
	}
	/* [1023px] 섹션2 */
	#enewsIntroduction .sec2 {
		padding: 5.75rem 2rem;
	}
	#enewsIntroduction .sec2 .box .introduction .wrap .txt1 {
		width: 10rem;
	}
	/* [1023px] 섹션3 */
	#enewsIntroduction .sec3 {
		padding: 0 2rem 5.75rem;
	}
	#enewsIntroduction .sec3 .box .tool {
		column-gap: 2%;
		row-gap: 2rem;
	}
	#enewsIntroduction .sec3 .box .tool .wrap {
		width: 32%;
		min-height: 19rem;
	}
	/* [1023px] 섹션4 */
	#enewsIntroduction .sec4 .box {
		padding: 0 2rem 5.75rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ 스페셜 에디션(special_edition.html) */
	/* [1023px] 섹션1 */
	#specialEdition .sec1 {
		padding: 5rem 2rem;
	}
	#specialEdition .sec1 .box .txts .txt1 {
		font-size: 1.45rem;
	}
	#specialEdition .sec1 .box .txts .txt2 {
		font-size: 3.4rem;
	}
	/* [1023px] 섹션2 */
	#specialEdition .sec2 {
		padding: 4.75rem 2rem;
	}
	/* [1023px] 공통 구성1 */
    #specialEdition .commonForm1 .box {
        padding: 3rem 2rem;
    }
    #specialEdition .commonForm1 .box .txt {
        font-size: 2.7rem;
    }
	#specialEdition .commonForm1 .box .txt br.no {
		display: block;
	}
	/* [1023px] 섹션4 */
	#specialEdition .sec4 {
		padding: 5.75rem 2rem;
	}
	#specialEdition .sec4 .box .book .img {
		column-gap: 6rem;
	}
	/* [1023px] 섹션6 */
	#specialEdition .sec6 {
		padding: 5.75rem 2rem;
	}
	#specialEdition .sec6 .box .book .img {
		width: 80%;
	}
	/* [1023px] 섹션8 */
	#specialEdition .sec8 {
		padding: 5.75rem 2rem;
	}
	#specialEdition .sec8 .box .wrap .txt1 {
		font-size: 1.7rem;
	}
	#specialEdition .sec8 .box .wrap .txt2 {
		font-size: 1.5rem;
		padding: 1.8rem;
	}
	/* [1023px] 섹션10 */
	#specialEdition .sec10 {
		padding: 5.75rem 2rem;
	}
	/* [1023px] 섹션11 */
	#specialEdition .sec11 {
		padding: 0 2rem 5.75rem;
	}
	#specialEdition .sec11 .box .reviews {
		column-gap: 2rem;
	}

	/* ------------------------------------ */
	/* [1023px] ✏ [공통] 신문 기사보기 */
	/* [1023px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [1023px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [1023px] 신문 기사보기 제너럴(newspaper_view_general.html) */
	#newspaperView .sec1 {
		padding: 2.5rem 2rem;
	}
    #newspaperView .sec1 .box {
        column-gap: 0.5rem;
    }
	#newspaperView .sec1 .box .btn {
		font-size: 1.35rem;
	}
	#newspaperView .sec2 {
		padding: 0 2rem 2rem;
	}
	#newspaperView .sec2 .box .search_box .number {
		min-width: 6rem;
	}
	#newspaperView .sec2 .box .search_box .search {
		width: 25rem;
	}
    #newspaperView .sec2 .box .newspaper_box .wrap {
        height: 24rem;
    }
    #newspaperView .sec2 .box .newspaper_box .wrap .texts .text3 {
        -webkit-line-clamp: 8;
    }
	
	/* ------------------------------------ */
	/* [1023px] ✏ 랜딩(landing.html) */
	/* [1023px] 공통 구성1 */
	#landing .commonForm1 {
		padding: 5rem 2rem;
	}
    #landing .commonForm1.sec1 {
        padding: 6rem 2rem 10rem;
    }
    #landing .commonForm1.sec3 {
        border-radius: 40px 40px 0 0;
        padding: 6rem 2rem 13rem;
    }
	#landing .commonForm1.sec11 {
		padding: 10rem 2rem 16rem;
	}
	#landing .commonForm1 .box .txt1 {
		font-size: 3.2rem;
	}
	#landing .commonForm1 .box .txt2 {
		font-size: 1.6rem;
	}
	/* [1023px] 섹션2 */
	#landing .sec2 {
        padding: 10rem 2rem 11rem;
	}
	#landing .sec2 .box {
		flex-direction: column;
        row-gap: 1rem;
	}
    #landing .sec2 .box .left {
        width: 50rem;
        max-width: 100%;
    }
    #landing .sec2 .box .right {
	    display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
    #landing .sec2 .box .right .r_text {
        font-size: 2.5rem;
        text-align: center;
    }
	/* [1023px] 공통 텍스트 */
	#landing .titleMainTxt {
        font-size: 2.6rem;
    }
	#landing .titleSubTxt {
		font-size: 1.7rem;
	}
	/* [1023px] 섹션4 */
    #landing .sec4 .box .first {
        padding: 23rem 2.5rem 12rem;
    }
	#landing .sec4 .box .first .s_con {
        column-gap: 4%;
	    row-gap: 4rem;
    }
    #landing .sec4 .box .first .s_con .wrap {
        width: 30.6%;
    }
	#landing .sec4 .box .first .s_con .wrap .icon {
		width: 10rem;
	}
	#landing .sec4 .box2 {
		margin-bottom: 5rem;
	}
    #landing .sec4 .box2 .left {
        width: 45rem;
        padding: 4rem 10rem 4rem 12rem;
        margin-left: -3.2rem;
    }
	#landing .sec4 .box2 .left .txt1 {
		font-size: 2.4rem;
	}
    #landing .sec4 .box2 .right .writing {
        width: 55rem;
    }
	/* [1023px] 섹션5 */
	#landing .sec5 {
		padding: 5rem 2rem 6rem;
	}
	#landing .sec5 .box .writing .open .close {
		border-radius: 15px;
	}
	/* [1023px] 섹션6 */
	#landing .sec7 {
		padding: 8rem 2rem;
	}
	/* [1023px] 섹션9 */
	#landing .sec9 {
		padding: 8rem 2rem;
	}
	#landing .sec9 .box .video {
		border-radius: 40px;
		padding: 1.5rem;
	}
	#landing .sec9 .box .video .overlay {
		inset: 1.5rem;
	}
	/* [1023px] 공통 구성2 */
	#landing .commonForm2 {
		padding: 3rem 2rem;
	}
	#landing .commonForm2 .box .left .txt1 {
		font-size: 2.6rem;
	}
	#landing .commonForm2 .box .left .txt2 {
		font-size: 1.6rem;
	}
	#landing .commonForm2 .box .right .books {
		width: 16rem;
	}
	#landing .commonForm2 .box .right .btn .text {
		font-size: 1.5rem;
	}
	/* [1023px] 섹션12 */
	#landing .sec12 {
		padding: 6rem 0 0;
	}
	#landing .sec12 .process {
		padding: 0 2rem 6rem;
	}
	#landing .sec12 .process .box {
		padding: 0 2rem;
	}
	#landing .sec12 .process .box .btn {
        border: 2px solid #4642AE;
		border-radius: 15px;
	}
	#landing .sec12 .process .box .btn br {
		display: block;
	}
    #landing .sec12 .list .box {
        width: 59rem;
        row-gap: 1.5rem;
        padding: 9rem 2rem 5.5rem;
    }
	#landing .sec12 .open .learn1 {
		padding: 1rem 2rem 6rem;
	}
	#landing .sec12 .open .learn2 .box {
		padding: 5rem 2rem;
	}
	#landing .sec12 .open .learn2 .box .wrap .mp3 .line.v2 {
		width: 50rem;
	}
	#landing .sec12 .open .learn2 .box .close {
		border-radius: 15px;
	}
	/* [1023px] 섹션13 */
	#landing .sec13 {
		padding: 3rem 2rem 9rem;
	}
	#landing .sec13 .box .video {
		border: 15px solid #FFF;
		border-radius: 25px;
	}
	#landing .sec13 .box .video video {
		border-radius: 20px;
	}
	/* [1023px] 섹션15 */
	#landing .sec15 {
		padding: 8rem 2rem;
	}
    #landing .sec15 .box .top .quiz {
        width: 40rem;
    }
	/* [1023px] 섹션17 */
	#landing .sec17 {
		padding: 8rem 2rem;
	}
	#landing .sec17 .box .hw1 {
		column-gap: 3%;
	}
	#landing .sec17 .box .hw1 .con {
		width: 31.3%;
	}
	#landing .sec17 .box .hw1 .con .txts {
		min-height: 22rem;
		padding: 3rem 1.5rem 1rem;
	}
	#landing .sec17 .box .hw2 {
		column-gap: 3%;
	}
	#landing .sec17 .box .hw2 .con {
		width: 31.3%;
	}
	#landing .sec17 .box .advantage {
		width: 65rem;
	}
	/* [1023px] 섹션20 */
	#landing .sec20 {
		padding: 6rem 2rem;
	}
    #landing .sec20 .box .feature .img {
        width: 30rem;
    }
	/* [1023px] 섹션21 */
	#landing .sec21 {
		padding: 6rem 2rem;
	}
	#landing .sec21 .box .advice .c_input {
		min-width: 24rem;
	}
	#landing .sec21 .box .advice .content1 .left {
		width: 70%;
	}
	#landing .sec21 .box .advice .content1 .right {
		width: 30%;
	}
}
/* MOBILE 기준 */
@media only screen and (max-width: 767px) {
	/* [767px] ✏ 초기화 */
	html {
		font-size: 11px;
	}

	/* ------------------------------------ */
	/* [767px] ✏ 상단(header.php) */
	#header {
		height: 60px;
		padding: 0 1.5rem;f
	}
	#header .box .mobile .mb_box {
		margin-top: 60px;
	}

	/* ------------------------------------ */
	/* [767px] ✏ 하단(footer.php) */
	#footer {
		padding: 1.5rem;
	}
    #footer .box .info2 .text {
        font-size: 1.2rem;
    }
	#footer .box .info2 .text .line {
		display: none;
	}
	#footer .box .info2 .text br.br1 {
		display: block;
	}
    #footer .box .info2 .toggle_btn {
        font-size: 1.2rem;
    }
    #footer .box .info .logo {
        width: 20.25rem;
    }
    #footer .box .info .txt {
        font-size: 1.15rem;
    }
	#footer .box .info .txt .m_br {
		display: block;
	}
	#footer .box .info .txt .m_line {
		display: none;
	}
    #footer .box .copyright {
        font-size: 1.325rem;
    }
	
	/* ------------------------------------ */
	/* [767px] ✏ [공통] 페이지 */
	/* [767px] 메인(index.html), AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php) */
	/* [767px] 아나운싱(announcing.php), e-book(ebook.php) */
	/* [767px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [767px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html), 학습 서비스(learning_service.html) */
	/* [767px] 로그인(login.html), 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [767px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [767px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [767px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	/* [767px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [767px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [767px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [767px] 신문 기사보기 제너럴(newspaper_view_general.html), 구독정보(subscription_info.php) */
	/* [767px] AI 대화 시작(ai_conversation_start.php) */
	.page {
		margin-top: 60px;
	}
	.page .substance {
		padding: 3rem 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ [공통] 뉴스 기사 */
	/* [767px] 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [767px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
    .newsStory {
        padding: 0 1.5rem 3rem;
    }
	.newsStory .ns_box {
		border-radius: 10px;
		padding: 2rem;
	}
	.newsStory .ns_box .title {
		margin-bottom: 1.5rem;
	}
	.newsStory .ns_box .tabnav {
		column-gap: 0.5rem;
	    margin-bottom: 1.5rem;
	}
    .newsStory .ns_box .tabnav .btn {
        border: 1px solid #151269;
        font-size: 1.6rem;
    }
    .newsStory .ns_box .tabcontent .con .wrap {
        height: unset;
        flex-direction: column;
        row-gap: 1rem;
    }
	.newsStory .ns_box .tabcontent .con .wrap .news_img {
		width: 100%;
        height: 24rem;
		margin: 0 auto;
	}
	.newsStory .ns_box .tabcontent .con .wrap .txts {
		row-gap: 0.2rem;
	}
    .newsStory .ns_box .tabcontent .con .wrap .txts .news_ctxt {
        -webkit-line-clamp: 5;
    }

	/* ------------------------------------ */
	/* [767px] ✏ 메인(index.html) */
	/* [767px] 섹션1 */
    #main .sec1 .box .title_txt .title1 {
        font-size: 2.9rem;
    }
    #main .sec1 .box .title_txt .title1 br {
        display: none;
    }
	#main .sec1 .box .title_txt .title2 br {
		display: none;
	}
    #main .sec1 .box .title_txt .title3 {
        font-size: 2rem;
    }
	#main .sec1 .box .title_txt .btns {
        justify-content: center;
        flex-wrap: wrap;
		column-gap: 1rem;
        row-gap: 1rem;
		margin-top: 1rem;
	}
	#main .sec1 .box .title_txt .btn {
		border-radius: 10px;
	}
	/* [767px] 섹션2 */
    #main .sec2 {
        padding: 3rem 1.5rem;
    }
    #main .sec2 .box {
        border-radius: 15px;
        padding: 3rem 1.5rem;
    }
    #main .sec2 .box .in {
        row-gap: 1rem;
    }
	#main .sec2 .box .in .wrap {
		row-gap: 0.5rem;
	}
	#main .sec2 .box .in .wrap .btn {
	    width: 5.5rem;
		height: 5.5rem;
		border-radius: 10px;
	}
	#main .sec2 .box .in .wrap .txt {
		font-size: 1.15rem;
	}
	/* [767px] 공통 텍스트 */
    #main .txtMain {
        font-size: 3.1rem;
    }
    #main .txtMain .br {
        display: none;
    }
	#main .txtMain .br2 {
		display: block;
	}
    #main .txtSub.v2 {
        font-size: 2.4rem;
    }
    #main .txtSub .br {
        display: none;
    }
	/* [767px] 공통 구성1 */
	#main .commonForm1 {
		row-gap: 2.5rem;
	}
	/* [767px] 섹션4 */
	#main .sec4 .box1 {
		padding: 8rem 1.5rem;
	}
	#main .sec4 .box2 .con {
		padding: 3rem 0;
	}
	#main .sec4 .box2 .con .img .in {
		justify-content: flex-start;
	}
	#main .sec4 .box2 .con .img .in .book1 {
		width: 12rem;
		margin-right: 1.5rem;
	}
	#main .sec4 .box2 .con .important {
		bottom: -3rem;
	}
    #main .sec4 .box2 .con .important .book2 {
        width: 18rem;
        left: 50%;
        bottom: 3.5rem;
        transform: translate(-50%, 0%);
    }
	#main .sec4 .box2 .con .important .trapezoid {
        width: 100%;
        height: 26rem;
    }
	#main .sec4 .box2 .con .important .trapezoid .in {
        width: 98%;
        transform: skew(5deg) translate(-1rem, 0);
	}
	/* [767px] 공통 구성2 */
	#main .commonForm2 .text {
		width: 30rem;
	}
	#main .commonForm2 .swiper {
		border-radius: 25px;
	}
	#main .commonForm2 .con {
		flex-direction: column;
		row-gap: 1rem;
		padding: 2rem 2rem 8rem;
	}
	#main .commonForm2 .con .news.news1 {
		width: 100%;
		padding: 1.2rem;
	}
	#main .commonForm2 .con .news.news2 {
		width: 49%;
		height: 19rem;
	}
	#main .commonForm2 .con .news.news1 .txt .txt1 {
		font-size: 1.75rem;
		word-break: break-all;
	}
	#main .commonForm2 .con .news.news1 .txt .txt2 {
		font-size: 1.45rem;
		word-break: break-all;
	}
	#main .commonForm2 .con .news.news2 .txt .txt1 {
		font-size: 1.75rem;
	}
	#main .commonForm2 .con .news.news2 .txt .txt2 {
		font-size: 1.45rem;
	}
	#main .commonForm2 .con .wrap {
		width: 100%;
		column-gap: 2%;
		row-gap: 1rem;
	}
	#main .commonForm2 .swiper-pagination {
		bottom: 20px;
	}
	#main .commonForm2 .swiper-pagination-bullet {
		width: 3rem;
		border: 2px solid #464593;
	}
	#main .commonForm2 .swiper-button-prev {
		left: 3px;
	}
	#main .commonForm2 .swiper-button-next {
		right: 3px;
	}
	#main .commonForm2 .view_btn {
		right: 25px;
		bottom: 40px;
		font-size: 1.2rem;
		padding: 0.6rem 1.2rem;
	}
	/* [767px] 섹션5 */
	#main .sec5 {
		padding: 8rem 1.5rem;
	}
	/* [767px] 섹션6 */
	#main .sec6 .box {
		padding: 5rem 1.5rem;
	}
	/* [767px] 섹션6 */
	#main .sec7 {
        padding: 6rem 1.5rem;
    }
	#main .sec7 .dot1 {
		width: 18rem;
	    left: -4%;
	}
	#main .sec7 .dot2 {
        width: 18rem;
        top: 44.5%;
	}
	#main .sec7 .dot3 {
		width: 18rem;
        bottom: -1.8%;
	}
	#main .sec7 .box .ai {
		flex-direction: column;
		row-gap: 1.5rem;
	    padding-bottom: 3rem;
	}
	#main .sec7 .box .ai .left {
		width: 100%;
	    padding: 1rem;
	}
	#main .sec7 .box .ai .left .live {
		width: 8rem;
		height: 3.5rem;
		top: -2rem;
		left: -1rem;
	}
	#main .sec7 .box .ai .left .live .icon {
		width: 2rem;
	}
	#main .sec7 .box .ai .left .live .txt {
		font-size: 1.4rem;
	}
	#main .sec7 .box .ai .left .person {
		width: 50%;
		margin: 0 auto;
		margin-bottom: 1.2rem;
	}
	#main .sec7 .box .ai .left .voice {
		width: 60%;
		margin: 0 auto;
		margin-bottom: 1.2rem;
	}
	#main .sec7 .box .ai .left .con {
		margin-bottom: 1.5rem;
	}
	#main .sec7 .box .ai .left .con .mike_btn .check {
		width: 2rem;
		height: 2rem;
	}
	#main .sec7 .box .ai .left .con .mike_btn .txt {
		font-size: 1.5rem;
	}
	#main .sec7 .box .ai .left .con .mike_btn {
		width: 7.5rem;
		height: 3.5rem;
	}
	#main .sec7 .box .ai .left .con .icon {
		width: 2rem;
	}
	#main .sec7 .box .ai .left .text {
		font-size: 2rem;
	}
	#main .sec7 .box .ai .right {
        width: 100%;
	}
	#main .sec7 .box .ai .right .wrap {
		border-radius: 8px;
		padding: 1.5rem 1.5rem 4.5rem;
	}
	#main .sec7 .box .ai .right .wrap .speech .bubble {
		border-radius: 15px;
		padding: 1rem 1.5rem;
	}
	#main .sec7 .box .ai .right .wrap .speech .bubble::after {
        bottom: 3px;
	}
	#main .sec7 .box .ai .right .txts {
		row-gap: 1rem;
		border-radius: 8px;
		padding: 2rem;
		margin-top: 1.5rem;
	}
	#main .sec7 .box .ai .right .txts .txt2 br {
		display: none;
	}
    #main .sec7 .box .news {
	    row-gap: 2.5rem;
	    padding: 0 1rem;
		margin-top: 15rem;
    }
	#main .sec7 .box .news .wrap {
		width: 100%;
	}
	#main .sec7 .box .news .wrap:nth-child(1) {
		width: 100%;
	}
    #main .sec7 .box .news .wrap .person {
		width: 29rem;
        top: -14rem;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    #main .sec7 .box .news .wrap .con {
        min-height: 20rem;
	    border-radius: 15px;
        padding: 1.5rem;
    }
	#main .sec7 .box .news .wrap .con .txts .txt1 {
		font-size: 2.1rem;
	}
	#main .sec7 .box .news .wrap .con .txts .txt2 {
		width: 85%;
		font-size: 1.35rem;
	}
    #main .sec7 .box .news .wrap .icon {
        width: 8rem;
        right: -2rem;
    }
	/* [767px] 섹션8 */
	#main .sec8 {
		padding: 8rem 1.5rem;
	}
	#main .sec8 .commonForm2 .con {
		flex-direction: column;
	}
	/* [767px] 섹션9 */
    #main .sec9 {
        padding: 6rem 1.5rem 28rem;
    }
    #main .sec9 .commonForm1 {
        padding-left: 0;
    }
	#main .sec9 .box .point {
        width: 8rem;
        transform: translate(130%, -40%);
    }
    #main .sec9 .announcer {
        width: 24rem;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
    }
	#main .sec9 .box .btn .play {
		width: 2.5rem;
	}
	/* [767px] 섹션10 */
    #main .sec10 {
        padding: 6rem 1.5rem;
    }
    #main .sec10 .box {
        flex-direction: column;
        row-gap: 2rem;
    }
    #main .sec10 .box .wrap {
        width: 100%;
        min-height: 25rem;
        border: 2px solid #FFF;
	    padding: 1.5rem;
    }
	#main .sec10 .box .wrap .btn .play {
		width: 2.5rem;
	}
	#main .sec10 .box .wrap .texts .icon {
        width: 3.5rem;
		column-gap: 0.8rem;
	}
	/* [767px] 섹션11 */
	#main .sec11 {
		padding: 8rem 1.5rem;
	}
	/* [767px] 섹션12 */
	#main .sec12 {
		padding: 6rem 1.5rem;
	}
	#main .sec12 .box .text2 {
		font-size: 6rem;
	}
	#main .sec12 .box .text3 br {
		display: none;
	}
	/* [767px] 섹션13 */
	#main .sec13 {
		padding: 8rem 1.5rem;
	}
	#main .sec13 .commonForm2 .con {
		flex-direction: column;
	}
	/* [767px] 섹션14 */
    #main .sec14 {
        padding: 7rem 1.5rem;
    }
    #main .sec14 .box .review {
		margin-top: 3rem;
    }
    #main .sec14 .box .review .wrap {
	    padding: 1.5rem;
    }
	#main .sec14 .box .review .wrap .text1 {
		font-size: 1.4rem;
	}
	#main .sec14 .box .review .wrap .text2 {
		font-size: 1.5rem;
	}
	/* [767px] 섹션15 */
	#main .sec15 {
		padding: 8rem 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ 메인2(index.html) */
	/* [767px] 공통 구성1 */
	#main2 .commonForm1 {
		padding: 5rem 1.5rem;
	}
	#main2 .commonForm1.sec25 {
		background-position: 75%;
	}
	#main2 .commonForm1 .effect {
		width: 100%;
	}
	#main2 .commonForm1 .box2 {
		padding: 0 1.5rem;
	}
	#main2 .commonForm1 .box .text_img {
		width: 22rem;
	}
	#main2 .commonForm1 .box .txt1 {
		font-size: 3rem;
	}
	#main2 .commonForm1 .box2 .texts {
		row-gap: 1.5rem;
		margin-top: 5rem;
	}
    #main2 .commonForm1 .box2 .texts .text1 {
        font-size: 3rem;
    }
    #main2 .commonForm1 .box2 .texts .text2 {
        font-size: 2rem;
    }
    #main2 .commonForm1 .box2 .btns {
        width: unset;
        flex-direction: column;
        row-gap: 1.2rem;
        margin-bottom: 3rem;
    }
	#main2 .commonForm1 .box2 .btns .btn2 {
		min-width: 16rem;
	}
	/* [767px] 섹션2 */
    #main2 .sec2 {
        padding: 4rem 1.5rem;
    }
    #main2 .sec2 .box .in {
        width: 40rem;
        row-gap: 1.5rem;
    }
	#main2 .sec2 .box .in .wrap .btn {
        width: 5.5rem;
        height: 5.5rem;
    }
	/* [767px] 공통 메인 제목 텍스트 */
	#main2 .mainTitleTxt {
		font-size: 2.8rem;
		margin-bottom: 3rem;
	}
	/* [767px] 섹션3 */
	#main2 .sec3 {
		padding: 2rem 1.5rem 6rem;
	}
	#main2 .sec3 .box .txt1 {
		font-size: 1.8rem;
	}
    #main2 .sec3 .box .news_txt {
        flex-direction: column;
        row-gap: 1rem;
	    margin-bottom: 1.5rem;
    }
    #main2 .sec3 .box .news_txt .button {
        width: 100%;
	    row-gap: 0.7rem;
    }
    #main2 .sec3 .box .news_img {
        flex-direction: column;
        row-gap: 1rem;
    }
    #main2 .sec3 .box .news_img .button {
        width: 100%;
        row-gap: 1.5rem;
    }
    #main2 .sec3 .box .news_img .button .img {
        width: 30rem;
        max-width: 100%;
        height: 20rem;
        margin: 0 auto;
    }
	#main2 .sec3 .box .news_img .button .txts {
		row-gap: 0.7rem;
	}
	/* [767px] 섹션5 */
	#main2 .sec5 {
		padding: 7rem 1.5rem;
	}
    #main2 .sec5 .box .swiper_con {
        width: 22rem;
    }
    #main2 .sec5 .box .swiper_con .con .book {
        width: 16rem;
    }
	/* [767px] 공통 구성2 */
	#main2 .commonForm2 {
        padding: 0rem 1.5rem 8rem;
    }
	#main2 .commonForm2.v2 {
		padding: 8rem 1.5rem;
	}
    #main2 .commonForm2 .box .n_con {
        height: unset;
		justify-content: center;
        align-items: center;
        flex-direction: column;
        row-gap: 3rem;
    }
    #main2 .commonForm2 .box .n_con.v2 {
        row-gap: 2rem;
    }
    #main2 .commonForm2 .box .n_con .pdf {
        width: 20rem;
    }
	#main2 .commonForm2 .box .n_con .news {
		width: 100%;
		row-gap: 2rem;
	}
    #main2 .commonForm2 .box .n_con .news .n_wrap {
        flex-direction: column;
        row-gap: 1.5rem;
    }
    #main2 .commonForm2 .box .n_con .news .n_wrap .n_img .news_img {
        width: 30rem;
        max-width: 100%;
        height: 20rem;
    }
	#main2 .commonForm2 .box .n_con .n_txt {
		row-gap: 0.5rem;
	}
    #main2 .commonForm2 .box .n_con .n_txt.v2 {
        width: 100%;
        justify-content: center;
        align-items: center;
        row-gap: 1rem;
        text-align: center;
    }
	#main2 .commonForm2 .box .n_con .n_txt .txt2.v2 {
		-webkit-line-clamp: 3;
	}
	#main2 .commonForm2 .box .n_con .n_txt .n_txt_wrap {
		row-gap: 0.5rem;
	}
	#main2 .commonForm2 .box .n_con .n_txt .txt1 {
		font-size: 1.8rem;
		text-align: center;
	}
	#main2 .commonForm2 .box .n_con .n_txt .txt2 {
		text-align: center;
	}
	#main2 .commonForm2 .box .n_con .news2 {
		row-gap: 1.5rem;
	}
    #main2 .commonForm2 .box .n_con .news2 .n_img .news_img {
        width: 30rem;
        max-width: 100%;
        height: 20rem;
    }
	/* [767px] 공통 구성3 */
    #main2 .commonForm3 {
        padding: 0rem 1.5rem 7rem;
    }
	#main2 .commonForm3 .box .e_con {
        flex-direction: column;
        row-gap: 1.5rem;
    }
    #main2 .commonForm3 .box .e_con .e_img .emily {
        width: 28rem;
    }
	#main2 .commonForm3 .box .e_txt {
	    row-gap: 1rem;
		text-align: center;
	}
	#main2 .commonForm3 .box .e_txt .txt2 {
		font-size: 1.5rem;
	}
	/* [767px] 공통 구성4 */
	#main2 .commonForm4 {
		height: unset;
	    background-position: top right;
	}
	#main2 .commonForm4 .box {
		flex-direction: column;
		row-gap: 4em;
		padding: 5rem 1.5rem;
	}
	#main2 .commonForm4 .box .left {
		width: 100%;
	}
	#main2 .commonForm4 .box .left .text {
        color: #FFF;
	}
	#main2 .commonForm4 .box .right {
		width: 100%;
	}
    #main2 .commonForm4 .box .right .text {
        width: 30rem;
    }
	#main2 .commonForm4 .box .right .btn {
		border-radius: 20px;
	}
	/* [767px] 섹션21 */
    #main2 .sec21 {
        padding: 10rem 1.5rem;
    }
	#main2 .sec21 .box .subtxt {
		font-size: 1.7rem;
		margin-bottom: 4rem;
	}
    #main2 .sec21 .box .quizgame1 {
        width: 28rem;
        flex-direction: column;
        row-gap: 2.5em;
    }
	#main2 .sec21 .box .quizgame1 .qg_wrap .quizgame_img {
		border: 4px solid #FFF;
		border-radius: 20px;
	    margin-bottom: 1.5rem;
	}
    #main2 .sec21 .box .quizgame2 {
        width: 25rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 5rem;
        margin-top: 5rem;
    }
    #main2 .sec21 .box .quizgame2 .qg_wrap {
        width: 100%;
    }
	#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in1 {
        height: 15rem;
    }
	#main2 .sec21 .box .quizgame2 .qg_wrap .qg_in2 {
		height: 27rem;
		transform: translateX(-2.1rem) translateY(-5.5rem);
	}
	/* [767px] 섹션23 */
    #main2 .sec23 {
        padding: 7rem 1.5rem;
    }
    #main2 .sec23 .box .b_con {
        flex-direction: column;
        row-gap: 3rem;
    }
	#main2 .sec23 .box .b_con .texts {
		width: 100%;
	}
    #main2 .sec23 .box .b_con .blackboard {
        width: 30rem;
    }
	/* [767px]  섹션26 */
	#main2 .sec26 {
		background-position: 20%;
		border-radius: 0 0 50px 50px;
	}
	/* [767px] 섹션27 */
    #main2 .sec27 {
        padding: 5rem 1.5rem;
    }
    #main2 .sec27 .box {
        flex-direction: column;
        row-gap: 2rem;
    }
	#main2 .sec27 .box .info1 {
		text-align: center;
	}
	#main2 .sec27 .box .info2 {
		column-gap: 2rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 배너 */
	/* [767px] AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
	/* [767px] 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [767px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [767px] 구독정보(subscription_info.php), AI 대화 시작(ai_conversation_start.php) */
	.banner {
		padding: 3rem 1.5rem;
	}
	.banner .bn_box .txt1 {
		font-size: 2.6rem;
	}
	.banner .bn_box .txt2 {
	   font-size: 1.3rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 메인 텍스트, 서브 텍스트, 질문 */
	/* [767px] AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
	.title_maintxt {
		font-size: 2.3rem;
	    margin-bottom: 0.8rem;
	}
	.title_subtxt {
		margin-bottom: 2rem;
	}
	.questionBox {
		column-gap: 1rem;
		border-radius: 15px;
		padding: 1rem;
	}
	.questionBox .txt {
		font-size: 1.5rem;
	}
	.title_form1 {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 1rem;
	}
    .title_btns {
        width: 100%;
        column-gap: 0.8rem;
    }
	.title_btns .title_btn {
		width: 100%;
		border: 1px solid #4642AE;
		border-radius: 10px;
		font-size: 1.4rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] AI 대화 */
	/* [767px] AI 대화(ai_conversation.php), AI 대화 시작(ai_conversation_start.php) */
    #aiConversation .study {
        flex-direction: column;
        row-gap: 1rem;
    }
    #aiConversation .study .left {
        width: 100%;
        padding: 1rem;
    }
	#aiConversation .study .left .live {
		width: 8rem;
		height: 3.5rem;
		top: -2rem;
		left: -1rem;
	}
	#aiConversation .study .left .live .icon {
		width: 2rem;
	}
	#aiConversation .study .left .live .txt {
		font-size: 1.4rem;
	}
	#aiConversation .study .left .person {
		width: 50%;
		margin: 0 auto;
		margin-bottom: 1.2rem;
	}
	#aiConversation .study .left .voice {
		width: 60%;
		margin: 0 auto;
		margin-bottom: 1.2rem;
	}
	#aiConversation .study .left .con {
		margin-bottom: 1.5rem;
	}
	#aiConversation .study .left .con .mike_btn .txt {
		font-size: 1.5rem;
	}
	#aiConversation .study .left .con .mike_btn .check {
		width: 2rem;
		height: 2rem;
	}
	#aiConversation .study .left .con .mike_btn {
		width: 7.5rem;
		height: 3.5rem;
	}
	#aiConversation .study .left .con .icon {
		width: 2rem;
	}
	#aiConversation .study .left .text {
		font-size: 1.5rem;
	}
    #aiConversation .study .right {
        width: 100%;
		min-height: 10rem;
        max-height: 40rem;
	    row-gap: 1rem;
	    border-radius: 8px;
	    padding: 1.5rem;
    }
	#aiConversation .study .right .speech .bubble {
		border-radius: 15px;
	    font-size: 1.4rem;
		padding: 1rem 1.5rem;
	}
    #aiConversation .study .right .speech .bubble::after {
        bottom: 3px;
    }
	#aiConversation .btns .btn {
		width: 30rem;
		font-size: 1.7rem;
	    padding: 0.9rem 1rem;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ AI 쓰기(ai_writing.php) */
	#aiWriting .study {
		row-gap: 2rem;
	}
	#announcing .study .recording_screen {
		width: 35rem;
		height: 35rem;
	}
	#announcing .study .recording_screen .onair {
		width: 9.5rem;
		height: 3.2rem;
		font-size: 1.7rem;
	}
	#announcing .study .recording_screen .person {
	    width: 75%;
		margin-bottom: 1rem;
	}
	#announcing .study .recording_screen .btn .start_btn {
		width: 10.5rem;
		height: 3.6rem;
		font-size: 2rem;
	}
	#announcing .study .recording_screen .btn .play_btn {
		width: 10.5rem;
		height: 3.6rem;
	}
	#announcing .study .recording_screen .btn .play_btn .icon {
		width: 1.9rem;
		height: 1.9rem;
	}
	#announcing .study .recording_screen .btn .play_btn .txt {
		font-size: 2rem;
	}
	#announcing .study .summary {
		font-size: 1.6rem;
	}
	#aiWriting .study .write {
	    min-height: 25.5rem;
		border-radius: 15px;
	    font-size: 1.4rem;
		padding: 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ 아나운싱(announcing.php) */
	#announcing .study .summary_txt {
	    min-height: 25.5rem;
		border-radius: 15px;
		font-size: 1.4rem;
		padding: 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ e-book(ebook.php) */
	#ebook .study {
		margin-top: 3rem;
	}
    #ebook .study {
        margin-top: 3rem;
    }
	#ebook .study .btn {
	    border-radius: 20px;
        font-size: 1.4rem;
	}
	#ebook .study .btn .mediabr {
		display: block;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ [공통] 기사 보기 */
	/* [767px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [767px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [767px] 섹션1 */
	#articleView .sec1 .box {
		flex-direction: column;
	}
    #articleView .sec1 .box .txtbox {
        width: 100%;
        margin-right: 0%;
    }
    #articleView .sec1 .box .imgbox {
        width: 100%;
        height: 27rem;
    }
    #articleView .sec1 .box .imgbox .rainbow {
        width: 100%;
        height: unset;
        left: unset;
        right: unset;
        transform: unset;
    }
    #articleView .sec1 .box .imgbox .person {
        width: unset;
        height: 100%;
    }
    #articleView .sec1 .box .txtbox {
        width: 100%;
        padding: 6rem 1.5rem;
    }
	/* 킨더 Kinder */
    #articleView .sec1.kinder .box {
        flex-direction: column-reverse;
    }
	#articleView .sec1.kinder .box .imgbox .person {
		height: 100%;
	}
	/* 키즈 Kids */
    #articleView .sec1.kids .box .imgbox .person {
		height: 100%;
    }
	/* 주니어 Junior */
    #articleView .sec1.junior .box {
        flex-direction: column-reverse;
    }
	/* 틴 Teen */
    #articleView .sec1.teen .box .imgbox .person {
        height: 100%;
    }
	/* 제너럴 General */
    #articleView .sec1.general .box .imgbox .person {
        height: 100%;
    }
	/* [767px] 섹션2 */
    #articleView .sec2 {
        padding: 2.375rem 1.5rem;
    }
    #articleView .sec2 .box {
        column-gap: 1rem;
    }
	#articleView .sec2 .box .btn br {
		display: block;
	}
	/* [767px] 섹션3 */
	#articleView .sec3 .form1 {
	    min-height: 21rem;
		padding: 5.25rem 1.5rem;
	}
	#articleView .sec3 .form1 .box .title {
		font-size: 2.2rem;
	}
	#articleView .sec3 .form1 .box .title br {
		display: none;
	}
    #articleView .sec3 .form2 {
        padding: 0 1.5rem;
    }
    #articleView .sec3 .form2 .box .con {
        column-gap: 2%;
        row-gap: 1rem;
	    padding: 3rem 0;
    }
	#articleView .sec3 .form2 .box .con .btn {
        width: 49%;
        min-height: 19rem;
	}
	#articleView .sec3 .form2 .box .con .btn .txts {
		padding: 1rem;
	}
	#articleView .sec3 .form2 .box .con .btn .txts .txt2 {
		word-break: break-all;
	}
	#articleView .sec3 .form2 .box .swiper_btn {
		width: 5.4rem;
		height: 5.4rem;
	}
	#articleView .sec3 .form2 .box .swiper-button-prev {
		left: 3px;
	}
	#articleView .sec3 .form2 .box .swiper-button-next {
		right: 3px;
	}
    #articleView .sec3 .form2 .box .swiper-pagination-bullet {
        width: 3rem;
        border: 2px solid #464593;
    }
    #articleView .sec3 .form3 {
        padding: 0 1.5rem 3rem;
    }
	#articleView .sec3 .form3 .box .con {
        padding-top: 2rem;
	}
    #articleView .sec3 .form3 .box .con .icons {
        column-gap: 2.5%;
        row-gap: 1rem;
    }
    #articleView .sec3 .form3 .box .con .icons .btn {
        width: 48.75%;
        border-radius: 10px;
        flex-direction: column;
        row-gap: 0.5rem;
    }
	#articleView .sec3 .form3 .box .con .icons .btn .txts .txt1 {
	    text-align: center;
	}
	#articleView .sec3 .form3 .box .con .icons .btn .txts .txt2 {
	    text-align: center;
	}
	#articleView .sec3 .form3 .box .swiper_btn {
		width: 5.4rem;
		height: 5.4rem;
	}
	#articleView .sec3 .form3 .box .swiper-button-prev {
		left: 3px;
	}
	#articleView .sec3 .form3 .box .swiper-button-next {
		right: 3px;
	}
    #articleView .sec3 .form3 .box .swiper-pagination-bullet {
        width: 3rem;
        border: 2px solid #464593;
    }
	
	/* ------------------------------------ */
	/* [767px] ✏ 학습 서비스(learning_service.html) */
	/* [767px] 섹션1 */
	#learningService .sec1 {
		height: unset;
	}
	#learningService .sec1 .box {
		flex-direction: column;
		row-gap: 3rem;
	}
    #learningService .sec1 .box .title {
		width: 100%;
        box-sizing: border-box;
        font-size: 2.8rem;
	    padding-left: 0;
		padding: 5rem 1.5rem 0;
    }
    #learningService .sec1 .box .cellphone {
        width: 35rem;
        max-width: 100%;
        position: unset;
        margin-left: auto;
    }
	/* [767px] 섹션2 */
    #learningService .sec2 {
        padding: 5rem 1.5rem;
    }
	#learningService .sec2 .box {
		flex-direction: column;
		row-gap: 2rem;
	}
    #learningService .sec2 .box .mobile {
        width: 50%;
    }
	/* [767px] 공통 구성1 */
	#learningService .commonForm1 .txt {
		font-size: 2.6rem;
	}
	#learningService .commonForm1 .txt br {
		display: none;
	}
	/* [767px] 섹션3 */
	#learningService .sec3 {
	    min-height: 34.25rem;
		padding: 7rem 1.5rem;
	}
	/* [767px] 섹션4 */
    #learningService .sec4 {
		padding: 4.5rem 1.5rem;
    }
	#learningService .sec4 .box {
		flex-direction: column;
		row-gap: 4rem;
	}
	#learningService .sec4 .box .wrap {
		row-gap: 2rem;
	}
	#learningService .sec4 .box .wrap .image {
		width: 80%;
	}
	#learningService .sec4 .box .wrap .btn {
		width: 16rem;
		height: 4rem;
		font-size: 1.6rem;
	}
	/* [767px] 섹션5 */
	#learningService .sec5 {
	    min-height: 34.25rem;
		padding: 7rem 1.5rem;
	}
	/* [767px] 섹션6 */
	#learningService .sec6 .box {
		flex-direction: column;
		row-gap: 4rem;
	}
	#learningService .sec6 .box .wrap .image1 {
		width: 60%;
	}
	#learningService .sec6 .box .wrap .btn {
		width: 16rem;
		height: 4rem;
		font-size: 1.6rem;
	}
	#learningService .sec6 .box .wrap .image2 {
		width: 80%;
	}
	/* [767px] 섹션7 */
	#learningService .sec7 {
	    min-height: 34.25rem;
		padding: 7rem 1.5rem;
	}
	/* [767px] 섹션8 */
	#learningService .sec8 {
		height: 34.25rem;
	}
	/* [767px] 섹션9 */
	#learningService .sec9 {
	    min-height: 34.25rem;
		padding: 7rem 1.5rem;
	}
	/* [767px] 섹션10 */
	#learningService .sec10 {
		height: 31rem;
	}
	#learningService .sec10 .box .btn {
        width: 16rem;
        height: 4rem;
        font-size: 1.6rem;
    }
	
	/* ------------------------------------ */
	/* [767px] ✏ 로그인(loing.html) */
	#login {
		padding: 0 1.5rem;
	}
	#login .box {
		padding: 2rem 0;
	}
	#login .box .wrap .img_box {
		display: none;
	}
    #login .box .wrap .input_box {
        padding: 4rem 1.5rem;
    }
	#login .box .wrap .input_box .logo {
		margin-bottom: 3rem;
	}
    #login .box .wrap .input_box {
        border-radius: 15px;
    }
	#login .box .wrap .input_box .idpw {
	    row-gap: 0.8rem;
		margin-bottom: 1.5rem;
	}
	#login .box .wrap .input_box .idpw .input {
		font-size: 1.25rem;
	}
	#login .box .wrap .input_box .loginjoin {
		row-gap: 0.8rem;
		margin-bottom: 1.2rem;
	}
    #login .box .wrap .input_box .loginjoin .btn {
        font-size: 1.35rem;
    }
	#login .box .wrap .input_box .savesearch .save .check {
		width: 1.55rem;
		height: 1.55rem;
	}
	#login .box .wrap .input_box .savesearch .save .txt {
		font-size: 1.1rem;
	}
	#login .box .wrap .input_box .savesearch .search .txt {
		font-size: 1.1rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ 회원가입(join.html) */
    #join .join {
        margin-top: 3rem;
    }
	#join .entry .wrap {
		flex-direction: column;
        row-gap: 3px;
		margin-bottom: 1rem;
	}
	#join .entry .wrap.wrap2 {
		margin-bottom: 1rem;
	}
    #join .entry .wrap .main {
        width: 100%;
    }
    #join .entry .wrap .sub {
        width: 100%;
        column-gap: 5px;
    }
	#join .entry .wrap .sub.sub2 {
		row-gap: 2px;
	}
	#join .entry .wrap .sub .input {
		padding: 0.9rem 0.8rem;
	}
	#join .agree {
		border-radius: 10px;
		padding: 1.2rem;
	}
	#join .agree .title {
		margin-bottom: 1rem;
	}
	#join .agree .total .wrap {
		column-gap: 0.5rem;
	}
	#join .agree .total .wrap .check_wrap {
		column-gap: 0.5em;
	}
	#join .agree .total .wrap .check_wrap .check {
		width: 1.6rem;
		height: 1.6rem;
	}
	#join .join .btn {
		width: 50%;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 탭 */
	/* [767px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	.tabBox {
		column-gap: 0.5rem;
		margin-bottom: 1.5rem;
	}
	.tabBox .btn {
		border: 1px solid #4642AE;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 결제 */
	/* [767px] 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
	/* [767px] 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
	#payment .paytable {
		margin-bottom: 2rem;
	}
	#payment .paytable table tbody td.td2 {
		flex-direction: column;
		row-gap: 1rem;
	}
    #payment .paytable table tbody td.td2 .left .price {
        flex-direction: column;
        align-items: flex-start;
    }
	#payment .paytable table tbody td.td3 {
        width: 25%;
        font-size: 1.2rem;
    }
	#payment .paytable table tbody td.td5 {
		width: 30%;
        padding: 1rem;
	}
	#payment .paytable table tbody td.td6 {
        padding: 1rem;
	}
	#payment .paytable table tfoot td {
		padding: 1.5rem 0.5rem;
	}
	#payment .paytable table tfoot td .wrap {
		flex-direction: column;
		row-gap: 1rem;
	}
	#payment .paytable table tfoot td .wrap .txts {
		flex-direction: column;
	}
	#payment .paytable table tbody td .radiobtn .agree .radio::after {
		top: 15%;
		border-width: 0 1.5px 1.5px 0;
	}
	#payment .pay_result {
		width: 100%;
	}
	#payment .pay_result .pr_con .btn {
		margin-top: 1.5rem;
		margin-bottom: 0.5rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 페이징 */
	/* [767px] 지난 기사 리스트(last_article_list.php), 신문 기사보기 킨더(newspaper_view_kinder.html)
	/* [767px] 신문 기사보기 키즈(newspaper_view_kids.html), 신문 기사보기 주니어(newspaper_view_junior.html) */
	/* [767px] 신문 기사보기 틴(newspaper_view_teen.html), 신문 기사보기 제너럴(newspaper_view_general.html) */
	.pagingBox .btn {
		width: 2.8rem;
		height: 2.8rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ 지난 기사 리스트(last_article_list.php) */
    #lastArticleList .list .wrap {
        flex-direction: column;
        row-gap: 0.8rem;
    }
	#lastArticleList .list .wrap .btn {
		width: 12rem;
		height: 8rem;
	}
	#lastArticleList .list .wrap .title {
		width: 100%;
	    font-size: 1.4rem;
		text-align: center;
	}
	#lastArticleList .list .wrap .content {
		width: 100%;
	    font-size: 1.3rem;
		text-align: center;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 온라인 학습 */
	/* [767px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [767px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [767px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
	.onlineLearning .con .txt1 {
		font-size: 1.5rem;
	}
	.onlineLearning .con .txt2 {
		font-size: 1.1rem;
	}
	.onlineLearning .con .btn {
		font-size: 1.2rem;
	}
    .onlineLearning .swiper-slide {
        padding: 0.5rem;
    }
	.onlineLearning .swiperbtn {
		width: 4rem;
		height: 4rem;
	}
    .onlineLearning .swiper-button-prev {
        left: 20.5%;
    }
    .onlineLearning .swiper-button-next {
        right: 20.5%;
    }

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 영자신문 소개 */
	/* [767px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [767px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [767px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html) */
	#enewsIntroduction .box .title_txt {
		margin-bottom: 2.75rem;
	}
	/* [767px] 섹션1 */
    #enewsIntroduction .sec1 {
        padding: 5rem 1.5rem;
    }
    #enewsIntroduction .sec1 .box {
        flex-direction: column;
        row-gap: 2.5rem;
    }
    #enewsIntroduction .sec1 .box .book {
        width: 14rem;
    }
	#enewsIntroduction .sec1 .box .txts {
		row-gap: 1rem;
	}
	#enewsIntroduction .sec1 .box .txts .txt2 br {
		display: none;
	}
	/* [767px] 섹션2 */
	#enewsIntroduction .sec2 {
		padding: 4.75rem 1.5rem;
	}
	#enewsIntroduction .sec2 .box .introduction .wrap .txt1 {
		width: 8rem;
	    font-size: 1.3rem;
	}
	#enewsIntroduction .sec2 .box .introduction .wrap .txt2 {
	    font-size: 1.2rem;
	    padding: 1rem;
	}
	/* [767px] 섹션3 */
    #enewsIntroduction .sec3 {
        padding: 0 1.5rem 4.75rem;
    }
    #enewsIntroduction .sec3 .box .tool {
        row-gap: 1rem;
    }
    #enewsIntroduction .sec3 .box .tool .wrap {
        width: 49%;
    }
	#enewsIntroduction .sec3 .box .tool .wrap .txts {
		padding: 1rem;
	}
	#enewsIntroduction .sec3 .box .tool .wrap .txts .txt1 {
		font-size: 1.5rem;
	}
	#enewsIntroduction .sec3 .box .tool .wrap .txts .txt2 {
	    font-size: 1.3rem;
		word-break: break-all;
	}
	/* [767px] 섹션4 */
    #enewsIntroduction .sec4 .box {
        padding: 0 1.5rem 4.75rem;
    }

	/* ------------------------------------ */
	/* [767px] ✏ 스페셜 에디션(special_edition.html) */
	/* [767px] 섹션1 */
    #specialEdition .sec1 {
        background-image: url('../img/special_mbbg.jpg');
	    background-position: center;
        padding: 3rem 1.5rem;
    }
	#specialEdition .sec1 .box .txts {
        justify-content: flex-start;
		row-gap: 1.5rem;
		padding-bottom: 0rem;
	}
    #specialEdition .sec1 .box .txts .txt1 {
        font-size: 1.4rem;
    }
    #specialEdition .sec1 .box .txts .txt2 {
        font-size: 3.2rem;
    }
	/* [767px] 공통 제목 텍스트 */
    #specialEdition .titleTxt {
        margin-bottom: 2.75rem;
    }
	/* [767px] 섹션2 */
    #specialEdition .sec2 {
        padding: 3.75rem 1.5rem;
    }
	#specialEdition .sec2 .box .table {
		row-gap: 3px;
	}
	#specialEdition .sec2 .box .table .wrap {
		column-gap: 3px;
	}
	#specialEdition .sec2 .box .table .wrap .head {
		font-size: 1.1rem;
	    padding: 0.5rem 0.2rem;
	}
	#specialEdition .sec2 .box .table .wrap .con {
		font-size: 1.1rem;
		word-break: break-all;
		padding: 0.5rem 0.2rem;
	}
	/* [767px] 공통 구성1 */
    #specialEdition .commonForm1 .box {
	    min-height: 26rem;
        padding: 3rem 1.5rem;
    }
    #specialEdition .commonForm1 .box .txt {
        font-size: 2.6rem;
    }
	#specialEdition .commonForm1 .box .txt br {
		display: none;
	}
	#specialEdition .commonForm1 .box .txt br.no {
		display: none;
	}
	/* [767px] 섹션4 */
	#specialEdition .sec4 {
		padding: 5.75rem 1.5rem;
	}
	#specialEdition .sec4 .box .book {
		row-gap: 1rem;
		margin-bottom: 3rem;
	}
	#specialEdition .sec4 .box .book .txt {
		font-size: 1.7rem;
	}
    #specialEdition .sec4 .box .book .img {
        width: 50%;
		box-sizing: border-box;
		flex-direction: column;
        row-gap: 2rem;
    }
	#specialEdition .sec4 .box .book .img .b_wrap .book_img {
		width: 100%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	#specialEdition .sec4 .box .book .img .b_wrap .book_btn {
		width: 93%;
		font-size: 1.4rem;
		padding: 1rem 0.5rem;
	}
	/* [767px] 섹션6 */
	#specialEdition .sec6 {
		padding: 5.75rem 1.5rem;
	}
    #specialEdition .sec6 .box .book .img {
        width: 90%;
    }
	/* [767px] 섹션8 */
	#specialEdition .sec8 {
		padding: 5.75rem 1.5rem;
	}
    #specialEdition .sec8 .box {
        column-gap: 2%;
        row-gap: 2rem;
    }
    #specialEdition .sec8 .box .wrap {
        width: 49%;
    }
    #specialEdition .sec8 .box .wrap .txt1 {
        font-size: 1.8rem;
    }
	#specialEdition .sec8 .box .wrap .txt2 {
        font-size: 1.6rem;
        padding: 1.5rem;
    }
	/* [767px] 섹션10 */
	#specialEdition .sec10 {
		padding: 5.75rem 1.5rem;
	}
	/* [767px] 섹션11 */
    #specialEdition .sec11 {
        padding: 0 1.5rem 5.75rem;
    }
    #specialEdition .sec11 .box .reviews {
        flex-wrap: wrap;
        row-gap: 1rem;
    }
	#specialEdition .sec11 .box .reviews .wrap {
		min-height: 14rem;
        row-gap: 1.5rem;
		padding: 1.5rem;
	}
	#specialEdition .sec11 .box .reviews .wrap .txt {
		font-size: 1.6rem;
	}

	/* ------------------------------------ */
	/* [767px] ✏ [공통] 신문 기사보기 */
	/* [767px] 신문 기사보기 킨더(newspaper_view_kinder.html), 신문 기사보기 키즈(newspaper_view_kids.html) */
	/* [767px] 신문 기사보기 주니어(newspaper_view_junior.html), 신문 기사보기 틴(newspaper_view_teen.html) */
	/* [767px] 신문 기사보기 제너럴(newspaper_view_general.html) */
    #newspaperView .sec1 {
        padding: 2rem 1.5rem;
    }
	#newspaperView .sec1 .box .btn {
	    border: 1px solid #4642AE;
		padding: 0.5rem;
	}
	#newspaperView .sec1 .box .btn br {
		display: block;
	}
    #newspaperView .sec2 {
        padding: 0 1.5rem 2rem;
    }
	#newspaperView .sec2 .box .title {
		border-bottom: 4px solid #4642AE;
	}
	#newspaperView .sec2 .box .search_box {
		width: 100%;
	    flex-direction: column;
        align-items: flex-start;
        row-gap: 1rem;
	}
	#newspaperView .sec2 .box .search_box .btns {
		column-gap: 0.5rem;
	}
	#newspaperView .sec2 .box .search_box .btns .btn {
		width: 10rem;
		font-size: 1.2rem;
		padding: 0.9rem 1rem;
	}
	#newspaperView .sec2 .box .search_box .right {
		width: 100%;
	}
    #newspaperView .sec2 .box .search_box .number {
	    font-size: 1.3rem;
    }
    #newspaperView .sec2 .box .search_box .search {
        width: 100%;
	    border-bottom: 1px solid #444;
	    font-size: 1.3rem;
    }
	#newspaperView .sec2 .box .search_box .btn_search {
	    border-bottom: 1px solid #444;
	}
	#newspaperView .sec2 .box .search_box .btn_search .icon {
		width: 1.8rem;
	}
    #newspaperView .sec2 .box .newspaper_box .wrap {
        height: unset;
        flex-direction: column;
    }
	#newspaperView .sec2 .box .newspaper_box .wrap .newspaper_img {
		width: 100%;
		height: 24rem;
		margin: 0 auto;
	}
	#newspaperView .sec2 .box .newspaper_box .wrap .texts {
		row-gap: 0.6rem;
	}
	#newspaperView .sec2 .box .newspaper_box .wrap .texts .text1 {
		font-size: 1.4rem;
	}
    #newspaperView .sec2 .box .newspaper_box .wrap .texts .text3 {
	    font-size: 1.4rem;
        -webkit-line-clamp: 5;
    }
	
	/* ------------------------------------ */
	/* [767px] ✏ 신문 구성 특징(introduction.html) */
	#newsFea .imgs .book {
		width: 100%;
	}
	
	/* ------------------------------------ */
	/* [767px] ✏ 랜딩(landing.html) */
	/* [767px] 공통 구성1 */
	#landing .commonForm1 {
		padding: 5rem 1.5rem;
	}
    #landing .commonForm1.sec1 {
        padding: 6rem 1.5rem 10rem;
    }
    #landing .commonForm1.sec3 {
        border-radius: 20px 20px 0 0;
        padding: 6rem 1.5rem 13rem;
    }
	#landing .commonForm1.sec11 {
		padding: 10rem 1.5rem 16rem;
	}
    #landing .commonForm1 .box .txt1 {
        font-size: 3rem;
    }
    #landing .commonForm1 .box .btns {
        flex-direction: column;
        row-gap: 0.8rem;
    }
	#landing .commonForm1 .box .btns .btn {
		width: fit-content;
		min-width: 22rem;
	}
	/* [767px] 섹션2 */
	#landing .sec2 {
        padding: 10rem 1.5rem 11rem;
        margin-top: -7rem;
	}
    #landing .sec2 .box {
        row-gap: 2rem;
    }
	#landing .sec2 .box .left .book {
		border-radius: 10px;
	}
	#landing .sec2 .box .left .swiper {
		padding: 5rem 0.5rem;
	}
	#landing .sec2 .box .left .swiper-slide.swiper-slide-active .book {
		transform: scale(1.5);
	}
    #landing .sec2 .box .right .r_text {
        font-size: 2.3rem;
    }
	/* [767px] 공통 텍스트 */
    #landing .titleMainTxt {
        font-size: 2.5rem;
    }
	#landing .titleMainTxt.v5 {
		text-align: center;
	}
    #landing .titleSubTxt {
        font-size: 1.6rem;
    }
	#landing .titleSubTxt.v2 {
		text-align: center;
	}
	/* [767px] 섹션4 */
	#landing .sec4 {
		background-size: cover;
	}
    #landing .sec4 .box .first {
        padding: 23rem 2.5rem 8rem;
    }
    #landing .sec4 .box .first .s_con {
        column-gap: 8%;
        row-gap: 3rem;
    }
    #landing .sec4 .box .first .s_con .wrap {
        width: 46%;
    }
    #landing .sec4 .box .first .s_con .wrap .icon {
        width: 9rem;
    }
    #landing .sec4 .box2 {
        margin-bottom: 13rem;
    }
    #landing .sec4 .box2 .left {
        width: 40rem;
        top: 0;
        transform: translate(0%, 0%);
        padding: 4rem 10rem 4rem 9rem;
        margin-left: -2.8rem;
    }
	#landing .sec4 .box2 .right {
		top: unset;
		bottom: -30%;
		transform: translate(0%, 0%);
	}
    #landing .sec4 .box2 .right .writing {
        width: 50rem;
    }
	/* [767px] 섹션5 */
	#landing .sec5 {
		padding: 5rem 1.5rem 6rem;
	}
	#landing .sec5 .box .writing .open .second .s_title {
		border-radius: 0 0 25px 25px;
	}
    #landing .sec5 .box .writing .open .close {
        border-radius: 10px;
    }
	/* [767px] 섹션6 */
    #landing .sec7 {
        padding: 8rem 1.5rem;
    }
	#landing .sec7 .box .announcing .first {
		border-radius: 30px;
	}
	#landing .sec7 .box .announcing .first .btns .btn.v1 {
		border-bottom: 7px solid #FF5757;
	}
	#landing .sec7 .box .announcing .first .btns .btn.v2 {
		border-bottom: 7px solid #004AAD;
	}
	#landing .sec7 .box .announcing .second {
	    border-radius: 30px;
		padding: 3rem 2rem;
	}
	/* [767px] 섹션9 */
	#landing .sec9 {
		padding: 8rem 1.5rem;
	}
	#landing .sec9 .box .video {
        border-radius: 20px;
		padding: 1rem;
	}
	#landing .sec9 .box .video video {
		border-radius: 20px;
	}
	#landing .sec9 .box .video .overlay {
		inset: 1rem;
		border-radius: 20px;
	}
	#landing .sec9 .box .swiper {
		width: 45rem;
	}
	#landing .sec9 .box .swiper .con {
		border-radius: 30px;
	}
	#landing .sec9 .box .swiper .con .bg1 {
		border-radius: 30px;
	}
	#landing .sec9 .box .swiper .con .bg2 {
		border-radius: 20px;
	}
	#landing .sec9 .box .swiper .con .bg3 {
		border-radius: 30px;
	}
	/* [767px] 공통 구성2 */
	#landing .commonForm2 {
		padding: 3rem 1.5rem;
	}
	#landing .commonForm2 .box {
		flex-direction: column;
		row-gap: 2.5rem;
	}
    #landing .commonForm2 .box .left .txt1 {
        font-size: 2.4rem;
        text-align: center;
    }
	#landing .commonForm2 .box .left .txt2 {
        font-size: 1.55rem;
        text-align: center;
    }
	#landing .commonForm2 .box .left .txt2.v2 {
		margin-bottom: 1.5rem;
	}
	#landing .commonForm2 .box .right {
		row-gap: 2rem;
	}
	/* [767px] 섹션12 */
    #landing .sec12 {
        padding: 4rem 0 0;
    }
	#landing .sec12 .process {
		padding: 0 1.5rem 5rem;
	}
    #landing .sec12 .process .box {
        flex-wrap: wrap;
        column-gap: 2%;
        row-gap: 1rem;
        padding: 0 1.5rem;
    }
    #landing .sec12 .process .box .btn {
        width: 32%;
        border-radius: 10px;
        border: 1px solid #4642AE;
    }
    #landing .sec12 .list .box {
        width: 41rem;
		column-gap: 2%;
        row-gap: 1rem;
        padding: 9rem 1.5rem 5.5rem;
    }
	#landing .sec12 .list .box .open_btn {
		border-radius: 10px;
	}
	#landing .sec12 .list .box .open_btn .arrow {
		border-radius: 11px;
	}
    #landing .sec12 .list .box .btn {
        width: 23.5%;
        row-gap: 0.5rem;
    }
	#landing .sec12 .list .box .btn .img {
	    border: 1px solid #5B59D0;
        border-radius: 15px;
    }
    #landing .sec12 .list .box .btn:nth-child(5) .img::before {
        display: none;
    }
    #landing .sec12 .list .box .btn:nth-child(7) .img::before {
        display: block;
    }
    #landing .sec12 .list .box .btn:nth-child(9) .img::before {
        display: none;
    }
	#landing .sec12 .open .learn1 {
        padding: 1rem 1.5rem 6rem;
    }
	#landing .sec12 .open .learn1 .box {
		row-gap: 4rem;
	}
	#landing .sec12 .open .learn1 .box .wrap {
		row-gap: 1.5rem;
	}
	#landing .sec12 .open .learn1 .box .summary {
		border-radius: 10px;
	}
	#landing .sec12 .open .learn1 .box .wrap .img .mp3 .line {
        width: 21rem;
    }
	#landing .sec12 .open .learn1 .box .wrap .img .learn {
		border-radius: 25px;
	}
	#landing .sec12 .open .learn1 .box .wrap .text {
		padding: 1.5rem;
	}
    #landing .sec12 .open .learn2 .box {
	    row-gap: 3rem;
        padding: 5rem 1.5rem;
    }
	#landing .sec12 .open .learn2 .box .form {
		column-gap: 2rem;
	}
    #landing .sec12 .open .learn2 .box .wrap .mp3 .line.v2 {
        width: 40rem;
    }
	#landing .sec12 .open .learn2 .box .wrap .content {
		border-bottom: 6px solid #D2F7FF;
		padding: 1.5rem;
	}
	#landing .sec12 .open .learn2 .box .close {
		border-radius: 10px;
	}
	/* [767px] 섹션13 */
	#landing .sec13 {
		padding: 3rem 1.5rem 9rem;
	}
	#landing .sec13 .box .video {
		border: 10px solid #FFF;
		border-radius: 20px;
	}
	#landing .sec13 .box .video video {
		border-radius: 15px;
	}
	#landing .sec13 .box .controls {
		border-radius: 10px;
		padding: 1rem;
		margin-top: 1rem;
	}
	#landing .sec13 .box .controls .left .btn_con {
		width: 3.5rem;
		height: 3.5rem;
	}
	#landing .sec13 .box .controls .left .volume_con {
		margin-left: 1rem;
		margin-right: 0.5rem;
	}
	/* [767px] 섹션15 */
	#landing .sec15 {
        padding: 8rem 1.5rem;
    }
	#landing .sec15 .box .top {
		flex-direction: column;
		row-gap: 2rem;
		margin-bottom: 5rem;
	}
    #landing .sec15 .box .top .quiz {
        width: 35rem;
        max-width: 100%;
    }
	#landing .sec15 .box .bottom {
		flex-direction: column;
		row-gap: 2.5rem;
	}
	#landing .sec15 .box .bottom .con {
		row-gap: 1rem;
	}
	#landing .sec15 .box .bottom .con:nth-child(1) {
		width: 100%;
	}
	#landing .sec15 .box .bottom .con:nth-child(2) {
		width: 100%;
	}
	#landing .sec15 .box .bottom .con .website {
		width: 45rem;
		max-width: 100%;
	}
	#landing .sec15 .box .bottom .con .btn {
		min-width: fit-content;
		max-width: 100%;
		padding: 1.3rem 2rem;
	}
	/* [767px] 섹션17 */
	#landing .sec17 {
		padding: 8rem 1.5rem;
	}
    #landing .sec17 .box .hw1 {
        flex-direction: column;
        align-items: center;
        row-gap: 2rem;
    }
    #landing .sec17 .box .hw1 .con {
        width: 30rem;
        max-width: 100%;
    }
    #landing .sec17 .box .hw1 .con .txts {
        min-height: unset;
        padding: 3rem 1.5rem;
    }
    #landing .sec17 .box .hw2 {
        flex-direction: column;
        align-items: center;
        row-gap: 2rem;
    }
    #landing .sec17 .box .hw2 .con {
        width: 100%;
    }
	#landing .sec17 .box .advantage {
        width: 60rem;
    }
	/* [767px] 섹션20 */
    #landing .sec20 {
        height: unset;
        padding: 6rem 1.5rem;
    }
	#landing .sec20 .box .feature {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
    #landing .sec20 .box .feature .img {
        width: 30rem;
        position: unset;
        transform: unset;
    }
    #landing .sec20 .box .feature .form1 {
	    display: flex;
		justify-content: center;
		column-gap: 1.5rem;
	}
    #landing .sec20 .box .feature .form2 {
	    display: flex;
		justify-content: center;
		column-gap: 1.2rem;
	}
	#landing .sec20 .box .feature .texts {
        width: 100%;
        position: unset;
	    border-radius: 15px;
	    padding: 1.2rem;
    }
    #landing .sec20 .box .feature .texts.v1 {
        transform: unset;
		border-right: 6px solid #4642AE;
    }
    #landing .sec20 .box .feature .texts.v2 {
        transform: unset;
	    border-left: 6px solid #1956C9
    }
    #landing .sec20 .box .feature .texts.v3 {
        transform: unset;
	    border-right: 6px solid #308FBE;
    }
    #landing .sec20 .box .feature .texts.v4 {
        transform: unset;
	    border-left: 6px solid #EBB840;
    }
	/* [767px] 섹션21 */
    #landing .sec21 {
        padding: 6rem 1.5rem;
    }
	#landing .sec21 .box .advice {
		border: 2px solid #000;
		border-radius: 15px;
		padding: 2rem;
	}
	#landing .sec21 .box .advice .c_txt {
		width: 6rem;
	}
    #landing .sec21 .box .advice .c_input {
        min-width: unset;
        width: 100%;
    }
	#landing .sec21 .box .advice .c_chk {
		width: 2.2rem;
		height: 2.2rem;
		border: 2px solid #BABABA;
	}
	#landing .sec21 .box .advice .check_wrap.v2 {
		column-gap: 0.5rem;
	}
	#landing .sec21 .box .advice .content1 {
		flex-direction: column;
		row-gap: 2rem;
	}
    #landing .sec21 .box .advice .content1 .left {
        width: 100%;
    }
	#landing .sec21 .box .advice .content1 .right {
        width: 100%;
        column-gap: 1.5rem;
    }
	#landing .sec21 .box .advice .content1 .right .check {
		width: 100%;
	}
	#landing .sec21 .box .advice .content2 {
		row-gap: 1.5rem;
	}
	#landing .sec21 .box .advice .content2 .wrap .details {
		font-size: 1.2rem;
	}
	#landing .sec21 .box .advice .button {
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 650px) {
	/* [650px] ✏ 메인(index.html) */
	/* [650px] 공통 구성2 */
    #main .commonForm2 .con .news.news1 {
        min-height: 26rem;
    }
    #main .commonForm2 .con .news.news2 {
        height: 18rem;
    }

	/* ------------------------------------ */
	/* [650px] ✏ [공통] 기사 보기 */
	/* [650px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [650px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [650px] 섹션3 */
    #articleView .sec3 .form2 .box .con .btn {
        min-height: 18rem;
    }
}
@media only screen and (max-width: 550px) {
	/* [550px] ✏ 메인(index.html) */
	/* [550px] 공통 구성2 */
    #main .commonForm2 .con .news.news1 {
        min-height: 25rem;
    }
    #main .commonForm2 .con .news.news2 {
        height: 17rem;
    }

	/* ------------------------------------ */
	/* [550px] ✏ [공통] 기사 보기 */
	/* [550px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [550px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [550px] 섹션3 */
    #articleView .sec3 .form2 .box .con .btn {
        min-height: 17rem;
    }

	/* ------------------------------------ */
	/* [550px] ✏ 학습 서비스(learning_service.html) */
	/* [550px] 섹션8 */
    #learningService .sec8 {
        height: 30.25rem;
    }
}
@media only screen and (max-width: 540px) {
	/* [540px] ✏ 랜딩(landing.html) */
	/* [540px] 섹션5 */
	#landing .sec5 .box .writing .topic .title {
		top: -50%;
		padding: 1rem 5rem;
	}
	#landing .sec5 .box .writing .answer {
		padding: 2rem 3rem;
	}
	#landing .sec5 .box .writing .proofreading .button {
	    width: 19rem;
		column-gap: 1rem;
	    padding: 0.5rem 0.5rem 0.5rem 2rem;
	}
	#landing .sec5 .box .writing .open .first {
		padding: 4rem 2rem 3rem;
	}
	#landing .sec5 .box .writing .open .second .txts {
		padding: 4rem 2rem 3rem;
	}
}
@media only screen and (max-width: 500px) {
	/* [500px] ✏ 하단(footer.php) */
	#footer .box .info2 .text br.br2 {
		display: block;
	}
	
	/* ------------------------------------ */
	/* [500px] ✏ [공통] 뉴스 기사 */
	/* [500px] 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [500px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
    .newsStory .ns_box .tabcontent .con .wrap .news_img {
        height: 22rem;
    }

	/* ------------------------------------ */
	/* [500px] ✏ 메인(index.html) */
	/* [500px] 공통 텍스트 */
    #main .txtMain {
        font-size: 2.9rem;
    }
   	/* [500px] 공통 구성2 */
    #main .commonForm2 .con {
        padding: 1.5rem 1.5rem 8rem;
    }
    #main .commonForm2 .con .news.news1 {
        min-height: 19rem;
    }
    #main .commonForm2 .con .news.news2 {
        width: 100%;
        height: 19rem;
    }
	#main .commonForm2 .con .news .arrow_btn {
		display: none;
    }
    #main .commonForm2 .swiper-pagination {
        bottom: 15px;
    }
	/* [500px] 섹션7 */
    #main .sec7 .dot1 {
        width: 16rem;
        top: 66%;
        left: -5%;
    }
    #main .sec7 .dot2 {
        width: 16rem;
        top: 41.5%;
    }
    #main .sec7 .dot3 {
        width: 16rem;
    }
	/* [500px] 섹션9 */
	#main .sec9 .box .point {
        width: 8rem;
        transform: translate(120%, -40%);
    }
	
	/* ------------------------------------ */
	/* [500px] ✏ [공통] 배너 */
	/* [500px] AI 대화(ai_conversation.php), AI 쓰기(ai_writing.php), 아나운싱(announcing.php), e-book(ebook.php) */
	/* [500px] 회원가입(join.html), 결제(payment.php), 지난 기사 리스트(last_article_list.php)  */
	/* [500px] 결제 최종(orderOnline.php), 결제 완료(PayComplete.php), 결제 내역(MyOrders.php) */
	/* [500px] 구독정보(subscription_info.php), AI 대화 시작(ai_conversation_start.php) */
	.banner .bn_box .txt2 br {
		display: none;
	}

	/* ------------------------------------ */
	/* [500px] ✏ [공통] 기사 보기 */
	/* [500px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [500px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [500px] 섹션1 */
    #articleView .sec1 .box .txtbox {
        padding: 5rem 1.5rem;
    }
	#articleView .sec1 .box .txtbox .title br {
		display: none;
	}
	/* [500px] 섹션3 */
    #articleView .sec3 .form2 .box .con .btn {
        width: 100%;
        min-height: 19rem;
    }

	/* ------------------------------------ */
	/* [500px] ✏ 학습 서비스(learning_service.html) */
	/* [500px] 섹션2 */
    #learningService .sec2 .box .mobile {
        width: 70%;
    }
	#learningService .sec2 .box .title br {
		display: none;
	}
	/* [500px] 섹션4 */
    #learningService .sec4 .box .wrap .image {
        width: 100%;
    }
    #learningService .sec4 .box .wrap .btn {
        width: 50%;
    }
	/* [500px] 섹션6 */
    #learningService .sec6 .box .wrap .image1 {
        width: 80%;
    }
    #learningService .sec6 .box .wrap .btn {
        width: 50%;
    }
    #learningService .sec6 .box .wrap .image2 {
        width: 100%;
    }
	/* [500px] 섹션8 */
	#learningService .sec8 {
		height: 28.25rem;
	}
	/* [500px] 섹션10 */
    #learningService .sec10 {
        height: 26rem;
    }
    #learningService .sec10 .box .btn {
        width: 50%;
    }

	/* ------------------------------------ */
	/* [500px] ✏ [공통] 온라인 학습 */
	/* [500px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [500px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [500px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html), 스페셜 에디션(special_edition.html) */
    .onlineLearning .swiper-button-prev {
        left: 1.5%;
    }
    .onlineLearning .swiper-button-next {
        right: 1.5%;
    }

	/* ------------------------------------ */
	/* [500px] ✏ [공통] 영자신문 소개 */
	/* [500px] 영자신문 소개 킨더(englishnewspaper_introduction_kinder.html), 영자신문 소개 키즈(englishnewspaper_introduction_kids.html) */
	/* [500px] 영자신문 소개 주니어(englishnewspaper_introduction_junior.html), 영자신문 소개 틴(englishnewspaper_introduction_teen.html) */
	/* [500px] 영자신문 소개 제너럴(englishnewspaper_introduction_general.html) */
	/* [500px] 섹션1 */
    #enewsIntroduction .sec1 .box .book {
        width: 12rem;
    }
	/* [500px] 섹션3 */
    #enewsIntroduction .sec3 .box .tool .wrap {
        width: 100%;
    }

	/* ------------------------------------ */
	/* [500px] ✏ 스페셜 에디션(special_edition.html) */
	/* [500px] 섹션1 */
    #specialEdition .sec1 .box .txts .txt1 {
        font-size: 1.35rem;
    }
    #specialEdition .sec1 .box .txts .txt2 {
        font-size: 3rem;
    }
	/* [500px] 섹션2 */
    #specialEdition .sec2 .box .table .wrap .head {
        font-size: 1rem;
    }
    #specialEdition .sec2 .box .table .wrap .con {
        font-size: 1rem;
    }
	/* [500px] 공통 구성1 */
    #specialEdition .commonForm1 .box .txt {
        font-size: 2.5rem;
    }
	/* [500px] 섹션8 */
    #specialEdition .sec8 .box .wrap {
        width: 100%;
    }
	#specialEdition .sec8 .box .wrap .txt2 {
		min-height: 13rem;
	}
	
	/* ------------------------------------ */
	/* [500px] ✏ 랜딩(landing.html) */
	/* [500px] 섹션2 */
	#landing .sec2 .box .left .swiper-slide.swiper-slide-active .book {
		transform: scale(2);
	}
	/* [500px] 섹션4 */
    #landing .sec4 .box .first {
        padding: 23rem 2.5rem 5rem;
    }
    #landing .sec4 .box .first .s_con {
        row-gap: 2rem;
    }
    #landing .sec4 .box .first .s_con .wrap {
        width: 90%;
    }
    #landing .sec4 .box2 .left {
        width: 35rem;
        padding: 4rem 8rem 4rem 5rem;
        margin-left: -2.8rem;
    }
    #landing .sec4 .box2 .right {
        bottom: -25%;
    }
	/* [500px] 섹션9 */
    #landing .sec9 .box .video {
        padding: 0.5rem;
    }
    #landing .sec9 .box .video .overlay {
        inset: 0.5rem;
    }
	/* [500px] 섹션12 */
    #landing .sec12 {
        padding: 2rem 0 0;
    }
    #landing .sec12 .process {
        padding: 0 1.5rem 4rem;
    }
	#landing .sec12 .list .box {
        width: 32rem;
        max-width: 89%;
        column-gap: 2%;
        row-gap: 1rem;
        padding: 9rem 1.5rem 5.5rem;
    }
    #landing .sec12 .list .box .btn .img::before {
        width: 4rem;
        left: 60%;
    }
	#landing .sec12 .open .learn2 .box .wrap .mp3 .line {
		width: 7rem;
	}
	/* [500px] 섹션13 */
	#landing .sec13 .box .video {
		border: 5px solid #FFF;
		border-radius: 15px;
	}
	#landing .sec13 .box .video video {
		border-radius: 10px;
	}
    #landing .sec13 .box .controls {
        flex-wrap: wrap;
		row-gap: 0.3rem;
    }
	#landing .sec13 .box .controls .left {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 0.3rem;
	}
}
@media only screen and (max-width: 450px) {
	/* [450px] ✏ 초기화 */
	html {
		font-size: 10px;
	}
	
	/* ------------------------------------ */
	/* [450px] ✏ 메인(index.html) */
	/* [450px] 섹션1 */
	#main .sec1 .box .title_txt .title3 br {
		display: none;
	}
	/* [450px] 섹션2 */
    #main .sec2 .box {
        padding: 2rem 1.5rem;
    }
    #main .sec2 .box .in .wrap .btn {
        width: 5rem;
        height: 5rem;
    }
    #main .sec2 .box .in .wrap .txt {
        font-size: 1.1rem;
    }
	/* [450px] 공통 텍스트 */
    #main .txtMain {
        font-size: 2.7rem;
    }
	
	/* ------------------------------------ */
	/* [450px] ✏ AI 쓰기(ai_writing.php) */
	#aiWriting .study .btn {
		width: auto;
		min-width: 60%;
		padding: 0 1.5rem;
	}
	
	/* ------------------------------------ */
	/* [450px] ✏ 아나운싱(announcing.php) */
    #announcing .study .recording_screen {
        width: 100%;
        height: unset;
    }
    #announcing .study .recording_screen .person {
        width: 90%;
    }
	
	/* ------------------------------------ */
	/* [450px] ✏ e-book(ebook.php) */
    #ebook .study {
        margin-top: 3rem;
    }
    #ebook .study .btn {
        width: 60%;
        min-height: 7rem;
    }
    #ebook .study .btn .mediabr {
        display: none;
    }

	/* ------------------------------------ */
	/* [450px] ✏ 회원가입(join.html) */
    #join .join .btn {
        width: 60%;
        padding: 0.8rem 0.5rem;
    }
	
	/* ------------------------------------ */
	/* [450px] ✏ [공통] 결제 */
	/* [450px] 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
	/* [450px] 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
    #payment .paytable table tbody td {
        padding: 0.5rem;
    }

	/* ------------------------------------ */
	/* [450px] ✏ 스페셜 에디션(special_edition.html) */
	/* [450px] 섹션1 */
    #specialEdition .sec1 .box .txts .txt1 {
        font-size: 1.3rem;
    }
    #specialEdition .sec1 .box .txts .txt2 {
        font-size: 2.8rem;
    }
	/* [450px] 섹션4 */
    #specialEdition .sec4 .box .book .img {
        width: 60%;
    }
	/* [450px] 섹션6 */
    #specialEdition .sec6 .box .book .img {
        width: 100%;
    }
}
@media only screen and (max-width: 400px) {
	/* [400px] ✏ [공통] 뉴스 기사 */
	/* [400px] 메인(index.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [400px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
    .newsStory .ns_box .tabcontent .con .wrap .news_img {
        height: 20rem;
    }
	
	/* ------------------------------------ */
	/* [400px] ✏ 메인2(index.html) */
	/* [400px] 섹션5 */
    #main2 .sec5 .box .swiper_con {
        max-width: 70%;
        padding: 0 15%;
    }

	/* ------------------------------------ */
	/* [400px] ✏ 학습 서비스(learning_service.html) */
	/* [400px] 섹션8 */
	#learningService .sec8 {
		height: 25.25rem;
	}

	/* ------------------------------------ */
	/* [400px] ✏ [공통] 결제 */
	/* [400px] 결제(payment.php), 결제 최종(orderOnline.php), 결제 완료(PayComplete.php) */
	/* [400px] 결제 내역(MyOrders.php), 구독정보(subscription_info.php) */
	#payment .paytable table tbody td .input_tel {
		width: 100%;
	}

	/* ------------------------------------ */
	/* [400px] ✏ 스페셜 에디션(special_edition.html) */
	/* [400px] 섹션2 */
    #specialEdition .sec2 .box .table .wrap .head {
        font-size: 0.9rem;
    }
    #specialEdition .sec2 .box .table .wrap .con {
        font-size: 0.9rem;
    }
	/* [400px] 섹션4 */
    #specialEdition .sec4 .box .book .img {
        width: 70%;
    }
	/* [400px] 섹션10 */
	#specialEdition .sec10 .box .link_btn {
		width: 90%;
	}
}
@media only screen and (max-width: 380px) {
	/* [380px] ✏ 메인2(index.html) */
	/* [380px] 섹션2 */
    #main2 .sec2 .box {
        padding: 2rem 1.5rem;
    }
    #main2 .sec2 .box .in {
        width: 20rem;
        column-gap: 2%;
        row-gap: 1rem;
    }
    #main2 .sec2 .box .in .wrap {
        width: 32%;
	    row-gap: 0.8rem;
    }
	#main2 .sec2 .box .in .wrap .btn {
        width: 5rem;
        height: 5rem;
    }
}
@media only screen and (max-width: 360px) {
	/* [360px] ✏ 회원가입(join.html) */
    #join .agree .total .wrap {
        flex-direction: column;
        align-items: flex-start;
    }
	#join .agree .total .wrap .terms {
		margin-left: 2rem;
	}
}
@media only screen and (max-width: 350px) {
	/* [350px] ✏ 메인(index.html) */
	/* [350px] 섹션2 */
    #main .sec2 .box .in {
        width: 22rem;
        column-gap: 2%;
    }
    #main .sec2 .box .in .wrap {
        width: 32%;
    }
	#main .sec2 .box .in .wrap:nth-child(3) .btn::before {
		display: none;
	}
	#main .sec2 .box .in .wrap:nth-child(5) .btn::before {
		display: block;
	}
	#main .sec2 .box .in .wrap:nth-child(6) .btn::before {
		display: none;
	}
	/* [350px] 섹션9 */
	#main .sec9 .box .point {
        width: 7rem;
        transform: translate(110%, -65%);
    }	
	
	/* ------------------------------------ */
	/* [350px] ✏ [공통] 기사 보기 */
	/* [350px] 기사 보기 킨더(article_view_kinder.html), 기사 보기 키즈(article_view_kids.html), 기사 보기 주니어(article_view_junior.html) */
	/* [350px] 기사 보기 틴(article_view_teen.html), 기사 보기 제너럴(article_view_general.html) */
	/* [350px] 섹션1 */
    #articleView .sec1 .box .left {
        padding: 5rem 1.5rem;
    }
	/* [350px] 섹션3 */
    #articleView .sec3 .form3 .box .con .icons .btn {
        width: 100%;
    }

	/* ------------------------------------ */
	/* [350px] ✏ 스페셜 에디션(special_edition.html) */
	/* [350px] 섹션4 */
    #specialEdition .sec4 .box .book .img {
        width: 80%;
    }
}
@media only screen and (max-width: 335px) {
	/* [355px] ✏ 메인2(index.html) */
	/* [355px] 섹션5 */
    #main2 .sec5 .box .swiper_con {
        width: 30rem;
        max-width: 100%;
        padding: 0;
    }
}
@media only screen and (max-width: 345px) {
	/* [345px] ✏ 메인2(index.html) */
	/* [345px] ✏ 랜딩(landing.html) */
	/* [345px] 섹션13 */
    #landing .sec13 .box .controls {
        justify-content: center;
    }
	#landing .sec13 .box .controls .right {
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 330px) {
	/* [330px] ✏ 로그인(loing.html) */
	#login .box .wrap .input_box .savesearch {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 0.5rem;
	}
}
@media only screen and (max-width: 300px) {
	/* [300px] ✏ e-book(ebook.php) */
    #ebook .study .btn {
        width: 100%;
    }
	
	/* ------------------------------------ */
	/* [300px] ✏ 학습 서비스(learning_service.html) */
	/* [300px] 섹션2 */
    #learningService .sec2 .box .mobile {
        width: 100%;
    }
	/* [300px] 섹션6 */
    #learningService .sec6 .box .wrap .image1 {
        width: 100%;
    }	

	/* ------------------------------------ */
	/* [300px] ✏ 스페셜 에디션(special_edition.html) */
	/* [300px] 섹션4 */
    #specialEdition .sec4 .box .book .img {
        width: 100%;
    }
}