@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
@import url('https://fonts.cdnfonts.com/css/segoe-ui-4');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap");

/*Common*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
html {
  overflow-y: scroll;
}
body {
  background-color: #fff;
  word-break: keep-all;
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
li,
dt,
dd,
a,
p,
input,
textarea,
select,
option,
button {
  color: #555;
  font-family: "Segoe UI","pretendard", "돋움", dotum, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
img,
fieldset,
iframe {
  border: 0 none;
}
ul,
ol,
li {
  list-style: none;
}
em,
address {
  font-style: normal;
}
img,
input,
select,
textarea {
  vertical-align: middle;
}
a {
  color: #7d7d7d;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #333;
  text-decoration: none;
}
button,
label {
  cursor: pointer;
  _cursor/**/: hand;
}
button * {
  position: relative;
}
textarea {
  overflow: auto;
}
option {
  padding-right: 6px;
}
.input_text,
textarea {
  margin: -1px 0;
  padding-right: 1px;
}
.input_check,
.input_radio {
  width: 13px;
  height: 13px;
}
.blind,
legend,
caption {
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
hr {
  display: none;
}
legend {
  width: 0;
}
:root legend {
  margin-top: -1px;
  font-size: 0;
  line-height: 0;
}
caption {
  line-height: 0;
}
img {
  max-width: 100%;
}
.viewCon a {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}

/*test*/
.test1 {
  border: 1px solid red;
}
.test2 {
  background: #4f7beb;
}

.font1 {
  font-family: "Noto Sans KR";
}
.font2 {
  font-family: "Montserrat";
}

/* popup */
.pop_today_close {
  padding: 1px 7px 3px 7px;
  color: #ffffff;
  background: #303030;
  vertical-align: middle;
  border: 0px;
}
.pop_close {
  padding: 1px 7px 3px 7px;
  color: #ffffff;
  background: #303030;
  vertical-align: middle;
  border: 0px;
}

@media (max-width: 767px) {
  /* 메인 레이어 팝업 */
  .main_layer_popup {
    width: 96% !important;
    left: 50% !important;
    top: 50px !important;
    transform: translateX(-50%);
  }
  .main_layer_popup .popupContent {
    height: 100% !important;
  }
  .main_layer_popup img {
    width: 100%;
  }
}

/*=============== 로딩스피너 =================*/
#loadingIndicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-top: 4px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateBg {
  0% {
    transform: translate(-50%, -50%) scale(4) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(4) rotate(360deg);
  }
}
/*=============== 로딩스피너 끝 ================*/

/*=============================== 사이트 CSS 시작 ===============================*/




#wrap{overflow:hidden;}


/* header */
#header{
  position:fixed;left:00%;top:0;z-index:1000;
  width:100%; 
  transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change:transform;
}
#header.is-header-hidden{
  transform:translate(0%, -100%);
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  #header{transition-duration:0.01ms;}
}

