@charset "utf-8";

/* ---------- reset
---------- */

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;}
body {margin: 0; padding: 0; font-size: 14px; font-weight: 500; font-family:'Nanum Gothic', sans-serif; letter-spacing: -0.45px; background-color: #fff; color: #333;}
html, div, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; border: 0}

h1, h2, h3, h4, h5, h6 {font-size: 1em; font-weight: 600;}
ul, li, dt, dd, ol, dl, dd, dt, p {margin: 0; padding: 0; list-style: none;}
legend, caption, hr {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}
label, input, button, select, img {vertical-align: middle;}

input, button {margin: 0; padding: 0;}
button {text-transform: none; vertical-align: middle;}
button,[type="button"],
[type="reset"],
[type="submit"] {background-color: transparent; cursor: pointer; }
input[type="submit"] {border-radius: 0; cursor: pointer;}
input[type="image"],
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="reset"]{border-radius: 0; border: none;}

table {table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0;}
textarea, select {overflow: auto; border-radius: 0;}
select {margin: 0; border-radius: 0;}
em, address {font-style: normal;}
form, fieldset, blockquote{margin: 0; padding: 0; border: 0}

/* anchor */
a:link,
a:visited,
a:active,
a:hover {color: #333; text-decoration: none;}

/* skipnavi */
#skip {position: relative; z-index: 999999;}
#skip a {position: absolute; top: -9999em; left: 0; width: 100%; background:#374b5d; color: #fff; text-align: center;}
#skip a:active,
#skip a:focus {top: 0;}
#skip span {display: block; font-size: 16px; font-weight: 700; color: #fff; line-height: 40px;}

/* 말줄임표, 숨김처리 */
.ellipsis {display: inline-block; overflow: hidden; max-width: 95%; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis_m {width: 92%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.4em; height: 4.2em;}
.blind {overflow: hidden; position: absolute; top: -9999em; left: -9999em; width: 0; height: 0;}

/* position */
.position_a {position: absolute !important;}
.position_f {position: fixed !important;}
.position_r {position: relative !important;}

/* align */
.t_a_c {text-align: center !important;}
.t_a_l {text-align: left !important;}
.t_a_r {text-align: right !important;}

.f_r {float: right !important;}
.f_l {float: left !important;}

.dis_i {display: inline !important;}
.dis_b {display: block !important;}
.dis_ib { display: inline-block !important;}
.dis_n {display: none !important;}

.over_h {overflow:hidden !important;}
.clear {clear: both;}

/* 여백 */
.p_t5 {padding-top: 5px;}
.p_t10 {padding-top: 10px;}
.p_t15 {padding-top: 15px;}
.p_t20 {padding-top: 20px;}

.p_b5 {padding-bottom: 5px;}
.p_b10 {padding-bottom: 10px;}
.p_b15 {padding-bottom: 15px;}
.p_b20 {padding-bottom: 20px;}

.m_t5 {margin-top: 5px;}
.m_t10 {margin-top: 10px;}
.m_t15 {margin-top: 15px;}
.m_t20 {margin-top: 20px;}

.m_b5 {margin-bottom: 5px;}
.m_b8 {margin-bottom: 8px;}
.m_b10 {margin-bottom: 10px;}
.m_b15 {margin-bottom: 15px;}
.m_b20 {margin-bottom: 20px;}

.m_r5 {margin-right: 5px;}
.m_r10 {margin-right: 10px;}


/* common table */
table th {font-size: 0.8rem; height: 35px; color: #414141; font-weight: 600; border-top: 1px solid #e7eaf1; text-align: center;}
table td {font-size: 0.8rem; height: 45px; color: #5b5b5b; border-top: 1px solid #e7eaf1; text-align: center;}