@import url('common.css');
/* font */
@import url('/resources/cms/css/fonts/pretendard/pretendard.css');

.bul-dot > li{position: relative; padding-left: .75em; line-height: 1.35; margin-top: .3em;}
.bul-dot > li:first-child{margin-top: 0;}
.bul-dot > li:before{position: absolute; left: 0; top:.54em; width: 3px; height: 3px; border-radius:50%;  content: ''}

.bul-dash > li{position: relative; padding-left: .7em; line-height: 1.35; margin-top: .3em;}
.bul-dash > li:first-child{margin-top: 0;}
.bul-dash > li:before{position: absolute; left: 0; top:0; content: '-'}

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


/* 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:'Material Icons Round'; font-weight:500; font-size:19px; color:inherit; margin-right:5px; position:relative;}
/*
.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:'\e873';}
.btn-search::before{content:'\e8b6';}
.btn-reset::before{content:'\f053';}
.btn-write::before{content:'\e3c9';}
.btn-delete::before{content:'\e872';}
.btn-save::before{content:'\e876';}
.btn-list::before{content:'\e1bd';}
.btn-open::before{content:'\e145';}
.btn-close::before{content:'\e15b';}
.btn-add::before{content:'\e145';}
.btn-add2::before{content:'\e146';}
.btn-first::before{content:'\eacf';}
.btn-top::before{content:'\e5ce';}
.btn-bottom::before{content:'\e313';}
.btn-last::before{content:'\ead0';}

.btn-logout::before{content:'\e9ba';}
.btn-mypage::before{content:'\f02e';}
.btn-color::before{content:'\e40a';}


/* �듃�뜝�룞�삕�뜝�룞�삕�뜝�룞�삕 而ㅵ뜝�룞�삕�뜝�룞�삕 */
.depth_root_onoff { display: none; }
.depth_icon_img { margin-left: 5px; }

/* 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:10px; 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"]{}
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");}

input[type="radio"]:focus + label:before, input[type="checkbox"]:focus + label:before{outline:1px solid #000}


/* 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:'\e5d2'; font-size:19px; color:#333; font-weight:500; font-family:'Material Icons Round'; 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 #000;}
.datepicker table{table-layout:fixed;}
.datepicker thead tr:nth-child(2){height:40px; background:#000;}
.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{display:block; align-items:center; height:70px; padding:0 15px; width:100%; position: fixed; z-index: 99; display: flex; align-items: center; justify-content: space-between;  } /* background:#0E0E0E; color:#fff */
.cms-header #logo img{display: block; max-height:33px}

