@charset "utf-8";

/* JIS 최초 */
/* Reset */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-weight: 400;
}
html,
body {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}
body,
th,
td,
input,
select,
textarea,
button {
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", sans-serif;
  line-height: 1.5;
}
html,
div,
body,
span,
article,
canvas,
img,
header,
footer,
section,
blockquote,
hr,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
dl,
dt,
dd,
table,
th,
tr,
td,
form,
fieldset,
legend,
input,
textarea,
button,
nav {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
a {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
img {
  border: none;
  margin: 0;
  padding: 0;
}
blockquote {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
address {
  font-style: normal;
}
section,
nav,
article,
aside,
hgroup,
footer,
header {
  display: block;
}

input,
textarea,
select,
button,
table {
  font-size: inherit;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", sans-serif;
  line-height: inherit;
}
button {
  cursor: pointer;
  overflow: visible;
  background-color: transparent;
}
button,
select {
  text-transform: none;
}
textarea,
input,
select {
  background: none;
  -webkit-apprearance: none;
}
textarea {
  resize: none;
}
label {
  cursor: pointer;
}
legend,
caption {
  display: none;
  clear: both;
}
fieldset {
  border: none;
}
i {
  font-style: normal;
}
*:focus,
*:hover {
  outline: none !important;
}
hr {
  border-top: 1px solid #ccc;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}

:root {
  --pretendard: "Pretendard", serif;
  --jrwhite: #fff;
  --jrsoftwhite: #fcfcfd;
  --jrblack: #050505;
  --green50: #eff8f5;
  --green100: #cde9e0;
  --green200: #b5ded1;
  --green300: #93cfbb;
  --green400: #7ec6ae;
  --green500: #5eb89a;
  --green600: #56a78c;
  --green700: #43836d;
  --green800: #346555;
  --green900: #274d41;
  --gray100: #ebebeb;
  --gray200: #c1c1c1;
  --gray300: #d2d2d2;
  --gray600: #aeaeae;
  --gray800: #424245;
}

/* drag bg */
::selection {
  color: white;
  background: var(--gray800);
}
::-moz-selection {
  color: white;
  background: var(--gray800);
}

.block {
  display: block !important;
}
.inline {
  display: inline-block;
}
.hidden {
  display: none;
  font-size: 0;
}

/* animation_effects */

@-webkit-keyframes close_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes close_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* 1. 스크롤바 전체 너비 설정 */
::-webkit-scrollbar {
  width: 10px;  /* 세로 스크롤바 두께 */
  height: 10px; /* 가로 스크롤바 두께 */
}

/* 2. 스크롤바 트랙 (바탕) */
::-webkit-scrollbar-track {
  background: #c1c1c1; /* 아주 연한 회색 */
  border-radius: 10px;
}

/* 3. 스크롤바 막대 (움직이는 부분) */
::-webkit-scrollbar-thumb {
  background: #424245; /* 법무법인 메인 갈색 */
  border-radius: 10px;
}

/* 4. 마우스 올렸을 때 막대 색상 변경 */
::-webkit-scrollbar-thumb:hover {
  background: #333; /* 조금 더 진한 색으로 변경 */
}