@charset "utf-8"; 
/* MOBILE */
 
/* image */
#SS31_img1 { max-width:35rem }

#SS31_gallery2 { padding-top:4rem }
#SS31_img2_1 { max-width:43rem }
#SS31_img2_2 { max-width:28rem }
#SS31_img2_3 , #SS31_img2_4 , #SS31_img2_5 { max-width:23rem }

#SS31_gallery3 { max-width:100rem }
#SS31_img3_1 , #SS31_img3_2 { max-width:50rem } 

#SS31_gallery4 { max-width:108rem }
#SS31_img4_1   { max-width:50rem } 
#SS31_img4_2   { max-width:58rem } 

#SS31_img5 { max-width:59rem }
#SS31_img6 { max-width:35rem }

#SS31_img7_1 { max-width:63rem }
#SS31_img7_2 { max-width:77rem }

#SS31_img8_1 , #SS31_img8_2 , #SS31_img8_3 , #SS31_img8_4 { max-width:35rem }

#SS31_gallery9 { max-width:80rem }
#SS31_img9_1 , #SS31_img9_2 { max-width:40rem }
 


/* table */
#SS21_table1 td:nth-child(1):before , .rw__table th:nth-child(1):before { content:"세부 분야" }
.rw__table td:nth-child(2):before , .rw__table th:nth-child(2):before { content:"세부 분야 설명" }

 

/* PC */
@media screen and (min-width:1024px){  

    /* image */
    #SS31_img2_1 { width:30.714% }
    #SS31_img2_2 { width:20% }
    #SS31_img2_3 , #SS31_img2_4 , #SS31_img2_5 { width:16.428% }

    #SS31_img4_1 { width:46.296% } 
    #SS31_img4_2 { width:53.704% } 

    #SS31_img7_1 { width:45% }
    #SS31_img7_2 { width:55% }

    #SS31_img8_1 , #SS31_img8_2 , #SS31_img8_3 , #SS31_img8_4 { width:25% } 
    
    #SS31_gallery9 {
        float:right ; margin:0 0 0 5rem ; padding:0.7rem 0 0 0 ;
    }





    /* table */
    #SS21_table1 col:first-child { width:20% }
    #SS21_table1 td:last-child { text-align:left ; padding-left:2rem ; line-height:3rem }



    /* box */
    .p__box { font-size:2rem ; color:#111111 ; font-style:italic }

}   
 




/* PRINT */
@media print {   }