@font-face { font-family: 'ROKAFSans'; font-style: normal; font-weight: 500; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansMedium.woff') format('woff'); }
@font-face { font-family: 'ROKAFSans'; font-style: normal; font-weight: 700; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansBold.woff') format('woff'); }
/*******************************************************************************
 페이지 공통
********************************************************************************/
.container img { margin: 0; }
.long-language-section01 { overflow: hidden; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section01-bg01-220620.jpg") no-repeat center center; background-size: cover; }
.long-language-section02 { background: #e6f0f5; }
.long-language-section03 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section03-bg01-220620.jpg") no-repeat center top; background-size: cover; }
.long-language-section04 { background: #FFFFE5; }
.long-language-section05 { background: #EEEEEE; }
.long-language-section06 { background: #DCDCDC; }
.long-language-section07 { background: #6A11C6; }
.YGtraining-section4 { background: #E6F0F5; }
.yg-max-width { margin: 0 auto; width: 1080rem; color: #000; text-align: center; }
.long-term-language .common-video-type .video-item { background-color: #fff; }
.long-term-language .main-video .videoWrap { border-radius: 0; isolation: isolate; }
.long-term-language .youtube-channel { padding: 80rem 0; }
.long-term-language .youtube-channel .max-width { padding-top: 0; padding-bottom: 0; text-align: left; }
/* 서브 타이틀 */
.long-language-sub-title { margin-bottom: 100rem; font-family: 'ROKAFSans', sans-serif; font-size: 60rem; color: #000; }
.long-language-sub-title > span { margin-bottom: 16rem; font-size: 48rem; font-weight: 500; }
.long-language-sub-title > strong { color: #7E00FF; }
.long-language-sub-text { margin-bottom: 100rem; font-size: 24rem; }
.long-language-sub-text > strong { text-decoration: underline; }
.long-language-sub-text > small { font-size: 20rem; color: #555555; }
@media screen and (max-width:1080px) {
	.yg-max-width { width: 100%; }
}
@media screen and (max-width:768px) {
	.long-term-language .youtube-channel { padding: 50rem 0 60rem; }
	.long-language-sub-title { margin-bottom: 39rem; font-size: 22rem; }
	.long-language-sub-title > span { font-size: 22rem; }
	.long-language-sub-text { margin-bottom: 65rem; font-size: 16rem; }
	.long-language-sub-text > small { font-size: 16rem; }
}
/*******************************************************************************
 장기 어학연수 장점
********************************************************************************/
.long-language-section02-con { margin-bottom: 80rem; }
.long-language-section02-con-title { margin-bottom: 20rem; padding-left: 60rem; position: relative; font-size: 32rem; color: #000; text-align: left; }
.long-language-section02-con-title::before { position: absolute; left: 0; color: #7E00FF; content: '01'; }
.long-language-section02-con2 .long-language-section02-con-title::before { content: '02'; }
.long-language-section02-con3 .long-language-section02-con-title::before { content: '03'; }
.long-language-section02-con4 .long-language-section02-con-title::before { content: '04'; }
.long-language-section02-con-grid { display: grid; grid-template-columns: repeat(3,1fr); column-gap: 10rem; row-gap: 10rem; }
.long-language-section02-col { padding: 30rem 0; background: #fff; -webkit-border-radius: 10rem; isolation: isolate; -moz-border-radius: 10rem; isolation: isolate; border-radius: 10rem; isolation: isolate; }
.long-language-section02-col-text { margin-bottom: 24rem; color: #000; }
.long-language-section02-col-text.color-green { color: #2CAE2F; }
.long-language-section02-col-iconBox { display: inline-block; width: 100%; height: 60rem; }
.long-language-section02-col-span { background: #F4F9FC; grid-column: 3 span; }
.long-language-section02-col-span-title { margin-bottom: 18rem; font-size: 32rem; }
.long-language-section02-col-span-con { display: flex; justify-content: center; margin-bottom: 26rem; }
.long-language-section02-col-span-con-col { margin: 0 25rem; padding: 5rem; border: 1rem solid #B5B5B5; position: relative; width: 25%; -webkit-border-radius: 5rem; isolation: isolate; -moz-border-radius: 5rem; isolation: isolate; border-radius: 5rem; isolation: isolate; }
.long-language-section02-col-span-con-col::before { position: absolute; top: 50%; left: 100%; z-index: 2; width: 80rem; height: 64rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img14-220620.png") no-repeat center center; background-size: cover; content: ''; transform: translate(-25%,-50%); }
.long-language-section02-col-span-con-col:last-child:before { right: 0; left: auto; width: 70rem; height: 70rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img10-220620.png") no-repeat center center; background-size: cover; transform: translate(20%,-50%); }
.long-language-section02-col-span-con-col > p { display: flex; align-items: end; justify-content: center; padding-bottom: 28rem; font-size: 20rem; }
.long-language-section02-col-span-con-col > p > strong { display: inline-block; margin: 0 8rem; font-family: 'ROKAFSans', sans-serif; font-size: 44rem; line-height: 1; }
.long-language-section02-col-span-con-col-title { margin-bottom: 28rem; padding: 20rem 0; background: #434343; font-size: 20rem; color: #fff; -webkit-border-radius: 5rem; isolation: isolate; -moz-border-radius: 5rem; isolation: isolate; border-radius: 5rem; isolation: isolate; }
.long-language-section02-col-span-con-col:last-child { border-color: #D2A6DD }
.long-language-section02-col-span-con-col:last-child .long-language-section02-col-span-con-col-title { background: #AA11D0; }
.long-language-section02-col-span-con-col:last-child > p > strong { color: #AA11D0; }
.long-language-section02-col-span-text > li { color: #888888; }
.long-language-section02-col-span-text > li::before { content: '※'; margin-right: 4rem; }
.long-language-section02-con1 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img01-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con1 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img02-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con1 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img03-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con2 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img04-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con2 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img05-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con2 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img06-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con3 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img07-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con3 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img08-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con3 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img09-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con4 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img11-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con4 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img12-220620.png") no-repeat center center; background-size: contain; }
.long-language-section02-con4 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section02-img13-220620.png") no-repeat center center; background-size: contain; }
@media screen and (max-width:768px) {
	.long-language-section02-con { margin-bottom: 40rem; }
	.long-language-section02-con-grid { font-size: 18rem; grid-template-columns: repeat(1,1fr); }
	.long-language-section02-col-span { padding: 19.5rem; grid-column: 1 span; }
	.long-language-section02-con-title { margin-bottom: 16rem; padding-left: 26rem; font-size: 16rem; }
	.long-language-section02-col { padding: 20rem; }
	.long-language-section02-col-span-title { font-size: 20rem; }
	.long-language-section02-col-span-con { display: block; }
	.long-language-section02-col-text { margin-bottom: 16rem; }
	.long-language-section02-col-span-con-col { margin: 0 0 26rem; width: 100%; }
	.long-language-section02-col-span-con-col::before { top: 100%; left: 50%; transform: translate(-50%,-25%) rotate(90deg); }
	.long-language-section02-col-span-con-col:last-child:before { top: 50%; }
	.long-language-section02-col-span-con-col > p { align-items: center; font-size: 24rem; }
	.long-language-section02-col-span-con-col > p > strong { font-size: 28rem; }
	.long-language-section02-col-span-con-col-title { font-size: 22rem; }
	.long-language-section02-col-span-text > li { margin-bottom: 6.5rem; text-align: left; }
	.long-language-section02-con1 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox, .long-language-section02-con1 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox, .long-language-section02-con1 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox, .long-language-section02-con2 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox, .long-language-section02-con2 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox, .long-language-section02-con2 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox, .long-language-section02-con3 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox, .long-language-section02-con3 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox, .long-language-section02-con3 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox, .long-language-section02-con4 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox, .long-language-section02-con4 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox, .long-language-section02-con4 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox { background-size: auto 40rem; }
}
/*******************************************************************************
 2개국 연계 어학연수도 가능해요!
********************************************************************************/
.long-language-section03 { overflow: hidden; }
.long-language-section03-con { padding: 80rem 120rem; border: 3rem solid #D2D2D2; border-bottom: none; box-shadow: 7rem 7rem 8rem #00000025; background: #fff; -webkit-border-radius: 30rem 30rem 0 0; isolation: isolate; -moz-border-radius: 30rem 30rem 0 0; isolation: isolate; border-radius: 30rem 30rem 0 0; isolation: isolate; }
.long-language-section03-con-title { display: inline-block; margin-bottom: 24rem; padding: 8rem 20rem; background: #F8EEFF; font-size: 36rem; }
.long-language-section03-con-text { margin-bottom: 72rem; font-size: 24rem; color: #555; }
.long-language-section03-con-text > strong { color: #7E00FF; }
.long-language-section03-con-wrap { display: flex; justify-content: space-between; }
.long-language-section03-col { width: 40%; }
.long-language-section03-col > dt { margin-bottom: 18rem; font-size: 28rem; }
.long-language-section03-col > dd > span { display: flex; align-items: center; justify-content: center; gap: 12rem; margin-bottom: 10rem; padding: 28rem 0; position: relative; background: #EEEEEE; font-size: 20rem; text-align: center; }
.long-language-section03-col:first-child > dd > span::before { position: absolute; top: 50%; left: 100%; width: 80rem; height: 9rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section03-img04-220620.png") no-repeat center center; background-size: contain; content: ''; transform: translate(50%,-50%); }
.long-language-section03-col > dd > span:first-child { height: 100rem; }
.long-language-section03-col > dd > span:last-child { height: 200rem; }
.long-language-section03-col > dd > span > span > span { display: flex; align-items: center; justify-content: center; gap: 12rem; margin-bottom: 20rem; }
@media screen and (max-width:768px) {
	.long-language-section03-con { padding: 13rem; }
	.long-language-section03-col > dd > span img { display: none; }
	.long-language-section03-col:first-child > dd > span::before { display: none; }
	.long-language-section03-col > dd > span, .long-language-section03-col > dd > span:first-child, .long-language-section03-col > dd > span:last-child { width: 100%; height: 150rem; font-size: 18rem; }
	.long-language-section03-col > dd > span > span > span { margin-bottom: 0; }
	.long-language-section03-col > dt { font-size: 18rem; }
	.long-language-section03-con-text { font-size: 18rem; }
	.long-language-section03-con-title { font-size: 18rem; }
	.long-language-section03-col { width: 48%; }
}
/*******************************************************************************
 장기 어학연수 추천 국가 TOP 3
********************************************************************************/
.long-language-section04-row { display: flex; justify-content: space-between; margin-bottom: 40rem; }
.long-language-section04-row > span { display: inline-block; width: 48%; height: 380rem; }
.long-language-section04-row > dl { width: 48%; text-align: left; }
.long-language-section04-row > dl > dt { margin-bottom: 1.4em; font-size: 32rem; }
.long-language-section04-row > dl > dt > img { margin-bottom: 16rem; height: 60rem; }
.long-language-section04-row > dl > dt > strong { display: inline-block; padding-bottom: 8rem; position: relative; font-size: 24rem; line-height: 1; color: #7E00FF; }
.long-language-section04-row > dl > dt > strong::before { position: absolute; top: 100%; left: 0; width: 100%; height: 3rem; background: #7E00FF; content: ''; }
.long-language-section04-row > dl > dd > p { font-size: 20rem; }
.long-language-section04-row1 > span { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section04-img01-220620.png") no-repeat left center; background-size: cover; }
.long-language-section04-row2 > span { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section04-img02-220620.jpg") no-repeat left center; background-size: cover; }
.long-language-section04-row3 > span { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/long-language-section04-img03-220620.jpg") no-repeat left center; background-size: cover; }
@media screen and (max-width:768px) {
	.long-language-section04-row { display: block; }
	.long-language-section04-row > span { width: 100%; }
	.long-language-section04-row > dl { width: 100%; }
	.long-language-section04-row > span { height: 220rem; background-position: left top; background-size: contain; }
	.long-language-section04-row > dl > dt { font-size: 20rem; }
	.long-language-section04-row > dl > dt > strong { padding: 0 2rem 4rem; font-size: 16rem; }
	.long-language-section04-row > dl > dt > img { margin-bottom: 8rem; height: 40rem; }
	.long-language-section04-row > dl > dd > p { font-size: 14rem; }
}
/*******************************************************************************
 장기 어학연수 주요 과정
********************************************************************************/
.long-language-section05 .long-language-sub-title { margin-bottom: 32rem; }
.long-language-section05-con { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 22rem; row-gap: 20rem; }
.long-language-section05-col { padding: 36rem; background: #00000030; }
.long-language-section05-col > dt { margin-bottom: 22rem; font-family: 'ROKAFSans', sans-serif; font-size: 32rem; font-weight: 700; }
.long-language-section05-col > dd { font-size: 20rem; }
@media screen and (max-width:768px) {
	.long-language-section05-col { padding: 24rem; }
	.long-language-section05-col > dt { margin-bottom: 16rem; font-size: 20rem; }
	.long-language-section05-col > dd { font-size: 13rem; }
	.long-language-section05-con { grid-template-columns: repeat(1,1fr); }
}
/*******************************************************************************
 장기 어학연수 추천 플랜
********************************************************************************/
.long-language-section06 .long-language-sub-title { margin-bottom: 32rem; }
.long-language-section06-con { margin-bottom: 80rem; text-align: left; }
.long-language-section06-title { display: inline-block; margin-bottom: 24rem; padding: 12rem 28rem; background: #1B1B1B; -webkit-border-radius: 27rem; isolation: isolate; -moz-border-radius: 27rem; isolation: isolate; border-radius: 27rem; isolation: isolate; }
.long-language-section06-title > dl { display: flex; align-items: center; justify-content: center; }
.long-language-section06-title > dl > dt { margin-right: 20rem; font-size: 20rem; font-weight: 400; }
.long-language-section06-title > dl > dd { font-size: 28rem; font-weight: 700; color: #fff; }
.long-language-section06-con-col-wrap { display: grid; text-align: center; grid-template-columns: repeat(3,1fr); }
.long-language-section06-con-col { display: flex; align-items: center; justify-content: center; padding: 40rem 0; position: relative; width: calc(100% + 20rem); }
.long-language-section06-con-col:nth-child(2):before, .long-language-section06-con-col:nth-child(3):before { border-top: 10rem solid transparent; border-right: 0; border-bottom: 0; border-left: 20rem solid transparent; position: absolute; top: 100%; left: 0; width: 0; height: 0; content: ''; }
.long-language-section06-con-col:nth-child(2) { transform: translateY(-10rem); }
.long-language-section06-con-col:nth-child(3) { transform: translateY(-20rem); }
.long-language-section06-con-col > p { font-size: 28rem; font-weight: 700; color: #000; }
.long-language-section06-con-col > p > span { display: inline-block; padding: 4rem 20rem; background: #000; font-size: 20rem; color: #fff; -webkit-border-radius: 15rem; isolation: isolate; -moz-border-radius: 15rem; isolation: isolate; border-radius: 15rem; isolation: isolate; }
.long-language-section06-con1 .long-language-section06-title > dl > dt { color: #FC8FB3; }
.long-language-section06-con1 .long-language-section06-con-col { background: linear-gradient(to right, #E78586, #FE90B7); }
.long-language-section06-con1 .long-language-section06-con-col:nth-child(2):before, .long-language-section06-con1 .long-language-section06-con-col:nth-child(3):before { border-top-color: #B65051; }
.long-language-section06-con2 .long-language-section06-title > dl > dt { color: #8CD5FB; }
.long-language-section06-con2 .long-language-section06-con-col { background: linear-gradient(to right , #43C3CF, #90D6FE); }
.long-language-section06-con2 .long-language-section06-con-col:nth-child(2):before, .long-language-section06-con2 .long-language-section06-con-col:nth-child(3):before { border-top-color: #246F76; }
.long-language-section06-con3 .long-language-section06-title > dl > dt { color: #FCFB90; }
.long-language-section06-con3 .long-language-section06-con-col { background: linear-gradient(to right , #E7C885, #FDFE90); }
.long-language-section06-con3 .long-language-section06-con-col:nth-child(2):before, .long-language-section06-con3 .long-language-section06-con-col:nth-child(3):before { border-top-color: #7B6738; }
@media screen and (max-width:768px) {
	.long-language-section06-title { padding: 8rem 16rem; border-radius: 12rem; isolation: isolate; }
	.long-language-section06-con .long-language-section06-title > dl > dt { font-size: 13rem; }
	.long-language-section06-title > dl { display: block; }
	.long-language-section06-title > dl > dd { font-size: 18rem; }
	.long-language-section06-con-col { padding: 20rem 0; }
	.long-language-section06-con-col > p { font-size: 20rem; }
	.long-language-section06-con-col > p > span { padding: 4rem 12rem; font-size: 16rem; }
	.long-language-section06-con { margin-bottom: 40rem; }
}
/*******************************************************************************
 장기 어학연수 FAQ
********************************************************************************/
.long-language-section07 .long-language-sub-title { color: #fff; }
.long-language-section07 .long-language-sub-title > strong { color: #FFF601; }
.long-language-section07-row { margin-bottom: 20rem; padding: 40rem; background: #fff; color: #000; text-align: left; }
.long-language-section07-row > dt { margin-bottom: 36rem; padding-left: 30rem; position: relative; font-family: 'ROKAFSans', sans-serif; font-size: 24rem; font-weight: 700; }
.long-language-section07-row > dt::before { position: absolute; top: 0; left: 0; color: #7E00FF; content: 'Q'; }
.long-language-section07-row > dd { font-size: 20rem; }
.long-language-section07-row > dd > strong { background: #92F9FF; }
.long-language-section07-row > dd > span { font-size: 18rem; color: #555; }
@media screen and (max-width:768px) {
	.long-language-section07-row { padding: 24rem; }
	.long-language-section07-row > dt { margin-bottom: 12rem; padding-left: 20rem; font-size: 18rem; }
	.long-language-section07-row > dt::before { font-size: 18rem; }
	.long-language-section07-row > dd { font-size: 13rem; }
	.long-language-section07-row > dd > span { font-size: 13rem; }
}
/*******************************************************************************
 1위 유학 채널
********************************************************************************/
.long-language-section08 { background: #EAFEE8; }
.long-language-section08 .sub-title { margin-bottom: 60rem; font-size: 54rem; color: #000; }
.long-language-section08-text { display: inline-block; margin-bottom: 12rem; padding: 12rem 24rem; border: 1rem solid #1EC95B; background: #fff; font-size: 26rem; font-weight: 700; color: #1EC95B; border-radius: 8rem; isolation: isolate; }
.long-language-section08-con2 { display: grid; grid-template-columns: repeat(12,1fr); grid-gap: 24rem; }
.long-language-section08-con .youtube-wrap { margin: 0 auto; width: 80%; }
.long-language-section08-con .youtube-wrap iframe { box-shadow: 0 8rem 16rem rgba(0, 0, 0, 16%); width: 100%; aspect-ratio: 16 / 9; }
.long-language-section08-con2 #youtube-con { width: 100%; grid-column: 9 span; }
.long-language-section08-con2 #youtube-con iframe { width: 100%; }
.long-language-section08-con2 ul { display: grid; grid-template-rows: repeat(3,1fr); grid-gap: 13rem; grid-column: 3 span; }
.long-language-section08-con2 ul li { box-shadow: 0 8rem 16rem rgba(0, 0, 0, 16%); }
.long-language-section08-con2 ul li img { width: 100%; height: 100%; }
@media screen and (max-width:1200rem) {
	.long-language-section08-con2 { grid-template-columns: repeat(1,1fr); grid-gap: 16rem; }
	.long-language-section08-con2 #youtube-con { grid-column: 1 span; }
	.long-language-section08-con2 ul { grid-column: 1 span; }
	.long-language-section08-con2 ul { grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(1,1fr); grid-gap: 6rem; }
	.long-language-section08-con .youtube-wrap { width: 100%; }
}
@media screen and (max-width:767px) {
	.long-language-section08 .sub-title { margin-bottom: 26rem; font-size: 36rem; }
	.long-language-section08-text { padding: 8rem 16rem; font-size: 20rem; }
}
/*******************************************************************************
 압도적 어학연수 혜택
********************************************************************************/

/* 후기 */
.mbti-section09-con { display: block !important; margin: 100rem 0 0; text-align: center !important; }
.mbti-section09-con-title { display: inline-block; margin-bottom: 50rem; padding: 0 20rem; position: relative; font-size: 50rem; }
.mbti-section09-con-title::before, .mbti-section09-con-title::after { position: absolute; top: 50%; width: 20rem; height: 6rem; background: #000; content: ''; transform: translateY(-50%); }
.mbti-section09-con-title::before { right: 100%; }
.mbti-section09-con-title::after { left: 100%; }
.mbti-section09-con-row { margin-bottom: 40rem; padding: 26rem; position: relative; background: #fff; border-radius: 10rem; isolation: isolate; }
.mbti-section09-con-row > img { position: absolute; bottom: 0; left: 20rem; width: 130rem; transform: translateY(20%); }
.mbti-section09-con-row > p { margin-bottom: 18rem; font-size: 26rem; line-height: 1.2; }
.mbti-section09-con-row > p > strong { font-weight: 400; color: #7504FE; }
.mbti-section09-con-row > span { font-size: 18rem; color: #666666; }
.mbti-section09-con-row:nth-child(2n +1) > img { right: 20rem; left: auto; }
.mbti-section09-con .mbti-section09-con-row:last-child { margin-bottom: 0; }
.mbti-section09-con-link > a { display: inline-block; padding: 30rem 0; width: 60%; background: #1ED94F; font-size: 26rem; font-weight: 700; color: #fff; }
/* 추가 220825 */
.YGtraining-section4-con-bg { padding: 120rem 0; width: 100%; background: #7200FF; text-align: center; }
.YGtraining-section4-con2 { margin: 0 auto; width: 1080rem; text-align: center; box-sizing: border-box; }
.YGtraining-section4-con2-title { margin-bottom: 50rem; background: linear-gradient(to right, #1ED94F, #F2F047); -webkit-background-clip: text; font-size: 50rem; color: transparent; }
.YGtraining-section4-con2-title > strong { font-size: 64rem; font-weight: 700; }
.YGtraining-section4-con2-youtube { margin: 0 auto; width: 869rem; height: 489rem; }
.YGtraining-section4-con2-youtube > iframe { border: none; width: 100%; height: 100%; }
/* //추가 220825 */

@media screen and (max-width:1080px) {
	.YGtraining-section4-con-bg { padding: 120rem 40rem; }
	.mbti-section09-con-row { margin-bottom: 100rem; padding-bottom: 140rem; }
	.mbti-section09-con-title::before, .mbti-section09-con-title::after { display: none; }
	.mbti-section09-con-row > p { font-size: 24rem; }
	.mbti-section09-con-row > p br { display: none; }
	.mbti-section09-con-row > span { font-size: 24rem; }
	.mbti-section09-con-row > img { left: 50%; transform: translate(-50%,20%); }
	.mbti-section09-con-row:nth-child(2n +1) > img { right: 50%; transform: translate(50%,20%); }
	.mbti-section09-con-link > a { width: 100%; }
	.YGtraining-section4-con2 { width: 100%; }
	.YGtraining-section4-con2-title { margin-bottom: 18rem; font-size: 18rem; }
	.YGtraining-section4-con2-title > strong { font-size: 22rem; }
	.YGtraining-section4-con2-youtube { width: 302rem; height: 170rem; }
}
/* YGtraining-section4 */
@media screen and (max-width:768px) {
	.mbti-section09-con { margin: 65rem 0 0; }
	.YGtraining-section4 { padding: 68rem 0 0; }
	.YGtraining-section4-con-bg { padding: 52rem 16rem; }
	.YGtraining-section4>div.yg-max-width>div:nth-child(2) { margin-bottom: 12rem; }
	.YGtraining-section4>div.yg-max-width>div>img { margin-bottom: 8rem; width: 338rem; }
	.YGtraining-section4>div.yg-max-width>div { display: block; margin: 0 auto; width: 338rem; }
	.YGtraining-section4>div.yg-max-width>div>div>h3 { margin-bottom: 8rem; font-size: 22rem; }
	.YGtraining-section4>div.yg-max-width>div>div>p:nth-child(2) { margin-bottom: 8rem; font-size: 16rem; }
	.YGtraining-section4>div.yg-max-width>div>div>p { font-size: 12rem; }
	.YGtraining-section4>div.yg-max-width>div>div>p:last-child { margin-bottom: 24rem; }
	.YGtraining-section4>div.yg-max-width>div>figure { margin-bottom: 12rem; width: 100%; }
	.YGtraining-section4>div.yg-max-width>div>figure > img { width: 100%; }
	.YGtraining-section4>div.yg-max-width>div>figure > figcaption { top: 8rem; left: 8rem; width: 50rem; height: 50rem; }
	.YGtraining-section4>div.yg-max-width>div>figure > figcaption > span { font-size: 14rem; }
	.YGtraining-section4-con2 { width: 100%; }
	.YGtraining-section4-con2-title { font-size: 24rem; }
	.YGtraining-section4-con2-title > strong { font-size: 32rem; }
	.YGtraining-section4-con2-youtube { width: 100%; height: 194rem; }
	.mbti-section09-con-row { margin-bottom: 60rem; padding: 16rem 16rem 100rem; }
	.mbti-section09-con-row > p, .mbti-section09-con-row > span { font-size: 16rem; }
	.mbti-section09-con-row > img { width: 100rem; }
}
/*******************************************************************************
 애니메이션
********************************************************************************/
@keyframes box1 {
	0% { background: #84E4E4; }
	25% { background: #84DAE4; }
	50% { background: #84CCE4; }
	75% { background: #84B3E4; }
	100% { background: #848DE4; }
}
.long-language-section05-col:nth-child(1) { animation: box1 alternate linear 4s infinite 0s; }
.long-language-section05-col:nth-child(2) { animation: box1 alternate linear 4s infinite .5s; }
.long-language-section05-col:nth-child(3) { animation: box1 alternate linear 4s infinite 1s; }
.long-language-section05-col:nth-child(4) { animation: box1 alternate linear 4s infinite 1.5s; }
.long-language-section05-col:nth-child(5) { animation: box1 alternate linear 4s infinite 2s; }
.long-language-section05-col:nth-child(6) { animation: box1 alternate linear 4s infinite 2.5s; }
.long-language-section05-col:nth-child(7) { animation: box1 alternate linear 4s infinite 3s; }
.long-language-section05-col:nth-child(8) { animation: box1 alternate linear 4s infinite 3.5s; }