@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*font*/
.ft-gl {font-family: 'GmarketSansLight';}
.ft-gm {font-family: 'GmarketSansMedium';}
.ft-gb {font-family: 'GmarketSansBold';}
.ft-yg {font-family: 'yg-jalnan';}
.ft-cafe {font-family: 'Cafe24Ssurround';}


/* RESET */
* {box-sizing:border-box;}
html, body {font-family: 'Noto Sans KR', sans-serif;}
html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, 
table, thead, tbody, tfoot, tr, th, td, 
span, em, p, strong, del, s, q, blockquote, 
address, form, input, fieldset, legend, button, select, option, textarea, label, 
ul, ol, li, a, div, header, nav, aside, section, footer, article, video, img {
    font-size:1.0em; line-height:1.0;
    font-style:normal; font-weight:normal;
    margin:0; padding:0;
	background: none;
    border: 0;
}
ul, ol, li {list-style:none;}
table, tr, th, td {border-collapse:collapse;}
a {text-decoration:none; color:#000;}
fieldset {border:0;}
button {cursor:pointer;}
select {border:0; background:none;}
.skip {display:none;}

/* Scroll bar */
html {
    height: 100%;
    overflow-y: scroll;
    scrollbar-3dLight-Color: #333;
    scrollbar-arrow-color: #777;
    scrollbar-base-color: #333;
    scrollbar-Face-Color: #fff;
    scrollbar-Track-Color: #333;
    scrollbar-DarkShadow-Color: #333;
    scrollbar-Highlight-Color: #333;
    scrollbar-Shadow-Color: #fff
}

::-moz-selection {
    background: #05375a81;
    color: white;
    text-shadow: none
}

::selection {
    background: #05375a81;
    color: white;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 10px
}

::-webkit-scrollbar-track {
    background: #dddddd
}

::scrollbar {
    width: 10px
}

::scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 10px
}

::scrollbar-track {
    background: #dddddd
}

/* html body*/
html { scroll-behavior: smooth; }
body { word-break:keep-all; }

/*font style*/
.fc-red {color:red;}
.fc-blue {color:blue;}
.bold {font-weight:bold;}

/*margin,padding*/
.mt-1 {margin-top:10px;} .mt-2 {margin-top:15px;} .mt-3 {margin-top:20px;} .mt-4 {margin-top:25px;} .mt-5 {margin-top:30px;} .mt-6 {margin-top:35px;} .mt-7 {margin-top:40px;} .mt-8 {margin-top:45px;} .mt-9 {margin-top:50px;}
.mb-1 {margin-bottom:10px;} .mb-2 {margin-bottom:15px;} .mb-3 {margin-bottom:20px;} .mb-4 {margin-bottom:25px;} .mb-5 {margin-bottom:30px;} .mb-6 {margin-bottom:35px;} .mb-7 {margin-bottom:40px;}
.mb-8 {margin-bottom:45px;} .mb-9 {margin-bottom:50px;}
.pd-10 {padding:5px;} .pd-15 {padding:10px;} .pd-20 {padding:15px;} .pd-25 {padding:20px;} .pd-30 {padding:15px;} .pd-35 {padding:15px;} .pd-40 {padding:20px;}

@media (min-width: 600px) {
.mt-1 {margin-top:10px;} .mt-2 {margin-top:20px;} .mt-3 {margin-top:30px;} .mt-4 {margin-top:40px;} .mt-5 {margin-top:50px;} .mt-6 {margin-top:60px;} .mt-7 {margin-top:70px;} .mt-8 {margin-top:80px;} .mt-9 {margin-top:90px;}
.mb-1 {margin-bottom:10px;} .mb-2 {margin-bottom:20px;} .mb-3 {margin-bottom:30px;} .mb-4 {margin-bottom:40px;} .mb-5 {margin-bottom:50px;} .mb-6 {margin-bottom:60px;} .mb-7 {margin-bottom:70px;}
.mb-8 {margin-bottom:80px;} .mb-9 {margin-bottom:90px;}
.pd-10 {padding:10px;} .pd-15 {padding:15px;} .pd-20 {padding:20px;} .pd-25 {padding:25px;} .pd-30 {padding:30px;} .pd-35 {padding:35px;} .pd-40 {padding:40px;}
}