@charset "UTF-8";

@font-face { 
    font-family: 'Gmarket Sans'; 
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
    font-weight: 300; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Gmarket Sans'; 
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Gmarket Sans'; 
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); 
    font-weight: 700; 
    font-style: normal; 
} 

:root { 
    --primary: #515151; 
    --highlight: #00A8E5; 
    --gray: #707070; 
    --bluegray: #333A3D; 
    --darkgray: #333333; 
    --border: #dfdfdf; 
    --placeholder: #ACACAC; 
    --dark: #020D11; 
    --water: #DAF0F8; 
} 

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all; } 

html { width: 100%; height: 100%; } 

body { width: 100%; height: 100%; -webkit-text-size-adjust:none } /* 뷰포트 변환시 폰트 크기 자동 확대 방지 */

fieldset,img { border:0 none } 

dl,ul,ol,menu,li { list-style:none } 

blockquote, q { quotes:none } 

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

input,select,textarea,button { font-size:100%; vertical-align:middle; outline: none; } 

button { border:0 none; background-color:transparent; cursor:pointer } 

table { border-collapse:collapse; border-spacing:0 } 

input[type='text'],input[type='password'],input[type='search'],input[type='date'],input[type='email'],input[type='tel'] { -webkit-appearance:none; border-radius:0; } 

input:checked[type='checkbox'] { background-color:var(--gray); -webkit-appearance:checkbox } 

button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] { -webkit-appearance:button; border-radius:0; border-width: 0; } 

input[type='search']::-webkit-search-cancel-button { -webkit-appearance:none } 

html,body,th,td,input,select,textarea,button { font-size: 16px; line-height: 1.5; font-family: Pretendard, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight: 400; color:var(--primary); } 

a { color:var(--darkgray); text-decoration:none } 

a:active, a:hover { text-decoration:none } 

address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal } 

/* Chrome */
input[type=range] { width: 100px; padding: 0; -webkit-appearance: none; background: transparent; border-color: transparent; } 
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } 
input[type=range]:focus { outline: none; } 

/* IE */
input[type=range]::-ms-track { width: 100px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } 


progress[value] { -webkit-appearance: none; appearance: none; } 





@media screen and (max-width:992px) { 
    html,body,th,td,input,select,textarea,button { font-size: 14px; } 
} 

@media screen and (max-width:480px) { 
    html,body,th,td,input,select,textarea,button { font-size: 12px; } 
}