@charset "utf-8";

@font-face {
	font-family: 'Light';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'SemiBold';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Bold';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Black';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
}

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Regular',sans-serif;
	font-size: 14px;
	color:#000000;
	background-color: #edf0f5;
	overflow-x: hidden;
}

html::-webkit-scrollbar {width: 5px;}
html::-webkit-scrollbar-track {background: #eceff3;}
html::-webkit-scrollbar-thumb {background: #a1acbb;}
html::-webkit-scrollbar-thumb:hover {background: #7e94b4;}


body,ul,dl,ol,li,dl,dt{margin:0; padding:0; list-style-type:none;}
a{ text-decoration:none; color:hsl(0, 0%, 0%);}
.moveUrl{ cursor: pointer;}
.openUrl{ cursor: pointer;}
.imgOpen{ cursor: pointer;}
.urlLink{ cursor: pointer; color: #0075ff;}
.notScroll {overflow: hidden; width: 100%;height: 100vh;touch-action:none;}
input[type=text],input[type=email],input[type=file],input[type=password],input[type=date],input[type=month],select{font-family: 'Regular',sans-serif; height: 40px; line-height: 40px; border: solid 1px #e4e4e8; outline: none; padding: 0 10px 0 10px; font-size: 13px; vertical-align: middle; color: #000;}
input::placeholder{ color: #999;}
/*
textarea{ border: solid 1px #e4e4e8; width:100%; padding: 15px; height: 150px; resize: none; font-family: 'Regular',sans-serif; font-size: 15px; line-height: 20px; outline: none;}
*/
input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 18px; height: 18px; cursor: pointer; outline: none !important; border: 1px solid #e1e1e1; color: #fff; border-radius: 2px; background: #ffffff; vertical-align: middle; margin:0 2px 2px 15px; transition: 0.3s;}
input[type="checkbox"]::before { content: "\2714"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1;}
input[type="checkbox"]:hover { border-color: rgba(0, 0, 0, 0.3);}
input[type="checkbox"]:checked { background-color: #0075ff; border-color: #0075ff; color: white;}
input[type="checkbox"]:checked::before { border-radius: 2px; transform: scale(1) translate(-50%, -50%)}
input[type="checkbox"]:first-child{ margin: 0 2px 0 0;}
input[type="radio"] { -webkit-appearance: none; position: relative; width: 18px; height: 18px; cursor: pointer; outline: none !important; border: 5px solid #e1e1e1; border-radius: 18px; background: #fff; vertical-align: middle; margin:0 5px 0 15px; transition: 0.3s;}
input[type="radio"]::before {position: absolute; top: 50%; left: 50%; transform: scale(0) translate(-50%, -50%); line-height: 1;}
input[type="radio"]:hover {border-color: rgba(0, 0, 0, 0.3);}
input[type="radio"]:checked {background-color: #fff; border: 5px solid #1659a8; color: #fff;}
input[type="radio"]:checked::before { border-radius: 18px; transform: scale(1) translate(-50%, -50%)}
input[type="radio"]:first-child{ margin: 0 5px 2px 0;}
.select2-container--default .select2-selection--single{ border:solid 1px #e4e4e8; border-radius: 0;}
.select2-container .select2-selection--single {height:40px; line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 38px;}
.fend{clear:both;}
img{ vertical-align:top; border:0; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.selectCustom{ position: relative; user-select: none;}
.selectCustom::before{ content: ''; position:absolute; top:0; left: 0; width:100%; height: 100%; z-index: 400; display: none;}
.selectCustom.open::before{ display: block;}
.selectCustom .sel{ position: relative; height: 40px; line-height: 40px; padding: 0 35px 0 10px; border: solid 1px #e4e4e8; border-radius: 3px; cursor: pointer;}
.selectCustom .sel span{ color: #999;}
.selectCustom .sel::after{ content: '\02C7'; position: absolute; top:10px; right: 5px; font-size: 30px; z-index: 300;}
.selectCustom .sel:hover{ border: solid 1px #aaa;}
.selectCustom.open .sel::after{ content: '\02C6';}
.selectCustom .opt{ position: absolute; top:41px; left: 0; width:calc(100% - 2px); background-color: #fff; border: solid 1px #aaa; box-shadow:0 0 8px rgba(0, 0, 0, .1); padding: 5px 0 5px 0; max-height: 220px; overflow-y: auto; outline: none; display: none; z-index: 500;}
.selectCustom.up .opt{ top:auto; bottom:41px;}
.selectCustom .opt div{ height: 30px; line-height: 30px; padding: 0 0 0 10px; cursor: pointer;}
.selectCustom .opt div:hover{ background-color: #346aff; color: #fff;}

input[type="checkbox"].toggle{ display: none;}
input[type="checkbox"].toggle + label{position: relative; display: inline-block; width:50px; height: 20px; border-radius: 22px; border: solid 1px #e0e2e6; background-color: #f5f7fa; vertical-align: middle; margin: 0 0 0 7px; cursor: pointer;}
input[type="checkbox"].toggle + label::before{ content: ''; position: absolute; top:-3px; left: -3px; width:24px; height: 24px; border-radius: 24px; border: solid 1px #e0e2e6; background-color: #fff; box-shadow:0 0 5px rgba(0, 0, 0, .2);}
input[type="checkbox"].toggle + label::before{ animation:toggle_off 0.3s ease-out forwards;}
@keyframes toggle_off {
	0%{ left:29px;}
	100%{ left:-3px;}
}
input[type="checkbox"].toggle:checked ~ label{ border: solid 1px #346aff; background-color: #346aff;}
input[type="checkbox"].toggle:checked ~ label::before{ animation:toggle_on 0.3s ease-out forwards;}
@keyframes toggle_on {
	0%{ left:-3px;}
	100%{ left:29px;}
}
.onlyPc{ display: none;}
@media(max-width:720px) {
	.onlyPc{ position: fixed; top:0; left: 0; width:100%; height: 100%; background-color: #fff; color: #818898; z-index: 50000; display: block;}
	.onlyPc .pcBox{ position: absolute; top:calc(50% - 80px); left: 0; width:100%; text-align: center; font-size: 18px; letter-spacing: -1px; font-family: 'Bold', sans-serif;}
	.onlyPc .pcBox .fa-display{ font-size: 50px; margin-bottom: 10px;}
	.onlyPc .pcBox .btn{ display: inline-table; width:100px; height: 36px; line-height: 36px; border-radius: 5px; border: solid 1px #e1e1e1; margin: 15px 0 0 0; font-size: 14px; font-family: 'Regular', sans-serif;}
}

.login_wrap{ position: fixed; top:0; left: 0; width:100%; height: 100%; z-index: 100;}
.login_wrap .bg{ position: absolute; top:50%; left: 50%; width:70%; height: 70%; transform: translate(-50%, -50%); z-index: 200; opacity: 0.3;}
.login_wrap .login_box{ position: absolute; top:calc(50% - 250px); left: calc(50% - 200px); width:400px; height: 450px; background-color: #fff; border-radius: 15px; box-shadow:0 0 5px rgba(0, 0, 0, .02); z-index: 500;}
.login_wrap .login_box .logo{ text-align: center; padding: 70px 0 40px 0;}
.login_wrap .login_box .logo img{ height: 24px;}
.login_wrap .login_box .inp{ position: relative; height:107px; margin: 0 56px 0 56px;}
.login_wrap .login_box .inp input{ height: 54px; line-height: 54px; width:calc(100% - 2px);}
.login_wrap .login_box .inp .id{ position: absolute; top:0; left: 0; border-radius: 5px 5px 0 0; z-index: 50;}
.login_wrap .login_box .inp .pw{ position: absolute; bottom:0; left: 0; border-radius: 0 0 5px 5px; z-index: 50;}
.login_wrap .login_box.setting .inp .pw{border-radius: 5px 5px 5px 5px;}
.login_wrap .login_box.setting .setting_tit{ text-align: center; font-size: 18px; font-family: 'Bold', sans-serif;}
.login_wrap .login_box .inp input:focus{ border: solid 1px #2d3a58; z-index: 100;}
.login_wrap .login_box .inp i{ position: absolute; bottom: 7px; right: 2px; width:40px; height: 40px; line-height: 40px; color: #2d3a58; text-align: center; z-index: 200; cursor: pointer;}
.login_wrap .login_box .inp i.fa-eye-slash{ color: #ccc;}
.login_wrap .login_box .inp i.fa-eye{ display: none;}
.login_wrap .login_box .state{ margin: 15px 56px 0 56px; text-align: right; color: #999; font-size: 13px;}
.login_wrap .login_box .btn{ height: 56px; line-height: 56px; text-align: center; background-color: #2d3a58; color: #fff; font-size: 16px; border-radius: 3px; margin: 20px 56px 0 56px; cursor: pointer;}
.login_wrap .login_box .copy{ text-align: center; color: #999; padding:30px 0 0 0;}
@media(max-width:720px) {
	.login_wrap .login_box{ position: absolute; top:calc(50% - 250px); left: 15px; width:calc(100% - 30px); height: 450px; background-color: #fff; border-radius: 15px; box-shadow:0 0 5px rgba(0, 0, 0, .02);}
	.login_wrap .login_box .inp{ position: relative; height:107px; margin: 0 30px 0 30px;}
	.login_wrap .login_box .state{ margin: 15px 30px 0 30px; text-align: right; color: #999; font-size: 13px;}
	.login_wrap .login_box .btn{ height: 56px; line-height: 56px; text-align: center; background-color: #2d3a58; color: #fff; font-size: 16px; border-radius: 3px; margin: 20px 30px 0 30px; cursor: pointer;}
}

.menu_wrap{ position: fixed; top:0; left: 0; width:250px; height: 100%; background-color: #ffffff; border-right:solid 1px #e0e2e6; z-index: 1100;}
.menu_wrap.on{ animation:menu_on 0.5s ease-out forwards;}
@keyframes menu_on {
	0%{ left:-200px;}
	100%{ left:0;}
}
.menu_wrap.off{ animation:menu_off 0.5s ease-out forwards;}
@keyframes menu_off {
	0%{ left:0;}
	100%{ left:-200px;}
}
.menu_wrap .arrow_tg{ text-align: right;}
.menu_wrap .arrow_tg i{ width:60px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; cursor: pointer;}
.menu_wrap .mo_menu_close{ display: none;}
.menu_wrap .logo{ position: absolute; top:0; left: 0; width:calc(100% - 60px); height: 60px;}
.menu_wrap .logo img{ position: absolute; top:50%; left: 15px; transform: translate(0, -50%); max-height: 18px;}
.menu_wrap .member{ height: 50px; text-align: center; line-height: 50px; background-color: #f2f4f8; border-radius: 5px; margin: 0 10px 0 10px;}
.menu_wrap .member span{ font-family: 'Bold', sans-serif; font-size: 16px;}
.menu_wrap .member .btn_logout{ display: inline-table; padding: 0 10px 0 10px; font-size: 11px; height: 20px; line-height: 20px; border-radius: 20px; background-color: #cdd0d6; color: #fff; vertical-align: middle; margin: 0 0 2px 5px; cursor: pointer;}

.menu_wrap .menu{ position: absolute; top: 120px; left: 0; width:100%; height: calc(100% - 290px); overflow-y: auto;}
.menu_wrap .menu::-webkit-scrollbar {width: 5px;}
.menu_wrap .menu::-webkit-scrollbar-track {background: #eceff3;}
.menu_wrap .menu::-webkit-scrollbar-thumb {background: #a1acbb;}
.menu_wrap .menu::-webkit-scrollbar-thumb:hover {background: #7e94b4;}
.menu_wrap .menu ul{ border-bottom: solid 1px #eee;}
.menu_wrap .menu ul:hover li:nth-child(1){ color:var(--main_color);}
.menu_wrap .menu ul li:nth-child(1){ position: relative; font-size: 15px; font-family: 'SemiBold', sans-serif; letter-spacing: -1px; height: 50px; line-height: 50px; color: #818898; cursor: pointer; padding: 0 15px 0 40px;}
.menu_wrap .menu ul li:nth-child(1) .ico{ position: absolute; top:50%; left:15px; transform: translate(0, -50%);}
.menu_wrap .menu ul li:nth-child(1) .arw{ position: absolute; top:20px; right: 15px; font-size: 13px; line-height: 13px; color: #ccc;}
.menu_wrap .menu ul li:nth-child(2){ padding: 0 0 0 40px; color: #818898; max-height: 0; overflow: hidden; background-color: #f9fafd;}
.menu_wrap .menu ul li:nth-child(2) dl{ position: relative; height: 36px; line-height: 36px; border-top: dashed 1px #e1e1e1; cursor: pointer;}
.menu_wrap .menu ul.on li:nth-child(1){ color:var(--main_color);}
.menu_wrap .menu ul li:nth-child(2) dl.on{ font-family: 'Bold', sans-serif; color: var(--main_color);}
.menu_wrap .menu ul li:nth-child(2) dl.on::before{ content: ''; position: absolute; top:14px; right: 15px; width:6px; height: 6px; border-radius: 6px; background-color: var(--main_color);}
.menu_wrap .menu ul li:nth-child(2) dl:hover{ color:var(--main_color);}
.menu_wrap .menu ul.open li:nth-child(2){ animation:mslider 3s ease-out forwards;}
	@keyframes mslider {
	0%{ max-height:0;}
	100%{ max-height:500px;}
}
.menu_wrap .footer{ position: absolute; bottom: 0; left: 0; width:100%; height: 170px; background-color: #f5f7fa; color: #b6bdcb; font-size: 11px;}
.menu_wrap .footer .info{ padding: 20px 10px 0 10px;}
.menu_wrap .footer .info ul{ position: relative; margin: 0 0 3px 0; font-size: 11px; line-height: 13px;}
.menu_wrap .footer .info ul:last-child{ display: block;}
.menu_wrap .footer .info ul div{ position: relative; display: inline-table; margin: 0 7px 0 0; padding: 0 8px 0 0;}
.menu_wrap .footer .info ul div::before{ content: ''; position: absolute; top:3px; right: 0; width:1px; height: calc(100% - 6px); background-color: #cdd0d6;}
.menu_wrap .footer .info .company{ color: #aab0bb; font-size: 12px; font-family: 'Bold', sans-serif; padding: 3px 0 8px 0;}
.menu_wrap .footer .copy{ padding: 5px 10px 0 10px; color: #aab0bb;}

.navi{ position: fixed; top:0; left: 251px; width:calc(100% - 251px); height: 59px; line-height: 59px; border-bottom: solid 1px #e0e2e6; background-color: #fff; z-index: 1000;}
.navi span{ font-size: 20px; font-family: 'Black', sans-serif; letter-spacing: -1px; margin: 0 0 0 20px;}
.navi i{ display: none;}
.navi .logo{ display: none;}
.navi.on{ animation:navi_on 0.5s ease-out forwards;}
@keyframes navi_on {
	0%{ left:51px; width:calc(100% - 51px);}
	100%{ left:251px; width:calc(100% - 251px);}
}
.navi.off{ animation:navi_off 0.5s ease-out forwards;}
@keyframes navi_off {
	0%{ left:251px; width:calc(100% - 251px);}
	100%{ left:51px; width:calc(100% - 51px);}
}

.contents{ margin: 60px 0 0 251px; padding: 20px;}
.contents.on{ animation:contents_on 0.5s ease-out forwards;}
@keyframes contents_on {
	0%{ margin: 60px 0 0 51px;}
	100%{ margin: 60px 0 0 251px;}
}
.contents.off{ animation:contents_off 0.5s ease-out forwards;}
@keyframes contents_off {
	0%{ margin: 60px 0 0 251px;}
	100%{ margin: 60px 0 0 51px;}
}

@media(max-width:720px) {

	.navi{ left: 0; width:100%;}
	.navi i{ margin:0 10px 0 0; cursor: pointer; display: inline-table;}
	.navi span{ font-size: 18px; margin: 0 0 0 15px;}
	.navi .logo{ position: absolute; top:20px; right: 10px; display: block;}
	.navi .logo img{ height: 15px;}
	.contents{ margin: 60px 0 0 0; padding: 15px;}
	.menu_wrap .arrow_tg{ display: none;}
	.menu_wrap .mo_menu_close{ text-align: right; display: block;}
	.menu_wrap .mo_menu_close i{ width:60px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; cursor: pointer;}
	.menu_wrap{ position: fixed; top:0; left: -100%; width:100%; height: 100%; background-color: #ffffff; border-right:0; z-index: 1100;}
	.menu_wrap.on{ animation:menu_on 0.5s ease-out forwards;}
	@keyframes menu_on {
		0%{ left:-100%;}
		100%{ left:0;}
	}
	.menu_wrap.off{ animation:menu_off 0.5s ease-out forwards;}
	@keyframes menu_off {
		0%{ left:0;}
		100%{ left:-100%;}
	}

}

.layerDefault{ display: none;}
.layerDefault .bg{ position: fixed; top:0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 2000;}
.layerDefault .inbox{ position: fixed; top:50%; left:50%; transform-origin:center center; transform: translate(-50%, -50%) scale(0); background-color: #fff; overflow: hidden; opacity: 0; box-shadow:0 0 10px rgba(0, 0, 0, .1); z-index: 2100;}
.layerDefault.on{ display: block;}
.layerDefault.on .inbox{ animation:layermv 0.5s forwards ease-in-out;}
@keyframes layermv {
	0%{ opacity: 0; transform-origin:center center; transform: translate(-50%, -50%) scale(0);}
	50%{ opacity: 1; transform-origin:center center; transform: translate(-50%, -50%) scale(1);}
	70%{ opacity: 1; transform-origin:center center; transform: translate(-50%, -50%) scale(0.9);}
	100%{ opacity: 1; transform-origin:center center; transform: translate(-50%, -50%) scale(1);}
}
.layerDefault .title{ line-height: 55px; font-size: 20px; letter-spacing: -1px; font-family: 'Bold', sans-serif; margin: 0 20px 0 20px; text-indent: 10px; border-bottom: solid 1px #eee;}
.layerDefault .close{ position: absolute; top:17px; right: 25px; font-size: 26px; cursor: pointer;}
.layerDefault .cont{position: absolute; top:56px; left: 20px; width:calc(100% - 40px); height: calc(100% - 122px); overflow-y: auto;}
.layerDefault .cont::-webkit-scrollbar {width: 5px;}
.layerDefault .cont::-webkit-scrollbar-track {background: #eceff3;}
.layerDefault .cont::-webkit-scrollbar-thumb {background: #a1acbb;}
.layerDefault .cont::-webkit-scrollbar-thumb:hover {background: #7e94b4;}
.layerDefault .btn{ height: 65px; position: absolute; bottom: 0; left: 20px; width:calc(100% - 40px); border-top: solid 1px #eee; text-align: right;}
.layerDefault .btn .default{ display: inline-table; height: 38px; line-height: 38px; border-radius: 5px; padding: 0 20px 0 20px; background-color: #fff; color: #999; margin: 12px 0 0 0; border: solid 1px #e1e1e1; cursor: pointer;}
.layerDefault .btn .confirm{ display: inline-table; height: 40px; line-height: 40px; border-radius: 5px; padding: 0 20px 0 20px; background-color: var(--main_color); color: #fff; margin: 12px 0 0 0; cursor: pointer;}
.layerDefault .btn .delete{ position: absolute; top:0; left: 0;}

@media(max-width:720px) {
	.layerDefault .inbox{ width:calc(100% - 15px) !important;}
}

.cbox{ position: relative; background-color: #fff; border-radius: 5px; box-shadow:0 0 5px rgba(0, 0, 0, .05);}

.dashboard{ padding: 20px 20px 30px 20px;}
.dashboard .chart{ display: flex; flex-wrap: wrap;}
.dashboard .chart ul{ width:25%;}
.dashboard .chart ul.wide{ width:100%;}
.dashboard .chart .tit{ font-size: 18px; font-family: 'Bold', sans-serif;}

.sort_box{ position: relative; padding: 0 100px 0 0; margin-bottom: 15px;}
.sort_box .sort{ display: flex; align-items: center; height: auto; overflow: hidden;}
.sort_box .sort ul{ display: flex; align-items: center; margin: 0 30px 10px 0;}
.sort_box .sort ul li{ display: inline-table;}
.sort_box .sort ul li:nth-child(1){ font-size: 15px; font-family: 'Bold', sans-serif; padding: 0 10px 0 0;}
.sort_box .sort_btn{ position: absolute; top:calc(50% - 20px); right: 0; width:80px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: var(--main_color); color: #fff; cursor: pointer;}
.sort_toggle{ display: none;}

.fixedDate{ display: inline-table; margin: 5px 0 0 8px; border: solid 1px #e4e4e8; background-color: #fff; height: 38px; line-height: 38px; border-radius: 5px; overflow: hidden;}
.fixedDate .period{ display: table-cell; padding: 0 10px 0 10px; font-size: 12px; border-left: solid 1px #e4e4e8; background-color: #f9fafd; color: #999; cursor: pointer;}
.fixedDate .period:nth-child(1){ border-left:0;}
.fixedDate .period.on{ background-color: var(--main_color); color: #fff;}
.fixedDate .period:hover{ background-color: var(--main_color); color: #fff;}

.table_select{ position: absolute; top:0; right: 10px; width:auto; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow:0 0 10px rgba(0, 0, 0, .3); display: none; z-index: 1000;}
.table_select:focus{ outline: none;}
.table_select ul li{ margin-bottom: 5px; text-align: left;}
.table_select ul li:last-child{ margin-bottom: 0;}

.board_list{ padding: 20px;}
.board_list .top{ position: relative; min-height: 40px;}
.board_list .top .tit{ font-size: 18px;}
.board_list .top .tit span{ margin: 0 0 0 10px; font-weight: 900;}
.board_list .top .rbox{ position: absolute; top:-8px; right: 0;}
.board_list .top .rbox .btn_box{ display: inline-table; margin-right: 10px;}
.board_list .top .rbox .btn_box ul{ display: inline-table; width:34px; height: 34px; line-height: 34px; border-radius: 34px; text-align: center; color:#fff; vertical-align: middle; margin-right: 5px; cursor: pointer;}
.board_list .top .rbox .btn_box ul i{ line-height: 34px;}
.board_list .top .rbox .btn_box ul.excel{ background-color:#088b57;}
.board_list .top .rbox .btn_box ul.data_sort{ background-color: #999999;}
.board_list .top .rbox .btn_box ul.make{ width:auto; padding: 0 15px 0 15px; background-color: var(--main_color);}
.board_list .board_info{ border: dashed 1px #e0e2e6; border-radius: 10px; padding: 15px; margin: 0 0 20px 0; background-color: #f2f4f8; color: var(--deep_color);}
.board_list .board_info ul{ position: relative; margin-bottom: 8px; padding: 0 0 0 12px;}
.board_list .board_info ul::before{ content: ''; position: absolute; top:5px; left: 0; width:6px; height: 6px; border-radius: 6px; background-color: var(--deep_color);}
.board_list .board_info ul:last-child{ margin-bottom: 0;}

@media(max-width:720px) {
	.contents .sort_box{ position: relative; padding: 0 0 0 0; margin-bottom: 15px;}
	.sort_box .sort{ display: none; align-items: center; height: auto; overflow: hidden;}
	.sort_box .sort ul{ display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px 0;}
	.sort_box .sort_btn{ display: none; position: relative; top:0; right: 0; width:80px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: var(--main_color); color: #fff; cursor: pointer;}
	.sort_box .sort ul li{ width:100%;}
	.sort_box .sort ul li:nth-child(1){ margin-bottom: 8px; font-size: 14px;}
	.sort_box .sort ul li input[type=text]{ width:calc(100% - 2px);}
	.sort_box .sort ul li select{ width:calc(100% - 2px);}
	.sort_toggle{ position: relative; bottom: 0; right: 0; display: block;}
	.sort_toggle ul{ width:100px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color:var(--deep_color); color: #fff; cursor: pointer;}
	.sort_toggle .close{ display: none;}
	.board_list{ padding: 10px;}
	.board_list .top .rbox{ position: relative; top:0; right: 0; margin: 10px 0 10px 0; text-align: right;}
	.table_mo{ width:100%; overflow-x: auto;}
	.table_list_01.w1500{ width:1500px;}
	.table_list_01.w1000{ width:1000px;}
	.table_list_01.w800{ width:800px;}
}

.table_list_01{ width:100%; border-spacing: 0; font-size: 13px;}
.table_list_01 tr td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; padding:10px; text-align:center; color: #666;}
.table_list_01 tr.header td{ background-color: #f2f4f8; border-right:solid 1px #e0e2e6; border-bottom: solid 1px #e0e2e6; border-top: solid 1px #e0e2e6; color: #000; user-select: none;}
.table_list_01 tr.header td.sorting{ position: relative; cursor: pointer;}
.table_list_01 tr.header td.sorting::before{ content: ''; position: absolute; top:calc(50% - 6px); right: 5px; width:0; height: 0; border-bottom: 4px solid #808ea9; border-left: 4px solid transparent; border-right: 4px solid transparent; opacity: 0.3;}
.table_list_01 tr.header td.sorting::after{ content: ''; position: absolute; top:calc(50% + 2px); right: 5px; width:0; height: 0; border-top: 4px solid #808ea9; border-left: 4px solid transparent; border-right: 4px solid transparent; opacity: 0.3;}
.table_list_01 tr.header td.sorting.ascending::before{ opacity: 1;}
.table_list_01 tr.header td.sorting.descending::after{ opacity: 1;}
.table_list_01 tr.total td{ background-color: #ecf5fa; border-right:solid 1px #e0e2e6; border-bottom: solid 1px #e0e2e6; color: #000; user-select: none;}
.table_list_01 tr td:last-child{ border-right:0;}
.table_list_01 tr.header_sub td{ background-color: #f2f4f8; border-right:solid 1px #e0e2e6; border-bottom: solid 1px #e0e2e6; color: #000; user-select: none;}
.table_list_01 tr td .btn{ display:inline-table; font-size:11px; height:22px; line-height:22px; border:solid 1px #e0e2e6; border-radius:3px; padding:0 7px 0 7px; background-color:#fff; color:#777; cursor:pointer;}
.table_list_01 tr td .btn:hover{ color:#000; background-color: #f8f8f8;}
.table_list_01 tr td select{ height: 24px; line-height: 24px; font-size: 12px;}
.table_list_01 tr td select.selectbtn{ color: #fff; border: 0;}
.table_list_01 tr td input[type=text]{ height: 24px; line-height: 24px;}
.table_list_01 tr td .inp_cover{ display: inline-table; height: 24px; line-height: 24px; border: solid 1px #e4e4e8; padding: 0 5px 0 0;}
.table_list_01 tr td .inp_cover input[type=text]{ border: 0; height: 22px; line-height: 22px; text-align: right; vertical-align: top; padding: 0 5px 0 5px;}
.table_list_01 .clickNumber{ font-family: 'Bold', sans-serif; cursor: pointer; color: var(--main_color); text-decoration: underline;}
.table_list_01 .thumb{ position: relative; width:80px; height: 60px; border-radius: 5px; overflow: hidden; margin: 0 auto;}
.table_list_01 .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.table_list_01 .ico_state{ position: relative; display: inline-table; padding: 0 0 0 13px;}
.table_list_01 .ico_state::before{ content: ''; position: absolute; top:3px; left: 0; width:9px; height: 9px; border-radius: 7px; background-color: #ccc;}
.table_list_01 .ico_state.ing{ color: #17a643;}
.table_list_01 .ico_state.ing::before{ background-color: #17a643;}
.table_list_01 .ico_state.appointed{ color: #6593c2;}
.table_list_01 .ico_state.appointed::before{ background-color: #6593c2;}
.table_list_01 .ico_state.end{ color: #ccc;}
.table_list_01 .ico_state.end::before{ background-color: #ccc;}

.paging{ text-align: center; padding: 50px 0 50px 0;}
.paging .inPage{ display:inline-table;}
.paging .inPage div{ display: inline-table;}
.paging .inPage .move{margin: 0 7px 0 7px; width:30px; height: 30px; line-height: 30px; font-size: 18px; cursor: pointer;}
.paging .inPage .page ul{ display: table-cell; width:30px; height: 30px; line-height: 30px; color: #999; cursor: pointer;}
.paging .inPage .page ul:hover{ color: var(--main_color); font-weight: 800;}
.paging .inPage .page ul.on{ background-color: var(--main_color); color: #fff; border-radius: 7px; font-weight: 800;}

.board_form{ padding: 20px;}
.board_form .board_tit{ font-size: 18px; font-family: 'Bold', sans-serif;}
.board_form .bd{ border-top: solid 1px #555; margin:  15px 0 0 0;}
.board_form .bd ul{ display: flex;}
.board_form .bd ul input[type=text],.board_form .bd ul input[type=email],.board_form .bd ul input[type=password],.board_form .bd ul input[type=number]{ width:calc(100% - 2px);}
.board_form .bd ul select{ width:calc(100% - 2px);}
.board_form .bd ul li{ border-bottom: solid 1px #e0e2e6; width:50%; display:inline-table;}
.board_form .bd ul.wide li{ width:100%;}
.board_form .bd ul li dl{ display: table-cell; padding: 12px; vertical-align: middle;}
.board_form .bd ul.txt li dl{ padding: 18px 12px 18px 12px;}
.board_form .bd ul li dl:nth-child(1){ width:150px; background-color: #f5f7fa;}
.board_form .bd ul li dl:nth-child(1) span{ color:var(--main_color);}
.board_form .bd ul .uploadimg{ height: 60px; vertical-align: middle; margin: 0 10px 0 0;}
.board_form .bd ul .btn{ display: inline-table; height: 26px; line-height: 26px; border-radius: 5px; border: solid 1px #e0e2e6; background-color: #fff; color: #777; font-size: 13px; padding: 0 10px 0 10px; margin: 0 0 2px 5px; cursor: pointer;}
.board_form .bd ul .btn:hover{ color: var(--deep_color); border: solid 1px var(--deep_color);}
.board_form .bd ul .btn_large{ display: inline-table; height: 38px; line-height: 38px; border-radius: 3px; border: solid 1px var(--deep_color); color: var(--deep_color); padding: 0 10px 0 10px; margin: 0 0 0 5px; vertical-align: middle; cursor: pointer;}
.board_form .bd ul .btn_large.deep{ background-color: var(--deep_color); color: #fff;}
.board_form .inp_cover{ display: inline-table; height: 38px; border: solid 1px #e4e4e8; padding: 0 10px 0 0;}
.board_form .inp_cover input{ border: 0; height: 38px; line-height: 38px; text-align: right;}
.board_form .td_info{ display: inline-table; margin: 0 0 0 10px; font-size: 13px; color: #687ca9;}

.board_form .btn_multiUpload{ display: none;}
.board_form .btn_multiUpload + label{ display: inline-table; height: 36px; line-height: 36px; border-radius: 3px; border: solid 1px #e0e2e6; background: #f5f7fa; padding: 0 15px 0 15px; color: #888; cursor: pointer;}
.board_form .file_list .list{ border-bottom: dashed 1px #e1e1e1; line-height: 36px; padding: 0 0 0 7px;}
.board_form .file_list .list i{ line-height: 36px; margin-right: 5px; color: #999; cursor: pointer;}
.board_form .file_list .list i:hover{ color: #ff0000;}
.board_form .file_list .list:last-child{ border-bottom: 0;}
.board_form .uploaded_list{ background-color: #f5f7fa; margin-top: 15px;}
.board_form .uploaded_list .list{ border-bottom: dashed 1px #e0e2e6; line-height: 36px; padding: 0 0 0 7px;}
.board_form .uploaded_list .list .openUrl:hover{ text-decoration: underline;}
.board_form .uploaded_list .list i{ line-height: 36px; margin-right: 5px; color: #999; cursor: pointer;}
.board_form .uploaded_list .list i:hover{ color: #ff0000;}
.board_form .uploaded_list .list:last-child{ border-bottom: 0;}

.board_form .btn_box{ padding: 20px 0 0 0;}
.board_form .btn_box ul{ display: inline-table; margin-right: 10px; border-radius: 5px; height: 46px; line-height: 46px; padding: 0 20px 0 20px; font-size: 15px; cursor: pointer;}
.board_form .btn_box ul.confirm{ background-color: var(--main_color); border: solid 1px var(--main_color); color: #fff;}
.board_form .btn_box ul.cancel{ background-color: #f5f7fa; border: solid 1px #e0e2e6; color: #999;}
.board_form .btn_box ul.delete{ background-color: var(--deep_color); border: solid 1px var(--deep_color); color: #fff;}
.board_form .btn_box ul.list{ background-color: #ffffff; border: solid 1px #e1e1e1; color: #666;}

@media(max-width:720px) {
	.board_form{ padding: 10px;}
	.board_form .board_tit{ font-size: 16px; font-family: 'Bold', sans-serif;}
	.board_form .bd ul{ display: block;}
	.board_form .bd ul input[type=text],.board_form .bd ul input[type=email],.board_form .bd ul input[type=password],.board_form .bd ul input[type=number]{ width:calc(100% - 2px);}
	.board_form .bd ul select{ width:calc(100% - 2px);}
	.board_form .bd ul li{ width:100%; display:inline-table; border-bottom: solid 1px #eeeeee;}
	.board_form .bd ul.wide li{ width:100%;}
	.board_form .bd ul li dl{ display: block; padding: 12px 0 12px 0; vertical-align: middle;}
	.board_form .bd ul.txt li dl{ padding: 15px 0 18px 0;}
	.board_form .bd ul li dl:nth-child(1){ width:100%; background-color: #ffffff; padding: 12px 0 0 0; font-family: 'Bold', sans-serif;}
	.board_form .bd ul li dl:nth-child(1) span{ color:var(--main_color);}
	.board_form .bd ul .uploadimg{ height: 60px; vertical-align: middle; margin: 0 10px 10px 0;}
	.board_form .btn_box{ padding: 20px 0 0 0; text-align: center;}
	.board_form .td_info{ display: inline-table; margin: 10px 0 0 0; font-size: 13px; color: #687ca9;}
}

.loadingLayer{ position: fixed; top:0; left: 0; width:100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 5000;}
.loadingLayer .spinner {
	position: absolute;
	top:calc(50% - 28px);
	left: calc(50% - 28px);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: radial-gradient(farthest-side,#206ed4 95%,#0000) 50% 1.1px/13.4px 13.4px no-repeat,
	radial-gradient(farthest-side,#0000 calc(100% - 15.7px),rgba(32,110,212,0.1) 0);
	animation: spinner-aur408 0.7s infinite linear;
}
@keyframes spinner-aur408 {
	to {
		transform: rotate(1turn);
	}
}

.sales_state_total{ display: flex; align-items: center; text-align: center; background-color: #f2f4f8; margin: 0 15px 0 15px; border-radius: 5px; padding: 15px 0 15px 0;}
.sales_state_total ul{ width:100%;}
.sales_state_total ul li:nth-child(1){ color: #818898;}
.sales_state_total ul li:nth-child(2){ font-family: 'Bold', sans-serif; font-size: 24px;}
.sales_state_total .date{ font-size: 18px; font-family: 'Bold', sans-serif; color: #818898;}
.sales_state{ padding: 30px 10px 20px 10px;}

@media(max-width:720px) {
	.sales_state_total{ display: block; align-items: center; text-align: center; background-color: #f2f4f8; margin: 0 15px 0 15px; border-radius: 5px; padding: 15px 0 15px 0;}
	.sales_state_total ul{ margin-bottom: 15px;}
	.sales_state_total ul li:nth-child(2){ font-family: 'Bold', sans-serif; font-size: 20px;}
	.sales_state_total ul:last-child{ margin-bottom: 0;}
	.sales_state_total .date{ font-size: 16px; font-family: 'Bold', sans-serif; color: #818898;}
}

.arrangeBox{ position: relative; display: flex; user-select: none;}
.arrangeBox .zoomBox{ position: absolute; top:-60px; right: 30%; background-color: #fff; display: flex; border: solid 1px #e4e4e8; height: 38px; border-radius: 5px;}
.arrangeBox .zoomBox ul{ width:38px; text-align: center; cursor: pointer;}
.arrangeBox .zoomBox ul:nth-child(1){ border-right: solid 1px #e4e4e8;}
.arrangeBox .zoomBox ul i{ line-height: 38px;}
.arrangeBox .layout{ width:70%; height: calc(100vh - 165px); overflow-y: auto;}
.arrangeBox .layout::-webkit-scrollbar {width: 5px;}
.arrangeBox .layout::-webkit-scrollbar-track {background: #eceff3;}
.arrangeBox .layout::-webkit-scrollbar-thumb {background: #a1acbb;}
.arrangeBox .layout::-webkit-scrollbar-thumb:hover {background: #7e94b4;}
.arrangeBox .layout .container{ max-width: 100%; margin: 0 auto; padding: 30px 30px 30px 0; transition: 0.3s;}
.arrangeBox .layout .title{ float: left; width:100%; height: 40px; line-height: 40px; padding: 0 0 10px 30px; font-size: 20px; letter-spacing: -1px; font-family: 'Black', sans-serif;}
.arrangeBox .layout ul{ position: relative; float: left; width:calc(33.33333333333% - 30px); margin: 0 0 30px 30px;}
.arrangeBox .layout ul .mask{ position: absolute; top:0; left: 0; width:100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 100; opacity: 1; display: none;}
.arrangeBox .layout ul:hover .mask{ opacity: 0;}
.arrangeBox .layout ul li.thumb{ position: relative; padding-top: 55%; background-color: #f8f8f8; border-radius: 10px; overflow: hidden;}
.arrangeBox .layout ul li.thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.arrangeBox .layout ul li.tit{ font-size: 16px; font-family: 'Bold', sans-serif; padding: 5px 0 0 0; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis;}
.arrangeBox .layout ul li.date{ font-size: 13px; color:#818898;}

.arrangeBox .list{ width:calc(30% - 20px); height: calc(100vh - 165px); margin-left: 20px; overflow-y: auto;}
.arrangeBox .list::-webkit-scrollbar {width: 5px;}
.arrangeBox .list::-webkit-scrollbar-track {background: #eceff3;}
.arrangeBox .list::-webkit-scrollbar-thumb {background: #a1acbb;}
.arrangeBox .list::-webkit-scrollbar-thumb:hover {background: #7e94b4;}
.arrangeBox .list .container{ padding: 15px 15px 0 15px;}
.arrangeBox .list ul{ position: relative; margin-bottom: 15px; height: 70px; background-color: #f8f8f8; border-radius: 5px;}
.arrangeBox .list ul .thumb{ position: absolute; top:5px; left: 5px; width:60px; height: 60px; border-radius: 5px; overflow: hidden;}
.arrangeBox .list ul .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.arrangeBox .list ul .tit{ padding: 20px 0 0 80px; font-size: 16px; font-weight: bold;}
.arrangeBox .list ul .date{ font-size: 13px; color:#818898; padding: 0 0 0 80px;}

.follow_mouse { position: absolute; width: 400px; height: 76px; border-radius: 5px; overflow: hidden; background-color: #f8f8f8; display: none; pointer-events: none; z-index: 200;}
.follow_mouse ul{ position: relative; border-bottom: dashed 1px #e1e1e1; padding:8px 0 8px 0; height: 60px; cursor: pointer;}
.follow_mouse ul .thumb{ position: absolute; top:8px; left: 8px; width:60px; height: 60px; border-radius: 4px; overflow: hidden;}
.follow_mouse ul .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.follow_mouse ul .cate{ margin-left: 80px; color: #999; padding: 0 0 4px 0;}
.follow_mouse ul .title{margin-left: 80px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis;}
.follow_mouse ul .txt{ display: none;}
.follow_mouse ul .date{ position: absolute; bottom: 10px; left: 80px; font-size: 11px; color: #999;}
.follow_mouse ul .hit{position: absolute; bottom: 10px; right: 8px; font-size: 11px; color: #999;}


.editor_top{ position: fixed; top:0; left: 0; width:100%; height: 66px; background-color: #fff; border-bottom: solid 1px #d3d5db; z-index: 700;}
.editor_top .back i{ font-size: 18px; line-height: 66px; width:40px; text-align: center; margin-left: 10px; cursor: pointer;}
.editor_top .controllbox{ position: absolute; top:0; right: 20px; height: 64px; display: flex; align-items: center;}
.editor_top .controllbox .tg{ display: inline-flex; align-items: center; margin-right: 20px;}
.editor_top .controllbox .tg .toggle{ position: relative; height: 24px; border-radius: 24px; width:50px; background-color: #f1f1f1; margin-left: 8px; cursor: pointer;}
.editor_top .controllbox .tg .toggle::before{ content: ''; position: absolute; top:2px; left: 2px; width:24px; height: 20px; border-radius: 20px; background-color: #fff; transition: 0.3s;}
.editor_top .controllbox .tg.on .toggle{ background-color: #1c6bff;}
.editor_top .controllbox .tg.on .toggle::before{  content: ''; position: absolute; top:2px; left: auto; right: 2px; width:20px; height: 20px; border-radius: 20px; background-color: #fff;}
.editor_top .controllbox .btn{ line-height: 40px; padding: 0 15px 0 15px; border: solid 1px #e1e1e1; border-radius: 8px; margin-left: 8px; cursor: pointer;}
.editor_top .controllbox .btn.approval{ border: solid 1px #1c6bff; color: #fff; background-color: #1c6bff;}

.editor_left{ position: fixed; top:67px; left: 0; width:240px; height: calc(100% - 67px); padding: 0 20px 0 20px; background-color: #fff; border-right: solid 1px #d3d5db;}
.editor_left .tit{ font-size: 24px; font-family: 'Bold', sans-serif; padding: 20px 0 20px 0;}
.editor_left .state{ display: flex; align-items: center; border-bottom: solid 1px #e1e1e1; padding-bottom: 15px;}
.editor_left .state ul:nth-child(1){font-size: 14px; font-family: 'Bold', sans-serif;}
.editor_left .state ul:nth-child(2){ margin-left: auto; font-size: 14px;}
.editor_left .state ul:nth-child(2){ height: 30px; line-height: 30px; padding: 0 15px 0 15px; border-radius: 30px; background-color: #f7f7f7;}
.editor_left .box{ margin: 24px 0 0 0;}
.editor_left .box .stit{ font-size: 14px; font-family: 'Bold', sans-serif; margin: 0 0 10px 0;}
.editor_left .box select{ width:100%;}
.editor_left .box input{ width:calc(100% - 22px);}
.editor_left .box .result{ margin: 10px 0 0 0;}
.editor_left .box .result ul{ display: inline-flex; height: 36px; line-height: 36px; border-radius: 8px; background-color: #f6f6f6; padding: 0 4px 0 12px; margin-right: 4px; margin-bottom: 4px;}
.editor_left .box .result ul:last-child{ margin-right: 0;}
.editor_left .box .result ul i{ font-size: 15px; width:24px; line-height: 36px; text-align: center; color: #999; cursor: pointer;}

.editor_left .infoBox .inBox ul{ display: flex; align-items: center; margin-top: 24px;}
.editor_left .infoBox .inBox ul li:nth-child(1){font-size: 14px; font-family: 'Bold', sans-serif;}
.editor_left .infoBox .inBox ul li:nth-child(2){ margin-left: auto; color: #999;}
.editor_left .infoBox .box .result ul{ padding: 0 12px 0 12px;}

.editor_left .newsVote{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 120px;}
.editor_left .newsVote ul{ width:25%; text-align: center; margin: 0 0 0 0; cursor: pointer;}
.editor_left .newsVote ul:nth-child(1){ margin: 0 0 0 0;}
.editor_left .newsVote ul li{ margin-bottom: 8px;}
.editor_left .newsVote ul li:nth-child(1) img{ width:48px;}
.editor_left .newsVote ul li:nth-child(2){ font-size: 12px; line-height: 20px; color: #888;}
.editor_left .newsVote ul li:nth-child(3){ font-family: 'Bold', sans-serif; font-size: 14px; line-height: 24px; color: #000;}

.editor_left .history{ background-color: #fafafc; border-radius: 8px; padding: 16px; margin: 16px 0 32px 0;}
.editor_left .history .stit{ font-size: 14px; font-family: 'Bold', sans-serif;}
.editor_left .history .list{ padding: 8px 0 0 0;}
.editor_left .history .list ul{ display: flex; align-items: center; font-size: 13px; border-bottom: dashed 1px #e1e1e1; padding: 8px 0 8px 0;}
.editor_left .history .list ul:last-child{ border-bottom: 0;}
.editor_left .history .list ul .num{ width:20px;}
.editor_left .history .list ul .do{}
.editor_left .history .list ul .who{ margin-left: auto; text-align: right;}
.editor_left .history .list ul .who span{ color: #999; font-size: 12px;}

.editor_mobile{ position: fixed; top:67px; right: 0; width:316px; height: calc(100% - 67px); background-color: #fff; border-left: solid 1px #d3d5db;}
.editor_mobile .info{ text-align: right; padding: 16px 16px 16px 0; color: rgb(147 151 161);}
.editor_mobile .scroll{ position: absolute; top:48px; left: 0; width:100%; height: calc(100% - 48px); overflow-y: auto;}
.editor_mobile .scroll::-webkit-scrollbar {width: 5px;}
.editor_mobile .scroll::-webkit-scrollbar-track {background: #f5f5f5;}
.editor_mobile .scroll::-webkit-scrollbar-thumb {background: #c5c8ce;}
.editor_mobile .scroll::-webkit-scrollbar-thumb:hover {background: #c5c8ce;}
.editor_mobile .title{ font-size: 24px; line-height: 130%; font-family: 'Bold', sans-serif; padding: 40px 16px 0 16px;}
.editor_mobile .title.none{ color: #c5c8ce;}
.editor_mobile .date{ margin: 16px 16px 0 16px; padding-bottom: 16px; border-bottom: solid 1px #d3d5db; font-size: 13px; color: #5c667b;}
.editor_mobile .cont{ padding: 32px 16px 16px 16px; font-size: 18px; line-height: 170%;}
.editor_mobile .cont.none{ color: #c5c8ce; padding-bottom: 40px;}
.editor_mobile .cont p{ margin-bottom: 24px;}
.editor_mobile .cont iframe{ width:100% !important; height: 157px !important;}
.editor_mobile .cont img{ width:100%; max-width: 100%; height: auto !important;}
.editor_mobile .tag{ margin: 0 16px 32px 16px; padding-top: 16px; border-top: solid 1px #d3d5db;}
.editor_mobile .tag ul{ display: inline-flex; height: 36px; line-height: 36px; border-radius: 8px; background-color: #f6f6f6; padding: 0 12px 0 12px; margin-right: 4px; margin-bottom: 4px;}
.editor_mobile .tag ul:last-child{ margin-right: 0;}

.editor_toolbar{ position: fixed; top:67px; left: 281px; width:calc(100% - 598px); height: 94px; border-bottom: solid 1px #d3d5db; background-color: #fff;}
.editor_toolbar .btnBox{ position: absolute; top:0; right: 16px; display: inline-flex; align-items: center; height: 94px; padding: 0 0 0 8px;}
.editor_toolbar .btnBox ul{ position: relative; width:56px; height: 56px; border-radius: 4px; border: solid 1px #e1e1e1; margin-left: 8px; text-align: center; cursor: pointer;}
.editor_toolbar .btnBox ul li{ font-size: 12px; color: #999;}
.editor_toolbar .btnBox ul i{ width:24px; margin: 10px 0 8px 0; font-size: 16px;}
.editor_toolbar .hit{ line-height: 94px; padding: 0 0 0 16px; color: rgb(147 151 161);}
.editor_toolbar .hit span{ margin-left: 4px; color: #000;}

.primaryImage{ position: fixed; display: flex; align-items: center; top:80px; right: 332px; z-index: 1000;}
.primaryImage .tit{ padding: 0 8px 0 0; color: #c5c8ce;}
.primaryImage .thumb{ position: relative; width:100px; height: 64px; border-radius: 8px; overflow: hidden; cursor: pointer;}
.primaryImage .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.primaryImage .thumb i{ position: absolute; bottom: 8px; right: 8px; color: #fff; z-index: 100;}

.editor_cont{ position: fixed; top:162px; left: 281px;  width:calc(100% - 598px); height: calc(100% - 162px); background-color: #edf0f5; z-index: 200;}
.editor_cont .sizeBox{ width:calc(100% - 202px); min-width:920px !important; margin: 0 auto; background-color: #fff; height: calc(100vh - 162px); overflow-y: auto;}
.editor_cont .sizeBox::-webkit-scrollbar {width: 5px;}
.editor_cont .sizeBox::-webkit-scrollbar-track {background: #f5f5f5;}
.editor_cont .sizeBox::-webkit-scrollbar-thumb {background: #c5c8ce;}
.editor_cont .sizeBox::-webkit-scrollbar-thumb:hover {background: #c5c8ce;}

.editor_wrap .editor_cont .info{ text-align: right; padding: 16px 16px 16px 0; color: rgb(147 151 161);}
.editor_wrap .editor_cont .section{ display: inline-flex; font-size: 16px; margin: 0 0 16px 10px;}
.editor_wrap .editor_cont .title{ font-size: 36px; font-family:'Bold', sans-serif; line-height: 40px; height: 40px; padding: 8px 0 8px 0; margin: 0 0 0 10px;}
.editor_wrap .editor_cont .cont{padding: 32px 16px 16px 16px; font-size: 18px; line-height: 170%;}
.editor_wrap .editor_cont .cont p{ margin-bottom: 24px;}
.editor_wrap .editor_cont .cont img{ max-width: 100%;}
.editor_wrap .editor_cont .main_title{box-sizing: border-box; outline: none; width:calc(100% - 22px); font-size: 36px; font-family:'Bold', sans-serif; line-height: 40px; height: 40px; border: solid 2px #fff; padding: 8px 0 8px 0; overflow: hidden; resize: none; margin: 0 0 0 10px;}
.editor_wrap .editor_cont .main_title:focus{ border: dashed 2px #1c6bff;}
.editor_wrap .editor_cont .main_title::placeholder{ color: #c5c8ce;}
.editor_wrap .editor_cont .date{ margin: 16px 12px 0 12px; padding: 0 0 16px 0; border-bottom: solid 1px #d3d5db;}
.editor_wrap .editor_cont .tag{ border-top: solid 1px #d3d5db; padding: 16px 0 32px 0; margin: 64px 12px 0 12px;}
.editor_wrap .editor_cont .tag ul{ display: inline-flex; height: 36px; line-height: 36px; border-radius: 8px; background-color: #f6f6f6; padding: 0 12px 0 12px; margin-right: 4px;}



.jodit-container{ width:calc(100% - 20px) !important; margin: 10px 0 0 10px; border: 0 !important; }
.jodit-container p{font-family: 'Regular', sans-serif !important; font-size: 18px !important; margin-bottom: 24px;}
.customTable{ width:100% !important; max-width: 100%; table-layout: fixed;}
.jodit-resizer{ border: dashed 2px #1c6bff;}
.jodit-resizer>i{ border: solid 1px #1c6bff; background-color: #1c6bff;}
.jodit-toolbar__box{ display: flex !important; align-items: center; position: fixed !important; top:67px !important; left: 281px !important; width:calc(100% - 598px) !important; padding-left: 12px; height: 94px; border-bottom: solid 1px #d3d5db; background-color: #fff !important;}
.jodit-status-bar{ display: none;}
.jodit-placeholder{font-family: 'Regular', sans-serif !important; font-size: 18px !important;}
.jodit-add-new-line{ background-color: #000;}
.jodit-container figcaption{ color: #8491a7; padding: 10px 0 10px 0;}
.jodit-ui-group__pencil{ display: none;}
.jodit-ui-group__valign{ display: none;}

.jodit-toolbar-button__button {
	background-color: #ffffff;
	color: #333;
	border-radius: 8px;
	border: solid 1px #e1e1e1;
}

.jodit-toolbar-button__button:hover {
	background-color: #ffffff !important;
}

.jodit-toolbar-button{ height: auto !important;}
.jodit-toolbar-editor-collection_mode_horizontal{ background-image: none !important;}

.jodit-popup{ border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;}
.jodit-popup{ border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;}
.jodit-ui-button__text:not(:empty),.jodit-tabs{ font-family: 'Regular', sans-serif !important;}
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span{ border-radius: 4px;}
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span.jodit_hovered{ border-color: #1c6bff; background-color: #689af6;}
.jodit-ui-input__wrapper{ border: 0 !important; min-width: 300px !important;}
.jodit-ui-text-area__wrapper{min-width: 300px !important;}
.jodit-drag-and-drop__file-box input, .jodit_uploadfile_button input{ height: 100% !important;}
.jodit-drag-and-drop__file-box{ width:300px; border-radius: 8px; background-color: #fbfbfd !important;}
.jodit-ui-button[aria-pressed=true]:not([disabled]){ background-color: #e2ecfc;}

.embargo .set{ border: solid 1px #e1e1e1; border-radius: 8px; overflow: hidden; padding: 0 8px 0 8px; margin: 0 0 0 8px;}
.embargo.set{ border: solid 1px #e1e1e1; border-radius: 8px; overflow: hidden; padding: 0 8px 0 8px; margin: 0 0 0 8px;}
.embargo input{ font-family: 'Regular', sans-serif; outline: none; line-height: 32px; border:0;}

.withdraw{ color: #ff0000;}
.withdrawDate{ color: #999; margin: 0 8px 0 8px;}
.withdrawReason{ cursor: pointer; text-decoration: underline;}
.withdrawBox{ padding: 16px;}
.withdrawBox ul{ margin-bottom: 20px;}
.withdrawBox ul:last-child{ margin-bottom: 0;}
.withdrawBox ul li:nth-child(1){ font-family: 'Bold', sans-serif;}
.withdrawBox ul li:nth-child(2) dl{ margin-top: 8px; color: #888;}

.board_tab{ display: flex; padding: 20px 0 20px 20px;}
.board_tab ul{ font-size: 18px; font-family: 'Bold', sans-serif; color: #999; cursor: pointer; margin-right: 16px;}
.board_tab ul.on{ color: #000; text-decoration: underline;}

.voteDetailLayout{ margin: 20px 0 0 0;}
.voteDetailLayout .box1{ position: absolute; width:280px; height: calc(100% - 345px); padding: 0 20px 0 0;}
.voteDetailLayout .box1 .cbox{ position: absolute; top:0; left: 0; width:calc(100% - 20px); height: 100%;}
.voteDetailLayout .box2{ position: relative; margin-left: 300px;}
.voteRanking{ padding: 20px 0 0 20px;}
.voteRanking .title{ font-size: 18px; font-family: 'Bold', sans-serif; width:calc(100% - 25px); }
.voteRanking .title span{ float: right; font-size: 15px; color:blue; }
.voteRanking .list{ position: absolute; top:50px; left: 20px; width:calc(100% - 20px); height: calc(100% - 50px); overflow-y: auto;}
.voteRanking .list::-webkit-scrollbar {width: 5px;}
.voteRanking .list::-webkit-scrollbar-track {background: #eceff3;}
.voteRanking .list::-webkit-scrollbar-thumb {background: #a1acbb;}
.voteRanking .list::-webkit-scrollbar-thumb:hover {background: #7e94b4;}
.voteRanking .list ul{ display: flex; align-items: center; background-color: #f6f7fa; margin:0 20px 8px 0; border-radius: 8px; padding: 8px;}
.voteRanking .list ul .rank{ width:30px; text-align: center; margin-right: 8px; font-size: 16px; font-family: 'Bold', sans-serif; color: #9fa7b7;}
.voteRanking .list ul .thumb{ position: relative; width:48px; height: 48px; border-radius: 8px; overflow: hidden;}
.voteRanking .list ul .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%;}
.voteRanking .list ul .info{ width:130px; padding: 0 0 0 8px}
.voteRanking .list ul .info dl:nth-child(1){ font-family: 'Bold', sans-serif; text-overflow: clip; overflow: hidden; word-break: break-all;}
.voteRanking .list ul .info dl:nth-child(2){ color: #777;}

.cmt_text{ text-align: left !important; width:600px;}
.cmt_text.reply{ position: relative; padding: 0 0 0 50px; width:550px;}
.cmt_text.reply div{ position: absolute; top:calc(50% - 10px); left: 10px; font-size: 12px; color: #fff; background-color: #aaa; border-radius: 4px; padding: 0 4px; line-height: 20px;}
.cmt_title{ text-align: left !important; width:300px;}
.cmt_title div{ text-decoration: underline; cursor: pointer; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis;}

.reportBox .date{ padding: 16px 0 8px 0; font-size: 13px; color: #888;}
.reportBox .default ul{ display: flex; padding: 8px; border-radius: 8px; border: solid 1px #eee; margin-top: 8px;}
.reportBox .default ul li:nth-child(2){ margin-left: auto;}
.reportBox .etc ul{ border-bottom: dashed 1px #e1e1e1; padding: 8px; color: #888;}
.reportBox .etc ul:last-child{ border-bottom: 0;}

.replyWrap{ padding: 24px 0 0 0;}
.replyWrap .originTitleIco{ display: inline-table; line-height: 24px; padding: 0 8px 0 8px; border-radius: 4px; background-color: var(--main_color); color: #fff; font-size: 12px; margin-bottom: 8px;}
.replyWrap .originTitle{ font-size: 20px; line-height: 24px; font-family: 'Bold', sans-serif;}
.replyWrap .originComment{ padding: 24px 0 16px 0; border-bottom: solid 1px #ccc;}
.replyWrap .originComment .info{ display: flex; align-items: center; padding: 0 0 8px 0;}
.replyWrap .originComment .info .name{ font-family: 'Bold', sans-serif;}
.replyWrap .originComment .info .date{ color: #999; margin-left: 8px; font-size: 12px;}
.replyWrap .originComment .info .del{ margin-left: auto; border: solid 1px #e1e1e1; font-size: 12px; line-height: 24px; border-radius: 4px; padding: 0 8px 0 8px; color: #888; background-color: #fff; cursor: pointer;}
.replyWrap .originComment .txt{ font-size: 15px; line-height: 18px;}

.replyWrap .list{ background-color: #fafafc; padding: 0 16px 0 16px;}
.replyWrap .list ul{ padding: 16px 0 16px 0; border-bottom: dashed 1px #e1e1e1;}
.replyWrap .list ul:last-child{ border-bottom: 0;}
.replyWrap .list ul .info{ display: flex; align-items: center; padding: 0 0 8px 0;}
.replyWrap .list ul .info .name{ font-family: 'Bold', sans-serif;}
.replyWrap .list ul .info .name input{ margin-right: 4px;}
.replyWrap .list ul .info .date{ color: #999; margin-left: 8px; font-size: 12px;}
.replyWrap .list ul .info .del{ margin-left: auto; border: solid 1px #e1e1e1; font-size: 12px; line-height: 24px; border-radius: 4px; padding: 0 8px 0 8px; color: #888; background-color: #fff; cursor: pointer;}
.replyWrap .list ul .txt{ font-size: 15px; line-height: 18px;}

.blockKeywordBox .txt1{ font-size: 16px; font-family: 'Bold', sans-serif; padding: 16px 0 4px 0;}
.blockKeywordBox .txt2{ color: #888; padding: 0 0 16px 0;}
.blockKeywordBox textarea{ padding: 16px; width:100%; border: solid 1px #e1e1e1; height: 100px; resize: none; outline: none; border-radius: 8px; background-color: #fafafc; font-family: 'Regular', sans-serif;}

.infoBoard{ padding: 8px 0 0 0; color: #999; font-size: 13px;}
.thumbUpload{ display: flex; align-items: center; margin: 12px 0 0 0;}
.thumbUpload .btnUpload{ line-height: 40px; border-radius: 8px; padding: 0 16px 0 16px; border: solid 1px #e1e1e1; background-color: #fff; margin: 0 8px 0 0; cursor: pointer;}
.thumbUpload .info{ font-size: 13px; color: #999; line-height: 42px;}
.thumbList{ display: flex; flex-wrap: wrap; margin: 16px 0 16px 0;}
.thumbList .item{ position: relative; width:60px; height: 60px; border-radius: 8px; overflow:hidden; margin: 0 8px 8px 0;}
.thumbList .item img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.thumbList .item .delete{ position: absolute; top:4px; right: 4px; width:20px; height: 20px; text-align: center; color: #fff; background-color: rgba(0,0,0,0.8); z-index: 100; cursor: pointer;}
.thumbList .item .delete i{ line-height: 20px;}

.arrangeWrap .top{ position: fixed; top:0; left: 0; width:100%; height: 66px; background-color: #fff; border-bottom: solid 1px #d3d5db; z-index: 700;}
.arrangeWrap .top .arrangeTitle{ line-height: 66px; font-size: 18px; font-family: 'Bold', sans-serif; padding: 0 0 0 20px;}
.arrangeWrap .top .arrangeTitle i{ line-height: 66px; margin-right: 10px;}
.arrangeWrap .top .arrangeTitle span{ cursor: pointer;}
.arrangeWrap .top .btn{ position: absolute; top:0; right: 20px; height: 66px; display: inline-flex; align-items: center;}
.arrangeWrap .top .btn ul{line-height: 40px; padding: 0 15px 0 15px; border: solid 1px #e1e1e1; border-radius: 8px; margin-left: 8px; color: #888; cursor: pointer;}
.arrangeWrap .top .btn ul.confirm{ border: solid 1px var(--main_color); background-color: var(--main_color); color: #fff;}

.arrangeWrap .news{ position: fixed; top:67px; right: 0; width:316px; height: calc(100% - 67px); background-color: #fff; border-left: solid 1px #d3d5db;}
.arrangeWrap .news .title{ font-size: 16px; font-family: 'Bold', sans-serif;}

.arrangeWrap .layout{ position: fixed; top:67px; left: 16px; width:calc(100% - 350px); height: calc(100% - 67px); background-color: #fff; border-right: solid 1px #d3d5db; border-left: solid 1px #d3d5db; overflow-y: auto;}
.arrangeWrap .layout::-webkit-scrollbar {width: 5px;}
.arrangeWrap .layout::-webkit-scrollbar-track {background: #eceff3;}
.arrangeWrap .layout::-webkit-scrollbar-thumb {background: #a1acbb;}
.arrangeWrap .layout::-webkit-scrollbar-thumb:hover {background: #7e94b4;}

.maskCover{ position: fixed; align-items: center; justify-content: center; top:0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); color: #fff; z-index: 2000; display: none; transition: 0.3s;}

@media(max-width:1530px) {
	.maskCover{ display: flex;}
	.editor_wrap{ opacity: 0.2;}
}

.rankNum{ position:relative; display: inline-flex; width:50px; line-height: 14px; align-items: center; justify-content: center;}
.rankNum.up{ color: #ff5656;}
.rankNum.up i{ margin: 5px 5px 0 0;}
.rankNum.down{ color: #4876ef;}
.rankNum.down i{ margin: 0 5px 5px 0;}
.thumbR{ position: relative; display: inline-flex; width:60px; height: 60px; border-radius: 8px; overflow: hidden; vertical-align: middle; margin-right: 8px;}
.thumbR img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.exceptList{}
.exceptList ul{ display: flex; align-items: center; line-height: 46px; border-radius: 8px; background-color: #f9f9f9; margin-bottom: 8px;}
.exceptList ul .name{ padding: 0 16px 0 16px; font-family: 'Bold', sans-serif;}
.exceptList ul .cate{ color: #999; flex-grow: 1;}
.exceptList ul .del{ height: 30px; line-height: 30px !important; border: solid 1px #e1e1e1; border-radius: 4px; background-color: #fff; font-size: 12px; color: #999; padding: 0 8px 0 8px; margin-right: 8px; cursor: pointer;}

.arrangeTrend{ position: relative; width:100%; height: calc(100vh - 100px);}
.arrangeTrend .box1{ position: absolute; top:-20px; left:-20px; width:calc(100% + 40px); height: 64px; background-color: #fff; border-bottom: solid 1px #e1e1e1;}
.arrangeTrend .box2{ position: absolute; top:68px; left: 0; width:calc(100% - 460px); height: calc(100% - 132px); overflow-y: auto; background-color: #fff; padding: 30px;}
.arrangeTrend .box3{ position: absolute; top:68px; right: 0; width:380px; height: calc(100% - 72px); background-color: #fff;}

.arrangeTrend .box1 .btn_save{ position: absolute; top:8px; right: 8px; width:80px; line-height: 48px; text-align: center; border-radius: 4px; background-color: #4876ef; color: #fff; cursor: pointer;}
.arrangeTrend .articleList{ padding: 16px;}
.arrangeTrend .articleList .tit{ font-size: 16px; font-family: 'Bold', sans-serif; padding: 0 0 12px 0;}
.arrangeTrend .articleList .search{ display: flex;}
.arrangeTrend .articleList select{ margin-right: 8px;}
.arrangeTrend .articleList .search .btn{ width:60px; line-height: 40px; text-align: center; border-radius: 4px; background-color: #777; color: #fff; margin-left: 8px; cursor: pointer;}
.arrangeTrend .articleList .list{ position: absolute; top:88px; left: 16px; width:calc(100% - 32px); height: calc(100% - 120px); margin: 16px 0 0 0; overflow-y: auto;}
.arrangeTrend .articleList .list ul{ position: relative; border-bottom: dashed 1px #e1e1e1; padding:8px 0 8px 0; height: 60px; cursor: pointer;}
.arrangeTrend .articleList .list ul .thumb{ position: absolute; top:8px; left: 8px; width:60px; height: 60px; border-radius: 4px; overflow: hidden;}
.arrangeTrend .articleList .list ul .thumb img{ position: absolute; top:0; left: 0; width:100%; height: 100%; object-fit: cover;}
.arrangeTrend .articleList .list ul .cate{ margin-left: 80px; color: #999; padding: 0 0 4px 0;}
.arrangeTrend .articleList .list ul .title{margin-left: 80px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis;}
.arrangeTrend .articleList .list ul .txt{ display: none;}
.arrangeTrend .articleList .list ul .date{ position: absolute; bottom: 10px; left: 80px; font-size: 11px; color: #999;}
.arrangeTrend .articleList .list ul .hit{position: absolute; bottom: 10px; right: 8px; font-size: 11px; color: #999;}

.arrangeTrend .box2 .sectionTitle{ font-size: 24px; font-family: 'Bold', sans-serif; padding: 0 0 24px 0; color: #4876ef;}
.overLineWrap{ position: absolute; top:-3px; left: -3px; width:100%; height: 100%; border: dashed 3px #4876ef; display: none;}
.overLineWrap .btnEdit{ position: absolute; top:0; right: 0; width:40px; height: 40px; background-color: #4876ef; color: #fff; text-align: center; z-index: 500;}
.overLineWrap .btnEdit i{ line-height: 40px; font-size: 18px; cursor: pointer;}
.mainNews:hover .overLineWrap{ display: block;}
.newsCategory:hover .overLineWrap{ display: block;}

.mainRankSet{ background-color: #f9f9f9; border-radius: 8px; padding: 30px;}
.mainRankSet .inBox{ display: flex;}
.mainRankSet .inBox ul{ position: relative; width:33.3333333333%; display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow:1px 1px 1px rgba(0, 0, 0, .1); text-align: center; padding: 30px 0 30px 0;}
.mainRankSet .inBox ul:nth-child(2){ margin: 0 20px 0 20px;}
.mainRankSet .inBox ul li{ width:100%;}
.mainRankSet .inBox ul li.title{ font-size: 18px; font-family: 'Bold', sans-serif;}
.mainRankSet .inBox ul li.type{ padding: 8px 0 8px 0;}
.mainRankSet .inBox ul li.type .manual{ color: #888;}
.mainRankSet .inBox ul li.type .auto{ color: #4876ef; font-size: 18px; font-family: 'Bold', sans-serif; padding: 16px 0 8px 0;}
.mainRankSet .inBox ul li.date{ color: #999;}
.mainRankSet .inBox ul .btnEdit{ position: absolute; top:0; right: 0; width:40px; height: 40px; background-color: #4876ef; color: #fff; text-align: center; z-index: 500; cursor: pointer;}
.mainRankSet .inBox ul .btnEdit i{ line-height: 40px; font-size: 18px; cursor: pointer;}

.arrangeNews{ position: relative; padding: 30px;}
.arrangeNews .btn_save{ position: absolute; top:8px; right: 30px; width:80px; line-height: 48px; text-align: center; border-radius: 4px; background-color: #4876ef; color: #fff; cursor: pointer;}
.arrangeNews .btn_make{ position: absolute; top:8px; right: 118px; width:80px; line-height: 48px; text-align: center; border-radius: 4px; background-color: #444444; color: #fff; cursor: pointer;}
.arrangeNews .title{ font-size: 18px; font-family: 'Bold', sans-serif; padding: 0 0 16px 0; margin-bottom: 30px; border-bottom: solid 1px #e1e1e1;}
.arrangeNews .inBox{
	width:920px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 300px); /* 3열 고정 */
	grid-auto-rows: 200px; /* 행의 높이는 고정 */
	gap: 10px; /* 아이템 간 간격 */
}
.arrangeNews .inBox ul{
	position: relative;;
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	overflow: hidden;
	padding: 16px;
	cursor: move;
}
.arrangeNews .mainRankInfo{ width:920px; margin: 0 auto; padding: 0 0 32px 0;}
.arrangeNews .categoryTab{ display: flex; width:920px; margin: 0 auto 30px; border-bottom: solid 1px #e1e1e1;}
.arrangeNews .categoryTab ul{ line-height: 50px; margin-right: 16px; color: #888; cursor: pointer;}
.arrangeNews .categoryTab ul.on{ color: #0075ff; font-weight: bold;}
.arrangeNews .inBox ul.sortable-placeholder{ border: dashed 2px #0075ff;}
.arrangeNews .inBox ul .btnEdit{ position: absolute; top:0; right: 0; width:40px; height: 40px; background-color: #4876ef; color: #fff; text-align: center; z-index: 500; cursor: pointer;}
.arrangeNews .inBox ul .btnEdit i{ line-height: 40px; font-size: 18px; cursor: pointer;}
.arrangeNews .inBox ul .name{font-size: 18px; font-family: 'Bold', sans-serif; padding: 0 0 16px 0;}
.arrangeNews .inBox ul .cate{ color: #888; font-size: 12px;}
.arrangeNews .inBox ul .dummy{ padding: 4px 0 0 0;}
.arrangeNews .inBox ul .dummy dl{ height: 18px; border-radius: 18px; background-color: #f9f9f9; margin-top: 5px;}

.widgetVoteSel .typeNumber{ padding: 0 0 16px 0;}
.widgetVoteSel select{ width:calc(100% - 60px) !important;}
.widgetVoteSel .selList{ min-height: 70px; background-color: #f9f9f9; border-radius: 8px; margin-top: 16px; padding: 16px;}
.widgetVoteSel .selList .none{ text-align: center; line-height: 70px; color: #999;}
.widgetVoteSel dt{ position: relative; background-color: #fff; border-radius: 8px; line-height: 40px; margin-bottom: 5px; padding-left: 16px; box-shadow:0 0 3px rgba(0, 0, 0, .05); }
.widgetVoteSel dt .delete{ position: absolute; top:0; right: 0; width:40px; height: 40px; text-align: center; cursor: pointer;}
.widgetVoteSel dt .delete i{ line-height: 40px; font-size: 18px; color: #999;}
.widgetVoteSel dt:last-child{ margin-bottom: 0;}
.widgetSel .wd{ display: inline-flex; margin-right: 15px;}
.widgetSel .wd.sample{ position: relative;}
.widgetSel .wd.sample .img{ position: absolute; top: 34px; left: 0; padding: 16px; border-radius: 8px; background-color: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); z-index: 500; display: none;}
.widgetSel .wd.sample:hover .img{ display: block;}

.textOverflow {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}


/*20250102 icon*/
.arrow_tg .i{ position: relative; height: 60px; line-height: 60px; display: inline-flex; align-items: center; padding: 0 16px 0 16px; cursor: pointer;}
.arrow_tg .i::before{ content: ''; position: absolute; top:calc(50% - 8px); left: calc(50% - 8px); width:16px; height: 16px; background: url("../images/icon/arrow-left-solid.svg") no-repeat; background-size: contain;}
.arrow_tg .i.fa-arrow-right::before{ background: url("../images/icon/arrow-right-solid.svg") no-repeat; background-size: contain;}
.menuIco{ position: absolute; top:50%; left: 15px; transform: translate(0,-50%); width:18px; height: 18px; opacity: 0.7;}

.menuIco.sales{ background: url("../images/icon/receipt-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.statistics{ background: url("../images/icon/chart-line-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.event{ background: url("../images/icon/gift-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.ranking{ background: url("../images/icon/ranking-star-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.content{ background: url("../images/icon/file-pen-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.message{ background: url("../images/icon/message-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.comment{ background: url("../images/icon/comment-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.vote{ background: url("../images/icon/check-to-slot-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.widget{ background: url("../images/icon/layer-group-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.page{ background: url("../images/icon/window-restore-regular.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.user{ background: url("../images/icon/user-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.settlement{ background: url("../images/icon/coins-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.feedback{ background: url("../images/icon/reply-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.manage{ background: url("../images/icon/user-tie-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.webpush{ background: url("../images/icon/paper-plane-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}
.menuIco.setting{ background: url("../images/icon/sliders-solid.svg") no-repeat; background-size: contain; filter: grayscale(100);}

.menu_wrap .menu ul.on .menuIco{ filter: grayscale(0); opacity: 1;}
.menu_wrap .menu .arw{ width:11px; height: 13px; background: url("../images/icon/angle-down-solid.svg") no-repeat; background-size: contain; opacity: 0.2;}
.menu_wrap .menu .arw.fa-angle-up{ background: url("../images/icon/angle-up-solid.svg") no-repeat; background-size: contain;}
.paging .inPage .move.prev img{ height:20px; vertical-align: middle;}
.paging .inPage .move.next img{ height:20px; vertical-align: middle;}
.layerDefault .close img{ width:26px;}
.rbox .btn_box ul img{ height: 16px; vertical-align: middle; margin: 8px 0 0 0;}
.categoryManage .cateBox .name span{ width:16px; height: 16px; background: url("../images/icon/pen-to-square-solid.svg") no-repeat; background-size: contain; opacity: 0.5;}
.categoryManage .cateBox .subList li .ico_edit{ display: inline-flex; width:12px; height: 12px; margin: 0 0 2px 4px; vertical-align: middle; background: url("../images/icon/pen-to-square-solid.svg") no-repeat; background-size: contain; opacity: 0.5; cursor: pointer;}
.categoryManage .cateBox .add img{ height: 20px;}
.arrangeRankMenu .inBox ul .btnEdit{ text-align: center;}
.arrangeRankMenu .inBox ul .btnEdit img{ width:14px; margin: 4px 0 0 1px;}
.arrangeRank .inBox ul .btnEdit{ text-align: center;}
.arrangeRank .inBox ul .btnEdit img{ width:18px; margin: 8px 0 0 1px;}

.mo_menu_close{ height: 60px;}
.mo_menu_close .i{ display: inline-table; position: relative; height: 60px; line-height: 60px; align-items: center; padding: 0 32px 0 16px; cursor: pointer;}
.mo_menu_close .i::before{ content: ''; position: absolute; top:calc(50% - 8px); left: calc(50% - 8px); width:16px; height: 16px; background: url("../images/icon/arrow-left-solid.svg") no-repeat; background-size: contain;}

.navi .mo_menu_open img{ width:16px; vertical-align: middle; margin: 0 8px 4px 0; display: none;}
@media (max-width: 720px) {
	.navi .mo_menu_open img{ display: inline-table;}
}