@charset "UTF-8";
/* Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/* SF Pro */
@import url("https://gist.githubusercontent.com/mfd/614e2e80a22b878bde63cb471cbe677e/raw/4996edf5eb9aea434e0cbdc81923fb110a29d060/sanfrancisco-font.css");


/* ::-moz-selection {
    background-color: #333;
    color: #fff;
}
::selection {
    background-color: #333;
    color: #fff;
} */


:root {
    --animate-duration: 100ms;   /*애니메이션(ani) 실행 시간*/
    --animate-delay: 200s;   /*ani 실행 지연 시간 설정*/
}
html, body {
    font-family: "Pretendard", sans-serif;
    font-size: 100%;
    color: inherit;
    line-height: 1.2;
    /* letter-spacing: 0.002em; */
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    /* height: 100vh; */
}
body.no_scroll {    
    overflow: hidden;
    padding-right: var(--scrollbar-width); 
    /* background-color: transparent; */
}
body.no_scroll header {    
    padding-right: var(--scrollbar-width); 
}
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
/* .wrapper02 {
    width: 1426px;
    margin: 0 auto;
}
.wrapper03 {
    width: 1320px;
    margin: 0 auto;
}
.wrapper04 {
    width: 1308px;
    margin: 0 auto;
} */

.font_l {
    font-weight: 300;
}
.font_r {
    font-weight: 400;
}
.font_m {
    font-weight: 500;
}
.font_semibold {
    font-weight: 600;
}
.font_bold  {
    font-weight: 700;
}
.font_black {
    font-weight: 800;
}
.font_sf_r {
    font-family: "San Francisco", sans-serif;
    font-weight: 400;
}
.font_sf_m {
    font-family: "San Francisco", sans-serif;
    font-weight: 510;
}
.font_sf_semibold {
    font-family: "San Francisco", sans-serif;
    font-weight: 600;
}
.font_sf_bold  {
    font-family: "San Francisco", sans-serif;
    font-weight: 700;
}
.font_sf_black {
    font-family: "San Francisco", sans-serif;
    font-weight: 800;
}
.font_gradient {
    background: linear-gradient(to right, #36D1DC 0%, #5B86E5 52% , #8E54E9 100%);
    color: transparent;
    -webkit-background-clip: text;
}
.font_c_red {
    color: #F66570;
}
.font_c_black {
    color: #171A1F;
}
.font_year {
    vertical-align: top;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

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

a {
    text-decoration: none;
    color: inherit;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

address, em {
    font-style: normal ;
}

h1, h2, h3, h4, h5, h6, strong, th {
    font-size: inherit;
    font-weight: inherit;
}

input, button, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

button{
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
table {
    border-collapse: collapse;
    border: 0; /
}

table caption {
    display: none;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}

:root {
    --maingreen : #36DCC8;
    --mainmint : #36D1DC;
    --mainblue : #5B86E5;
    --mainindgio : #7370E7;
    --mainpurple : #8E54E9;
    --subred : #F66570;
    --graybg : #F9FAFB;
    --gray1 : #F9FBFC;
    --gray2 : #E5E8EB;
    --gray3 : #D1D6DB;
    --gray4 : #8B95A1;
    --gray6 : #5A5F67;
    --gray8 : #333D4B;
    --gray9 : #171A1F;
    --black: #000000;
    --white: #FFFFFF;
}

/* @media screen and (max-width: 1500px) {
    .wrapper {
        width: 100%;
        padding: 0 20px;
    }
} */
 
@media screen and (max-width: 1280px) {
    /* .header {
        overflow: auto;
    } */
    .wrapper {
        width: 100%;
        min-width: auto;
        padding: 0 20px;
    }
    html, body {
        overflow: scroll;
        min-width: 1200px;
        /* touch-action: pan-x;  */
    }
}