@import url('fonts.css');

/* ---------------------------- reset ----------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button, a,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font:inherit;
	color:inherit;
	box-sizing:border-box;
}

html {font-size:10px;}
body {font-size:1.4rem;}
html, body {margin:0; padding:0; font-family:'AritaDotum', 'Noto Sans KR', sans-serif, 'Malgun Gothic', '맑은 고딕', 'dotum';  line-height:1.5; color:#444; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-print-color-adjust: exact; word-break:keep-all;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

table {border-collapse:collapse; border-spacing:0;}
table caption {position:absolute; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0);}

img, embed, object, video, iframe {max-width:100%;}
img {border:none;}
ul {list-style:none; padding:0; margin:0;}
ol {padding:0 0 0 2rem; margin:0;}
figure {margin:0;}

h1, h2, h3, h4, h5, h6, b, strong {font-weight:700;}
sup {font-size:smaller; vertical-align:super;}

button {background:none;}
button, a {border:none; cursor:pointer; padding:0; transition-property:background-color, color; transition-duration:100ms;}
a {text-decoration:none;}
i {line-height:1.5 !important; vertical-align:-0.1rem;}

::selection {background:#f3dc16; color:#000;}
*:first-child {margin-top:0;}
*:last-child {margin-bottom:0;}
*:focus {outline-color:#4fc6e1;}

/* ----------------------------  // reset ----------------------------*/



/* align */
.a-left {text-align:left !important;}
.a-center {text-align:center !important;}
.a-right {text-align:right !important;}
.a-justify {text-align:justify !important;}
.v-top {vertical-align:top !important;}
.v-bottom {vertical-align:bottom !important;}
.v-middle {vertical-align:middle !important;}


/* Float */
.f-left {float:left !important;}
.f-right {float:right !important;}
.f-none {float:none !important;}
.c-both {clear:both !important;}
.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}


