/** {
	line-height: 1.25em;
	font-weight: 400;
}*/

/*이미지 마우스이벤트 방지*/
img {
	pointer-events: none;
}

.d-none-temp {
	display: none
}

.ip_invalid_txt{font-size: 1.2rem;font-weight: 400;}
span.scsText,
span.errText{
	display: block;align-items: center;font-size: 1.2rem;font-weight: 400;margin-top: 0.7rem;color: var(--danger);color: var(--primary);
    position: relative;padding-left: 15px;letter-spacing: 0;
	/*background-image: url("./../images/ic_warning.png");background-position: 0 center;background-repeat: no-repeat;background-size: 18px;padding-left: 2.1rem;*/
}
span.scsText{display: none;color: var(--success);}
span.scsText:before,
span.errText:before{
    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;
    position: absolute;left: 0;top: 0;
}
span.errText:before{
    content: "\e9ab";
}
span.scsText:before{
    content: "\e92c";
}

.certi_num{
	font-size: 1.2rem;;font-weight: 900;color: #dc3545 !important;
	position: absolute;top: 36%;right: 2rem;
	transform: skew(-0.14deg);
}

.filebox{position: relative;}
.filebox .file_box{position: relative;overflow: hidden;	display: flex;align-items: center;justify-content: center;
	background-repeat: no-repeat;background-position: center center;background-size: cover;
}
.filebox .file_box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	border: 1px dashed #B2B2B1;
	font-size: 2rem;
	border-radius: 1rem;
	cursor: pointer;
	transition: background-color 0.1s ease-in;
	width: 100%;height: 100%;
}
.filebox .btn_remove{display: none;}
.filebox .btn_delete {
	/* visibility: hidden; */
	position: absolute;top: 0;right: 0;padding: 0;z-index: 2;
	width: 3.8rem;height: 3.8rem;
	background-color: transparent;
	font-size: 1.1rem;
	transition: all 0s ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
}
.filebox .btn_delete:before{
	content: '';
	position: absolute;z-index: -1;
	width: 2.8rem;height: 2.8rem;border-radius: 50rem;
	background-color: rgba(47,52,65,60%);
}
.filebox .btn_delete:before:hover{
	background-color: rgba(47,52,65,90%);
}
.filebox .btn_delete:hover{
	text-decoration: none;
}

.upload_img_wrap {display: flex;flex-wrap: wrap;}
.upload_img_wrap .upload_img_wrap{display: contents;}

.switch-button { position: relative; display: inline-block; width: 56px; height: 28px; margin: 0 }
.switch-button input { opacity: 0; width: 0; height: 0; }
.onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #ccc; box-shadow: inset 1px 5px 1px #bbb; -webkit-transition: .4s; transition: .4s; }
.onoff-switch:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:20px; }
.onoff-switch:after { position: absolute; content: "OFF";right: 8px;top: 3px;font-weight: 500;font-size: 11px;color: #fff; }
.switch-button.on .onoff-switch,
.switch-button input:checked + .onoff-switch { background-color: #00C400; box-shadow: inset 1px 5px 1px #00b500; }
.switch-button.on .onoff-switch:before,
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }
.switch-button input:checked + .onoff-switch:after { content: "ON";left: 8px;right: auto; }
/*.switch-button.on .onoff-switch:after,
.hd_onoff .switch-button input:checked + .onoff-switch:after { content: "ON";left: -12px;right: auto; }*/

.modal-body{overflow-y: auto;max-height: calc(100vh - 200px);}
.modal-body::-webkit-scrollbar {
	width: 11px;height: 11px;  /* 스크롤바의 너비 */
}
.modal-body::-webkit-scrollbar-thumb {
	width: 10%; /* 스크롤바의 길이 */
	background: #D6E0EA  ; /* 스크롤바의 색상 */
	border-radius: 20px; border: 3px #ffff solid;
}
.modal-body::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5);  /*스크롤바 뒷 배경 색상*/}
.modal-body .swiper{max-width: 480px;}

