@charset "utf-8";
@import url('../font/font.css');
:root {
	--base-clr: #050505;
	--line-clr: #fff;
	--secondary-line-clr: #e7e7e7;
	--text-clr: #fff;
	--secondary-text-clr: #ADADAD;
	--third-text-clr: #888;
	--accent-clr: #C5941C;

	/* font families */
	--ff-base: "Noto Sans KR";
}

*,
*:after,
*:before {
margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html, body {background: var(--base-clr)}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{color: var(--text-clr); word-break:break-all; font-size:1em; line-height: 1.87em;}
em,address{font-style:normal;}
hr{display:none}
ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;table-layout:fixed;}
label, input, textarea, select{vertical-align:middle}
input[type="text"],input[type="password"] { border-radius:0; -webkit-appearance:none; box-shadow:none; }

ins{text-decoration:none;}
del{text-decoration:line-through;}
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
caption{position:static;}

/*vue reset */
[v-clock],
[v-cloak]::before,
[v-cloak]>* {
	display: none;
}

/* html5 reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:15px/1.5 'Noto Sans KR',Sans-serif;color: var(--text-clr);-webkit-text-size-adjust:none;letter-spacing: -0.3px;line-height:28px;font-weight: 400;}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit;box-sizing: border-box;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}

input[type="radio"] { vertical-align:middle }

/*input & select*/
input.txt{box-sizing:border-box;width:100%;height:48px;padding: 8px 12px;border: 0;outline:none;font-size: 17px;border-radius: 4px;border: 1px solid var(--Neutral-neutral-300, #D4D8D7);background: var(--Neutral-white, #FFF);}
input.txt.datepicker{width: 120px;position:relative;background: #fff url(../images/icon/calendar.svg) no-repeat calc(100% - 8px) center;max-width:120px;background-size: 20px 20px;cursor: pointer;font-size: 13px;font-weight: 400;letter-spacing: -0.26px;}
input.ar{text-align:right;}
input.disabled{box-sizing:border-box;width:100%;height:40px;padding:0 10px;border:1px solid #ebebeb;outline:none;background:#eee;opacity:0.5}
input[type='text']:disabled{outline:none;background:#F9FAFA;opacity:0.5;}
input[type='checkbox']{position:relative;width:20px;height:20px;background: #D4D8D7 url(../images/btn/checkbox_white.svg) no-repeat center;background-size: 13.33px 9.17px;;border-radius:0;margin-right: 3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;vertical-align: -4px;border-radius: 3px;}
input[type='checkbox']:checked {background: #E6C98C url(../images/btn/checkbox_on.svg) no-repeat center;background-size: 13.33px 9.17px;}
input[type='radio']{position:relative;width:20px;height:20px;border:1px solid #B18E5F;margin-top: -4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;border-radius: 50%;}
input[type='radio']:checked {border:0}
input[type='radio']:checked:after{content:'';position:absolute;width:20px;height:20px;top: 0;left: 0;background: url(../images/btn/radio_on.svg) no-repeat;background-size: 20px 20px;}
input[type='radio']+input[type='radio']{margin-left:5px}
input[type='checkbox']+input[type='checkbox']{margin-left:5px}
label input{margin-right:8px;margin-top: -3px;}
label+label{margin-left:40px}
textarea.txt{box-sizing:border-box;width:100%;height:34px;padding:0;padding-right: 10px;border:0;outline:none;resize: none;}
select{box-sizing:border-box;width:100%;height:35px;padding-left: 11px;padding-right: 28px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/btn/selectbox.svg) no-repeat calc(100% - 8px) center;background-size: 11px 8px;border:1px solid rgba(255, 255, 255, 0.28);outline:None;vertical-align:middle;border-radius:20px;font-size: 18px;}
select option{color: var(--base-clr);}
select::-ms-expand {display: none;}
button {outline:none;border: 0;background: none;}

input::placeholder {opacity: 1;font-weight: 400;font-size: 18px;line-height: 20px;letter-spacing: -0.004em;color: #6F7A79; /* Firefox */}
input::-webkit-input-placeholder {font-weight: 400;font-size: 18px;line-height: 20px;letter-spacing: -0.004em;color: #6F7A79;}
input:-ms-input-placeholder {font-weight: 400;font-size: 18px;line-height: 20px;letter-spacing: -0.004em;color: #6F7A79;}/* IE */
input:-mos-input-placeholder {font-weight: 400;font-size: 18px;line-height: 20px;letter-spacing: -0.004em;color: #6F7A79;}/* Firefox */
textarea::placeholder {opacity: 1;font-weight: 400;font-size: 16px;line-height: 28px;letter-spacing: -0.004em;color: #8b8b8b; /* Firefox */}
textarea::-webkit-input-placeholder {font-weight: 400;font-size: 16px;line-height: 28px;letter-spacing: -0.004em;color: #8b8b8b;}
textarea:-ms-input-placeholder {font-weight: 400;font-size: 16px;line-height: 28px;letter-spacing: -0.004em;color: #8b8b8b;}/* IE */
textarea:-mos-input-placeholder {font-weight: 400;font-size: 16px;line-height: 28px;letter-spacing: -0.004em;color: #8b8b8b;}/* Firefox */

h1 {font-size: 48px;line-height: 54px;letter-spacing: -0.384px;font-weight: 800;}
h2 {font-size: 36px;font-weight: 900;line-height: 36px;letter-spacing: -0.08em;}
h3 {font-size: 28px;letter-spacing: -0.224px;font-weight: 800;}
h4 {font-size: 24px;}
h5 {font-size: 20px;letter-spacing: -0.12px;font-weight: 700;}
h6 {font-size: 18px;letter-spacing: -0.072px;font-weight: 700;}

a {text-decoration:none;outline:none; }
a:visited {text-decoration:none;}
a:link {text-decoration:none;}

/*common*/
a.btn{cursor:pointer;display:inline-block;box-sizing:border-box;background:#fff;text-align:center;vertical-align:top;height:40px;line-height:38px;}
a.btn input{position:absolute;top:0;right:0;width:200%;height:200%;opacity:0;cursor:pointer;}
a.black{background:#1c1c1c;color:#fff}
a.btn.large{width:100%;}
a.btn.border {border: 1px solid #ff9921;color:#ff9921;border-radius: 100px;padding: 0px 27px;height: 48px;line-height: 46px;text-align: center;}
a.btn.border:hover {background:#ff9921;color:#fff;transition:0.3s; -webkit-transition:0.3s;}
a.btn.small.border {font-size:14px;width:auto;}
td a.btn {vertical-align: middle;}

.row::after {content: "";clear: both;display: table;}
.row .col2{width:50%;float:left;}
.row .col3{width:calc(100%/3);float:left;}
.row .col20{width:20%;float:left;}
.row .col25{width:25%;float:left;}
.row .col30{width:30%;float:left;}
.row .col60{width:60%;float:left;}
.row .col40{width:40%;float:left;}
.row .col55{width:55%;float:left;}
.row .col70{width:70%;float:left;}
.row .col80{width:80%;float:left;}

.s_txt1 {font-size:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.s_txt2 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:3em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.s_txt3 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:4.5em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.s_txt4 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:6em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.s_txt5 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:7.5em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

.txt-white {color:#fff}
.txt-orange {color:#FF901E !important}
.txt-yellow {color:#FBAD40 !important}
.txt-navy {color:#1B1464 !important}
.txt-indigo {color:#628BFD !important}
.txt-skyblue {color:#278cc0}
.txt-blue {color:#0167FF !important}
.txt-green {color:#03B0A5 !important}
.txt-purple {color:#C278FA !important}
.txt-pink {color:#F985C6 !important}
.txt-gray {color:#8D8D8D}
.txt-red {color: #EA0004 !important;}
.txt-darkred {color: #960116 !important;}
.txt-darkgray {color:#525252 !important;}
.txt-black {color: #171717 !important;}
.txt-yellow {color: #E9C600 !important;}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}

.mt0 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt100 {margin-top:100px !important;}
.mt106 {margin-top:106px !important;}
.mt275 {margin-top:275px !important;}

.mb0 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb70 {margin-bottom:70px !important;}
.mb86 {margin-bottom:86px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}

.pl0 {padding-left:0px !important}
.pl8 {padding-left:8px !important}
.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}

.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}

.mw140 {width:100%;max-width:140px}

.only-print {display:none}

/*table*/
.tables_wrap {overflow: auto;}
.tables_wrap .wrap {float: left;width: 48%;}
.tables_wrap .wrap .btns {padding-bottom: 15px;}
.tables_wrap .scroll {max-height: 421px;overflow: auto;overflow-x: hidden;}
.tables_wrap table+.scroll {max-height: 383px;}
.tables_wrap .wrap+.wrap {float: right;}
.tables_wrap .wrap+.wrap .btns {text-align: right;}
.tables_wrap:after {content:'';clear: both;}

.listTable{width:100%;border:0}
.listTable th{background:#FBF7EE;font-weight: 700;font-size: 17px;line-height: 160%;text-align: center;letter-spacing: -0.002em;color: #111;border:1px solid #111;border-right: 0;padding: 8px;word-break: keep-all;}
.listTable th:first-child {border-left: 0;}
.listTable td{padding: 8px;border:1px solid #111;border-top: 0;border-right:0;text-align:center;word-break:break-all;font-weight: 400;font-size: 17px;line-height: 160%;}
.listTable td:first-child {border-left: 0;}

.viewTable{width:100%;border-top:1px solid #525252;border-left:1px solid #525252;}
.viewTable th{padding:14px;text-align: center;letter-spacing: -0.002em;font-weight:700;background: #f4f4f4;font-size:16px;line-height: 26px;border-right:1px solid #525252;border-bottom:1px solid #525252}
.viewTable th.need:after{content:'\2605';display:inline-block;margin-left:3px;font-size:8px;vertical-align:top;color:#e20707}
.viewTable td{padding:10px 14px;position:relative;font-size: 16px;line-height: 20px;letter-spacing: -0.002em;color:#171717;border-bottom:1px solid #525252;border-right:1px solid #525252;}
.viewTable td.with_btn a.btn {display: inline-block;font-size: 15px;font-weight: 400;min-width:83px;height: 40px;padding: 0 15px;line-height: 39px;margin-left: -5px;}
.viewTable td.with_btn>select {width: calc(100% - 85px);}
.viewTable td label {font-size:14px}
.viewTable select,
.viewTable input.txt {font-size:15px}
.viewTable td span.ps {display:inline-block;font-size:13px;margin-left:15px}

/* scrollbar */
.scroll,
.scrollBar {overflow-y: scroll;padding-right: 8px;}
.scroll::-webkit-scrollbar,
.scrollBar::-webkit-scrollbar {width: 8px;}
.scroll::-webkit-scrollbar-thumb,
.scrollBar::-webkit-scrollbar-thumb {height: 30%; background: #A1AAA9;border-radius: 3px;}
.scroll::-webkit-scrollbar-track {background: #fff;}
.scrollBar::-webkit-scrollbar-track {background: none;}

.no_scroll {-ms-overflow-style: none;scrollbar-width: none;}
.no_scroll::-webkit-scrollbar {display: none !important;}

/*pagination*/
.pagination{margin-top:20px;text-align:center;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.pagination a {font-size:0;padding:0;box-sizing:border-box;display: inline-block;vertical-align: middle;width: 28px;height: 28px;background-color: #E7E6F2;text-align: center;border-radius: 50%;}
.pagination a img {max-width: 16px;max-height: 16px;object-fit: cover;vertical-align: middle;}
.pagination span{margin: 6px;display: inline-block;vertical-align: middle;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.pagination span a{display:inline-table;line-height:28px;width: 28px;height: 28px;text-align:center;font-size:14px;font-weight:400;color:#222;background: #FFFFFF;border: 1px solid #FFF;border-radius: 50%;}
.pagination a+a {margin-left: 6px;}
.pagination span a+span,
.pagination span span+a {margin-left: 6px;}
.pagination span a.on{color:#fff;position:relative;background: #222;}
.pagination span a.on:after{display: none;}

@media (hover: hover) {
	.pagination a:hover {opacity: 0.7;}
	.pagination span a:hover {color:#fff;position:relative;background: #222;opacity: 1;}
	.pagination span a:hover:after {display: none;}
}