@CHARSET "UTF-8";

.curri-detail .detail-section:not(:first-child){padding-top:0 !important;}
.curri-detail .detail-section:first-child{padding-top:var(--detail-padding-top);}
.bubble img{width:22px; height:auto; vertical-align:top;}

/*************국민내일배움카드란?*************************/
.curri-detail .detail-section .bottom-only{padding-bottom:60px !important;}
.curri-detail .detail-section .wrap-up .up-item{flex-direction:row; gap:18px;}
.curri-detail .detail-section .wrap-up .up-item .img-wrap{width:74px; height:auto; border-radius:50%; background:#edddd6;}
.curri-detail .detail-section .wrap-up .up-item .img-wrap img{width:100%;}
.curri-detail .detail-section .wrap-up .up-item p{text-align:left;}
.curri-detail .detail-section .wrap-up .up-item p span{display:block; margin-bottom:6px; font-size:20px; font-weight:600;}

.except{width:80%; background:#f1f3f8;  border-radius:28px; border:1px solid #d7d7d7; padding:46px 100px 30px; margin:100px auto 0; text-align:center;}
.except p{display:inline-block; padding:12px 20px; border-radius:26px; margin-top:-70px; background:#222; color:#fff;}
.except ul{text-align:left; line-height:30px; font-size:18px;}
.except ul li:before{content:''; display:inline-block; width:4px; height:4px; border-radius:50%; margin:0 8px 5px 0; background:#2c5ae9;}

/*******국민취업제도란?**********/
/*탭메뉴*/
.tab_border {display:flex; height:53px; margin:0 auto 60px; font-weight:400; font-size:16px; text-align:center;}
.tab_border .tablinks{display:inline-block; width:50%; height:100%; border-bottom:2px solid #d7d7d7; font-weight:500; font-size:20px; color:#999; cursor:pointer;}
.tab_border .tablinks.active{color:#222; border-color:#222;}
.l_card_4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;width: 100%;margin: 0 auto;}
.eduInfo_support .l_card_item {border-radius: 28px;padding: 30px 0 32px;text-align: center;}
.eduInfo_support .l_card_4 .l_card_item:first-of-type {background: #fdefe9;}
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(2){background: #e9f1fa;}
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(3), .eduInfo_support .l_card_3 .l_card_item:nth-of-type(2){background: #fff5d9;}
.eduInfo_support .l_card_4 .l_card_item:last-of-type, .eduInfo_support .l_card_3 .l_card_item:last-of-type{background: #ffeded;}
.eduInfo_support .img_wrap{position: relative;width: 108px;height: 108px;margin: 0 auto 14px; border-radius: 50%;}
.eduInfo_support .l_card_4 .l_card_item:first-of-type .img_wrap {background: #fee1d4;}
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(2) .img_wrap {background: #dbe7f6;}
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(3) .img_wrap, .eduInfo_support .l_card_3 .l_card_item:nth-of-type(2) .img_wrap {background: #ffebb8;}
.eduInfo_support .l_card_4 .l_card_item:last-of-type .img_wrap, .eduInfo_support .l_card_3 .l_card_item:last-of-type .img_wrap { background: #ffdcdc;}.eduInfo_support .img_wrap img { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);} 
.eduInfo_support .l_card_4 .l_card_item:first-of-type img {
    width: 46px;
}
  .eduInfo_support .l_card_4 .l_card_item:nth-of-type(2) img {
    width: 66px;
} 
   .eduInfo_support .l_card_4 .l_card_item:nth-of-type(3) img, .eduInfo_support .l_card_3 .l_card_item:nth-of-type(2) img {
    top: 54%;
    width: 70px;
} 
  .eduInfo_support .l_card_4 .l_card_item:last-of-type img, .eduInfo_support .l_card_3 .l_card_item:last-of-type img {
    top: 55%;
    width: 80px;
}  
.content_title {color: #222;font-weight: 600;font-size: 26px;line-height: 32px;}
.content_explain {color: #444; font-weight: 400; font-size: 16px; line-height: 25px;} 

.eduInfo_support .support_table_th { display: grid; grid-template-columns: repeat(3, 1fr);  height: 64px; margin-top: 44px; border-radius: 14px; background: #f1f3f8; text-align: center; line-height: 64px;}
.eduInfo_support .support_table_th li { display: inline-block;}

.eduInfo_support .support_table {width:100%; margin-bottom: 44px;table-layout: fixed;text-align: center;}
.content_wrap table{width: 100%;}
.eduInfo_support .support_table td:not(:last-of-type) {
    border-right: 1px solid #f1f3f8;
}
.eduInfo_support .support_table td {
    padding: 20px 0;
    border-bottom: 1px solid #f1f3f8;
}
.eduInfo_support .tabcontent_support2 .support_table tr:not(:first-of-type) td:last-of-type {
    border-right: 1px solid #f1f3f8;
}
.eduInfo_support .support_table td {padding: 20px 0;border-bottom: 1px solid #f1f3f8; text-align:center;}
/*plus box*/
.cf{zoom:1;}
.eduInfo_supportPlus{width:100%;}
.eduInfo_supportPlus .list_item { padding: 28px 0 27px min(78px, 7%); border-radius: 24px; border: 1px solid #d7d7d7; text-align:left;}
.eduInfo_supportPlus .list_item:not(:last-of-type){margin-bottom:8px;}
.eduInfo_supportPlus .list_item .content_subtitle {width: max(22%, 195px);}
.content_subtitle {color: #222;font-weight: 600;font-size: 20px !important;line-height: 28px;}
.eduInfo_supportPlus .list_item p {display: inline-block; font-size:18px;}
.eduInfo_supportPlus .list_item .content_subtitle span {display: inline-block;width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; background: #2c5ae9;color: #fff; font-size: 14px; line-height: 18px; vertical-align: 2px;text-align: center;}
.eduInfo_supportPlus .addtxt{padding-top: 12px; color: #999; font-size: 13px; text-align: right;}
/*탭메뉴 위해*/
.tabcontent{display:none;}
/*3개 카드분할*/
.l_card_3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%;margin: 0 auto;}
.eduInfo_support .l_card_3 .l_card_item:first-of-type .img_wrap {
    background: #d8f7e1;
}
.eduInfo_support .l_card_3 .l_card_item:first-of-type img {
    width: 50px;
}
.eduInfo_support .l_card_3 .l_card_item:first-of-type {
    background: #ebfbf0;
}
.eduInfo_supportPlus .list_item :not(.content_subtitle) span {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 5px;
    margin-right: 4px;
    background: #f1f3f8;
    font-size: 16px;
    text-align: center;
}

/************국가기간 전략산업 직종훈련이란?*****************/
.training-card-wrap{width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin:0 auto;}
.training-card-wrap .card-item{padding:44px 0 30px 30px; border-radius:28px;}
.training-card-wrap .card-item:first-child{background:#d7dcfc;}
.training-card-wrap .card-item:nth-child(2){background:#cff6f1;}
.training-card-wrap .card-item:last-child{background:#fffedf;}
.training-card-wrap .card-item{text-align:left;}
.training-card-wrap .card-item .card-title{padding-bottom:20px; font-weight:600; font-size:26px; line-height:32px;}
.training-card-wrap .card-item .card-title_sm{margin-top:-15px; font-weight:500; font-size:18px;}
.training-card-wrap .card-item .card-explain{color:#444; font-size:16px; font-weight:400; line-height:25px;}
.training-card-wrap .card-item .card-explain span{display:inline-block; width:54px; margin:0 4px 6px 0; border-radius:12px; background:#b6e1d8; font-size:15px; line-height:22px; text-align:center;}
.training-card-wrap .card-item img{width:100%;}

@media screen and (max-width: 1024px){
.curri-detail .detail-section:first-child{padding-top:var(--content-padding-tablet);}
.curri-detail .detail-section:last-child{padding-bottom:var(--content-padding-tablet);}
	/*3개 카드분할*/
.curri-detail .detail-section .wrap-up-four{grid-template-rows:auto; grid-template-columns:repeat(3, 1fr);}
.except{margin:60px auto 0;}
.l_card_4{grid-template-columns:repeat(2, 1fr);gap:16px;}
.l_card_3{gap:16px;}
.tab_border { margin: 0 auto 32px;}
.eduInfo_supportPlus .list_item .content_subtitle{width:100%; margin-bottom:5px;}
.eduInfo_supportPlus .list_item p{display:block;}
.eduInfo_supportPlus .list_item{padding:28px 0 27px min(78px, 5%);}
.content_title{font-size:22px;}


.training-card-wrap{gap:16px;}
.curri-detail .detail-section .bottom-only{padding-bottom:32px !important;}
.training-card-wrap .card-item{padding:40px 20px; height:360px; position:relative;}
.training-card-wrap .card-item img{position:absolute; bottom:20px; right:0px;}
.training-card-wrap .card-item .card-explain span{display:block;}
.training-card-wrap .card-item .card-title{font-size:22px;}
.training-card-wrap .card-item .card-title_sm{font-size:16px;}
.training-card-wrap .card-item .card-explain{letter-spacing:-0.07em; }
.training-card-wrap .card-item .card-explain span{margin:0 4px 2px 0;}
.training-card-wrap .card-item .card-explain:last-of-type{margin-top:5px;}

}

@media screen and (max-width: 767px){
.curri-detail .detail-section:first-child{padding-top:var(--m_detail-padding-top);}
.curri-detail .detail-section:last-child{padding:var(--m_detail-padding-top) 0 !important;}
.curri-detail .detail-section h2 span{display:block; font-size:15px; margin-top:8px;}
.curri-detail .detail-section .wrap-up .up-item{width: 100%; height: 80px; padding: 12px 24px; border-radius: 40px; margin-top: 8px; background: #fff; border:none; display:block;}
.curri-detail .detail-section .wrap-up .up-item .img-wrap {float:left; width: 56px; height: 56px; border-radius: 50%; margin-right: 14px;}
.up-item-top{    height: auto;
    padding: 10px 24px;
    border-radius: 22px;
    text-align: center; color: #2c5ae9;
    font-weight: 500; height:40px !important;
}
.up-item-top img{width:15px; height:auto;}
.eduInfo_support .img_wrap{width:65px; height:65px;}
.eduInfo_support .l_card_4 .l_card_item:first-of-type img {width: auto;}
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(2) img {width: auto;} 
.eduInfo_support .l_card_4 .l_card_item:nth-of-type(3) img, .eduInfo_support .l_card_3 .l_card_item:nth-of-type(2) img {top: 54%;width: auto;} 
.eduInfo_support .l_card_4 .l_card_item:last-of-type img, .eduInfo_support .l_card_3 .l_card_item:last-of-type img {width: auto;}     
.eduInfo_support .l_card_3 .l_card_item:first-of-type img{width:auto;}
.content_explain{font-size:15px; letter-spacing: -0.07em;}
.content_title{font-size:17px;}
.l_card_4{gap:8px;}
.l_card_3{gap:8px;}
.eduInfo_support .l_card_item{border-radius:14px; padding:20px 22px;}
.tab_border{margin-bottom:30px;}
.l_card_3{grid-template-columns:repeat(2, 1fr);}
.l_card_3 .l_card_item:first-child{grid-column-start: 1; grid-column-end: 3;}
.detail-section:nth-of-type(2){background:#fff !important; margin-top:35px; padding-top:35px important!; padding-bottom:35px !important;}
.eduInfo_support .support_table{margin-bottom:20px;}
.eduInfo_support .support_table_th{margin-top:20px; height:40px; line-height:40px; border-radius:8px; font-size:14px !important;}
.eduInfo_support .support_table td{font-size:14px; letter-spacing:-0.07em;}
.content_subtitle{font-size:17px !important;}
.eduInfo_supportPlus .list_item{padding:20px;}
.eduInfo_supportPlus .list_item p{font-size:14px; line-height:1.4;}
.eduInfo_supportPlus .list_item :not(.content_subtitle) span{margin-bottom:7px;}
.eduInfo_supportPlus .list_item :not(.content_subtitle) span:last-child{margin-bottom:0px;}

.training-card-wrap{display:block;}
.training-card-wrap .card-item{margin-right:7px; width:264px !important; height:320px; padding:30px 20px;}
.training-card-wrap .card-item .card-title{font-size:17px; padding-bottom:8px;}
.training-card-wrap .card-item .card-title_sm{font-size:14px;}
.training-card-wrap .card-item img{width:230px; height:auto;}
.training-card-wrap .card-item .card-explain{font-size:14px; }
.training-card-wrap .card-item .card-explain span{display:inline; padding:2px 7px; font-size:13px;}
}