/* 고용노동부 사업 안내 (work.info) */
.sub_cnts.work > div.container > article.sub > div.work_head {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;}
.sub_cnts.work > div.container > article.sub > div.work_head > h4.dot_tit {margin:30px 0; }
.sub_cnts.work > div.container > article.sub > div.work_head > a.work_logo {display:inline-flex; align-items:center;}
.sub_cnts.work > div.container > article.sub > div.work_head > a.work_logo > img {height:34px; width:auto;}

.sub_cnts.work > div.container > article.sub > div.work_cards {display:flex; gap:20px; align-items:stretch;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card {box-sizing:border-box; display:flex; flex-direction:column; flex:1; padding:24px; border-radius:12px;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 {background:#eaf2fc;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 {background:#f7eef2;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c3 {background:#eaf4f5;}

.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > h5.tit {margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid; font-size:1.29rem; font-weight:700; text-align:center; word-break:keep-all;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 > h5.tit {color:#3f76ad; border-color:#cce0f3;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 > h5.tit {color:#946477; border-color:#e6d4dc;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c3 > h5.tit {color:#4f969c; border-color:#c6e1e4;}

.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont {flex:1;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl {margin-bottom:14px;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl:last-child {margin-bottom:0;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dt {position:relative; margin-bottom:6px; padding-left:10px; font-size:1.07rem; font-weight:700; color:#222;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dt:before {content:''; position:absolute; left:0; top:9px; width:5px; height:5px; border-radius:50%; background:currentColor;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd {font-size:1rem; line-height:22px; color:#555; word-break:keep-all;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd > ul > li {position:relative; padding-left:11px; margin-bottom:8px;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd > ul > li:last-child {margin-bottom:0;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd > ul > li:before {content:''; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:50%; background:#999;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd > ul > li > strong {display:block; font-size:1.07rem; font-weight:700; color:#333;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.cont > dl > dd > ul > li > em {display:block; margin-top:4px; font-size:1rem; font-style:normal; font-weight:600;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 > div.cont > dl > dd > ul > li > em {color:#5d97cf;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 > div.cont > dl > dd > ul > li > em {color:#ab8594;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c3 > div.cont > dl > dd > ul > li > em {color:#68acb1;}

.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to {margin-top:18px; padding-top:14px; border-top:1px dashed;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 > div.how_to {border-color:#cce0f3;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 > div.how_to {border-color:#e6d4dc;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to > p.how_tit {margin-bottom:10px; font-size:1.07rem; font-weight:700; color:#333;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to > ol.steps {counter-reset:step;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to > ol.steps > li {position:relative; padding-left:24px; margin-bottom:7px; font-size:0.93rem; line-height:18px; color:#555; word-break:keep-all;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to > ol.steps > li:last-child {margin-bottom:0;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > div.how_to > ol.steps > li:before {counter-increment:step; content:counter(step); position:absolute; left:0; top:0; width:18px; height:18px; border-radius:50%; font-size:0.79rem; font-weight:700; line-height:18px; text-align:center; color:#fff;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 > div.how_to > ol.steps > li:before {background:#5d97cf;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 > div.how_to > ol.steps > li:before {background:#ab8594;}

.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > a.btn_apply {display:block; margin-top:20px; padding:13px; border-radius:8px; font-size:1.07rem; font-weight:700; color:#fff; text-align:center; transition:opacity 0.2s;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c1 > a.btn_apply {background:#5d97cf;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c2 > a.btn_apply {background:#ab8594;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card.c3 > a.btn_apply {background:#68acb1;}
.sub_cnts.work > div.container > article.sub > div.work_cards > div.card > a.btn_apply:hover {opacity:0.88;}

@media (max-width:768px) {
	.sub_cnts.work > div.container > article.sub > div.work_cards {flex-direction:column;}
}