:root {
    --main-blue : #004098;
    --light-blue : #DFE9F2;
    --main-black : #333;
    --sec-black : #646464;
    --gray-bg : #f7f7f7;
    --border: #e6e6e6;
    /* --inner : 1600px; */
    --inner : 160rem
}

*, 
::before, 
::after {
    box-sizing: border-box;
}
html{
    /* overflow-x: hidden; */
    box-sizing: inherit;
    background-color: #fff;
    overscroll-behavior-y: none;
}
body{
    position: relative;
    margin: 0;
    overscroll-behavior-y: none;
    font-family:'Neue Haas Grotesk Display Pro', 'Pretendard', sans-serif;
    /* letter-spacing: -0.03em;  */
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color:#333;
    line-height: 1.4;
}

html,body {
    font-size: calc(0.46875vw + 1px);
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
}

body:has(.en) {
    /* letter-spacing: 0.03rem; */
}

@media screen and (min-width:1921px){
    html,body{
        font-size: 10px
    }
}
@media screen and (max-width:1440px){
    html,body{
        font-size: calc(0.625vw + 1px);
    }
}
@media screen and (max-width:1200px){
    html,body{
        font-size: calc(0.75vw + 1px);
    }
}

@media screen and (max-width:904px) {
    html, body {
        font-size: calc(0.9955752212389381vw + 1px) 
    }
}
@media screen and (max-width:768px) {
    /* html, body {
        font-size: calc(1.171875vw + 1px) 
    } */
}


@media (max-width:599px) {

    html, body {
        font-size:10px
    }
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: inherit;
    color: #333;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    word-break: keep-all;
}
blockquote{
    margin: 0;
}
article, 
aside, 
details,
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
summary{
    display: block;
    position: relative;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
dl, dd{
    margin: 0;
}
figure{
    margin: 0;
}
img{
    display:inline-block;
    max-width: 100%;
}
fieldset{
    margin: 0;
    padding: 0;
    border: none;
}
em{
    font-style: normal;
}
textarea, 
button{
    vertical-align: middle;
}
textarea{
    color: #333; 
    resize: none; 
    overflow-y: auto; 
    -ms-overflow-style: auto;
}
a{
    text-decoration: none; 
    color: inherit;
}
a:hover, 
a:focus, 
a:active{
    text-decoration: none;
}
table{
    width: 100%;
    border-collapse:collapse;
}
button{
    overflow: visible; 
    padding: 0; 
    margin: 0; 
    line-height: inherit; 
    font-size: inherit; 
    font-family: inherit; 
    color: #333; 
    font-weight: 400; 
    white-space: nowrap; 
    border: none; 
    cursor: pointer; 
    background: none;
    letter-spacing: inherit; 
    /* border-radius:4px; */
}
button:active{
    outline: none;
}
button::-moz-focus-inner{
    padding: 0; 
    border: 0;
}
input[type="text"],
select{
    padding:0 16px;
    height:58px;
    line-height: 58px;
    font-family:inherit;
    font-size: inherit;
    color: #333;
    /* background-color:#f1f1f1;  */
    border-radius: 0;
    -webkit-transition:all ease .1s;
    transition:all ease .1s;
    border:1px solid var(--border)
}
textarea{
    font-family:inherit;
    font-size: inherit; 
    line-height:inherit; 
    padding:16px; 
    /* background-color: #f1f1f1;  */
    color: #333;
    /* border-radius: 4px; */
    -webkit-transition:all ease .1s;
    transition:all ease .1s; 
    border:1px solid var(--border)
}
select{
    margin: 0; 
    padding-right:32px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    -webkit-appearance: none;
    /* background:url('/images/arrow-down.svg') no-repeat center right 10px; */
    box-shadow: none;
    border:1px solid var(--border)
    /* background-color:#f1f1f1; */
}
select::-ms-expand{
    display:none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}

/* input:focus,
textarea:focus {
     border: none!important;
    box-shadow:none;
    -webkit-box-shadow:none
} */

/* input.is-invalid{
    border-color: #FF692D;
}
input.is-invalid::placeholder{
    color: #FF692D;
}
select.is-invalid{
    color: #fff;
    background-color: #FF692D;
    border-color: #FF692D;
    background-image: url('../images/icon-select-arrow-light.svg');
}
textarea.is-invalid{
    border-color: #FF692D;
}
textarea.is-invalid::placeholder{
    color: #FF692D;
} */
hr, 
legend, 
caption, 
.blind {
    overflow: hidden;
    position: absolute;
    left: -9999px !important;
    top: -9999px !important;
}

::placeholder{
    color:#999999;
}
:-ms-input-placeholder{
    color:#999999;
}
::-ms-input-placeholder{
    color:#999999;
}


#hd, #ft {background-color: transparent;}
#hd, #wrapper, #ft {
    min-width:unset
}
#container_wr {
    width:auto
}
#container {
    float: inherit;
    min-height: unset;
    margin: 0;
    width: auto;
}