@charset "utf-8";

/* ==========================================================================
   demo_responsive.css
   - Add AFTER demo_layout.css
   - Breakpoints (user):
     * Tablet: 1024px and below
     * Mobile: 640px and below
   - Goal: make the existing fixed 1380px layout fluid + natural in-between.
   ========================================================================== */

/* ---------- Base: make main containers fluid (desktop included) ---------- */
:root{
  --container-max: 1380px;
  --container-pad: clamp(16px, 4vw, 48px);
  --radius-lg: 30px;
}

/* Common “fixed 1380” wrappers */
.data_area,
.contents_two,
.demo_title,
.service-slider,
#Section8 > .flex_row_two,
.ss_13_tap,
#Section13 .slide_wrap,
.img_track,
#Section10 > .card,
.content_contain2,
.form-grid.n_l,
.consult-form.n_l > .form-grid.n_l{
  width: min(var(--container-max), calc(100vw - (var(--container-pad) * 2)));
}

.data_area,
.demo_title{
  margin-left: auto;
  margin-right: auto;
}

/* Keep background sections full-bleed while inner content is padded */
/* #SampleNav{ padding-left: var(--container-pad); padding-right: var(--container-pad); } */
.news_area{ padding-left: var(--container-pad); padding-right: var(--container-pad); }

/* News list: avoid overflow on smaller desktops */
.news_area > .news_list{
  width: min(var(--container-max), 100%);
  padding-left: clamp(16px, 2.5vw, 40px);
  padding-right: clamp(16px, 2.5vw, 20px);
}

/* Section2 two columns wrapper: fluid */
.contents_two{
  gap: clamp(16px, 2.2vw, 24px);
}

/* Section11 video container: fluid */
.content_contain2{
  width: min(var(--container-max), calc(100vw - (var(--container-pad) * 2)));
  height: auto;
  aspect-ratio: 1380 / 410;
}
.video_content2{ height: 100%; }

@media (max-width: 1600px){
  #Section1 .content_contain {margin:0;}
  #Section1 .news_area {margin:0;}
  .news_area > .news_list > .news_title > p {font-size: clamp(16px, 2.2vw, 28px);}
  .news_area > .news_list > .radius {padding:12px 26px;}
  .data_area {padding:0;}

  .data_area > .title {padding:0;}
  .column_box > p {margin: 0 0 50px;}

  .column_box > .box {height:auto; aspect-ratio: 1 / 0.7;}
  .column_box > .box > .con_img {width:50%;}
  .column_box > .box > .text_box > h3 {font-size: clamp(20px , 2.3vw , 35px);}
  .column_box > .box > .text_box > p {font-size: clamp(16px , 1.9vw , 25px);}

  #Section5 {background:#fff;}
    .prev{
    left:10px;   /* 슬라이더 안쪽 */
  }
  .next{
    right:10px;  /* 슬라이더 안쪽 */
  }

  .nav-btn {top:60%;}

  #Section6 {background:#fff;}
  .data_area > .flx_row_wrap {padding:0;}

  #Section7 > .demo_title > h3 {width: min(var(--container-max), calc(100vw - (var(--container-pad) * 2)));}
  #Section6 > .data_area > .flx_row_wrap > .data_rwap > h3 {font-size: 33px;}
}

@media (max-width: 1567px){
  .timeline-pin > .demo_title {left:5.5556%;}
}

@media (max-width: 1280px){
  #Section6 > .data_area > .flx_row_wrap > .data_rwap {width: 48%;}
}

