@charset "utf-8";

--------------------------- Escoredream --------------------------- 
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');font-weight:100;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');font-weight:200;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight:300;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight:400;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');font-weight:500;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight:600;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');font-weight:700;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight:800;font-display:swap;}
@font-face{font-family:'Escoredream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');font-weight:900;font-display:swap;}

/*--------------------------- Pretendard --------------------------- */
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');font-weight:100;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');font-weight:200;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');font-weight:300;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');font-weight:900;font-display:swap;}


:root {
	--ff-base: 'Pretendard';
	--fw-thin: 100;
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-black: 900;
	
	--fz-logo:23px;
	--fz-title:15px;
	--fz-main:14px;
	--fz-sub:13px;
	--fz-copy:11px;
	--fz-snb:30px;
	
	--fc-st1: #282828;
	--fc-st2: #9e9e9e;
	--fc-st3: #ffffff;
	--fc-st4:#707070; /* th 글씨색상 */

	--c-point: #4f46e5; /* 포인트 컬러 4f46e5 */
	--c-red:#E53935;
	--c-blue:#2563EB;
	
	--bgc-st1:#eeeef9;
	--bgc-st2:#ffffff;
	--bgc-st3:#f8f8f8; /* th 배경색상 */
	--bgc-st4:#f5f5f5;
	--bgc-st5:#ff0000;
	--bgc-st6:#f5f5f5;
	--bgc-st7:#eeeeee;
	--bgc-st8:#5A5A5A;
	--bgc-st9: #282828;
	--bgc-st10:#444444;
	--bgc-st11:#121517; /* buttonn bg hover */
	

	--bdc-st1:#d9d9d9; /* button border */
	--bdc-st2:#8f8f92;
	--bdc-st3:#e6e6e6;
	--bdc-st4:#121517; /* 보더2픽셀 */
	--bdc-st5:#e1e1e1; /* th 보더1 픽셀 */
	--bdc-st6:#707070; /* checkbox */


}




/* 공통스타일_공통 */
html{overflow:scroll;overflow-x:auto;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{margin:0px;padding:0px;font-family:var(--ff-base);font-weight:var(--fw-regular);font-size:var(--fz-main);color:var(--fc-st1);line-height:1.4;background:var(--bgc-st2);word-break: break-all;}
img{border:none;vertical-align:top}


h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal}
p{margin:0;padding:0;}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none}

