@charset "utf-8";

#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid{grid-template-columns: minmax(0, 257rem) 1fr 1fr;}

#programs-detail .long-term-language .growth-roadmap .flow-list{display: flex; flex-direction: column; column-gap: 24rem; row-gap: 16rem; padding: 24rem; border: 1rem solid var(--edm-color-border-blue); background-color: var(--edm-bg-neutral); border-radius: var(--edm-radius3); isolation: isolate;}
#programs-detail .long-term-language .growth-roadmap .flow-item{display: flex; gap: 24rem;}
#programs-detail .long-term-language .growth-roadmap .flow-title{display: flex; flex-shrink: 0; flex-direction: column; justify-content: center; align-items: center; width: 270rem; min-height: 80rem; padding: 6rem 16rem; color: #fff; text-align: center; border-radius: var(--edm-radius3); isolation: isolate; background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%);}
#programs-detail .long-term-language .growth-roadmap .flow-period{display: block; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 300;}
#programs-detail .long-term-language .growth-roadmap .flow-state{display: block; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;}
#programs-detail .long-term-language .growth-roadmap .flow-desc{flex: 1; padding: 24rem; border-radius: var(--edm-radius3); isolation: isolate; background-color: #fff; box-shadow: var(--edm-sd-blue-1);}
#programs-detail .long-term-language .growth-roadmap .flow-desc p{margin: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: var(--edm-color-text-2); font-weight: 400;}
#programs-detail .long-term-language .growth-roadmap .flow-desc em{font-style: normal; color: var(--edm-brand-blue);}
#programs-detail .long-term-language .growth-roadmap .inner + .text-banner { margin-top: 40rem; }
#programs-detail .long-term-language .growth-roadmap .text-banner { text-align: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/long-term-language/text-banner-bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40rem 0; box-shadow: 0 0 0 1px var(--edm-color-border-blue); border-radius: var(--edm-radius4); isolation: isolate; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 600; color: var(--edm-color-text-1);}
#programs-detail .long-term-language .growth-roadmap .text-banner em { color: var(--edm-brand-blue); }

#programs-detail .long-term-language .ltl-course .course-plan{display: flex; flex-direction: column; gap: 60rem; margin-top: 60rem; word-break: normal;}
#programs-detail .long-term-language .ltl-course .course-plan .group{display: flex; flex-direction: column; gap: 24rem;}
#programs-detail .long-term-language .ltl-course .course-plan .head{display: flex; align-items: center; gap: 12rem; margin: 0; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls);}
#programs-detail .long-term-language .ltl-course .course-plan .main,
#programs-detail .long-term-language .ltl-course .course-plan .sub{font-weight: 700; color: var(--edm-color-text-1);}
#programs-detail .long-term-language .ltl-course .course-plan .bar{font-weight: 600; color: #DADADA;}
#programs-detail .long-term-language .ltl-course .course-plan .grid{display: grid; gap: 24rem; margin: 0; padding: 0; list-style: none;}
#programs-detail .long-term-language .ltl-course .course-plan .grid.grid-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
#programs-detail .long-term-language .ltl-course .course-plan .grid.grid-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
#programs-detail .long-term-language .ltl-course .course-plan .card{display: flex; gap: 16rem; min-height: 146rem; padding: 32rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); background-color: #fff; box-shadow: var(--edm-sd-blue-2);}
#programs-detail .long-term-language .ltl-course .course-plan .icon{width: 50rem; height: 50rem; background-repeat: no-repeat; background-position: center; background-size: contain;}
#programs-detail .long-term-language .ltl-course .course-plan .text{display: flex; flex: 1; flex-direction: column; justify-content: center;}
#programs-detail .long-term-language .ltl-course .course-plan .tit{margin: 0; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 600; color: var(--edm-color-text-1);}
#programs-detail .long-term-language .ltl-course .course-plan .desc{margin: 8rem 0 0; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-2); font-weight: 400;}
#programs-detail .long-term-language .ltl-course .course-plan .note{margin: 8rem 0 0; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3);}


@media screen and (max-width: 991px) {
	.long-term-language .compare-article{margin-top: 50rem;}
	.long-term-language .compare-article .compareTable.ctb .ctb-cell > div b{font-weight: 600;}

	#programs-detail .long-term-language .growth-roadmap .inner + .text-banner{margin-top: 24rem; }
	#programs-detail .long-term-language .growth-roadmap .text-banner{padding: 24rem 16rem; border-radius: var(--edm-radius3); font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); word-break: normal; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/working-holiday-programs/text-banner-bg-mo.webp');}

	#programs-detail .long-term-language .ltl-course .course-plan{gap: 40rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .group{gap: 16rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .head{display: block; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	#programs-detail .long-term-language .ltl-course .course-plan .main{display: block;}
	#programs-detail .long-term-language .ltl-course .course-plan .bar{display: inline-block; margin: 8rem 8rem 0 0;}
	#programs-detail .long-term-language .ltl-course .course-plan .sub{display: inline-block;}
	#programs-detail .long-term-language .ltl-course .course-plan .grid{grid-template-columns: 1fr; gap: 16rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .card{gap: 12rem; min-height: 0; padding: 16rem; box-shadow: var(--edm-sd-blue-1);}
	#programs-detail .long-term-language .ltl-course .course-plan .icon{width: 40rem; height: 40rem; font-size: 28rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .desc{margin-top: 8rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .note{margin-top: 8rem; font-size: 14rem; letter-spacing: -0.14rem;}

	#programs-detail .long-term-language .growth-roadmap .flow-list{gap: 16rem; padding: 16rem;}
	#programs-detail .long-term-language .growth-roadmap .flow-item{display: block;}
	#programs-detail .long-term-language .growth-roadmap .flow-title{flex-direction: row; gap: 12rem; width: 100%; min-height: 0; padding: 8rem 16rem; margin-bottom: 8rem;}
	#programs-detail .long-term-language .growth-roadmap .flow-state{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600;}
	#programs-detail .long-term-language .growth-roadmap .flow-desc{padding: 16rem;}

	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid{grid-template-columns: 1fr;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid .edm-pcg__infoItem{display: flex; flex-direction: row; align-items: center; gap: 12rem; height: auto;;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid .edm-pcg__infoItem .edm-pcg__infoLabel{margin: 0;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid .edm-pcg__infoItem:nth-child(2){display: block;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__infoGrid .edm-pcg__infoItem:nth-child(2) .edm-pcg__infoLabel{margin-bottom: 8rem;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__card{gap: 20rem;}
	#programs-detail .long-term-language .contents .edm-pcg .edm-pcg__tagList{display: flex; flex-wrap: wrap; column-gap: 8rem; row-gap: 2rem;}

	#programs-detail .long-term-language .ltl-course .course-plan{margin-top: 40rem;}
	#programs-detail .long-term-language .ltl-course .course-plan .grid{grid-template-columns: repeat(1, 1fr) !important;}
	#programs-detail .long-term-language .ltl-course .course-plan .desc{letter-spacing: -0.2rem;}
}