@charset "UTF-8";

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Black.woff2) format('woff2'), url(/portal/fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:800;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(/portal/fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Bold.woff2) format('woff2'), url(/portal/fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/portal/fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Medium.woff2) format('woff2'), url(/portal/fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Regular.woff2) format('woff2'), url(/portal/fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:300;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Light.woff2) format('woff2'), url(/portal/fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:200;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(/portal/fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:100;
	font-display:swap;
	src:url(/portal/fonts/Pretendard-Thin.woff2) format('woff2'), url(/portal/fonts/Pretendard-Thin.woff) format('woff');
}

/***************************************
                  reset
***************************************/
*,
*::before,
*::after {margin:0;padding:0;box-sizing:border-box;}

html, body, .ui-widget-content {
    position:relative;
    width:100%;
    height:100%;
    color:#666;
    font-family: "Pretendard", -apple-system, system-ui, Roboto, "Helvetica Neue", sans-serif;
    font-size:16px;
    line-height:1.67;letter-spacing:0;
    font-weight:400;
    word-break:keep-all;
    word-wrap:break-word;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    scroll-behavior:smooth;
    background-color:#fff;
}
html {-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body {min-height:100vh;text-rendering:optimizeSpeed;}
body.scroll-lock {overflow:hidden;}
:root {
  color-scheme:light only;
}
@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior:auto;
    }
    *,
    *::before,
    *::after {
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
        scroll-behavior:auto !important;
    }
}

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {margin-block-end:0;}
article, aside,
details, figcaption, figure,
footer, header, hgroup,
main, menu, nav, section {display:block;margin:0;padding:0;box-sizing:border-box;}

pre {font-family:inherit;}
hr {box-sizing:content-box;height:0;overflow:visible;}
input, textarea, a, button, select, optgroup, span, label, :before, :after {font-size:inherit;font-weight:inherit;}
h1, h2, h3, h4, h5, h6, strong {font-weight:600;line-height:1.1;text-wrap:balance;}

img,
fieldset {border:0;}
fieldset {min-width:100%;}
img {max-inline-size:100%;max-block-size:100%;max-width:100%;height:auto;vertical-align:top;}
ol, ul, menu, summary, nav,
ul[role='list'], ol[role='list'] {list-style:none;}
ol {counter-reset:revert;}
em, address, i {font-style:normal;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b, strong {font-weight:600;}
code,
kbd,
samp {font-family:monospace, monospace;font-size:1em;}
small {font-size:80%;}
sub,
sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}

a,
a:hover,
a:active,
a:focus {color:inherit;text-decoration:none;}
a:focus-visible {text-decoration:underline}
a:not([class]) {text-decoration-skip-ink:auto;color:#666;}

button,
select {text-transform:none;}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline:1px dotted #EB5757;}

button, input[type=submit], input[type=button] {
    overflow:visible;margin:0;background-color:transparent;border:none;-webkit-appearance:button;cursor:pointer;font:inherit;color:inherit;
}
[role=button] {cursor:pointer;}

button::-moz-focus-inner,
input::-moz-focus-inner {padding:0;border:0;}

textarea {resize:none;}
label {cursor:pointer;}
select {appearance:none;-webkit-appearance:none;-moz-appearance:none;}

input[type=text], input[type=tel],
input[type=password], input[type=file], input[type=number],
input[type=email], input[type=date], input[type=search], textarea {
    -webkit-box-shadow:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;
}
input, textarea {-webkit-user-select:auto;font-family:"Pretendard", -apple-system, system-ui, Roboto, "Helvetica Neue", sans-serif;}
textarea {white-space:revert;}
input::-webkit-input-placeholder {color:#999 !important;opacity:1;}
input::-moz-focus-inner {color:#999 !important;opacity:1;}
input::-moz-placeholder {color:#999 !important;opacity:1;}
input::placeholder {color:#999 !important;opacity:1;}
textarea::-webkit-input-placeholder {color:#999 !important;opacity:1;}
textarea::-moz-focus-inner {color:#999 !important;opacity:1;}
textarea::-moz-placeholder {color:#999 !important;opacity:1;}
textarea::placeholder {color:#999 !important;opacity:1;}
.ipt::-webkit-input-placeholder {color:#999 !important;opacity:1;}
.ipt::-moz-focus-inner {color:#999 !important;opacity:1;}
.ipt::-moz-placeholder {color:#999 !important;opacity:1;}
.ipt::placeholder {color:#999 !important;opacity:1;}

input[type=number] {-moz-appearance:textfield;margin:0;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
input[type=text]::-ms-clear {display:none;}
textarea:not([rows]) {min-height:10em;}

:target {scroll-margin-block:5ex;}

caption {position:static !important;margin:0 !important;}
table {table-layout:fixed;max-width:none;width:100%;border-collapse:collapse;}

/* 모바일만 노출 */
@media (min-width:1024px) {
    .mobile-only {display:none !important;}
}

/* PC만 노출 */
@media (max-width:1023px) {
    .pc-only {display:none !important;}
}

/* display */
.block {display:block !important;}
@media (max-width:1023px) {
.block-mo {display:block !important;}
}

/* flex */
.flex {display:flex !important;}
.flex-row {flex-direction:row !important;}
.flex-col {flex-direction:column !important;}
.flex-nowrap {flex-wrap:nowrap !important;}
.flex-wrap {flex-wrap:wrap !important;}
.justify-start {justify-content:flex-start !important;}
.justify-end {justify-content:flex-end !important;}
.justify-center {justify-content:center !important;}
.justify-between {justify-content:space-between !important;}
.justify-around {justify-content:space-around !important;}
.justify-self-start {justify-self:start !important;}
.justify-self-center {justify-self:center !important;}
.justify-self-end {justify-self:end !important;}
.items-start {align-items:flex-start !important;}
.items-end {align-items:flex-end !important;}
.items-center {align-items:center !important;}
.items-baseline {align-items:baseline !important;}
.items-stretch {align-items:stretch !important;}
.self-start {align-self:flex-start !important;}
.self-end {align-self:flex-end !important;}
.self-center {align-self:center !important;}
@media (max-width:1023px) {
.flex-mo {display:flex !important;}
.flex-row-mo {flex-direction:row !important;}
.flex-col-mo {flex-direction:column !important;}
.flex-nowrap-mo {flex-wrap:nowrap !important;}
.flex-wrap-mo {flex-wrap:wrap !important;}
.justify-start-mo {justify-content:flex-start !important;}
.justify-end-mo {justify-content:flex-end !important;}
.justify-center-mo {justify-content:center !important;}
.justify-between-mo {justify-content:space-between !important;}
.justify-around-mo {justify-content:space-around !important;}
.justify-self-start-mo {justify-self:start !important;}
.justify-self-center-mo {justify-self:center !important;}
.justify-self-end-mo {justify-self:end !important;}
.items-start-mo {align-items:flex-start !important;}
.items-end-mo {align-items:flex-end !important;}
.items-center-mo {align-items:center !important;}
.items-baseline-mo {align-items:baseline !important;}
.items-stretch-mo {align-items:stretch !important;}
.self-start-mo {align-self:flex-start !important;}
.self-end-mo {align-self:flex-end !important;}
.self-center-mo {align-self:center !important;}
}

/* align */
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}
.txt-underline {text-decoration:underline !important;text-underline-offset:2px;}
@media (max-width:1023px) {
.txt-left-mo {text-align:left !important;}
.txt-center-mo {text-align:center !important;}
.txt-right-mo {text-align:right !important;}
.txt-underline-mo {text-decoration:underline !important;text-underline-offset:2px;}
}

/* font size */
.txt-12 {font-size:12px !important;}
.txt-14 {font-size:14px !important;}
.txt-24 {font-size:24px !important;}
@media (max-width:1023px) {
.txt-12-mo {font-size:12px !important;}
.txt-14-mo {font-size:14px !important;}
.txt-24-mo {font-size:24px !important;line-height:29px !important;}
}

/* font color */
.color-red {color:#EB5757 !important}
.color-black {color:#131313 !important;}
.color-primary {color:#004289 !important}
.color-light_blue {color:#009FE3 !important;}
.color-gray {color:#666 !important}
.color-light-gray {color:#ccc !important}
@media (max-width:1023px) {
.color-red-mo {color:#EB5757 !important}
.color-black-mo {color:#131313 !important;}
.color-primary-mo {color:#004289 !important}
.color-light_blue-mo {color:#009FE3 !important;}
.color-gray-mo {color:#666 !important}
.color-light-gray-mo {color:#ccc !important}
}

/* font-weight */
@media (min-width:1024px) {
.bold-pc {font-weight:600 !important;}
}
.bold {font-weight:600 !important;}
@media (max-width:1023px) {
.bold-mo {font-weight:600 !important;}
}

.regular {font-weight:400 !important;}
@media (max-width:1023px) {
.regular-mo {font-weight:400 !important;}
}

/* line */
.no-line-top {border-top:unset !important;}
@media (max-width:1023px) {
.no-line-top-mo {border-top:unset !important;}
}

/* margin */
.mar-top-0 {margin-top:0 !important;}
.mar-top-10 {margin-top:10px !important;}
.mar-top-16 {margin-top:16px !important;}
.mar-top-20 {margin-top:20px !important;}
.mar-top-30 {margin-top:30px !important;}
.mar-top-40 {margin-top:40px !important;}
.mar-top-60 {margin-top:60px !important;}
@media (max-width:1023px) {
.mar-top-0-mo {margin-top:0 !important;}
.mar-top-10-mo {margin-top:10px !important;}
.mar-top-16-mo {margin-top:16px !important;}
.mar-top-20-mo {margin-top:20px !important;}
.mar-top-30-mo {margin-top:30px !important;}
.mar-top-40-mo {margin-top:40px !important;}
.mar-top-60-mo {margin-top:60px !important;}
}

.mar-bottom-20 {margin-bottom:20px !important;}
.mar-bottom-40 {margin-bottom:40px !important;}
@media (max-width:1023px) {
.mar-bottom-20-mo {margin-bottom:20px !important;}
.mar-bottom-40-mo {margin-bottom:40px !important;}
}

/* padding */
.pad-inline-10 {padding-left:10px !important;padding-right:10px !important;}
.pad-inline-20 {padding-left:20px !important;padding-right:20px !important;}
@media (max-width:1023px) {
.pad-inline-10-mo {padding-left:10px !important;padding-right:10px !important;}
.pad-inline-20-mo {padding-left:20px !important;padding-right:20px !important;}
}

/* width */
.w-half {width:50% !important;}
.w-full {width:100% !important;}
@media (max-width:1023px) {
.w-half-mo {width:50% !important;}
.w-full-mo {width:100% !important;}
}

/* 말줄임표시 */
.ellipsis {overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
.line-clamp-2 {display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-overflow:ellipsis;word-break:break-all;
}
@media (max-width:1023px) {
.ellipsis-mo {overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
.line-clamp-2-mo {display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
}

.background-white {background-color:#fff !important;}
@media (max-width:1023px) {
.background-white-mo {background-color:#fff !important;}
}