/* 현역 및 전역 후 3개월 이내 상담 시 제공되는 전용 혜택 */
.soldier-language .soldier-pick{display: block; text-align: center; padding: 140rem 0; background: #009E4A url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/soldier-pick-bg-top.webp') no-repeat top center; background-size: contain; position: relative; }
#programs-detail .soldier-language .soldier-pick .titleWrap{margin-bottom: 32rem;}
.soldier-language .soldier-pick .titleWrap .article-title{color: #fff;}
.soldier-language .soldier-pick .inner{position: relative;}
.soldier-language .soldier-pick .inner .pick-promotion{ width: 989rem; height: 82rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 12rem; font-size: var(--f-fontSize02); letter-spacing: -0.615rem; color: #fff; font-weight: 600; background-color: #127937; border: 1px solid #1EC95B; border-radius: 24rem; margin-bottom: 60rem;}
.soldier-language .soldier-pick .inner .pick-promotion .text strong{color: #FFFD7E; font-weight: 600;}
.soldier-language .soldier-pick .inner .pick-promotion .thumb{width: 50rem; height: 50rem;}
.soldier-language .soldier-pick .inner .pick-point-title{background: linear-gradient(90deg, #6e31f5 0%, #0086fa 50%, #01d29c 100%); margin: 0 auto; margin-bottom: 12rem; padding: 20rem 0; border-radius: 8rem; width: 824rem; font-size: var(--f-fontSize04); line-height: 150%; letter-spacing: -0.01375rem; color: #fff; font-weight: 600;}
.soldier-language .soldier-pick .inner .pick-check-list{max-width: 824rem; margin: 0 auto; display: flex; flex-direction: column; gap: 8rem;}
.soldier-language .soldier-pick .inner .pick-check-list li{display: flex; align-items: center; justify-content: center; background-color: #fff; font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: -0.0125rem; color: var(--c-text01); font-weight: 700; padding: 20rem 0; border-radius: 8rem;}
.soldier-language .soldier-pick .inner .pick-check-list li .check-icon{width: 20rem; height: 20rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/check-icon.png') no-repeat center center; background-size: contain; margin-right: 12rem;}
.soldier-language .soldier-pick .inner .pick-check-list li strong{color: #006BC8;}
.soldier-language .soldier-pick .inner .more-btn-wrap p{color: #fff;}
.soldier-language .soldier-pick .inner .more-btn-wrap .user-review-more{background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/user-review-more-24-w.svg");}
.soldier-language .soldier-pick .inner::after{content: ''; display: inline-block; position: absolute; bottom: 0; right: 22rem; width: 220rem; height: 443rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/soldier-pick-bg-bottom.png') no-repeat bottom center; background-size: cover;}

/* 베스트플랜 */
.soldier-language .best-plan .curriculum-compare .tabMenu{margin-bottom: 40rem;}
.soldier-language .best-plan .curriculum-compare .tab-contents .img{flex-shrink: initial; position: absolute; inset: 0; }
.soldier-language .best-plan .curriculum-compare .tab-contents ul li.tab{margin-top: 0; position: relative; padding-left: 318rem;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap{gap: 24rem; }
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .tabTitle{margin-bottom: 0; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); color: var(--edm-color-text-1);}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .summary{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-2); margin: -16rem 0 16rem; font-weight: 400;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item{display: block;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item + .txt-item{margin-top: 0;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item strong{font-weight: 600; margin-bottom: 16rem; color: var(--edm-color-text-1); display: block;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid{display: grid; gap: 24rem;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li:nth-child(1) .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(1, minmax(0, 1fr));}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li:nth-child(2) .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(1, minmax(0, 1fr));}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box{padding: 24rem; border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-neutral);}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box .box-title{font: var(--edm-f-body1); letter-spacing: -0.3rem; color: var(--edm-color-text-1); font-weight: 600; margin: 0 0 12rem;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul{margin: 0;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul li{margin: 0; padding-left: 18rem; position: relative; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); box-shadow: none; border: none;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul li::before{content: "•"; position: absolute; left: 6rem; top: 0;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box > p{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: var(--edm-color-text-2); margin: 0;}
.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box > p:not(.box-title){font-weight: 400;}


/* 누구나 받는 혜택 */
.soldier-language .benefit-area{padding: 140rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/benefit-area-bg.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.soldier-language .benefit-area .inner h3{margin-bottom: 24rem; color: var(--edm-color-text-1);}
.soldier-language .benefit-area .imgTextCard{gap: 24rem;}
.soldier-language .benefit-area .imgTextCard li{box-shadow: var(--edm-sd-neutral-1); padding: 24rem;}
.soldier-language .benefit-area .imgTextCard li .imgWrap{padding-top: 26.7%; border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden;}
.soldier-language .benefit-area .imgTextCard li .textWrap{padding: 24rem 0 0; display: flex; flex-direction: column; gap: 4rem;}
.soldier-language .benefit-area .imgTextCard li .textWrap b{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: var(--edm-color-text-1);}
.soldier-language .benefit-area .imgTextCard li .textWrap .table-bot-txt{margin: 0;}
.soldier-language .benefit-area .benefit-callout-wrap{text-align: center; margin-bottom: 60rem;}
.soldier-language .benefit-area .benefit-callout{position: relative; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 12rem 40rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); color: var(--edm-color-text-1); border: none; border-radius: var(--edm-radius3); isolation: isolate; background: transparent;}
.soldier-language .benefit-area .benefit-callout::before{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(90deg, #6e31f5 0%, #0086fa 50%, #01d29c 100%); pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;}
.soldier-language .benefit-area .benefit-callout em{font-style: normal; background: linear-gradient(90deg, #6e31f5 0%, #0086fa 96%, #01d29c 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.soldier-language .benefit-area #edm-perks{background-image: none; padding: 0 !important; margin: 0 !important;}
.soldier-language .benefit-area #edm-perks .list{margin: 0;}
.soldier-language .benefit-area #edm-perks .list li {box-shadow: var(--edm-sd-neutral-1);}
.soldier-language .benefit-area #edm-perks .step-wrap{margin-top: 60rem;}
.soldier-language .benefit-area #edm-perks .step-list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24rem; margin: 0;}
.soldier-language .benefit-area #edm-perks .step-list li{box-shadow: var(--edm-sd-neutral-1); border-radius: var(--edm-radius3); isolation: isolate; background-color: #fff; padding: 24rem; margin-top: 0;}
.soldier-language .benefit-area #edm-perks .step-list li span{display: block; margin-bottom: 16rem; padding: 2rem 12rem; border-radius: 999rem; background: linear-gradient(90deg, #1e84ee 0%, #0cd1a9 100%); font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 700; color: #fff; text-align: center;}
.soldier-language .benefit-area #edm-perks .step-list li p{margin: 0; font: var(--edm-f-body2); font-weight: 400; letter-spacing: var(--edm-f-body2-ls); color: var(--edm-color-text-2);}

@media (max-width: 991px) {
    .soldier-language .soldier-pick{padding: 60rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/soldier-pick-bg-top-mo.webp'); background-size: contain;}
    #programs-detail .soldier-language .soldier-pick .titleWrap{margin-bottom: 16rem;}
    .soldier-language .soldier-pick .inner .pick-promotion{flex-direction: column-reverse; width: 100%; height: auto; font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: -0.0125rem; padding: 15rem 0; gap: 4rem; border-radius: 12rem; margin-bottom: 30rem;}
    .soldier-language .soldier-pick .inner .pick-promotion .thumb{width: 40rem; height: 40rem;}
    .soldier-language .soldier-pick .inner .pick-point-title{width: 100%; padding: 16rem 0; font-size: var(--f-fontSize04); line-height: 150%; letter-spacing: -0.0125rem; border-radius: 12rem;}
    .soldier-language .soldier-pick .inner .pick-check-list{max-width: 100%;}
    .soldier-language .soldier-pick .inner .pick-check-list li{padding: 16rem 0; font-size: var(--f-body1); line-height: 150%; letter-spacing: -0.00938rem;}
    .soldier-language .soldier-pick .inner .pick-check-list li .check-icon{margin-right: 8rem;}
    .soldier-language .soldier-pick .inner::after{display: none;}
    
    .soldier-language .common-video-type{margin-top: 50rem;}

    /* 베스트플랜 */
    .soldier-language .best-plan{margin-top: 50rem;}
    .soldier-language .best-plan .curriculum-compare .tabMenu{margin-bottom: 24rem;}
	.soldier-language .best-plan .curriculum-compare .tabMenu .tab{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); padding: 7rem 16rem;}
	.soldier-language .best-plan .curriculum-compare .tab-contents .img{height: 27.7778vw;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li.tab{padding: 27.7778vw 0 0;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap{gap: 24rem;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .tabTitle{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .summary{margin: -20rem 0 0;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item strong{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600; margin-bottom: 16rem;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid{gap: 8rem;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col3{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box{padding: 16rem;}
	.soldier-language .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box .box-title{margin-bottom: 12rem;}


    /* 누구나 받는 혜택 */
	.soldier-language .benefit-area{margin-top: 60rem; padding: 60rem 0; background: linear-gradient(179deg, #C8E6A6 0.9%, #F8F8C2 99.1%); position: relative; }
	.soldier-language .benefit-area::before{content: ''; position: absolute; inset: 0; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/soldier-language/benefit-area-bg-mo_v1.webp') no-repeat top right; background-size: 100%; pointer-events: none;}
	#programs-detail .soldier-language .benefit-area .inner > h3{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); }
	.soldier-language .benefit-area .imgTextCard{gap: 16rem;}
	.soldier-language .benefit-area .imgTextCard li{padding: 16rem;}
	.soldier-language .benefit-area .imgTextCard li .imgWrap{padding-top: 60.9%;}
	.soldier-language .benefit-area .imgTextCard li .textWrap{padding-top: 16rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
	.soldier-language .benefit-area .imgTextCard li .textWrap b{font-weight: 600;}
	.soldier-language .benefit-area .imgTextCard li .textWrap .table-bot-txt{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
	.soldier-language .benefit-area .benefit-callout-wrap{margin-bottom: 40rem;}
	.soldier-language .benefit-area .benefit-callout{padding: 8rem 16rem; border-radius: var(--edm-radius2); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 700;}
    .soldier-language .benefit-area #edm-perks .step-wrap{margin-top: 40rem;}
	.soldier-language .benefit-area #edm-perks .step-list{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12rem;}
	.soldier-language .benefit-area #edm-perks .step-list li{padding: 16rem;}
	.soldier-language .benefit-area #edm-perks .step-list li span{margin-bottom: 12rem; padding: 2.25rem 12rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}



}