.content_A .content .box .sub_title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
 }
 .content_A .content .box .section1 {
    background-color: #ecf9de;
    padding: 4rem 1.5rem 18rem;
    position: relative;
    margin-bottom: 1rem;
}

.content_A .content .box .section1 img {
    display: flex;
    position: absolute;
    width: 25rem;
    justify-content: right;
    bottom: 0;
    right: 0;
    
    
 }
 .content_A .content .box .con {
    font-size: 1.5rem;
    line-height: 1.3;
    color: #575956;
    font-weight: 500;
    
 }

 .content_A .content .box .link_img {
    width: 100%;
    padding: 2.5rem 2rem;
 }

 .content_A .content .section2  {
    padding: 0 2rem
 
 }

 .content_A .content .section2.on .con {
     background-color:#f8f8f8;
     padding: 2rem 1.5rem;
     font-weight: 500;
     line-height: 1.6;
     letter-spacing: -1px;
     display: block;
 }
 .content_A .content .section2 .con {
     padding: 2rem 1.5rem;
     display: none;
 
 }
 .content_A .content .section2 .con img{
     width: 100%;
     padding-top: 2rem;
 
 }
 .content_A .content .section2.on .emphasis {
    font-size: 1.8rem;
    font-weight: 600;
    color: #716558;
    padding: 2rem 0;
    position: relative;
 
 }
 .content_B .content .section2 .emphasis {
    font-size: 1.8rem;
    font-weight: 600;
    color: #716558;
    padding: 2rem 0;

 
 }
 .content_A .content .section2 .emphasis::after {
   content: '';
    background-image: url("../img/sub-arrow-down.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5rem;
    position: absolute;
    right: 0;
    height: 1.5rem;
    right: 1.5rem;
    top: 55%;
    transform: translateY(-50%);
 }
 .content_A .content .section2.on .emphasis::after {
   background-image: url("../img/sub-arrow-up.png");
 }
 .content_A .content .section2 .con .img_list {
     display: grid;
     grid-template-columns: repeat(4, 1fr); /* 네 개의 열로 그리드 설정 */
     gap: 0.5rem; 
     justify-items: center; 
 }
 
 .content_A .content .section2 .con .img_list img {
     max-width: 100%; /* 이미지가 컨테이너를 넘어가지 않도록 최대 너비 설정 */
     height: auto; /* 이미지 비율 유지 */
  
 }
 .content_B {
    padding-bottom: 2rem;
 }
 
 .content_B .content .box .sub_title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
 }

.content_B .content .box .section1 img {
    display: flex;
    position: absolute;
    width: 35rem;
    justify-content: right;
    bottom: 0;
    right: 0;
    
 }

.content_B .content .box .link_img {
    width: 100%;
    padding: 2.5rem 2rem;
 }
.content_B .content .section2  {
    padding: 0 2rem;
 
 }
 .content_B .content .section2 .con {
     background-color:#f8f8f8;
     padding: 2rem 1.5rem;
     font-weight: 500;
     line-height: 1.6;
     letter-spacing: -1px;
 
 }
 .content_B .content .section2 .con img{
     width: 100%;
     padding-top: 2rem;
 
 }


 .content_A .content .section2 .emphasis {
    font-size: 1.8rem;
    font-weight: 600;
    color: #716558;
    padding: 2rem 0;
    position: relative;
    border-bottom: 1.5px solid #f4f4f4;
    
 
 }


 
 .content_B .content .box .sub_title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    
 }
 .content_B .content .box .section1 {
    background-color: #f9f3cc;
    padding: 4rem 1.5rem 20rem;
    position: relative;
}
.content_B .content .box .section1 img {
    display: flex;
    position: absolute;
    width: 40rem;
    justify-content: right;
    bottom: 0;
    right: 0;
    
 }
 .content_B .content .box .con {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
    color: #575956;

}
.content_B .content .box .link_img {
    width: 100%;
    padding: 2rem 1.5rem;
 }
.content_B .content .section2  {
    padding: 0 1.5rem;
 
 }
 .content_B .content .section2.on .con {
     background-color:#f8f8f8;
     padding: 2rem 1.5rem;
     font-weight: 500;
     line-height: 1.6;
     letter-spacing: -1px;
     display: block;
 
 }
 .content_B .content .section2 .con {
     padding: 2rem 1.5rem;
     display: none;
 
 }
 .content_B .content .section2 .con img{
     width: 100%;
     padding-top: 2rem;
 
 }
 .content_B .content .section2.on .emphasis {
    font-size: 1.8rem;
    font-weight: 600;
    color: #716558;
    padding: 2rem 0;
    position: relative;
    
 
 }
 .content_B .content .section2 .emphasis {
    padding: 2rem 0;
    position: relative;
    border-bottom: 1.5px solid #f4f4f4;
    
    
 
 }

 .content_B .content .section2 .emphasis::after {
    content: '';
    background-image: url("../img/sub-arrow-down.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5rem;
    position: absolute;
    right: 0;
    height: 1.5rem;
    right: 1.5rem;
    top: 55%;
    transform: translateY(-50%);
 
 }
 .content_B .content .section2.on .emphasis::after {
   background-image: url("../img/sub-arrow-up.png");

  
}