/*display*/
.blind {position:absolute; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.dis-inblock {display:inline-block !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.dis-inline-flex {display:inline-flex !important;}
.dis-flex {display:flex !important;}
.flex-space-between {justify-content:space-between;}
.flex-center {justify-content:center;}
.align-items-center {align-items:center !important;}
.align-items-start {align-items:start !important;}
.flex-1-0-auto {flex:1 0 auto;}
.flex-grow-0 {flex-grow:0;}
.flex-shrink-0 {flex-shrink:0;}
.flex-basis-0 {flex-basis:0;}
.flex-grow-1 {flex-grow:1;}
.flex-shrink-1 {flex-shrink:1;}
.flex-basis-1 {flex-basis:1;}
.overflow-hidden {overflow:hidden;}
.opacity-5 {opacity:0.5;}
.opacity-6 {opacity:0.6;}
.opacity-7 {opacity:0.7;}
.opacity-8 {opacity:0.8;}
.opacity-9 {opacity:0.9;}
.opacity-10 {opacity:1;}


/*ime*/
.onlyeng {ime-mode:disabled;}
.onlynum {ime-mode:disabled;}



/* ---------------------------------------- form ---------------------------------------- */

label {display:inline-block; font-weight:700; color:#666; margin-bottom:0.2rem;}
label.required span {position:absolute; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0);}
label.required:after {content:'\e929'; font-family:xeicon; color:#f1556c; opacity:0.8;}
.btm-border-type {border:none !important; border-bottom:#e1e5ec 0.1rem solid !important; border-radius:0 !important;}

/* input-textarea */
input[type=text], input[type=password], textarea {width:100%; border:#e1e5ec 0.1rem solid; background:#fff; padding:0 1rem; height:3.6rem; line-height:3.6rem; border-radius:0.3rem;}
input[type=text]:focus, input[type=password]:focus, textarea:focus,
input[type=text]:hover, input[type=password]:hover, textarea:hover {border-color:#1d93d1;}
input[type=text]:disabled, input[type=password]:disabled {opacity:0.6;}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.6; color:inherit;}/* WebKit browsers */
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder {opacity:0.6; color:inherit;}/* Mozilla Firefox 4 to 18 */
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {opacity:0.6; color:inherit;}/* Mozilla Firefox 19+ */
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.6; color:inherit;}/* Internet Explorer 10+ */
input:-internal-autofill-selected {background:#fff;}

input[type=text].inp-sm, input[type=password].inp-sm {height:3.2rem; line-height:3.2rem; padding:0 0.5rem; font-size:1.2rem;}
input[type=text].inp-lg, input[type=password].inp-lg {height:4.6rem; line-height:4.6rem; font-size:1.6rem;}

.inp-icon-group {position:relative;}
.inp-icon-group i {position:absolute; top:50%; left:1.5rem; transform:translateY(-50%);}
.inp-icon-group input {padding-left:4rem;}


/* textarea */
textarea {min-height:10rem; height:auto; overflow-y:auto; padding:1rem; background:#fff; line-height:inherit; line-height:1.5;}


/* checkbox & radio */
.radio-btn, 
.check-box {margin:0.3rem 2rem 0.3rem auto; display:inline-block;}
.radio-btn input[type=radio], 
.check-box input[type=checkbox] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.radio-btn input[type=radio] + label, 
.check-box input[type=checkbox] + label {display:inline-block; background-repeat:no-repeat; cursor:pointer; font-weight:normal; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align:left;}
.radio-btn input[type=radio]:disabled + label, 
.radio-btn input[type=radio]:disabled:checked + label,
.check-box input[type=checkbox]:disabled + label, 
.check-box input[type=checkbox]:disabled:checked + label {cursor:default; opacity:.7;}

.radio-btn.type1 input[type=radio] + label, 
.check-box.type1 input[type=checkbox] + label {padding-left:2.8rem; min-height:2rem; background-position:-8rem 0; background-image:url('../images/common/bg-radio1.png'); background-size:10rem; margin-bottom:0; line-height:2rem;}
.radio-btn.type1 input[type=radio]:checked + label, 
.check-box.type1 input[type=checkbox]:checked + label {background-position:-6rem -2rem !important;}
.radio-btn.type1 input[type=radio]:disabled + label, 
.radio-btn.type1 input[type=radio]:disabled:checked + label,
.check-box.type1 input[type=checkbox]:disabled + label, 
.check-box.type1 input[type=checkbox]:disabled:checked + label {background-position:-4rem -4rem;}
.radio-btn.type1 input[type=radio]:focus + label, 
.check-box.type1 input[type=checkbox]:focus + label {background-position:-2rem -6rem;}
.check-box.type1 input[type=checkbox] + label {background-image:url('../images/common/bg-checkbox1.png');}

.radio-btn.toggle-type,
.check-box.toggle-type {margin-right:1.5rem;}
.radio-btn.toggle-type input[type=radio] + label, 
.check-box.toggle-type input[type=checkbox] + label {padding:0.5rem 1rem; background:#fff; border:#e1e5ec 0.1rem solid; line-height:1; border-radius:1.2rem; font-size:1.2rem;}
.radio-btn.toggle-type input[type=radio]:checked + label, 
.check-box.toggle-type input[type=checkbox]:checked + label {background:#000; border-color:#000; color:#fff;}
.radio-btn.toggle-type input[type=radio]:disabled + label, 
.radio-btn.toggle-type input[type=radio]:disabled:checked + label,
.check-box.toggle-type input[type=checkbox]:disabled + label, 
.check-box.toggle-type input[type=checkbox]:disabled:checked + label {background:#666; border-color:#666; color:#fff;}
.radio-btn.toggle-type input[type=radio]:focus + label, 
.check-box.toggle-type input[type=checkbox]:focus + label {background-position:-2rem -6rem;}
.check-box.toggle-type input[type=checkbox] + label {background-image:url('../images/common/bg-checkbox1.png');}

.radio-btn.blank, .check-box.blank {margin-right:0;}
.radio-btn.blank label, .check-box.blank label {text-indent:-9999px; width:0; text-align:initial;}
.radio-btn.type1.blank label, .check-box.type1.blank label {padding-left:2.4rem !important;}


/* select */
select {border:#e1e5ec 0.1rem solid; height:3.6rem; line-height:3.6rem; display:inline-block; padding:0 4rem 0 1rem; background:url('../images/common/bg-select-arrow1.png') no-repeat right 1rem top 50% #fff; background-size:1rem; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; vertical-align:middle; border-radius:0.3rem; width:100%;}
select::-ms-expand {display: none;}
select:disabled {opacity:.7;}
select:focus,
select:hover {border-color:#1d93d1;}
select option:disabled {color:#999;}

select.select-lg {height:4.6rem; line-height:4.6rem; padding:0 3rem 0 1rem; font-size:1.6rem; background-size:1.2rem;}
select.select-sm {height:3.2rem; line-height:3.2rem; padding:0 3rem 0 0.5rem; font-size:1.2rem; background-size:0.8rem;}


/* file */
.file-upload-group .input-file {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.file-upload-group .label-file {color:#fff; cursor:pointer;}
.file-upload-group .img-preview {display:none; margin-top:1rem;}
.file-upload-group .img-preview img {vertical-align:middle; max-width:12rem; max-height:12rem;}
.uploaded .check-box {margin-left:3rem;}


/* datepicker */
.form-multiple-date {display:flex; align-items:center; justify-content:space-between;}
.form-multiple-date .dash {}
.form-multiple-date input[type=text] {width:45%;}


/* input error */
.radio-btn.type1 input[type=radio].error + label,
.check-box.type1 input[type=checkbox].error + label {background-position:0 -8rem;}
.radio-btn.type1 input[type=radio].error:focus + label,
.check-box.type1 input[type=checkbox].error:focus + label {background-position:-2rem -6rem;}
label.error {font-size:1.2rem; font-weight:normal; color:#f1556c; margin-top:0.5rem;}
input[type=text].error, input[type=password].error, textarea.error, input.input-file.error + .file-name {border-color:#f1556c; padding-right:4rem; background-image:url('../images/common/bg-invalid-true.png'); background-position:right 1rem center; background-size:1.2rem; background-repeat:no-repeat;}
input.input-file.error ~ .file-name {border:#f1556c 0.1rem solid;}
select.error {border-color:#f1556c;}



/* ---------------------------------------- grid ---------------------------------------- */
.row {margin-left:-1rem; margin-right:-1rem; display:flex; flex-wrap:wrap;}
.row > [class*=col-] {padding-left:1rem; padding-right:1rem; flex:0 0 auto;}
.row.no-pd {margin-left:0; margin-right:0;}
.row.no-pd > [class*=col-] {padding-left:0; padding-right:0;}
.row.pd-narrow {margin-left:-0.5rem; margin-right:-0.5rem;}
.row.pd-narrow > [class*=col-] {padding-left:0.5rem; padding-right:0.5rem;}
.row.row-borderd {margin-left:-2rem; margin-right:-2rem;}
.row.row-borderd > [class*=col-] {padding-left:2rem; padding-right:2rem;}
.row.row-borderd > [class*=col-] + [class*=col-] {border-left:#eee 0.1rem solid;}
.row + .row {margin-top:2rem;}
.modal .row + .row {margin-top:0;}
.list-form .row + .row {margin-top:0;}

.row > .col-1 {width:8.3333%;}
.row > .col-eighth {width:12.5%;}
.row > .col-one-seven {width:14.28%;}
.row > .col-2 {width:16.6667%;}
.row > .col-fifth {width:20%;}
.row > .col-3 {width:25%;}
.row > .col-4 {width:33.3333%;}
.row > .col-5 {width:41.6667%;}
.row > .col-6 {width:50%;}
.row > .col-7 {width:58.3333%;}
.row > .col-8 {width:66.6667%;}
.row > .col-9 {width:75%;}
.row > .col-10 {width:83.3333%;}
.row > .col-11 {width:91.6667%;}
.row > .col-12 {width:100%;}




.column-count-2 {column-count:2; column-gap:5rem;}
.column-count-3 {column-count:3; column-gap:5rem;}




/* ---------------------------------------- tab ---------------------------------------- */
.tab-head {list-style:none; padding:0; margin:0; display:flex;}
.tab-head > li {position:relative;}
.tab-head > li > * {display:block; outline:none; padding:1rem; background:#fff; text-align:center; text-decoration:none;}

ul[class*=tab-col] {margin-left:-1rem;}
ul[class*=tab-col] > li {padding-left:1rem; margin-left:0 !important;}
ul[class*=tab-col] > li > * {min-width:0; width:100%;}
.tab-col2 > li {width:50%;}
.tab-col3 > li {width:33.33%;}
.tab-col4 > li {width:25%;}
.tab-col5 > li {width:20%;}
.tab-col6 > li {width:16.66%;}

.tab-type1 {margin-bottom:2rem;}
.tab-type1 > li + li {margin-left:1rem;}
.tab-type1 > li > * {padding:1rem; text-align:center; background:linear-gradient(to bottom, #fff 0%, #f7f8f9 100%); border-radius:0.3rem; font-weight:700; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,.05);}
.tab-type1 > li:hover > * {color:#000;}
.tab-type1 > li.active > * {color:#fff; background:linear-gradient(to bottom, #444 0%, #333 100%);}

.tab-type2 {margin-bottom:2rem;}
.tab-type2 > li {margin-right:2rem;}
.tab-type2 > li + li {padding-left:2rem; border-left:#eee 0.1rem solid;}
.tab-type2 > li > * {padding:0; color:#999;}
.tab-type2 > li.active > * {color:#000; font-weight:700;}

.tab-type3 {margin-bottom:1.5rem;}
.tab-type3 > li {margin-right:1rem;}
.tab-type3 > li > * {padding:0.5rem 1.2rem; border-radius:0.3rem; border:#333 0.1rem solid; font-weight:700; font-size:1.2rem;}
.tab-type3 > li.active > * {color:#fff; background:#333;}

.tab-type4 {margin-left:0 !important;}
.tab-type4 > li {padding-left:0 !important;}
.tab-type4 > li > * {font-size:4rem; background:#d5d5d5; color:#999;}
.tab-type4 > li.active > * {color:#1c94c9; background:#fff;}



/* ---------------------------------------- table ---------------------------------------- */
.board-area {position:relative; overflow-x:auto;}
.board-area table {width:100%; table-layout:fixed;}
.board-area table tr > * {border-collapse:collapse;}
.board-area table .thumb {max-width:6rem; vertical-align:bottom; margin:0 auto;}

.tbl-basic > * > tr > * {text-align:center;  padding:1rem 1rem; height:3.6rem; transition:all .2s;}
.tbl-basic > thead > tr > * {border-bottom:#eff1f2 0.1rem solid; font-weight:700; padding:1.2rem 1rem; color:#000;}
.tbl-basic > tbody > tr + tr > * {border-top:#eff1f2 0.1rem solid;}
.tbl-basic .tbl-light {background:#eff2f7;}
.tbl-basic .tbl-light > tr > * {border-color:#e1e5ec;}
.tbl-basic .btn {margin-top:0.2rem; margin-bottom:0.2rem;}
.tbl-basic .depth_1 {}
.tbl-basic .depth_2 span {position:relative; display:inline-block; padding-left:20px;}
.tbl-basic .depth_2 span::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-basic .depth_3 span {position:relative; display:inline-block; padding-left:40px;}
.tbl-basic .depth_3 span::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-basic .depth_4 span {position:relative; display:inline-block; padding-left:60px;}
.tbl-basic .depth_4 span::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}

.tbl-borderd > thead > tr > * {border:#e1e5ec 0.1rem solid;}
.tbl-borderd > tbody > tr > * {border:#eff1f2 0.1rem solid;}
.tbl-border-top {border-top:#eff1f2 0.1rem solid;}
.tbl-borderd-vertical > tbody > tr > *:not(:last-child) {border-right:#eff1f2 0.1rem solid;}

.tbl-hover > tbody > tr:hover > * {background:#fafbfd;}

.tbl-bg-light {border-top:#eff1f2 0.1rem solid;}
.tbl-bg-light > thead > tr > th {background:#f7f7f7;}
.tbl-bg-light > tbody > tr > th {background:#fafafa;}
.bg-highlight > th {background:#eff3f9 !important; border-top-color:#e8ebf0 !important;}
.bg-highlight > td {background:#f6f8fb !important; border-top-color:#e8ebf0 !important;}

.tbl-sm tr > * {font-size:1.3rem; letter-spacing:-0.1rem; padding:0.5rem; height:auto; line-height:1.3;}

.tbl-thead-top > thead > tr > * {vertical-align:top;}
.tbl-tbody-top > tbody > tr > * {vertical-align:top;}

.tbl-list {width:100%;}
.tbl-list .tbl-head {width:100%;}
.tbl-list .tbl-head > div {width:100%; display:flex; border-bottom:#eff1f2 0.1rem solid; font-weight:700; padding:1.2rem 1rem; color:#000; text-align:center;  padding:1rem 1rem; transition:all .2s;}
.tbl-list .tbl-body {width:100%;}
.tbl-list .tbl-body .item {width:100%; display:flex;align-items:center; border-top:#eff1f2 0.1rem solid; text-align:center; padding:1rem 1rem; transition:all .2s;}
.tbl-list .tbl-body .item > div {padding:0 1rem; box-sizing:border-box;}
.tbl-list .btn {margin-top:0.2rem; margin-bottom:0.2rem;}
.tbl-list .depth_1 {}
.tbl-list .depth_2 .depth_txt {position:relative; display:inline-block; padding-left:20px;}
.tbl-list .depth_2 .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-list .depth_3 .depth_txt {position:relative; display:inline-block; padding-left:40px;}
.tbl-list .depth_3 .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-list .depth_4 .depth_txt {position:relative; display:inline-block; padding-left:60px;}
.tbl-list .depth_4 .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}

.tbl-list .tbl-body > li {}
.tbl-list .tbl-body > li > ul > li .depth_txt {position:relative; display:inline-block; padding-left:20px;}
.tbl-list .tbl-body > li > ul > li .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-list .tbl-body > li > ul > li > ul > li .depth_txt {position:relative; display:inline-block; padding-left:40px;}
.tbl-list .tbl-body > li > ul > li > ul > li .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.tbl-list .tbl-body > li > ul > li > ul > li > ul > li .depth_txt {position:relative; display:inline-block; padding-left:60px;}
.tbl-list .tbl-body > li > ul > li > ul > li > ul > li .depth_txt::before {content: "\e981"; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}

.tbl-list2 {width:100%; background:#f5f5f5;}
.tbl-list2 > * > * > * {padding:0.3rem 0.5rem; text-align:center;}
.tbl-list2 > thead > tr > * {color:#666; padding-top:1rem; padding-bottom:1rem;}
.tbl-list2 > thead > tr.title-row > * {color:#000; font-size:1.8rem; padding:1rem; background:#e2e2e2; font-weight:600;}

/* paging */
.paging {display:flex; justify-content:center; align-items:center;}
.paging a {min-width:3.2rem; min-height:3.2rem; line-height:2.4rem; background:#fff; border:#eff1f2 0.1rem solid; border-radius:0.3rem; padding:0.3rem; display:block; text-align:center;margin-left: 0.25rem;margin-right: 0.25rem}
.paging a + a {margin-left:0.5rem;}
.paging a.active {background:#2a3042; border-color:#2a3042; color:#fff; font-weight:700;}
.paging a:not(.active):hover, .paging a:not(.active):focus {border-color:#bdc3d2; background:#bdc3d2; color:#fff;}
.paging .step {position:relative;}
.paging .step:after {font-family:xeicon; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.paging .step.first:after {content:'\ea43';}
.paging .step.prev:after {content:'\e93c';}
.paging .step.next:after {content:'\e93f';}
.paging .step.last:after {content:'\ea44';}
.paging span a {margin-left:0.5rem;padding-right:0.5rem;}

/* no data */
.no-data {padding:3rem 0; text-align:center;}

/* ---------------------------------------- list ---------------------------------------- */
.list-form > li {padding-top:1.5rem; padding-bottom:1.5rem; align-items:center;}
.list-form > li + li {border-top:#eff1f2 0.1rem solid;}
.list-form > li .label-area {text-align:center; padding:0.5rem 0;}

.list-form2 > li {margin-bottom:1.5rem;}

.list-type1 {list-style:disc; padding-left:1.8rem;}

.list-borderd > li {padding:1rem 0;}
.list-borderd > li + li {border-top:#eff1f2 0.1rem solid;}

.list-tbl-flex > li {display:flex; align-items:center; border-bottom:#eee 0.1rem solid;}
.list-tbl-flex > li:last-child {border-bottom-color:#fff;}
.list-tbl-flex > li > div {padding:0.5rem 1rem;}

/* ---- detph ---- */
.depth-list {position:relative; overflow:hidden;}
.depth-list .depth-label {text-align:center; padding:2rem 0.5rem 2rem 0.5rem; align-items:center;}
.depth-list .depth-label .check-box {display:block; width:100%;}
.depth-list .depth-label .check-box label {display:block; width:100%; text-align:center; padding:0 2.8rem;}
.depth-list .depth-form {height:18rem; padding:0.5rem; border-top:#eff1f2 0.1rem solid; overflow-y:auto;}
.depth-list .depth-form .check-box {display:block; width:100%; padding:0.3rem 0;}
.depth-list .depth-form .depth_box {padding:0.4rem 0;}
.depth-list .depth-form .depth_1 {}
.depth-list .depth-form .depth_2 span label {position:relative; display:inline-block; padding-left:30px;}
.depth-list .depth-form .depth_2 span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.depth-list .depth-form .depth_3 span label {position:relative; display:inline-block; padding-left:45px;}
.depth-list .depth-form .depth_3 span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.depth-list .depth-form .depth_4 span label {position:relative; display:inline-block; padding-left:60px;}
.depth-list .depth-form .depth_4 span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.depth-list .depth-form .depth-ul {}
.depth-list .depth-form .depth-ul li {}
.depth-list .depth-form .depth-ul > li > span label {position:relative; display:inline-block; padding-left:30px;}
.depth-list .depth-form .depth-ul > li > span label::before {}
.depth-list .depth-form .depth-ul > li > ul {}
.depth-list .depth-form .depth-ul > li > ul > li > span label {position:relative; display:inline-block; padding-left:40px;}
.depth-list .depth-form .depth-ul > li > ul > li > span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.depth-list .depth-form .depth-ul > li > ul > li > ul {}
.depth-list .depth-form .depth-ul > li > ul > li > ul > li > span label {position:relative; display:inline-block; padding-left:55px;}
.depth-list .depth-form .depth-ul > li > ul > li > ul > li > span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}
.depth-list .depth-form .depth-ul > li > ul > li > ul > li > ul {}
.depth-list .depth-form .depth-ul > li > ul > li > ul > li > ul > li > span label {position:relative; display:inline-block; padding-left:70px;}
.depth-list .depth-form .depth-ul > li > ul > li > ul > li > ul > li > span label::before {content: "\e981"; font-family: xeicon!important; margin-right:5px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:15px;}



/* ---------------------------------------- box ---------------------------------------- */
.box.type1 {border-radius:0.5rem; box-shadow:0 0.2rem 0.3rem rgba(0,0,0,.07); margin-bottom:2rem; padding:1.5rem;}
.box-white {background:#fff;}
.box-dark {background:#333; color:#fff;}
.box-borderd {border:#333 0.1rem solid;}




/* ---------------------------------------- bg ---------------------------------------- */
.bc-white {background-color:#fff !important;}
.bc-light {background-color:#eff1f2 !important;}
.bc-theme {background-color:#2a3042 !important;}
.bc-gray-light {background-color:#f7f7f7 !important;}
.bc-theme-light {background-color:#eff2f7 !important;}
.bc-gray-dark {background-color:#333 !important;}



/* ---------------------------------------- font ---------------------------------------- */
.fc-default {color:#444 !important;} /* gray */
.fc-theme {color:#2a3042 !important;} /* theme - navy */
.fc-theme-light {color:#bdc3d2 !important;} /* theme - navy light */
.fc-sky {color:#4fc6e1 !important;}
.fc-green {color:#1abc9c !important;}
.fc-yellow {color:#f7b84b !important;}
.fc-red {color:#f1556c !important;}
.fc-blue {color:#4a81d4 !important;}
.fc-pink {color:#f672a7 !important;}
.fc-purple {color:#6658dd !important;}
.fc-white {color:#fff !important;}
.fc-black {color:#000 !important;}
.fc-gray {color:#666 !important;}
.fc-gray-light {color:#999 !important;}

.fs-xxlarge {font-size:xx-large !important;} /* 32px */
.fs-xlarge {font-size:x-large !important;} /* 24px */
.fs-large {font-size:large !important;} /* 18px */
.fs-medium {font-size:medium !important;} /* 16px */
.fs-small {font-size:small !important;} /* 13px */
.fs-xsmall {font-size:x-small !important;} /* 10px */

.fs-smaller {font-size:smaller !important;} /* 83.33%  - 13.3px */
.fs-larger {font-size:larger !important;} /* 120% - 19.2px */

.fs-18 {font-size:1.8rem !important;}
.fs-20 {font-size:2.0rem !important;}
.fs-24 {font-size:2.4rem !important;}

.fw-normal {font-weight:400;}
.fw-bold {font-weight:700;}

.txt-cut {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt-uppercase {text-transform:uppercase !important;}
.txt-underline {text-decoration:underline !important;}
.word-break {word-wrap:word-break;}
.break-all {word-break:break-all;}
.keep-all {word-break:keep-all;}



/* ---------------------------------------- button ---------------------------------------- */
.btn-area {text-align:center; max-width:100%; margin-bottom:-1rem;}
.btn-area .btn {margin-bottom:1rem; max-width:100%;}
.btn-area .btn + .btn {margin-left:0.6rem;}
.btn-area .btn-left {text-align:left;}
.btn-area .btn-right {text-align:right;}
.btn-group .btn {border-radius:0;}
.btn-group .btn + .btn {margin-left:0rem;}
.btn-group .btn:first-child {border-top-left-radius:0.3rem; border-bottom-left-radius:0.3rem;}
.btn-group .btn:last-child {border-top-right-radius:0.3rem; border-bottom-right-radius:0.3rem;}
.btn-group .btn[class*=btn-outline] + .btn[class*=btn-outline] {border-left:none;}

.btn {color:#fff; text-align:center; display:inline-block; vertical-align:middle; max-width:100%; border-style:solid; border-width:0.1rem; border-radius:0.3rem;}
.btn:hover, .btn:focus {color:#fff; text-decoration:none;}

.btn-xlg {padding:1.2rem 3rem; font-size:1.8rem; min-width:14rem; font-weight:700;}
.btn-lg {padding:0.9rem 2rem; font-size:1.6rem; font-weight:700; min-width:12rem; min-height:4.6rem;}
.btn-md {padding:0.5rem 2rem; font-size:1.4rem; min-height:3.6rem; line-height:2.4rem; min-width:10rem;}
.btn-sm {padding:0.5rem 1.5rem; font-size:1.3rem; line-height:1.9rem;}
.btn-xsm {padding:0.35rem 1rem; font-size:1.2rem;}

[class*=btn-outline] {background:#fff; border-style:solid; border-width:0.1rem;}
[class*=btn-outline]:hover, [class*=btn-outline]:focus {color:#fff;}

/* color */
.btn-theme {background:#2a3042; border-color:#2a3042;}
.btn-theme:hover, .btn-theme:focus {background:#00214d; border-color:#00214d;}
.btn-theme-light {background:#bdc3d2; border-color:#bdc3d2;}
.btn-theme-light:hover, .btn-theme-light:focus {background:#a3aecd; border-color:#a3aecd;}
.btn-sky {background:#4fc6e1; border-color:#4fc6e1;}
.btn-sky:hover, .btn-sky:focus {background:#31b8d7; border-color:#31b8d7;}
.btn-green {background:#1abc9c; border-color:#1abc9c;}
.btn-green:hover, .btn-green:focus {background:#06b492; border-color:#06b492;}
.btn-yellow {background:#f7b84b; border-color:#f7b84b;}
.btn-yellow:hover, .btn-yellow:focus {background:#efa424; border-color:#efa424;}
.btn-red {background:#f1556c; border-color:#f1556c;}
.btn-red:hover, .btn-red:focus {background:#e72b47; border-color:#e72b47;}
.btn-blue {background:#4a81d4; border-color:#4a81d4;}
.btn-blue:hover, .btn-blue:focus {background:#2567ca; border-color:#2567ca;}
.btn-pink {background:#f672a7; border-color:#f672a7;}
.btn-pink:hover, .btn-pink:focus {background:#ee4c8d; border-color:#ee4c8d;}
.btn-purple {background:#6658dd; border-color:#6658dd;}
.btn-purple:hover, .btn-purple:focus {background:#4c3cd6; border-color:#4c3cd6;}
.btn-white {background:#fff; border-color:#dbe0e3; color:inherit !important;}
.btn-white:hover, .btn-bd-white:focus {background:#e6ebee;}
.btn-black {background:#333; border-color:#333;}
.btn-black:hover, .btn-black:focus {background:#222; border-color:#222;}
.btn-gray {background:#666; border-color:#666;}
.btn-gray:hover, .btn-gray:focus {background:#555; border-color:#555;}
.btn-gray-light {background:#999; border-color:#999;}
.btn-gray-light:hover, .btn-gray-light:focus {background:#888; border-color:#888;}

.btn-outline-theme {border-color:#2a3042; color:#2a3042;}
.btn-outline-theme:hover, .btn-outline-theme:focus {background:#2a3042;}
.btn-outline-theme-light {border-color:#bdc3d2; color:#2a3042;}
.btn-outline-theme-light:hover, .btn-outline-theme-light:focus {background:#bdc3d2;}
.btn-outline-sky {border-color:#4fc6e1; color:#4fc6e1;}
.btn-outline-sky:hover, .btn-outline-sky:focus {background:#4fc6e1;}
.btn-outline-green {border-color:#1abc9c; color:#1abc9c;}
.btn-outline-green:hover, .btn-outline-green:focus {background:#1abc9c;}
.btn-outline-yellow {border-color:#f7b84b; color:#f7b84b;}
.btn-outline-yellow:hover, .btn-outline-yellow:focus {background:#f7b84b;}
.btn-outline-red {border-color:#f1556c; color:#f1556c;}
.btn-outline-red:hover, .btn-outline-red:focus {background:#f1556c;}
.btn-outline-blue {border-color:#4a81d4; color:#4a81d4;}
.btn-outline-blue:hover, .btn-outline-blue:focus {background:#4a81d4;}
.btn-outline-pink {border-color:#f672a7; color:#f672a7;}
.btn-outline-pink:hover, .btn-outline-pink:focus {background:#f672a7;}
.btn-outline-purple {border-color:#6658dd; color:#6658dd;}
.btn-outline-purple:hover, .btn-outline-purple:focus {background:#6658dd;}
.btn-outline-black {border-color:#333; color:#333;}
.btn-outline-black:hover, .btn-outline-black:focus {background:#333;}
.btn-outline-gray {border-color:#666; color:#666;}
.btn-outline-gray:hover, .btn-outline-gray:focus {background:#666;}
.btn-outline-gray-light {border-color:#999; color:#999;}
.btn-outline-gray-light:hover, .btn-outline-gray-light:focus {background:#999;}


/* disabled */
.btn:disabled {cursor:auto; opacity:.6;}

/* etc */
.btn-block {display:block; width:100%;}
.btn-icon {width:2.4rem; line-height:1;}
.btn-icon > i {line-height:1 !important;}
.btn-icon > i + span {position:absolute; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.btn-icon-left > i {margin-right:0.8rem;}
.btn-icon-right > i {margin-left:0.8rem;}




/* padding */
.no-pd {padding:0rem !important;}
.no-pt {padding-top:0rem !important;}
.no-pb {padding-bottom:0rem !important;}
.no-pl {padding-left:0rem !important;}
.no-pr {padding-right:0rem !important;}

.pd-10     {padding:1.0rem !important;}
.pd-20     {padding:2.0rem !important;}
.pd-30     {padding:3.0rem !important;}
.pd-40     {padding:4.0rem !important;}
.pd-50     {padding:5.0rem !important;}



/* margin */
.no-mg {margin:0rem !important;}

.mg-10 {margin:1.0rem !important;}
.mg-20 {margin:2.0rem !important;}
.mg-30 {margin:3.0rem !important;}
.mg-40 {margin:4.0rem !important;}
.mg-50 {margin:5.0rem !important;}

.mt-0 {margin-top:0rem !important;}
.mt-10 {margin-top:1.0rem !important;}
.mt-15 {margin-top:1.5rem !important;}
.mt-20 {margin-top:2.0rem !important;}
.mt-30 {margin-top:3.0rem !important;}
.mt-40 {margin-top:4.0rem !important;}
.mt-50 {margin-top:5.0rem !important;}
.mt-60 {margin-top:6.0rem !important;}
.mt-70 {margin-top:7.0rem !important;}
.mt-80 {margin-top:8.0rem !important;}
.mt-90 {margin-top:9.0rem !important;}
.mt-100 {margin-top:10rem !important;}

.mb-0 {margin-bottom:0rem !important;}
.mb-10 {margin-bottom:1.0rem !important;}
.mb-20 {margin-bottom:2.0rem !important;}
.mb-30 {margin-bottom:3.0rem !important;}
.mb-40 {margin-bottom:4.0rem !important;}
.mb-50 {margin-bottom:5.0rem !important;}
.mb-60 {margin-bottom:6.0rem !important;}
.mb-70 {margin-bottom:7.0rem !important;}
.mb-80 {margin-bottom:8.0rem !important;}
.mb-90 {margin-bottom:9.0rem !important;}
.mb-100 {margin-bottom:10rem !important;}

.mr-0 {margin-right:0rem !important;}
.mr-10 {margin-right:1.0rem !important;}
.mr-15 {margin-right:1.5rem !important;}
.mr-20 {margin-right:2.0rem !important;}

.ml-0 {margin-left:0rem !important;}
.ml-10 {margin-left:1.0rem !important;}
.ml-15 {margin-left:1.5rem !important;}
.ml-20 {margin-left:2.0rem !important;}



/* width - relative */
.min-width100 {min-width:100%;}
.max-width100 {max-width:100%;}

.width-5 {width:5% !important;}
.width-10 {width:10% !important;}
.width-15 {width:15% !important;}
.width-20 {width:20% !important;}
.width-25 {width:25% !important;}
.width-30 {width:30% !important;}
.width-35 {width:35% !important;}
.width-40 {width:40% !important;}
.width-45 {width:45% !important;}
.width-50 {width:50% !important;}
.width-55 {width:55% !important;}
.width-60 {width:60% !important;}
.width-65 {width:65% !important;}
.width-70 {width:70% !important;}
.width-75 {width:75% !important;}
.width-80 {width:80% !important;}
.width-85 {width:85% !important;}
.width-90 {width:90% !important;}
.width-95 {width:95% !important;}
.width-100 {width:100% !important;}



/* width - absolute */
.w-10 {width:1.0rem !important;}
.w-20 {width:2.0rem !important;}
.w-30 {width:3.0rem !important;}
.w-40 {width:4.0rem !important;}
.w-50 {width:5.0rem !important;}
.w-60 {width:6.0rem !important;}
.w-70 {width:7.0rem !important;}
.w-80 {width:8.0rem !important;}
.w-90 {width:9.0rem !important;}
.w-100 {width:10rem !important;}
.w-110 {width:11rem !important;}
.w-120 {width:12rem !important;}
.w-130 {width:13rem !important;}
.w-140 {width:14rem !important;}
.w-150 {width:15rem !important;}
.w-160 {width:16rem !important;}
.w-170 {width:17rem !important;}
.w-180 {width:18rem !important;}
.w-190 {width:19rem !important;}
.w-200 {width:20rem !important;}
.w-250 {width:25rem !important;}
.w-300 {width:30rem !important;}
.w-350 {width:35rem !important;}
.w-400 {width:40rem !important;}
.w-450 {width:45rem !important;}
.w-500 {width:50rem !important;}
.w-550 {width:55rem !important;}
.w-600 {width:60rem !important;}
.w-650 {width:65rem !important;}
.w-700 {width:70rem !important;}
.w-750 {width:75rem !important;}
.w-800 {width:80rem !important;}
.w-850 {width:85rem !important;}
.w-900 {width:90rem !important;}
.w-950 {width:95rem !important;}
.w-1000 {width:100rem !important;}
.w-1200 {width:120rem !important;}


/* height */
.h-50 {height:5.0rem !important;}
.h-100 {height:10.0rem !important;}
.h-200 {height:20.0rem !important;}
.h-300 {height:30.0rem !important;}
.h-auto {height:auto !important;}
.height-100 {height:100%;}


/* datepicker */
.ui-widget.ui-datepicker {border:none; box-shadow:0 0.3rem 0.5rem rgba(0,0,0,.1); width: 24.4em; text-transform: uppercase;}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{
  background: #eff2f7 url('none');
}

.ui-datepicker-inline {
  padding: 0;
}

.ui-datepicker .ui-widget-header {
  border: none;
}

.ui-datepicker .ui-datepicker-header {
  padding: 1rem 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 50%;
  transform:translateY(-50%);
}

.ui-datepicker .ui-icon,
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  color: #333;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  border: none !important;
  margin:0 auto;
  width:3.4rem; height:3.4rem; padding:0.8rem;
  background:#fff;
  text-align:center;
  border-radius:50%;
  color:#666;
}
.ui-datepicker a.ui-state-active {background:#2a3042 !important;}
.ui-datepicker a.ui-state-default:hover, .ui-datepicker a.ui-state-default:focus {
	background:#1abc9c;
	color: #fff ;
}

.ui-datepicker td {
  padding: 0.5rem;
  border: 1px solid transparent;
  text-align:center;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: #f5f5f5 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #f1556c !important;
  color: #fff !important;
  font-weight:700;
}

/* layer */
.layer {position:fixed; left:0; top:0;}