.ip_wr .ip_tit h5:after{content: "";}
.ip_wr .ip_tit .f_req{font-size: 1.6rem;font-weight: 600;color: #FF0013;position: absolute;top: -0.3rem;right: -1.2rem;}

.pass_chk{position: absolute;top: 30%;width: 24px; height: 24px;border: none;background: none;color: #999;display: flex;}

.chkbox{display: inline-block;margin-right: 4px;}

.upload_img_wrap .upload_img_wrap{display: contents;}

.wba{word-break: break-all;}

.feed_info_content{
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.scroll_y_bar{overflow-y: scroll;}
.scroll_y_bar::-webkit-scrollbar {
	width: 11px;  height: 11px;  /* 스크롤바의 너비 */
}
.scroll_y_bar::-webkit-scrollbar-thumb {
	width: 10%; /* 스크롤바의 길이 */
	background: #D6E0EA  ; /* 스크롤바의 색상 */
	border-radius: 20px; border: 3px #ffff solid;
}
.scroll_y_bar::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5);  /*스크롤바 뒷 배경 색상*/ border-radius: 20px; }

.scroll_y_bar2{overflow-y: scroll;}
.scroll_y_bar2::-webkit-scrollbar {
	width: 5px;  height: 5px;  /* 스크롤바의 너비 */
}
.scroll_y_bar2::-webkit-scrollbar-thumb {
	width: 5%; /* 스크롤바의 길이 */
	background: #D6E0EA  ; /* 스크롤바의 색상 */
	border-radius: 20px;
}
.scroll_y_bar2::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5);  /*스크롤바 뒷 배경 색상*/ border-radius: 20px; }

.text_hidden2_1 {
	display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden;}

.t_under{text-decoration: underline;}  /*밑줄*/
.t_under:hover{text-decoration: underline !important;}

.zoom_bg:before{content:'';position: absolute;width: 100%;height: 100%;z-index: 1;background: rgb(0 0 0 / 55%);}

@media (max-width: 768px) {
	.modal-dialog.modal-sm .modal-content{max-width: 90%;margin: 0 auto;}
	#splinner_modal .modal-dialog.modal-sm .modal-content{max-width: 70%;}
}

