/* =========================================================
   &#128293; 서브페이지 전체 구조 (민트 + 카드형)
========================================================= */




/* 전체 배경 */
#sub_contents{
  width:100%;


}




/* 상단 이미지 */
#subtop_img img{
  width:100%;
  display:block;
}




/* 메인 래퍼 */
#main_wrap{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  gap:20px;
  align-items:flex-start;
  background:#66cccc;
}




/* =========================================================
   좌측 메뉴
========================================================= */
#side_contents{
  width:260px;
  flex-shrink:0;


}




/* 타이틀 */
#side_contents_title h3{
  height:70px;
  line-height:70px;
  text-align:center;
  background:rgba(0,0,0,0.2);
  color:#fff;
  font-size:18px;
  font-weight:700;
}




/* 메뉴 */
#main_lnb{
  margin-top:10px;
}




#main_lnb ul li a{
  display:block;
  padding:12px 15px;
  border-bottom:1px solid rgba(255,255,255,0.3);
  color:#fff;
  font-weight:600;
}




#main_lnb ul li a:hover{
  background:rgba(255,255,255,0.1);
}




/* 상담 박스 */
#left_side_banner{
  margin-top:20px;
}




#side_banner{
  background:rgba(255,255,255,0.15);
  color:#fff;
  padding:20px 10px;
  text-align:center;
  border-radius:8px;
}




.banner_telno{
  font-size:22px;
  font-weight:900;
  margin:8px 0;
}




/* =========================================================
   우측 컨텐츠 (카드)
========================================================= */
#contents_wrap{
  flex:1;
  background:#fff;
  padding:20px;
  border-radius:0;
}




/* =========================================================
   &#128293; 전화 배너
========================================================= */
#subtop_banner{
  margin-bottom:15px;
}




.banner_box{
  background:#ff4d6d;   /* 바깥 핑크레드 */
  padding:10px;
  border-radius:10px;
}




.banner_inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
border:1px solid #333;




  background:#ffd6dc;   /* 안쪽 핑크 */
  padding:12px 15px;
  border-radius:8px;
}




.banner_text{
  font-size:25px;
  font-weight:800;
  color:#000;
}




.banner_tel{
  font-size:35px;
  font-weight:900;
  color:#e60023;
}




/* =========================================================
   위치 표시
========================================================= */
.con_nav{
  background:#fff;
  border-bottom:1px solid #ddd;
  margin-bottom:15px;
}




.con_nav ul{
  display:flex;
}




.connav_1{
  flex:1;
  padding:10px 15px;
  font-weight:600;
}




.connav_2{
  padding:10px 15px;
  color:#888;
}




/* 이미지 */
.contents_img img{
  width:100%;
  display:block;
  margin-bottom:15px;
  border-radius:8px;
}






  #sub_gnb{
    display:none;
  }




.contents_board img{
    width:auto !important;
    max-width:none !important;


}


.contents_board{
    width:100%;
}


/* 게시판 버튼 복구 */


.bbsnewf5{
white-space:nowrap;
}


.bbsnewf5 a{
display:inline-block !important;
}


.bbsnewf5 img{
display:inline !important;
width:auto !important;
max-width:none !important;
vertical-align:middle !important;
margin:0 !important;
}


/* 게시판 우측 버튼 가로 정렬 */
td[style*="text-align:right"] a{
display:inline !important;
}


td[style*="text-align:right"] img{
display:inline !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
vertical-align:middle !important;
}


td[style*="text-align:right"]{
white-space:nowrap !important;
}
/* =========================================================
   &#128293; 서브페이지 모바일 최적화
   ========================================================= */
@media (max-width:768px){




  #main_wrap{
    flex-direction:column;
    margin:20px auto;
    padding:0 12px;
    gap:20px;
  }



/* =========================================================
   모바일
========================================================= */
@media (max-width:768px){




  #main_wrap{
    flex-direction:column;
    padding:0;
    gap:15px;
  }




  #side_contents{
    display:none;
  }




  #contents_wrap{
    width:100%;
    padding:15px;
    border-radius:0;
  }




  /* &#128293; 모바일 상단 탭 */
  #sub_gnb{
    display:block;
    margin-bottom:10px;
  }




  #sub_gnb ul{
    display:flex;
    background:#66cccc;
  }




  #sub_gnb ul li{
    flex:1;
    text-align:center;
    border-right:1px solid rgba(255,255,255,0.3);
  }




  #sub_gnb ul li:last-child{
    border-right:none;
  }




  #sub_gnb ul li a{
    display:block;
    padding:10px 5px;
    font-size:13px;
    color:#fff;
    font-weight:700;
  }




  #sub_gnb ul li.active{
    background:#4e7f9a;
  }




  /* &#128293; 배너 */
  .banner_inner{
    gap:8px;
    padding:10px;




  }




  .banner_text{
    font-size:18px;
    white-space:nowrap;
  }




  .banner_tel{
    font-size:25px;
  }




  .con_nav{
    display:none;
  }




}