@charset "UTF-8";
@import "fonts.css?v=1";
@import "layout.css?v=1";

:root {
    /* 컬러지정 */
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray-1: #252729;
    --color-gray-2: #5C5F61;
    --color-gray-3: #8C8C8C;
    --color-point: #DE539B;

    /* 폰트지정 */
    --font-o300:'SamsungOneKorean-Light', sans-serif;
    --font-o400:'SamsungOneKorean-Regular', sans-serif;
    --font-o500:'SamsungOneKorean-Medium', sans-serif;
    --font-o600:'SamsungOneKorean-SemiBold', sans-serif;
    --font-o700:'SamsungOneKorean-Bold', sans-serif;
    --font-s400:'SamsungSharp-Regular', sans-serif;
    --font-s500:'SamsungSharp-Medium', sans-serif;
    --font-s600:'SamsungSharp-SemiBold', sans-serif;

    /* font Reset */
    font-family: var(--font-o400), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(5px, calc(10 / (375 / 100) * 1vw), 19.2px ); 
    color: var(--color-black);
    -webkit-text-size-adjust: 100%;

    /* style */
    --inner-gap: 2.4rem;
    --minus-gap: calc(-1 * var(--inner-gap));
    --full-height: calc(var(--vh, 1vh) * 100);
}

/* REM 반응형 공식 */

@media screen and (max-width: 720px) {
    :root{
        font-size: calc(10 / (375 / 100) * 1vw) ;
    }
}

/* Reset */
* {
    padding:0;
    margin:0;
    box-sizing: border-box;
    word-break: keep-all;
}

html {
    &.fixed{
        overflow: hidden;
    }
}

a {
    color:inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

button {
    all:unset;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-size:1.6rem;
    border:none;
    background-color: transparent;
    cursor: pointer;
    padding-block: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

.full-height {
    height: calc(var(--vh, 1vh) * 100);
}

i {font-style: normal;}

picture {
    display: block;
    all: unset;
}

img {
    display: block;
    width:100%;
    max-width:100%;
}

.visuallyHidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

input {
    outline: none;
}

textarea {
    outline: none;
}

label {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: 400 !important;
}