@charset "utf-8";


/****************************** RESET ******************************/

* { padding: 0; margin: 0; border: 0; outline: 0; box-sizing: border-box; }
:focus { outline: 0; }
::before, ::after { box-sizing: border-box; }
::-webkit-input-placeholder { font-size: 14px; font-weight: normal; color: #787878; text-transform: none; }
:-moz-placeholder { font-size: 14px; font-weight: normal; color: #787878; text-transform: none; opacity: 1; filter: alpha(opacity=100); }
::-moz-placeholder { font-size: 14px; font-weight: normal; color: #787878; text-transform: none; opacity: 1; filter: alpha(opacity=100); }
:-ms-input-placeholder { font-size: 14px; font-weight: normal; color: #787878; text-transform: none; }
html { height: 100%; -webkit-text-size-adjust: none; }
body { position: relative; width: 100%; height: 100%; font: 14px/100% 'Noto Sans KR', sans-serif; word-break: keep-all; -webkit-overflow-scrolling: touch; letter-spacing: -0.25; overflow-x :auto;}
h1, h2, h3, h4, h5, h6, p { display: block; line-height: 100%; }
b, strong { font-weight: 700; }
i, em, address { font-style: normal; }
input, select, textarea, button, label { color: inherit; font-family: inherit; font-size: 100%; vertical-align: middle; border-radius: 0; box-shadow: 0; outline: none; -webkit-appearance: none; appearance: none; }
select::-ms-expand { display:none; }
textarea { resize: none; }
label { cursor: pointer; }
fieldset, img, iframe { border: none; }
img { vertical-align: top; outline: none; }
a { color: inherit; text-decoration: none; }
a:hover, a:active, a:visited { text-decoration: none; }
menu, li { list-style: none; }
button { font-family: inherit; cursor: pointer; vertical-align: middle; background: none; }
caption { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
hr { display: none; }
table { width: 100%; border-spacing: 0; }
th, td { font-weight: normal; text-align: left; }
mark { background: none; }
canvas { display: block; width: 100%; height: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }


.hide { display: none !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.cb { clear: both !important; }
.tl { text-align: left !important}
.tr { text-align: right !important}
.tc { text-align: center !important}

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

.tof {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.tof2 {
  white-space: normal;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.5; 
}

.tof3 {
  white-space: normal;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.5; 
}


/* Chrome, Edge 등 WebKit 기반 브라우저에서 아이콘 제거 */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

/* Firefox에서는 화살표 제거 필요 */
input[type="date"]::-moz-focus-inner {
  border: 0;
}

.mt20{
    margin-top: 20px;
}