@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
@font-face {font-family: "9px-bold"; src: url("font/9px-bold.woff") format("woff");}
@font-face {font-family: "9px-Regular"; src: url("font/9px-Regualr.woff") format("woff");}

/* Reset */
 * {
     outline:0 !important;
}

.nanumsquare {
    font-family: 'NanumSquare', sans-serif !important;
}

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {
    margin:0;
    padding:0;
}
html, body {
    height:100%;
}
html {
    -webkit-touch-callout:none; /* 탭하거나 꾹 누르는 경우 (롱터치) 보여지는 기본 ui를 제어하는 속성이다. iOS에서 터치 동작을 막고 싶을 때 사용 */
    /* -webkit-user-select:none;  드래그나 더블 클릭해서 텍스트의 선택을 하지 못하게 함 */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 화면을 탭할 때 하이라이트가 생기는 것을 없앰 */
}
body { 
    width:100%; 
    background:#fff; 
    min-width:320px;/* 모바일 */
    -webkit-text-size-adjust:none;/* 아이폰의 경우 뷰포트가 변경되면 자동으로 폰트 크기가 변경됨 */
    word-wrap:break-word; /* 가로 영역을 넘치는 단어에 대해 분리를 어떻게 할것인지 (띄어쓰지 않아도 줄바뀜) */
    word-break:break-all; /* 위와 비슷한 줄바꿈 */
    line-height:1; 
}
body,input,select,textarea,button {
    border:none;
    font-size:14px;
    font-family:'NanumSquare', sans-serif;
    color:#121212;
}
h1, h2, h3, h4, h5, h6 {
    font-size:inherit;
}
ul,ol,li {
    list-style:none;
}
table { 
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
}
img,fieldset {
    border:none;
}
address,cite,code,em {
    font-style:normal;
    font-weight:normal;
}
label,img,input,select,textarea,button {
    vertical-align:middle;
}
.hide,caption,legend {
    line-height:0;
    font-size:1px;
    overflow:hidden;
}
hr {
    display:none;
}
.main,header,section,nav,footer,aside,article,figure {
    display:block;
    overflow: hidden;
}

 
/* Form */
textarea { 
    border:1px solid #dbdbdb;
}
select { 
    height:32px; 
    font-size:13px; 
    color:#373737; 
    border:1px solid #e9e9e9; 
    background:#fff;
    border-radius:5px;
}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {
    width:100%; 
    height:34px; 
    font-size:12px; 
    color:#484848; 
    border:none; 
    background:#f2f2f2; 
    text-indent:17px; 
    border-radius:20px;      
    vertical-align:middle;
}
input::-webkit-input-placeholder {
    color:#fff; 
    font-size:20px; 
    line-height:1;
    font-weight: 500;
}
textarea { 
    padding:5px 0;
}
select:focus,
textarea:focus,
input:focus { 
    border:none;
}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{
    background:#eaeaea; 
    border-color:#c0c0c0; 
    color:#666; 
    -webkit-appearance:none;
    font-size:12px;
}
textarea[readonly],
textarea[disabled]{ 
    padding:11px; 
    font-size:16px; 
    color:#666; 
    font-weight:normal; 
    line-height:1.4; 
    height:78px; 
    background:#eaeaea;
    border:1px solid #c0c0c0;
}

.clear {
    clear:both;
}
.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}