.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{font-size: 18px; line-height: 1.5; word-break: keep-all;}
h1, h2, h3, h4, h5, h6, li, a{word-break: keep-all;}

.sub_wrap .sub_inner{width: 1100px; max-width: 95%; margin: 0 auto;}

.sub_0101 .top{position: relative;}
.sub_0101 .top img{width: 100%; height: 100vh; object-fit: cover;}
.sub_0101 .top .top_txt{position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sub_0101 .top .top_txt h3{text-align: center; color: #fff; font-size: 56px; line-height: 1.5;}
.sub_0101 .bot{margin-top: 150px;}
.sub_0101 .bot .txt h6{font-size: 20px; color: #4b8cca;}
.sub_0101 .bot .txt h2{font-size: 42px; line-height: 1.3; margin: 20px 0;}
.sub_0101 .bot .img{margin-top: 70px; border-radius: 25px; overflow: hidden;}

/* 한인수 작업중인 부분 시작. 추후 이거 기준으로 다른쪽도 작업 예정*/
.sub_wrap .sub_inner2{position: relative; width: 100%;}
.sub_0101 .bot .img .c_b_img1{width: 300px; border-radius: 25px; overflow: hidden;}
.sub_0101 .bot .img .c_b_img2{width: 100%; height: 100vh; object-fit: cover; background-size: contain;}
/*.sub_0101 .bot .img .c_b_img3{width: 100px; overflow: hidden;}*/
.sub_0101 .bot .txt .c_b_cp1{font-size: 30px; color: #4b8cca; text-align: center;}
.sub_0101 .txt .c_b_cp2{margin-top: 40px; margin-bottom: 100px; font-size: 15px; color: gray; text-align: center;}
.sub_0101 .c_b_cp3{margin-bottom: 30px; font-size: 30px; color: black; text-align: center; font-weight: bold;}
.sub_0101 .c_b_cp4{margin-bottom: 100px; font-size: 15px; color: gray; text-align: center; font-weight: bold;}
.sub_0101 .c_b_cp5{font-size: 15px; color: gray; text-align: center; font-weight: bold;}
.sub_0101 .overlay_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.c_b_highlighted {
    position: relative;
    display: inline; /* 텍스트 길이에 맞게 배경 길이를 조정 */
  }
  
.c_b_highlighted::before {
    content: "";
    position: absolute;
    top: 50%; /* 글씨 절반을 덮도록 설정 */
    left: 0;
    right: 0;
    height: 50%; /* 텍스트의 절반만큼 배경 */
    background-color: #f8e0af; /* 원하는 배경색 설정 */
    z-index: -1; /* 배경이 텍스트 뒤로 가도록 설정 */
  }
  
  .container_left_right {
    width: 90%;
    max-width: 800px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.container_content {
    display: flex;
    margin-bottom: 20px;
}

.container_content_text {
    flex: 1;
    display: flex;
    align-items: center;
}

.container_content_text .content_wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.container_content_photo {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 한인수 작업중인 부분 끝. 추후 이거 기준으로 다른쪽도 작업 예정*/

.sub_0201 ul{display: flex; justify-content: space-between;}
.sub_0201 ul li{width: 17%; background: rgba(243, 247, 250, 0.8); padding: 20px; border-radius: 20px; box-sizing: border-box; text-align: center; cursor: pointer;}
.sub_0201 ul li .blue_icon{display: none;}
.sub_0201 ul li img{width: 100px;}
.sub_0201 ul li p{font-weight: 600; margin-top: 20px; line-height: 1;}
.sub_0201 ul li:hover .blue_icon{display: block;}
.sub_0201 ul li:hover .black_icon{display: none;}
.sub_0201 ul li:hover p{color: #4b8cca;}

.sub_0202 img{border-radius: 20px;}
.sub_0202 h5{font-size: 40px; margin-top: 50px; text-align: center;}

.sub_020101 h3{font-size: 32px; margin-bottom: 50px; text-align: center;}

@media(max-width: 900px){
    .sub_0101 .top .top_txt h3{font-size: 40px;}
    .sub_0101 .bot .txt h2{font-size: 32px;}
    .sub_0201 ul li{padding: 15px 10px; }
    .sub_0201 ul li img{width: 80px;}
    .sub_020101 h3{font-size: 24px;}
    .sub_0202 h5{font-size: 24px;}
}

@media(max-width: 600px){
    .sub_wrap p{font-size: 16px;}
    .sub_0101 .top img{height: 50vh;}
    .sub_0101 .top .top_txt h3{font-size: 22px;}
    .sub_0101 .bot .txt h6{font-size: 16px;}
    .sub_0101 .bot .txt h2{font-size: 22px;}
    .sub_0101 .bot .txt p br{display: none;}
    .sub_0201 ul li{padding: 15px 10px; }
    .sub_0201 ul li img{width: 80px;}
    .sub_020101 h3{font-size: 24px;}
    .sub_0202 h5{font-size: 24px;}

    .sub_0101 .bot{margin-top: 50px;}
    .sub_0101 .bot .img{margin-top: 30px;}

    .sub_0201 ul{flex-wrap: wrap;}
    .sub_0201 ul li:nth-child(-n+4){margin-bottom: 15px;}
    .sub_0201 ul li{width: 48%; padding: 20px;}

    .sub_020101 h3{font-size: 18px; margin-bottom: 30px;}
}