/* ---------- Tablet (<= 1024px) ---------- */
@media (max-width: 1024px){
  #Section10 > .card {overflow: visible; display:flex; flex-direction: column; gap:8px;}
  #Section10 > .card > .adx {display:none;}
  #Section10 > .card > .chips {display:none;}
  #Section10 > .card > .chips_ver2 {display:flex; gap:8px; flex: 0 1 auto; width:max-content;}
  #Section10 > .card > .chips_ver2 > .chip {font-size: clamp(14px, 2vw, 18px); background:#fff; border-radius:20px; padding:6px 12px; display:flex; align-items: center; height:35px;}
  #Section10 > .card > .chips_ver2 > .chip > img {width:23px; height:23px; margin:0 4px 0 0;}
  #Section10 > .card > .chips_ver2 > .chip.icon {width:35px; height:35px; padding:0 0; position:relative; overflow: hidden;}
  #Section10 > .card > .chips_ver2 > .chip.icon > img {width:28px; height:28px; position:absolute; top:0; left:50%; transform: translate(-50%, 0%); margin:0;}
  #Section10 > .card > .chips_ver2 > .none_fill {display:flex; align-items: center; color:#fff;}
  .badge-left {display:none;}

  /* Section2: stack columns */
  #Section2{ padding: 56px 0 220px;}
  .contents_two{ flex-direction: column; }
  .column_box{ width: 100%; }
  .column_box > p{
    font-size: clamp(18px, 2.4vw, 24px);
    margin: 0 0 28px;
    height: auto;
    line-height: 1.35;
    padding: 14px 20px;
  }
  .column_box > .box{
    height: auto;
    min-height: 420px;
    padding: clamp(18px, 3.2vw, 40px);
    aspect-ratio: auto;
  }
  .column_box > .box > .con_img{
    width: min(360px, 48vw);
    height: auto;
    right: 0;
  }
  .column_box > .box > .text_box > h3{
    font-size: clamp(16px, 3vw, 30px);
    margin: 0 0 18px;
  }
  .column_box > .box > .text_box > p{
    font-size: clamp(11px, 2.2vw, 20px);
    line-height: 1.45;
  }

  /* Section6 data cards: wrap nicely */
  #Section6 > .data_area > .flx_row_wrap{
    flex-wrap: wrap;
    gap: 14px;
  }
  #Section6 > .data_area > .flx_row_wrap > .data_rwap{
    width: calc(50% - 7px);
    min-width: 0;
    height: auto;
    padding: 28px 22px;
    border-radius: 26px;
  }
  #Section6 > .data_area > .flx_row_wrap > .data_rwap > h3{
    font-size: clamp(22px, 3vw, 34px);
  }
  #Section6 > .data_area > .flx_row_wrap > .data_rwap p{
    font-size: clamp(14px, 2vw, 18px);
  }

  /* Section8: stack on tablet to avoid cramped text */
  #Section8 > .flex_row_two{
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    padding-bottom: 60px;
  }
  #Section8 > .flex_row_two > img{
    width: min(520px, 100%);
    max-width: 100%;
  }
  .column_obj > .obj_row{
    gap: 18px;
  }
  .column_obj > p{
    font-size: clamp(16px, 2.2vw, 22px);
    margin: 40px 0 0;
  }

  /* Section10 chips: let them wrap more naturally */
  #Section10 > .card{ padding: 56px var(--container-pad); }
  #Section10 > .card > .chips > .chip{ font-size: clamp(14px, 2vw, 18px); }
  #Section10 > .card > .chips > .none_fill{ font-size: clamp(14px, 2vw, 18px); }
  #Section10 > .card > .chips > .none_fill > b{ font-size: clamp(22px, 3vw, 32px); }
  #Section10 > .card > .chips .mg_left{ margin-left: 0; }

  /* Headings: avoid huge jumps */
  .demo_title > h3{ font-size: clamp(24px, 3.2vw, 34px); }
  .demo_title > p{ font-size: clamp(12px, 2.4vw, 20px); }

  /* News: reduce type + allow wrapping */
  .news_area{ padding-top: 90px; padding-bottom: 110px; }
  .news_area > .news_list{ font-size: clamp(18px, 2.6vw, 26px); }
  .news_area > .news_list > .news_title{ gap: 18px; flex-wrap: wrap; }
  .news_area > .news_list > .news_title > p{ font-size: clamp(14px, 2.2vw, 20px); }
  .news_area > .news_list > .radius{ font-size: 14px; padding: 10px 18px; }
}

