@charset "utf-8";


.safHak04_sec .carr_wrap{display: flex; flex-wrap: wrap; gap:30px 20px; }
.safHak04_sec .carr_wrap .item{width: calc(50% - 10px)}

.safHak04_sec .boxWrap{display: flex; flex-wrap: wrap; gap: 20px; }
.safHak04_sec .boxWrap .item{width: calc(33.3% - 15px);border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; padding: 24px 30px; transition: all 0.3s ease;}
.safHak04_sec .boxWrap .item:hover{border-color:var(--colors-main3); box-shadow: 4px 4px 10px rgba(0,0,0,0.1)}
.safHak04_sec .boxWrap .year{font-size: 13px; font-weight: 500; color:#fff; background: var(--colors-sub1);padding:2px 8px; display: inline-block; border-radius: 25rem; 
margin-bottom: 8px; }
.safHak04_sec .boxWrap p{line-height: 1.3; font-size: 20px; }
.safHak04_sec .boxWrap .stamp{width: 100%; padding: 10px 4px; border-radius: 10px; text-align: center; background: var(--colors-sub2); margin-top: 20px; font-size: 16px; font-weight: 500; color:#fff; }
.safHak04_sec .boxWrap.prog .item{padding: 40px 30px}
.safHak04_sec .boxWrap.prog p{text-align: center;}

.safHak04_sec .gBoxList-tp01 .coop{display: inline-block; padding-right: 20px; position: relative; }
.safHak04_sec .gBoxList-tp01 .coop:after{content:''; display: block; width: 1px; height: 16px; background:#ccc; position: absolute; top:50%; right:9px;transform: translateY(-50%)}

@media screen and (min-width: 769px){
	.safHak04_sec .lab.type01 .vrImg_wrap .lab_item{width: calc(50% - 15px)}
}

@media screen and (max-width: 991px){
	.safHak04_sec .carr_wrap .item{width:100%}
	.safHak04_sec .boxWrap .item{width: calc(50% - 10px);}
	
}

@media screen and (max-width: 575px){
	.safHak04_sec .boxWrap .item{width:100%;}
	
}