/* common.css */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
p{margin:0;line-height:1.3em;word-break: keep-all; /* 단어 단위로 줄바꿈 */ white-space: normal;  /* 기본 줄바꿈 허용 */}
html{font-size:16px;} /* PC 기본 */
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 800;
    font-display: swap;
}

/*font*/
.ft-0{font-family:'Montserrat'!important;letter-spacing:-0.9px;}
.ft-01{font-family:'NanumSquareNeo' !important;letter-spacing:-0.5px;}
.ft-02{font-family:'Pretendard' !important;font-weight:700;letter-spacing:-0.9px;}
.ft-03{font-family:'YeogiOttaeJalnanGothic' !important;letter-spacing:-0.9px;}
.t-bd{font-family:'Pretendard';font-weight:500;}
.t-ebd{font-family:'Pretendard';font-weight:600;}
#tit-gd{background:linear-gradient(90deg, #279af1 10%, #0066ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
:root {
  --color-primary: #081F5C;
--color-primary2: #334EAC;
	--color-primary3: #7096D1;
  --spacing-lg: 2rem;
  --fs-lg: 1.25rem;
  --fs-xxs: 0.75rem;  /* 12px */
  --fs-xs: 0.875rem;  /* 14px */
  --fs-sm: 1rem;      /* 16px */
  --fs-md: 1.125rem;  /* 18px */
  --fs-lg: 1.25rem;   /* 20px */
  --fs-xl: 1.5rem;    /* 24px */
  --fs-xxl: 2rem;     /* 32px */
}
/*딜레이 애니메이션*/
:root{
	--delay-2:0.3s;
  --delay-3:0.6s;
  --delay-4:0.9s;
  --delay-5:1.2s;
}
.del-2{animation-delay:var(--delay-2) !important;}
.del-3{animation-delay:var(--delay-3) !important;}
.del-4{animation-delay:var(--delay-4) !important;}
.del-5{animation-delay:var(--delay-5) !important;}

.tit-xxl{font-size:var(--fs-xxl);}
.tit-xl{font-size:var(--fs-xl);}
.tit-l{font-size:var(--fs-lg);}
.tit-m{font-size:var(--fs-md);}
.tit-s{font-size:var(--fs-sm);}
.tit-xs{font-size:var(--fs-xs);}
.m-col{color:var(--color-primary);}
.m-col2{color:var(--color-primary2);}
.m-col3{color:var(--color-primary3);}
.t-wh{color:#fff;}
.al-ct{text-align:center;}
.al-lf{text-align:left;}
/*top visual*/
.t-vis{padding:12rem 0;}

/*margin*/
.m-b-1{margin-bottom:1rem;}
.m-b-2{margin-bottom:2rem;}

@media screen and (min-width:1921px){
.wrapper-m{width:1600px !important;margin:0 auto;}
.wrapper-s{width:1300px !important;margin:0 auto;}
}

@media screen and (min-width:1024px) and (max-width: 1920px){
.wrapper-m{width:auto;margin:0 auto;margin:0 160px;}
}

@media screen and (min-width:1501px) and (max-width: 1920px){
.wrapper-s{width:1300px;margin:0 auto;}
}

@media screen and (min-width:1025px) and (max-width: 1500px){
.wrapper-s{margin-left:100px;margin-right:100px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
.wrapper-s, .wrapper-m{margin-left:80px;margin-right:80px;}html{font-size:14px;}
}
@media screen and (max-width: 768px){
.wrapper-s, .wrapper-m{width:auto;margin:0 auto;margin:0 20px;}html{font-size: 12px;} /* 모바일 */
}



/*애니메이션효과*/
/* 기본: fade 계열의 요소들 초기 상태 통일 */
[class*="fade-"], .reveal {
  position: relative;
  /* 기본은 보이지 않게 (fade-in/left/right/up/down 용) */
  opacity: 0;
  transition: opacity 0.2s;
}
.reveal.active {
  opacity: 1;
}

.active.fade-up {
  animation: fade-up 0.6s ease-in forwards;
}
@keyframes fade-up {
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.active.fade-in {
  animation: fade-in 0.8s ease-in forwards;
}
@keyframes fade-in {
  0% { opacity: 0; transform: none; }
  100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .active.fade-up,
  .active.fade-in {
    animation: none;
  }
	
	.section-bg{padding: 0 0 15px 0;}
}

/*tel 링크 색상*/
a[href^="tel"],
a[href^="sms"] {
  color: inherit !important;       
  text-decoration: none !important;   
  cursor: pointer !important; 
  -webkit-text-decoration-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}

:focus {
	outline: 2px dashed #b1b1b1;
    outline-offset: 2px;
}
:focus:not(:focus-visible) { outline: none; }
:focus-visible {
    outline: 2px dashed #b1b1b1;
    outline-offset: 2px;
}

.page-id-86 header,
.page-id-86 footer,
.page-id-167 header,
.page-id-167 footer{
    display: none !important;
}