@charset "UTF-8";

/* 210812 */
html { font-size: 10px; -webkit-box-sizing: border-box ; box-sizing: border-box ; }

*, *::before, *::after { -webkit-box-sizing: inherit ; box-sizing: inherit ; }

body { margin: 0; padding: 0 !important; font-size: 1.6rem !important; font-weight: 400; font-family: "Nanum Gothic" !important; line-height: 1.25; color: #555 !important; }

ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

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

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

table { border-collapse: collapse; width: 100%; }

caption, legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

select, input, textarea { color: #555; font-size: 1.6rem; }

select, input { vertical-align: middle; }

address, em, i { font-style: normal; }

button { border: 0; padding: 0; background: none; cursor: pointer; }

hr { margin: 0; border: none; padding: 0; display: block; }

form, figure, figcaption { padding: 0; margin: 0; }

fieldset { border: none; padding: 0; margin: 0; }

input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

header, footer, article, section, aside, nav, main { display: block; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; }







/* screen reader only */
.sr-only, .hidden, .blind, .IR { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }

.skip-to:hover, .skip-to:focus, .skip-to:active { display: block; top: 0; }

/* form-control */
.form-control { display: inline-block; width: 100%; padding: .3rem 1rem; font-size: 14px; line-height: 1.42857143; color: #666; background-color: #fff; background-image: none; border: 1px solid #e0dede; font-family: "Nanum Gothic"; height: auto; }

textarea.form-control { height: inherit; resize: none; }

.form-control.xs { width: 4.5rem; }

.form-control.sm { width: 6.5rem; }

.form-control.md { width: 11.75rem; }

.form-control.lg { width: 17rem; }

.form-control.xl { width: 300px; }

.form-control.xxl { width: 700px; }

.form-control.normal { width: auto; }

.form-control::-webkit-input-placeholder { color: #b7b7b7; }

.form-control:-ms-input-placeholder { color: #b7b7b7; }

.form-control::-ms-input-placeholder { color: #b7b7b7; }

.form-control::placeholder { color: #b7b7b7; }

/* Align */
.txt-left { text-align: left !important; }

.txt-center { text-align: center !important; }

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

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

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