/* quick — index와 동일 크기 (서브 전용, 메인 #visual은 index_*.css) */
body.subPage .quick{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:900;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:0;
  pointer-events:none;
}
body.subPage .quick__panel{
  position:absolute;
  right:0;
  left:auto;
  bottom:calc(100% + 12px);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  width:auto;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,12px,0);
  transform-origin:bottom right;
  transition:
    opacity 0.38s cubic-bezier(0.22,1,0.36,1),
    transform 0.42s cubic-bezier(0.22,1,0.36,1),
    visibility 0s linear 0.42s;
}
body.subPage .quick.is-open .quick__panel{
  pointer-events:auto;
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  transition:
    opacity 0.42s cubic-bezier(0.22,1,0.36,1),
    transform 0.42s cubic-bezier(0.22,1,0.36,1),
    visibility 0s linear 0s;
}
body.subPage .quick__pill{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto;
  min-width:52px;
  height:52px;
  aspect-ratio:auto;
  align-self:auto;
  border-radius:100px;
  background:#13a9a6;
  color:#fff;
  text-decoration:none;
  font-family:"pretendard","Segoe UI",sans-serif;
  font-size:var(--font-size-14);
  font-weight:600;
  letter-spacing:-0.56px;
  line-height:normal;
  white-space:nowrap;
  transition:
    opacity 0.24s cubic-bezier(0.22,1,0.36,1),
    transform 0.26s cubic-bezier(0.22,1,0.36,1),
    background-color 0.2s ease;
  transition-delay:0s;
  opacity:0;
  transform:translate3d(0,10px,0);
}
body.subPage .quick.is-open .quick__pill{
  opacity:1;
  transform:translate3d(0,0,0);
  transition-duration:0.32s, 0.36s, 0.2s;
}
body.subPage .quick.is-open .quick__pill:nth-child(1){transition-delay:40ms;}
body.subPage .quick.is-open .quick__pill:nth-child(2){transition-delay:58ms;}
body.subPage .quick.is-open .quick__pill:nth-child(3){transition-delay:76ms;}
body.subPage .quick.is-open .quick__pill:nth-child(4){transition-delay:96ms;}
body.subPage .quick__pill:hover{
  background:#13a9a6;
}
body.subPage .quick__pill--icon img{
  display:block;
  width:36px;
  height:36px;
  object-fit:contain;
}
body.subPage .quick__toggle{
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  align-self:auto;
  margin:0;
  padding:0;
  border:none;
  border-radius:100px;
  box-sizing:border-box;
  background:#13a9a6;
  cursor:pointer;
  transition:background-color 0.38s cubic-bezier(0.22,1,0.36,1),
    transform 0.22s cubic-bezier(0.22,1,0.36,1),
    box-shadow 0.38s ease;
}
body.subPage .quick__toggle:active{
  transform:scale(0.98);
}
body.subPage .quick__toggleIcon{
  position:relative;
  display:flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
}
body.subPage .quick__toggleIcon svg{
  display:block;
}
body.subPage .quick__iconOpen path{
  stroke:#fff;
  transition:stroke 0.34s cubic-bezier(0.22,1,0.36,1),
    transform 0.34s cubic-bezier(0.22,1,0.36,1);
  transform-origin:center;
}
body.subPage .quick.is-open .quick__toggle{
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
}
body.subPage .quick.is-open .quick__iconOpen path{
  stroke:#000;
  transform:rotate(45deg);
}

@media (min-width:813px) and (max-width:1399px){
  body.subPage .quick{
    right:16px;
    bottom:16px;
  }
  body.subPage .quick__panel{
    bottom:calc(100% + 10px);
  }
  body.subPage .quick__pill{
    min-width:48px;
    height:48px;
    font-size:var(--font-size-15);
  }
  body.subPage .quick__pill--icon img{
    width:32px;
    height:32px;
  }
  body.subPage .quick__toggle{
    width:48px;
    height:48px;
  }
}

@media (max-width:812px){
  body.subPage .quick{
    right:16px;
    bottom:max(16px, env(safe-area-inset-bottom, 0px));
  }
  body.subPage .quick__panel{
    bottom:calc(100% + 10px);
  }
  body.subPage .quick__pill{
    min-width:44px;
    height:44px;
    font-size:14px;
  }
  body.subPage .quick__pill--icon img{
    width:28px;
    height:28px;
  }
  body.subPage .quick__toggle{
    width:44px;
    height:44px;
  }
}





