@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Thin.otf');
  src: url('/assets/fonts/Pretendard-Thin.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Thin.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Thin.woff') format('woff'),
    url('/assets/fonts/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-ExtraLight.otf');
  src: url('/assets/fonts/Pretendard-ExtraLight.otf') format('opentype'),
    url('/assets/fonts/Pretendard-ExtraLight.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-ExtraLight.woff') format('woff'),
    url('/assets/fonts/Pretendard-ExtraLight.woff2') format('woff2');
  font-weight: 200;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Light.otf');
  src: url('/assets/fonts/Pretendard-Light.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Light.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Light.woff') format('woff'),
    url('/assets/fonts/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Regular.otf');
  src: url('/assets/fonts/Pretendard-Regular.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Regular.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Regular.woff') format('woff'),
    url('/assets/fonts/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Medium.otf');
  src: url('/assets/fonts/Pretendard-Medium.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Medium.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Medium.woff') format('woff'),
    url('/assets/fonts/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-SemiBold.otf');
  src: url('/assets/fonts/Pretendard-SemiBold.otf') format('opentype'),
    url('/assets/fonts/Pretendard-SemiBold.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-SemiBold.woff') format('woff'),
    url('/assets/fonts/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Bold.otf');
  src: url('/assets/fonts/Pretendard-Bold.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Bold.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Bold.woff') format('woff'),
    url('/assets/fonts/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-ExtraBold.otf');
  src: url('/assets/fonts/Pretendard-ExtraBold.otf') format('opentype'),
    url('/assets/fonts/Pretendard-ExtraBold.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-ExtraBold.woff') format('woff'),
    url('/assets/fonts/Pretendard-ExtraBold.woff2') format('woff2');
  font-weight: 800;
}

@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Black.otf');
  src: url('/assets/fonts/Pretendard-Black.otf') format('opentype'),
    url('/assets/fonts/Pretendard-Black.ttf') format('truetype'),
    url('/assets/fonts/Pretendard-Black.woff') format('woff'),
    url('/assets/fonts/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
}


@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansLight.otf');
  src: url('/assets/fonts/GmarketSansLight.otf') format('opentype'),
    url('/assets/fonts/GmarketSansLight.ttf') format('truetype'),
    url('/assets/fonts/GmarketSansLight.woff') format('woff'),
    url('/assets/fonts/GmarketSansLight.woff2') format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansMedium.otf');
  src: url('/assets/fonts/GmarketSansMedium.otf') format('opentype'),
    url('/assets/fonts/GmarketSansMedium.ttf') format('truetype'),
    url('/assets/fonts/GmarketSansMedium.woff') format('woff'),
    url('/assets/fonts/GmarketSansMedium.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansBold.otf');
  src: url('/assets/fonts/GmarketSansBold.otf') format('opentype'),
    url('/assets/fonts/GmarketSansBold.ttf') format('truetype'),
    url('/assets/fonts/GmarketSansBold.woff') format('woff'),
    url('/assets/fonts/GmarketSansBold.woff2') format('woff2');
  font-weight: 500;
}


/* Reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, nav, section, article, header, footer, main, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption { margin: 0; padding: 0; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; box-sizing: border-box; }
body, input, select, textarea, button, img, fieldset { border: none; font-size: 16px; font-weight: 400; color: #171717; line-height: 1.5; word-break: break-word; word-wrap: break-word; letter-spacing: 0.2px; }
ul, ol, li { list-style: none; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
address, cite, code, em, i { font-style: normal; font-weight: normal; }
label, img, input, select, textarea, button, a, iframe { vertical-align: middle; }
u, ins, a { text-decoration: none; }
button, a.button { cursor: pointer; background-color: transparent; white-space: nowrap; }
select { appearance: none; outline: none !important; cursor: pointer; }
select::-ms-expand { display: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
input[type="search"], input[type="number"], input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], input[type="date"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* -webkit-border-radius: 0 */; outline: 0; }
input[type="date"] { -webkit-appearance: textfield; appearance: textfield; }

textarea { resize: none; }
.clear::after { content: ""; clear: both; display: block; }
caption, legend { display: none; }
.hide {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  line-height: 1;
  font-size: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  color: transparent;
  border: 0;
  display: block;
}
table th {
  font-weight: initial;
  text-align: initial;
}
a, button, img { display: block; }
img { max-width: 100%; }

/* button:focus {
  outline: none;
} */
input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-visible {
  outline: 0;
}


#skip_content a {
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: #171717;
  color: #fff;
  text-align: center;
}

#skip_content a:focus {
  width: 100%;
  height: auto;
  padding: 10px;
  z-index: 2000;
}

*::placeholder {
  color: #BFBFBF;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

h1, h2, h3, .keep-all {
  word-break: keep-all;
  word-wrap: break-word;
}


a, a:link, a:visited {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}

a:hover, a:focus, a:active, a:hover , a:focus , a:active  {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}

body {
  width: 100%;
  min-height: 100vh;
  position: relative;
  /* overflow-x: hidden; */
}

:root {
  font-size: 16px;
  font-weight: 400;
  color: #171717;
  line-height: 1.5;
  letter-spacing: 0.2px;
  /* word-break: break-all;
  word-wrap: break-word; */
  word-break: break-word;
  word-wrap: break-word;
}
* {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  box-sizing: border-box;
}
*::after, *::before {
  box-sizing: border-box;
}

.ellipsis01 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: -webkit-box;
}

.ellipsis1 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: wrap;
}
.ellipsis2 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: wrap;
}
.ellipsis3 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: wrap;
}
.noellip { text-overflow: initial; }

