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

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

.toast {
	opacity: 0;
	transform: none;left: 0;right: 0;margin: 0 auto;align-items: center;justify-content: center;
	display: none;
}
.toast-body{max-width: 480px;}
.toast.show {
	display: flex;
	opacity: 1;
}
.toast.hide {
	display: none;
}
/*.toast-body{font-size: 1.3rem;}*/

.d-none-temp {
	display: none
}

.ip_invalid_txt{font-size: 1.2rem;font-weight: 300;line-height: 1.3em;color: #333;}
span.scsText,
span.errText{
	display: block;align-items: center;font-size: 1.2rem;font-weight: 500;margin-top: 0.7rem;color: var(--danger);/*color: var(--primary);*/
    position: relative;/*padding-left: 15px;*/letter-spacing: 0;line-height: 1;
	/*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.6rem;font-weight: 500;color: var(--primary) !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;padding: 0;
}
.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;}
.image_upload {display: inline-block;position: relative;margin-right: 10px;margin-top: 10px;}
.upload_img_box{width: 110px;height: 110px;}
.upload_img_box .file_box img{aspect-ratio: 1 / 1;object-fit: cover;}
/*.upload_box {
	width: 110px;height: 110px;position: relative;overflow: hidden;cursor: pointer;
	background: url(./../design/img/photo_upload.png) no-repeat center;
	background-size: cover;
	background-color: #f8f9fd;
	border-radius: 10px;
}
.upload_img_wrap .filebox .file_box {
	width: 100%;height: 100%;position: relative;overflow: hidden;cursor: pointer;
	border-radius: 10px;border: 0;
}
.upload_box .upload_del,*/
.upload_img_wrap .filebox .btn_remove{position: absolute;z-index: 1;padding: 0;top: 8px;right: 8px;width: 22px;height: 22px;
	/*top: 0;right: 0;width: 38px;height: 38px;*/
}
/*.upload_box .upload_del img,
.upload_img_wrap .filebox .btn_remove img{width: 20px;height: 20px;}*/

.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);height: calc(100vh - var(--hd_height_m));*/overflow-x: hidden;}
.modal-content > form{position: relative;overflow: hidden;display: flex;flex-direction: column;background-clip: padding-box;}
/*.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;}

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

.cursor_pointer{cursor: pointer;}
.over_hidden{overflow: 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%);}

/*#splinner_modal{z-index: 1051;}*/
@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 16px 0;background: #fff;}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 20px;text-align: center;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content,
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content *{font-size: 13px;font-weight: 500;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;text-align: center;}
.jconfirm .jconfirm-box .jconfirm-buttons {padding-bottom: 16px;float: none !important;display: flex;align-items: center;}
.jconfirm .jconfirm-box .jconfirm-buttons button{height: var(--height);min-width: 60px;border-radius: 6px;padding: 5px 10px;margin-left: 4px;margin-right: 4px;flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{font-size: 13px;font-weight: 500;line-height: 1;}
.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-editable,
.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-btn{height: 34px;width: auto;min-width: 34px;border-radius: 7px;}
.note-editor .note-placeholder,
.note-editor .note-btn-group .note-btn,
.note-editor .note-btn-group .note-btn i,
.note-editor .note-btn-group .note-btn *{font-size: 13px;}
.note-editor .note-btn-group.note-mybutton .note-btn,
.note-editor .note-btn-group.note-mybutton .note-btn i,
.note-editor .note-btn-group.note-mybutton .note-btn *{font-size: 17px;}
.note-editor .note-btn-group.note-mybutton{float: right;}
.note-editor .note-btn-group.note-mybutton .note-btn{display: flex;align-items: center;justify-content: 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;}
}

#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;
}
.note-editor ol, .note-editor ul {
	margin-top: 0;
	margin-bottom: 10px;
}
.note-editor ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
.note-editor li {
	display: list-item;
	text-align: -webkit-match-parent;
}
.note-editor ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.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;}


/* ckeditor 태그 기본값 */
#bo_v_con{font-weight: 400;line-height: 1.4;word-break: break-all;}
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

#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 blockquote{font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;
}*/
#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 ol,
#bo_v_con ul,
#bo_v_con dl
{margin-right: 0px;padding: 0 40px;}

#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 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-family: - !important;*/font-family: initial !important;font-size: 14px !important;line-height: 1.4;transform: none;}
#bo_v_con *,
.note-editor .note-editable *{text-indent: 0 !important;margin-left: 0 !important;/*padding-left: 0 !important;*/}
#bo_v_con a,
#bo_v_con a *,
.note-editor .note-editable a,
.note-editor .note-editable a *{color: #0000ff !important;}

#bo_v_con table{max-width: 100%;}
/*#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;}*/

/* 상품상세 에디터 & 뷰 */
/*.detail_cont_wr #bo_v_con img,
textarea#pt_content + .note-editor .note-editable img{margin-bottom: 15px;display: block;margin-left: auto;margin-right: auto;
	width: unset !important;max-width: 100%;
}*/

.swiper *{transform: none;}

#swiper_popupSwiper img{max-height: 1000px;}

@media (max-width: 575.98px) {
	#bo_v_con table{width: 100% !important;}
}

/* 스켈레톤 로딩 UI */
@keyframes shimmer {
	0% { background-position: -200px 0; }
	100% { background-position: calc(200px + 100%) 0; }
}
.sk-bg {
	background: linear-gradient(90deg, #e9e9e9 25%, #f5f5f5 50%, #e9e9e9 75%);
	background-size: 200px 100%;
	animation: shimmer 1.5s infinite;
}
.sk-bg-dark {
	background: linear-gradient(90deg, #222 25%, #333 50%, #222 75%);
	background-size: 200px 100%;
	animation: shimmer 1.5s infinite;
}
.skeleton-item {
	display: flex;
	align-items: center;
	padding: 10px 24px;
}
.skeleton-item .sk-avatar {
	width: 56px; height: 56px;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
}
.skeleton-item .sk-actions {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
	margin-left: 8px;
}
.skeleton-item .sk-icon {
	width: 36px; height: 36px;
	border-radius: 50%;
}
.skeleton-item .sk-text { flex: 1; }
.skeleton-item .sk-line {
	height: 14px;
	border-radius: 7px;
	margin-bottom: 6px;
}
.skeleton-item .sk-line.w60 { width: 60%; }
.skeleton-item .sk-line.w40 { width: 40%; }
.skeleton-item .sk-line.short { width: 30%; height: 11px; }
.skeleton-popular {
	display: flex;
	gap: 8px;
	padding: 0 16px;
	overflow: hidden;
}
.skeleton-popular .sk-card {
	width: 10rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	padding: 1.2rem 0.8rem 0.8rem;
	background: #fff;
	border-radius: 1.2rem;
	box-shadow: 0px 2px 9px 0px #D9DDE280;
}
.skeleton-popular .sk-card .sk-circle {
	width: 56px; height: 56px;
	border-radius: 50%;
	margin-bottom: 8px;
}
.skeleton-popular .sk-card .sk-name {
	width: 48px; height: 13px;
	border-radius: 6px;
	margin-bottom: 6px;
}
.skeleton-popular .sk-card .sk-btn {
	width: 80%; height: 28px;
	border-radius: 4px;
}