/* header — Figma GNB 8034:7840, drop menu 8197:31284, all menu 8197:31571 */
.head{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:28px 32px;
  box-sizing:border-box;
}
.head .gnb{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  max-width:1880px;
  margin:0 auto;
}
.head .gnb__logo{
  margin:0;
  flex-shrink:0;
  line-height:0;
}
.head .gnb__logo a{
  display:block;
  line-height:0;
}
.head .gnb__logoImg{
  display:block;
  width:80px;
  height:auto;
}
.head .gnb__logoImg--mo{
  display:none;
}
.head .gnb__logoImg--color{
  display:none;
}
.head .gnb__util{
  display:flex;
  align-items:center;
  gap:45px;
}
.head .gnb__nav>ul{
  display:flex;
  align-items:center;
  gap:32px;
  margin:0;
  padding:0;
  list-style:none;
}
.head .gnb__nav>ul>li{
  position:relative;
}
.head .gnb__nav>ul>li>a{
  display:block;
  padding-bottom:12px;
  font-family:"Archivo","pretendard",sans-serif;
  font-size:var(--font-size-16);
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  line-height:normal;
  white-space:nowrap;
  transition:opacity 0.25s ease;
}
.head .gnb__nav>ul>li>a:hover{opacity:0.75;}
.head .gnb__sub{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  width:225px;
  margin:0;
  padding:0;
  list-style:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.2s ease, visibility 0.2s ease;
  z-index:20;
}
.head .gnb__nav>ul>li:hover>.gnb__sub,
.head .gnb__nav>ul>li:focus-within>.gnb__sub,
.head .gnb__nav>ul>li.is-sub-open>.gnb__sub{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.head .gnb__nav>ul>li:hover>.gnb__sub::before,
.head .gnb__nav>ul>li:focus-within>.gnb__sub::before,
.head .gnb__nav>ul>li.is-sub-open>.gnb__sub::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:12px;
}
.head .gnb__sub a{
  display:block;
  padding:12px 16px;
  background:#6ca7a7;
  font-family:"pretendard",sans-serif;
  font-size:13px;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  line-height:normal;
  transition:background 0.2s ease;
}
.head .gnb__sub a:hover,
.head .gnb__sub a:focus{
  background:
    linear-gradient(90deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.24) 100%),
    #6ca7a7;
}
.head .gnb__lang{
  position:relative;
  flex-shrink:0;
}
.head .gnb__lang>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  height:38px;
  padding:0 10px 0 12px;
  border:1px solid #fff;
  box-sizing:border-box;
  cursor:pointer;
  font-family:"pretendard",sans-serif;
  font-size:var(--font-size-16);
  font-weight:600;
  color:#fff;
  line-height:normal;
}
.head .gnb__lang>summary::-webkit-details-marker{display:none;}
.head .gnb__lang>summary::marker{content:"";}
.head .gnb__lang>summary img{display:block;}
.head .gnb__langList{
  position:absolute;
  right:0;
  top:100%;
  min-width:61px;
  width:61px;
  margin:0;
  padding:0;
  list-style:none;
  z-index:10;
}
.head .gnb__langList li{margin:0;}
.head .gnb__langList a{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  padding:11px 10px 8px;
  border:1px solid #fff;
  border-bottom:none;
  font-family:"pretendard",sans-serif;
  font-size:13px;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  text-align:center;
  line-height:normal;
  background:transparent;
}
.head .gnb__langList li:last-child a{
  padding:8px 10px 11px;
  border-bottom:1px solid #fff;
}
.head .gnb__langList a:hover{
  background:rgba(255,255,255,0.12);
}
.head .gnb__menu{
  display:none;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:0;
  line-height:0;
}
.head .btnMenu__ham{
  display:block;
}
.head .btnMenu__close{
  display:none;
}
.gnb__allMenu{
  display:none;
}

