/*-------------------------------------------------
Author : Jennifer
Create date :2025. 04. 28.
-------------------------------------------------*/

/* Noto Sans KR 웹폰트 */
@charset "utf-8";
@import url("../fonts/NotoSans/css/notosanskr.css");
@import url("../fonts/XEIcon-2.3.3/xeicon.css");
@import url("../fonts/awesome/6.1.2/css/all.min.css");

/* -------------------- Reset & Base -------------------- */
html {
  font-size: 15px;
  overflow-y: scroll;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1400px) {
  html {
    font-size: 17px;
  }
}

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,select,textarea,button {
    margin:0; padding:0;
}
body,div,p,h1,h2,h3,h4,h5,h6,th,td,caption,li,dt,dd,legend,input,select,textarea,button,address {
  font: normal normal 1rem 'Noto Sans KR', '나눔고딕', NanumGothic, 'Nanum Gothic', '돋움', Dotum, sans-serif;
  color: #555555;
  line-height: 1.0;
  text-align: justify;
}

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

img,fieldset,button,iframe { border: 0; }

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

img {
  font-size: 0 !important;
  line-height: 0 !important;
  max-width: 100%;
  width: auto;
  height: auto;
}

button {
  background: transparent;
  cursor: pointer;
  overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

select {
  padding: 0.5rem 0.3rem;
  border: 0.1rem solid #d4d4d6;
  color: #1a1a1a;
  background-color: #fff;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}

textarea {
  width: 100%;
  height: 22.5rem;
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}

input,
textarea {
    padding: 0.5rem 0.3rem;
    border: 0.1rem solid #d4d4d6;
    color: #1a1a1a;
    background-color: #fff;
    border-radius: 0.3rem;
    font-size: 0.8rem;
}

.purple-select {
  background-color: #f0f0f0;
  color: #000;
  border:none;
}
.purple-input { 
  background-color: #f0f0f0;
  color: #000;
  border:none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong { font-weight: bold; }
hr { display: none; }

blockquote,
q { quotes: none; }
blockquote:before,
q:before,
blockquote:after,
q:after { content: ''; content: none; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

a { text-decoration: none; }
a:link,
a:visited { color: #525252; }
a:hover,
a:active { color: #4261bd; }

input:focus,
textarea:focus { outline: none; }

/* -------------------- Utility Classes -------------------- */
.hidden { display: none !important; }
.blind {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.show { display: block; }
.hide { display: none; }
.inline { display: inline; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }
.letter-wrap {
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
.word-wrap {
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
}
.clear { *zoom: 1; }
.clear:after {
  content: '';
  clear: both;
  display: block;
}
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }
.top * { vertical-align: top !important; }
.bottom * { vertical-align: bottom !important; }
.middle * { vertical-align: middle !important; }
.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
}

/* -------------------- Scrollbar -------------------- */
::-webkit-scrollbar {
  width: 8px;
  background: #eee;
}
::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border-radius: 4px;
}

/* -------------------- Skip Navigation -------------------- */
#skipArea, #skipArea ul { height:0; width:100% }
#skipArea a {
  position:absolute; top:-9999px; left:0; z-index:999; width:100%; height:30px;
  background-color:#000; color:#fff; line-height:30px; opacity:0.6; text-align:center;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter:alpha(opacity=60)
}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active { top:0 } 

/* -------------------- Placeholder -------------------- */
input::placeholder {
  font-size: 0.8em;
  font-weight: 300;
  color: #cfcfcf;
}

input::-webkit-input-placeholder {
  font-size: 0.8em;
  font-weight: 300;
  color: #cfcfcf;
}

input:-ms-input-placeholder {
  font-size: 0.8em;
  font-weight: 300;
  color: #cfcfcf;
}