@charset "utf-8";
/* TOURMUCH // Maker : H.J Jeon // E-Mail : jinia21@naver.com // Site : tourmuch.com */

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../webfonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 100; src: url('../webfonts/SCDream/SCDream1.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 200; src: url('../webfonts/SCDream/SCDream2.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 300; src: url('../webfonts/SCDream/SCDream3.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 400; src: url('../webfonts/SCDream/SCDream4.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 500; src: url('../webfonts/SCDream/SCDream5.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 600; src: url('../webfonts/SCDream/SCDream6.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 700; src: url('../webfonts/SCDream/SCDream7.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 800; src: url('../webfonts/SCDream/SCDream8.woff') format('woff'); } 
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 900; src: url('../webfonts/SCDream/SCDream9.woff') format('woff'); }

html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--color-point); border-radius: 10px;}

html, body {
    word-break: keep-all;

    --max-width-xs: 1024px;
    --max-width-sm: 1240px;
    --max-width-md: 1440px;
    --max-width-lg: 1720px;
    --max-width-full: 1920px;

    --padding-basic: 1rem;
    --padding-lg: 2rem;

    --font-basic: 'Pretendard Variable';
    --font-weight-light: 100;
    --font-weight-regular: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 800;
    --font-weight-heavy: 900;

    --font-point: 'SCDream';

    --color-basic: #111827;
    --color-basic-rgb: 17,24,39;
    --color-basic-reverse: #FFF;
    --color-basic-reverse-rgb: 255,255,255;
    --color-gray: #7C7E81;
    --color-gray-rgb: 124,126,129;
    --color-gray-light: #99a1af;
    --color-gray-light-rgb: 106,114,130;
    --color-gray-deep: #575452;
    --color-gray-deep-rgb: 87,84,82;
    --color-gray-deep-hover: #1a1f28;
    --color-gray-deep-hover-rgb: 26,31,40;

    --color-point: #26AAE1;
    --color-point-rgb: 38,170,225;
    --color-point-hover: #1788b9;
    --color-point-hover-rgb: 23,136,185;
    --color-red: #e7000b;
    --color-red-rgb: 231,0,11;
    --color-red-hover: #c10007;
    --color-red-hover-rgb: 193,0,7;
    --color-green: #00bc7d;
    --color-green-rgb: 0,188,125;
    --color-green-hover: #096;
    --color-green-hover-rgb: 0,153,102;
    --color-blue: #1D6D9B;
    --color-blue-rgb: 29,109,155;
    --color-blue-hover: #134f72;
    --color-blue-hover-rgb: 19,79,114;
    --color-blue-deep: #4C5CB7;
    --color-blue-deep-rgb: 76,92,183;
    --color-sky: #00FFEE;
    --color-sky-rgb: 0,255,238;

    --color-line-basic: #d1d5dc;
    --color-line-basic-rgb: 209,213,220;
    --color-line-light: #f6f3f4;
    --color-line-light-rgb: 246,243,244;
    --color-box-basic: #FFF;
    --color-box-basic-rgb: 255,255,255;
    --color-bg-gray: #F6F6F6;
}

/* Color // Basic */
.color-basic, .hover-color-basic:hover                          { color: var(--color-basic) !important; }
.color-white, .hover-color-white:hover                          { color: var(--color-white) !important; }
.color-black, .hover-color-black:hover                          { color: var(--color-black) !important; }
.color-point, .hover-color-point:hover                          { color: var(--color-point) !important; }
.color-gray, .hover-color-gray:hover                            { color: var(--color-gray) !important; }
.color-gray-light, .hover-color-gray-light:hover                { color: var(--color-gray-light) !important; }
.color-gray-deep, .hover-color-gray-deep:hover                  { color: var(--color-gray-deep) !important; }
.color-red, .hover-color-red:hover                              { color: var(--color-red) !important; }
.color-blue, .hover-color-blue:hover                            { color: var(--color-blue) !important; }
.color-sky, .hover-color-sky:hover                              { color: var(--color-sky) !important; }

body.popup-open {overflow: hidden;}

img { max-width: 100%; object-fit: cover; }

.max-width-xs { max-width: var(--max-width-xs); margin: 0 auto; }
.max-width-sm { max-width: var(--max-width-sm); margin: 0 auto; }
.max-width-md { max-width: var(--max-width-md); margin: 0 auto; }
.max-width-lg { max-width: var(--max-width-lg); margin: 0 auto; }

#container {
    min-height: 80vh;
    padding: 70px var(--padding-basic) var(--padding-lg);
    font-family: var(--font-basic);
}

h2.tit-h2 {
    padding: var(--padding-lg);
    margin-bottom: var(--padding-lg);
    border-bottom: 1px solid var(--color-basic);
    font-size: clamp(2rem, 5.5vw, 3rem);
    font-family: var(--font-point);
    font-weight: var(--font-weight-semibold);
    text-align: center;
}

@media screen and (min-width: 767px) {
    #container {
        padding: 70px 2rem 3rem;
    }

    h2.tit-h2 {
        padding-block: 3rem;
        margin-bottom: 3rem;
    }
}

@media screen and (min-width: 1023px) {
    h2.tit-h2 {
        padding-block: 4rem;
    }
}

@media screen and (min-width: 1239px) {
    #container {
        padding: 80px 3rem 5rem;
    }

    h2.tit-h2 {
        padding-block: 5rem;
        margin-bottom: 5rem;
    }
}

@media screen and (min-width: 1439px) {
    #container {
        padding: 80px 0 5rem;
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1639px) {
    #container {
        padding: 90px 0 6rem;
    }
}






/* 준비중 페이지 */
.waiting-page {
    padding: 50px 20px;
}

.waiting-page h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.waiting-page h3 figure {
    width: 50%;
    max-width: 300px;
    font-size: 0;
}

.waiting-page h3 em {
    font-size: clamp(2rem, 6vw, 5rem);
    text-transform: uppercase;
    font-weight: var(--font-weight-medium);
    background: linear-gradient(45deg, var(--color-basic), var(--color-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.waiting-page p {
    position: relative;
    margin-top: 20px;
    color: var(--color-gray);
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    text-align: center;
}

.waiting-page p br {
    display: none;
}

@media screen and (min-width: 767px) {
    .waiting-page p br {
        display: block;
    }
}

@media screen and (min-width: 1023px) {
    .waiting-page {
        padding: 100px 20px;
    }

    .waiting-page h3 em {
        font-weight: var(--font-weight-light);
    }

    .waiting-page p {
        padding-top: 180px;
        margin-top: 30px;
    }

    .waiting-page p:after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 150px;
        background-color: var(--color-line-basic);
        content: '';
    }
}








/* ------------------------------------------------------------ */



@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 1023px) {
}

@media screen and (min-width: 1239px) {
}

@media screen and (min-width: 1439px) {
}

@media screen and (min-width: 1640px) {
}

@media screen and (min-width: 1840px) {
}