@charset "UTF-8";

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,300,700');

/* ## reset */
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {height: 100%; overflow-x: hidden; font-size: 20px;}
body {min-width: 320px; height: 100%; color: #424242; word-break: keep-all; word-wrap: break-word; font-weight: 400; font-size: 16px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; line-height: 1.5;}


h1, h2, h3, h4, h5, h6 {font-size: 16px; line-height: 100%; font-family: 'Noto Sans KR', sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {margin: 0px; padding: 0px; -webkit-text-size-adjust: none;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
table {width: 100%; border-collapse: collapse; border-spacing: 0px; /*table-layout: fixed;*/}
fieldset, img, abbr, acronym {border: 0px;}
img {vertical-align: top;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
ins {font-style: normal;}
del {text-decoration: none;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
a {color: inherit; text-decoration: none; cursor: pointer;}
/*a:active, a:hover {color:#888; text-decoration:none}*/
a > * {color: inherit;}
a:hover, a:focus, a:visited{text-decoration: none;}
hr{display: none;}
button {padding: 0; border: 0 none; background: none;}
button:focus, button:active{outline: 0;}
button > span {color: inherit;}
.hidden {display: none;}
header, footer, article, section, aside, details, figure, figcaption, nav {display: block; margin: 0; padding: 0;}
small {font-size: 11px; padding-left: 10px;}
audio[controls], canvas, video {display: inline-block;}
button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: middle; font-family: 'Noto Sans KR';}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: none;}
textarea:focus{outline: none;}
select{-webkit-appearance: none;}
select::-ms-expand {display: none;}
label input[type="checkbox"], label input[type="radio"] {vertical-align: baseline;}
input[type='text'], input[type='email'], input[type='password'], input[type='number'], input[type='search'], textarea {width: 100%; box-sizing: border-box; color: #646464;}
input:focus{outline: none;}

input[placeholder]{color: #969696; opacity: 1; font-family: 'Noto Sans KR';}
input::-webkit-input-placeholder {color: #969696;}
input:-moz-input-placeholder {color: #969696;}
input::-moz-input-placeholder {color: #969696;}
input:-ms-input-placeholder {color: #969696;}

/* WebKit browsers */
::-webkit-input-placeholder {color: #969696; opacity: 1;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color: #969696; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color: #969696; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder {color: #969696; opacity: 1;}



.success {background: #d6e9c6;}
.warning {background: #fcf8e3;}
.danger {background: #f2dede;}
.info {background: #d9edf7;}
.text-primary {color: #428bca;}
.highlight {font-weight: bold; color: #7519FF}

.error {color:red;}
.clearfix {clear:both;}
.bold {font-weight:bold;}
.view-all {float: right; width: 75px; position: absolute; top: 10px; right: 0;}

.pull-left{float:left;}
.pull-right{float:right !important;}
.no-padding {padding: 0 !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right;}
.text-left {text-align: left !important;}
.no-post{padding: 3rem 0; text-align: center;}


/* gird */
.row{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin-right: -15px; margin-left: -15px;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col-12 {flex: 0 0 100%; max-width: 100%; }
.col-6 {flex: 0 0 50%; max-width: 50%;}

.row.space-10{margin-left: -10px; margin-right: -10px;}
.row.space-10 [class*="col-"]{padding-left: 10px; padding-right: 10px;}

.row.space-20{margin-left: -20px; margin-right: -20px;}
.row.space-20 [class*="col-"] {padding-left: 20px; padding-right: 20px;}


/* ## btns */
.btn {display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 7px 10px 9px; min-width: 120px; transition: all 0.2s ease;}
.btn:active, .btn.active {background-image: none;}
a.btn{padding: 9px 10px 7px;}

.btn-xs{padding: 7px 6px 9px; min-width: auto; line-height: 1; font-size: 12px; min-width: 80px;}

.btn-default {border-color: #a7a8a9;}
.btn-default:hover, .btn-default:focus {background-color: #e0e0e0; background-position: 0 -15px;}
.btn-default:active, .btn-default.active {background-color: #e0e0e0; border-color: #dbdbdb;}

.btn-priority{background-color: #35c5f0; border-color: #35c5f0; color: #ffffff;}

.btn-primary {color: #fff; background-color: #0957eb; border-color: #0957eb; background-image: none;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #fff; background-color: #1473e6; border-color: #1473e6;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #233b4d; border-color: #233b4d;}
.btn-primary .badge {color: #348fe2; background-color: #fff;}

.btn-danger {color: #fff; background-color: #b20158; border-color: #b20158; background-image: none;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {color: #fff; background-color: #ce4741; border-color: #ce4741;}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {background-color: #ff5c57; border-color: #ff5c57;}
.btn-danger .badge {color: #ff5c57; background-color: #fff;}

.btn-warning {color: #fff; background-color: #ecb10d; border-color: #ecb10d; background-image: none;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {color: #fff; background-color: #c57e00; border-color: #c57e00;}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {background-color: #f49b1b; border-color: #f49b1b;}
.btn-warning .badge {color: #f49b1b; background-color: #fff;
}

.btn-info {color: #fff; background-color: #0e9bf5; border-color: #0e9bf5; background-image: none;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {color: #fff; background-color: #3492ac; border-color: #3492ac;}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {background-color: #49b6d5; border-color: #49b6d5;}
.btn-info .badge {color: #49b6d5; background-color: #fff;}

.btn-success {color: #fff; background-color: #028755; border-color: #028755; background-image: none;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {color: #fff; opacity: 0.8;}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {background-color: #028755; border-color: #028755;}
.btn-success .badge {color: #028755; background-color: #fff;}

.btn-silver {color: #fff; background-color: #b7c2c8; border-color: #b7c2c8; background-image: none;}
.btn-silver:hover, .btn-silver:focus, .btn-silver:active, .btn-silver.active,.open .dropdown-toggle.btn-silver {color: #fff; background-color: #929ba2; border-color: #929ba2;}
.btn-silver.disabled, .btn-silver[disabled], fieldset[disabled] .btn-silver, .btn-silver.disabled:hover, .btn-silver[disabled]:hover, fieldset[disabled] .btn-silver:hover, .btn-silver.disabled:focus, .btn-silver[disabled]:focus, fieldset[disabled] .btn-silver:focus, .btn-silver.disabled:active, .btn-silver[disabled]:active, fieldset[disabled] .btn-silver:active, .btn-silver.disabled.active, .btn-silver[disabled].active, fieldset[disabled] .btn-silver.active {background-color: #b7c2c8; border-color: #b7c2c8;}
.btn-silver .badge {color: #b7c2c8; background-color: #fff;}

.btn-dark {color: #fff; background-color: #2c353c; border-color: #2c353c; background-image: none;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {color: #fff; background-color: #000; border-color: #000;}
.btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, black fieldset[disabled] .btn-dark.active {background-color: #2c353c; border-color: #2c353c;}
.btn-dark .badge {color: #2c353c; background-color: #fff;}

.btn.disabled {pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}

.btn-cancel{background: #999; display: inline-block; color: #fff;}
.btn-cancel:hover{background-color: #a7a8a9; }

.btn-gray{background: #626262; display: inline-block; color: #fff;}
.btn-gray:hover{background: #888; }


/* ## label  */
.label {display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.label[href]:hover, .label[href]:focus {color: #fff; text-decoration: none; cursor: pointer;}
.label:empty {display: none;}
.btn .label {position: relative; top: -1px;}

.label-default {background-color: #999;}
.label-default[href]:hover, .label-default[href]:focus {background-color: #808080;}

.label-primary {background-color: #428bca;}
.label-primary[href]:hover, .label-primary[href]:focus {background-color: #3071a9;}

.label-success {background-color: #5cb85c;}
.label-success[href]:hover, .label-success[href]:focus {background-color: #449d44;}

.label-info {background-color: #5bc0de;}
.label-info[href]:hover, .label-info[href]:focus {background-color: #31b0d5;}

.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover, .label-warning[href]:focus {background-color: #ec971f;}

.label-danger {background-color: #d9534f;}
.label-danger[href]:hover, .label-danger[href]:focus {background-color: #c9302c;}

label.error{color: #f00; margin-top: 5px; display: inline-block; font-size: 14px;}
label.error-message{display: block;}

/* ## alert */
.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; position: relative;}
.alert h4 {margin-top: 0; color: inherit;}
.alert .alert-link {font-weight: bold;}
.alert > p, .alert > ul {margin-bottom: 0;}
.alert > p + p {margin-top: 5px;}
.alert-dismissible, .alert-dismissible {padding-right: 35px;}
.alert-dismissible .close, .alert-dismissible .close {position: absolute; top: 50%; right: 15px; margin-top: -10px; color: inherit;}

.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-success hr {border-top-color: #c9e2b3;}
.alert-success .alert-link {color: #2b542c;}

.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-info hr {border-top-color: #a6e1ec;}
.alert-info .alert-link {color: #245269;}

.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert-warning hr {border-top-color: #f7e1b5;}
.alert-warning .alert-link {color: #66512c;}

.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-danger hr {border-top-color: #e4b9c0;}
.alert-danger .alert-link {color: #843534;}



.page_animate { position:relative}
.btn-viewmore span::after,
.ani{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}



.mb-0{margin-bottom: 0 !important;}

/*
 * ERROR
 */

.error-wrap {background:url('../images/icons/ico_error.gif') no-repeat center top; padding:100px 25px 35px; margin:150px auto 0; text-align:center; width:100%; max-width: 580px;  position:relative; overflow:hidden}
.error-header {color:#333; font-size:25px; font-weight:normal; display:block; padding:20px 0 30px; letter-spacing:-1px}
.error-header strong {display:block; font-size:70px}	

.error-text {border-top:1px solid #e0e0e0; padding:30px 0 40px; text-align:center; font-size:16px; color:#666; line-height:22px; letter-spacing:-1px}
.error-btn {text-align:center}
.error-btn a{background: #888; color: #fff; width: 120px; height: 30px; line-height: 30px; display: inline-block; padding: 0; border-radius: 4px; text-decoration: none;} 

@media screen and (min-width:768px) {	
	/* 페이지 에니메이션 속도 0.3s == 0.3초(300ms) */
	.ani.page_animate{ opacity: 0; -webkit-transform:translateY(150px);-moz-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-moz-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-ms-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-o-transition:transform 0.5s cubic-bezier(0,0,0.58,1);transition:transform 0.5s cubic-bezier(0,0,0.58,1)}

	.ani.page_animate.animate_delay{-webkit-transform:translateY(300px);-moz-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px);-webkit-transition:transform 0.4s cubic-bezier(0,0,0.58,1);-moz-transition:transform 0.4s cubic-bezier(0,0,0.58,1);-ms-transition:transform 0.4s cubic-bezier(0,0,0.58,1);-o-transition:transform 0.4s cubic-bezier(0,0,0.58,1);transition:transform 0.4s cubic-bezier(0,0,0.58,1)}

	.ani.page_animate.animate{opacity: 1; -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}

	
	.col-md-3{min-height: 1px; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}

	.col-md-4{min-height: 1px; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -moz-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%;}
	.col-md-6{min-height: 1px; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-md-8{min-height: 1px; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -moz-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%;}


}

@media (min-width: 992px) {
	.col-lg-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col-lg-4{flex: 0 0 33.33333%; max-width: 33.33333%;}
	.col-lg-6{flex: 0 0 50%; max-width: 50%;}
	.col-lg-8{flex: 0 0 66.66667%; max-width: 66.66667%;}
}

@media screen and (max-width:767px) {	
	.bg_cover{background-size:cover;}


	.mani.page_animate{ opacity: 0; -webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-moz-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-ms-transition:transform 0.5s cubic-bezier(0,0,0.58,1);-o-transition:transform 0.5s cubic-bezier(0,0,0.58,1);transition:transform 0.5s cubic-bezier(0,0,0.58,1);}

	.mani.page_animate td {border-color:transparent}

	tr.mani.page_animate {position:relative; display: table; width:100%; table-layout: fixed}
	tr.mani.page_animate::after { content:"";width:100%; height:1px; background:#d5d5d5; display:block; position: absolute;bottom:0; left:0; }
	tr.mani.page_animate::after{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

	.bbs-table table tbody tr.mani.page_animate td.subject {width:76%;padding-right:0}
	.bbs-table table tbody tr.mani.page_animate td:last-child {width:24%}

	.mani.page_animate.animate{opacity: 1; -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}

	/*.mani.page_animate.animate::after {width:100%;}*/
}

@media print {
    body{
        width: 210mm;
        height: 297mm;
        margin: 0; /* margin: auto auto; 로 자동 여백 설정도 가능 */
   } 
}