@charset "utf-8";

/* Reset */
@import url(font.css);
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100; 300; 400; 500; 700; 900&display=swap");  */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100; 300; 400; 500; 700; 900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

html,body,
h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,
ul,ol,li,nav,section,article,header,footer,main,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,
form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption,a { margin:0;padding:0; font-family: "OneMobile", sans-serif; font-weight: 300; color : #191919; word-break: keep-all; border: none; box-sizing: border-box;} 
/* body,input,select,textarea,button,img,fieldset { border: none; }  */
ul,ol,li { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } 
address,cite,code,em,i { font-style: normal; font-weight: normal; } 
label,img,input,select,textarea,button,a { font-size: 1rem; vertical-align: middle; } 
u,ins,a { text-decoration: none; } 
button { cursor: pointer; } 

/* Normalize */
input { font: inherit; margin: 0; line-height: normal; border-radius: 0; resize: none }
input[type=checkbox], input[type=radio] { width: 1.125rem; height: 1.125rem; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } 

input[type=number] { -moz-appearance: textfield; } 

input[type=number],
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=date],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } 

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } 

input[type=date] { position: relative; } 

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button { display: none; } 
input[type=date]::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; background: transparent; color: transparent; cursor: pointer; width: 100%; height: 100%; } 
input[type=date] { position: relative; width: 100px; } 
input[type=date]::before { content: attr(data-placeholder); width: 100%; } 
input[type=date]:valid::before { display: none; } 

.hide { overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } 

/* margin-padding */
.mt0 { margin-top: 0; } 
.mt12 { margin-top: 12px; } 
.mt16 { margin-top: 16px; } 
.mt20 { margin-top: 20px; } 
.mt30 { margin-top: 30px; } 
.mt35 { margin-top: 35px; } 
.mt60 { margin-top: 60px; } 
.mt65 { margin-top: 65px; } 
.mt95 { margin-top: 95px; } 

.pt0 { padding-top: 0; } 
.pt12 { padding-top: 12px; } 
.pt16 { padding-top: 16px; } 
.pt20 { padding-top: 20px; } 
.pt35 { padding-top: 35px; } 
.pt65 { padding-top: 65px; } 

.mb35 { margin-bottom: 35px; } 

/* flexbox */
.align { display: flex; }
.align.both { justify-content: space-between; }
.align.center { justify-content: center; }
.align.vm { align-items: center; }

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden; } 
.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 5rem; background: #000; color:#fff; text-align: center; z-index: 100; } 
.skip:focus { top: 0; } 

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



:root { 
    --main-Cl01: #607c4f; 
    --main-Cl02: #68813c; 
    --main-Cl03: #8a8c8f; 
    --main-Cl04: #fffef2; 
    --main-Cl05: #f0efdd; 
    --sub-Cl01: #786565; 
    --sub-Cl02: #f15b40; 
    --sub-Cl03: #58595b; 
    --aux-Cl01: #2e8c5a; 
    --aux-Cl02: #40a969; 
    --aux-Cl03: #9fd18b; 
    --black: #000000;
    --white: #ffffff;
    --gray19: #191919;  
    --gray21: #212121;  
    --gray33: #333333;  /* 테이블 top 라인, th font color */
    --gray42: #424242;  /* td font color */
    --gray50: #505050;
    --gray55: #555555;
    --gray53: #53575a;
    --gray58: #58595b;
    --gray66: #666666;
    --graybb: #bbbbbb;
    --graybc: #bcbec0;  /* 테이블 th 라인 */
    --grayd1: #d1d1d1;
    --graydb: #dbdbdb;  /* 테이블 td 라인 */ 
    --grayde: #dedede;  
    --graye5: #e5e5e5;
    --grayeb: #ebebeb;
    --grayf7: #f7f7fa;
    --font-eng: 'Lato', sans-serif; } 

    .gray58 { color: var(--gray58);}
    .gray66 { color: var(--gray66);}

/* 
  font-family: 'OneMobile', sans-serif; 
  font-weight:100 Light;
  font-weight:300 Regular;
  font-weight:500 Bold;
  font-family: 'OneMobile-Title', sans-serif;
  font-weight:700 Title; 

  font-family: 'Roboto', sans-serif; font-weight: 100 Thin
  font-weight: 300 Light
  font-weight: 400 Regular
  font-weight: 500 Medium
  font-weight: 700 Bold
  font-weight: 900 Black  */