@charset "UTF-8";
@import url("contents_pc.css");
@media only all and (max-width: 1023px) {
    /* 공통에 추가할 것 */
    
    .title-type04 {
        padding-left: 1.208rem;
        margin-bottom: 0.625rem;
        font-size: 1.333rem;
        line-height: 2.208rem;
    }
    .title-type04:before {
        top: 0.917rem;
        width: 0.333rem;
        height: 0.333rem;
    }
    .box01 {
        padding-left: 0.833rem;
        padding-bottom: 0.833rem;
    }
    .mobile-br {
        display: block !important;
    }
    .word-type02 {
        font-size: 1.188rem;
        line-height: 1.875rem;
    }    
    .board-list01 table {
        width: 70rem;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local, linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
    }
    .board-view .board-view-list>dl {
        font-size: 1rem;
        line-height: 1.462rem;
        padding: 1.154rem 1.154rem 1.154rem 1.154rem;
    }
    .board-view .board-view-list>dl dt {
        flex: 0 0 6rem;
        font-size: 1rem;
        line-height: 1.462rem;
    }
    .board-view .board-view-list>dl dd {
        height: auto;
    }
    .board-view-list + .preview-next a:first-of-type {
        margin-top: 4.167rem;
    }
    
    /* 인사말 */
    .greeting-wrapper {
        gap: 3.077rem;
    }
    .greeting-visual-wrapper {
        padding-bottom: 93.939%;
        background: url(../img/sub01/img_greeting_mobile.jpg) no-repeat center / cover;
        border-radius: 0.462rem;
    }    
    .KOLAS {    
        background: url(../img/sub04/img_greeting_mobile.jpg) no-repeat center / cover;
    }
    .visual-slogan {
        top: auto;
        bottom: 2.692rem;
        left: 2.692rem;
        transform: translateY(0);
        font-size: 2.308rem;
    }
    .greeting-slogan-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.692rem;
    }
    .greeting {
        font-size: 1.846rem;
        white-space: normal;
    }  
    .greeting-sign {
        font-size: 1.417rem;
        padding-top: 2.5rem;
    }  
    /* 조직도 */
    .organization-wrapper {
        border-radius: 0.333rem;
        padding: 1.25rem;
    }
    .image-word01 {
        flex-direction: column;        
        gap: 1.25rem;
        margin-bottom: 1.667rem;
    }
    .image-word01 dl{
        gap: 0.417rem;
    }
    .image-word01 dt{
        font-size: 1.333rem;
    }
    /* 보유장비 */
    .equipment-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 1.25rem;
    }
    .equipment-area .image.no-image>img {
        width: 5rem;
    }
    .equipment-area .title {
        min-height: 7.625rem;
		padding: 1.25rem 0.833rem;
	}
    .equipment-area .title>span {
        font-size: 1.188rem;
        line-height: 1.875rem;
    }
	.equipment-list{
		padding:0.833rem;
		min-height: 11.042rem; /*265px*/
	}
	.equipment-list li .equipment-title{
		flex: 0 0 3.125rem;
	}
    
    .contents-area .application-choice-wrapper {
        margin-left: -1.25rem;
        gap: 0.385rem
    }    
    .application-choice-box {
        flex: 1;
        width: auto;
        height: auto;
        gap: 1.538rem;
        padding: 2.308rem 1.538rem 1.538rem 1.538rem
    }
    .application-choice-box > img {
        width: 4.615rem;
    }
    .application-choice-box > a {
        width: 100%;
        height: 3.077rem;
        line-height: 2.923rem;
        font-size: 1.154rem;
        padding: 0 0.577rem;
    }
    
    .form-wrapper02 dl>dd>select {
        width: 100%;
    }
    .form-view dl {
        width: 100%;
        display: flex;
        justify-content:flex-start;
        align-items: flex-start;
    } 
    .form-view dl>dt{
        flex: 0 0 5.769rem; 
        margin-bottom: 0;
        padding: 0.577rem 0;
    }    
    .form-view dl>dd{
        flex: 1;
        padding: 0.577rem 0;
    }
    .checking-application{
        padding: 1.538rem 0;
    }    
    .guid-notice {
        font-size: 1.154rem;
        line-height: 140%;
    }
    .status-select-wrapper {
        flex-direction: column;
        padding-right: 0;
        gap: 0.769rem;
    }
    
    .status-select {
        width: calc(100% - 3.077rem);
        flex-direction: column;
        gap: 0.769rem;
    }
    .status-select li:after {
        right: -3.077rem;
        width: 1.923rem;
        height: 1.923rem;
        background-size: 0.769rem 0.808rem;
    }
    .status-select select{
        height: 3.5rem;
        text-indent: 1.458rem;
        font-size: 1.125rem;
        background-size: 0.583rem 0.375rem;
        background-position: calc(100% - 0.833rem) center;
    }

    .status-select select:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
    }
    .input-check-wrapper .btn-search,
    .status-select-wrapper .btn-checked {
        position: relative;
        width: 100%;
        height: 3.5rem;
        font-size: 1.083rem;
    }

    .check-receipt-number {
        height: auto;
        margin-bottom: 1.923rem;
        padding: 1.538rem;
    }

    .check-receipt-number dl {
        width: 100%;
        flex-direction: column;
        min-height: 3.5rem;
        gap: 0.385rem;
    }

    .check-receipt-number dl>dt {
        font-size: 1.125rem;
        line-height: 1.75rem;
        height: auto;
        padding-left: 0.769rem;
    }

    .check-receipt-number dl>dt:after {
        top: 0.769rem;
        width: 0.231rem;
        height: 0.231rem;
    }

    .check-receipt-number dl>dd input[type="text"] {
        width: 100%;
    }

    .input-check-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.385rem;
        width: 100%;
        padding-right: 0;
    }
    .check-receipt-wrapper {
        width: 100%;
        padding: 1.538rem;
    }
    .check-receipt-default {
        min-height: 13.846rem;
        gap: 1.154rem;
    }
    .check-receipt-default > img {
        width: 4.615rem;
    }
    .check-receipt-area {
        flex-direction: column;
        gap: 0.769rem;
    }

    .check-receipt-area dl{
        gap: 0.192rem;
        font-size: 1.125rem;
    }  
    .steps-wrapper {
        padding: 1.538rem;  
    }
    .steps-area {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.385rem;
        row-gap: 0.577rem;
    }
    .steps-area > li {
        height: 2.692rem;
        font-size: 1rem;
    }
    .steps-area > li:after {        
        height: 0.5rem;
    }
    .modal-form-wrapper dl>dt, 
    .modal-form-wrapper dl>dd,
    .form-wrapper02 dl>dd,
    .form-wrapper02 dl>dd>select{        
        font-size: 1.125rem;
    }
    
}

@media only all and (max-width: 767px) {
    
}

@media only all and (max-width: 639px) {
    
}

@media only all and (max-width: 474px) {
    
}

@media only all and (max-width: 359px) {
    
}