<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#mainComtents &gt; .contentBox &gt; div &gt; div {
    font-size: 17px;
}
/* 리스트 */
/* .stepBox-listBox-contentBox */
.stepBox &gt; .stepBox-listBox &gt;.stepBox-listBox-contentBox {
    /* width: 100%; */
    padding-bottom: 30;
}
.stepBox &gt; .stepBox-listBox &gt;.stepBox-listBox-contentBox &gt; div,
.stepBox &gt; .stepBox-listBox &gt;.stepBox-listBox-contentBox &gt; h3 {
    margin-bottom: 15px;
}
.stepBox &gt; .stepBox-listBox &gt;.stepBox-listBox-contentBox &gt; h3 {
    font-size: 24px;
}
.stepBox &gt; .stepBox-listBox &gt;.stepBox-listBox-contentBox &gt; div.text-list {
    font-size: 16px;
}
/* 스텝 01 */
.stepBox &gt; .stepBox-listBox:nth-child(1) &gt;.stepBox-listBox-contentBox &gt; div:last-child {
    font-size: 14px;
}

/* 스텝02 */
.stepBox &gt; .stepBox-listBox:nth-child(2) &gt;.stepBox-listBox-contentBox &gt; div:last-child {
    width: 94%;
    padding: 3%;
}
.stepBox &gt; .stepBox-listBox:nth-child(2) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div &gt; div &gt; p {
    font-size: 16px;
    height: 20%;
    
}
@media (max-width: 890px) {
    .stepBox &gt; .stepBox-listBox:nth-child(2) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div {
        justify-content: center;    
    }
}


/* 스텝03*/
.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child {
    width: 100%;
    min-width: auto;
    flex-wrap: wrap;
}
.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div {
    width: 70%;
    height: 176px;
    padding: 30 30 0 35;   
}
.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div:nth-child(1) {
    margin-right: 0;
}

.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div &gt; div &gt; p:nth-child(3) {
    font-size: 16px;
}
.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div &gt; div &gt; p:nth-child(4) {
    font-size: 14px;
    letter-spacing: 0;
}

.stepBox &gt; .stepBox-listBox:nth-child(3) &gt;.stepBox-listBox-contentBox &gt; div:last-child &gt; div &gt; div &gt; div:last-child {
    font-size: 18px;
    color: rgb(25, 138, 105);
    font-weight: 600;
}

/* 박스리스트 */
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div &gt; div {
    min-height: 200;
}
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div &gt; div &gt; div:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 5px;
}
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div &gt; div &gt; div:nth-child(3) {
    font-size: 16px;
}
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div &gt; div:nth-child(2) &gt; div.vertically {
    right: -2;
    height: 150;
    width: 3;
}
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div &gt; div:nth-child(2) &gt; div.vertically &gt; img {
    height: 100%;
    width: 100%;
}
.stepBox &gt; .stepBox-listBox:nth-child(6) &gt;.stepBox-listBox-contentBox &gt; div:last-child {
    min-height: 58;
    height: auto;
    font-size: 16px;
}
/* 스텝07 */
.stepBox &gt; .stepBox-listBox:nth-child(7) &gt;.stepBox-listBox-contentBox &gt; div:last-child {
    min-height: 140;
    height: auto;
    padding: 20px 3% 1% 3% ;
}


</pre></body></html>