@charset "utf-8";

@import url("reset.css");
@import url("form.css");
@import url("ui.css");
@import url("font.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@font-face {
    font-family: 'Athena';
    src: url('./webfont/Athena-Regular.otf') format('woff2');
    font-weight: 300;
    font-display: swap;
}


:root {

    /* font style */
    --font-notosans: "Noto Sans KR", sans-serif;
    --font-suit: "SUIT", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --font-myriad: 'Myriad Pro', sans-serif;
    --font-pretendard: "Pretendard", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
    --font-awesome: "FontAwesome";
    --font-linearicons: "Linearicons-Free";

    /* color style */
    --default_txt_color: #222;
    --point_color: #000;
    --second_color: #e5e5e5;
    --line_color: #e5e5e5;

    /* gnb nav style */
    --header_bg:rgba(0,0,0,.5);
    --header_bg_line:rgba(255,255,255,.1);
    --depth1_txt:rgba(255,255,255,1);
    --depth2_txt:rgba(255,255,255,1);
    --depth1_hover_txt:rgba(255,255,255,1);
    --depth2_hover_txt:rgba(255,255,255,1);
    --depth1_hover_bg:rgba(0,0,0,.5);
    --depth1_hover_round:0.3rem;
    --phone_txt:#fff;

    /* mobile nav style */
    --mobile_menu_bg:#232429;
    --mobile_depth1_txt:#fff;
    --mobile_depth2_txt:#fff;
    --hamburger_color:#fff;

    /* location nav style */
    --location_nav_bg:rgba(0,0,0, .5);
    --location_nav_menubg: rgba(73,73,73,.6);
    --location_nav_menuhover: rgba(73,73,73,.8);

    /* footer style */
    --footer_bg:#001241;
    --footer_txt:rgba(255,255,255,1);
    --footer_copy:rgba(255,255,255,0.3);
    --footer_comment:rgba(255,255,255,1);
    --footer_link:rgba(255,255,255,.5);
    --footer_link_hover:rgba(255,255,255,1);
    --gotop_bg:rgba(201,219,237,1);
    --gotop_txt:rgba(0,0,0,1);
}


/************************************************************** 
	    CSS 초기화
**************************************************************/
* {margin: 0; padding: 0; box-sizing: border-box;}
ol,ul,li { list-style:none; }

table {border-collapse: collapse;}

a:link { text-decoration: none; }
a:hover{ text-decoration: none; }
a:visited { text-decoration: none;}
a:active { text-decoration: none;}

html, body {  
  margin: 0;
  padding: 0;
  border: none; 
  color: var(--default_txt_color);
  font-weight: 300;
  font-style: normal;       
  background: transparent;
  -webkit-text-size-adjust:none;  
  -webkit-font-smoothing: antialiased;   
  height: 100%;
  width: 100%;
}
body, button, h1, h2, h3, h4, h5, input, select, table, textarea {
  font-family: var(--font-pretendard);
  font-size: 16px;
  line-height: 1.2;  
}
* {box-sizing: border-box;}

a:link {color: var(--default_txt_color);}
a:hover{color: var(--default_txt_color);}
a:visited {color: var(--default_txt_color);}
a:active {color: var(--default_txt_color);}
.txt-center {text-align: center;}
.txt-right {text-align: right;}

/* 스크롤바 설정*/
body::-webkit-scrollbar {
  width: 6px;  /* 스크롤바의 너비 */
  height: 6px;
  border-radius: 6px;
}
body::-webkit-scrollbar-thumb {
  height: 10%; /* 스크롤바의 길이 */
  background: rgba(0,0,0,.5); /* 스크롤바의 색상 */  
}
body::-webkit-scrollbar-track {
  background: #f1f1f1;  /*스크롤바 뒷 배경 색상*/
}
[v-cloak] {display: none;}

.pc-only {display:block !important;}
.m-only,.mflex-only {display:none !important;}
@media screen and (max-width: 1024px) {
    .pc-only {display:none !important;}
    .m-only {display:block !important;}
    .mflex-only {display:flex !important;}
}



/* 공통 텍스트 슬라이드 애니메이션 */
.text-slide-up {
  position: relative;
  display: inline-block;
  height: 1.2em;
  vertical-align: middle;
  overflow: hidden;
  color: transparent;
}

.text-slide-up::before,
.text-slide-up::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  color: inherit;
  text-align: center;
  line-height: 1;
  transition: transform 0.55s ease;
}

.text-slide-up::before {
  top: 0;
}

.text-slide-up::after {
  top: 1.2em;
}

a:hover .text-slide-up::before,
a:hover .text-slide-up::after {
  transform: translateY(-1.2em);
}

.section.fp-auto-height {
  height: auto !important;
}
/* SEO용 숨김 H1 (스크린리더 + 검색엔진은 인식, 시각적으로는 숨김) */
.blind {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}