/* common style */
html{
    font-family: 'Pretendard';
    font-size: var(--font-size-pc, 20px);
    line-height: 1.4;
    word-break: keep-all;
    scroll-behavior: smooth;
}
.innerContent{
    width: 1440px;
    margin: 0 auto;
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
}
.btnCommon{
    /* 18 / 20 = 0.9rem */
    font-size: 0.9rem;
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 0.8rem 2.15rem;
    border-radius: 2rem;
    text-transform: uppercase;
    border: 1px solid #000;
}
.btnCommon:hover{
    color: var(--main-color)
}
.btnCommon:active{
    background-color: var(--main-color);
    color: #000;
    border: 1px solid #000;
}
:root{
    --main-color: #3c8582;
    --font-size-pc: 20px;
    --font-size-tab: 18px;
    --font-size-mobile: 14px;
    --font-weight-thin: 200;
    --font-weight-bold: 600;
}
/* thin - 얇은 폰트 적용 - sementic tag */
thin{
    font-weight: var(--font-weight-thin);
}
mc{
    color: var(--main-color);
}
/* bold{
    font-weight: var(--font-weoght-bold);
} */
h3{
    font-size:0.9rem;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
h4{
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.desc{
    margin-bottom: 4rem;
}
h4{
    font-size: 4rem;
    font-weight: var(--font-weight-bold);
    margin-bottom: 1rem;
}

/* 스크롤바 */

/* 전체 스크롤바 */
::-webkit-scrollbar {
    width: 0.5rem; /* 스크롤바의 너비 */
    height: 0.5rem; /* 가로 스크롤바의 높이 */
}

/* 스크롤바의 트랙 */
::-webkit-scrollbar-track {
    background: #ffffff; /* 트랙 배경 색상 */
    border-radius: 10px; /* 트랙 모서리 둥글게 */
    /* border-radius: 0px; 트랙 모서리 안둥글게 */
}

/* 스크롤바의 핸들 */
::-webkit-scrollbar-thumb {
    background: var(--main-color); /* 핸들 색상 */
    border-radius: 10px; /* 핸들 모서리 둥글게 */
}

/* 핸들 호버 시 색상 변경 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 핸들 호버 색상 */
}

/* 가로 스크롤바의 핸들 */
::-webkit-scrollbar-thumb:horizontal {
    background: var(--main-color); /* 가로 핸들 색상 */
}

/* Webkit 기반 브라우저에서 스크롤바 숨기기 */
/* body::-webkit-scrollbar {
    display: none; 
} */