/* 30대 어학연수, 이 기준 모르면 손해 볼 수 있습니다. */
.thirty-plus-abroad .role{padding-top: 0; margin-top: 50rem;}
.thirty-plus-abroad .listRole.cards {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 16rem; margin-top: 24rem;}
.thirty-plus-abroad .listRole.cards > .card {display: flex;flex-direction: row;align-items: flex-start;gap: 12rem;margin: 0;padding: 16rem;background: #fff;border-radius: var(--edm-radius3);border: 1rem solid var(--edm-color-border-blue);box-shadow: var(--edm-sd-blue-2);box-sizing: border-box;}
.thirty-plus-abroad .listRole.cards figure {flex-shrink: 0;margin: 0;width: 40rem;height: 40rem;aspect-ratio: 1;display: block;line-height: 0;background-position: center;background-repeat: no-repeat;background-size: contain;}
.thirty-plus-abroad .listRole.cards figure.ico01 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon01.svg");}
.thirty-plus-abroad .listRole.cards figure.ico02 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon02.svg");}
.thirty-plus-abroad .listRole.cards figure.ico03 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon03.svg");}
.thirty-plus-abroad .listRole.cards figure.ico04 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon04.svg");}
.thirty-plus-abroad .listRole.cards figure.ico05 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon05.svg");}
.thirty-plus-abroad .listRole.cards figure.ico06 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/thirty-plus-abroad/listRole-icon06.svg");}
.thirty-plus-abroad .listRole.cards .inner {flex: 1;min-width: 0;display: flex;flex-direction: column;align-items: flex-start;text-align: left;gap: 8rem;}
.thirty-plus-abroad .listRole.cards .tit {display: block;font-size: var(--f-fontSize04);font-weight: 700;color: var(--edm-color-text-1, #222);line-height: 1.35;letter-spacing: -0.02em;}
.thirty-plus-abroad .listRole.cards .sub {font-size: var(--f-body1);font-weight: 400;color: var(--edm-color-text-2, #666);line-height: 1.45;}
.thirty-plus-abroad .listRole.cards .tip {font-size: var(--f-body1);font-weight: 500;color: #206ff8;line-height: 1.45;}

/* 30대 이상 맞춤 어학연수 결정 가이드 */
.thirty-plus-abroad .custom-guide .inner + .inner{margin-top: 40rem;}
.thirty-plus-abroad .custom-guide .inner h3{font-size: var(--f-fontSize04);font-weight: 700;color: var(--edm-color-text-1, #222);line-height: 1.35;letter-spacing: -0.02em; margin-bottom: 16rem;}
.thirty-plus-abroad .custom-guide .inner .list{justify-content: space-between; gap: 16rem; flex-direction: column;}
.thirty-plus-abroad .custom-guide .inner .list li{width: 100%; padding: 16rem; border: 1rem solid var(--edm-color-border-blue);box-shadow: var(--edm-sd-blue-2);background-color: #fff;word-break: normal;border-radius: var(--edm-radius3);isolation: isolate;}
.thirty-plus-abroad .custom-guide .inner .list li .country{font-size: var(--f-body2); letter-spacing: -0.00875rem; margin-top: 12rem; display: flex; gap: 8rem; background-color: var(--edm-bg-neutral); padding: 12rem; border-radius: var(--r-radius01);}
.thirty-plus-abroad .custom-guide .inner .list li .country .country-tit{font-weight: 600;color: var(--c-text01);}
.thirty-plus-abroad .custom-guide .inner .list .tit{display: inline-block;margin-bottom: 12rem;padding: 2rem 12rem; font-size: var(--f-fontSize05); background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%);font-weight: 700;line-height: 150%; color: #fff;border-radius: var(--edm-radiusFull);isolation: isolate;}
.thirty-plus-abroad .custom-guide .inner .list .dotTxt{font-size: var(--f-body1);font-weight: 400;color: var(--edm-color-text-2, #666);line-height: 1.45;}
.thirty-plus-abroad .custom-guide .inner .list .dotTxt::before{content: '·';padding-right: 4rem;}
.thirty-plus-abroad .custom-guide .inner .listType {display: flex; flex-direction: column; gap: 16rem;}
.thirty-plus-abroad .custom-guide .inner .listType > li{width: 100%; border: 1rem solid var(--edm-color-border-blue);box-shadow: var(--edm-sd-blue-2);background-color: #fff;word-break: normal;border-radius: var(--edm-radius3);isolation: isolate;}
.thirty-plus-abroad .custom-guide .inner .listType li > em {display: block;padding: 8rem 16rem;background: var(--blue-gradiant, linear-gradient(90deg, var(--Color-purple, #6E31F5) 0%, var(--Color-blue-500, #0086FA) 50%, var(--Color-cyan-blue, #01D29C) 100%)); font-size: var(--f-fontSize05); font-weight: 700; letter-spacing: -0.01rem; line-height: 150%; color: #fff;text-align: center;border-radius: 12rem 12rem 0 0;isolation: isolate;font-style: normal;}
.thirty-plus-abroad .custom-guide .inner .listType .textBox{padding: 16rem; isolation: isolate; font-size: var(--f-body1);}
.thirty-plus-abroad .custom-guide .inner .listType .textBox .recommend{ font-size: var(--f-body2); background-color: var(--edm-bg-neutral); padding: 12rem; border-radius: var(--r-radius01); margin-top: 12rem;}
.thirty-plus-abroad .custom-guide .inner .listType .textBox .recommend .recommend-tit{ font-weight: 700; letter-spacing: -0.01rem; line-height: 150%; color: var(--edm-color-text-1); margin-bottom: 8rem;}
.thirty-plus-abroad .custom-guide .inner .listType .textBox .recommend ul li b{color: #006BC8; font-weight: 600;}
.thirty-plus-abroad .custom-guide .inner .consideration .content{font-size: var(--f-body2); line-height: 150%; letter-spacing: -0.01rem; color: var(--edm-color-text-2); margin-top: 16rem;}
.thirty-plus-abroad .custom-guide .inner .consideration .content em{font-size: var(--f-detail); color: var(--c-text03);}

/* 30대 이상 코스가 있는 어학원 추천 */

.thirty-plus-abroad .school-recommend .inner ul{display: flex;flex-direction: column;gap: 16rem;}
.thirty-plus-abroad .school-recommend .inner ul li a{display: flex; flex-wrap: wrap; width: 100%; padding: 16rem 16rem 48rem;border: 1rem solid var(--edm-color-border-blue);box-shadow: var(--edm-sd-blue-1);overflow: hidden;position: relative;height: auto;background-color: #fff;border-radius: var(--edm-radius3);isolation: isolate;transition: opacity 0.5s ease;}
.thirty-plus-abroad .school-recommend .inner ul li a picture{display: inline-block;}
.thirty-plus-abroad .school-recommend .inner ul li a:hover .more{color: var(--edm-color-text-3);}
.thirty-plus-abroad .school-recommend .inner ul li a .logo{width: 70rem;height: 42rem; margin: 0;}
.thirty-plus-abroad .school-recommend .inner ul li a .eng-kor{margin-top: 0rem; width: calc(100% - 70rem); padding-left: 12rem;}
.thirty-plus-abroad .school-recommend .inner ul li a .eng-kor .eng{color: var(--c-text01); font-size: var(--f-fontSize05); font-weight: 600; letter-spacing: -0.01rem; line-height: 150%;}
.thirty-plus-abroad .school-recommend .inner ul li a .eng-kor .kor{font-size: var(--f-body2); font-weight: 400; letter-spacing: -0.01rem; line-height: 150%;}
.thirty-plus-abroad .school-recommend .inner ul li a .tagWrap{width: 100%; margin-top: 16rem;display: flex;flex-wrap: wrap;margin-top: 12rem;padding: 12rem;background-color: var(--edm-bg-neutral); font-size: var(--f-body2); font-weight: 400; color: var(--edm-color-text-3);letter-spacing: var(--edm-f-detail-ls); line-height: 150%; border-radius: var(--edm-radius1);isolation: isolate;column-gap: 8rem;row-gap: 2rem;}
.thirty-plus-abroad .school-recommend .inner ul li a .tagWrap span{display: inline-block;position: relative;}
.thirty-plus-abroad .school-recommend .inner ul li a .tagWrap span::before{content: '#'; padding-right: 4rem;}
.thirty-plus-abroad .school-recommend .inner ul li a .more{color: var(--c-text01); display: flex;align-items: center;justify-content: flex-end;position: absolute;right: 16rem;bottom: 16rem;font: var(--edm-f-detail);font-weight: 400;letter-spacing: var(--edm-f-detail-ls);transition: color 0.3s ease;height: 16rem;line-height: 16rem;}
.thirty-plus-abroad .school-recommend .inner ul li a .more svg{margin-left: 2rem;width: 16rem;height: 16rem;transition: stroke 0.3s ease;}

.thirty-plus-abroad .common-video-type .text-review ul li .content em{color: var(--edm-brand-blue);}

@media screen and (min-width: 1200px) {

    .thirty-plus-abroad .role{margin-top: 0;}

    /* 30대 어학연수, 이 기준 모르면 손해 볼 수 있습니다. */
    .thirty-plus-abroad .listRole.cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24rem;align-items: stretch; margin-top: 40rem;}
	.thirty-plus-abroad .listRole.cards > .card {flex-direction: column;align-items: stretch;gap: 0;padding: 32rem;min-height: 0;height: 100%;}
	.thirty-plus-abroad .listRole.cards figure {width: 56rem;height: 56rem;min-height: 0;margin-bottom: 12rem;aspect-ratio: 1;background-size: contain;}
	.thirty-plus-abroad .listRole.cards .inner {flex: 1;}
	.thirty-plus-abroad .listRole.cards .tit {font-size: var(--f-fontSize04);}
	.thirty-plus-abroad .listRole.cards .sub {font-size: var(--f-body1);}
	.thirty-plus-abroad .listRole.cards .tip {font-size: var(--f-body1);}

    /* 30대 이상 맞춤 어학연수 결정 가이드 */
    .thirty-plus-abroad .custom-guide .inner + .inner{margin-top: 60rem;}
    .thirty-plus-abroad .custom-guide .inner h3{font-size: var(--f-fontSize03); margin-bottom: 24rem;}
    .thirty-plus-abroad .custom-guide .inner .list{ flex-direction: row; gap: 24rem; flex-wrap: nowrap;}
    .thirty-plus-abroad .custom-guide .inner .list li{padding: 24rem; width: calc(100% / 3);}
    .thirty-plus-abroad .custom-guide .inner .list li .country{font-size: var(--f-body2); padding: 12rem 16rem; border-radius: 8rem; letter-spacing: -0.01rem;}
    .thirty-plus-abroad .custom-guide .inner .list .tit{font-size: var(--f-body1); line-height: 150%; padding: 2rem 12rem; margin-bottom: 16rem;}
    .thirty-plus-abroad .custom-guide .inner .list .dotTxt{font-size: var(--f-body2);}
    .thirty-plus-abroad .custom-guide .inner .listType{flex-direction: row; gap: 24rem; justify-content: space-between;}
    .thirty-plus-abroad .custom-guide .inner .listType > li{width: calc((100% - 24rem) / 2);}
    .thirty-plus-abroad .custom-guide .inner .listType li > em{padding: 12rem 16rem; font-size: var(--f-fontSize05); letter-spacing: -0.0125rem;}
    .thirty-plus-abroad .custom-guide .inner .listType .textBox{font-size: var(--f-body2); padding: 24rem;}
    .thirty-plus-abroad .custom-guide .inner .listType .textBox .recommend{font-size: var(--f-body2); line-height: 150%; letter-spacing: -0.01rem; padding: 12rem 16rem; margin-top: 16rem; border-radius: 8rem;}
    .thirty-plus-abroad .school-recommend .inner ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24rem;}
    .thirty-plus-abroad .school-recommend .inner ul li{min-width: 0;}
    .thirty-plus-abroad .school-recommend .inner ul li a{display: flex; flex-direction: column; padding: 24rem; width: 100%; box-sizing: border-box; aspect-ratio: 294 / 383; height: auto;}
    .thirty-plus-abroad .school-recommend .inner ul li a .tagWrap{margin-top: 12rem; font-size: var(--f-detail);}
    .thirty-plus-abroad .school-recommend .inner ul li a .eng-kor{margin-top: 8rem; padding-left: 0; width: 100%;}
    .thirty-plus-abroad .school-recommend .inner ul li a .logo{width: auto; height: 90rem;}
    .thirty-plus-abroad .school-recommend .inner ul li a .more{right: 24rem;bottom: 31rem;}
}