@media (max-width: 860px){
  .details_wrap > .mocon {display:block;}
  .details_wrap > .pccon {display:none;}
  .details_wrap > .gt_btn {text-align: center;font-weight:600; font-size:clamp(24px, 4.3vw, 58px); background:#0084ff; color:#fff; padding:20px 0%; border-radius: 100px; width:88.8888%; margin:0 0 40px;}
}

/* ---------- Mobile (<= 640px) ---------- */
@media (max-width: 640px){

  .data_area,
  .contents_two,
  .demo_title,
  .service-slider,
  #Section8 > .flex_row_two,
  .ss_13_tap,
  #Section13 .slide_wrap,
  .img_track,
  #Section10 > .card,
  .content_contain2,
  .form-grid.n_l,
  .consult-form.n_l > .form-grid.n_l{
   width:auto;
  }

  #Section1 {padding: 0 0 40px;}
  #Section2 {padding: 0 5.5556% 160px;}

  /* 영상 영역 크기 조정 */
  .video_content{
    height: 215px;   /* 지금 스샷 비율 느낌 */
    min-height: 215px;
    margin:58px 0 0;
  }

  .video_content video,
  .video_content img{
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .demo_title > h3 {margin:0 0 6px; color:#003CAA; font-size:clamp(26px, 3.2vw, 34px);}
  .demo_title > p {color:#C2CCDE;}
  .demo_title > p > b {font-weight:400 !important;}
  .data_area > .flx_row_wrap {width:82%;}
  .gradient-text1 {-webkit-text-fill-color:unset; color:unset; font-weight:700;}
  .contents_two > .column_box:nth-child(2) > p {color:#78716c;}
  .gradient-text-purple {-webkit-text-fill-color:unset; color:unset;}
  /* 혹시 중간 검은 영역 생기면 제거 */
  #Section1 > div{
    margin: 0;
  }
  .column_box {display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .column_box > .bann_btn {width:82%; margin:0 auto; min-width:274px; border-radius: 20px; overflow: hidden;}
  .column_box > .bann_btn > img {width:100%; border-radius: 20px; display:block;}

  /* #Section1 .news_area > .news_list > .news_title > span {font-size:12px;}
  #Section1 .news_area > .news_list > .news_title > p {font-size:12px;} */
  /* News: stack row content */
  .news_area {padding-top:30px; padding:30px 9%;}
  .news_area > .news_list{
    flex-direction: row;
    align-items: center;
    gap: 0px;
    padding: 13px 0px;
  }
  .news_area > .news_list:first-child {border-bottom: 1px solid #fff;}
  .news_area > .news_list > .news_title{ gap: 10px;}
  .news_area > .news_list > .radius{ align-self: flex-end; padding:4px 13px; background:#fff; color:#043288; font-size:clamp(10px, 2.15vw, 12px); font-weight:500;}
  .news_area > .news_list > .news_title > span.pccon {display: none;}
  .news_area > .news_list > .news_title > span.mocon {display: block; flex:0 0 auto; color:#fff;}
  .news_area > .news_list > .news_title > p.pccon {display: none;}
  .news_area > .news_list > .news_title > p.mocon {display: block;}
  .news_area > .news_list {font-size: clamp(10px, 2.8vw, 12px);}
  .news_area > .news_list > .news_title {flex-wrap:nowrap}
  .news_area > .news_list > .news_title > p{font-size: clamp(10px, 2.8vw, 12px);}
  
  /* Section2 spacing */
  #Section2 > .data_area {padding:0;}
  #Section2 > .data_area > .title {padding:0; margin:0 0 16px;}

  .column_box > .box > .con_img {width:min(360px, 38vw);}
  .data_area > .title > .pccon {display:none;}
  .data_area > .title > .mocon {display:block; padding: 8px 17px 8px 20px; font-size:clamp(18px, 5vw, 20px); letter-spacing: -0.01rem; border-radius: 10px; border:1.2px solid #D4E3FF; font-weight: 500;}
  .data_area > .title > .mocon > span > b {font-weight:800;}
  #Section2 .data_area > .title > .mocon {display:flex; justify-content: space-between;}
  .column_box .img_gr img {width:120px;}
  .column_box > .box > .img_gr > img {max-width:84px; }
  .column_box > p {background:#fff; color:#78716c; margin:0 auto; width:fit-content; max-width:86%; padding:12px 18px; border-radius:999px; border:1px solid rgba(28,25,23,0.06); box-shadow:0 6px 18px rgba(28,25,23,0.04);}
  .column_box > p > .pccon {display:none;}
  .column_box > p > .mocon {margin:0 8px 0 0; display:inline-block;}
  .column_box > .box {min-height:208px; width:80%; margin:0 auto; border-radius: 10px;}
  .column_box > .box > .text_box > h3 {font-size:clamp(16px, 4.8vw, 24px);}
  .column_box > .box > .text_box > p {font-size:clamp(12px, 3.3vw, 20px);}
   /* Section5 spacing */
   #Section5 {background:#fff; padding:0 5.5556% 120px;}
   .demo_title {padding: 0 0 40px; width:82%}
   .demo_title > .pccon {display:none;}
   .demo_title > .mocon {display:block;}
  
  .service-slider .slide.is-active{
    background:#000;
  }

  .nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border-radius:50%;
  border:none;
  background:#f5f5f5;
  cursor:pointer;
  z-index:20;
  }

  .nav-btn > img {width:100%;}

  /* 왼쪽 */
  .prev{
    left:-32px;
  }

  /* 오른쪽 */
  .next{
    right:-32px;
  }
  

  .service-slider .slide.is-active {box-shadow: 0 0 10px 0 #5994FF;}
  .service-slider .slide.is-active h4 {color:#fff;}
  .service-slider .slide.is-active p {color:#9f9f9f;}
  .service-slider .slide.is-active .quick_btn {filter: brightness(0) invert(1); top:8px; right:8px;}
  /* Section6 cards: one column */
  #Section6 {background:#fff; padding:0 5.5556% 60px;}
  #Section6 > .data_area {padding:0; flex-wrap:wrap;}
  #Section6 > .data_area > .flx_row_wrap {padding:0}
  #Section6 > .data_area > .flx_row_wrap > .data_rwap{
    width: calc(50% - 7px);
    height: 115px;
    border-radius: 10px;
    padding:12px 0px 12px 8px;
    box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.25);
  }
  #Section6 > .data_area > .flx_row_wrap > .data_rwap > p {margin:0px;}
  #Section6 > .data_area > .flx_row_wrap > .data_rwap > .img_wrap {top:12px; right:12px; width:34px;}
  #Section6 > .data_area > .flx_row_wrap > .data_rwap:first-child > .img_wrap {width:34px;}

  /* Section6 cards: one column */
  /* #Section7 {height:160px;} */
  #Section7 {padding:0 5.5556% 0; background: #f6f4f2;}
  #Section7 > .demo_title > h3 {width:82%;}
  #Section7 > .demo_title > h3 img {width:42px;}
  #Section7 > .demo_title {height:auto; margin:0px auto 0; padding:70px 0 0px; background:rgba(0, 0, 0, 0);}
  .column_obj > .title_img {width:80%; margin:0 auto;}
  .column_obj > .title_img > img {width:24%; margin:0 0 8px; display:block;}
  .column_obj > .obj_row > .obj_img_wrap > img {width:100%;}

  #Section8 {padding:40px 5.5556% 0;}
  .column_obj > .mocon {display:block; width:55%; margin:8px auto 0; position:relative;}
  .s8_cir_wrap > .certi {width:40%; max-width:240px; min-width:160px; position:relative; z-index: 2; left:60%; top:0%; transform: translate(-50%, 0%);}
  .s8_cir_wrap > .cir_wrap {left:50%; width:135%; z-index: 3;}
  .s8_cir_wrap > .bg_ellipse {position:absolute; width:115%; left:50%; top:55%; transform: translate(-50%, -50%);}
  #Section8 > .flex_row_two > .pccon {display:none;}
  .column_obj > p {text-align: center; font-size:9px; width:80%; margin:0px auto 0; color:}
  .column_obj > p > span > br {display:none;}
  .column_obj > p > b {font-size:12px; display:block; color:#9a9a9a;}
  .column_obj > p > b > span {font-size:14px;}
  
  .column_obj > .obj_row {width:80%; margin:0 auto; gap:6px;}

  #Section_cv1 {display:none;}
  
  #Section_cv2 { display:none; }
  #Section_cv2 { display:block;}

.tl2{
  position: relative;
  height: 240vh;           /* 스크롤 길이 (조절) */
  background:#000;
  color:#fff;
  overflow:hidden;
}

.tl2__pin{
  position: relative;
  height: 100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
  padding: 56px 22px 24px;

}

.tl2.is-fixed .tl2__pin{
  position: fixed;
  left:0; top:0;
  width:100%;
}

.tl2.is-end .tl2__pin{
  position: absolute;
  left:0; bottom:0;
  width:100%;
}

.tl2__head {transform: translate(2% , 110%);}

.tl2__head h2{
  margin:0 0px 10px -40px;
  font-size: 24px;
  font-weight: 900;
  width:150%;
}
.tl2__head p{
  margin:0 0px 34px -40px;
  color: rgba(255,255,255,.45);
  font-size: 12px;
  line-height: 1.35;
  width:150%;
}

.tl2__stage{
  position: relative;
  width: 80%;
  max-width: 680px;
  height: 560px;
  margin:0 auto;
}

/* canvas */
#tl2Canvas{
  width:100%;
  height:100%;
  display:block;
}

/* labels */
.tl2-label{
  position:absolute;
  transform: translate(0, -50%);
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  pointer-events:none;
}
.tl2-label .y{
  font-size: 12px;
  font-weight: 700;
  color: #9A9A9A;
  margin-bottom: 4px;
}
.tl2-label .t{
  font-size: 12px;
  color: #9A9A9A;
  line-height: 1.2;
}

.tl2-label.is-active .y{ color: rgba(255,255,255,.92); }
.tl2-label.is-active .t{ color: rgba(255,255,255,.92); }
.tl2-label .big{
  font-size: 16px;
  font-weight: 700;
  margin: 0 8px;
  display:inline-block;
  margin:-10px 0 0;
}

/* 라벨이 "활성화"되면 */
.tl2-label.is-on{
  opacity: 1;
  transform: translateY(var(--ty, 0px));
}

  /* Section5 slider: safer on small screens */
  .service-slider {width:80%;}
  .service-slider .slide{ margin-right: 10px;}
  .service-slider .slide{ width: 64px; border-radius: 10px; }
  .service-slider .slide.is-active{ width: 140px; }
  .service-slider .card{ width: 160px; }
  .service-slider .card_inner{ width: 140px; padding: 15px 8px 24px 17px; }
  .slide > a >.card_inner > img {max-height:36px;}
  .slide > a >.card_inner > .quick_btn {max-height:22px;}
  .service-slider .card_inner > h4{font-size:clamp(15px, 4.2vw, 20px); margin: 16px 0 32px; }
  .service-slider .card_inner > p{ font-size: clamp(9px, 2.4vw, 11px); font-weight:500;}
  


  /* Section8 text sizes */
  .column_obj > .obj_row > .obj_img_wrap > .text_wrap > h3{
    font-size: clamp(10px, 3vw, 12px);
    margin: 0 auto 6px;
  }
  .column_obj > .obj_row > .obj_img_wrap > .text_wrap > p{
    font-size: clamp(6px, 2vw, 12px);
  }

  /* Section10 typography */
  #Section10 {padding:60px 5.5556% 160px;}
  #Section10 > .demo_title > h1{
    font-size: 44px;
    width: 82%;
  }
  #Section10 > .demo_title > h3.mocon {
    width: min(var(--container-max), calc(100vw - (var(--container-pad) * 2)));
    width:80%;
    font-weight:500;
  }
  #Section10 > .demo_title > h3.mocon > b {font-size:32px;}
  #Section10 > .demo_title > h4.mocon {color:#fff; width:80%; margin:0 auto; font-size:24px; font-weight:400;}
  #Section10 > .card{ border-radius: 10px; padding:30px 0; overflow: hidden;}
  .badge-left{ display:none; } /* avoid overflow */

  #Section10 > .card {overflow: visible; display:flex; flex-direction: column; gap:8px; overflow: hidden; width:80%; padding:35px 0;}
  #Section10 > .card > .adx {display:none;}
  /* #Section10 > .card > .chips {display:none;} */
  #Section10 > .card > .chips_ver2 {display:flex; gap:4px; flex: 0 1 auto; width:max-content;}
  #Section10 > .card > .chips_ver2 > .chip {color:#222; font-size: clamp(9px, 2.8vw, 18px); background:#fff; border-radius:20px; padding:6px 12px; display:flex; align-items: center; height:22px; font-weight:600;}
  #Section10 > .card > .chips_ver2 > .chip > img {width:10px; height:10px; margin:0 4px 0 0;}
  #Section10 > .card > .chips_ver2 > .chip.icon {width:22px; height:22px; padding:0 0; position:relative; overflow: hidden;}
  #Section10 > .card > .chips_ver2 > .chip.icon > img {width:18px; height:18px; position:absolute; top:0; left:50%; transform: translate(-50%, 0%); margin:0;}
  #Section10 > .card > .chips_ver2 > .none_fill {display:flex; align-items: center; color:#fff; font-size: clamp(9px, 2.8vw, 18px); padding:0}
  #Section10 > .card > .chips_ver2 > .none_fill.c_np {padding:0;}
  #Section10 > .card > .chips_ver2 > .none_fill > b {font-size: clamp(9px, 3.6vw, 18px); font-weight:800;}
  #Section10 > .card > .chips_ver2 > .none_fill > img {height:24px;}
  #Section10 > .card > .chips_ver2 > .none_fill.ss_mall {font-size: clamp(9px, 2.5vw, 18px);} 
  /* Section11 video: keep ratio, reduce radius */
  #Section11 {padding:28px 0;}
  #Section11 > .demo_title {width:88.8888%; padding:0 0 18px; margin-left:auto; margin-right:auto;}
  #Section11 > .demo_title img {height:18px;}
  .demo_title > h3 > .pccon {display:none;}
  .demo_title > h3 > .mocon {display:inline-block;}
  #Section11 > .demo_sec_title > h3 {font-size:clamp(15px, 4.2vw, 20px); font-weight:500; color:#fff; width:88.8888%; padding:18px 0 0; margin:0 auto; line-height:1.45; text-align:left;}
  #Section11 > .demo_sec_title > h3 > b {font-weight: 700;}
  .content_contain2{ border-radius:0; width: 100%; height: auto; aspect-ratio: 16 / 9; margin:0 auto; overflow:hidden;}


  #Section12 {padding: 48px 0 56px;}
  .deck12-pin.is-fixed,
  .deck12-pin.is-end {position: relative !important; height: auto !important; padding: 0 !important;}
  #Section12 .demo_title {padding:0; transform: none; width: 88.8888%; margin-left: auto; margin-right: auto;}
  .deck12-card img {display:none !important;}
  /* horizontal scroll handled in dr-forward.css */
  /* Section13 video: keep ratio, reduce radius */
  #Section13 {padding:0 5.5556% 160px;}
  #Section13 > .demo_title {padding:0}
  .ss_13_tap {
  width:82%;
  padding: 30px 0 24px;
  gap: 4px;
  overflow-x: auto;       /* 가로 스크롤 */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
  }
  .ss_13_tap::-webkit-scrollbar {
  display: none;          /* 스크롤바 숨기기 (선택) */
  }
  .ss_13_tap > .mn_radius_btn {font-size:clamp(12px, 2.8vw, 14px); flex: 0 0 auto; gap:2px; padding:4px 13px; min-height:28px; border:1px solid #a9a9a9;}
  .ss_13_tap > .mn_radius_btn:hover {border:1px solid #fff;}
  .ss_13_tap > .mn_radius_btn.mn_btn_act {border:1px solid #fff;}
  .ss_13_tap > .mn_radius_btn > img {height:12px;}
  .ss_13_tap > .mn_radius_btn:last-child > img {height:12px;}
  .ss_13_tap > .mn_radius_btn .pccon {display:none;}
  .ss_13_tap > .mn_radius_btn .mocon {display:block;}

  /* #Section13 .slide_track {gap:16px;} */
  #Section13 .slide_wrap {width:82%;}
  #Section13 .slide_track {gap:12px;}
  #Section13 .slide_item {width:70%; border-radius:10px; padding:12px;}
  #Section13 .slide_item h3 {font-size:12px; margin:0 0 2px;}
  #Section13 .slide_item > span {font-size:6px; margin:0 0 2px;}
  #Section13 .slide_item p {font-size:6px;}
  .ad_radius_btn {font-size:7px; padding:3px 7px; margin:0px 0 10px;}

  #Section14 {padding:0 5.5556% 160px;}
  .img_track {gap:18px;}
  .pt_line {height:36px;}
  .pt_line > img {height:100%; margin:0 10px;}

  /* Canvas/timeline labels: prevent overflowing off-screen */
  .label{ font-size: 18px; left: 0; }
  .footnote{ width: 210px; max-width: 210px; font-size: 14px; }
  
  .form-grid.n_l, .consult-form.n_l > .form-grid.n_l {width:82%;}
  label {margin-bottom: 7px;}
  .consult-form.n_l > .form-grid.n_l {gap:20px;}
    .consult-form.n_l > .form-grid.n_l > .title > h4 {display:none;}
    .consult-form.n_l > .form-grid.n_l > .title > h3 > span {font-weight:800;}
    .consult-form.n_l > .form-grid.n_l > .title > h3 {font-weight:400;}

}