#wrap .section_A, .section_B, .section_C, .section_D, .section_E, .section_F {
    padding: 1.5rem 1.5rem 3rem;
}
#wrap .section_A .sub_title{
    font-size: 23px;
    font-weight: 600;
    color: #f58c0c;
}
#wrap .section_A .con{
    font-size: 18px;
    line-height: 1.5;
    margin: 1.5rem 0 1.8rem;
}
#wrap .section_A .img_wrap {
    display: flex; 
    flex-wrap: wrap; 
  }
  
  #wrap .section_A .img_wrap img {
    width: calc(33.333% - 10px); 
    margin: 5px; 
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  }
#wrap .section_B .sub_title{
    font-size: 23px;
    font-weight: 600;
}
#wrap .section_B .box{
    padding: 1.5rem;
    border: 2px solid #f3bc81;
    border-radius: 15px;
    margin-top: 20px;
}
#wrap .section_B .box.on { 
    background-color: #fffcf8;
}

#wrap .section_B .box .bold{ 
    font-size: 18px;
    font-weight: 700;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.3;
    padding-right: 3rem;

}
#wrap .section_B .box.on .bold{ 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 2px solid #f3bc81;
    padding-bottom:15px;
}


#wrap .section_B .box .bold::after{ 
    content: '';
    background-image: url('../img/sub-down.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 1rem;
    top:70%;
    transform: translateY(-50%);


}
#wrap .section_B .box.on .bold::after{ 
    background-image: url('../img/sub-up.png');
    top:35%;

}
#wrap .section_B .box .bold img{ 
    width: 30px;
    margin-right: 10px;
}

#wrap .section_B .box.on .con { 
    font-size: 18px;
    display: block;
    padding-top: 15px;
}
#wrap .section_B .box .con { 
    display: none;
    line-height: 1.5;
}
#wrap .section_B .box .con .point2{ 
    font-size: 18px;
    font-weight: 800;
    color: #f69219;
}
#wrap .section_C{
    padding: 1.5rem 0;
}
#wrap .section_C .sub_wrap {
    display: flex;
    justify-content: left;
    gap: 0.7rem;
    align-items: center;
    width: 100%;
    padding: 1.5rem;
    overflow-x: scroll; /* 수평 스크롤바 자동 표시 */
}

#wrap .section_C .sub_wrap::-webkit-scrollbar { /* WebKit 기반 브라우저의 스크롤바 숨김 */
    display: none;
}
#wrap .section_C  .sub_wrap {
    overflow: hidden;
}

#wrap .section_C  .sub_wrap .swiper-wrapper {
    display: flex;
}

#wrap .section_C  .sub_wrap .swiper-slide {
    flex-shrink: 0;
}

.sub_wrap .sub_title {
    padding: 1rem 1.5rem;
    background-color: #f6f1e9;
    display: inline-block;
    border-radius: 2.5rem;
    color: #cfb9a3;
    font-size: 18px;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
    cursor: pointer;
}

#wrap .section_C .sub_title {
    padding: 1rem 1.5rem;
    background-color: #ecf2ff;
    display: inline-block;
    border-radius: 2.5rem;
    color: #cbcbe9;
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}


#wrap .section_C .sub_title {
    padding: 1rem 1.5rem;
    background-color: #f6f1e9;
    display: inline-block;
    border-radius: 2.5rem;
    color: #cbcbe9;
    font-size: 18px;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
    color: #cfb9a3;
}

#wrap .section_C .box {
    display: none; 
    padding: 1.5rem;
    
}
#wrap .section_C .box.active {
    display: block; 
}
#wrap .section_C .sub_title.active {
    background: linear-gradient(to right, #d95439, #ffb058);
    color: #fff;
}
#wrap .section_C .section4 {
    display: flex;
    width: 100%;
	margin-bottom: 20px;
    background-color: #f6f1e9;
    align-items: center;
    padding: 1.5rem 0 3rem;
}
#wrap .section_C .section4 .right {
    text-align: right;
    width: 65%;
    
}
#wrap .section_C .section4 .right img{
   width: 350px;
}
#wrap .section_C .section4 .left {
    width:35%;
    padding: 1.5rem;
}

#wrap .section_C .section4 .left .p1{
   font-size: 23px;
   white-space: nowrap;
   font-weight: 600;
   color: #f6951d;
}
#wrap .section_C .section4 .left .p2{
   font-size:18px;
   line-height: 1.5;
   white-space: nowrap;
   margin:1rem 0;
}
#wrap .section_C .box .sub_title1{
   font-size:20px;
   font-weight: 700;
   color: #c33325;
}
#wrap .section_C .box .con .point3{
   font-size:18px;
   font-weight: 700;
   color: #e36445;

}
#wrap .section_C .box .con{
   font-size:18px;
   line-height: 1.5;
   margin-top: 1rem;
}
#wrap .section_D .banner, .section_E .banner{
   text-align: center;
}
#wrap .section_D .banner p, .section_E .banner p{
   font-size: 20px;
   font-weight: 800;
}
#wrap .section_D .banner img, .section_E .banner img{
   width: 210px;
   margin: 2.5rem 0;
}
#wrap .section_D .box{
   padding: 1.5rem;
   background-color: #f6f1e9;
   border-radius: 1rem;
   margin-top: 1rem;
}
#wrap .section_D .box .bold, .section_E .box .bold{
   font-size: 20px;
   font-weight: 800;
   color: #c63e30;
}
#wrap .section_D .box .con, .section_E .box .con{
   font-size: 18px;
   line-height: 1.5;
   margin-top: 1.5rem;
}
#wrap .section_E .box{
    padding: 1.5rem;
    background-color: #eeeeee;
    border-radius: 1rem;
    margin-top: 1rem;
 }
 @media screen and (max-width: 900px) {
    #wrap .section_D .box .bold, .section_E .box .bold {
        font-size: 18px;
        line-height: 1.3;
    }
    #wrap .section_D .box .con, .section_E .box .con {
        font-size: 16px;
    }
    #wrap .section_C .section4  {
        padding: 15px 0 80px;
        position: relative; 
    }
    #wrap .section_C .section4 .left .p1 {
        font-size: 16px;
    }
    #wrap .section_C .section4 .left .p2{
        font-size:14px;
     }
    #wrap .section_C .section4 .left a{
        font-size: 14px;
    }
    #wrap .section_C .section4 .right {
        display: flex;
        position: absolute; 
        bottom: 1rem; 
        right: 0; 
        justify-content: flex-end
    }
    #wrap .section_C .section4 .right img {
        width: 200px;
    }
    #wrap .section_C .sub_title {
        font-size: 16px;
    }
    
    #wrap .section_C .box .con {
        font-size: 16px;
    }
    #wrap .section_B .sub_title {
        font-size: 18px;
    }
    #wrap .section_B .box .bold {
        font-size: 16px;
    }
    #wrap .section_B .box.on .con {
        font-size: 16px;
    }
    #wrap .section_B .box .con .point2 {
        font-size: 16px;
    }
    #wrap .section_A .sub_title {
        font-size: 18px;
    }
    #wrap .section_A .con {
        font-size: 16px;
    }
    #wrap .section_A .img_wrap {
        display: flex; 
        flex-wrap: wrap; 
        justify-content: space-between; /* 이미지를 한 줄에 두 개씩 배치 */
    }
    
    #wrap .section_A .img_wrap img {
        width: calc(50% - 10px); /* 이미지의 너비를 50%로 설정하여 한 줄에 두 개씩 배치 */
        margin: 5px; 
        border-radius: 1rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }
    
 }