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

html, body {
    font-family: "Pretendard", sans-serif;
    font-size: 100%;
    color: inherit;
    line-height: 1.4;
    /* letter-spacing: 0.002em; */
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    height: 100vh;
    /* padding-right: var(--scrollbar-width); */
}
/* 스크롤 막기 관련 코드 */
body.scrollbar-hidden .pc_main .wrapper {
    padding-right: var(--scrollbar-width); 
}
body.scrollbar-hidden .pc_main .pc_title {
    padding-right: var(--scrollbar-width); 
}
body.scrollbar-hidden .pc_main .m_main {
    padding-right: var(--scrollbar-width);
}


.wrapper {
    width: 1370px;
    margin: 0 auto;
}
.m_wrapper {
    width: 100%;
    padding: 0 24px;
}

.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 {
    font-family: "San Francisco";
    /* font-family: 'SF Pro Condensed', sans-serif; */
}

* {
    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 {
    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 {
    --mainblue : #001A57;
    --mainbrown : #8E7978;
    --subgray : #F5F6F7;
    --bggray : #353B43;
    --black: #000000;
    --white: #FFFFFF;
}

/* @media screen and (max-width: 1500px) {
    .wrapper, .wrapper02, .wrapper03, .wrapper04 {
        width: 100%;
        padding: 0 20px;
    }
}
@media screen and (max-width: 1200px) {
    .wrapper, .wrapper02 {
        padding: 0;
    }
} */
/* @media screen and (max-width: 500px) {
    body.scrollbar-hidden {
        padding-right: 0 
    }
    body.scrollbar-hidden .m_main {
        padding-right: 0 
    }
    body.scrollbar-hidden .pc_main .pc_title {
        padding-right: 0 
    }
} */