textarea{margin:0;padding:0;border:none;resize:none;font-family:var(--ff-base);font-weight:var(--fw-medium);font-size:var(--fz-main);color:var(--fc-st1);}
input{margin:0;padding:0;border:none;font-weight:normal;}
input[type=text],input[type=email],input[type=password],input[type=submit],input[type=button],input[type=datetime-local], select{ box-sizing:border-box;font-family:var(--ff-base);font-weight:var(--fw-medium);font-size:var(--fz-main);color:var(--fc-st1);-webkit-appearance: none;}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder {color: var(--fc-st2);}
select{  appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select:focus { outline: none;}

input[type=checkbox]{border:1px solid #666666;border-radius:8px;}
input[type=radio]{border:1px solid var(--fc-st1);}
input:focus,textarea:focus{outline-style:none;}
input[type=date] {  font-family: var(--ff-base) !important;}

button{padding:0 20px;border:none;font-weight:var(--fw-medium);background:#ffffff;cursor:pointer}

a{text-decoration:none;outline:none;color:var(--fc-st1);select-dummy:expression(this.hideFocus=true);}
a:hover{text-decoration:none}
address, em, strong{font-weight:normal}

table{border:0;border-collapse:collapse;border-spacing:0;}
table td{padding:0}
table th{padding:0}

th{font-weight:normal;text-align:left}

.screen_out{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0}

/* login ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.login-wrap{display:flex;justify-content: center; align-items: center;width:100%;height:100vh;}

.login-wrap .login{text-align:center;width:280px;padding-bottom:30px;box-sizing:border-box;}
.login-wrap .login dl{padding-bottom:10px;}
.login-wrap .login dl dt{font-weight:var(--fw-medium);font-size:21px;line-height:1.2;}
.login-wrap .login dl dd{padding-top:4px;font-size:14px;}

.login-wrap .login input{display:block;width:100%;height:46px;padding:0 23px;margin:4px 0; box-sizing:border-box;border: 1px solid var(--bdc-st2); border-radius:8px;text-align:center;}
.login-wrap .login input[type=submit]{ position: relative;border:none; font-weight:var(--fw-medium);color:var(--fc-st3); background-color:var(--bgc-st9);cursor:pointer; transition: letter-spacing .15s ease;}
.login-wrap .login .auth{display:flex;gap:4px;padding:0;margin:0;}
.login-wrap .login .auth input[type=text]{flex:3;margin:0;}
.login-wrap .login .auth input[type=submit]{flex:1;margin:0;transition: all .15s ease;}
.login-wrap .login .result{margin-top:4px;text-align:left;text-align:center;font-size:var(--fz-sub);}
.login-wrap .login .result .fail{font-weight:var(--fw-semibold);color:var(--c-red);}
.login-wrap .login .result .success{font-weight:var(--fw-semibold);color:var(--c-blue);}

.login-wrap .login p{margin-top:10px;font-size:var(--fz-copy);}



/* header ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header-wrap{display:flex;justify-content: space-between;align-items: center;position:fixed;left:0;top:0;z-index:1000;width:100%;height:65px;padding:0 25px; box-sizing:border-box;border-bottom:1px solid var(--bdc-st1); background:var(--bgc-st2);}
.header-wrap h1{display:flex;font-weight:var(--fw-semibold);font-size:var(--fz-logo);line-height:34px;}
.header-wrap h1 .logo{display:inline-block;width:34px;height:34px;border-radius:100%;margin-right:5px;background:url(/_admin/images/logo.png) center no-repeat; background-size:cover;}
.header-wrap h1 .userid{padding-left:5px;;font-size:var(--fz-title);}

.header-wrap .right{display:flex;align-items: center;}
.header-wrap .right a{padding-right:10px;}
.header-wrap .right .menu{width:30px;height:30px;background:url(/_admin/images/menu.svg) center no-repeat;text-indent:-9999px;cursor:pointer}

.menu-wrap{ overflow:scroll;  -ms-overflow-style: none; scrollbar-width: none; display:none;justify-content: space-between;align-items: center;flex-direction: column;	 position:fixed;left:0;top:65px;z-index:100;width:220px;height:calc(100% - 65px);padding:20px 15px 0 15px;box-sizing:border-box;border-right:1px solid var(--bdc-st1); background:var(--bgc-st3)}
.menu-wrap.on{display:flex;}

.menu-wrap .menu{width:100%;}
.menu-wrap .menu dl{padding-top:10px;}
.menu-wrap .menu dl:first-child{padding-top:0;}
.menu-wrap .menu dl dt a{display:flex;justify-content: space-between;align-items: center;position:relative;padding:7px 10px; font-weight:var(--fw-semibold);font-size:var(--fz-title);color:var(--fc-st1);}
.menu-wrap .menu dl dt a span{display:block;width:16px;height:16px;padding-left:10px;background:url(/_admin/images/arrow.svg) center no-repeat; background-size:16px auto;}
.menu-wrap .menu dl dt a.on span{transform: rotate(90deg);}
.menu-wrap .menu dl dd{position:relative;transition: all 0.1s ease;}
.menu-wrap .menu dl dd a::before {content: "•";position: absolute;left: 10px;top: 5px;}
.menu-wrap .menu dl dd a{display:flex;justify-content:left;align-items: center;padding:7px 15px 7px 20px;margin:2px 0; border-top-right-radius:4px; border-bottom-right-radius:4px;color:var(--fc-st4); line-height:1.2;}
.menu-wrap .menu dl dd a.on{ border-left:2px solid var(--c-point); color:var(--c-point); font-weight:500; background:var(--bgc-st7);}
.menu-wrap .menu dl dd a:hover{background:var(--bgc-st7);}

.menu-wrap .info{position:relative;width:calc(100% + 30px);margin-top:50px;padding:15px 0;border-top:1px solid var(--bdc-st1);/*border:1px solid var(--bdc-st1);*/font-size:var(--fz-sub);background:#ffffff;}
.menu-wrap .info .name{text-align:center;}
.menu-wrap .info .name img{width:120px;padding:5px 0;}
.menu-wrap .info .tel{text-align:center;line-height:20px;color:var(--fc-st4);letter-spacing:0.05em;}
@media only screen and (max-width:1024px) {
	.menu-wrap{width:100%;border-right:none;}
}

/* board ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content-wrap{overflow:hidden;padding:60px 25px 60px 25px;}
.content-wrap.on{margin-left:220px;}
.content-wrap .snb{margin:40px 0 20px 0; text-align:center;font-weight:var(--fw-semibold);font-size:var(--fz-snb);}
.content-wrap form[name=searchForm]{margin:0 auto;}
.content-wrap .searcharea{display:flex;flex-wrap:wrap;justify-content: center;margin:0 auto 20px auto}
.content-wrap .contentarea{ overflow:hidden;display:flex;align-items: center;justify-content: center;flex-direction: column; width:100%;}
.content-wrap .contentarea form{width:100%;}
@media only screen and (max-width:1024px) {
	.content-wrap{padding:60px 25px 60px 25px; margin-left:0;}

}


.wrap{ letter-spacing:-0.02em;font-weight:var(--fw-medium);}
.table-area{overflow-x:auto;width:100%;}

.div-table{ position:relative; display:table; margin:0 auto;table-layout: auto;}
.div-table > div{ display:table-row; position:relative;}
.div-table > div > div{ display:table-cell; position:relative; height:32px;padding:5px 15px;border-bottom:1px solid var(--bdc-st5);border-left:1px solid var(--bdc-st5);text-align:center; vertical-align:middle;}
.div-table > div > div:first-child{border-left:none;}
.div-table > div > div.nodata{position:static;}
.div-table > div > div.nodata span{position:absolute;left:0;top:0;z-index:100;width:100%;height:60px;line-height:60px;text-align:center;background:var(--bgc-st2);}
.div-table > div > div.th{height:36px;border-left:none;font-weight:var(--fw-semibold);background:var(--bgc-st4); white-space:nowrap;}
.div-table > div:first-child > div{border-top:2px solid var(--bdc-st4);}
.div-table > div > div > a{display:block;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

.div-table.list > div:nth-child(2n+1) > div.th{height:35px;color:var(--fc-st4);background:var(--bgc-st3);}
.div-table.list > div > div{ height:50px;white-space:nowrap; }
.div-table.list > div:last-child > div{ border-bottom:1px solid var(--bdc-st4) }


.div-table.read > div > div{text-align:left;}
.div-table.read > div > div.th{width:120px;height:50px;padding:5px 25px;color:var(--fc-st4);text-align:left;background:var(--bgc-st3);}
.div-table.read > div > div.td{width:820px;height:100%;}
.div-table.read > div > div.td .editor img{max-width:100%;}
.div-table.read > div > div.file-align{ display:table-cell;}
.div-table.read > div:last-child > div{ border-bottom:1px solid var(--bdc-st4) }


@media only screen and (max-width:1024px) {
	.div-table.read{display:block;width:100%;}
	.div-table.read > div{display:flex;flex-direction:column;justify-content:center;}
	.div-table.read > div > div{display:block;align-items:center;width:100%;height:auto;min-height:42px;box-sizing:border-box;}
	.div-table.read > div > div{border-left:1px solid var(--bdc-st1);border-right:1px solid var(--bdc-st1);}
	.div-table.read > div > div.file-align{ display:block}
	.div-table.read > div > div.th{display:flex;align-items:center;width:100%;text-align:left;line-height:32px;min-height:50px;}
	.div-table.read > div > div.td{display:flex;align-items:center;flex-wrap:wrap;width:auto; max-width:100%; min-height:55px;padding:5px 25px;}
	.div-table.read > div > div.td > .ui-sortable{width:100%;}
	.div-table.read > div > div > .editor{width:100%;padding:5px 0;}
	.div-table.read > div:first-child > div.th{border-top:2px solid var(--bdc-st4);border-bottom:1px solid var(--bdc-st1)}
	.div-table.read > div:first-child > div.td{border-top:none;}
	.div-table.read > div:last-child > div.th{border-bottom:1px solid var(--bdc-st1)}
}
@media only screen and (max-width:640px) {
	.div-table.read > div > div.th{padding:5px 10px;}
	.div-table.read > div > div.td{padding:5px 10px;}
}

/* comment---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.comment-warp{width:100%;}
.comment-area{display:flex;max-width:1020px;margin:0 auto;}
.comment-box{max-width:1020px;margin:0 auto;}
.comment-box .comment{padding:10px;border-bottom:1px solid var(--bdc-st5); box-sizing:border-box;}
.comment-box .comment:first-child{margin-top:10px;border-top:1px solid var(--bdc-st5);}
.comment-box .comment .box .info{display:flex;justify-content: space-between;padding:5px 0; flex-wrap:wrap;}
.comment-box .comment .box .info .namebox{display:flex;align-items: center; padding-right:10px}
.comment-box .comment .box .info .namebox .name{padding-right:10px;}
.comment-box .comment .box .info .namebox .time{color: var(--fc-st4);font-size:var(--fz-sub);}
.comment-box .comment .box .info .namebox .reply{display:block;width:24px;height:24px;background:url(/_admin/images/reply.svg) left top no-repeat; background-size:20px}
.comment-box .comment .box .info .likebox{display:flex;align-items: center;}
.comment-box .comment .box .info .likebox .like{display:block;width:15px;height:15px;padding:0; background:var(--bdc-st6);  -webkit-mask: url(/_admin/images/comment-like.svg) no-repeat center; mask: url(/_admin/images/comment-like.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain;}
.comment-box .comment .box .info .likebox .like.on{background:var(--c-point);}
.comment-box .comment .box .info .likebox .dislike{display:block;width:15px;height:15px;padding:0; margin-left:10px; background:var(--bdc-st6);  -webkit-mask: url(/_admin/images/comment-dislike.svg) no-repeat center; mask: url(/_admin/images/comment-dislike.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain;}
.comment-box .comment .box .info .likebox .dislike.on{background:var(--c-point);}
.comment-box .comment .box .info .likebox .num{padding: 0 0 0 3px;color: var(--fc-st4);font-size: var(--fz-sub);}
.comment-box .comment .box .info .likebox .num.on{color:var(--c-point);}


.comment-box .comment .box .text{padding:0 0 5px 0;font-weight:var(--fw-regular);color: var(--fc-st4);}
.comment-box .comment .box .text .to{padding-right:5px;color: var(--c-point);}


/* file---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.file-text{display:flex;align-items: center;margin:4px 0;}
.file-text > .file_img{display:flex;}
.file-text > .file_img > .file_imgbox{display:inline-block;width:50px;height:50px;margin:0 10px 0px 0;border:1px solid #ececec;}
.file-text > .file_img > .file_imgbox > span{display:flex;flex-direction:column;width:100%;height:100%;text-align:center;}
.file-text > .file_img > .file_imgbox > span > img{display:inline-block;max-height:50px;max-width:50px;margin:auto;}

.file-text > .file_img > .file_filebox{display:flex;width:50px;height:50px;margin:4px 10px 0 0;border:1px solid #ececec;text-align:center;background:url(/_admin/images/document.svg) center top 8px no-repeat; background-size:18px auto;}
.file-text > .file_img > .file_filebox > span{display:block;width:100%;padding-top:25px;}

.file-text > a{ white-space:normal !important; }
.file-text > .fileDel{flex-shrink: 0;width:24px;height:24px;background:url(/_admin/images/delete.svg) center center no-repeat;background-size:18px auto;cursor:pointer}
.file-text > .fileDel:hover{background:url(/_admin/images/delete.svg) center center no-repeat;background-size:18px auto;}

.file-upload-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:2px 4px; width:100%; }
.file-upload-wrap input[type=file] { display:none; }
.file-name { font-size:14px; color:var(--fc-st4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/* button---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.img-noti{width:20px;}

.search-1{display:flex;}
.search-1 input[type=text]{display:block;width:166px;height:40px;padding:0 0 0 10px;margin:2px 0 2px 2px;border-radius:8px; border-top-right-radius:0; border-bottom-right-radius:0; box-sizing:border-box;border:1px solid var(--bdc-st1); border-right:none;}
.search-1 input[type=text]:focus{border:1px solid var(--bdc-st4);border-right:none;}
.search-1 input[type=text]:focus + input[type=submit]{border:1px solid var(--bdc-st4);}
.search-1 input[type=submit]{display:block;width:36px;height:40px;padding:0 20px;margin:2px 2px 2px 0;border-radius:8px; border-top-left-radius:0; border-bottom-left-radius:0; box-sizing:border-box;border:1px solid var(--bdc-st1); text-indent:-9999px;background:url(/_admin/images/search.svg) right 10px center no-repeat;background-size:auto 20px; cursor:pointer;}

.select-1{display:block;height:40px;padding:0 30px 0 15px;margin:2px;border-radius:8px;border:1px solid var(--bdc-st1); background:url(/_admin/images/arrow2-bottom.svg) right 6px center no-repeat; background-size:auto 20px;}
.select-1:focus{border:1px solid var(--bdc-st4)}

.input-1{height:40px;padding:0 15px 0 15px;margin:2px 0;border:1px solid var(--bdc-st1);box-sizing:border-box;border-radius:8px;}
.input-1:focus{border:1px solid var(--bdc-st4)}

.checkbox-1{display:inline-block;position:relative;width:18px;height:18px; vertical-align:middle}
.checkbox-1 > span{position:absolute;left:0;top:0;z-index:10;width:20px;height:20px;background-color: var(--bdc-st6);webkit-mask: url(/_admin/images/checkbox.svg) center / 20px no-repeat; mask: url(/_admin/images/checkbox.svg) center / 20px no-repeat;}
.checkbox-1 > input{position:absolute;left:0;top:0;z-index:20;width:20px;height:20px;border:1px solid #ff0000;opacity:0;}
.checkbox-1 > input[type="checkbox"]:checked+span{background-color: var(--c-point);webkit-mask: url(/_admin/images/checkbox-on.svg) center / 20px no-repeat; mask: url(/_admin/images/checkbox-on.svg) center / 20px no-repeat;}

.checkbox-2{display:inline-block;position:relative;padding:1px 0 1px 25px;}
.checkbox-2 > span{position:absolute;left:0;top:0;z-index:10;width:20px;height:20px;background-color: var(--bdc-st6);webkit-mask: url(/_admin/images/checkbox.svg) center / 20px no-repeat; mask: url(/_admin/images/checkbox.svg) center / 20px no-repeat;}
.checkbox-2 > input{position:absolute;left:0;top:0;z-index:20;width:20px;height:20px;border:1px solid #ff0000;opacity:0;}
.checkbox-2 > input[type="checkbox"]:checked+span{background-color: var(--c-point);webkit-mask: url(/_admin/images/checkbox-on.svg) center / 20px no-repeat; mask: url(/_admin/images/checkbox-on.svg) center / 20px no-repeat;}
.checkbox-2 > label{}

.radiobox-1{min-height:40px;line-height:40px;padding-left:22px;}
.radiobox-1 > label{padding:5px 10px 5px 0;position: relative;}
.radiobox-1 > label::before{content:'';position:absolute;left:-22px;top:4px;width:18px;height:18px;background-color:var(--bdc-st6);-webkit-mask: url(/_admin/images/radio.svg) no-repeat center;-webkit-mask-size: contain;mask: url(/_admin/images/radio.svg) no-repeat center;mask-size: contain;}
.radiobox-1 > input{display:none;}
.radiobox-1 > input[type="radio"]:checked + label::before{background-color:var(--c-point);-webkit-mask: url(/_admin/images/radio-on.svg) no-repeat center;-webkit-mask-size: contain;mask: url(/_admin/images/radio-on.svg) no-repeat center;mask-size: contain;}


.radiobox-2{display:flex;align-items: center;justify-content: center;min-height:40px;padding-left:18px;}
.radiobox-2 > label{padding:5px 0 5px 0;position: relative;}
.radiobox-2 > label::before{content:'';position:absolute;left:-18px;top:4px;width:18px;height:18px;background-color:var(--bdc-st6);-webkit-mask: url(/_admin/images/radio.svg) no-repeat center;-webkit-mask-size: contain;mask: url(/_admin/images/radio.svg) no-repeat center;mask-size: contain;}
.radiobox-2 > input{display:none;}
.radiobox-2 > input[type="radio"]:checked + label::before{background-color:var(--c-point);-webkit-mask: url(/_admin/images/radio-on.svg) no-repeat center;-webkit-mask-size: contain;mask: url(/_admin/images/radio-on.svg) no-repeat center;mask-size: contain;}


.button-1{height:46px;min-width:100px;margin:2px;border-radius:8px;font-size:14px; color:var(--fc-st3);background:var(--c-point);}
.button-1:hover{background:var(--bgc-st11);}

.button-1-1{height:100px;min-width:100px;border-radius:8px;font-size:14px; color:var(--fc-st3);background:var(--c-point);}
.button-1-1:hover{background:var(--bgc-st11);}

.button-2{height:46px;min-width:100px;margin:2px;border-radius:8px;border:1px solid var(--bdc-st1); box-sizing:border-box;font-size:14px;text-align:center;line-height:44px;color:var(--bgc-st9);background:var(--fc-st3);cursor:pointer}
.button-2:hover{color:var(--fc-st3);background:var(--bgc-st11);border:1px solid var(--bdc-st4);}

.button-2-1{height:40px;margin:2px 10px 2px 0;border-radius:8px;border:1px solid var(--bdc-st1); box-sizing:border-box;color:var(--bgc-st9);background:var(--fc-st3);}
.button-2-1:hover{color:var(--fc-st3);background:var(--bgc-st11);}

.button-2-2{height:40px;margin:2px 1px 2px 1px;padding:0 5px;border-radius:8px;border:1px solid var(--bdc-st1); box-sizing:border-box;color:var(--bgc-st9);background:var(--fc-st3);}
.button-2-2:hover{color:var(--fc-st3);background:var(--bgc-st11);}

.textarea-1{ width:100%;height:100px;padding:15px;margin-right:4px;border: 1px solid var(--bdc-st1);border-radius:8px;box-sizing: border-box;}


.btn-edit{display:block;width:15px;height:15px;padding:0;margin:0 0 0 5px;background:var(--bdc-st6);  -webkit-mask: url(/_admin/images/edit.svg) no-repeat center; mask: url(/_admin/images/edit.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain;}
.btn-del{display:block;width:15px;height:15px;padding:0;margin:0 0 0 5px;background:var(--bdc-st6);  -webkit-mask: url(/_admin/images/del.svg) no-repeat center; mask: url(/_admin/images/del.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain;}
.btn-comment{display:block;width:15px;height:15px;padding:0;margin:0 0 0 10px;background:var(--bdc-st6);  -webkit-mask: url(/_admin/images/comment.svg) no-repeat center; mask: url(/_admin/images/comment.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain;}


/* paging ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.div-pagenum{ display:flex;width:100%;margin:20px auto 0 auto;justify-content: space-between; text-align:center;}
.div-pagenum .btn{display:flex;gap:4px; flex-wrap:wrap; margin-bottom:4px; }
.div-pagenum .btn button{margin:0;}
.div-pagenum .page{display:flex; gap:4px; flex-wrap:wrap;}
.div-pagenum .page a{display:block;min-width:46px;height:46px;padding:0 10px; box-sizing:border-box;border-radius:8px;border: 1px solid var(--bdc-st1);line-height:46px;text-align:center;cursor:pointer}
.div-pagenum .page a.on{color:var(--fc-st3);background:var(--c-point);border: 1px solid var(--c-point);}
.div-pagenum .page a:hover{color:var(--fc-st3);background:var(--bgc-st11);border: 1px solid var(--bdc-st4);}


@media only screen and (max-width:1024px) {
	.div-pagenum{flex-direction: column;justify-content: center;align-items: center;}
}

/* alert ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.alert-wrap{position:fixed;left:0;top:0;z-index:1100; display:none;justify-content: center;align-items: center; width:100%;height:100%;}
.alert-wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.alert-wrap .alert{position:relative;z-index:1200;max-width:300px;width:100%;padding:40px 30px 30px 30px;margin:30px;border-radius:20px;background:#ffffff;}
.alert-wrap .alert .top{display:flex;justify-content:center;width:45px;height:45px;margin:0 auto;border-radius:100%;box-sizing:border-box;;padding:10px;background:var(--c-point);}
.alert-wrap .alert .top img{  filter: brightness(0) invert(1);}

.alert-wrap .alert .msg{overflow-y:auto;max-height:300px;padding:30px 15px 30px 15px;text-align:center; word-break:keep-all; font-size:16px;}
.alert-wrap .alert .bottom{display:flex;gap:10px;padding:10px;text-align:center;}

/* footer ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer-wrap{position:fixed;right:10px;bottom:10px;}
.footer-wrap .button-1{height:30px;padding:0 10px;}

iframe #smart_editor2 .se2_text_tool{ background:#ff0000 !important;}

/* etc ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-title{max-width:980px; margin:0 auto; padding:20px 0 5px 0; font-size:16px; font-weight:700;}
.sub-title:first-child{padding:0 0 5px 0;}
.sub-explan{display:inline-block;padding:2px 5px;font-size:13px;line-height:1.4;color:var(--fc-st4);}

.sub-attr{display:block;font-size:12px;}

.sns-id{line-height:24px;}
@media only screen and (max-width:1024px) {
	.sub-attr{display:inline-block;}
}

.double-arrow{ display:flex; justify-content: flex-end;}
.double-arrow > span{display:block;width:30px;height:30px;margin:10px 9px 0 0;background:url(/_admin/images/double-arrow-down.svg) center no-repeat; background-size:18px;cursor:pointer;}
.double-arrow.on > span{background:url(/_admin/images/double-arrow-up.svg) center no-repeat;background-size:18px;}

.align-top{display:block;width:20px;height:10px;margin:0 auto;background:url(/_admin/images/arrow2-top.svg) center no-repeat; background-size:cover; cursor:pointer;}
.align-bottom{display:block;width:20px;height:10px;margin:0 auto;background:url(/_admin/images/arrow2-bottom.svg) center no-repeat; background-size:cover; cursor:pointer;}


.strong{font-weight:var(--fw-semibold);}


.w10{width:10px !important;}
.w15{width:15px !important;}
.w20{width:20px !important;}
.w25{width:25px !important;}
.w30{width:30px !important;}
.w35{width:35px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w65{width:65px !important;}
.w75{width:75px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w180{width:180px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w780{width:780px !important;}
.w790{width:790px !important;}
.w800{width:800px !important;}
.w850{width:850px !important;}

.w100p{width:100% !important;}

.plr10{padding-left:10px !important; padding-right:10px !important;}

.mw50{min-width:50px !important;}
.mxw200{max-width:200px !important;}

.ml4{margin-left:4px;}


.tal{text-align:left !important;}
.tar{text-align:right !important;}




.dn{display:none;}
.dib{display:inline !important;}
.fvn{font-variant-numeric: tabular-nums;font-size:var(--fz-sub);}
.wsn{ white-space:nowrap }
.cp{cursor:pointer}
.ncp{ cursor:default; }
.new{ display:inline-block; padding:0 5px;margin-right:5px;border:1px solid var(--c-point); box-sizing:border-box; font-size:12px; color:var(--c-point);line-height:18px;}