@charset "UTF-8";

.working-holiday-programs .titleWrap{margin-bottom: 40rem;}

.working-holiday-programs .plan-prep{ padding: 140rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/working-holiday-programs/plan-prep-bg.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.working-holiday-programs .plan-prep .max-width{max-width: 1068rem;}
.working-holiday-programs .plan-prep .section-head{text-align: center; }
.working-holiday-programs .plan-prep .section-head .sh-title{font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls); color: var(--edm-color-text-1); margin-bottom: 24rem;}
.working-holiday-programs .plan-prep .section-head .sh-title em{background: linear-gradient(90deg, #6E31F5 -20%, #0086FA 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.working-holiday-programs .plan-prep .section-head .sh-sub{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); color: var(--edm-color-text-1); font-weight: 600;}
.working-holiday-programs .plan-prep .section-head .titleWrap{padding-top: 160rem; position: relative;}
.working-holiday-programs .plan-prep .section-head .titleWrap::before{content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 60rem; background-color: var(--edm-color-text-4); top: 40rem; left: 50%; transform: translateX(-50%);}
.working-holiday-programs .plan-prep .check-list-wrap > .head{text-align: center; margin: 0 0 12rem; border-radius: var(--edm-radius2); isolation: isolate; padding: 20rem 16rem; background: linear-gradient(90deg, #6E31F5 0%, #0086FA 50%, #01D29C 100%); font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: #fff; font-weight: 600;}
.working-holiday-programs .plan-prep .check-list{display: flex; flex-direction: column; gap: 8rem; margin: 0; padding: 0; list-style: none;}
.working-holiday-programs .plan-prep .plan-card{display: flex; align-items: center; justify-content: center; gap: 12rem; padding: 20rem 24rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius2); isolation: isolate; background-color: #fff;}
.working-holiday-programs .plan-prep .plan-card-icon{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 20rem; height: 20rem; color: #66B6FC;}
.working-holiday-programs .plan-prep .plan-card-icon svg{display: block; width: 20rem; height: 20rem;}
.working-holiday-programs .plan-prep .plan-card-text{margin: 0; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600; color: var(--edm-color-text-1); text-align: center;}
.working-holiday-programs .plan-prep .plan-card-em{color: var(--edm-brand-blue); font-weight: 600;}

.working-holiday-programs .recommend-guide .gradientTitBox li p:not(.tit) b{margin-bottom: 8rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; display: block; color: var(--edm-color-text-1);}
.working-holiday-programs .recommend-guide .inner + .text-banner { margin-top: 40rem; }
.working-holiday-programs .recommend-guide .text-banner { text-align: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/working-holiday-programs/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);}
.working-holiday-programs .recommend-guide .text-banner em { color: var(--edm-brand-blue); }
#programs-detail .working-holiday-programs .recommend-guide .inner.program-panels-wrap{margin-top: 0;}
.working-holiday-programs .recommend-guide .program-panels .max-width{padding: 0;}
.working-holiday-programs .recommend-guide .program-panels .listType > li{box-shadow: 0 0 0 1px var(--edm-color-border-blue), var(--edm-sd-blue-1);}
.working-holiday-programs .recommend-guide .program-panels .listType > li > em{background: #fff; color: var(--edm-color-text-1); text-align: left; padding: 24rem;}
.working-holiday-programs .recommend-guide .program-panels .listType > li > em .tit{margin-bottom: 12rem; display: flex; align-items: center; gap: 8rem; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
.working-holiday-programs .recommend-guide .program-panels .listType > li > em .tit em{color: var(--edm-brand-blue);}
.working-holiday-programs .recommend-guide .program-panels .listType > li > em p:not(.tit){font: var(--edm-f-body2); font-weight: 400; color: var(--edm-color-text-2); letter-spacing: var(--edm-f-body2-ls);}
.working-holiday-programs .recommend-guide .program-panels .listType > li > em i{width: 40rem; height: 40rem; background-repeat: no-repeat; background-position: center; background-size: contain;}
.working-holiday-programs .recommend-guide .program-panels .listType .textBox strong{margin-bottom: 16rem;}
.working-holiday-programs .recommend-guide .program-panels .listType .textBox .sub-title{margin-bottom: 8rem; color: var(--edm-color-text-1); font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}
.working-holiday-programs .recommend-guide .program-panels .listType .textBox .dot + .sub-title{margin-top: 32rem; display: block;}

.working-holiday-programs .success-review{overflow: initial;}
.working-holiday-programs .success-review .text-review ul li .textWrap .content{word-break: normal;}
.working-holiday-programs .success-review .text-review ul li .textWrap .content em{color: var(--edm-brand-blue); }

.working-holiday-programs .nation .max-width > .table-bot-txt{text-align: right; margin-top: 24rem;}


@media screen and (max-width: 991px) {
	#programs-detail .contents .more-btn-wrap .shortcut{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; line-height: 40rem;}

	.working-holiday-programs .plan-prep .section-head .sh-title{margin-bottom: 12rem;}
	.working-holiday-programs .plan-prep .section-head .sh-sub{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 500;}
	.working-holiday-programs .plan-prep .section-head .titleWrap{padding-top: 76rem;}
	.working-holiday-programs .plan-prep .section-head .titleWrap::before{height: 30rem; top: 16rem;}
	.working-holiday-programs .plan-prep{background-color: #C9FDFF; background-image: none; padding: 60rem 0;}
	.working-holiday-programs .plan-prep .check-list-wrap > .head{padding: 16rem;}
	.working-holiday-programs .plan-prep .plan-card{gap: 8rem; padding: 16rem 24rem;}
	.working-holiday-programs .plan-prep .plan-card-text{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;}

	.working-holiday-programs .recommend-guide{margin-top: 60rem;}
	.working-holiday-programs .recommend-guide .inner + .text-banner{margin-top: 24rem; }
	.working-holiday-programs .recommend-guide .gradientTitBox li p:not(.tit) b{font-weight: 700;}
	.working-holiday-programs .recommend-guide .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 .contents .edm-pcg .edm-pcg__navigation{margin-bottom: 32rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType{margin-top: 24rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType > li{padding: 16rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType > li > em{padding: 16rem 24rem; margin-bottom: 12rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType > li > em .tit{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); margin-bottom: 8rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType > li > em i{width: 32rem; height: 32rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType > li > em p:not(.tit){font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400;}
	.working-holiday-programs .recommend-guide .program-panels .listType .textBox{padding: 16rem 24rem;}
	.working-holiday-programs .recommend-guide .program-panels .listType .textBox strong{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); }
	.working-holiday-programs .recommend-guide .program-panels .listType .textBox .sub-title{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); }
	.working-holiday-programs .recommend-guide .program-panels .listType .textBox p{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400;}
	.working-holiday-programs .recommend-guide .program-panels .listType .textBox .dot + .sub-title{margin-top: 24rem;}

	#programs-detail .working-holiday-programs .edm-pcg .max-width > .table-bot-txt{text-align: left;}
	#programs-detail .working-holiday-programs .edm-pcg .edm-pcg__infoGrid{grid-template-columns: repeat(1, 1fr);}
	#programs-detail .working-holiday-programs .edm-pcg .edm-pcg__infoItem:first-child{display: flex; flex-direction: row; align-items: center; gap: 12rem; height: auto;}
	#programs-detail .working-holiday-programs .edm-pcg .edm-pcg__infoLabel{margin-bottom: 0;}
	#programs-detail .working-holiday-programs .contents .edm-pcg .edm-pcg__card{gap: 16rem;}
	#programs-detail .working-holiday-programs .contents .edm-pcg .edm-pcg__tagList{display: flex; flex-wrap: wrap; column-gap: 8rem; row-gap: 2rem;}

}