/* font */
@import url('/resources/cms/css/fonts/NotoSansKR/NotoSanskr.css');
@import url('/resources/cms/css/fonts/NanumBarunGothic/fonts.css');
@import url('/resources/cms/css/fonts/NotoSerif/fonts.css');
@import url('/resources/cms/css/fonts/ibmPlexSans/stylesheet.css');

/*  
	Icon font
	Regular :::: normal / 400
	Outlined ::::  500
	Rounded :::: 600
	Sharp :::: 700
	TwoTone :::: 800
*/
@import url('/resources/cms/css/fonts/MaterialIcons/stylesheet.css');

/* common */
html{width:100%; height:100%; font-family:'ibmPlexSans'; font-size:15px;}
body{width:100%; height:100%;}

*{box-sizing:border-box; font-family:'ibmPlexSans'; margin:0; padding:0; letter-spacing:-0.01em;}
a{text-decoration:none; text-underline-position:under;}
/* a:hover{text-decoration:none;} */
ul, ol{list-style:none; margin-bottom:0;}
p{margin-bottom:0;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
.ver-top th, 
.ver-top td{vertical-align: top;}

img{max-width:100%;}

/* modal custom */
.modal-backdrop{display:none;}

/* margin / padding */
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

/* scroll bar custom */
.mCSB_scrollTools .mCSB_draggerRail{display:none;}
.mCSB_scrollTools .mCSB_draggerContainer::before{content:''; display:block; width:2px; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:50%; transform:translateX(-50%);}

/* common class */
.justify-self-end{justify-self:flex-end; margin-left:auto;}
.justify-self-start{justify-self:flex-start; margin-right:auto;}

/* button custom */
.btn::before{font-family:'Font Awesome 5 Free'; font-weight:900; font-size:0.6em; color:inherit; margin-right:5px; position:relative; top:-1px;}
/* 
.btn::before{font-family:'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;} 
*/

.btn-excel{background:#27ae60; border-color:#27ae60;}
.btn-excel::before{content:'\f1c3';}
.btn-search::before{content:'\f002';}
.btn-reset::before{content:'\f0e2';}
.btn-write::before{content:'\f044';}
.btn-delete::before{content:'\f2ed';}
.btn-save::before{content:'\f0c7';}
.btn-list::before{content:'\f022';}
.btn-open::before{content:'\f067';}
.btn-close::before{content:'\f068';}
.btn-add::before{content:'\f477';}
.btn-add2::before{content:'\f0fe';}
.btn-first::before{content:'\f102';}
.btn-top::before{content:'\f106';}
.btn-bottom::before{content:'\f107';}
.btn-last::before{content:'\f103';}

.btn-logout::before{content:'\f2f5';}
.btn-mypage::before{content:'\f4fe';}
.btn-color::before{content:'\f53f';}


/* input radio / checkbox custom */
input[type="radio"],
input[type="checkbox"]{position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0;}
input[type="radio"] + label,
input[type="checkbox"] + label{display:inline-flex; align-items:end; margin-bottom:0; margin-right:5px; cursor:pointer; position:relative; line-height:1;}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before{margin-right:0.25rem; display: block; width:16px; height:16px; pointer-events:none; content:""; background-color:#fff; border:#adb5bd solid 1px; transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
input[type="radio"] + label::after,
input[type="checkbox"] + label::after{position:absolute; top:50%; transform: translateY(-50%); left:0; display: block; width:16px; height:16px; content: ""; background: 50% / 50% 50% no-repeat;}

input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover{text-decoration:underline; text-underline-position:under;}

input[type="radio"]:checked + label::before,
input[type="checkbox"]:checked + label::before{color: #fff; border-color:#c82333; background-color:#c82333;}

input[type="radio"]{}
input[type="radio"] + label{}
input[type="radio"] + label::before{border-radius:50%;}
input[type="radio"]:checked + label{}
input[type="radio"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}

input[type="checkbox"]{}
input[type="checkbox"] + label{}
input[type="checkbox"] + label::before{border-radius:3px;}
input[type="checkbox"]:checked + label{}
input[type="checkbox"]:checked + label::before{}
input[type="checkbox"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}

/* datepicker */
input.datepicker{background:url('/resources/cms/images/calendar-icon.png') no-repeat right 10px center #fff;}


/* width custom */
.min-width-auto{min-width:auto;}

/* button custom */
.add-question-btn{min-width:auto;}

/* delete btn */
.table-bordered a.fileDeleteBtn::before{content:'\f2ed';}

/* sub title */
.subtitle{display:flex; align-items:normal; line-height:1;}
.subtitle::before{content:'\f0c9'; font-size:0.8em; color:#999; font-weight:900; font-family:'Font Awesome 5 Free'; margin-right:5px;}

/* datepicker design */
.datepicker-dropdown{width:250px; padding:0;}
.datepicker-dropdown:after{border:0 6px 6px; border-style:solid; border-color:transparent transparent #d63d3d;}
.datepicker table{table-layout:fixed;}
.datepicker thead tr:nth-child(2){height:40px; background:#d63d3d;}
.datepicker thead tr:nth-child(3){height:40px;}
.datepicker thead tr:nth-child(3) th{border-bottom:1px solid #ddd;}
.datepicker thead tr:nth-child(3) th:nth-child(1){color:#c82333;}
.datepicker thead tr:nth-child(3) th:nth-child(7){color:#007bff;}
.datepicker td, 
.datepicker th{border-radius:0;}
.datepicker .datepicker-switch, 
.datepicker .prev, 
.datepicker .next, 
.datepicker tfoot tr th{color:#fff;}
.datepicker .datepicker-switch:hover, 
.datepicker .prev:hover, 
.datepicker .next:hover, 
.datepicker tfoot tr th:hover{background:#9f2d2d;}
.datepicker tbody td{height:30px;}
.datepicker tbody td:nth-child(1):not(.old):not(.new){color:#c82333;}
.datepicker tbody td:nth-child(1):not(.old):not(.new).active{color:#fff;}
.datepicker tbody td:nth-child(7):not(.old):not(.new){color:#007bff;}
.datepicker tbody td:nth-child(7):not(.old):not(.new).active{color:#fff;}

/* board pagination */
.page-arrows{}
.page-arrows a{display:flex; align-items:center;}
.page-arrows a::before,
.page-arrows a::after{font-family:'Font Awesome 5 Free'; font-weight:900; font-size:0.8em;}
.page-arrows.first a::before{content:'\f100';}
.page-arrows.prev a::before{content:'\f104';}
.page-arrows.next a::after{content:'\f105';}
.page-arrows.last a::after{content:'\f101';}

/* header */
.cms-header{background:#fff; display:flex; align-items:center; height:70px; padding:0 15px; width:100%; border-bottom:1px solid #ddd;}
.cms-header__logo{display:flex; align-items:center;}
.cms-header__logo .logo{margin:0; line-height:1; font-size:0;}
.cms-header__modify{display:block; width:18px; height:18px; background:url('/resources/cms/images/logo_icon.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; margin-left:10px;}
.cms-header__search{margin-left:140px; display:flex; align-items:center;}
.cms-header__search form{display:flex; align-items:center;}
.cms-header__search .search{display:block; margin:0 0 0 10px;}
.cms-header__search .search::before{content:'\f002'; font-size:18px; color:#333; font-family:'Font Awesome 5 Free'; font-weight:900; }

.cms-header__search input{height:50px; font-size:14px; width:350px; border:0; border-bottom:1px solid #ddd; padding:0 10px;}
.cms-header__search .mobileMenu{display:none;}

.cms-memberBtn{margin-left:auto;}

.cms-colorPicker{}
.cms-colorPicker__item{display:flex; align-items:center;}
.cms-colorPicker__item:not(:last-child){margin-bottom:5px;}
.cms-colorPicker__item input{border:1px solid #ddd !important; flex:1; width:100%;}
.cms-colorPicker__item label{display:flex; align-items:center; margin:0 10px 0 0;}
.cms-colorPicker__item label i{font-size:16px; display:block; margin-right:5px;}
.cms-colorPicker .sp-original-input-container{flex:1;}
.cms-colorPicker .sp-original-input-container .sp-colorize-container{min-width:30px; border:1px solid #ddd !important;}

/* footer */
.cms-footer{display:flex; justify-content:flex-end; align-items:center; position:fixed; bottom:40px; right:40px; z-index:9;}
.cms-footer a{font-size:14px; color:#999; display:flex; align-items:center; margin-right:10px; line-height:1;}
.cms-footer a::after{content:''; display:block; width:1px; height:10px; background:#999; margin-left:10px;}
.cms-footer span{font-size:14px; color:#999; line-height:1;}

.cms-footer__credit{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.93); display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:all .5s; z-index:99999;}
.cms-footer__credit.active{visibility:visible; opacity:1;}
.cms-footer__creditWrap{text-align:center; position:absolute; top:100%;}
.cms-footer__credit.active .cms-footer__creditWrap{animation:footerCreditAnimate 40s infinite;}
.cms-footer__credit.active .cms-footer__creditWrap:hover{animation-play-state:paused;}

@keyframes footerCreditAnimate{
	from{
		top:100%;
	}
	to{
		top:-100%;
	}
}

.credit-item{}
.credit-item__title{font-family:'NotoSerif'; color:#fff; font-size:20px; margin:0 0 25px;}
.credit-item__text{font-size:16px; color:#fff;}
.credit-item__program{margin-bottom:60px;}
.credit-item__list{display:inline-block; margin:0 0 80px;}
.credit-item__list li{display:flex; align-items:flex-start;}
.credit-item__list li:not(:last-child){margin-bottom:25px;}
.credit-item__list li .title,
.credit-item__list li .text{font-size:16px;}
.credit-item__list li .title{color:#999; text-align:right; min-width:100px; margin-right:40px;}
.credit-item__list li .text{color:#fff; text-align:left;}
.credit-item__copyright{font-size:8px; color:#888; margin-top:20px;}
.credit-item__copyright span{color:#555;}

/* contents */
.cms-contents{display:flex; height:calc(100% - 70px); background:#f4f4f4; position:relative;}

/* menu */
.cms-menu{display:flex; flex-direction:column; width:75px; background:#9f2d2d; padding:15px 0 0; transition:all .3s; height:100%; position:relative; opacity:0; animation:cmsOpacity .4s .4s forwards; z-index:10;}
.cms-menu.active{width:340px;}

.cms-menu__bg{display:block; position:absolute; height:100%; top:0; transition:all .5s; visibility:hidden; opacity:0;}
.cms-menu__bg.bg1{width:75px; background:#9f2d2d; left:0;}
.cms-menu__bg.bg2{width:calc(100% - 75px); background:#d63d3d; right:0;}

.cms-menu.active .cms-menu__bg{visibility:visible; opacity:1;}

.cms-menu__wrap{overflow-x:hidden; overflow-y:auto; height:100%; flex:1; position:relative; z-index:2; padding:10px 0;}

.cms-menu__wrap{ -ms-overflow-style: none; scrollbar-width: none;}
.cms-menu__wrap::-webkit-scrollbar{display: none;}

.cms-menu__control{display:flex; justify-content:flex-end; position:relative; z-index:2; padding:0; max-height:0; transition:all .5s;}
.cms-menu__control button{color:#fff; font-size:14px; border-radius:3px; background:#9f2d2d; border:1px solid #9f2d2d; margin-left:0; padding:0; max-width:0; overflow:hidden; transition:all .5s; opacity:0; white-space:nowrap; height:30px;}
.cms-menu__control button::before{content:''; font-family:'Font Awesome 5 Free'; font-weight:900; margin-right:5px; font-size:0.8em; vertical-align:middle;}
.cms-menu__control button:hover{text-decoration:none; background-color:#d63d3d;}

.cms-menu__control .Allopen{}
.cms-menu__control .Allopen::before{content:'\f067';}
.cms-menu__control .Allclose{}
.cms-menu__control .Allclose::before{content:'\f068';}

.cms-menu__control .arrow{position:absolute; right:-20px; top:0; display:flex; transition:all .5s; height:45px; width:20px; justify-content:center; align-items:center; border-radius:0 3px 3px 0; z-index:2; background-color:#9f2d2d; border:1px solid #9f2d2d;}
.cms-menu__control .arrow::before{font-family:'Font Awesome 5 Free'; font-weight:900; content:'\f104'; color:#fff; transition:all .5s; transform:rotate(180deg);}
.cms-menu__control .arrow:hover{text-decoration:none; background-color:#d63d3d;}
.cms-menu__control .arrow span{font-size:14px; color:#fff; margin-left:0; opacity:0; transition:all .5s; white-space:nowrap; overflow:hidden; max-width:0;}



.cms-menu.active .cms-menu__control{padding:0 10px; margin:0 0 15px; padding:0 75px 0 0; opacity:1; max-height:200px;}
.cms-menu.active .cms-menu__control .arrow{max-width:100%; right:10px; height:30px; background-color:#9f2d2d; width:60px; border-radius:3px;}
.cms-menu.active .cms-menu__control .arrow::before{transform:rotate(0deg);}
.cms-menu.active .cms-menu__control .arrow:hover{text-decoration:none; background-color:#d63d3d;}
.cms-menu.active .cms-menu__control .arrow span{margin-left:5px; opacity:1; max-width:100px;}
.cms-menu.active .cms-menu__control button{max-width:100px; padding:4px 10px; opacity:1; margin-left:5px;}

.cms-menu__title{font-size:12px; color:transparent; font-weight:500; line-height:1; padding-left:0; margin:20px 0; font-size:12px; transition:all .5s; position:relative;}
.cms-menu__title::before{content:''; display:block; width:14px; height:1px; background:#fff; position:absolute; top:50%; transform:translateY(-50%); left:28px; opacity:1; transition:all .5s;}

.cms-menu.active .cms-menu__title{color:#fff; padding-left:100px;}
.cms-menu.active .cms-menu__title::before{opacity:0;}

.cms-menu__list{transition:all .5s; padding-bottom:20px; position:relative; z-index:3;}
.cms-menu__list:not(:last-child){margin-bottom:20px;}
.cms-menu.active .cms-menu__list:not(:last-child){margin-bottom:40px;}

.cms-menu__list > li{}
.cms-menu__list > li:not(:last-child){margin-bottom:10px;}
.cms-menu__list > li > a{display:flex; align-items:center; height:40px; padding-left:25px; transition:all .5s;}
.cms-menu__list > li > a::before{content:''; display:block; transition:all .5s; margin-right:0; font-family:'Font Awesome 5 Free'; font-weight:900; color:#eee; font-size:20px; width:20px;}
.cms-menu__list > li > a:hover{background:#9f2d2d; text-decoration:none;}

.cms-menu__list > li > a.arrows > span::after{content:'\f07b'; font-size:0.8em; font-family:'Font Awesome 5 Free'; font-weight:900; color:inherit; margin-left:5px;}
.cms-menu__list > li > a.arrows.active > span::after{content:'\f07c';}

.cms-menu__list > li:nth-child(1) > a::before{content:'\f085';}
.cms-menu__list > li:nth-child(2) > a::before{content:'\f015';}
.cms-menu__list > li:nth-child(3) > a::before{content:'\f015';}
.cms-menu__list > li:nth-child(4) > a::before{content:'\f015';}
.cms-menu__list > li:nth-child(5) > a::before{content:'\f013';}
.cms-menu__list > li:nth-child(6) > a::before{content:'\f03a';}
.cms-menu__list > li:nth-child(7) > a::before{content:'\f0ae';}
.cms-menu__list > li:nth-child(8) > a::before{content:'\f1ec';}
.cms-menu__list > li:nth-child(9) > a::before{content:'\f02d';}
.cms-menu__list > li:nth-child(10) > a::before{content:'\f085';}

.cms-menu__list > li > a span{font-size:14px; color:#fff; line-height:1; visibility:hidden; opacity:0; transition:all .5s; max-width:0; transition:all .5s; white-space:nowrap; font-weight:500;}

.cms-menu.active .cms-menu__list > li > a{padding-left:25px;}
.cms-menu.active .cms-menu__list > li > a::before{margin-right:45px;}
.cms-menu.active .cms-menu__list > li > a span{visibility:visible; opacity:1; max-width:100%;}

.cms-menu__2depth{max-height:0; overflow:hidden; transition:all .8s; opacity:0; margin-bottom:0; margin-left:75px; white-space:nowrap; position:relative;}
.cms-menu.active .cms-menu__list > li > a.active + .cms-menu__2depth{opacity:1; max-height:1500px;}

.cms-menu__2depth > li:first-child{margin-top:10px;}
.cms-menu__2depth > li:not(:last-child){margin-bottom:10px;}
.cms-menu__2depth > li{padding:0 20px;}
.cms-menu__2depth > li > a{font-size:13px; color:#fff; line-height:1.3; display:flex; align-items:center; font-weight:200; position:relative;}
.cms-menu__2depth > li > a:hover{text-decoration:underline;}
.cms-menu__2depth > li > a::before{content:''; display:block; width:5px; height:1px; background:#fff; margin:0 5px 0 0; transition:all .5s;}
.cms-menu__2depth > li > a::after{content:''; display:block; width:1px; height:1000px; background:#fff; position:absolute; left:0; bottom:8px; transition:all .5s;}
.cms-menu__2depth > li > a span{display:flex; align-items:flex-start;}
.cms-menu__2depth > li > a.active span::after{content:'\f058'; display:block; margin-left:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:inherit; color:inherit;}

.cms-menu__2depth > li > a span::before{content:'\f15b'; margin-right:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:0.8em;}
.cms-menu__2depth > li > a.arrows span::before{content:'\f07b'; font-weight:500;}

.cms-menu__2depth > li > a.active{text-decoration:underline; text-underline-position:under; font-weight:700;}
.cms-menu__2depth > li > a.active::before{width:12px; height:3px;}
.cms-menu__2depth > li > a.active::after{width:3px;}
.cms-menu__2depth.over > li > a::before{width:15px; height:3px;}
.cms-menu__2depth.over > li > a::after{width:4px;}

.cms-menu__3depth{margin:5px 0 10px; position:relative; overflow:hidden;}
.cms-menu__3depth > li{padding:0 15px;}
.cms-menu__3depth > li:not(:last-child){margin-bottom:5px;}
.cms-menu__3depth > li > a{font-size:12px; color:#fff; line-height:1.3; display:flex; align-items:center; font-weight:200; position:relative;}
.cms-menu__3depth > li > a:hover{text-decoration:underline;}
.cms-menu__3depth > li > a::before{content:''; display:block; width:5px; height:1px; background:#fff; margin:0 5px 0 0; transition:all .5s;}
.cms-menu__3depth > li > a::after{content:''; display:block; width:1px; height:1000px; background:#fff; position:absolute; left:0; bottom:8px; transition:all .5s;}
.cms-menu__3depth > li > a span{display:flex; align-items:flex-start; position:relative;}
.cms-menu__3depth > li > a.active span::after{content:'\f058'; display:block; margin-left:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:inherit; color:inherit;}

.cms-menu__3depth > li > a span::before{content:'\f15b'; margin-right:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:0.8em;}
.cms-menu__3depth > li > a.arrows span::before{content:'\f07b'; font-weight:500;}

.cms-menu__3depth > li > a.active{text-decoration:underline; text-underline-position:under; font-weight:700;}
.cms-menu__3depth > li > a.active::before{width:12px; height:3px;}
.cms-menu__3depth > li > a.active::after{width:3px;}
.cms-menu__3depth.over > li > a::before{width:15px; height:3px;}
.cms-menu__3depth.over > li > a::after{width:4px;}

.cms-menu__4depth{margin:5px 0 10px; position:relative; overflow:hidden;}
.cms-menu__4depth > li{padding:0 15px;}
.cms-menu__4depth > li:not(:last-child){margin-bottom:5px;}
.cms-menu__4depth > li > a{font-size:12px; color:#fff; line-height:1.3; display:flex; align-items:center; font-weight:200; position:relative;}
.cms-menu__4depth > li > a:hover{text-decoration:underline;}
.cms-menu__4depth > li > a::before{content:''; display:block; width:8px; height:1px; background:#fff; margin:0 5px 0 0; transition:all .5s;}
.cms-menu__4depth > li > a::after{content:''; display:block; width:1px; height:1000px; background:#fff; position:absolute; left:0; bottom:8px; transition:all .5s;}
.cms-menu__4depth > li > a span{display:flex; align-items:flex-start;}
.cms-menu__4depth > li > a.active span::after{content:'\f058'; display:block; margin-left:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:inherit; color:inherit;}

.cms-menu__4depth > li > a span::before{content:'\f15b'; margin-right:5px; font-weight:900; font-family:'Font Awesome 5 Free'; font-size:0.8em;}
.cms-menu__4depth > li > a.arrows span::before{content:'\f07b'; font-weight:500;}

.cms-menu__4depth > li > a.active{text-decoration:underline; text-underline-position:under; font-weight:700;}
.cms-menu__4depth > li > a.active::before{width:12px; height:3px;}
.cms-menu__4depth > li > a.active::after{width:3px;}
.cms-menu__4depth.over > li > a::before{width:15px; height:3px;}
.cms-menu__4depth.over > li > a::after{width:4px;}


/* item */
.cms-contents__item{flex:1; height:100%; padding:20px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; animation:cmsOpacity .4s .4s forwards; opacity:0;}
.modal-open .cms-contents__item{z-index:9999;}

.cms-contents__title{font-size:30px; color:#333; font-weight:600; display:flex; align-items:flex-end; line-height:1; margin:0 0 10px;}

.cms-contents__tooltip{display:flex; justify-content:center; align-items:center; font-size:14px; color:#999; margin-left:15px; color:#e5e5e5; background:#bbb; border-radius:100%; width:20px; height:20px; border:0; transition:all .3s; font-weight:600; text-indent:-2px; position:relative; top:-2px;}
.cms-contents__tooltip:hover{background:#000;}

@keyframes cmsOpacity{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

/* dashboard */
/*
.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:480px;}
.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:990px;}
*/
.cms-dashboard{width:100%;}
.cms-dashboard__item,
.cms-dashboard__graph{background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.1); border-radius:3px; margin-bottom:20px; transition:width .5s;}
.cms-dashboard__item{width:480px; max-width:45%;}
.cms-dashboard__item .title{display:flex; justify-content:space-between; height:45px; align-items:center; padding:0 20px; border-bottom:1px solid #ddd;}
.cms-dashboard__item .title p{margin:0; font-size:18px; font-weight:600;}
.cms-dashboard__item .title p span{font-family:inherit;}

.cms-dashboard__item .title a{display:block; transition:all .5s; width:25px; height:25px; background:url('/resources/cms/images/more.png') no-repeat 0 0 / 100% auto;}
.cms-dashboard__item .title a:hover{background-image:url('/resources/cms/images/more_over.png');}
.cms-dashboard__item .list{display:flex; height:80px;}
.cms-dashboard__item .list a{display:flex; flex:1; align-items:center; justify-content:center; position:relative; transition:all .5s;}
.cms-dashboard__item .list a:hover{background:#f3f3f3; text-decoration:none;}
.cms-dashboard__item .list a:not(:last-child)::after{content:''; display:block; width:1px; height:50px; background:#ddd; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.cms-dashboard__item .list a i{margin-right:10px; font-size:30px; color:#ccc;}
.cms-dashboard__item .list a span{font-size:14px; color:#333; line-height:1;}
.cms-dashboard__item .list a span small{font-size:13px; color:#666; line-height:1; display:block; margin:0 0 5px;}
.cms-dashboard__item .list a span strong{display:block; font-size:30px; color:#333; font-weight:600; line-height:1;}

.cms-dashboard__item .board{}
.cms-dashboard__item .board li{}
.cms-dashboard__item .board li a{display:flex; align-items:center; height:45px; transition:all .5s; padding:0 20px;}
.cms-dashboard__item .board li a:hover{background:#f0f0f0;}
.cms-dashboard__item .board li a span{font-size:14px;}
.cms-dashboard__item .board li a .subject{flex:1; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cms-dashboard__item .board li a .date{color:#999; margin-left:15px;}

.cms-dashboard__item #calendar{height:400px;}

.cms-dashboard__graph{width:990px; padding-bottom:20px; max-width:100%;}
.cms-dashboard__graph .title{display:flex; padding:20px 20px 0; align-items:center; margin:0 0 20px;}
.cms-dashboard__graph .title i{font-size:24px; color:#ccc; margin-right:10px;}
.cms-dashboard__graph .title p{font-size:36px; color:#333; font-weight:600; line-height:1; margin:0;}
.cms-dashboard__graph .title small{font-size:13px; color:#666; line-height:1; margin-left:10px;}
.cms-dashboard__graph .graphItem{width:95%; height:150px; margin:0 auto;}

/* login */
.cms-login{height:100%; background:#D63D3D; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}
.cms-login__title{margin:0 0 60px; width:100%; overflow:hidden; opacity:0; animation:titleAnimate 5s forwards;}
@keyframes titleAnimate{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

.cms-login__title p{font-size:65px; color:#fff; font-weight:900; text-align:center;}
.cms-login__title .slick-track{display:flex;}
.cms-login__title .slick-list{}
.cms-login__title .slick-slide{}

.cms-login form{display:block; width:100%;}
.cms-login__item{width:500px; margin:0 auto;}
.cms-login__item .input{height:66px; position:relative;}
.cms-login__item .input:not(:first-child){margin-top:20px;}
.cms-login__item .input input{display:block; width:100%; height:66px; background:transparent; border:0; border-bottom:1px solid rgba(255, 255, 255, .15); padding:0 0 0 25px; color:#fff; font-size:15px;}
.cms-login__item .input label{position:absolute; top:50%; transform:translateY(-50%); right:76%; font-size:15px; color:#fff; transition:all .7s; width:100px; text-align:left;}
.cms-login__item .input input:focus{outline:0;}
.cms-login__item .input input:focus + label,
.cms-login__item .input.active label{right:0; right:20px; opacity:0.2; text-align:right;}
.cms-login__item .loginBtn{display:block; width:100%; height:66px; background:rgba(255, 255, 255, .15); font-size:16px; color:#fff; font-weight:900; border:0; margin:30px 0 0; transition:all .5s;}
.cms-login__item .loginBtn:hover{background:#fff; color:#D63D3D;}

.cms-login__btn{position:absolute; bottom:60px; right:60px;}
.cms-login__btn a{font-size:15px; color:#fff; font-weight:200;}
.cms-login__btn a:not(:last-child){margin-right:20px;}
.cms-login__btn a:not(:last-child)::after{content:'/'; margin-left:20px;}

/* tab */
.cms-contents__tab{display:inline-flex; padding:5px; align-items:center; background:#ebeaea; border-radius:5px; margin:0 0 10px; box-shadow:3px 3px 6px rgba(0,0,0,.2);}
.cms-contents__tab a{display:flex; align-items:center; justify-content:center; padding:5px 20px 0; height:30px; background-color:transparent; transition:all .5s; font-size:14px; color:#999; font-weight:500; border-radius:5px;}
.cms-contents__tab a:not(:last-child){margin-right:10px;}
.cms-contents__tab a:hover{text-decoration:underline; text-underline-position:under;}
.cms-contents__tab a.active{background-color:#fff; color:#CB3333; font-weight:600;}

/* 4depth */
.cms-contents__4depth{display:flex; margin:0 0 10px; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.2); border-radius:5px; padding:10px 25px;}
.cms-contents__4depth a{display:flex; align-items:baseline; font-size:13px; color:#888; font-weight:500; line-height:1;}
.cms-contents__4depth a::before{content:'\f111'; display:block; margin-right:3px; font-family:'Font Awesome 5 Free'; font-weight:400; font-size:0.01em;}
.cms-contents__4depth a:not(:last-child){margin-right:10px; border-right:1px dashed #ddd; padding-right:10px;}
.cms-contents__4depth a:hover{text-decoration:underline; text-underline-position:under;}
.cms-contents__4depth a.active{color:#c82333;}
.cms-contents__4depth a.active::before{content:'\f111'; border-width:3px; font-weight:900;}

/* items */
.cms-items{background:#fff; border-radius:10px; padding:20px 5px 40px 20px; box-shadow:3px 3px 6px rgba(0,0,0,.2); flex:1; overflow:auto; width:100%;}
.cms-items__box{background:#fff; width:100%; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.cms-items__box:not(:first-child){margin-top:30px;}
.cms-items__box .title{display:flex; height:80px; border-bottom:1px solid #ddd; padding:0 30px; align-items:center;}
.cms-items__box .title p{font-size:16px; color:#333; line-height:1;}
.cms-items__box .title .modify{margin-left:10px;}
.cms-items__box .items{padding:30px;}
.cms-items__box .address{position:relative;}
.cms-items__box .address .addressBtn{position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.cms-items .mCSB_container{padding-right:20px;}
.cms-items .cms-contents__tab{margin-bottom:20px;}

/* upload file */
.upload-file{display:flex;}
.upload-file input[type="file"]{display:none;}
.upload-file input[type="text"]{flex:1;}
.upload-file label{display:flex; align-items:center; margin-left:0.25rem; margin-bottom:0;}

/* modal */
.modal-box{position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; background: rgba(0,0,0,0.6);}
.modal-box__inner{position: relative; max-width: 800px; margin:2rem auto;}
.modal-box__content{position: relative; background: #f4f4f4; width: 100%;}
.modal-box__content .close{position: absolute; top: 30px; right: 30px}
.modal-box__tit{font-size: 30px;}
.modal-box__item{padding: 20px; background: #fff; width: 100%; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.modal-box__item .title{font-size: 16px; padding: 8px 0;}

/* gallery */
.board-gallery{display:flex; flex-wrap:wrap; padding-left:20px; border-top:2px solid #a00f16; padding-top:20px;}
.board-gallery li{width:calc(25% - 20px);}
.board-gallery li:not(:nth-child(4n)){margin-right:20px;}
.board-gallery li:not(:nth-child(-n + 4)){margin-top:20px;}
.board-gallery li a{display:block;}
.board-gallery__img{}
.board-gallery__img img{}
.board-gallery__txt{border:1px solid #ddd; padding:20px;}
.board-gallery__txt .category{display:block; font-size:14px; line-height:1; font-weight:700; color:#a00f16; margin:0 0 10px;}
.board-gallery__txt .subject{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; color:#333; line-height:1;}
.board-gallery-view{display:flex; justify-content:space-between;}
.board-gallery-view .slider{width:50%;}
.board-gallery-view__item{flex:1; margin-left:20px; padding:20px 0 0;}

/* cms info */
.cms-boardInfo{display:flex; align-items:center; justify-content:space-between; margin:15px 0 10px; border-top:1px dashed #ddd; padding-top:10px;}
.cms-boardInfo p{font-size:14px; font-weight:300; color:#666; line-height:1;}
.cms-boardInfo p span{color:#d63d3d; font-weight:500;}

.modal_load{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15); z-index: 999;}
.modal_load .loader-ellips{top: 50%; margin-top: -.5em;}
.loader-ellips {
  font-size: 10px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}
.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #bd2130; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* loading */
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

@media screen and (max-width:1400px){
	/*
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:360px;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:750px;}
	*/
}

@media screen and (max-width:1024px){
	
	/*
	.cms-header{justify-content:space-between; padding:0 20px; position:relative; z-index:99999;}
	.cms-header__search{margin:0;}
	.cms-header__search .search{order:2; margin:0;}
	.cms-header__search input{order:1; position:absolute; top:100%; left:0; z-index:99; width:100%; border-top:1px solid #ddd; height:50px; visibility:hidden; opacity:0; transition:all .5s;}
	.cms-header__search input.active{visibility:visible; opacity:1;}
	.cms-header__search .mobileMenu{display:block; margin-left:10px;}
	
	.cms-colorPicker{display:none;}
	
	.cms-menu{position:absolute; width:50%; top:0; left:-100%; z-index:9999; transition:all .5s cubic-bezier(.72,.01,.29,1); animation:mobileMenu 0.1s normal;}
	.cms-menu.active{left:0; width:90%;}
	
	@keyframes mobileMenu{
		0%{
			left:-100%
		}
		100%{
			left:-100%
		}
	}
	
	.cms-menu .cms-menu__setting .link{padding:0 20px 0 40px;}
	.cms-menu .cms-menu__setting .link span{visibility:visible; opacity:1; max-width:100%;}
	
	.cms-menu .cms-menu__title{color:#fff;}
	.cms-menu .cms-menu__title::before{opacity:0;}
	
	.cms-menu .cms-menu__list > li > a{padding-left:40px;}
	.cms-menu .cms-menu__list > li > a span{visibility:visible; opacity:1; max-width:100%;}
	.cms-menu .cms-menu__list > li > ul{max-height:2000px;}
	
	.cms-contents__item{padding:25px 20px;}
	.cms-contents__item::before{content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:999; transition:all .5s; opacity:0; visibility:hidden;}
	
	.cms-menu.active + .cms-contents__item::before{visibility:visible; opacity:1;}
	
	.cms-dashboard__item{width:100%;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:100%;}
	.cms-dashboard__graph{width:100%;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:100%;}
	.cms-dashboard__graph .title{padding:20px;}
	
	.cms-footer{position:relative;}
	*/
	
	
	.cms-menu{position:absolute; left:-75px;}
	.cms-contents__item{flex:none; width:100%; overflow:auto;}
		
		
	
	.credit-item__title{font-size:18px;}
	.credit-item__list{padding:0 20px;}
	.credit-item__list li .title, .credit-item__list li .text{font-size:14px;}
	.credit-item__copyright{padding:0 20px; font-size:12px;}
	
	.cms-login form{padding:0 20px;}
	.cms-login__title p{font-size:30px; padding:0 20px; word-break:keep-all;}
	.cms-login__item{width:100%;}
	.cms-login__btn{position:relative; right:0; bottom:0; white-space:nowrap; margin:20px 0 0;}
	
}

@media screen and (max-width:768px){
	.cms-header__logo .logo{width:160px;}
	
	.cms-memberBtn .btn{min-width:auto;}
	.cms-memberBtn .btn::before{margin-right:0;}
	.cms-memberBtn .btn span{font-size:0;}
	
	.cms-contents__title{flex-wrap:wrap;}
	.cms-contents__title small{width:100%; margin-left:0; margin-top:10px;}
	
	.cms-dashboard__item{width:100%; max-width:100%;}	
	.cms-dashboard__item .list{height:100px;}
	.cms-dashboard__item .list a span strong{font-size:34px;}
	
	
	.cms-dashboard__graph .title p{font-size:34px;}
	
	
	
	.cms-login__item .input label{right:65%;}
	
}

@media screen and (max-width:480px){
	
}