/*******************************************
    해외대학교 입학/편입 설명회
*******************************************/

/* 공통 */
.value-language-study .max-width { text-align: left; }
.value-language-study h2 { color: var(--c-text01); }
.value-language-study .articleTitle > .subTitle { padding-top: 8rem; font-size: var(--f-fontSize04); }

/* 소개 */
.value-language-study .intro{padding: 0 0 30rem;}
.intro .box { border-bottom: 1rem solid #000; position: relative; padding-bottom: 32rem;}
.intro .box:after { position: absolute; right: 0; bottom: 0; width: 240rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/introCharacter-img.png'); background-repeat: no-repeat; background-size: cover; content: ""; aspect-ratio: 240/230; }
.intro .box h2 strong { font-weight: 700; color: var(--c-point); }
/* 더 많은 기회가 열리는 해외 대학  */
.value-language-study section > article.role.top { padding: 100rem 0 70rem 0; }
.value-language-study section > article.role.bottom { padding: 70rem 0; }
.role{word-break: normal;}
.role .contTitle { display: block; margin-top: 40rem; font-size: var(--f-fontSize03); color: var(--c-text01); }
.role .listRole { display: flex; gap: 24rem; align-items: stretch; justify-content: space-between; margin-top: 50rem; }
.role .listRole figure { width: 40rem; min-width: 40rem; height: 40rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon01.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon02.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon03.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon04.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon05.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/intro-list-icon06.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole li { display: flex; gap: 12rem; flex-grow: 1; padding: 24rem; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4; width: calc(100% / 3); background: #FFF; border-radius: 15rem; isolation: isolate; }
.role .listRole li div .title { font-size: var(--f-body1); font-weight: 600; line-height: 150%; letter-spacing: -0.2rem; }
.role .listRole li div .text { margin-top: 8rem; font-size: var(--f-body2); line-height: 150%; letter-spacing: -0.2rem; }
.role .listRole li div .text em { color: #006BC8; }
.role .more-btn-wrap .shortcut{width: 200rem;}



/* 국가별 진학 방법 한눈에 보기 */
.nation .articleTitle { padding: 0 12rem; }
.country-swiper .slideWrap { margin-top: 60rem; position: relative; }
.country-swiper .slideWrap .slide { padding: 15rem 10rem; overflow: hidden; }
.country-swiper .slideWrap .swiper-slide { border: 1rem solid #E4E8F1; box-shadow: var(--s-shadow-neutral01); overflow: hidden; height: auto !important; background: #FFF; border-radius: 12rem; isolation: isolate; }
.country-swiper .slideWrap .navigation { display: flex; gap: 24rem; align-items: center; justify-content: center; margin-bottom: 25rem; padding: 0 8rem; }
.country-swiper .slideWrap .navigation .pagination { display: flex; gap: 16rem; }
.country-swiper .pagination .swiper-pagination-bullet { margin: 0; padding: 8rem 24rem; width: auto; height: auto; background: #F5F5F7; font-size: var(--f-body1); font-weight: 400; color: #333; cursor: pointer; border-radius: 25rem; isolation: isolate; opacity: 1; }
.country-swiper .pagination .swiper-pagination-bullet-active { border-color: var(--c-primary); background: var(--c-primary); font-weight: 700; color: #fff; }
.country-swiper .nav-prev, .country-swiper .nav-next { border: 1rem solid #E4E8F1; position: relative; width: 48rem; height: 48rem; background: #fff; cursor: pointer; border-radius: 50%; isolation: isolate; }
.country-swiper .nav-prev:after, .country-swiper .nav-next:after { border-top: 2rem solid #666; border-right: 2rem solid #666; position: absolute; top: 50%; left: 50%; width: 16rem; height: 16rem; content: ''; transform: translate(-50%, -50%) rotate(-45deg); }
.country-swiper .nav-next:after { transform: translate(-50%, -50%) rotate(135deg); }
.country-swiper .swiper-slide { width: 100%; height: auto !important; }
.country-swiper .country-content { display: flex; align-items: stretch; }
.country-swiper .country-content .country-image { display: flex; align-items: stretch; }
.country-swiper .country-content .country-image figure { width: 318rem; height: 100%; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/canada-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.country-swiper .country-content .country-image figure.australia { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/australia-bg.jpg"); }
.country-swiper .country-content .country-image figure.uk { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/uk-bg.png"); }
.country-swiper .country-content .country-image figure.usa { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/usa-bg.jpg"); }
.country-swiper .country-content .country-image figure.malta { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/malta-bg.jpg"); }
.country-swiper .country-content .country-image figure.philippines { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/philippines-bg.jpg"); }
.country-swiper .country-content .country-image figure.netherlands { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/netherlands-bg.jpg"); }
.country-swiper .country-content .country-image figure.ireland { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/ireland-bg.jpg"); }
.country-swiper .country-content .country-text { display: flex; gap: 40rem; flex: 1; flex-direction: column; padding: 40rem; min-width: 0; }
.country-swiper .country-content .country-text .title-wrap h4 { margin-bottom: 8rem; font-size: 26rem; font-weight: 700; line-height: 150%; letter-spacing: -0.3rem; }
.country-swiper .country-content .country-text .title-wrap p { font-size: 18rem; font-weight: 400; line-height: 150%; letter-spacing: -0.2rem; }
.country-swiper .country-features { background-color: #fff; border-radius: 12rem; isolation: isolate; }
.country-swiper .country-features .features-section { margin-bottom: 24rem; padding: 24rem; background-color: #F5F5F7; border-radius: 12rem; isolation: isolate; }
.country-swiper .country-features .features-section h5 { margin-bottom: 16rem; font-size: var(--f-body1); font-weight: 700; color: #000; }
.country-swiper .country-features .features-list { margin: 0; padding: 0; list-style: none; }
.country-swiper .country-features .features-list li { padding-left: 24rem; position: relative; font-size: var(--f-body2); line-height: 150%; color: #333; }
.country-swiper .country-features .features-list li:last-child { margin-bottom: 0; }
.country-swiper .country-features .features-list li::before { position: absolute; left: 8rem; font-weight: 700; color: #000; content: '·'; }
.country-swiper .country-features .info-grid { display: grid; gap: 24rem; grid-template-columns: minmax(0, 339rem) 1fr 1fr; }
.country-swiper .country-features .info-item { padding: 24rem; background-color: #F5F5F7; border-radius: 12rem; isolation: isolate; }
.country-swiper .country-features .info-item h6 { margin-bottom: 12rem; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.country-swiper .country-features .info-item p { margin: 0; font-size: var(--f-body2); font-weight: 400; line-height: 150%; color: #333; }
.country-inner-card .card-wrap { margin-top: 26rem; overflow: hidden; width: 100%; }
.country-inner-card .card-wrap .card-container { overflow: hidden; position: relative; }
.country-inner-card .card-wrap .card-navigation { display: flex; gap: 0; align-items: center; justify-content: space-between; margin-bottom: 24rem; }
.country-inner-card .card-wrap .card-navigation.mo-block { display: none; }
.country-inner-card .card-navigation .card-title { margin: 0; font-size: var(--f-body1); font-weight: 700; color: var(--c-text01); }
.country-inner-card .card-navigation .card-fraction { margin-right: 20rem; margin-left: auto; width: auto; font-size: var(--f-body2); font-weight: 400; letter-spacing: -2rem; }
.country-inner-card .card-fraction .current { font-weight: 700; color: var(--c-text01); }
.country-inner-card .card-fraction .total { font-weight: 400; color: #666; }
.country-inner-card .card-prev, .country-inner-card .card-next { padding: 0; border: none; width: 40rem; height: 40rem; background-color: #E2E2E5; transition: all 0.3s ease; cursor: pointer; border-radius: 50%; isolation: isolate; }
.country-inner-card .card-prev + .card-next { margin-left: 12rem; }
.country-inner-card .card-prev { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-prev.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }
.country-inner-card .card-next { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-next.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }
.country-inner-card .card-prev.disabled, .country-inner-card .card-next.disabled { pointer-events: none; opacity: 0.5; touch-action: none; }
.country-inner-card .card-wrapper { display: flex; align-items: stretch; padding-bottom: 12rem; transition: transform 0.5s ease; }
.country-inner-card .card-list { display: flex; flex-shrink: 0; width: 267rem; }
.country-inner-card .card-item { display: flex; flex-direction: column; padding: 16rem; border: 1rem solid var(--c-border-blue); box-shadow: 0 4rem 10rem 0 #EBEFF4; width: 100%; height: 100%; border-radius: 12rem; isolation: isolate; }
.country-inner-card .card-item .school-name { margin-bottom: 8rem; font-size: var(--f-body1); font-weight: 600; line-height: 150%; color: #000; }
.country-inner-card .card-item .school-info { margin-bottom: 20rem; font-size: var(--f-body2); line-height: 150%; color: #333; }
.country-inner-card .card-item .center-info { display: flex; flex-direction: column; margin-bottom: 12rem; }
.country-inner-card .card-item .center-info .tag { display: inline-block; margin-bottom: 8rem; border: 1rem solid var(--Color-blue-600, #006BC8); width: 60rem; font-size: var(--f-detail); color: #006BC8; text-align: center; border-radius: 4rem; isolation: isolate; }
.country-inner-card .card-item .center-info .value { margin: 0; font-size: var(--f-body2); line-height: 150%; color: #333; }
.country-inner-card .card-item .hashtags { display: flex; gap: 8rem; flex-wrap: wrap; padding: 12rem; background-color: #F5F5F7; font-size: 14rem; color: #666; letter-spacing: -0.2rem; row-gap: 2rem; border-radius: 4rem; isolation: isolate; }
.country-inner-card .card-item figure { margin-bottom: 16rem; height: 60rem; }
.country-swiper .bottomText { display: flex; gap: 4rem; align-items: center; justify-content: center; margin-top: 63rem; margin-bottom: 16rem; font-size: var(--f-body1); }
.country-swiper .bottomText figure { display: block; width: 24rem; height: 24rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/boxArrowDown.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.country-swiper .contact-btn { margin: 0 auto; min-width: 200rem; height: 48rem; }
.country-swiper .contact-btn .arrow { margin-left: 2rem; width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/buttonArrow.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
/* 빠를수록 더 많아지는 혜택과 선택지 */
.why-choose ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40rem; }
.why-choose ul li { display: flex; align-items: center; padding: 24rem; border: 1rem solid #E4E8F1; position: relative; width: calc(50% - 14rem); background-color: #F5F5F7; border-radius: 12rem; isolation: isolate; }
.why-choose ul li:not(:nth-last-of-type(-n+2)) { margin-bottom: 24rem; }
.why-choose ul li .icon { position: relative; width: 56rem; min-width: 56rem; height: 56rem; background-color: #fff; border-radius: 50%; isolation: isolate; }
.why-choose ul li .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; width: 32rem;}
.why-choose ul li .textWrap { padding-left: 24rem; }
.why-choose ul li .textWrap b { font-size: 20rem; font-weight: 600; line-height: 150%; letter-spacing: -0.2rem; }
.why-choose ul li .textWrap b span { color: #006BC8; }
.why-choose ul li .textWrap p { margin-top: 8rem; font-size: 16rem; font-weight: 400; color: #333; letter-spacing: -0.2rem; }
.why-choose ul li .textWrap p em { font-weight: 600; }













@media screen and (max-width: 991px) {
	.value-language-study h2 { font-size: var(--f-fontSize02); }
	.value-language-study .articleTitle > .subTitle { font-size: var(--f-fontSize05); padding-top: 4rem;}

	.value-language-study .intro{padding-bottom: 15rem;}
	.intro .box{padding-bottom: 24rem;}

	.role .listRole{margin-top: 24rem; gap: 16rem;}
	.role .listRole li{padding: 16rem; border-radius: 10rem; isolation: isolate; gap: 0;}
	.role .listRole figure{width: 32rem; height: 32rem; background-size: contain; min-width: initial;}
	.role .listRole li > div{width: calc(100% - 32rem); padding-left: 12rem;}
	.role .more-btn-wrap .shortcut{width: auto;}


	/* 국가별 진학 방법 한눈에 보기 */
	.country-swiper { padding: 50rem 0; overflow: hidden;}
	.container .navigation { position: initial; }
	.country-swiper .slideWrap{margin-top: 24rem;}
	.country-swiper .slideWrap .navigation { margin-bottom: 14rem; padding: 0;}
	.country-swiper .slideWrap .navigation .pagination{gap: 8rem; overflow-x: auto;}
	.country-swiper .slideWrap .navigation .pagination .swiper-pagination-bullet { padding: 0 12rem; font-size: var(--f-body2); height: 34rem; line-height: 34rem;}
	.country-swiper .slideWrap .slide{padding: 12rem; width: calc(100% + 24rem); margin-left: -12rem; margin-top: -12rem; margin-bottom: -12rem;}
	.country-swiper .country-content { gap: 24rem; flex-direction: column; }
	.country-swiper .country-image { width: 100%; }
	.country-swiper .country-content .country-image figure { width: 100%; height: auto; aspect-ratio: 330/100;}
	.country-swiper .country-text h3 { margin-bottom: 16rem; font-size: var(--f-fontSize02); }
	.country-swiper .country-content .country-text{width: 100%; padding: 24rem 16rem; gap: 0;}
	.country-swiper .country-content .country-text .title-wrap{margin-bottom: 24rem;}
	.country-swiper .country-content .country-text .title-wrap h4 { margin: 0 0 5rem; font-size: 17rem; }
	.country-swiper .country-content .country-text .title-wrap p{font-size: var(--f-body1);}
	.country-swiper .country-features .features-section{padding: 16rem; border-radius: 8rem; isolation: isolate; margin-bottom: 12rem;}
	.country-swiper .country-features .features-section h5{margin-bottom: 8rem;}
	.country-swiper .country-features .features-list li{margin-bottom: 6rem; padding-left: 14rem;}
	.country-swiper .country-features .features-list li::before{left: 4rem;}
	.country-swiper .country-features .features-list li:last-child{margin-bottom: 0;}
	.country-swiper .country-features .info-grid{gap: 12rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto;}
	.country-swiper .country-features .info-item{border-radius: 8rem; isolation: isolate; padding: 16rem;}
	.country-swiper .country-features .info-item:first-child {grid-column: 1 / -1; grid-row: 1;}
    .country-swiper .country-features .info-item:nth-child(2), 
	.country-swiper .country-features .info-item:nth-child(3) { display: flex; flex-direction: row; align-items: center; gap: 12rem; height: auto; }
    .country-swiper .country-features .info-item:nth-child(2) h6, 
	.country-swiper .country-features .info-item:nth-child(3) h6 { margin-bottom: 0; margin-right: 0; }
    .country-swiper .country-features .info-item:nth-child(2) p, 
	.country-swiper .country-features .info-item:nth-child(3) p { margin: 0; }
	.country-swiper .country-text ul li { font-size: var(--f-body2); line-height: 1.6; }
	.country-swiper .method-item { gap: 8rem; align-items: flex-start; flex-direction: column; margin-bottom: 16rem; }
	.country-swiper .university-list { gap: 8rem; grid-template-columns: 1fr; }
	.country-swiper .university-list li { padding: 12rem; font-size: var(--f-detail); }
	.country-swiper .country-content { gap: 0; }
	.country-swiper .country-content h4 { margin-top: 0; margin-bottom: 0; width: 100%; }
	.country-swiper .country-content .method .flexWrap { width: 100%; }
	.country-swiper .country-content .method .method-item .strp-wrap { flex-wrap: nowrap; flex-direction: column; }
	.country-swiper .country-content .method .method-item .strp-wrap .box { width: 100%; max-width: 100%; }
	.country-swiper .country-content .method .method-item .strp-wrap .arrow { transform: rotate(90deg); }
	.country-swiper .country-content .method .method-item + .method-item { margin-top: 50rem; }
	.country-swiper .country-content .method.australia .flexWrap .method-item:first-child .strp-wrap .box { max-width: 100%; }
	.country-swiper .country-content .universities .flexWrap { width: 100%; }
	.country-swiper .country-content .universities .university-list { justify-content: flex-start; }
	.country-swiper .country-content .feature, .country-swiper .country-content .method, .country-swiper .country-content .universities { gap: 24rem; flex-direction: column; }
	.country-swiper .country-content .feature .flexWrap ul li::after { top: 9rem; }
	.country-inner-card .card-wrap{overflow: initial;}
	.country-inner-card .card-wrap .card-navigation{margin-bottom: 12rem; }
	.country-inner-card .card-wrap .card-container{overflow: initial; padding-bottom: 34rem;}
	.country-inner-card .card-wrapper{padding-bottom: 0;}

	
	.why-choose ul { margin-top: 24rem; word-break: normal;}
	.why-choose ul li { align-items: flex-start; margin-bottom: 16rem; padding: 16rem; width: 100%; border-radius: 8rem; isolation: isolate;}
	.why-choose ul li:not(:nth-last-of-type(-n+2)) { margin-bottom: 16rem; }
	.why-choose ul li:nth-last-of-type(1) { margin-bottom: 0; }
	.why-choose ul li .icon { width: 40rem; min-width: initial; height: 40rem; aspect-ratio: 1 / 1; }
	.why-choose ul li .icon img { width: 32rem; height: 32rem; }
	.why-choose ul li:nth-child(3) .icon img { width: 28rem; height: 28rem; }
	.why-choose ul li .textWrap { padding-left: 12rem; width: calc(100% - 40rem); }
	.why-choose ul li .textWrap b { display: block; margin-top: 0; margin-bottom: 5rem; font-size: 16rem; }
	.why-choose ul li .textWrap p { margin: 0; font-size: 14rem; }
}

@media screen and (max-width: 768px) {
	.role .listRole{flex-wrap: wrap;}
	.role .listRole li{width: 100%;}
	
	.country-inner-card .card-list { width: 100%; }
	.country-inner-card .card-wrap .card-navigation button { display: none; }
	.country-inner-card .card-wrap .card-navigation { align-items: center; flex-direction: row; }
	.country-inner-card .card-navigation .card-title { margin-bottom: 0; }
	.country-inner-card .card-container { padding-bottom: 40rem; position: relative; }
	.country-inner-card .card-navigation { position: static; }
	.country-inner-card .card-navigation .card-fraction { margin: 0; margin-right: 0; padding: 0 18.4rem; position: absolute; right: 0; bottom: 0; background-color: #C5C5C5; font-size: var(--f-body2); font-weight: 400; letter-spacing: -2rem; border-radius: 30.8rem; isolation: isolate; }
	.country-inner-card .card-item { display: flex; gap: 12rem; flex-direction: column; padding: 16rem; border-radius: 8rem; isolation: isolate;}
	.country-inner-card .card-item figure { margin-bottom: 0; width: auto; height: auto; }
	.country-inner-card .card-item figure img { min-height: 36rem; max-height: 36rem; }
	.country-inner-card .card-item .school-header { display: flex; gap: 12rem; align-items: flex-start; flex-direction: row; }
	.country-inner-card .card-item .school-header .textWrap .school-name { margin-bottom: 0; font-size: var(--f-body1); font-weight: 700; }
	.country-inner-card .card-item .school-header .textWrap .school-info { margin-top: 0; margin-bottom: 0; font-size: var(--f-body2); }
	.country-inner-card .card-item .center-info { display: flex; gap: 12rem; align-items: baseline; flex-direction: row; margin-top: 0; padding: 12rem; background-color: #F5F5F7; border-radius: 12rem; isolation: isolate;  border-radius: 8rem; isolation: isolate;}
	.country-inner-card .card-item .center-info .tag { display: flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; margin-bottom: 0; padding: 0 6rem; width: auto; min-width: auto; text-align: center; white-space: nowrap; box-sizing: border-box; }
	.country-inner-card .card-item .center-info .value { display: inline-block; margin: 0; }
	.country-inner-card .card-item .hashtags { display: none; }
}