@media (min-width:1920px) {
    body{
        max-width: 1920px;
        margin: 0 auto;
    }
}
main{
    margin-top: 120px;
    /* 헤더의 높이만큼 */
    /* transition: margin-top 0.6s ease 0s; */
}
:root{
    /* basic size 1rem */
    --base-font-pc:20px;
    --base-font-tab:18px;
    --base-font-mo:14px;
    /*semantic color */
    --color-inactive:#777;

    /* device width */
    --device-tab:1440px;
    --device-mobile:786px;

    /* color variation */
    --Midnight-Whisper-color-0:#EDF1F7;
    --Midnight-Whisper-color-100:#B1C5E3;
    --Midnight-Whisper-color-200:#7D9DCD;
    --Midnight-Whisper-color-300:#557CB7;
    --Midnight-Whisper-color-400:#3964A6;
    --Midnight-Whisper-color-500:#275498;
    --Midnight-Whisper-color-600:#1B498E;
    --Midnight-Whisper-color-700:#144287;
    --Midnight-Whisper-color-800:#0F3D82;
    --Midnight-Whisper-main-color:#0E356E;

    /* font-weidth */
    --font-strong:700;
    --font-normal:400;

    /* font-height */
    --text-line-height:1.4;
    --base-line-height:1.2;

    /* spacing */
    --space-x-small:0.5rem;
    --space-2x-small:0.25rem;
    --space-normal:1rem;
    --space-x-large:2rem;
    --space-2x-large:3rem;
    --space-3x-large:6rem;

    /* semantic color - 비활성화*/
    --color-inacitbe:#777;
}
html{
    line-height: var(--base-line-height);
    font-family: 'Pretendard',sans-serif;
    font-size: var(--base-font-pc);
}
em{
    font-style: inherit;
    color: var(--Midnight-Whisper-main-color);
}
h1{
    font-size: 1.6rem;
    font-weight: var(--font-strong);
}
h2{
    font-size: 1.4rem;
    font-weight: var(--font-strong);
}
h3{
    font-size: 1.25rem;
    font-weight: var(--font-strong);
}
h3{
    font-size: 1rem;
    font-weight: var(--font-strong);
}
p{
    font-size: 1rem;
    line-height: var(--text-line-height);
}
.b2{
    font-size: 0.9rem;
}
.detail{
    font-size: 0.8rem;
}
.pf{
    font-family: "Edu NSW ACT Cursive", system-ui;
}
.common-frame{
    width: 1440px;
    margin: 0 auto;
}
.logo img{
    height: 5rem;
}
.btn-all menu img{ height: 1.2rem;}

.slider-container {
    overflow-x: auto;
    /* 슬라이드처럼 멈춤 /
    / scroll-snap-type: x mandatory;  /
    -webkit-overflow-scrolling: touch; / iOS 부드러운 스크롤 */
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}
::-webkit-scrollbar{
    width: 0.25rem;
    height: 0.25rem;
}
::-webkit-scrollbar-track{
    background: var(--Midnight-Whisper-main-color);
}
::-webkit-scrollbar-thumb{
    background: var(--Midnight-Whisper-color-400);
}

.slider-track {
  display: flex;
}
.ln1{
    display: -webkit-box;          /* 플렉스형 박스(옛 사양) */
    -webkit-box-orient: vertical;  /* 세로 방향 줄바꿈 기준 */
    -webkit-line-clamp: 1;         /* 보여줄 최대 줄 수 */
    overflow: hidden;              /* 넘치는 내용 숨기기 */
    text-overflow: ellipsis;       /* 말줄임 표기(보조) */
}
.ln2{
    display: -webkit-box;          /* 플렉스형 박스(옛 사양) */
    -webkit-box-orient: vertical;  /* 세로 방향 줄바꿈 기준 */
    -webkit-line-clamp: 2;         /* 보여줄 최대 줄 수 */
    overflow: hidden;              /* 넘치는 내용 숨기기 */
    text-overflow: ellipsis;       /* 말줄임 표기(보조) */
}
.ln3{
    display: -webkit-box;          /* 플렉스형 박스(옛 사양) */
    -webkit-box-orient: vertical;  /* 세로 방향 줄바꿈 기준 */
    -webkit-line-clamp: 3;         /* 보여줄 최대 줄 수 */
    overflow: hidden;              /* 넘치는 내용 숨기기 */
    text-overflow: ellipsis;       /* 말줄임 표기(보조) */
}
@media (max-width:1440px){
    html{
        font-size: var(--base-font-tab);
    }
    .common-frame{
        width: auto;
        margin: 0 2rem;
    }
    main{
        margin-top: 95px;
    }
}
@media (max-width:768px){
    html{
        font-size: var(--base-font-mo);
    }
    main{
        margin-top: 74px;
    }
    .common-frame{
        width: auto;
        margin: 0 1rem;
    }
}