@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css');

body {font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size:18px;}
* {box-sizing:border-box;font-family:inherit;}

.clear:before,
.clear:after {content:'';clear:both;display:table;}
.sr-only {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;clip:rect(0,0,0,0);}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="month"],
input[type="week"],
input[type="time"],
select,
textarea {font-size:1em;line-height:1.6;padding:0.2em;border:solid 1px #888;}
textarea.pre {white-space:pre;}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="month"],
input[type="week"],
input[type="time"] {height:2.1em;}
*[disabled] {cursor:not-allowed !important;}

.validation-errors {color:#f00;}

.bt {display:inline-block;border:solid 1px #f4f4f4;background:#f4f4f4;color:#333;font-size:1em;line-height:1.6;padding:0.2em 1.2em;cursor:pointer;border-radius:4px;}
a.bt:link,
a.bt:hover,
a.bt:visited {text-decoration:none !important;}
.bt.white {background:#fff;border:solid 1px #d2d2d2;color:#333;}
.bt.prime {background:#fff;border:solid 1px #7867a7;color:#7867a7;}
.bt.prime.hover:hover,
.bt.prime.on {background:#7867a7;color:#fff;}
.bt.second {background:#fff;border:solid 1px #85ce36;color:#3f9916;}
.bt.second.hover:hover,
.bt.second.on {background:#85ce36;color:#fff;}
.bt.danger {background:#fff;border:solid 1px #dc3545;color:#dc3545;}
.bt.danger.hover:hover,
.bt.danger.on {background:#dc3545;color:#fff;}
.bt.dark {border:solid 1px #333;color:#333;}
.bt.dark.hover:hover,
.bt.dark.on {background:#333;color:#fff;}

.bg-prime {background:#7867a7;color:#fff;}
.bg-second {background:#85ce36;color:#fff;}
.bg-danger {background:#dc3545;color:#fff;}
.bg-dark {background:#333;color:#fff;}

.fg-prime {color:#7867a7 !important;}
.fg-second {color:#85ce36 !important;}
.fg-danger {color:#dc3545 !important;}
.fg-dark {color:#333 !important;}

ul.paging {padding:0;margin:0;list-style:none;display:inline-block;}
ul.paging li {display:block;float:left;}
ul.paging li a {border:solid 1px #d2d2d2;border-left-width:0;display:inline-block;padding:0.2em;line-height:1.6;font-size:1em;background:#fff;color:#7867a7;min-width:2em;text-align:center;}
ul.paging li a:link,
ul.paging li a:hover,
ul.paging li a:visited {text-decoration:none;}
ul.paging li:first-child a {border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
ul.paging li:last-child a {border-top-right-radius:4px;border-bottom-right-radius:4px;}
ul.paging li.active a {background:#7867a7;color:#fff;border-color:#7867a7;}

.flow-items {display:table;width:100%;}
.flow-items.inline {width:auto;display:inline-table;vertical-align:middle;}
.flow-items > * {display:table-cell;vertical-align:middle;}
.flow-items > *.flow-full {display:block;float:left;}
.flow-items.fixed {table-layout:fixed;}

.flow-5, .cols-5 {margin:0 -10px;}
.flow-5:after, .cols-5:after {content:'';clear:both;display:table;}
.flow-5 > *, .cols-5 > * {width:20%;padding:0 10px;float:left;}
.flow-5 > *:nth-child(5n+1) {clear:left;}
.cols-5 > .col-2 {width:40%;}
.cols-5 > .col-3 {width:60%;}
.cols-5 > .col-4 {width:80%;}

.flow-4, .cols-4 {margin:0 -10px;}
.flow-4:after, .cols-4:after {content:'';clear:both;display:table;}
.flow-4 > *, .cols-4 > * {width:25%;padding:0 10px;float:left;}
.flow-4 > *:nth-child(4n+1) {clear:left;}
.cols-4 > .col-2 {width:50%;}
.cols-4 > .col-3 {width:75%;}

.flow-3, .cols-3 {margin:0 -10px;}
.flow-3:after, .cols-3:after {content:'';clear:both;display:table;}
.flow-3 > *, .cols-3 > * {width:33.33%;padding:0 10px;float:left;}
.flow-3 > *:nth-child(3n+1),
.cols-3 > *:nth-child(3n+1) {width:33.34%;}
.flow-3 > *:nth-child(3n+1) {clear:left;}
.cols-3 > .col-2 {width:66.66%;}

.flow-2, .cols-2 {margin:0 -10px;}
.flow-2:after, .cols-2:after {content:'';clear:both;display:table;}
.flow-2 > *, .cols-2 > * {width:50%;padding:0 10px;float:left;}
.flow-2 > *:nth-child(2n+1) {clear:left;}

.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.text-top {vertical-align:top !important;}
.text-bottom {vertical-align:bottom !important;}
.text-mini {font-size:0.8em;}
.text-small {font-size:0.9em;}
.text-big {font-size:1.1em;}
.text-large {font-size:1.2em;}

.left {float:left;}
.right {float:right;}

.mt-1 {margin-top:0.5em;}
.mt-2 {margin-top:1em;}
.mt-3 {margin-top:2em;}
.mb-1 {margin-bottom:0.5em;}
.mb-2 {margin-bottom:1em;}
.mb-3 {margin-bottom:2em;}

.w-3em {width:3em;}
.w-5em {width:5em;}
.w-8em {width:8em;}
.w-10em {width:10em;}
.w-12em {width:12em;}
.w-15em {width:15em;}
.w-20em {width:20em;}
.w-5p {width:5%;}
.w-10p {width:10%;}
.w-15p {width:15%;}
.w-20p {width:20%;}
.w-25p {width:25%;}
.w-50p {width:50%;}
.w-full {width:100%;}

.ml-3em {margin-left:3em;}
.ml-5em {margin-left:5em;}
.ml-8em {margin-left:8em;}
.ml-10em {margin-left:10em;}
.ml-12em {margin-left:12em;}
.ml-15em {margin-left:15em;}
.ml-20em {margin-left:20em;}
.ml-5p {margin-left:5%;}
.ml-10p {margin-left:10%;}
.ml-15p {margin-left:15%;}
.ml-20p {margin-left:20%;}
.ml-25p {margin-left:25%;}
.ml-50p {margin-left:50%;}

.pop-container {display:none;}
.pop-layer {margin:100px auto;max-width:720px;position:relative;z-index:10001;display:none;transition:all 0.3s;}
.pop-layer.on {display:block;opacity:0;transform:translateY(-50%);}
.pop-layer .pop-title {text-align:center;font-size:30px;color:#fff;margin-bottom:20px;position:relative;}
.pop-layer .pop-title .close {position:absolute;right:0;color:#fff;background-color:transparent;border:none;font-size:30px;line-height:1;padding:0;cursor:pointer;}
.pop-layer .pop-content {background:#fff;padding:20px;box-shadow:#444 1px 2px 4px;}
body.pop-on {overflow:hidden;}
body.pop-on .pop-container {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;display:block;}
body.pop-on .pop-wrap {width:100%;height:100%;position:relative;overflow:auto;padding:10px;}
body.pop-on .pop-bg {display:block;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;position:fixed;}
body.pop-on .pop-layer.on.show {opacity:1;transform:none;}

/* tinymce editor */
/*
.mce-container .mce-path {padding:0;}
.mce-container .mce-container-body .mce-resizehandle {width:100%;height:16px;text-align:right;}
.mce-container .mce-container-body .mce-resizehandle:hover {background-color:#d2d2d2;}
*/

/* tinymce contents */
/*
.mce-contents p {padding:0;margin:0;line-height:1.8;}
.mce-contents img {max-width:100%;height:auto;}
.mce-contents figure.editor-fig {margin:0;padding:0;font-size:0;display:inline-block;}
.mce-contents figure.editor-fig figcaption {text-align:center;background:#f4f4f4;font-size:10pt;line-height:1.6;padding:10px 0;}
*/

/* desktop, under 1200px */
@media (max-width: 1199.98px) {
    
}

/* tablet, under 992px */
@media (max-width: 991.98px) {

}

/* phone, landscape, under 768px */
@media (max-width: 767.98px) {
    .mce-contents img {height:auto;}
}

/* phone, under 578px */
@media (max-width: 575.98px) {
    .flow-items {display:block;}
    .flow-items.inline {display:block;}
    .flow-items > * {display:block;}
    .flow-items > *.flow-full {display:block;}
    .flow-items.check > * {display:inline;}
    .flow-items.check > label:first-child {display:block;}

    .cols-2 > *,
    .cols-3 > *,
    .cols-4 > *,
    .cols-5 > * {width:100% !important;float:none;clear:both;}
}

@media screen and (max-width: 575.98px) {
    .tablebox {padding-bottom:25px;overflow-x:auto;}
	.tablebox table {width:auto;}
    .tablebox table th,
    .tablebox table td {white-space:nowrap;}
}