/* overlay — 메인 hero 위 (흰색 GNB) */
.head--overlay .gnb__nav>ul>li>a{color:#fff;}
.head--overlay .gnb__lang>summary{
  border-color:#fff;
  color:#fff;
}
.head--overlay .gnb__logoImg--light{display:block;}
.head--overlay .gnb__logoImg--color{display:none;}

/* light — 서브·스크롤 후 (다크 GNB) */
.head--light .gnb__nav>ul>li>a,
#header.is-scrolled .head--overlay .gnb__nav>ul>li>a{color:#231f20;}
.head--light .gnb__lang>summary,
#header.is-scrolled .head--overlay .gnb__lang>summary{
  border-color:#231f20;
  color:#231f20;
}
.head--light .gnb__lang>summary img,
#header.is-scrolled .head--overlay .gnb__lang>summary img{
  filter:none;
  content:url('/images/common/icon_chevron_down_point14.svg');
}
.head--light .gnb__langList a,
#header.is-scrolled .head--overlay .gnb__langList a{
  border-color:#231f20;
  color:#231f20;
}
.head--light .gnb__langList a:hover,
#header.is-scrolled .head--overlay .gnb__langList a:hover{
  background:rgba(35,31,32,0.06);
}
.head--light .gnb__logoImg--light,
#header.is-scrolled .head--overlay .gnb__logoImg--light{display:none;}
.head--light .gnb__logoImg--color,
#header.is-scrolled .head--overlay .gnb__logoImg--color{display:block;}
#header.is-scrolled .head--overlay{
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,0.08);
}

body.subPage #container{padding-top:94px;}

/* header — tablet/mobile Figma 8197:31322, all menu 8197:31571 */
@media (max-width:1399px){
  html{overflow-x:hidden;}

  body.is-scroll-locked{
    position:fixed;
    left:0;
    right:0;
    width:100%;
    overflow:hidden;
  }
  body.is-place-gallery-open{overflow:hidden;}

  #header{
    background:#fff;
  }
  #header.is-mobile-nav-open{
    z-index:1003;
    background:#fff;
  }
  .head{
    max-width:none;
    width:100%;
    padding:0 16px;
    box-sizing:border-box;
    background:transparent;
  }
  .head .gnb{
    position:relative;
    height:72px;
    border-bottom:0;
  }
   #header.is-mobile-nav-open .head .gnb{
    border-bottom:0;
  }
  .head .gnb__logoImg--mo{
    display:block;
    width:74px;
    height:auto;
  }
  #header .head .gnb__logoImg--light,
  #header .head .gnb__logoImg--color,
  #header.is-scrolled .head--overlay .gnb__logoImg--light,
  #header.is-scrolled .head--overlay .gnb__logoImg--color{
    display:none;
  }
  .head .gnb__util{gap:0;}
  .head .pcNav,
  .head .pcLang{display:none;}
  .head .gnb__menu{
    display:flex;
    align-items:center;
    justify-content:center;
    width:27px;
    height:27px;
    margin:0;
    padding:0;
  }
  .head .btnMenu__ham{
    display:block;
    width:27px;
    height:16px;
  }
  .head .btnMenu__close{
    display:none;
    width:20px;
    height:20px;
  }
  body.is-mobile-nav-open .head .btnMenu__close, #header.is-mobile-nav-open .head .btnMenu__close{transform:translateX(-17px);}
  body.is-mobile-nav-open .head .btnMenu__ham,
  #header.is-mobile-nav-open .head .btnMenu__ham{
    display:none;
  }
  body.is-mobile-nav-open .head .btnMenu__close,
  #header.is-mobile-nav-open .head .btnMenu__close{
    display:block;
  }

  /* 올메뉴 — 헤더 아래 패널 */
  .gnb__allMenu{
    position:fixed;
    left:0;
    right:0;
    top:72px;
    bottom:0;
    z-index:1002;
    display:none;
    flex-direction:column;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    box-sizing:border-box;
  }
  body.is-mobile-nav-open .gnb__allMenu,
  #header.is-mobile-nav-open + .gnb__allMenu{
    display:flex;
  }
  .gnb__allBody{
    flex:1;
    padding:0 8px;
    box-sizing:border-box;
  }
  .gnb__allList{
    margin:0;
    padding:0 8px;
    list-style:none;
  }
  .gnb__allItem{
    border-bottom:1px solid #a4a4a4;
  }
  .gnb__allItem.is-open{
    border-top:1px solid #a4a4a4;
    border-bottom:1px solid #a4a4a4;
    background:#f8f8f8;
    padding-bottom:24px;
  }
  .gnb__allToggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0;
    padding:18px 16px;
    border:0;
    background:transparent;
    cursor:pointer;
    font-family:"Archivo","pretendard",sans-serif;
    font-size:16px;
    font-weight:600;
    color:#231f20;
    line-height:normal;
    text-align:left;
  }
  .gnb__allItem.is-open .gnb__allToggle{
    color:#13a9a6;
  }
  .gnb__allChevron{
    display:block;
    flex-shrink:0;
    width:22px;
    height:22px;
    transition:transform 0.25s ease;
  }
  .gnb__allItem.is-open .gnb__allChevron{
    transform:scaleY(-1);
  }
  .gnb__allPanel{
    display:none;
    padding:0 16px;
  }
  .gnb__allItem.is-open .gnb__allPanel{
    display:block;
    padding-top:10px;
  }
  .gnb__allSub{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:0;
    padding:0;
    list-style:none;
  }
  .gnb__allSub a{
    font-family:"pretendard",sans-serif;
    font-size:16px;
    font-weight:400;
    color:#676767;
    text-decoration:none;
    line-height:normal;
  }
  .gnb__allLang{
    display:flex;
    gap:4px;
    padding:24px 8px 32px;
  }
  .gnb__allLangBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border:1px solid #999;
    font-family:"Archivo","pretendard",sans-serif;
    font-size:12px;
    font-weight:600;
    color:#999;
    text-decoration:none;
    line-height:normal;
    box-sizing:border-box;
  }
  .gnb__allLangBtn.is-active{
    border-color:#13a9a6;
    color:#13a9a6;
  }
}
@media (min-width:813px) and (max-width:1399px){
  .head{padding:0 24px;}
  .head .gnb{height:80px;}
  .gnb__allMenu{top:80px;}
  body.subPage #container{padding-top:80px;}
}
@media (max-width:812px){
  body.subPage #container{padding-top:72px;}
}



