@charset "utf-8";

a:link, a:visited, a:active { text-decoration:none; color:#000000;}
a:hover { text-decoration:none; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; }
a.menu:hover { text-decoration:none; }

button:focus, input:focus, select:focus, option:focus, textarea:focus {outline: none;}

.Vm { vertical-align:middle; }
.Pd1 { padding:1px !important; } .Pd2 { padding:2px !important; } .Pd3 { padding:3px !important; } .Pd4 { padding:4px !important; } .Pd5 { padding:5px !important; } .Pd6 { padding:6px !important; } .Pd7 { padding:7px !important; } .Pd8 { padding:8px !important; } .Pd9 { padding:9px !important; } .Pd10 { padding:10px !important; }
.Mg1 { margin:1px !important; } .Mg2 { margin:2px !important; } .Mg3 { margin:3px !important; } .Mg4 { margin:4px !important; } .Mg5 { margin:5px !important; } .Mg6 { margin:6px !important; } .Mg7 { margin:7px !important; } .Mg8 { margin:8px !important; } .Mg9 { margin:9px !important; } .Mg10 { margin:10px !important; }
.Wh15 { width:15px; height:15px; }
.TaC { Text-align:Center; }
.Cp { cursor:pointer; }
.None{ display:none !important; }

/* ToolTip ################################################################################# */
[tooltipUp]:hover {
	position:relative
}
[tooltipUp]:hover:after {
	content:attr(tooltipUp);
	position:absolute;
	white-space:nowrap;
	top:-30px;
	left:105%;
	background-color:#f8f8f8;
	border:1px solid #888;
	border-radius:5px;
	color:#000;
	font-size:12px;
	z-index:10;
	padding:10px 5px !important;
}
[tooltipDown]:hover {position:relative}
[tooltipDown]:hover:after {
	content:attr(tooltipDown);
	position:absolute;
	white-space:nowrap;
	top:100%;
	left:105%;
	background-color:#f8f8f8;
	border:1px solid #888;
	border-radius:5px;
	color:#000;
	font-size:12px;
	z-index:10;
	padding:10px 5px !important;
}

/* Paging ################################################################################# */
.pagination-wrap {
	margin-top: 50px;
}
ul.pagination {
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
}
a.page-link {
	display: flex;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: var(--white);
	/* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); */
	border: none;
	transition: 0.2s;
	border-radius: 100%;
	color: var(--dark);
	margin: 0 3px;
}
a.page-link:hover {
	z-index: 2;
	color: var(--white);
	text-decoration: none;
	background-color: var(--theme-color1);
	border-color: none;
	filter:brightness(0.9);
}
a.page-link.now-page {
	color: var(--white);
	background-color: var(--theme-color1);
}



/* Loading ################################################################################# */
.SpinnerLoading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0; opacity:0;z-index:999;}
.SpinnerLoading:before{content:""; position:fixed; background:rgba(0,0,0,1); opacity:0.4;background-size:cover;top:0;left:0; height:100%;width:100%;background-repeat:no-repeat;z-index:998;}
.SpinnerLoading:after{content:"";display:block;background-image:url("../img/SpinnerLoading.svg");background-size:50px 50px;height:50px;width:50px;background-repeat:no-repeat;animation:SlSpin 1s infinite linear; z-index:999;}
@keyframes SlSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.AjaxLoading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:600px;;top:0;bottom:0;left:0;right:0; opacity:0;z-index:999;}
.AjaxLoading:before{content:""; position:absolute; background:rgba(0,0,0,0.5); opacity:0.01;background-size:cover;top:0;left:0; height:100%;width:100%;background-repeat:no-repeat;z-index:998;}
.AjaxLoading:after{content:"Loading";background-image:url("../img/SpinnerLoading2.svg");background-size:100px 100px;height:100px;width:100px;background-repeat:no-repeat; Text-align:center;color:#808080; font-family:'nt-L';}


/* SWITCH ################################################################################# */
/* 기본적인 스타일 설정 */
.IconSwitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* input[type="checkbox"]를 숨깁니다. */
.IconSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* 스위치의 슬라이더 모양을 만드는 span */
.IconSwitch .slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: 0.4s;
	border-radius: 34px;
}

/* 원형 슬라이더 */
.IconSwitch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50%;
}

/* input이 체크되었을 때의 스타일 */
.IconSwitch input:checked + .slider {
	background-color: var(--success);
}

/* input이 체크되었을 때 원형이 오른쪽으로 이동 */
.IconSwitch input:checked + .slider:before {
	transform: translateX(26px);
}

/* 스위치에 둥근 모양 적용 */
.IconSwitch .slider.round {
	border-radius: 34px;
}

.IconSwitch .slider.round:before {
	border-radius: 50%;
}


