@charset "UTF-8";
/*******************************************************************************
 공용
********************************************************************************/
#programs-detail .philippines-family-training > .contents{padding: 0;}
#programs-detail .philippines-family-training > .contents > article + article,
#programs-detail .philippines-family-training > .contents > section + section,
#programs-detail .philippines-family-training > .contents > article + section,
#programs-detail .philippines-family-training > .contents > section + article{margin-top: 0;}

.philippines-family-training .main-video .videoWrap { border-radius: 0; isolation: isolate; }
.philippines-family-training .video-wrap figure:after { display: none; }
.philippines-family-section2, .philippines-family-section6 { background: #FBF8E5; }
.color-red { color: #CE1126; }
.philippines-family-col { padding: 32rem 0 40rem; background: #0010FF; border-radius: 48rem; isolation: isolate; }
.philippines-family-col strong { display: inline-block; margin-bottom: 32rem; padding: 10rem 0; width: 192rem; background: #FFFFFF; font-size: 28rem; color: #1333A2; border-radius: 60rem; isolation: isolate; }
.philippines-family-col li { font-size: 28rem; line-height: 1.4; color: #fff; }
h2.philippines-family-sub-title { font-size: 60rem; color: #000; }
.philippines-family-sub-text { font-size: 32rem; color: var(--edm-color-text-1);}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:991px) {
	.philippines-family-col { padding: 20rem 13rem 26rem; border-radius: 20rem; isolation: isolate; }
	.philippines-family-col strong { margin-bottom: 16rem; width: 100%; font-size: 15rem; }
	.philippines-family-col li { font-size: 15rem; }
	h2.philippines-family-sub-title { font-size: 28rem; margin-bottom: 40rem;}
	.philippines-family-sub-text { font-size: 18rem; }
}
/*******************************************************************************
 필리핀 가족연수 프로그램
********************************************************************************/
.philippines-family1-con { display: grid; grid-template-columns: repeat(2,1fr); }
.philippines-family-section2{padding: 120rem 0;}
.philippines-family-section2 .philippines-family-sub-title { margin-bottom: 20rem; }
.philippines-family-section2 .philippines-family-sub-text { margin-bottom: 160rem; }
.philippines-family-section2 .philippines-family-sub-text:last-child { margin-bottom: 0; }
.philippines-family2-conBox { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 32rem; }
.philippines-family2-col { grid-column: 2 span; }
.philippines-family2-col:last-child { grid-column: 1 span; }
.philippines-family2-con { padding: 96rem 0 144rem; position: relative; background: #fff; border-radius: 48rem; isolation: isolate; }
.philippines-family2-con > span { display: inline-block; position: absolute; top: 0; left: 50%; width: 176rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section2-img01-230602.png") no-repeat center center; background-size: cover; transform: translate(-50%,-50%); aspect-ratio: 1 / 1; border-radius: 50%; isolation: isolate; }
.philippines-family2-col:last-child .philippines-family2-con > span { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section2-img02-230602.png") no-repeat center center; background-size: cover; }
.philippines-family2-con > p { font-size: 32rem; font-weight: 700; }
.philippines-family2-col .philippines-family1-con { grid-gap: 32rem; transform: translateY(-50%); }
.philippines-family2-col:last-child .philippines-family1-con { grid-template-columns: repeat(1,1fr); }
.philippines-family2-col:last-child .philippines-family-col { background: #191919; }
.philippines-family2-col:last-child .philippines-family1-con strong { color: #191919; }
@media screen and (max-width: 991px) {
	.philippines-family2-conBox { grid-gap: 10rem; }
	.philippines-family-section2{padding: 52rem 0;}
	.philippines-family-section2 .philippines-family-sub-title{margin-bottom: 13rem;}
	.philippines-family-section2 .philippines-family-sub-text { margin-bottom: 104rem; }
	.philippines-family2-con { padding: 65rem 13rem 92rem; border-radius: 20rem; isolation: isolate; }
	.philippines-family2-con > span { width: 65rem; }
	.philippines-family2-con > p { font-size: 18rem; }
	.philippines-family2-col .philippines-family1-con { grid-gap: 20rem; transform: translateY(-50%); }
}
/*******************************************************************************
 영어과정
********************************************************************************/
.philippines-family-training .philippines-family-section3, 
.philippines-family-training .philippines-family-section4, 
.philippines-family-training .philippines-family-section5{padding-bottom: 120rem;}

.container .philippines-family-section3 { padding-top: 220rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section3-bg01-230602.jpg") no-repeat center top; background-size: 100%; }
.container .philippines-family-section4 { padding-top: 220rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section4-bg01-230602.jpg") no-repeat center top; background-size: 100%; }
.container .philippines-family-section5 { padding-top: 220rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section5-bg01-230602.jpg") no-repeat center top; background-size: 100%; }
.philippines-family-section-titleBox { margin: 0 auto; margin-bottom: 20rem; padding: 60rem 0; width: calc(100% - 80rem ); background: #fff; border-radius: 48rem; isolation: isolate; }
.philippines-family-section-titleBox > p { font-size: 32rem; }
.philippines-family-section-titleBox > h2 { display: inline-block; margin-bottom: 42rem; position: relative; font-size: 60rem; color: #0010FF; line-height: 1.2;}
.philippines-family-section-titleBox > h2 > span { position: absolute; top: 50%; right: 100%; width: 48rem; background: #0010FF; font-size: 40rem; line-height: 48rem; color: #fff; transform: translate(-50%,-50%); aspect-ratio: 1 / 1; border-radius: 10rem; isolation: isolate; }
.philippines-family-section-titleBox > div > span { display: inline-block; padding: 10rem 20rem; border: 1rem solid #CE1126; background: rgba(206, 17, 38, 0.05); font-size: 22rem; color: #CE1126; line-height: 1.2;}
/* //타이틀 박스 */

.philippines-family-section-row { margin-bottom: 100rem; }
.philippines-family-section-row:last-child { margin-bottom: 0; }
.philippines-family-section-row ul li { margin-bottom: 20rem; padding: 20rem 4rem; border: 1rem solid #C5C5C5; box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.1); background: #fff; border-radius: 10rem; isolation: isolate; }
.philippines-family-section-row ul li:last-child { margin-bottom: 0; }
.philippines-family-section-row ul li h3 { margin-bottom: 10rem; font-size: 28rem; color: #CE1126; }
.philippines-family-section-row ul li p { font-size: 22rem; color: #767676; }
/* //리스트 */


.philippines-family-section-row-title { display: inline-block; margin-bottom: 40rem; padding: 8rem 32rem; background: #000000; font-size: 28rem; color: #fff; border-radius: 60rem; isolation: isolate; line-height: 1.2;}
.philippines-family-section-row-title-text { margin-bottom: 20rem; }
.philippines-family-section-row-text { margin-bottom: 40rem; font-size: 16rem; color: #767676; }
.philippines-family-section-table-title { margin-bottom: -1rem; padding: 20rem; border: 1rem solid #C5C5C5; background: #EFF1F6; font-size: 22rem; color: #0010FF; }
.philippines-family-section-table { display: table; margin-bottom: 32rem; width: 100%; border-collapse: collapse; }
.philippines-family-section-mo-table { display: none; border-bottom: 1rem solid #C5C5C5; }
.philippines-family-section-table.table-3 tr th, .philippines-family-section-table.table-3 tr td { width: 33.3%; }
.philippines-family-section-table.table-3.table-3-2 tr th, .philippines-family-section-table.table-3.table-3-2 tr td { width: 25%; }
.philippines-family-section-table.table-3.table-3-2 tr th:nth-child(2), .philippines-family-section-table.table-3.table-3-2 tr td:nth-child(2) { width: 50%; }
.philippines-family-section-table.table-2 tr th, .philippines-family-section-table.table-2 tr td { width: 50%; }
.philippines-family-section-table.table-1 tr th, .philippines-family-section-table.table-1 tr td { width: 100%; }
.philippines-family-section-table.table-4 tr th, .philippines-family-section-table.table-4 tr td { width: 25%; }
.philippines-family-section-mo-table h4, .philippines-family-section-table thead tr th, .philippines-family-section-table tr td { padding: 20rem 0; border-bottom: 1rem solid #C5C5C5; }
.philippines-family-section-mo-table h4 + h4, .philippines-family-section-mo-table p + p, .philippines-family-section-table tr th + th, .philippines-family-section-table tbody tr td + td { border-left: 1rem solid #C5C5C5; }
.philippines-family-section-mo-table h4, .philippines-family-section-table thead tr th { border-top: 1rem solid #C5C5C5; background: #F8F8F8; font-size: 22rem; font-weight: 400; }
.philippines-family-section-mo-table p, .philippines-family-section-table tbody tr td { padding: 20rem; background: #fff; font-size: 18rem; line-height: 1.5; color: #767676; }
.philippines-family-section-table tbody tr td > span { display: block; color: #191919; }
.philippines-family-section-plus { margin-bottom: 20rem; }
.philippines-family-section-plus > span { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 56rem; background: #000; aspect-ratio: 1 / 1; border-radius: 50%; isolation: isolate; }
.philippines-family-section-plus > span > span { display: inline-block; width: 24rem; background: #fff; aspect-ratio: 1 / 1; clip-path: polygon(0 35%, 35% 35%, 35% 0, 65% 0%, 66% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 100%, 35% 100%, 35% 65%, 0 65%); }
/* //테이블 */

.philippines-family-section-row-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 32rem; }
.philippines-family-section-row-grid-col { padding: 40rem 0; background: #F8FAEC; border-radius: 10rem; isolation: isolate; }
.philippines-family-section-row-grid-col div { margin: 0 auto 40rem; width: 100rem; aspect-ratio: 1 / 1; }
.philippines-family-section-row-grid-col strong { display: block; font-size: 22rem; }
.philippines-family-section-row-grid-col span { font-size: 18rem; color: #767676; }
.philippines-family-section-row-grid-col div.icon-1 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon01-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-2 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon02-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-3 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon03-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-4 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon04-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-5 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon05-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-6 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon06-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-7 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon07-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-col div.icon-8 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-icon08-230602.png") no-repeat center top; background-size: cover; }
.philippines-family-section-row-grid-text { margin-top: 40rem; font-size: 28rem; }
/* //그리드 */

@media screen and (max-width: 991px) {
	.philippines-family-section-row { margin-bottom: 62rem; }
	.container .philippines-family-section3 { padding-top: 100rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section3-bg01-230602.jpg") no-repeat center top; background-size: 200%; }
	.container .philippines-family-section4 { padding-top: 100rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section4-bg01-230602.jpg") no-repeat center top; background-size: 200%; }
	.container .philippines-family-section5 { padding-top: 100rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section5-bg01-230602.jpg") no-repeat center top; background-size: 200%; }
	.philippines-family-section-titleBox { margin-bottom: 13rem; padding: 39rem 0; width: calc(100% - 26rem); border-radius: 32rem; isolation: isolate; }
	.philippines-family-section-titleBox > p { font-size: 18rem; }
	.philippines-family-section-titleBox > h2 { margin-bottom: 27rem; font-size: 28rem; }
	.philippines-family-section-titleBox > h2 > span { width: 32rem; font-size: 24rem; line-height: 32rem; transform: translate(-5%,-50%); }
	.philippines-family-section-titleBox > div > span { font-size: 15rem; padding: 7rem 13rem;}
	/* //타이틀 박스 */
	.philippines-family-section-row ul li{padding: 13rem; margin-bottom: 13rem;}
	.philippines-family-section-row ul li h3 { font-size: 18rem; margin-bottom: 7rem;}
	.philippines-family-section-row ul li p { font-size: 15rem; }
	/* //리스트 */

	.philippines-family-training .philippines-family-section3, 
	.philippines-family-training .philippines-family-section4, 
	.philippines-family-training .philippines-family-section5{padding-bottom: 52rem;}


	h3.philippines-family-section-row-title { margin-bottom: 26rem; padding: 5rem 21rem; font-size: 16rem; }
	.philippines-family-section-row-text { font-size: 12rem; }
	.philippines-family-section-table{margin-bottom: 20rem;}
	.philippines-family-section-table-title { padding: 12rem; font-size: 16rem; }
	.philippines-family-section-mo-table h4, .philippines-family-section-table thead tr th { padding: 13rem; font-size: 16rem; }
	.philippines-family-section-mo-table p, .philippines-family-section-table tbody tr td{font-size: 13rem; padding: 13rem;}
	.philippines-family-section-table.table-4 { display: none; }
	.philippines-family-section-mo-table { display: grid; grid-template-columns: repeat(2,1fr); }
	.philippines-family-section-plus > span { width: 36rem; }
	.philippines-family-section-plus > span > span { width: 14rem; }
	/* //테이블 */

	.philippines-family-section-row-grid { grid-gap: 20rem; }
	.philippines-family-section-row-grid-col { padding: 24rem 0; }
	.philippines-family-section-row-grid-col div { margin: 0 auto 26rem; width: 50%; }
	.philippines-family-section-row-grid-col strong { font-size: 16rem; }
	.philippines-family-section-row-grid-col span { font-size: 14rem; }
	.philippines-family-section-row-grid-text { margin-top: 52rem; font-size: 16rem; }
}
@media screen and (max-width: 575px) {
	.philippines-family-section-row-grid{grid-template-columns: repeat(2,1fr);}
}
/*******************************************************************************
 국내 1위, edm유학센터
********************************************************************************/
.philippines-family-training .philippines-family-section6{padding: 120rem 0;}
.philippines-family-section6 .philippines-family-sub-title { margin-bottom: 80rem; }
.philippines-family-section6-con { display: flex; justify-content: space-between; margin-bottom: 90rem; padding: 40rem; background: #fff; border-radius: 10rem; isolation: isolate; }
.philippines-family-section6-imgBox { width: 50%; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/philippines-family-training/philippines-family-section6-img01-230602.png") no-repeat center top; background-size: cover; aspect-ratio: 500 / 357; }
.philippines-family-section6-textBox { width: calc(50% - 32rem); text-align: left; }
.philippines-family-section6-textBox > h2 { font-size: 32rem; }
.philippines-family-section6-textBox > span { display: block; margin-bottom: 40rem; font-size: 16rem; color: #767676; }
.philippines-family-section6-textBox > span > strong { display: block; margin-bottom: 22rem; font-size: 22rem; color: #0010FF; }
.philippines-family-section6-textBox > p { font-size: 22rem; color: #767676; }
.philippines-family-section6-video { margin: 0 auto 100rem; width: calc(100% - 280rem); }
@media screen and (max-width: 991px) {
	.philippines-family-training .philippines-family-section6{padding: 52rem 0;}
	.philippines-family-section6 .philippines-family-sub-title{margin-bottom: 52rem;}
	.philippines-family-section6-con { display: block; padding: 13rem; margin-bottom: 59rem; }
	.philippines-family-section6-imgBox { margin-bottom: 12rem; width: 100%; }
	.philippines-family-section6-textBox { width: 100%; }
	.philippines-family-section6-textBox > h2 { font-size: 18rem; }
	.philippines-family-section6-textBox > span { font-size: 13rem; margin-bottom: 26rem;}
	.philippines-family-section6-textBox > span > strong { font-size: 15rem; margin-bottom: 14rem;}
	.philippines-family-section6-textBox > p { font-size: 15rem; }
	.philippines-family-section6-video { width: 100%; margin: 0 auto 65rem;}
}
/*******************************************************************************
 소비자가 선택한 유학기업 1위
********************************************************************************/
.philippines-family-section7 { background: #6D453B; }
.philippines-family-section7 > div { position: relative; text-align: left; }
.philippines-family-section7-img { position: absolute; right: 0; bottom: 0; width: 85%; }
.philippines-family-section7-img > img { width: 100%; }
.philippines-family-section7-logo { display: inline-block; line-height: 1; text-align: left; }
.philippines-family-section7-logo > span { display: block; font-size: 32rem; color: #fff; }
.philippines-family-section7-logo > svg { width: 100%; }
@media screen and (max-width:991px) {
	.philippines-family-section7 > div { padding-bottom: 264rem; text-align: center; }
	.philippines-family-section7-img { width: 140%; }
}
/*******************************************************************************
 애니메이션
********************************************************************************/
.philippines-family-section-titleBox { opacity: 0; }
.active .philippines-family-section-titleBox { animation: animation1 .7s forwards; }
.philippines-family-col { animation: animation1 .7s .35s forwards; opacity: 0; }
.philippines-family-col:nth-of-type(2) { animation-delay: .7s; }
@keyframes animation1 {
	0% { opacity: 0; transform: translateY(50%); }
	100% { opacity: 1; transform: translateY(0); }
}