.scroll{background:#fff;}





/* */
.innerWrap{
  max-width:1800px;width:94%;
  margin:0 auto;
}

.btnMore {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  text-align: center;
  text-decoration: none;
  font-family: Inter, "Segoe UI", sans-serif;
  font-size: var(--font-size-18);
  color: #000;
  font-weight: 500;
  transition: border-color 0.35s ease;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  min-width: 147px;
  box-sizing: border-box;
  text-transform: uppercase;
}
/* 단일 링크(게시판 List 등): .front/.back 없음 */
.btnMore:not(:has(.back)) {
  padding: 20px 10px;
}

.btnMore:has(.front):has(.back) .front,
.btnMore:has(.front):has(.back) .back {
  display: block;
  padding: 20px 10px;
  box-sizing: border-box;
  line-height: normal;
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.btnMore:has(.front):has(.back) .front {
  position: relative;
}

.btnMore:has(.front):has(.back) .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: translateY(100%);
}

.btnMore:has(.front):has(.back):hover .front,
.btnMore:has(.front):has(.back):focus-visible .front {
  transform: translateY(-100%);
}

.btnMore:has(.front):has(.back):hover .back,
.btnMore:has(.front):has(.back):focus-visible .back {
  transform: translateY(0);
}

.btnMore:hover,
.btnMore:focus-visible {
  border-color: #000;
  color: #000;
}





/* footer — Figma 8034:7923 */
#footer .foot {
  padding: 0 0 80px;
  box-sizing: border-box;
  background: #fff;
}
#footer .foot .innerWrap {
  max-width: 1816px;
  margin: 0 auto;
  width:100%;
}
#footer .foot__bar {
  border-top: 1px solid #000;
  padding: 24px 0 0;
  box-sizing: border-box;
}
#footer .foot__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  width: 100%;
}
#footer .foot__left {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  flex: 1;
  min-width: 0;
}
#footer .foot,
#footer .foot .innerWrap,
#footer .foot__bar,
#footer .foot__row {
  overflow: visible;
}
#footer .foot__famDetails {
  position: relative;
  width: 280px;
  flex-shrink: 0;
  z-index: 1;
}
#footer .foot__famDetails[open] {
  z-index: 50;
}
#footer .foot__side {
  display: flex;
  flex-direction: column;
  gap: 48px;
  flex-shrink: 0;
}
#footer .foot__famSummary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 12px 15px;
  border: none;
  border: 1px solid #111;
  box-sizing: border-box;
  background: transparent;
  font-family: "Archivo", "pretendard", sans-serif;
  font-size: var(--font-size-20);
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #262626;
}
#footer .foot__famSummary::-webkit-details-marker {
  display: none;
}
#footer .foot__famSummary::marker {
  content: "";
}
#footer .foot__famLabel {
  line-height: 32px;
  white-space: nowrap;
}
#footer .foot__famIcon {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
#footer .foot__famIcon img {
  display: block;
}
#footer .foot__famList {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: 50;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-bottom: none;
  background: #fff;
}
#footer .foot__famList:empty {
  display: none;
}
#footer .foot__famList li {
  margin: 0;
  border-bottom: 1px solid #999;
}
#footer .foot__famList li:last-child {
  border-bottom: none;
}
#footer .foot__famList a {
  display: block;
  padding: 10px 15px;
  font-family: "pretendard", sans-serif;
  font-size: var(--font-size-16);
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #262626;
  text-decoration: none;
}
#footer .foot__famList li:hover a {
  color: #000;
}
#footer .foot__sns {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 57px;
}
#footer .foot__sns a {
  display: block;
  line-height: 0;
}
#footer .foot__sns img {
  display: block;
  width: 32px;
  height: 32px;
}
#footer .foot__contact {
  flex: 1;
  min-width: 0;
  opacity: 0.8;
}
#footer .foot__contactLead {
  margin: 0 0 12px;
  font-family: "pretendard", sans-serif;
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: normal;
  color: #6c6c6c;
}
#footer .foot__contactRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
#footer .foot__contactRow:last-child {
  margin-bottom: 0;
}
#footer .foot__contactRow span,
#footer .foot__contactRow a {
  font-family: "pretendard", sans-serif;
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: normal;
  color: #6c6c6c;
}
#footer .foot__contactRow a {
  text-decoration: none;
}
#footer .foot__contactRow a:hover {
  text-decoration: underline;
}
#footer .foot__sep {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #ccc;
  flex-shrink: 0;
}
#footer .foot__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 82px;
  padding-top: 6px;
  flex-shrink: 0;
  overflow: visible;
}
#footer .foot__logo {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  line-height: 0;
  text-decoration: none;
}
#footer .foot__logo img {
  display: block;
  height: 30px;
  width: auto;
  object-fit: contain;
}
#footer .foot__copy {
  margin: 0;
  font-family: "Archivo", "pretendard", sans-serif;
  font-size: var(--font-size-16);
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 32px;
  color: #a0a1a1;
  text-align: right;
  white-space: nowrap;
}


@media (max-width: 1399px) {
  #footer .foot {
    padding: 0 0 60px;
  }
  #footer .foot .innerWrap {
    width: 94%;
    max-width: 1200px;
  }
  #footer .foot__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  #footer .foot__left {
    flex-direction: column;
    gap: 28px;
    width: 100%;
  }
  #footer .foot__famDetails {
    width: 100%;
    max-width: 280px;
  }
  #footer .foot__right {
    align-items: flex-start;
    min-height: 0;
    width: 100%;
  }
  #footer .foot__copy {
    text-align: left;
    white-space: normal;
  }
}
@media (max-width: 812px) {
  #footer .foot {
    padding: 0 16px 40px;
  }
  #footer .foot .innerWrap {
    width: 100%;
    max-width: none;
  }
  #footer .foot__contactRow {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  #footer .foot__sep {
    display: none;
  }
  #footer .foot__famDetails {
    max-width: none;
  }
  #footer .foot__side{width:100%;}
}