/* dropzone ################################################################################# */
.dropzone .dz-preview .dz-progress{
	display: none;
}
.dropzone .dz-preview .dz-remove{
	background-color: var(--danger);
	color:var(--white);
	margin: 0 auto;
	margin-top: 5px;
	display: table !important;
	padding: 2px 15px;
}
.dropzone.dz-clickable{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.dropzone{
	transition: 0.2s;
	border:1px solid #e9ecef;
	color: var(--secondary);
}
.dropzone:hover{
	border:1px solid var(--secondary);
}
.dropzone .dz-preview .dz-image{
	margin: 0 auto;
}
.dropzone .dz-preview .dz-image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.dropzone .dz-preview .dz-details{
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	opacity:1;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-image {
	-webkit-filter: none !important;
	filter: none !important;
	opacity: 1;
}
.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: blur(0);
	filter: blur(0)
}
.dropzone .dz-preview .dz-details .dz-filename:hover span{
	border: none;
	text-decoration: underline;
}
.dropzone .dz-preview{
	width: 120px;
}
.dropzone .dz-error {
	background-color: var(--secondary);
	padding: 15px;
	border-radius: 15px;
}
.dropzone .dz-error-message {
	text-align: center;
	word-break: keep-all;
}
.dropzone .dz-preview .dz-error-message:after {
	left: 50%;
	transform:translateX(-50%);
}
.dropzone .dz-preview.dz-error .dz-error-message {
	left: 50%;
	transform:translateX(-50%);
	width: 200px;
}


.dropzone.type2 .dz-image{
	display: none;
}
.dropzone.type2 .file_icon_wrap i{
	font-size: 30px;
}
.file_icon_wrap .fas.fa-file-powerpoint, .file_icon_wrap .fas.fa-file-pdf{
	color: var(--red);
}
.file_icon_wrap .fas.fa-file-archive{
	color: var(--blue);
}
.file_icon_wrap .fas.fa-file-excel{
	color: var(--green);
}
.file_icon_wrap .fas.fa-image, .file_icon_wrap .fa-file-video{
	color: var(--secondary);
}

/* Editor View */
.editor-content figure.table {
	margin: .9em auto;
	display: table;
	width: 100%;
}
.editor-content table {
	border: 1px double #b3b3b3;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.editor-content table > tbody > tr > td {
	border: 1px solid #bfbfbf;
	min-width: 2em;
	padding: .4em;
	position: relative;
	overflow-wrap: break-word;
}
.ck-content ul, .ck-content ol {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	padding-inline-start: 40px;
	unicode-bidi: isolate;
}




/* 검색 */
.search-wrap{
	padding: 10px 20px;
	background-color: var(--light-gray);
	border: 1px solid var(--line-gray);
	margin-bottom:  15px;
}
.search-wrap .search-title{
	font-weight: 600;
	margin-bottom: 10px;
}
.search-wrap .search-line{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-wrap .search-line .sfl{
	max-width: 200px;
}
.search-wrap .search-line .stx{
	max-width: 500px;
	margin-left: 5px;
}
label.label_box{
	position: relative;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content :center;
	transition: 0.2s;
	overflow: hidden;
}
.label_box_wrap.triple label.label_box{
	max-width: 100px;
	width: 33%;
	margin-right: 5px;
}
label.label_box input[type=radio] +.label_box_on{
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid var(--line-gray);
	background-color: var(--white);
	z-index:0;
	transition: 0.2s;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content :center;
	font-weight: 400;
	color: var(--secondary);
}
label.label_box input[type=radio]:checked + .label_box_on{
	content:"";
	border: 1px solid var(--dark);
	font-weight: 600;
	color: var(--dark);
}
label.label_box.on{
	border: 1px solid var(--btn-dark);
	font-weight: 700;
}
label.label_box.on:after{
	content:"";
	width: 24px;
	height: 24px;
	background:url('../images/radio_check_icon.png') no-repeat center / 10px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 17px;
}
label.check_label.type2.on:after{
	content:"";
	display: none;
}
.label_box_wrap{
	display: flex;
}


/* 관리자 page-wrapper 영역 */
.page-wrapper{
	position: relative;
	min-height: 100vh;
	display: block;
}
.page-breadcrumb{
	font-weight: 700;
}
.card .card-title{
	font-weight: 700;
}
.page-content{
	padding: 30px;	
}
label.control-label{
	font-weight: 500;
}
.label-about{
	color:var(--primary);
	font-size: 13px;
	margin-top: 3px;
}
textarea.form-control{
	min-height: 200px;
	resize: none;
}
.form-group.half{
	margin-bottom: 0.5rem;
}
.form-actions.right{
	text-align: right;
}
.now_logo_wrap{
	display: table;
	margin: 0 auto;
	margin-top: 1rem;
	text-align: center;
}
.config_img_thumb{
	max-width: 100px;
}


/* cf_basic */
#CfBasic textarea.form-control{
	min-height: 122px;
	resize: none;
}

/* bd_list */
.search-filter-wrap{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.search-filter-right-wrap{
	width: 300px;
	display: flex;
	justify-content: space-between;
}
.search-filter-right-wrap select{
	margin-left: 5px;
}
#bdListTable > tbody > tr{
	vertical-align: middle;
}
#bdListTable td, #bdListTable th {
	vertical-align: middle;
}
td .no_list{
	min-height: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
tr.hidden_board{
	background-color: var(--light-gray);
}

/* bd_write */
.form-group > label{
	font-weight: 600;
}
.form-flex{
	display: flex;
	align-items: center;
}
.form-flex > label{
	margin-right: 15px;
}
.bd-write-fileBox {
	display: flex;
	width: 100%;
	margin-top: 10px;
}
.bd-write-fileBox > .item{
	display: flex;
	justify-content: center;
	width: 150px;
	margin-right: 30px;
	text-align: center;
	flex-wrap: wrap;
}
.bd-write-fileBox > .item .file-delete-wrap{
	width: 100%;
	margin-top: 5px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.bd-write-fileBox > .item:hover .file-name {
	text-decoration: underline;
}
.file_icon_wrap i {
	font-size: 30px;
	text-align: center;
}
.bd-write-fileBox .file_icon_wrap {
	display: table;
	margin: 0 auto;
}
#FileDownloadFrame {
	display: none;
}