@charset "UTF-8";

.software .bg {display: -webkit-flex; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.67) 100%), url('../img/software/software-element.jpg'); background-size: cover; background-position: center;}

.software .tit {text-align: center;}
.software .bg-highlight {display: inline-block; position: relative; text-decoration: underline; text-decoration-thickness: 20px; text-underline-offset: -10px; text-decoration-color: rgba(239, 1, 139, 0.35); white-space: pre-wrap;}

section:not(.bg)>* + * {margin-top: 80px;}
section:not(.bg) + section {margin-top: 150px;}

.software img {width: 100%; height: 100%; object-fit: contain; display: block;}

/* 사전 준비 작업 및 점검 수행 */
.ul-supply {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--inner-gap);}
.ul-supply>.item {display: -webkit-flex; display: flex; justify-content: center; align-items: stretch; border-radius: 6px; border: 1px solid #2A219F; background: #fff; overflow: hidden;}
.ul-supply>.item {counter-increment: index;}

.ul-supply>.item .txt-area {width: 100%;}
.ul-supply>.item .txt-area .tit {padding: 7px 0px 7px 52px; background: #2A219F; color: #fff; text-align: center; font-size: 1.25rem; font-weight: 700; overflow: hidden; position: relative;}
.ul-supply>.item .txt-area .tit::before {content: counter(index); width: 40px; height: 100%; padding-top: 2px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #A9A4E1; color: #fff; text-align: center; font-family: 'WavvePADO'; font-size: 1.25rem; font-weight: 400; line-height: 100%; position: absolute; top: 0; bottom: 0; left: 0;}
.ul-supply>.item .txt-area .tit::after {content: ''; position: absolute; left: 39px; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #A9A4E1; border-right: 0; margin-top: -20px; margin-right: -20px;}
.ul-supply>.item .ul-task {padding: 10px;}
.ul-supply>.item .ul-task .task {font-size: 15px; font-weight: 400; line-height: 170%; letter-spacing: -0.03em; display: -webkit-flex; display: flex; justify-content: start; align-items: start;}
.ul-supply>.item .ul-task .task::before {content: ''; -webkit-flex-shrink: 0; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #2A219F; display: block; margin: calc((15px*1.7 - 5px)/2) 10px;}

.ul-supply>.item .img-area {width: 183px; height: 100%;}
.ul-supply>.item .img-area img {object-fit: cover;}
/* //사전 준비 작업 및 점검 수행 */





@media screen and (max-width:1200px){
    .ul-supply {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:992px){
    .ul-supply>.item .img-area {width: 160px;}
}

@media screen and (max-width:768px){
    .ul-supply {grid-template-columns: unset;}
}

@media screen and (max-width:480px){
    .ul-supply>.item {flex-direction: column;}
    .ul-supply>.item .txt-area {order: 2;}
    .ul-supply>.item .img-area {order: 1;}
    .ul-supply>.item .img-area {width: 100%; height: 183px;}
    .ul-supply>.item:nth-child(5) .img-area img {object-position: center 10%;}
}