/* .cms-header__logo{display:flex; align-items:center;}
.cms-header__logo .logo img { max-height: 50px; margin-top: 8px;} */
.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{ right: 15px; top:20px; position: absolute;} */
.cms-memberBtn .site-btn{margin-left: 0.25rem; position: relative; display: inline-block;}
.cms-memberBtn .sel{background: #185f7a; color: #fff; padding: 7px 10px}
.cms-memberBtn .sel i{margin-left: 10px;}
.cms-memberBtn .dep{position: absolute; left: 0; top:100%; width: 100%; background: #fff; border:1px solid #ccc; border-radius: 0 0 .25rem; overflow: hidden; display: none;}
.cms-memberBtn .dep a{display: block; padding: 8px 10px; color: #555}
.cms-memberBtn .dep li{border-bottom: 1px solid #ccc;}
.cms-memberBtn .dep li:last-child{border-bottom: 0;}
.cms-memberBtn .dep a:hover{background: #f7f7f7; color: #185f7a}

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

.treectrl.normal .l{float: left;}
.treectrl.normal .r{float: right;}
.treectrl.normal a{margin-right: 5px;}
.treectrl.normal a:last-child{margin-right: 0;}
@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;}

/* debug_mode */
.debug_mode_wrap {background: rgba(0,0,0,0.8); color: #f7f7f7; font-size: 13px; text-align: left; padding: 10px 10px;  }
.debug_mode_title {  font-size: 15px; font-weight: bold; color: #ccc; text-align: center; padding: 5px 10px; border-radius: 8px; border:1px solid #ccc; margin-bottom: 20px; }
.debug_mode_btn_normal {color: #f7f7f7; padding: 0px 0px 0px 0px; margin: 0px 0px; background: transparent; border: none; }
.debug_mode_data_copy {margin-left:10px; font-weight:300; color:#282828; font-size:11px; padding: 2px 5px; border-radius:8px; background: rgba(255,255,255, 0.8); border: none; }
.debug_mode_data_copy:hover {  color: #000; text-decoration: underline; }
.debug_mode_data_text { display: none; }

/* contents */
.cms-contents{display:flex; position:relative; min-height: 100%; padding-top: 1px; }

/* menu */
.cms-menu{width:80px;  padding:0 0 18px; min-height:100%; position:relative; z-index:10;  }
.cms-menu.active{width:300px;}

.cms-menu__bg{display:block; position:absolute; height:100%; top:0; transition:all .0s;}
.cms-menu__bg.bg1{width:50px;  left:0;}
.cms-menu__bg.bg2{width:calc(100% - 50px);  right:0;}

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

.cms-menu__control{display: block; position:absolute; top:10px; height:30px; width:30px; left:100%; z-index:3; padding:0; margin-left: -15px;}

.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{border:1px solid #000; display: block; width: 100%; height: 100%; background: #fff; position: relative}
.cms-menu__control .arrow span{width: 10px; height: 10px; display: block; margin: 0 auto; position: relative; transform: rotate(135deg); left: -1px}
.cms-menu__control .arrow span::before,
.cms-menu__control .arrow span::after{position: absolute; left: 0; top:0; background: #000; content: ''}
.cms-menu__control .arrow span:before{width: 2px; height: 100%}
.cms-menu__control .arrow span:after{height: 2px; width: 100%}
.active .cms-menu__control .arrow span{transform: rotate(-45deg); left: 2px}


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

.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 .0s; position:relative; z-index:3; letter-spacing: 0;}
.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{ margin: 0; position: relative;}
.cms-menu__list > li:not(:last-child){margin-bottom:0px;}
.cms-menu__list .dep1{position: relative;}
.cms-menu__list .dep1 > a{visibility:visible; opacity:1; max-width:100%; font-weight: 500; height: 50px; display: flex; display:flex; align-items:center;}
/* .cms-menu__list .dep1 > a.on,
.cms-menu__list > li:hover > a{background:rgba(215,63,41,0.56); text-decoration:none; border:1px solid #e74a34;color:#fff; border-radius:5px} */
.cms-menu__list > li .mCS_img_loaded { width: 30px;}
.cms-menu__list > li:nth-child(9) .depth{top:auto; bottom:-140px}


.cms-menu.active .cms-menu__list > li > a::before{margin-right:29px;}

.cms-menu .cms-menu__list .ico{align-items:center}
.cms-menu .cms-menu__list .txt{flex:1;}
.cms-menu .cms-menu__list .ico img{display: block; max-width:18px}
.cms-menu .cms-menu__list .ico-bookmark{border:0; background: none; position: absolute; right: 30px; top:50%; transform:translateY(-50%); display: none;}
.cms-menu .cms-menu__list .ico-bookmark:before{content: '\e867'; pacity:.5}
.cms-menu .cms-menu__list .ico-bookmark.on:before{content: '\e866'}
.cms-menu .cms-menu__list .active22 .ico-bookmark:before{opacity:1}

/* .cms-menu__2depth{margin-bottom:0;  white-space:nowrap; position:relative; padding: 0 10px 10px; padding-left:calc(50px + 1rem); margin-top: 10px;} */
.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){}
.cms-menu__2depth > li{padding:5px 0px;}
.cms-menu__2depth > li > a{font-size:14px; line-height:1.3; display:block; font-weight:300; position:relative; }
.cms-menu__2depth > li > a:hover{text-decoration:underline;}
.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:200; font-family:'Font Awesome 5 Free'; font-size:inherit; color:inherit;}

.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 5px 0; position:relative; }
.cms-menu__3depth > li{padding:2px 0; display: block; width: 90%; margin: 0 auto; }
.cms-menu__3depth > li:not(:last-child){margin-bottom:5px;}
.cms-menu__3depth > li > a{font-size:12px;  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 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.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 .0s;}
.cms-menu__4depth > li > a::after{content:''; display:block; width:1px; height:1000px; background:#fff; position:absolute; left:0; bottom:8px; transition:all .0s;}
.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{ min-height:100%; padding:35px 40px 30px 40px; position:relative; display:block; opacity:1; background: #fff; border-radius:5px; flex:1; width:calc(100% - 300px)}
.cms-contents__item.active{width:calc(100% - 80px)}

/* 占쎈쳳占쎄숲 占쎄쾿占쎌쟿占쎈뎀 占쎌궞占쎌뵬揶쏅뜄釉� 占쎈쾺占쎈뮉 css占쎌뵥占쎈쑓 cms 占쎄퉳占쎄맒癰귨옙野껋럩�뵠占쎌삂 �빊�뫖猷롳옙援뱄옙苑� 雅뚯눘苑랃㎗�꼶�봺 占쎈맙  */
/* .modal-open .cms-contents__item{z-index:9999;} */

.cms-l_top > *{display: inline-block; vertical-align: text-bottom}
.cms-contents__title{font-size:36px; color:#000; font-weight:700;}
.cms-contents__title_middle{font-size: 14px; font-weight:400; color: #666; margin-left: 20px; position: relative;}
/* .cms-contents__title_middle:before{left: 0; top:0; width: 20px; height: 20px; background: #666; border-radius:50%; content: '!'; color: #fff; text-align: center; display: inline-block; font-weight: 700;     line-height: 20px;
    margin-right: 5px;    transform: rotate(180deg);}
 */
.cms-contents__tooltip{display:flex; justify-content:center; align-items:center; font-size:14px; color:#999; margin-left:12px; color:#e5e5e5; background:#bbb; border-radius:100%; width:17px; height:17px; border:0; transition:all .3s; font-weight:300; text-indent:-2px; position:relative; top:-2px; text-align: center; }
.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 .0s;}
.cms-dashboard__item{min-width:30%; 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 .0s; 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 .0s;}
.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 .0s; 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{min-width:60%; 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%;  display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}
.cms-login__title{margin:0 0 40px; 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; font-weight:600; text-align:center; opacity: 1.0; vertical-align: text-bottom; }
.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:400px; margin:0 auto;}
.cms-login__item .input{height:66px; position:relative;}
.cms-login__item .input:not(:first-child){margin-top:10px;}
.cms-login__item .input input{display:block; width:100%; height:56px; border:0; padding:0 0 0 25px; color:#000; font-size:15px; position: relative; background: #fff; border-radius: 3px; opacity: 0.9; border:1px solid #ccc; }
.cms-login__item .input input:focus,
.cms-login__item .input input:hover { opacity: 1.0;}
/* .cms-login__item .input:after{position: absolute; left: 0; bottom: 0; width: 100%;height: 1px; background: ${fontColor}; opacity:.3; content: ''} */
.cms-login__item .input label{position:absolute; top:50%; transform:translateY(-50%); right:70%; font-size:15px; color:#000; 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.75; text-align:right;}
.cms-login__item .loginBtn{display:block; width:100%; height:66px; font-size:14px; color:#f7f7f7; font-weight:normal; border:0; margin:10px 0 0; transition:all .0s; border-radius: 3px; opacity: 0.9; }
.cms-login__item .loginBtn:hover{ opacity: 1.0; }

.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 0 15px; 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 .0s; 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; 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; margin-top: 25px; position: relative; min-height: 100%; padding-bottom: 100px;}
.cms-items{}
.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:40px 0 10px;}
.cms-boardInfo p{font-size:14px; font-weight:300; color:#666; line-height:1;}
.cms-boardInfo p span{color:#000; font-weight:500;}

/* loading */
.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.0s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

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



.wel_txt *{box-sizing: border-box}
.wel_txt .item{padding-right: 50px; padding-right: 50px; position: relative; margin-top: 10px;}
.wel_txt .item button{position: absolute; right: 0; top:0; width: 45px; height: 100%; min-width:auto; border-radius:0.2rem; border:1px solid #ccc; background: #fff}
.wel_txt .item:first-child{margin-top: 0;}

.cms-contents__item *{box-sizing:border-box}
.table{table-layout: fixed;}
.table-bordered td{word-break:break-all}

table a{text-decoration: underline;}
table a.btn{text-decoration: none;}

.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}

body.on .cms-contents__item{padding-left: 100px;}
body.on .cms-menu__list .txt, body.on .cms-menu__2depth{display: none;}

.route-txt{position: fixed; left: 0; bottom: 0; width: 100%; border: 1px solid #ccc; display: block; text-align: right;  padding: 5px 5px;  }


@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 .0s;}
	.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 .0s 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 .0s; 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){

}


/* �굹以묒뿉 �궘�젣 */
.cms-menu.active .cms-menu__control{display: block}

/* �젒洹쇱꽦 異붽� */
.hide,caption,legend{position:absolute !important; left:-300px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:none; line-height:0; overflow: hidden}
.accessibilityWrap{margin: 0;}
.accessibilityWrap dd{margin: 0;}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.d-flex.align-middle{align-items: center}

.tbl-trans{border-top: 1px solid #ddd; color: #666}
.tbl-trans .tit{padding: 15px 10px; text-align: center; font-weight: 700; color: #282828; border-bottom: 1px solid #ddd; background: #f3f3f3; display: block;}
.tbl-trans .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.tbl-trans .item > *{display: table-cell; vertical-align: middle; padding: 15px 10px}
.tbl-trans .item .t{width: 20%; background: #f3f3f3}
.tbl-trans.break .item .c{word-break:break-all;}

.cms-top_etc{display: flex; align-items:center}
.cms-top_etc .ico-set:before{content: '\e8b8'}
.cms-top_etc .ico-log:before{content: '\e9ba'}
.cms-top_etc .ico-user:before{content: '\e7fd'}
.cms-top_etc .btnn span:before{font-size: 18px; vertical-align: sub; margin-right: 5px;}
.cms-top_etc > *{margin-left: 25px;}
.cms-top_etc > *:first-child{margin-left: 0}
.cms-top_etc .site-btn{margin-left: 35px; position: relative}
.cms-top_etc button{color: inherit; border:0; background: none}
.site-btn .sel{background: none;  border:1px solid #fff; border-radius:5px; padding: 10px 60px 10px 15px; color: inherit; position: relative;}
.site-btn .sel .arrow{position: absolute; right: 15px ;top:50%;width: 8px; height: 8px;    transform: rotate(-135deg); transition:transform .3s ease-in-out; margin-top: -5px;}
.site-btn .sel .arrow > span{position: absolute; left: 0; top:0; background: #fff; content: ''}
.site-btn .sel.opend .arrow{transform: rotate(45deg);margin-top: -4px;}
.site-btn .sel .arrow .before{width: 2px; height: 100%}
.site-btn .sel .arrow .after{height: 2px; width: 100%}
.site-btn .dep{position: absolute; left: 0; top:100%;background: #f7f7f7; border-radius: 0 0  5px 5px; width: 100%; display: none; color: #000; font-weight: 600; border-left: 1px solid #ededed;  border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.site-btn .dep a{display: block; padding:8px 15px}
.site-btn .dep a:hover,.site-btn .dep a:focus{background: #f7f7f7; text-decoration: none; color: #000; font-weight: 600; }
.site-btn .dep a:last-child{border-radius:0 0 5px 5px}


input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.bbs-ovx{overflow-x: auto;}
.bbs-ovx table{min-width:100%; width:auto}
.bbs-ovx th{white-space: nowrap;}

select{
	border: 1px solid #ccc;
	border-radius: 0px;
	appearance: none;
	font: inherit;
	font-size: 1em;
	background: #fff url('../images/select.png') 98.5% center no-repeat;
	padding: 0 25px 0 10px; color: inherit
}

.th_align{width: 6.7em}

.cms-contents__tab{display: none !important}

.box-system{border:1px solid #ccc; background: url('../images/pattern.gif') -1px top repeat; display: flex; margin: 0 -40px 50px;}
.box-system .w40{width: 41%}
.box-system .w60{width: 59%}
.box-system .w50{width: 50%}
.box-system > *{border-left: 1px solid #ccc;}
.box-system > *:first-child{border-left: 0;}
.box-system .use_w .item:last-child{border-top: 1px solid #ccc;}
.box-system .item{padding: 40px}
.sys-dn_w{display: flex; justify-content:center; align-items:center; margin-top: 15px;}
.sys-dn_w .sys-label{margin-left: 80px;}

.sys-dn {
  position: relative;
  width: 450px; height: 320px;
     align-items: center;
   justify-content: center; display: flex; padding-top: 100px;
}


.sys-dn svg {
  position: absolute;
  left: 0;
  top: 0;
  width:100% !important;
  height: 100% !important
}

.sys-dn svg path {transition: all 1s;}
.sys-dn .text{z-index: 1; line-height: 1; color:#333; position: relative;}
.sys-dn .percent{font-size: 80px; font-weight: 700; letter-spacing: -0.05em; text-align: center; }
.sys-dn .symbol{font-size: 40px; margin-left: -5px;}
.sys-dn .text{font-size: 36px;  font-weight: 600; letter-spacing: -1.2px; }

.sys-label{font-size: 24px; line-height: 1; color: #333}
.sys-label > *{margin-top: 55px;}
.sys-label > *:first-child{margin-top: 0;}
.sys-label span{display: block; border-radius:100px; width: 81px; height: 13px; margin-bottom: 20px;}


.sys-graph{display: flex; justify-content:space-between;     align-items: center; color: #fff; font-size: 20px; text-align: center; line-height: 1.15; letter-spacing: -0.04em;}
.sys-graph ul{flex:1; width:calc(100% - 90px); display: flex; justify-content:space-between}
.sys-graph .total{font-weight: 700; width:90px; text-align: center;}
.sys-graph li{display: flex; height: 70px;    flex-flow: column; justify-content: center; border-radius:5px}
.sys-graph span{font-size: 16px; margin-top: 3px; color: rgba(255,255,255,.5)}

.group_com_w .group{margin-top: 50px;}
.group_com_w .group:first-child{margin-top: 0;}

.system-info .tit-st1{margin-bottom: 0;}

.survey_w canvas{width: 100% !important}
.box-system.survey_w .item{padding-bottom: 15px;}

/* �룷�씤�듃 */
.use_radio_check_group { border:1px solid #ccc; border-radius: 5px; background: #f7f7f7; padding: 10px 11px 5px 11px; color: #000; font-weight: 400; text-align: center; }
.notice_warning { border:none; border-radius: 12px; background: #D73F29; padding: 5px 11px; color: #fff;  font-weight: 600; text-align: center; }