@media(max-width:1199px){
.header__nav .nav__btn a span {background: #000;}
}


 .flex-box { display:flex } 
 .flex-box.column { display:flex; flex-direction: column; } 
 .sec { padding-bottom:150px } 
/* 페이징 */
.paging { margin-top:80px; display:flex; justify-content:center; align-items: center; } 
.paging a.prev { content: url('/img/pg_prev_btn_on.svg'); } 
.paging a.next { content: url('/img/pg_next_btn_on.svg'); } 
.paging { display:flex; gap:8px; justify-content:center; align-items:center; margin-top:28px; flex-wrap:wrap; } 
.paging a { padding:8px 10px; border-radius:6px; } 
.paging a.on { font-weight:600; color: crimson; } 
.paging a.disabled { pointer-events:none; opacity:.4; } 

.custom-file-label::after { right:20px!important } 
 /* 서브페이지 공통 css 시작 */
.sub-page { padding: 55px 0; } 
.sub-page .page-tit { margin-bottom: 100px; } 
.sub-page .page-tit .tit { font-size: 3em; font-weight: 600; text-align: center; line-height: 1.2; } 
.sub-page [class*=cont-box]:not(:last-child) { margin-bottom: 150px; } 
 .sub-page .page-tit .sub_tit { line-height: 1.5; text-align: center; margin-top: 30px; } 
@media all and (max-width: 1199px){
 .sub-page .page-tit { margin-bottom: 100px; } 
 /* .sub-page { padding: 120px 0 160px; } */ } 
@media all and (max-width: 1024px) {
 .sub-page .page-tit { margin-bottom: 60px; } 
 .sub-page .page-tit .tit { font-size: 2.50em; } 
 .sub-page [class*=cont-box]:not(:last-child) { margin-bottom: 80px; } 
 }
@media all and (max-width: 768px) {                
 .sub-page .page-tit { margin-bottom:30px } 
 .sub-page .page-tit .tit { font-size: 2.22em; } 
 }
@media all and (max-width: 640px) {}
/* 서브페이지 공통 css 끝 */

#about .s_sec { position: relative; overflow: hidden;padding-top:220px } 
#about .s_sec .about_txt {gap:30px;align-items: center;max-width:92%; margin: 0 auto;}
#about .s_sec .about_txt h3 {font-size: 3em; font-weight: 600;position:relative; text-align: center;line-height: 1.3;}
#about .s_sec .about_txt:first-child h3:before { content:''; position:absolute; left:50%;transform: translateX(-50%); top:-40px; background:url(../img/main/msec02_icon.png)no-repeat center center/cover; width:30px; aspect-ratio: 1/1; } 

#about .s_sec .about_txt p {text-align: center;}

#about .s_sec .allwork-sec { padding-top:100px } 
#about .s_sec .img-list { position: relative; width: 100%; height: 800px; } 
#about .s_sec .img-item { position: absolute; will-change: transform; } 
#about .s_sec .img-item img { display: block; width: 100%; height: auto; will-change: transform; } 
#about .s_sec .img-item:nth-child(1) { top: 65px; left: 0; } 
#about .s_sec .img-item:nth-child(2) { top: 430px; left: 530px; } 
#about .s_sec .img-item:nth-child(3) { top: 0; left: 50%; } 
#about .s_sec .img-item:nth-child(4) { top: 600px; left: 62%; } 
#about .s_sec .img-item:nth-child(5) { top: 62px; right: 50px; } 
#about .s_sec .img-item:nth-child(6) { top: 700px; left: 0; } 
#about .s_sec .img-item:nth-child(7) { top: 600px; left: 33%;; } 
#about .s_sec .img-item:nth-child(8) { top: 812px; right: 0; } 


@media(max-width:1450px) {
    #about .s_sec .img-item:nth-child(8) {width:350px}

}

@media(max-width:1399px) {
    #about .s_sec .allwork-sec {padding:0 ; padding-top:100px}
    #about .s_sec .img-item:nth-child(7) {top: 76%;left: 23%;}

}
@media(max-width:1199px) {
    #about .s_sec .allwork-sec {padding-top:200px}
    #about .s_sec .msec-title{transform: translateY(-50%);}
    #about .s_sec .img-item:nth-child(2) {top: 50%;left: 41%;width: 100px;}
    #about .s_sec .img-item:nth-child(3){left:58%}
    #about .s_sec .img-item:nth-child(4) {top: 80%;left: 67%;}
    #about .s_sec .img-item:nth-child(5) {top: 38%;right: 0;}
    #about .s_sec .img-item:nth-child(6) {top: 78%;left: 0;}
    #about .s_sec .img-item:nth-child(7) {top: 69%;left: 23%;}
    #about .s_sec .img-item:nth-child(8){top: 131%;}
    }
@media(max-width:1024px) {
    #about .s_sec .about_txt h3 {font-size: 2.3em;}
    #about .s_sec .about_txt:first-child h3:before {width:20px;top:-30px}
    #about .s_sec {padding-top:50px;}
    #about .s_sec .img-item:nth-child(1) {top: 25%;left: 0;}
    #about .s_sec .img-item:nth-child(2) {top: 35%;left: 38%;width: 100px;}
    #about .s_sec .img-item:nth-child(3) {left: 56%;}
    #about .s_sec .img-item:nth-child(6) {top: 99%;left: 0;}
    #about .s_sec .img-item:nth-child(7) {top: 90%;left: 28%;width: 300px;}
    #about .s_sec .img-item:nth-child(8){top:140%}
}
@media(max-width:768px) {
    #about .s_sec .allwork-sec {padding-top:150px;}
    #about .s_sec .img-item:nth-child(2) {display:none}
    #about .s_sec .img-item:nth-child(7) {left: 32%;width: 200px;}
    #about .s_sec .msec-title .tit {font-size: 4em;}
    #about .s_sec .about_txt p span {display:inline}
}
@media(max-width:640px) {
    #about .s_sec .about_txt h3 {font-size: 2em;}
    #about .s_sec .img-item:nth-child(4){top: 64%;left: 72%;}
     #about .s_sec .img-item:nth-child(7) {left:50%}
     #about .s_sec .img-item:nth-child(6) {left:9%}
}
@media(max-width:500px) {
    #about .s_sec .img-item:nth-child(1) {width:60%}
    #about .s_sec .img-item:nth-child(6){left:0; width:135px;}
    #about .s_sec .img-item:nth-child(7) {left:38%}
    #about .s_sec .img-item:nth-child(8) {width:200px}
    #about .s_sec .img-item:nth-child(5) {display:none}

}