.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fs {
  color: #8E8E8E;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.chkbox {
  color: #393939;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  gap: 8px;
}
.chkbox input[type="checkbox"] {
  display: none;
}
.chkbox i {
  width: 24px;
  height: 24px;
  background: url(/assets/images/uncheck.svg) no-repeat center center;
  display: inline-block;
}
.chkbox input[type="checkbox"]:checked+i {
  background: url(/assets/images/checked3.svg) no-repeat center center;
}
.chkbox input[type="checkbox"][readonly]+i {
  background: url(/assets/images/checked2.svg) no-repeat center center;
}



label.tg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
label.tg span {
  color: #414141;
}

label.tg [type="checkbox"] {
  appearance: none;
  position: relative;
  border-radius: 24px;
  width: 44px;
  height: 24px;
  background-color: #BFBFBF;
  cursor: pointer;
}

label.tg [type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #fff;
  transition: left 0.15s linear;
}

label.tg [type="checkbox"]:checked {
  background-color: #FF6A00;
}

label.tg [type="checkbox"]:checked::before {
  background-color: #fff;
  left: 22px;
}

label.tg [type="checkbox"]:disabled {
  border-color: lightgray;
  opacity: 0.7;
  cursor: not-allowed;
}

label.tg [type="checkbox"]:disabled:before {
  background-color: lightgray;
}

label.tg [type="checkbox"]:disabled+span {
  opacity: 0.7;
  cursor: not-allowed;
}

label.tg [type="checkbox"]:focus-visible {
  /* outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid tomato; */
}

label.tg [type="checkbox"]:enabled:hover {
  /* box-shadow: 0 0 0 max(4px, 0.2em) lightgray; */
}

label.tg.type2 {
  display: inline-flex;
  width: fit-content;
  justify-content: start;
  gap: 12px;
}
label.tg.type2:not(:first-of-type) {
  margin-left: 22px;
}

label.tg.type2 span {
  color: #171717;
}

label.tg.type2 [type="checkbox"] {
  /* width: 40px; */
  /* background-color: #E5E5E5; */
}

label.tg.type2 [type="checkbox"]:checked {
  /* background-color: #FF6A00; */
}

label.tg.type2 [type="checkbox"]:checked::before {
  /* left: 18px; */
}

.box_btn {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 12px;
  padding-top: 24px;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 40px;
  width: fit-content;
  color: #FFF;
  font-weight: 500;
  border-radius: 8px;
  background: #FF6A00;
}
.btn.gray {
  background: #FFF;
  border: 1px solid #D5D7DB;
  color: #171717;
}

/* 스크롤바 설정*/
.thinscroll::-webkit-scrollbar {
  width: 2px;
}
.thinscroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 0;
}
.thinscroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.show {
  display: block;
}

.hidden {
  display: none;
}
.full {
  width: 100%;
  height: 100%;
}
.cover {
  object-fit: cover;
}
.borderimg {
  border: 1px solid #DFDFDF;
}
.underline {
  position: relative;
}
.underline::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #787878;
  bottom: 0;
  left: 0;
}

.white {
  color: #fff;
}
.block {
  display: block;
}

.or {
  color: #F57F20 !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
}
.blue {
  color: #5E79FF !important;
  display: inline-block !important;
}
.blue.underline::after {
  background: #5E79FF !important;
}
.black {
  color: #171717 !important;
  display: inline-block !important;
}


.relative {
  position: relative;
}
.subject {
  flex: 1 1 auto;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
  min-width: 0;
}
.subject .ellipsis1 {
  width: fit-content;
  flex: 0 1 auto;
}
.subject.new::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/images/icon_new.svg) no-repeat center center;
  flex: 0 0 20px;
}
.subject.emgc::before {
  content: '긴급';
  display: block;
  width: fit-content;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #F40;
  color: #F40;
  font-size: 12px;
  font-weight: 700;
  margin-right: 1px;
  white-space: nowrap;
  flex: 0;
}
.subject.emgc2::before {
  content: '긴급';
  display: block;
  width: fit-content;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #F40;
  color: #F40;
  font-size: 12px;
  font-weight: 700;
  margin-right: 1px;
  white-space: nowrap;
  flex: 0;
  margin: 16px 0 8px;
}
.inlineb {
  display: inline-block !important;
}
.dotli > li {
  position: relative;
  padding-left: 1.5em;
  color: #171717;
}
.dotli > li::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #171717;
  left: calc((1.5em - 3px) / 2 );
  top: calc((1.5em - 3px) / 2);
}
.dotli.black>li::after {
  background-color: #171717;
}

/*@keyframes zoomIn {*/
/*  0% { transform: scale(0); }*/
/*  !* 9% { transform: scale(0.02); }*/
/*  12% { transform: scale(-0.05); }*/
/*  73% { transform: scale(0.13); }*/
/*  88% { transform: scale(-0.32); } *!*/
/*  100% { transform: scale(1); }*/
/*}*/

.radio-img {
  display: none;
}
.radio-img + i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/radio_uncheck.svg) no-repeat center center;
  vertical-align: top;
}
.radio-img:checked + i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/radio_checked.svg) no-repeat center center;
  vertical-align: top;
}
.radio-img-2 {
  display: none;
}
.radio-img-2 + i {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/assets/images/radio_uncheck_2.svg) no-repeat center center;
}
.radio-img-2:checked + i {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/assets/images/radio_checked_2.svg) no-repeat center center;
}

.done {
  /* color: #C0C0C0 !important; */
}