@charset "utf-8";

/* s_visual */
.s_visual{height: 360px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.s_visual .sv_tit{}
.s_visual .sv_tit h2{font-size: 48px; color:#000;}
.s_visual .depth{display: flex; align-items: center; gap:12px; opacity: 0.7;font-size: 18px; font-weight: 700; color:#000; margin-top: 30px;}
.s_visual .depth .home{}
.s_visual .depth > span{font-family: 'SUIT', sans-serif;}
.s_visual .depth .depth1, .s_visual .depth .depth2{}
.s_visual .depth .depth1 span, .s_visual .depth .depth2 span{}





/* Sub-Menu */
.sub_menu_wrap {position: absolute; top: -9999px; left: -9999px; opacity: 0; width: 0; height: 0; z-index: -9999;}


#subTitle { text-align: center; color:#000000; font-size: 4.2rem; font-weight: 700; line-height: 1.2em;
                padding: 2.5em 0 0; }
#pageCont { padding-bottom: 160px;}

@media all and (max-width:1280px) {
  #subTitle { padding-top: 2em; }
  #pageCont {padding-bottom: 120px; }
  .s_visual{height: 320px;}
  .s_visual .sv_tit h2{font-size: 44px;}
  .s_visual .depth{font-size: 17px; margin-top: 24px;}
}

@media all and (max-width:1024px) {
   #pageCont { padding-bottom: 110px;}
   .s_visual{height: 280px;}
   .s_visual .sv_tit h2{font-size: 40px;}
   .s_visual .depth{font-size: 16px; margin-top: 20px;}
}

@media all and (max-width:768px) {
  #pageCont{padding-bottom: 100px;}
  .s_visual{height: 240px;}
  .s_visual .sv_tit h2{font-size: 34px;}
  .s_visual .depth{font-size: 15px; gap: 10px; margin-top: 16px;}
}

@media all and (max-width:500px) {
  #pageCont {padding-bottom: 80px;}
  .s_visual{height: 200px;}
  .s_visual .sv_tit h2{font-size: 30px;}
}