@charset "UTF-8";

/* 폰트 정의 */
/* Noto Sans KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/* AppleSDGothicNeo */
@font-face{
    font-family:'AppleSDGothicNeo'; 
    src:url('../fonts/AppleSDGothicNeoL.ttf'); 
    font-weight: 300;
}
@font-face{
    font-family:'AppleSDGothicNeo'; 
    src:url('../fonts/AppleSDGothicNeoM.ttf'); 
    font-weight: 500;
}
@font-face{
    font-family:'AppleSDGothicNeo'; 
    src:url('../fonts/AppleSDGothicNeoB.ttf'); 
    font-weight: 700;
}
@font-face{
    font-family:'AppleSDGothicNeo'; 
    src:url('../fonts/AppleSDGothicNeoEB.ttf'); 
    font-weight: 800;
}
@font-face{
    font-family:'AppleSDGothicNeo'; 
    src:url('../fonts/AppleSDGothicNeoH.ttf'); 
    font-weight: 900;
}
/* ELANDChoice */
@font-face{
    font-family:'ELANDChoice'; 
    src:url('../fonts/ELANDChoiceL.ttf'); 
    font-weight: 300;
}
@font-face{
    font-family:'ELANDChoice'; 
    src:url('../fonts/ELANDChoiceM.ttf'); 
    font-weight: 500;
}
@font-face{
    font-family:'ELANDChoice'; 
    src:url('../fonts/ELANDChoiceB.ttf'); 
    font-weight: 700;
}
/* NanumSquare */
@font-face{
    font-family: 'NanumSquare'; 
    src: url('../fonts/NanumSquareL.ttf'); 
    font-weight: 300; 
}
@font-face{
    font-family: 'NanumSquare'; 
    src: url('../fonts/NanumSquareR.ttf'); 
    font-weight: 400; 
}
@font-face{
    font-family: 'NanumSquare'; 
    src: url('../fonts/NanumSquareB.ttf'); 
    font-weight: 700; 
}
@font-face{
    font-family: 'NanumSquare'; 
    src: url('../fonts/NanumSquareEB.ttf'); 
    font-weight: 800; 
}


/* 여백 초기화 */
* {box-sizing: border-box;}
html {font-size: 1px;}
html, body {width: 100%; height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {margin: 0; padding: 0}

/* 테두리 초기화 */
fieldset, img {border: 0 none}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}

/* 리스트 스타일 초기화 */
dl, ul, ol, menu, li {list-style: none}

/* 폰트 초기화 */
body, th, td, input, select, textarea, button {font-size: 14rem; line-height: 1.44; font-weight: normal; font-family: 'NanumSquare', 'Noto Sans KR', '나눔 고딕', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', 'sans-serif';}
a {display: inline-block; color: inherit; text-decoration: none; cursor: pointer; font-size: inherit;}
a:hover {text-decoration: none;}
/* a:active {background-color: transparent;} */
a:focus, select:focus {outline: none;}
html, body, header, footer, a, h1, h2, h3, h4, h5, h6, div, nav, ul, ol, table, tr, td, li, article, section, p, button, input, textarea, select, span, pre, i {color: inherit;}

/* 폰트 스타일 초기화 */
address, caption, cite, code, dfn, em, var{font-style: normal; font-weight: normal}

/* 이미지 */
img {width: 100%; vertical-align: bottom;}

/* 컴포넌트 */ 
/* Safari border-radius 해제*/
input, textarea, button {-webkit-appearance: none; -webkit-border-radius: 0; -moz-appearance: none; appearance: none;} 
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/icon-expand_more_black.png') no-repeat 100% 50% #fff;}
select::-ms-expand {display: none;} /* 화살표 delete for IE10, 11*/
input::placeholder {color: #bdbdbd;}
input:focus {outline: none;}
textarea::placeholder {color: #bdbdbd;}
button {background: transparent; border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

@media screen and (max-width: 768px) {
    /* html {font-size: 1px;} */
}

@media screen and (max-width: 480px) {
    /* html {font-size: 1px;} */
}