@charset "utf-8";

/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap'); */
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css?display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@font-face {
  font-family: 'Pretendard GOV';
  src: url('/fonts/PretendardGOVVariable.woff2') format('woff2');
  font-weight: 100 900; /* 가변 폰트 지원 범위 */
  font-display: swap;
}



:where(*), :where(*::before), :where(*::after) {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin: 0;padding: 0;box-sizing: border-box;}

:root{--brand-color: #664630; --brand-color2: #795E4B; }

*, ::after, ::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}

html, body {height: 100%; font-family: 'Pretendard GOV', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.5; letter-spacing: -0.5px; color: #222; min-width: 378px; scroll-behavior: smooth; overflow-x: clip; -webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility;}

article, aside, footer, header, nav, section {display: block;}

h1, h2, h3, h4, h5, h6, strong {font-weight: 700; color: #222; margin: 0; padding: 0; letter-spacing: -0.5px;}

p {margin-bottom: 0; font-size: 18px; color: #222; letter-spacing: -0.5px; word-break: auto-phrase;}

strong {font-size: 20px; letter-spacing: -0.5px;}

a {text-decoration: none; color: inherit; display: flex; align-items: center; color: #222; letter-spacing: -0.5px;}

ul, ol, li {list-style: none; padding: 0; margin: 0;}

img, video {max-width: 100%; height: auto; vertical-align: top;}

.inner {max-width: 1280px; width: 100%; display: flex; margin: 0 auto; align-items: center; box-sizing: border-box; flex-direction: column;}
.inner.row {flex-direction: row; padding: 0;}
.section_area {padding: 100px 0;}

button {display: flex; align-items: center; border: none; background: none; font-size: 16px; cursor: pointer;}

.pc_br {display: block;}
.mobile_br {display: none;}
.hand {cursor: pointer;}

/*table*/
table {border-collapse: collapse; border-spacing: 0;}
table th, table td {box-sizing:border-box;}

.table.detail {width: 100%; table-layout: fixed; font-size: 16px; color: #222; border-collapse:collapse;}
.tb-scroll {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tb-scroll .table.detail {min-width: 720px;}

.table.detail thead th {background: #F5F5F5; color: #000; font-size: 18px; font-weight: 700; text-align: center; padding: 10px; border-right: 1px solid #ccc; border-top: 1px solid #444;}
.table.detail thead th:last-child {border-right: none;}

.table.detail th, .table.detail td {text-align: center; vertical-align: middle; word-break: keep-all;}
.table.detail th {padding: 15px 0; border: 1px solid #ccc; border-left: none; font-weight: 700; font-size: 20px;}
.table.detail td {padding: 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-weight: 300; background: #fff; font-size: 18px;}
.table.detail td:last-child {border-right: none;}
.table.detail tbody th {background: #f5f5f5;}
.table.detail img {height: auto; display: block; margin: 0 auto;}
.table.detail .upline {border-top: 1px solid #ccc;}
.table.detail th, .table.detail td {width: auto;}

/*top button*/
.top_btn {position: fixed; bottom: 50px; right: 50px; background: var(--brand-color); width: 60px; height: 60px; color: #fff; font-size: 24px; display: flex; align-items: center; text-align: center; justify-content: center; align-items: center; border-radius: 50px; z-index: 5000; transition: .3s ease; cursor: pointer; opacity: 0; visibility: hidden; transition: 0.3s ease;}
.top_btn:hover {background: #D28F60;}

@media (max-width: 1024px) {
  .table.detail.tb-full {display: table; width: 100%; table-layout: fixed; white-space: normal; overflow: visible;}
}

@media screen and (max-width: 1199px) {
  .inner {padding: 0 20px;}
}
@media screen and (max-width: 768px) {
  .pc_br {display:none;}
  .mobile_br {display:block;}

  .top_btn {right: 20px;}
  .quick-bar {top: auto; bottom: 110px; right: 20px;}

  .util-wrap {gap:5px !important;}
}

.fc-yellow {color: yellow !important; }
.fc-green {color: green !important;}
.fc-orange {color: orange !important;}
.fc-beige {color: beige !important;}
.fc-tomato {color: tomato !important;}
.fc-red {color: red !important;}
.fc-blue {color: blue !important;}
.fc-black {color: black !important;}
.fc-white {color: white !important;}
.fc-gray {color: gray !important;}
.fc-darkgray {color: darkgray !important;}
.fc-darkviolet {color: darkviolet !important;}

.tac {text-align: center;}
.tal {text-align: left;}

.align-center {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}