/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}

:root {
    --transition-default: all 0.4s ease;
}
  
/* 필요한 요소만 선택적으로 */
nav,
.menu-toggle {
  transition: var(--transition-default);
}



body {margin:0;padding:0;
    font-size: 16px; /* 기준 rem 값 */
    height:100%;
    line-height: 1.8;
    color: #141414;
    font-family:'Pretendard Variable', 'AppleSDGothicNeo-Regular','Malgun Gothic','맑은 고딕','dotum','돋움',sans-serif;
    font-weight: 300;
    word-break: keep-all;
    letter-spacing: -.015em;
}
.hak{
  font-family: 'Paperlogy';
  font-weight:900;
}
.hak_low{
  font-family: 'Paperlogy';
  
}
.blc{
  color: #61594f;
}
.blc a{
  color: #fff;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em;font-family:'Elice-re', 'AppleSDGothicNeo-Regular','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
button, input[type=submit] {cursor:pointer}

input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select,button {font-size:1em;font-family:'Pretendard Variable', 'Elice-re', 'AppleSDGothicNeo-Regular','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:keep-all;}

hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#141414;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
img{vertical-align:top;max-width:100%;height:auto}

.hidden{
  display:none;
}
img{
  width: 100%;
}
/* 제목 */
h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
  }
  
  h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.3;
  }
  
  h3 {
    font-size: 1.5rem;
    font-weight: 600;
    /* margin-bottom 제거 - 유틸리티 클래스로 제어 */
  }

  h4 {
    font-size: 1.3rem;
    font-weight: 500;
    /* margin-bottom 제거 - 유틸리티 클래스로 제어 */
  }
  
  h5 {font-size: 1.125rem;}
  
  h6 {font-size: 1rem;}
  
  /* 본문 텍스트 */
  /* p, li {font-size: clamp(1rem, 1.5vw, 1.125rem);}*/
  
  /* 캡션이나 보조 텍스트 */
  small {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: #61594f;
  }
  
  /* 버튼 텍스트 */
  button {
    font-size: clamp(0.85rem, 1.2vw, 0.85rem);
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 0;
    padding: 15px;
    border-radius: 9px;
    color: #61594f;
    min-width: 120px;
    font-family: 'Pretendard Variable';
    font-weight:400;
    letter-spacing: -.015em;
  }

header button{
  min-width:auto;
  padding:15px 0;
}


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



 
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#61594f;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



.flex{
    display: flex;
}

.mint{
  color:#387f6d;
}

select {
  padding: 6px 12px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 14px;
}
.inner {
    max-width:1400px; 
    width: 92%;
    margin: 0 auto;
    padding:15px;
}

.inner_sub {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.wi{
   color:#fff;
}
.mar_mini{
  margin-top: 20px;

}
.bold{
  font-weight: 800;
}
.revers{
    flex-direction: row-reverse;
}
.ready{
  width: 100%;
  height: 500px;
  display: flex;
    align-items: center;
    justify-content: center;
}



.t_strong{
  font-weight: 600;
  font-family: 'Paperlogy';
}

.xi-globus:before, .xi-home-o:before {
    margin-right: 5px;
}
.mt100{
  margin-top:100px;
}

.line{
  width: 30px;
  height: 3px;
}

.pl20{
  padding-left: 20px !important;;
}

.color_g{
  color: #4b4032;
}

/* .mt20{margin-top: 20px;} → mt-20 유틸리티 클래스 사용 */
.fw400{font-weight: 400;}
/* .mb50{margin-bottom: 50px;} → mb-50 유틸리티 클래스 사용 */