@charset "UTF-8";
@layer Reset, Align, Base, Header, Button, Footer, Space, Typography, Variable, Card, Gnb, Input, List, Modal, Pagination, Table, Layout, Tab, Banner, Filter, Font, Form, Breadcrumbs, Failed;
@layer Space {
  .pl0 {
    padding-left: 0 !important;
  }
  .pl10 {
    padding-left: 1rem;
  }
  .pl16 {
    padding-left: 1.6rem;
  }
  .pl18 {
    padding-left: 1.8rem;
  }
  .pl20 {
    padding-left: 2rem;
  }
  .pl44 {
    padding-left: 4.4rem;
  }
  .pr24 {
    padding-right: 2.4rem;
  }
  .pt8 {
    padding-top: 0.8rem;
  }
  .pt10 {
    padding-top: 1rem;
  }
  .pt12 {
    padding-top: 1.2rem;
  }
  .pt14 {
    padding-top: 1.4rem;
  }
  .pt16 {
    padding-top: 1.6rem;
  }
  .pt20 {
    padding-top: 2rem;
  }
  .pt24 {
    padding-top: 2.4rem;
  }
  .pt30 {
    padding-top: 3rem;
  }
  .pt35 {
    padding-top: 3.5rem;
  }
  .pt40 {
    padding-top: 4rem;
  }
  .pt42 {
    padding-top: 4.2rem;
  }
  .pt50 {
    padding-top: 5rem;
  }
  .pt52 {
    padding-top: 5.2rem;
  }
  .pt80 {
    padding-top: 8rem;
  }
  .pt60 {
    padding-top: 6rem;
  }
  .pt90 {
    padding-top: 9rem;
  }
  .pt100 {
    padding-top: 10rem;
  }
  .pt120 {
    padding-top: 12rem;
  }
  .pt130 {
    padding-top: 13rem;
  }
  .pt140 {
    padding-top: 14rem;
  }
  .pt160 {
    padding-top: 16rem;
  }
  .pb10 {
    padding-bottom: 1rem;
  }
  .pb12 {
    padding-bottom: 1.2rem;
  }
  .pb16 {
    padding-bottom: 1.6rem;
  }
  .pb17 {
    padding-bottom: 1.7rem;
  }
  .pb18 {
    padding-bottom: 1.8rem;
  }
  .pb20 {
    padding-bottom: 2rem;
  }
  .pb22 {
    padding-bottom: 2.2rem;
  }
  .pb24 {
    padding-bottom: 2.4rem;
  }
  .pb30 {
    padding-bottom: 3rem;
  }
  .pb36 {
    padding-bottom: 3.6rem;
  }
  .pb40 {
    padding-bottom: 4rem;
  }
  .pb42 {
    padding-bottom: 4.2rem;
  }
  .pb43 {
    padding-bottom: 4.3rem;
  }
  .pb45 {
    padding-bottom: 4.5rem;
  }
  .pb46 {
    padding-bottom: 4.6rem;
  }
  .pb50 {
    padding-bottom: 5rem;
  }
  .pb60 {
    padding-bottom: 6rem;
  }
  .pb62 {
    padding-bottom: 6.2rem;
  }
  .pb68 {
    padding-bottom: 6.8rem;
  }
  .pb70 {
    padding-bottom: 7rem;
  }
  .pb80 {
    padding-bottom: 8rem;
  }
  .pb100 {
    padding-bottom: 10rem;
  }
  .pb120 {
    padding-bottom: 12rem;
  }
  .pb130 {
    padding-bottom: 13rem;
  }
  .px5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px10 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px16 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .px20 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px24 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
  .px30 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .px60 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py16 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .py20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py24 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .py30 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py40 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .ml4 {
    margin-left: 0.4rem;
  }
  .ml8 {
    margin-left: 0.8rem;
  }
  .ml10 {
    margin-left: 1rem;
  }
  .ml12 {
    margin-left: 1.2rem;
  }
  .ml14 {
    margin-left: 1.4rem;
  }
  .ml16 {
    margin-left: 1.6rem;
  }
  .ml20 {
    margin-left: 2rem;
  }
  .ml50 {
    margin-left: 5rem;
  }
  .mr8 {
    margin-right: 0.8rem;
  }
  .mr12 {
    margin-right: 1.2rem;
  }
  .mr14 {
    margin-right: 1.4rem;
  }
  .mr20 {
    margin-right: 2rem;
  }
  .mr28 {
    margin-right: 2.8rem;
  }
  .mt10 {
    margin-top: 1rem;
  }
  .mt12 {
    margin-top: 1.2rem;
  }
  .mt16 {
    margin-top: 1.6rem;
  }
  .mt20 {
    margin-top: 2rem;
  }
  .mt22 {
    margin-top: 2.2rem;
  }
  .mt24 {
    margin-top: 2.4rem;
  }
  .mt25 {
    margin-top: 2.5rem;
  }
  .mt27 {
    margin-top: 2.7rem;
  }
  .mt28 {
    margin-top: 2.8rem;
  }
  .mt30 {
    margin-top: 3rem;
  }
  .mt32 {
    margin-top: 3.2rem;
  }
  .mt40 {
    margin-top: 4rem;
  }
  .mt48 {
    margin-top: 4.8rem;
  }
  .mt50 {
    margin-top: 5rem;
  }
  .mt52 {
    margin-top: 5.2rem;
  }
  .mt60 {
    margin-top: 6rem;
  }
  .mt62 {
    margin-top: 6.2rem;
  }
  .mt80 {
    margin-top: 8rem;
  }
  .mt90 {
    margin-top: 9rem;
  }
  .mt100 {
    margin-top: 10rem;
  }
  .mt120 {
    margin-top: 12rem;
  }
  .mt200 {
    margin-top: 20rem;
  }
  .mb6 {
    margin-bottom: 0.6rem;
  }
  .mb8 {
    margin-bottom: 0.8rem;
  }
  .mb12 {
    margin-bottom: 1.2rem;
  }
  .mb16 {
    margin-bottom: 1.6rem;
  }
  .mb20 {
    margin-bottom: 2rem;
  }
  .mb24 {
    margin-bottom: 2.4rem;
  }
  .mb25 {
    margin-bottom: 2.5rem;
  }
  .mb30 {
    margin-bottom: 3rem;
  }
  .mb40 {
    margin-bottom: 4rem;
  }
  .mb43 {
    margin-bottom: 4.3rem;
  }
  .mb50 {
    margin-bottom: 5rem;
  }
  .mb60 {
    margin-bottom: 6rem;
  }
  .mb90 {
    margin-bottom: 9rem;
  }
  .mb100 {
    margin-bottom: 10rem;
  }
  .mb120 {
    margin-bottom: 12rem;
  }
  .mb200 {
    margin-bottom: 20rem;
  }
}
@layer Typography {
  .text.fz15 {
    font-size: 1.5rem;
  }
  .text.fz16 {
    font-size: 1.6rem;
  }
  .text.fz17 {
    font-size: 1.7rem;
  }
  .text.fz18 {
    font-size: 1.6rem;
  }
  .text.fz20 {
    font-size: 2rem;
  }
  .text.fz22 {
    font-size: 2.2rem;
  }
  .text.fz24 {
    font-size: 2.4rem;
  }
  .text.fz38 {
    font-size: 3.8rem;
  }
  .text.fz60 {
    font-size: 6rem;
  }
  .text.fz70 {
    font-size: 7rem;
  }
  .text.black00 {
    color: var(--black00);
  }
  .text.black41 {
    color: var(--black41);
  }
  .text.gray41 {
    color: var(--gray41);
  }
  .text.gray5d {
    color: var(--gray5d);
  }
  .text.gray85 {
    color: var(--gray85);
  }
  .text.black33 {
    color: var(--black33);
  }
  .text.navy26 {
    color: var(--navy26);
  }
  .text.redf0 {
    color: var(--redf0);
  }
  .text.white {
    color: var(--white);
  }
  .text.fw200 {
    font-weight: 200;
  }
  .text.fw400 {
    font-weight: 400;
  }
  .text.fw500 {
    font-weight: 500;
  }
  .text.fw600 {
    font-weight: 600;
  }
  .text.fw700 {
    font-weight: 700;
  }
  .text.lh160 {
    line-height: 160%;
  }
  .text.lh180 {
    line-height: 180%;
  }
  .text.uppercase {
    text-transform: uppercase;
  }
  .text.lemon {
    font-family: "LEMON MILK";
  }
  .gradient-blue {
    background: linear-gradient(90deg, #263FA9 0.07%, #265CC9 50.01%, #10AEFC 99.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .label {
    display: block;
  }
  .label-type1 {
    color: var(--navy26);
    font-size: 1.3rem;
    font-weight: 600;
    padding: .8rem 1rem;
    border-radius: 2px;
    background: var(--bluee4);
  }
  .label-type2 {
    display: inline-flex;
    align-items: center;
    height: 5rem;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 600;
    padding: 0 2.4rem;
    border-radius: 50px;
    background: transparent;
    border: 2px solid var(--white);
  }
  .label-type2.navy {
    color: var(--navy26);
    border: 2px solid var(--navy26);
  }
  .all-views { 
    bottom: 3rem; 
    right: 0; 
    font-size: 2rem;
  }
  @media screen and (max-width: 1025px) {
    .news-type.fz38 { 
      font-size: 2.8rem;
    }
    .all-views { 
      font-size: 1.6rem;
    }
    .title-customer.fz38 { 
      font-size: 2.8rem;
    }
    .desc-lg.text.fz70 { 
      font-size: 4rem;
    }
  }
}
:root {
  /* Colors */
  --black00: #000000;
  --black1a: #1A1A1A;
  --black0c: #0C0C0C;
  --black26: #262626;
  --black2a: #2a2a2a;
  --black33: #333;
  --black41: #414141;
  --black1e: #1E293B;
  --navy06: #061F78;
  --navy0d: #0D4485;
  --navy1e: #1E3A6C;
  --navy09: #09388B;
  --navy13: #134191;
  --navy26: #263FA9;
  --navy29: #2945AE;
  --navy34: #344EAD;
  --bluea6: #A6B9FF;
  --redf0: #F00;
  --gray44: #444444;
  --gray40: #404446;
  --gray5d: #5D5D5D;
  --gray56: #565656;
  --gray76: #767676;
  --gray78: #787878;
  --gray85: #858585;
  --gray82: #828282;
  --gray84: #848484;
  --gray85: #858585;
  --graya0: #A0A0A0;
  --graya6: #A6A6A6;
  --grayb3: #B3B3B3;
  --graycf: #cfcfcf;
  --grayc9: #C9CCCF;
  --grayd4: #D4D4D4;
  --grayd9: #D9D9D9;
  --bluee4: #E4EBFE;
  --graye4: #E4E4E4;
  --graye1: #E1E1E3;
  --grayed: #EDEDED;
  --grayec: #ECECEC;
  --grayef: #EEEFF1;
  --grayee: #EEE;
  --grayeef: #EEEFF1;
  --graye9: #E9E9E9;
  --grayfa: #FAFCFF;
  --grayf3: #f3f3f3;
  --grayf4: #f4f4f4;
  --grayf5: #F5F9FE;
  --grayf6: #f6f6f6;
  --grayf8: #f8f8f8;
  --grayf8f: #F8F9FB;
  --grayf9: #F9F9F9;
  --grayf69: #F6F9FF;
  --grayfb: #FBFBFB;
  --grayfc: #FCFCFC;
  --white: #ffffff;
  --in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --inout-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --inout-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --inout-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --inout-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --inout-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --inout-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --inout-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --inout-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.relative {
  position: relative;
}

@layer Button {
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .btn.primary {
    border-radius: 6px;
    background: var(--navy26);
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 1.8rem;
  }
  .btn.white {
    background: var(--white);
    color: var(--navy26);
  }
  .btn.md {
    height: 4rem;
  }
  .btn.md2 {
    height: 4.8rem;
  }
  .btn.lg {
    height: 5.6rem;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .btn.line {
    border: 1px solid var(--navy26);
    color: #263FA9;
    border-radius: 6px;
  }
  .btn.line2 {
    border: 1px solid var(--graya6);
    color: var(--black41);
    border-radius: 6px;
  }
  .btn.mw92 {
    min-width: 9.2rem;
  }
  .btn.mw100 {
    min-width: 10rem;
    padding: .8rem 1.6rem;
  }
  .btn.mw400 {
    min-width: 40rem;
  }
  .btn.ico-reset::before {
    display: block;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../images/ico_reset.svg) no-repeat center center;
  }
  .btn.ico-globe {
    display: flex;
    gap: 4px;
  }
  .btn.ico-globe::before {
    display: block;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../images/ico_globe.svg) no-repeat center center;
  }
  .btn-link {
    color: var(--gray85);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: underline;
  }
}
@layer Header {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    background: var(--white);
    width: 100%;
  }
  .header .row1 {
    border-bottom: 1px solid var(--grayf4);
  }
  .header .row1 > div {
    height: 10rem;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .header .row2 {
    border-bottom: 2px solid var(--black1a);
  }
  .header .row2 > div {
    display: flex;
    align-items: center;
    height: 7.6rem;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .header .header-search {
    width: 100%;
    position: fixed;
    top: 17.8rem;
    left: 0;
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    padding: 8rem 2rem;
    background: var(--white);
    transition: all 0.3s;
  }
  .header .header-search__cont {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .header .header-search.active {
    opacity: 1;
    visibility: visible;
  }
  .header .logo {
    width: 20rem;
  }
  .header .logo img {
    display: block;
    width: 100%;
  }
  .header .img-x {
    width: 1.6rem;
    height: 2.4rem;
  }
  .header .img-school {
    display: block;
    max-width: 23.5rem;
  }
  .layer2 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 100;
    transition: all 0.3s;
  }
  .layer2.active {
    opacity: 1;
    visibility: visible;
  }
  .header-menu {
    display: flex;
    gap: 10rem;
    height: 7.6rem;
    align-items: center;
  }
  .header-menu li {
    position: relative;
  }
  .header-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--black1a);
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    height: 7.6rem;
  }
  @media screen and (max-width: 1025px) {
    .header .logo { 
      width: 16.4rem;
    }
    .header-menu {
      gap: 3rem;
    } 
    .header-logo-sub.text.fz24 { 
      font-size: 2rem !important;
    }
  }

  .header-menu li a:hover, .header-menu li a.active {
    color: var(--navy26);
  }
  .header-menu li a.btn-customer {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .header-menu li a.btn-customer img {
    width: 1.8rem;
  }
  .header-menu li .sub-menu {
    display: none;
    width: 110%;
    position: absolute;
    top: 7.6rem;
    left: 50%;
    transform: translateX(-50%);
    background: black;
  }
  .header-menu li .sub-menu li a {
    color: #1a1a1a;
    color: white;
    text-align: center;
    font-size: 1.6rem;
    padding: 10px 0;
    height: 4.3rem;
  }
  .header-menu li .sub-menu li + li {
    border-top: 1px solid #ddd;
  }
}
@layer Input {
  .input-search {
    position: relative;
    display: inline-block;
  }
  .input-search input {
    border-radius: 6px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    padding: 0 5rem 0 1rem;
    height: 5rem;
    width: 34.9rem;
    color: var(--black00);
    font-size: 1.6rem;
  }
  .input-search input::-moz-placeholder {
    color: var(--gray85);
  }
  .input-search input::placeholder {
    color: var(--gray85);
  }
  .input-search button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 3rem;
    height: 3rem;
    background: url(../../images/ico_search.svg) center center/contain;
  }
  .input-type1 {
    width: 100%;
    color: #A0A0A0;
    color: var(--black41);
    font-size: 1.6rem;
    height: 5.6rem;
    border-radius: 6px;
    border: 1px solid var(--graye4);
    padding: 0 1.8rem;
  }
  .input-type1::-moz-placeholder {
    color: #A0A0A0;
  }
  .input-type1::placeholder {
    color: #A0A0A0;
  }
  .select-type1 {
    min-width: 9rem;
    color: var(--black41);
    font-size: 1.6rem;
    font-weight: 600;
    background: url(../../images/ico_down_gray2.svg) no-repeat right 0 top 50%/24px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
    cursor: pointer;
  }
  .select-type1:hover {
    outline: 2px solid #A6B9FF; /* 파란색 아웃라인 */
    border-color: #A6B9FF; /* 테두리 색상 변경 */
  }
  .select-type2 {
    display: block;
    width: 100%;
    max-width: 48rem;
    color: var(--black41);
    font-size: 1.6rem;
    background: url(../../images/ico_down_gray.svg) no-repeat top 50% right 1.8rem;
    padding-right: 4.2rem;
    border: 1px solid var(--graye4);
    height: 5.6rem;
    border-radius: 6px;
    padding: 0 1.8rem;
  }
  .select-type2.w100 {
    max-width: 100%;
  }
  .select-type3 {
    display: block;
    width: 100%;
    max-width: 7.3rem;
    color: var(--black41);
    font-size: 1.3rem;
    font-weight: 600;
    background: url(../../images/ico_down_gray.svg) no-repeat top 50% right 5px;
    border: 1px solid var(--graya6);
    border-radius: 2px;
    padding: .8rem 1rem;
  }
  .textarea-type1 {
    width: 100%;
    color: #A0A0A0;
    color: var(--black41);
    font-size: 1.6rem;
    height: 5.6rem;
    border-radius: 6px;
    border: 1px solid var(--graye4);
    min-height: 20rem;
    padding: 1.8rem;
  }
  @media screen and (max-width: 1025px) {
    .textarea-type1.minh525 {
      min-height: 24rem !important;
    }
  }
  
  .textarea-type1::-moz-placeholder {
    color: #A0A0A0;
  }
  .textarea-type1::placeholder {
    color: #A0A0A0;
  }
  .textarea-type1.minh525 {
    min-height: 52.5rem;
  }
  .main-search {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--white);
    border-radius: 6px;
    height: 100px !important;
    padding: 0 3rem;
  }
  @media screen and (max-width: 1025px) {
    .main-search {
      height: 7rem !important;
    }
  }
  .main-search.type2 {
    border: 2px solid #ECECEC;
  }
  .main-search select {
    width: 14.6rem;
    height: 4.8rem;
    color: var(--black41);
    font-size: 2.2rem;
    font-weight: 600;
    background: url(../../images/ico_down_gray.svg) no-repeat top 50% right 1.8rem/2.4rem;
    border-right: 1px solid var(--graye4);
    padding: 0 5px;
  }
  .main-search select:focus {
    border-radius: 6px;
  }
  .main-search input {
    width: calc(100% - 19rem);
    color: var(--black41);
    font-size: 2.2rem;
    height: 4.8rem;
    padding: 0 1.8rem;
    margin-left: 2px;
    font-family: "Pretendard";
  }
  .main-search input::-moz-placeholder {
    color: var(--gray85);
    font-family: "Pretendard";

  }
  .main-search input::placeholder {
    color: var(--gray85);
    font-family: "Pretendard";

  }
  .main-search input:focus {
    border-radius: 6px;
  }
  .main-search button {
    width: 6rem;
    height: 6rem;
    position: absolute;
    right: 3rem;
    background: var(--grayf9) url(../../images/ico_search_gray.svg) no-repeat center center/2.8rem;
    transition: all 0.3s;
    border-radius: 6px;
  }
  .main-search button:hover, .main-search button.active {
    background: var(--grayf9) url(../../images/ico_search_black.svg) no-repeat center center/2.8rem;
  }
  .file-upload {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
  }
  .file-name {
    width: 100%;
    height: 5.5rem;
    border: 1px solid var(--graye4);
    flex: 1;
    padding: .8rem 1.8rem;
    font-size: 1.3rem;
    color: #999;
    background-color: var(--white);
    border-radius: 6px;
  }
  .file-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 5.5rem;
    padding: .8rem 1.8rem;
    color: var(--navy09);
    font-size: 1.5rem;
    font-weight: 500;
    border: 1px solid var(--navy09);
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-left: 1.2rem;
    border-radius: 6px;
  }
  .file-btn:hover {
    background-color: #f0f4ff;
  }
  .custom-checkbox2 {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-family: "YoonGothicPro750", "Pretendard";
    font-size: 1.9rem;
    color: var(--black1a);
  }
  .custom-checkbox2.type2 {
    font-weight: 500;
  }
  .custom-checkbox2.type2.ico-arrow {
    position: relative;
    width: 100%;
  }
  .custom-checkbox2.type2.ico-arrow::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: block;
    content: "";
    width: 3rem;
    height: 3rem;
    background: url(../images/ico_arrow_right_gray.svg) 0 100%;
  }
  .custom-checkbox2 input {
    display: none;
  }
  .custom-checkbox2 .checkmark {
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../images/ico_check_gray.svg);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    margin-right: 1rem;
  }
  .custom-checkbox2 input:checked + .checkmark::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/ico_checked_navy.svg) no-repeat center center/contain;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-family: "YoonGothicPro750", "Pretendard";
    font-size: 1.9rem;
    color: var(--black1a);
  }
  .custom-radio.type2 {
    font-weight: 500;
  }
  .custom-radio input {
    display: none;
  }
  .custom-radio .checkmark {
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../images/ico_radio_gray.svg);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    margin-right: 1rem;
  }
  .custom-radio input:checked + .checkmark::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/ico_radio_navy.svg) no-repeat center center/contain;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@layer List {
  .list-type1 li {
    border-bottom: 1px solid var(--grayef);
  }
  .list-type1 li .btn-title {
    display: block;
    width: 100%;
    color: var(--black00);
    font-size: 1.4rem;
    font-weight: 700;
    padding: 2rem;
    position: relative;
    text-align: left;
  }
  .list-type1 li .btn-title::after {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../../images/ico_down_gray.svg) no-repeat right 0 top 50%/contain;
    z-index: 100;
    transition: all 0.3s;
  }
  .list-type1 li .btn-title.active::after {
    top: 25%;
    transform: rotate(-180deg);
  }
  .list-type1 li .answer {
    display: none;
    color: var(--black00);
    font-size: 1.4rem;
    padding: 2rem;
    background: var(--grayfb);
    border-top: 1px solid var(--grayef);
  }
  .news-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 4.8rem;
  }
  @media screen and (width < 1025px) {
    .news-list {
      grid-template-columns: 1fr;
    }
  }
  
  .news-list.type2 {
    grid-template-columns: 1fr;
  }
  .news-list.type2 li {
    grid-template-columns: 30.6rem 1fr;
  }
  .news-list.type2 li .img-wrap {
    width: 30.6rem;
    aspect-ratio: 1/0.6666;
  }
  .news-list.type2 li .img-wrap img {
    width: 100%;
    aspect-ratio: 1/0.6666;
    border-radius: 6px;
  }
  .news-list.type2 li .title h4 {
    padding-left: 0;
  }
  .news-list.type2 li .desc {
    color: var(--black41);
    font-size: 16px;
    line-height: 160%;
    max-width: 78.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news-list li {
    display: grid;
    grid-template-columns: 1fr 15rem;
    border-bottom: 1px solid var(--grayec);
    padding: 3rem 0px;
    gap: 4rem;
    cursor: pointer;
  }
  .news-list li .title {
    position: relative;
  }
  .news-list li .title i {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--grayb3);
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
  }
  .news-list li .title h4 {
    color: var(--black1a);
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 6rem;
    margin-bottom: 3.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news-list li .info {
    display: flex;
    padding-top: 1.6rem;
  }
  .news-list li .info p {
    color: var(--gray41);
    font-size: 1.6rem;
    font-weight: 600;
  }
  .news-list li .info p.ico {
    position: relative;
  }
  .news-list li .info p.ico::after {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background: var(--graye4);
  }
  .news-list li .info span {
    color: var(--gray85);
    font-size: 1.6rem;
  }
  .news-list li .info span.ico {
    position: relative;
  }
  .news-list li .info span.ico::after {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background: var(--graye4);
  }
  .news-list li .label-wrap {
    margin-top: 2.4rem;
    display: flex;
    gap: 10px;
  }
  .news-list li .img-wrap {
    aspect-ratio: 1/1;
    width: 15rem;
  }
  .news-list li .img-wrap img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .process-list {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  .process-list li {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .process-list li + li {
    position: relative;
  }
  .process-list li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 40rem;
    left: -2.3rem;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 100%;
    background: #BEC0C7 url(../../images/ico_right_white.svg) no-repeat center center;
  }
  .process-list li .border-gradient {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: linear-gradient(#005DC8, #00A1D9);
    aspect-ratio: 1/1;
    width: 34.4rem;
  }
  .process-list li .round {
    width: 34rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: var(--white);
  }
  .process-list li .round .label {
    display: inline-flex;
    padding: 1.2rem 1.8rem;
    color: var(--black41);
    font-size: 1.8rem;
    font-weight: 600;
    border-radius: 6rem;
    background: #EFEFF4;
  }
  .process-list li .round .title {
    color: var(--black1a);
    text-align: center;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 140%;
  }
  .process-list li .desc {
    width: 34rem;
    color: var(--black41);
    text-align: center;
    font-size: 2.6rem;
    line-height: 140%;
  }
  .process-list2 {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 1025px) {
    .process-list2, .process-list {
      display: block;
    }
    .process-list li + li { 
      margin-top: 3rem;
    }
    .process-list2 li + li::before,
    .process-list li + li::before { 
      display: none !important;
    }
  }
  
  .process-list2 li {
    position: relative;
    width: 100%;
    height: 42rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .process-list2 li + li {
    position: relative;
  }
  .process-list2 li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 30rem;
    left: -15px;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    background: #BEC0C7 url(../../images/ico_right_white.svg) no-repeat center center/10px;
  }
  .process-list2 li .border-gradient {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: linear-gradient(#005DC8, #00A1D9);
    aspect-ratio: 1/1;
    width: 26rem;
  }
  .process-list2 li .round {
    width: 25.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: var(--white);
  }
  .process-list2 li .round .label {
    display: inline-flex;
    padding: .9rem 1.3rem;
    color: var(--black41);
    font-size: 1.8rem;
    font-weight: 600;
    border-radius: 6rem;
    background: #EFEFF4;
  }
  .process-list2 li .round .title {
    color: var(--black1a);
    text-align: center;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 140%;
    
  }
  .process-list2 li .desc {
    width: 22rem;
    height: 13.6rem;
    color: var(--black41);
    text-align: center;
    font-size: 2rem;
    line-height: 140%;
  }
  .news-list-info {
    width: 100%;
    min-width: 0;
  }
  .news-list-info .title {
    font-size: 2.2rem;
    padding-bottom: 1.2rem;
  }
  .news-list-info .desc {
    width: 100%;
    max-width: 800px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .news-list-info .info p {
    font-size: 1.6rem;
  }
  .terms-list {
    display: flex;
    gap: 2.4rem;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 1025px) {
    .terms-list {
      padding-bottom: 3rem;
    }
  }
  
  .terms-list.gap10 {
    gap: 10px;
  }
  .list-type2-wrap {
    background: #FFF;
  }
  .list-type2-wrap .border {
    border-radius: 6px;
    border: 1px solid #ECECEC;
    padding: 4rem;
  }
  @media screen and (max-width: 1025px) {
    .list-type2-wrap .border {
      padding: 1.6rem;
    }
  }
  
  .list-type2-wrap .head {
    padding-bottom: 3rem;
    border-bottom: 1px solid #000;
  }
  .list-type2-wrap .head .title {
    color: #1A1A1A;
    font-size: 2.2rem;
  }

  .list-type2-wrap .list-type2 {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .list-type2-wrap .list-type2 li + li {
    border-top: 1px solid #ececec;
  }
  .list-type2-wrap .list-type2 li a {
    display: flex;
    gap: 1.4rem;
    padding: 3.2rem 1.6rem;
  }
  .list-type2-wrap .list-type2 li a.active {
    background: #FAFBFF;
  }
  .list-type2-wrap .list-type2 li a.active i {
    color: #263FA9;
  }
  .list-type2-wrap .list-type2 li a.active span {
    color: #263FA9;
  }
  .list-type2-wrap .list-type2 li a i {
    color: #B3B3B3;
    text-align: center;
    font-size: 2.6rem;
    font-weight: 600;
  }
  .list-type2-wrap .list-type2 li a span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1A1A1A;
    font-size: 2rem;
  }
  @media screen and (max-width: 1025px) {
    .list-type2-wrap .head .title {
      font-size: 1.8rem;
    }
    .list-type2-wrap .list-type2 li a i { 
      font-size: 2rem;
    }
    .list-type2-wrap .list-type2 li a span { 
      font-size: 1.6rem;
    }
  }
}
@layer Modal {
  .layer {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200;
    transition: all 0.3s;
  }
  .layer.active {
    opacity: 1;
    visibility: visible;
  }
  .modal-type1 {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 53rem;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 300;
    transform: translate(-50%, -50%);
    background: var(--white);
    border-radius: 6px;
    padding: 4rem;
    transition: all 0.3s;
  }
  .modal-type1.active {
    opacity: 1;
    visibility: visible;
  }
  .modal-type1 button {
    width: 13rem;
  }
  .modal-type1 img {
    display: block;
    width: 10.9rem;
    margin: 0 auto;
  }
  .user-survey {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    max-width: 102.5rem;
    height: 71.2rem;
    height: 90vh;
    background: var(--white);
    z-index: 201;
    border-radius: 6px;
    padding: 60px;
    box-shadow: 0 0 5px #bbb;
  }
  .user-survey .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .user-survey .title-wrap .user-survey__title {
    color: var(--navy0d);
    font-size: 3.8rem;
    padding-bottom: 1.6rem;
  }
  .user-survey .title-wrap .user-survey__sub {
    color: var(--gray41);
    font-size: 1.6rem;
    padding-bottom: 2rem;
  }
  .user-survey .title-wrap .user-survey__alert {
    display: flex;
    gap: 4px;
    border-radius: 6px;
    background: #FBFBFB;
    padding: .8rem 1rem;
  }
  .user-survey .title-wrap .user-survey__alert i {
    display: block;
    width: 1.8rem;
  }
  .user-survey .title-wrap .user-survey__alert span {
    color: var(--gray56);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 160%;
  }
  .user-survey .cont-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 5.2rem;
    gap: 3rem 1.4rem;
  }
  .user-survey .btn-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .user-survey .btn-wrap button {
    width: 40rem;
  }
}
@layer Pagination {
  .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination .btn-prev {
    background: transparent;
  }
  .pagination .btn-next {
    background: transparent;
  }
  .pagination ul {
    display: flex;
  }
  .pagination ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 0.5rem;
  }
  .pagination ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 4rem;
    height: 4rem;
    border-radius: 2px;
    color: var(--gray78);
    font-size: 1.6rem;
    font-weight: 500;
    padding: .4rem;
  }
  .pagination ul li a.prev {
    width: 2.4rem;
    height: 2.4rem;
  }
  .pagination ul li a.next {
    width: 2.4rem;
    height: 2.4rem;
  }
  .pagination ul li a.active {
    background: var(--navy26);
    color: var(--white);
  }
}
@layer Table {
  .table-type1 {
    max-width: 1500px;
  }
  .table-type1 thead {
    border-top: 1px solid var(--grayeef);
    border-bottom: 1px solid var(--grayeef);
  }
  .table-type1 thead tr {
    background: var(--grayfa);
    height: 5.8rem;
  }
  .table-type1 thead tr th {
    color: var(--navy26);
    font-size: 1.8rem;
    font-weight: 700;
    padding: 2rem;
  }
  .table-type1 tbody tr {
    height: 5.4rem;
    border-bottom: 1px solid var(--grayeef);
    cursor: pointer;
  }
  .table-type1 tbody tr td {
    color: var(--black00);
    font-size: 1.4rem;
    font-weight: 500;
    padding: 2rem;
    text-align: center;
  }
  .table-type1 tbody tr td.txt-left {
    text-align: left;
  }
  .table-type2 {border-left: 1px solid #000;border-top: 1px solid #000;}
  .table-type2 th {padding: 1rem; border-right: 1px solid #000; border-bottom: 1px solid #000;}
  .table-type2 td {padding: 1rem; border-right: 1px solid #000; border-bottom: 1px solid #000;}
}
@layer Tab {
  .tab-type1 {
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
  }
  .tab-type1 li .btn-tab {
    height: 5.5rem;
    padding: 0px 2.4rem;
    border: 1px solid var(--graya6);
    border-radius: 6px;
    color: var(--black00);
    font-size: 2rem;
    font-weight: 400;
    white-space: nowrap;
  }
  .tab-type1 li .btn-tab.active {
    background: var(--black00);
    color: var(--white);
  }
  .tab-type2 {
    display: flex;
    gap: 1.2rem;
  }
  .tab-type2 li .btn-tab2 {
    height: 4.6rem;
    padding: 0px 2.4rem;
    border: 1px solid var(--graya6);
    border-radius: 4.6rem;
    color: var(--black00);
    font-size: 1.8rem;
    font-weight: 600;
    background: var(--white);
    box-sizing: border-box !important;
    white-space: nowrap;
    transition: color 0.2s, font-weight 0.2s;
  }
  .tab-type2 li .btn-tab2.active, .tab-type2 li .btn-tab2:hover {
    color: var(--navy26);
    font-weight: 600;
    box-sizing: border-box !important;
    transform: scale(1);
  }
  .tab-type3 {
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
  }
  .tab-type3 li .btn-tab3 {
    display: flex;
    gap: .8rem;
    align-items: center;
    height: 5.5rem;
    padding: 0px 1.4rem 0 .3rem;
    border: 1px solid var(--graya6);
    border-radius: 4.6rem;
    color: var(--black00);
    font-size: 1.8rem;
    font-weight: 400;
    background: var(--white);
    white-space: nowrap;
  }

  .tab-type3 li .btn-tab3.active {
    color: var(--white);
    font-weight: 600;
    background: var(--black00);
  }
  .tab-type3 li .btn-tab3 .news-img {
    width: 43px;
    height: 43px;
    border-radius: 100%;
    background: var(--grayd9);
    aspect-ratio: 1/1;
  }
  .tab-type3 li .btn-tab3 .news-img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100%;
  }
  .tab-type4 {
    display: flex;
    gap: 14px;
  }
  @media screen and (max-width: 1025px) {
    .tab-type4 {
      overflow-x: auto;
    }
  }
  .tab-type4 li .btn-tab4 {
    display: flex;
    align-items: center;
    min-width: 210px;
    height: 60px;
    padding: 0 20px;
    border: 1px solid var(--graya6);
    border-radius: 6px;
    color: var(--black00);
    font-size: 22px;
    font-weight: 500;
    background: var(--white);
  }
  .tab-type4 li .btn-tab4.ico {
    justify-content: space-between;
  }
  .tab-type4 li .btn-tab4.ico::after {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../../images/ico_down_gray.svg) center center/contain;
  }
  .tab-type4 li .btn-tab4.active {
    border: 2px solid var(--black1a);
  }
  .tab-type4 li .btn-tab4.active.ico::after {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../../images/ico_up_black.svg) center center/contain;
  }
  .tab-type4 li .btn-tab4 .news-img {
    width: 43px;
    height: 43px;
    border-radius: 100%;
    background: var(--grayd9);
    aspect-ratio: 1/1;
  }
  .tab-type4 li .btn-tab4 .news-img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100%;
  }
  .label-num {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0px 6px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    background: var(--navy26);
    border-radius: 20px;
  }
}
@layer Banner {
  .main-banner {
    height: calc(100vh - 176px);
    background: url(../../images/img_main_banner.jpg) no-repeat center center;
  }
  @media screen and (max-width: 1025px) {
    .main-banner {
      height: calc(100vh - 457px);
    }
  }
  
  .main-banner .h2 {
    color: #FAFAFA;
    font-family: "LEMON MILK";
    font-size: 6rem;
    font-weight: 300;
  }
  .main-banner .p {
    color: var(--grayec);
    font-size: 34px;
    font-weight: 500;
    padding-top: 3.6rem;
    font-family: 'sans-serif';
    font-weight: 400;
  }
  @media screen and (max-width: 1025px) {
    .main-banner .h2 {
      font-size: 40px;
    }
    .main-banner .p {
      font-size: 20px;
      font-size: 3rem;
    }
  }
  .slider1 {
    position: relative;
    cursor: pointer;
  }
  .slider1 img {
    width: 90%;
  }
  .slider1 .slick-dots {
    position: absolute !important;
    bottom: 22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
  }
  .slider1 .slick-dots li button:before {
    color: red !important;
    font-size: 0 !important;
    width: 10px !important;
    height: 10px !important;
    background: white;
    border-radius: 100%;
  }
  .slider1 .slick-prev, .slider1 .slick-next {
    font-size: 20px;
  }
  .slider1:hover .slick-prev {
    opacity: 1;
  }
  .slider1:hover .slick-next {
    opacity: 1;
  }
  .slider1 .slick-prev {
    opacity: 0;
    left: 34px !important;
    z-index: 100;
    width: 50px !important;
    height: 50px !important;
    background: var(--grayec) url(../../images/ico_prev_slide.svg) no-repeat center center !important;
    border-radius: 6px;
    transition: all 0.3s;
  }
  .slider1 .slick-prev::before {
    content: "" !important;
    opacity: 1 !important;
  }
  .slider1 .slick-next {
    opacity: 0;
    right: 34px !important;
    z-index: 100;
    width: 50px !important;
    height: 50px !important;
    background: var(--grayec) url(../../images/ico_prev_slide.svg) no-repeat center center !important;
    border-radius: 6px;
    transform: translate(0, -50%) rotate(180deg) !important;
    transition: all 0.3s;
  }
  .slider1 .slick-next::before {
    content: "" !important;
    opacity: 1 !important;
  }
}
@layer Filter {
  .filter-bx {
    border-radius: 6px;
    border: 1px solid var(--graya6);
    background: var(--white);
    padding: 0 0 24px 0;
  }
  .filter-bx .title {
    color: var(--black1a);
    font-size: 22px;
    font-weight: 600;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid var(--grayec);
  }
  .filter-bx .title.navy {
    color: var(--navy26);
    border-bottom: none;
  }
  .filter-bx .filter-check {
    padding: 24px;
    border-bottom: 1px solid var(--grayec);
  }
  .filter-bx .filter-check .filter-check__title {
    min-width: 110px;
  }
  .filter-bx .filter-check .news-name {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 auto;
  }
  @media screen and (max-width: 1200px) {
    .filter-bx .filter-check .news-name {
      grid-template-columns: repeat(8, 1fr);
    }
  }
  @media screen and (max-width: 1100px) {
    .filter-bx .filter-check .news-name {
      grid-template-columns: repeat(7, 1fr);
    }
  }
  /* @media screen and (max-width: 1100px) {
    .filter-bx .filter-check .news-name {
      grid-template-columns: repeat(6, 1fr);
    }
  } */
  @media screen and (max-width: 1025px) {
    .filter-bx .filter-check .news-name {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  
  .filter-bx .filter-check .news-name li {
    color: var(--gray85);
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
  }
  .filter-bx .filter-check .news-name li.active {
    color: var(--navy26);
    font-weight: 600;
  }
  .filter-bx .filter-tab1 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .filter-bx .filter-tab1 li button {
    height: 35px;
    color: var(--gray85);
    font-size: 16px;
    padding: 0 20px;
    border-radius: 2px;
    border: 1px solid #A6A6A6;
  }
  .filter-bx .filter-tab1 li button.active {
    color: var(--navy26);
    border: 1px solid var(--navy26);
  }
  .filter-bx input.date {
    height: 56px;
    border-radius: 6px;
    border: 1px solid var(--graye4);
    background: var(--white);
    padding: 0 18px;
    min-width: 344px;
    background: url(../../images/ico_calendar.svg) no-repeat top 50% right 18px;
  }
  @media screen and (max-width: 1025px) {
    .filter-bx input.date {
      min-width: 100%;
    
    }
  }
  
  .filter-bx .filter-tag {
    display: flex;
    gap: 14px 10px;
    flex-wrap: wrap;
    padding-right: 149px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .filter-bx .filter-tag li .tag {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 14px;
    border-radius: 2px;
    color: var(--black1a);
    font-size: 16px;
    background: var(--grayf8);
  }
  .filter-bx .filter-tag li .tag .btn-close {
    width: 12px;
    height: 12px;
    background: url(../../images/ico_close_gray.svg);
  }
}
@layer Font {
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilk.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilkbold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilkbolditalic.otf") format("opentype");
    font-weight: bold;
    font-style: italic;
  }
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilkitalic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilklight.otf") format("opentype");
    font-weight: 300; /* light weight */
    font-style: normal;
  }
  @font-face {
    font-family: "LEMON MILK";
    src: url("../font/LemonMilklightitalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
  }
}
@layer Form {
  .form-group {
    display: flex;
    align-items: center;
    gap: 1.2rem;
  }
  .form-label {
    min-width: 110px !important;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
  }
  .file-wrapper {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    position: relative;
  }
  .file-name {
    flex: 1;
    height: 56px;
    padding: 0 16px;
    font-size: 16px;
    border: 1px solid var(--graye4);
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
  }
  .btn-upload {
    height: 56px;
    padding: 0 16px;
    border: 1px solid #2454cc;
    border-radius: 8px;
    background-color: #fff;
    color: #2454cc;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
  }
  .input-file {
    display: none;
  }
  @media screen and (max-width: 1025px) {
    .form-wrap.align { 
      display: block;
    }
    .form-wrap.h670 { 
      height: auto;
    }
    .form-wrap ul li { 
      margin-top: 10px;
    }
  }
}
@layer breadcrumbs {
  .breadcrumbs-type1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3rem;
  }
  .breadcrumbs-type1 li {
    position: relative;
    color: var(--gray86);
    font-size: 1.4rem;
  }
  .breadcrumbs-type1 li + li::before {
    position: absolute;
    top: 50%;
    left: -15.5px;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 6px;
    height: 12px;
    background: url(../images/ico_arrow_bread.svg) no-repeat center center/contain;
  }
  .breadcrumbs-type1 li.active {
    color: var(--black00);
    font-size: 1.4rem;
  }
}
@layer Failed {
  .failed {
    width: 100%;
    max-width: 1490px;
    min-height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .failed .ico-failed {
    display: block;
    width: 122px;
    margin: 0 auto 40px auto;
  }
  .failed .failed-row1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .failed .failed-row1__title {
    color: var(--black00);
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;
  }
  .failed .failed-row1__sub {
    color: var(--black41);
    font-size: 18px;
    text-align: center;
    padding-bottom: 100px;
  }
  .failed .failed-row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .failed .failed-row2-card {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid var(--graye4);
    background: var(--grayfb);
    padding: 44px 56px;
  }
  .failed .failed-row2-card .title {
    color: var(--black1a);
    font-size: 30px;
    font-weight: 600;
    line-height: 160%;
    padding-bottom: 16px;
  }
  .failed .failed-row2-card .sub {
    color: var(--black41);
    font-size: 18px;
    padding-bottom: 47px;
  }
  .failed .failed-row2-card img {
    display: block;
    width: 215px;
  }
}
@layer Footer {
  .footer {
    border-top: 1px solid var(--graye4);
    padding-top: 60px;
    padding-bottom: 80px;
    background: var(--white);
    position: relative;
    z-index: 100;
  }
  .footer .row1 > div {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 2rem;
    border-bottom: 1px solid var(--grayf4);
  }
  .footer .row2 > div {
    max-width: 1500px;
    margin: 0 auto;
    padding: 24px 2rem 0 2rem;
    display: flex;
    justify-content: space-between;
  }
  .footer .row2 > div .footer-info {
    display: flex;
    gap: 20px;
  }
  .footer .terms-list {
    display: flex;
    gap: 100px;
  }
  .footer .terms-list li a {
    display: block;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 24px;
  }
  @media screen and (max-width: 1025px) {
    .footer .terms-list li a {
      padding-bottom: 0;
    }
  }
}
@layer Align {
  .align {
    display: flex;
  }
  @media screen and (width < 1025px) {
    .align.align-mo {
      display: block;
    }
  }
  @media screen and (width < 768px) {
    .align .align-mo2 {
      display: block;
    }
  }
  .align.column {
    flex-direction: column;
  }
  .align.both {
    justify-content: space-between;
  }
  .align.right {
    justify-content: flex-end;
  }
  .align.center {
    justify-content: center;
  }
  .align.vt {
    align-items: flex-start;
  }
  .align.vm {
    align-items: center;
  }
  .align.vb {
    align-items: flex-end;
  }
  .align.gap3 {
    gap: 3px;
  }
  .align.gap8 {
    gap: 8px;
  }
  .align.gap10 {
    gap: 1rem;
  }
  .align.gap12 {
    gap: 1.2rem;
  }
  .align.gap14 {
    gap: 1.4rem;
  }
  .align.gap20 {
    gap: 2rem;
  }
  .align.gap24 {
    gap: 2.4rem;
  }
  .align.gap40 {
    gap: 4rem;
  }
  .align.gap48 {
    gap: 4.8rem;
  }
  .align.gap50 {
    gap: 5rem;
  }
  .align.gap66 {
    gap: 6.6rem;
  }
  .txt-center {
    text-align: center;
  }
  .txt-right {
    text-align: right;
  }
  .txt-left {
    text-align: left;
  }
  @media screen and (max-width: 1025px) {
    .txt-left-mo {
      width: 100%;
      display: block;
      text-align: left;
    }
  }
}
@layer Base {
  .m0auto {
    margin: 0 auto;
    width: 122.4rem;
  }
  @media screen and (max-width: 900px) {
    .m0auto {
      width: 100%;
      margin: 0;
    }
  }
  .mx-auto {
    margin: 0 auto;
  }
  .only-mobile {
    display: none;
  }
  @media screen and (max-width: 900px) {
    .only-mobile {
      display: block;
    }
  }
  .relative {
    position: relative;
  }
  .w100 {
    width: 100% !important;
  }
  .w107 {
    width: 107px !important;
  }
  .mw170 {
    min-width: 17rem;
  }
  .w14 {
    width: 14px;
  }
  .w400 {
    width: 400px;
  }
  .mw102 {
    width: 10.2rem;
  }
  .mw130 {
    width: 13rem;
  }
  .mw170 {
    width: 17rem;
  }
  .mxw400 {
    width: 100%;
    max-width: 40rem;
  }
  .mxw1490 {
    width: 100%;
    max-width: 149rem;
  }
  .mxw1500 {
    width: 100%;
    max-width: 1500px;
  }
  .mxw540 {
    width: 100%;
    max-width: 54rem;
  }
  .mxw927 {
    width: 100%;
    max-width: 92.7rem;
  }
  .mxw270 {
    width: 100%;
    max-width: 27rem;
  }
  .mxh270 {
    max-height: 18rem;
  }
  .mxh270 {
    max-height: 27rem;
  }
  .mh100 {
    min-height: 100vh;
  }
  .minh219 {
    min-height: 219px;
  }
  .minh275 {
    min-height: 27.5rem;
  }
  .minh285 {
    min-height: 28.5rem;
  }
  .h260 {
    height: 26rem;
  }
  .h270 {
    height: 27rem;
  }
  .h285 {
    height: 28.5rem;
  }
  .h670 {
    height: 67rem;
  }
  .inline-flex {
    display: inline-flex;
  }
  .grid-type1 {
    display: grid;
    grid-template-columns: 1fr minmax(100px, auto);
    gap: 8px;
  }
  .grid-type2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .grid-type3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }
  @media screen and (max-width: 1025px) {
    .grid-type3 {
      /* display: grid; */
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
    }
  }
  
  .grid-type4 {
    display: grid;
    grid-template-columns: 1fr 430px;
    gap: 24px;
  }
  @media screen and (max-width: 1025px) {
    .grid-type4 {
      grid-template-columns: 1fr 250px;
      gap: 8px;
    }
  }
  
  .bg.white {
    background: var(--white);
  }
  .bg.grayfb {
    background: var(--grayfb);
  }
  .bg.grayfc {
    background: var(--grayfc);
  }
  .bg.grayf4 {
    background: var(--grayf4);
  }
  .bg.grayf6 {
    background: var(--grayf6);
  }
  .bg.grayf69 {
    background: var(--grayf69);
  }
  .bg.gradient1 {
    background: linear-gradient(90deg, #78D8CB 0%, #4DAFC1 19.5%, #1597D2 50%, #4DAFC1 80%, #78D8CB 100%);
  }
  .bg.navy09 {
    background: var(--navy09);
  }
  .border-type1 {
    border: 1px solid var(--graye4);
  }
  .border-type2 {
    width: 100%;
    height: 1px;
    background: var(--grayf4);
  }
  .border-type3 {
    border: 1px solid var(--grayf4);
  }
  .border-bottom00 {
    border-bottom: 2px solid var(--black00);
  }
  .border-bottomf4 {
    border-bottom: 1px solid var(--grayf4);
  }
  .border-bottomd4 {
    border-bottom: 1px solid var(--grayd4);
  }
  .border-bottomec {
    border-bottom: 1px solid var(--grayec);
  }
  .border-bottome4 {
    border-bottom: 1px solid var(--graye4);
  }
  .border-bottomc9 {
    border-bottom: 1px solid var(--grayc9);
  }
  .border-topf4 {
    border-top: 1px solid var(--grayf4);
  }
  .border-topd4 {
    border-top: 1px solid var(--grayd4);
  }
  .border-tope4 {
    border-top: 1px solid var(--graye4);
  }
  .border-leftf4 {
    border-left: 1px solid var(--grayf4);
  }
  @media screen and (max-width: 1025px) {
    .border-mo1 {
      width: 100%;
      height: 1px;
      background: var(--grayf4);
    }
    .border-mo10 {
      width: 100%;
      height: 10px;
      background: #F4F5FB;
    }
  }
  .rounded6 {
    border-radius: 2px;
  }
  .rounded6 {
    border-radius: 6px;
  }
  .scroll-y {
    overflow-y: auto;
    padding-right: 8px;
  }
  /* 스크롤바 스타일 (크롬, 엣지) */
  .scroll-y::-webkit-scrollbar {
    width: 8px;
  }
  .scroll-y::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  .scroll-y::-webkit-scrollbar-track {
    background: transparent;
  }
  .scroll-x {
    overflow-x: auto;
    display: block;
    padding-bottom: 8px;
  }
  /* 스크롤바 스타일 (크롬, 엣지) */
  .scroll-x::-webkit-scrollbar {
    height: 8px;
    display: block;
  }
  .scroll-x::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  .scroll-x::-webkit-scrollbar-track {
    background: transparent;
  }
  .flex1 {
    flex: 1;
  }
  .ellipsis01 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ellipsis02 {
    display: block;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media screen and (max-width: 1025px) {
    .block-mo2,
    .align.block-mo2 {
      display: block !important;
    }
    .block-mo,
    .align.block-mo {
      display: block !important;
    }
    .mt20-mo {
      margin-top: 2rem;
    }
  }
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
  }
  .absolute .center-x {
    left: 50%;
    transform: translateX(-50%);
  }
  .custom-scroll {
    overflow-y: auto;
  }
  /* 특정 클래스에만 적용 */
  .custom-scroll::-webkit-scrollbar {
    width: 6px;
  }
  .custom-scroll::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 3px;
  }
  .hidden {
    overflow: hidden;
  }
  .nowrap {
    white-space: nowrap !important;
  }
  .bar {
    display: block;
    width: 1px;
    height: 10px;
    background: var(--graye4);
  }
  .pointer {
    cursor: pointer;
  }
}
@layer Reset {
  @import url("https://cdn.jsdelivr.net/npm/pretendard@latest/dist/web/pretendard.css");
  * {
    box-sizing: border-box;
  }
  html, body {
    position: relative;
    font-size: 55%;
    font-family: "Pretendard";
    overflow-x: hidden;
  }
  /* Reset */
  html,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  div,
  p,
  blockquote,
  pre,
  code,
  address,
  ul,
  ol,
  li,
  nav,
  section,
  article,
  header,
  footer,
  main,
  aside,
  dl,
  dt,
  dd,
  table,
  thead,
  tbody,
  tfoot,
  label,
  caption,
  th,
  td,
  form,
  fieldset,
  legend,
  hr,
  input,
  button,
  textarea,
  object,
  figure,
  figcaption {
    margin: 0;
    padding: 0;
  }
  body,
  input,
  select,
  textarea,
  button,
  img,
  fieldset {
    border: none;
  }
  button, input, textarea, select {
    font-family: inherit; /* 부모 요소(html, body)에서 설정한 폰트 사용 */
  }
  img {
    width: 100%;
  }
  ul,
  ol,
  li {
    list-style: none;
  }
  table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
  }
  address,
  cite,
  code,
  em,
  i {
    font-style: normal;
    font-weight: normal;
  }
  label,
  img,
  input,
  select,
  textarea,
  button,
  a {
    vertical-align: middle;
  }
  u,
  ins,
  a {
    text-decoration: none;
  }
  button {
    cursor: pointer;
    background: transparent;
  }
  a {
    color: inherit;
  }
  /* Normalize */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  input[type=number],
  input[type=text],
  input[type=password],
  input[type=url],
  input[type=email],
  input[type=tel],
  input[type=date],
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    resize: none;
  }
  textarea:focus {
    outline: 2px solid #A6B9FF; /* 파란색 아웃라인 */
    border-color: #A6B9FF; /* 테두리 색상 변경 */
  }
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
  input[type=date] {
    position: relative;
  }
  input[type=date]::-webkit-clear-button,
  input[type=date]::-webkit-inner-spin-button {
    display: none;
  }
  input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }
  input[type=date] {
    position: relative;
    width: 100px;
  }
  input[type=date]::before {
    content: attr(data-placeholder);
    width: 100%;
  }
  input[type=date]:valid::before {
    display: none;
  }
  input[type=time] {
    width: 100%;
    appearance: none; /* 브라우저 기본 스타일 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[readonly] {
    background-color: #f0f0f0; /* 배경색 변경 */
    color: #888; /* 글자 색상 변경 */
    border: 1px solid #ccc; /* 테두리 색상 변경 */
    cursor: not-allowed; /* 커서 변경 */
  }
  input:focus {
    outline: 2px solid #A6B9FF; /* 파란색 아웃라인 */
    border-color: #A6B9FF; /* 테두리 색상 변경 */
  }
  select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  select:focus {
    outline: 2px solid #A6B9FF; /* 파란색 아웃라인 */
    border-color: #A6B9FF; /* 테두리 색상 변경 */
  }
  html {
    font-size: 55%;
    -webkit-text-size-adjust: none;
  }
  @media screen and (width < 768px) {
    html {
      font-size: 52%;
    }
  }
  body {
    font-size: 1rem;
    /* 스크롤바 전체 스타일 */
    /* 스크롤바 트랙 (배경) */
    /* 스크롤바 핸들 (움직이는 부분) */
    /* 스크롤바 핸들에 마우스 오버 시 */
  }
  body::-webkit-scrollbar {
    width: 10px; /* 세로 스크롤바 너비 */
    height: 10px; /* 가로 스크롤바 높이 */
  }
  body::-webkit-scrollbar-track {
    background: #f1f1f1; /* 연한 회색 */
    border-radius: 4px;
  }
  body::-webkit-scrollbar-thumb {
    background: #134191; /* 중간 회색 */
    border-radius: 4px;
  }
  body::-webkit-scrollbar-thumb:hover {
    background: #09388B; /* 더 진한 회색 */
  }
  caption,
  legend,
  .a11y-hidden {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
  }
  @media print {
    .header,
    .footer,
    .visual {
      display: none;
    }
    .page-break {
      page-break-before: always;
    }
  }
  @page {
    margin: 1cm 2cm;
  }
  .print {
    display: block;
  }
  @media screen {
    .print {
      display: none;
    }
  }
}
@layer Layout {
  .content {
    width: 100%;
    min-height: calc(100vh - 17.6rem);
    padding-top: 12.3rem;
    padding-bottom: 12.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .wrap {
    padding-top: 17.6rem;
  }
  .section {
    background: var(--white);
  }
  .section .card-wrap {
    display: flex;
    gap: 3.2rem;
  }
  .section .card-wrap .card {
    position: relative;
    width: 100%;
  }
  @media screen and (max-width: 1025px) {
    .section.pb120 { 
      padding-bottom: 5rem;
    }
    .section.pt120 { 
      padding-top: 6rem;
    }
    .section .card-wrap {
      display: block;
    }
    .section .card-wrap .card:nth-child(2) {
      margin-top: 2rem;
    }
  }
  .section .card-wrap .card .info {
    position: absolute;
    top: 4.4rem;
    left: 5.6rem;
    display: flex;
    flex-direction: column;
    gap: 4.6rem;
  }
  @media screen and (max-width: 1025px) {
    .section .card-wrap .card .info {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      width: 100%;
      padding-left: 1.6rem;
      padding-right: 1.6rem;
    }
  }
  .section .card-wrap .card .h4 {
    color: var(--white);
    font-size: 3rem;
    font-weight: 600;
    line-height: 160%;
  }
  .section .card-wrap .card .p {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 160%;
  }
  .section1 {
    height: calc(100vh - 17.6rem);
    background: url(../../images/img_bg.jpg) no-repeat center center;
  }
  .section2 .img-trend {
    width: 100%;
  }
  .section2 .img-trend img {
    display: block;
    width: 100%;
  }
  .section3 {
    background: linear-gradient(0deg, #2A67E2 0%, #0A28AA 100%);
  }
  .section3.curved {
    position: relative;
  }
  .section3.curved::after {
    display: block;
    content: "";
    width: 222%;
    height: 7.3rem;
    position: absolute;
    bottom: -7.15rem;
    left: 50%;
    transform: translateX(-50%);
    background: url(../../images/curved_bottom.svg) no-repeat center center/contain;
  }
  .section3 .card {
    min-height: 36.4rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 5rem;
    border-radius: 6px;
    border: 1px solid var(--graye4);
    background: rgba(255, 255, 255, 0.1);
  }
  .section3 .card .h4 {
    color: var(--white);
    font-size: 4rem;
    font-weight: 600;
  }
  .section3 .card .p {
    color: var(--white);
    font-size: 3rem;
    line-height: 140%;
  }
  @media screen and (max-width: 1025px) {
    .section3 .card {
      min-height: 25rem;
    }
    .section3 .card .h4 { 
      font-size: 3rem;
    }
    .section3 .card .p { 
      font-size: 2.4rem;
    }
  }
  .section4-2 {
    width: 100%;
    background: url(../../images/img_bg2.png) no-repeat center center/cover;
  }
  .section5 {
    background: var(--grayfb);
  }
  .section5-2 {
    background: url(../../images/img_bg3.jpg) no-repeat center center/cover;
  }
  .section-search {
    background: var(--navy06);
  }
  .section-filter {
    background: var(--grayfb);
  }
  .section-news .title-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 4px solid var(--black00);
    padding-bottom: 2.4rem;
  }
  #newsView .left {
    background: var(--white);
  }
  #newsView .left .border {
    border-radius: 6px;
    padding: 4rem;
    border: 1px solid #ECECEC;
  }
  @media screen and (max-width: 1025px) {
    #newsView .left .border {
      padding: 1.6rem;
    }
  }
  #newsView .left .title {
    font-family: "LEMON MILK","Pretendard";
    color: #000;
    font-size: 3.8rem;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 1.6rem;
    padding-top: 2.4rem;
  }
  @media screen and (max-width: 1025px) {
    #newsView .left .title {
      font-size: 2.4rem;
    }
  }
  
  #newsView .left .date {
    color: #858585;
    font-size: 1.6rem;
    display: flex;
    gap: 1.6rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #ECECEC;
  }
  #newsView .left .date .ico {
    position: relative;
  }
  #newsView .left .date .ico::after {
    position: absolute;
    top: 50%;
    right: -8.5px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #e4e4e4;
  }
  #newsView .right {
    background: var(--white);
  }
  #newsView .view-content {
    padding-top: 4rem;
  }
  #newsView .view-content span {
    display: block;
    color: #858585;
    font-size: 1.6rem;
    line-height: 160%;
    padding-top: 1.6rem;
    padding-bottom: 16px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 4rem;
  }
  #newsView .view-content p {
    color: #1A1A1A;
    font-size: 2.2rem;
    line-height: 180%;
  }
  @media screen and (max-width: 1025px) {
    #newsView .view-content p {
      font-size: 1.6rem;
    }
  }
}
.nowrap { 
  white-space: nowrap;
}
#faq .tab-type1 li .btn-tab { 
  height: 4.5rem !important;
  font-size: 1.6rem !important;
}
@media screen and (max-width: 1025px) {
  .information-wrap.align {
    display: block; 
  }
  .information-wrap + div > .filter-check__title { 
    display: none;
  }
  .information-form { 
    margin-top: 1.6rem;
  }
}