.tooltip .tooltip-inner{font-size: 12px;padding: 6px 12px;border-radius: 3px;}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg{background-color: #000;}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box{border-radius: 12px;}
.jconfirm .jconfirm-box {padding: 30px 20px 0;}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 20px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{font-size: 14px;line-height: 1.4;}
.jconfirm .jconfirm-box div.jconfirm-title-c{padding-bottom: 10px;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title,
.jconfirm .jconfirm-box div.jconfirm-title-c{font-size: 17px;font-weight: 700;}
.jconfirm .jconfirm-box .jconfirm-buttons {padding-bottom: 16px;}
.jconfirm .jconfirm-box .jconfirm-buttons button{height: var(--height);min-width: 60px;border-radius: 8px;padding: 5px 10px;}
.jconfirm .jconfirm-box-container.col-sm-6{flex: auto;max-width: none;max-width: 360px;margin: 0 auto;}
.jconfirm .jc-bs3-container .container{max-width: none;}

.jconfirm-content *{font-weight: 400;}

.note-editor .note-placeholder{font-weight: 400;}
/*.note-editor *{font-weight: 400;}*/
.note-editor{border-radius: 3px;}
.note-editor .btn-light{color: #333;background-color: #fff;border-color: #ccc;}
.note-editor .note-editable{font-size: 14px;font-weight: 400;}
.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder{font-size: 14px;}
.note-editor .note-toolbar .btn{height: 32px;}
.note-editor .note-toolbar .btn,
.note-editor .note-toolbar .btn i{font-size: 13px;}
.note-editor .note-toolbar .note-mybutton{float: right;}
.note-editor .note-toolbar .note-mybutton .btn{display: flex;align-items: center;}
.note-editor .note-toolbar .note-dropdown-menu{padding: 5px 0;margin: 2px 0 0;font-size: 14px;border-radius: 4px;}
.note-editor .note-toolbar .note-dropdown-menu .dropdown-item{
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

@media (max-width: 575.98px) {
	.note-editor.note-airframe .note-statusbar .note-resizebar,
	.note-editor.note-frame .note-statusbar .note-resizebar{height: 20px !important;padding-top: 7px !important;}
}

.note-modal .modal-header{padding: 15px;border-bottom: 1px solid #e5e5e5;}
.note-modal .modal-title{font-size: 18px;}
.note-modal .modal-body{position: relative;padding: 15px;}
.note-modal .modal-dialog{border-radius: 0;box-shadow: none;}
.note-modal .form-group{margin-left: 0;margin-right: 0;margin-bottom: 15px;}
.note-modal label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.note-modal .modal-footer{padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}

#bo_v_con blockquote,
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee;
}
#bo_v_con blockquote,
.note-editor blockquote {
	border: 0;
	border-left: 5px solid #f86466;
	background: white;
}
#bo_v_con h1,
.note-editor h1 { font-size: 36px; }
#bo_v_con h2,
.note-editor h2 { font-size: 26px; }
#bo_v_con h3,
.note-editor h3 { font-size: 24px; }
#bo_v_con h4,
.note-editor h4 { font-size: 18px; }
#bo_v_con h5,
.note-editor h5 { font-size: 14px; }
#bo_v_con h6,
.note-editor h6 { font-size: 12px; }
#bo_v_con pre,
.note-editor pre{
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
#bo_v_con ol, #bo_v_con ul,
.note-editor ol, .note-editor ul {
	margin-top: 0;
	margin-bottom: 10px;
}
#bo_v_con ul,
.note-editor ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 20px;
}
#bo_v_con li,
.note-editor li {
	display: list-item;
	text-align: -webkit-match-parent;
}
#bo_v_con ol,
.note-editor ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 20px;
}

#bo_v_con{font-weight: 400;line-height: 1.5;word-break: break-all;}
#bo_v_con body{font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 12px;color: #333;background-color: #fff;margin: 20px;}
#bo_v_con .cke_editable{font-size: 13px;line-height: 1.6;word-wrap: break-word;}
#bo_v_con .cke_contents_ltr blockquote{padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
#bo_v_con .cke_contents_rtl blockquote{padding-left: 8px;padding-right: 20px;border-right-width: 5px;}
#bo_v_con a{color: #0782C1;}

#bo_v_con h1,
#bo_v_con h2,
#bo_v_con h3,
#bo_v_con h4,
#bo_v_con h5,
#bo_v_con h6
{font-weight: normal;line-height: 1.2;}
#bo_v_con b,
#bo_v_con strong {font-weight: 700;}
#bo_v_con hr{border: 0px;border-top: 1px solid #ccc;}
#bo_v_con img.right{border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
#bo_v_con img.left{border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}
#bo_v_con pre{white-space: pre-wrap;word-wrap: break-word;-moz-tab-size: 4;tab-size: 4;}
#bo_v_con table{border-collapse: unset;}
#bo_v_con .marker {background-color: Yellow;}
#bo_v_con span[lang] {font-style: italic;}
#bo_v_con figure {text-align: center;outline: solid 1px #ccc;background: rgba(0,0,0,0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
#bo_v_con figure > figcaption {text-align: center;display: block;}
#bo_v_con a > img {padding: 1px;margin: 1px;border: none;outline: 1px solid #0782C1;}
#bo_v_con .code-featured{border: 5px solid red;}
#bo_v_con .math-featured{padding: 20px;box-shadow: 0 0 2px rgba(200, 0, 0, 1);background-color: rgba(255, 0, 0, 0.05);margin: 10px;}
#bo_v_con .image-clean{border: 0;background: none;padding: 0;}
#bo_v_con .image-clean > figcaption{font-size: .9em;text-align: right;}
#bo_v_con .image-grayscale{background-color: white;color: #666;}
#bo_v_con .image-grayscale img, img.image-grayscale{filter: grayscale(100%);}
#bo_v_con .embed-240p{max-width: 426px;max-height: 240px;margin:0 auto;}
#bo_v_con .embed-360p{max-width: 640px;max-height: 360px;margin:0 auto;}
#bo_v_con .embed-480p{max-width: 854px;max-height: 480px;margin:0 auto;}
#bo_v_con .embed-720p{max-width: 1280px;max-height: 720px;margin:0 auto;}
#bo_v_con .embed-1080p{max-width: 1920px;max-height: 1080px;margin:0 auto;}

#bo_v_con,
#bo_v_con *,
.note-editor .note-editable,
.note-editor .note-editable *{/*font-size: 12px !important;font-family: Pretendard, 'NanumSquare' !important;*/}
/*
#bo_v_con.text-center,
#bo_v_con.text-center *{text-align: center !important;}
textarea#pt_content + .note-editor .note-editable,
textarea#pt_content + .note-editor .note-editable *{text-align: center !important;}*/