@charset "UTF-8";
:root{
    --c-black: #000;
    --c-d-tundora: #61564b;
    --c-tundora10: #7c756c;
    --c-tundora100: #403d3f;
}
/****************************** FONT ******************************/
@font-face {
    font-family: 'Title';
    font-style: normal;
    font-weight: 300;
    src: local('☺'), url('../fonts/Title_Light.woff') format('woff');
}

@font-face {
    font-family: 'Title';
    font-style: normal;
    font-weight: 500;
    src: local('☺'), url('../fonts/Title_Medium.woff') format('woff');
}

@font-face {
    font-family: 'Title';
    font-style: normal;
    font-weight: 700;
    src: local('☺'), url('../fonts/Title_Bold.woff') format('woff');
}

@font-face {
    font-family: 'Title';
    font-style: normal;
    font-weight: 900;
    src: local('☺'), url('../fonts/TitleV.woff') format('woff');
}
/****************************** RESET ******************************/
html {scroll-behavior: smooth;}

body {width: 100%;font-family: 'Title','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum,sans-serif !important;font-size: 16px;font-weight: 500;color: #000;line-height: 1.5;word-break: keep-all;word-wrap: break-word;-webkit-text-size-adjust: none;}

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,textarea,button,a,span {margin: 0;padding: 0;box-sizing: border-box;}

body,input,select,textarea,button,table {}

h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: inherit;}

iframe, fieldset {border: 0;}

img {border: 0;vertical-align: middle;max-width:100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

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

em,address {font-style: normal;}

a {color: inherit;text-decoration: none;}

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

input,select,textarea,button {vertical-align: middle;}

button {cursor: pointer;width: auto;overflow: visible;color: inherit;font-size: inherit;vertical-align: middle;background: transparent;border: none;}

/* button:focus, select:focus {outline: dotted 1px #888;outline-offset: -1px;} */

/*
button:focus { outline:none; }
button:focus-visible { outline:solid 1px #a6c8ff; }
button:focus, select:focus { outline:solid 1px #a6c8ff; outline-offset:-1px; }
*/

button[disabled="disabled"] {cursor: default;}

sup {line-height: 1;font-size: 0.7em;}

table {border-collapse: separate;border-spacing: 0;table-layout: fixed;width: 100%;empty-cells: show;}

caption,legend {visibility: hidden;font-size: 0;width: 0;height: 0;line-height: 0;}

input:focus{outline: none;}

input[type='tel']::-ms-clear, input[type='text']::-ms-clear, input[type='password']::-ms-reveal {display: none;}

input[disabled="disabled"], select[disabled="disabled"], input.disabled, radio[disabled="disabled"] {background-color: #f3f3f3 !important;cursor: default !important;border-color: #ccc !important;}

input[readonly="readonly"], input.readonly {background-color: #fafafa !important;cursor: default !important;}

select {vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}

select::-ms-expand {display: none;}

::-webkit-input-placeholder {color: #999; font-weight: 400;}

::-moz-placeholder {color: #999; font-weight: 400;}

:-ms-input-placeholder {color: #999; font-weight: 400;}

:-moz-placeholder {color: #999; font-weight: 400;}

select.placeholder {color: #999; font-weight: 400;}

th, td {text-indent: 0;}

div:focus, dl:focus, dt:focus, dd:focus, ul:focus, ol:focus, li:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, pre:focus, code:focus, form:focus, fieldset:focus, legend:focus, p:focus, blockquote:focus, th:focus, td:focus, article:focus, aside:focus, details:focus, figcaption:focus, figure:focus, footer:focus, header:focus, hgroup:focus, main:focus, nav:focus, section:focus, summary:focus,a:focus, div:hover, dl:hover, dt:hover, dd:hover, ul:hover, ol:hover, li:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, pre:hover, code:hover, form:hover, fieldset:hover, legend:hover, p:hover, blockquote:hover, th:hover, td:hover, article:hover, aside:hover, details:hover, figcaption:hover, figure:hover, footer:hover, header:hover, hgroup:hover, main:hover, nav:hover, section:hover, summary:hover {outline: none;}

/****************************** COMMON ******************************/
.blind {display: block;position: absolute;left: -9999px;text-indent: -9999px;width: 0;height: 0;border: 0;overflow: hidden;font-size: 1px;line-height: 0;white-space: nowrap;}

.vt {vertical-align: top !important;}

.vm {vertical-align: middle !important;}

.al {text-align: left !important;}

.ac, table.ac th, table.ac td {text-align: center !important;}

/* table.ac th, table.ac td {padding-left: 10px;padding-right: 10px;} */

.ar {text-align: right !important;}

.iblock {display: inline-block;}

.block {display: block;}

.w-full {width: 100%;}

strong {font-weight: 500;}

.bold {font-weight: 700;}