
  /* full4block_wrap 내 스타일 */
  .service__09 .full4block_wrap {position:relative; width:100%; height:100vh; max-height:900px; min-height:600px; margin:0 auto;  }
  .service__09 .blockBg_wrap::after{position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.3); content:""; }
  .service__09 .blockBg,
  .service__09 .blockTxt {position:absolute; top:0; left:0; width:100%; height:100%; }

  /* 백그라운드 이미지 */
  .service__09 .blockBg {
    width:100%; height:100%;  background-repeat:no-repeat; background-position:center center; background-size: cover; opacity:0; transition-duration: 600ms; }
  
  .service__09 .blockBg.on {opacity:1; }


  /* 텍스트 부분 */
  .service__09 .blockTxt {display:flex; flex-wrap:wrap;}
  .service__09 .blockTxt a {
    width:25%;position:relative; display: flex; flex-direction: column;text-align: center; color: #fff; border-right:1px solid rgba(255,255,255,.1); }
  .service__09 .blockTxt a:last-child {border:none;}
    /* hover dim */
  .service__09 .blockTxt a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); opacity:0.3; transition:opacity .2s;} 
  
  
  /* text 위치 (선택자 간소화) */
  .service__09 .txtWrap { width: 100%; position: absolute; top: 50%; transform: translateY(-30%); padding:0 20px; z-index:2; }
  
      /* 타이틀 아래 선 (선택자 간소화) */
      .service__09 .top_txt .title {position:relative; } 
      .service__09 .top_txt .title:after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate( 45deg ); width:2px; height:30px; background-color:#fff; transition: transform .5s; } 

      /* Content opacity (선택자 간소화) */
      .service__09 .txtWrap .content {opacity:0; }

      /* Hover 효과도 간소화된 선택자로 변경 */
      .service__09 .blockTxt a:hover .txtWrap { transform: translateY(-50%);}
      /* subtitle 클래스가 유틸리티와 함께 쓰이므로 hover 시 font-weight 덮어쓰기 */
      .service__09 .blockTxt a:hover .top_txt .subtitle { color:#4fa4f8; font-weight:500;} 
      .service__09  .blockTxt a:hover .txtWrap .content {opacity:1;}
      .service__09 .blockTxt a:hover .top_txt .title:after { transform: translateX(-50%) rotate( 0deg ); }


  @media screen and (max-width:768px) {
    .service__09 .blockTxt a {width:50%; }
    .service__09 .top_txt .title:after { height:25px;} 
  }
  @media screen and (max-width:560px) {
    .service__09 .full4block_wrap { height:100%; max-height:inherit; min-height:inherit; margin:0 auto; padding:20px 0;}
    .service__09 .blockTxt {position: relative;}
    .service__09  .blockTxt a {width:100%; padding:50px 0; border-bottom:1px dashed rgba(255,255,255,.2); border-right:0 none; }
    .service__09 .txtWrap {position:relative; top: inherit; transform: inherit;} 
    .service__09 .txtWrap .content {opacity:1;} 
    .service__09 .top_txt .title:after { height:20px;} 
    .service__09 .blockTxt a:hover .txtWrap { transform: none; }
    .service__09 .blockTxt a:hover .top_txt {margin-top:0;}
  }

  @media (hover : hover) {
    .service__09 .blockTxt a:hover:before{opacity:1;}
  }