@charset "utf-8";


.no-img{background-color:#f0f0f0}


/* CK editor font-size */
.text-tiny{font-size:0.7em}
.text-small{font-size:0.85em}
.text-big{font-size:1.4em}
.text-huge{font-size:1.8em}


.error-message{ position:relative; display:block; width:100%; line-height: 130%; margin-top: 5px; padding-left: 20px; font-size: 15px; color:#000; flex: 1 1 100% !important; text-align:left; background: url(/resources/images/name/mng/layout/message-error.png) no-repeat 0 1.5px; color:#f10000; }
.warning-message{ position:relative; display:block; width:100%; line-height: 130%; margin-top: 5px; padding-left: 20px; font-size: 15px; color:#000; flex: 1 1 100% !important; text-align:left; background:url(/resources/images/name/mng/layout/message-warning.png) no-repeat 0 1.5px; }
.success-message{ position:relative; display:block; width:100%; line-height: 130%; margin-top: 5px; padding-left: 20px; font-size: 15px; color:#000; flex: 1 1 100% !important; text-align:left; background:url(/resources/images/name/mng/layout/message-success.png) no-repeat 0 1.5px; color:#1a6dff; }
.info-message{ position:relative; display:block; width:100%; line-height: 135%; margin-top: 5px; padding-left: 20px; font-size: 15px; color:#000; flex: 1 1 100% !important; text-align:left; background: url(/resources/images/name/mng/layout/message-info.png) no-repeat 0 1px; }
.color-red{color:#f10000}
.color-blue{color:var(--primary)}

/* 제목레벨 헤딩 스타일 */
h3{margin-top: 40px;margin-bottom: 20px;line-height:150%;font-weight: 700;font-size: 22px;border-bottom: 4px solid var(--primary);color:#000}
h3 span{position:relative;display:inline-block;font:inherit;padding: 0 5px 10px;color:inherit}
h3 span::before{content:'';position:absolute;bottom: -3px;left:0;width:100%;height: 3px;background-color:var(--primary)}
h3:first-of-type{margin-top:0}
h3 .text-synchlist{font-size:15px;font-weight:600}

h4{margin-top: 30px;position:relative;margin-bottom:10px;font-weight:500;font-size:19px;color:var(--text-black)}

h3+h4{margin-top:30px}
h3+*>h4{margin-top:30px}



.cms-body table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;text-align:center;border-top:2px solid #adadad}
.cms-body table th, 
.cms-body table td{line-height:150%;padding:10px;vertical-align:middle;border:solid #d5d5d5;border-width:0 1px 1px;white-space: nowrap;}
.cms-body table th{height:55px;font-weight:500;color:#333;background-color:#eee}
.cms-body table th:first-child, 
.cms-body table td:first-child{border-left-width:0}
.cms-body table th:last-child, 
.cms-body table td:last-child{border-right-width:0}


/* 상단 border 컬러 포인트가 있는 콘텐츠 상자 */
.contents-wrapper{padding:20px;border-radius:0 0 5px 5px;border:1px solid var(--border);border-top:2px solid var(--primary);background-color:var(--background-white);box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2)}
.contents-wrapper + .contents-wrapper{margin-top:20px}
.contents-wrapper h3{font-weight:500;font-size:24px;color:var(--text-black);border-bottom:1px solid var(--border)}
.contents-wrapper .board-list{position:relative;margin-top:10px;padding:10px}
.contents-wrapper .board-list .list-item{display:flex;align-items:center;line-height:150%}
.contents-wrapper .board-list .list-item ~ .list-item{margin-top:15px}
.contents-wrapper .board-list .list-item .item-link{flex:0 1 auto;display:block;font-size:16px;min-width:0}
.contents-wrapper .board-list .list-item .item-link span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;border-bottom:1px solid transparent}
.contents-wrapper .board-list .list-item .item-link:hover span{border-color:var(--primary)} 
.contents-wrapper .board-list .list-item .item-date{flex:0 0 auto;margin-left:10px;color:var(--text-gray)}
.contents-wrapper .board-list .list-item .item-count{flex:1 1 auto;margin-left:10px;color:var(--text-red)}
.contents-wrapper .board-list .list-more{position:absolute;top:-53px;right:0;width:35px;height:35px;border-radius:100%;display:flex;justify-content:center;align-items:center}
.contents-wrapper .board-list .list-more:hover{background-color:var(--background-lightgray)}
.contents-wrapper .board-list .list-more:hover ::before{color:var(--primary)} 
@media screen and (max-width:600px) {
	.contents-wrapper .board-list .list-item .item-date .date-time{display:none}
}

/* amChert 가 콘텐츠 상자 내부에 있을 때 */
.contents-wrapper .amchart{margin-top:30px}
.contents-wrapper .amchart .am5exporting-icon{display:flex;justify-content:center;align-items:center;border-radius:100%;width:35px;height:35px;opacity:1}
.contents-wrapper .amchart .am5exporting-icon{top:-78px}
.contents-wrapper .amchart .am5exporting-icon path{fill:var(--text-default)}
.contents-wrapper .amchart .am5exporting-icon:focus, 
.contents-wrapper .amchart .am5exporting-icon:hover, 
.contents-wrapper .amchart .am5exporting-menu-open{background-color:var(--background-lightgray)}
.contents-wrapper .amchart .am5exporting-icon:focus path, 
.contents-wrapper .amchart .am5exporting-icon:hover path, 
.contents-wrapper .amchart .am5exporting-menu-open path{fill:var(--primary)}
.contents-wrapper .amchart .am5exporting-list{margin:0;position:absolute;width:100px;top:-35px;right:0;border-radius:5px;background-color:var(--background-lightgray);box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25)}
.contents-wrapper .amchart .am5exporting-list .am5exporting-item a{padding:7px 15px}
.contents-wrapper .amchart .am5exporting-list .am5exporting-item a:hover{background-color:var(--primary);color:var(--text-white)}
.contents-wrapper .amchart .am5exporting-list .am5exporting-type-separator{display:none}


/* 구성요소 단순 일괄 정렬 박스 */
.flexbox{display:flex;flex-wrap:wrap}
.flexbox>*{padding:10px;flex: 0 0 auto;display:flex;align-items:center;justify-content:left}




/* 텝 메뉴 */
*+.tab-menu{margin-top:20px}
.tab-menu{display:flex;flex-wrap:wrap;margin-bottom:20px}
.tab-menu .tab-col{border:1px solid var(--border)}
.tab-menu .tab-col ~ .tab-col{border-width:1px 1px 1px 0}
.tab-menu .tab-col{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center;background-color:var(--background-white)}
.tab-menu .tab-col span{display:block;padding:10px 15px;line-height:140%;font-size:1.2rem;font-weight:500;text-align:center}
.tab-menu .tab-col::before{content:'';display:none;position:absolute;top:-5px;left:-5px;width:calc(100% + 9px);height:calc(100% + 9px);background-color:var(--primary);border-radius:5px}
.tab-menu .tab-col.is-selected{z-index:1;position:relative}
.tab-menu .tab-col.is-selected::before{display:block}
.tab-menu .tab-col.is-selected span{position:relative;color:var(--text-white)}

.tab-menu .tab-col:hover span{color:var(--primary)}
.tab-menu .tab-col.is-selected:hover span{color:var(--text-white)}

.tab-menu.col-2 .tab-col{width:50%}
.tab-menu.col-3 .tab-col{width:33.33%}
.tab-menu.col-4 .tab-col{width:25%}
.tab-menu.col-5 .tab-col{width:20%}

.tab-menu-shape-select{display:none;position:relative;margin-bottom:20px}
.tab-menu-shape-select select{background-color:var(--background-white);width: 100%;}
.tab-menu-shape-select::before{content:'\e9a6';height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color:#666;position:absolute;top: 15px;right:10px}
.tab-menu-shape-select:hover::before{color:var(--primary)}
@media screen and (max-width:1200px) {
.tab-menu{display:none}
.tab-menu-shape-select{display:block}
}



/* 버튼 */
.cms-btn{display:inline-block;transition:border 100ms ease-out, background 100ms ease-out;cursor:pointer;border-radius: 3px}
.cms-btn>span{display:block;border:1px solid transparent;transition:border 100ms ease-out}
.cms-btn [class*=cms-icon-]{margin-right:5px}
.cms-btn [class*=cms-icon-]:before{color:inherit;transition:color 100ms ease-out;font-size: 14px}

.cms-btn+.cms-btn{margin-left:5px} 

.cms-btn.btn-def{padding:0 10px;background-color:var(--default);border:1px solid var(--default);color:var(--text-white)}
.cms-btn.btn-def span{padding: 9px 0}
.cms-btn.btn-def:hover{background-color:var(--default-hover);border:1px solid var(--default-hover);color:var(--text-white)}

.cms-btn.btn-fn{padding:0 10px;background-color:var(--primary);border:1px solid var(--primary);color:var(--text-white)}
.cms-btn.btn-fn span{padding: 9px 0}
.cms-btn.btn-fn:hover{background-color:var(--hover);border:1px solid var(--hover)}

.cms-btn.btn-solid{padding:0 10px;background-color:var(--background-white);border:1px solid var(--border)}
.cms-btn.btn-solid span{padding:9px 0}
.cms-btn.btn-solid:hover{border-color:var(--border-hover);color:var(--text-black)}

.cms-btn.btn-delete{padding:0 10px;border:1px solid var(--delete);color:var(--delete)}
.cms-btn.btn-delete span{padding: 9px 0}
.cms-btn.btn-delete:hover{border-color:var(--delete-hover);color:var(--delete-hover)}

.cms-btn.btn-sort{padding:0 10px;background-color:var(--background-white);border:1px solid var(--sort);color:var(--sort)}
.cms-btn.btn-sort span{padding: 9px 0}
.cms-btn.btn-sort:hover{border-color:var(--sort-hover);color:var(--sort-hover)}

.cms-btn[disabled]{background-color:var(--background-darkgray) !important} 



/* 다목적 드랍다운 */
.order-dropdown{z-index:10;position:relative}
.order-dropdown:hover{z-index:1000}
.order-dropdown{min-width:25px;min-height:25px}
.order-dropdown span{padding:0}
.order-dropdown [class*=cms-icon-]{margin:0;} 
.order-dropdown [class*=cms-icon-]:before{font-size:13px}
.order-dropdown .cms-setmenu{display:none;position:absolute;top: 100%;left:50%;min-width:calc(100% + 2px);transform:translateX(-50%);background-color:var(--background-white);border-radius:3px;box-shadow:1px 2px 10px 0 rgba(0, 0, 0, 0.3)}
.order-dropdown .cms-setmenu .setmenu-item [class*=cms-icon-]{margin-right:2px}
.order-dropdown .cms-setmenu .setmenu-item{border-top:1px solid var(--border);text-align:center}
.order-dropdown .cms-setmenu .setmenu-item a{display:block;padding: 7px 10px;font-size: 13px;white-space:nowrap}
.order-dropdown .cms-setmenu .setmenu-item a [class*=cms-icon-]:before{margin-right:3px;font-size:13px}
.order-dropdown .cms-setmenu .setmenu-item:first-child{border-top-width:0}
.order-dropdown .cms-setmenu .setmenu-item a:hover{color:var(--primary)}
.order-dropdown .cms-setmenu .setmenu-item a:hover [class*=cms-icon-]:before{color:var(--primary)}




/* 온라인서식 */
.formbox{display:flex;padding: 15px 0;min-width:0}  
.formbox ~ .formbox{border-top:1px dashed var(--border)}
.formbox .form-label{display: flex;white-space:nowrap;justify-content:flex-end;align-items:center;max-height: 37px;flex: 0 0 auto;line-height: 110%;margin-right: 15px !important;font-weight:500;color:var(--text-black);}
.formbox .form-label .label{text-align:right;font-weight:500;color:var(--text-black)}
.formbox .form-label .label + .btn-tooltip{margin-left:5px}
.formbox .form-label .label-wrapper{display:flex;flex-direction:column;justify-content:flex-start;font-weight:500;color:var(--text-black);height:37px}
.formbox .form-label .label-wrapper label{text-align:right}
.formbox .form-title{display:none;min-height:auto;line-height:110%;font-size:16px;font-weight:700;color: var(--text-black);margin-bottom: 10px;margin-top: 10px}
.formbox .form-title::before{content:'';display:inline-block;width:17px;height:17px;vertical-align: -2px;margin-right:5px;border:5px solid var(--primary);border-radius:100%}
.formbox .form-break{min-width: 100%;;min-height:37px}
.formbox .form-max{display:flex;flex: 1 1 auto;flex-wrap: wrap;min-width:0;line-height:150%;}
.formbox .form-max>*{flex: 1 1 auto;}
.formbox .form-max input[type=text],
.formbox .form-max input[type=number]{flex:1 1 auto;width:100%}
.formbox .form-label+.form-normal, .formbox .form-label+.form-max{padding-left:15px;border-left:1px solid var(--border)}
.formbox .form-file{display:flex;flex:1;flex-wrap:wrap} 
.formbox *+.form-label{margin-left:20px}
.formbox:first-of-type{padding-top:0;border-top:0}
:root h3+.formbox{border-top:0;padding-top:0;margin-top:0}
:root h4+.formbox, 
:root h5+.formbox{padding-top: 15px;border-top: 2px solid var(--border);}
.formbox input[type="checkbox"]+span, .formbox input[type="radio"]+span{flex: 0 0 auto;width: 18px;height: 18px}
.formbox input[type="checkbox"]+span::before, .formbox input[type="radio"]+span::before{top: 3px;left: 2px}
.formbox input, .formbox select{min-width: 300px}

.formbox .form-align{display:flex;flex: 1 1 auto;flex-wrap: wrap;}
.formbox .form-align>*{display:flex;flex: 1 1 calc(10% - 5px);flex-wrap:wrap}
.formbox .form-align>* ~ *{margin-left: 5px}
.formbox .form-align .error-message{margin-left:0}

.formbox .form-label + .form-align{  padding-left: 15px; border-left: 1px solid var(--border);}


.formbox .form-align.col-10>*{flex-basis:calc(10% - 5px)}
.formbox .form-align.col-10>*:nth-child(10n+1){margin-left:0}
.formbox .form-align.col-9>*{flex-basis:calc(11% - 5px)}
.formbox .form-align.col-9>*:nth-child(9n+1){margin-left:0}
.formbox .form-align.col-8>*{flex-basis:calc(12% - 5px)}
.formbox .form-align.col-8>*:nth-child(8n+1){margin-left:0}
.formbox .form-align.col-7>*{flex-basis:calc(14% - 5px)}
.formbox .form-align.col-7>*:nth-child(7n+1){margin-left:0}
.formbox .form-align.col-6>*{flex-basis:calc(16% - 5px)}
.formbox .form-align.col-6>*:nth-child(6n+1){margin-left:0}
.formbox .form-align.col-5>*{flex-basis:calc(20% - 5px)}
.formbox .form-align.col-5>*:nth-child(5n+1){margin-left:0}
.formbox .form-align.col-4>*{flex-basis:calc(25% - 5px)}
.formbox .form-align.col-4>*:nth-child(4n+1){margin-left:0}
.formbox .form-align.col-3>*{flex-basis:calc(33% - 5px)}
.formbox .form-align.col-3>*:nth-child(3n+1){margin-left:0}
.formbox .form-align.col-2>*{flex-basis:calc(50% - 5px)}
.formbox .form-align.col-2>*:nth-child(2n+1){margin-left:0}

.formbox .form-align-vertical{flex:1;}
.formbox .form-align-vertical>div ~ div{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.formbox .form-align-vertical>div{border-left:0;padding-left:0}

.formbox .form-increased-container{flex:1;}
.formbox .form-increased-container>div ~ div{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.formbox .form-increased-container>div{border-left:0;padding-left:0}

.formbox .form-increased-container .form-category{display:flex}
.formbox .form-increased-container .form-category .form-category-item{flex:1;}
.formbox .form-increased-container .form-category .form-category-item ~ .form-category-item{margin-left:5px;}
.formbox .form-increased-container .form-category .form-category-item ~ button{margin-left:5px;}
.formbox .form-increased-container .form-category .form-category-item [class^="form-selectbox"]{width:100%}

.formbox .form-align .form-datepicker{width:100%}
.formbox .form-align .form-datepicker input[type=text].fn-datepicker{max-width:none}



.formbox .form-align .form-normal{flex:0 1 auto} 

.formbox .form-align input, .formbox .form-align select{min-width:0}

.formbox.___active_aligns{flex-wrap:nowrap}

.formbox .form-align .formbox{padding:0;margin:0;border:0}
.formbox .form-align .formbox .form-label{margin-right:5px !important}
.formbox .form-align .formbox .form-label+*{flex:1 1 auto}
.formbox .form-align .formbox ~ .formbox,
.formbox .form-align > * ~ *{margin-left: 5px}

.formbox .form-align .___inner_forms{flex-wrap:nowrap}
.formbox .form-align .___inner_forms .form-label{padding: 0 5px 0 10px;margin-right:5px;display: flex;min-height: 0;border-radius: 3px;font-size: 1rem;align-items: center;justify-content:flex-end}
.formbox .form-align .___inner_forms .form-label::before{display:none}
.formbox .form-align .___inner_forms .form-label+*{flex: 1 1 auto;width:auto}

.formbox [class^="form-selectbox"]{min-width:300px}
.formbox .form-align [class^="form-selectbox"]{min-width: 0;width: 100%;}
.formbox .form-align .form-normal, .formbox .form-align .form-max{padding-left:0;border-left:0}

.form-normal{flex-wrap:wrap;display: flex;flex: 0 1 auto;align-items:center}
.form-normal>label{padding:5px 0;min-height:37px;margin-right:15px;display: flex;flex: 0 0 auto;align-items: center}
.form-normal>input[type=text]{flex:1;max-width:300px}
.form-normal>input[type=text]+button{margin-left:0.2rem}

@media screen and  (max-width:1000px) {
	.formbox{flex-wrap:wrap;}
	.formbox .form-label{justify-content:flex-start;}
	.formbox .form-max, .formbox .form-normal{flex: 0 0 100%;padding-left: 0;border-left: 0;margin-top: 10px;} 
	.formbox .form-label+.form-normal, .formbox .form-label+.form-max{padding:0;border-left:0}
	.formbox .form-max>input[type=text], .formbox .form-normal>input[type=text]{flex:1 1 auto;max-width:none}

}

@media screen and  (max-width:1000px) { 
	.formbox.___active_aligns .form-align .star-wrapper{padding:10px 0}
	.formbox.___active_aligns .form-label{margin:0;justify-content:flex-start}
	.formbox.___active_aligns .form-align>*{flex-basis:100%;margin:0;padding:0}
	.formbox.___active_aligns .form-align .formbox ~ .formbox,
	.formbox.___active_aligns .form-align>* ~ *{margin:5px 0 0 0}
	
	.formbox .form-align .___inner_forms .form-label{padding-left:0;justify-content:flex-start}
	.formbox .form-align .___inner_forms .form-label+*{margin-top:0}

	.form-vertical-align .formbox{padding:15px;border-radius:10px;border:1px solid var(--border)}
	.form-vertical-align .formbox ~ .formbox{margin-top:5px}
}




/* 검색 가능한 연속 추가 인덱싱 필드 */
.form-teacher{display:flex}
.form-teacher .cms-btn{margin-left:3px;flex: 0 0 auto;}


/* 생년월일 */
.form-birth{padding-right:10px;display:flex;flex-wrap: nowrap;border:1px solid #d5d5d5;border-radius: 3px;width:100%;max-width: 500px}
.form-birth[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-birth input[type=number]{text-align:center;border:0;min-width:0}
.form-birth span{min-width: 20px;display: flex;justify-content: center;align-items: center;color: #8d8d8d}
.form-birth[readonly]+span{background-color:var(--background-darkgray)}

/* 체크박스 */
.form-checkbox{display:flex;flex-wrap:wrap;min-width:0;flex:1 1 auto !important}
.form-checkbox label{flex:0 0 auto;margin:5px}
.form-checkbox input[type="radio"]+span, 
.form-checkbox input[type="checkbox"]+span{vertical-align:-3px}


/* 외국인등록번호 */
.form-outlier{display:flex;flex-wrap: nowrap;border:1px solid #d5d5d5;border-radius:3px;width:100%;max-width:500px}
.form-outlier input[type=number]{text-align:center;border:0;min-width:0} 
.form-outlier span{min-width: 25px;display: flex;background: #fff;justify-content: center;align-items: center;color: #8d8d8d}

/* 날짜 입력 상자 시작일 ~ 종료일*/
.form-datepicker{position:relative;display:flex;flex-wrap:nowrap;flex:0 1 auto !important}
.form-datepicker input[type=text]{width: 100%;max-width:300px;flex:1 1 auto}

.form-daterange{display:flex;flex:0 0 auto;align-items:center}
.form-daterange .form-datepicker{min-width:0;width: 100%;flex:1}
.form-daterange .mid{padding: 0 10px;justify-content:center}
.form-daterange [readonly] ~ span{background-color:transparent}
.form-datepicker ::placeholder{color:#ccc}
.form-datepicker .datepicker-opener{
	position:absolute;
	z-index: 10;
	top:4px;
	right: 4px;
	width:30px;
	height:calc(100% - 8px);
	background:url(/resources/images/name/mng/layout/fn-datepicker.png) 50% 50% no-repeat;
	border-radius:2px;
	transition: background-color 100ms ease-out
}
.form-datepicker .datepicker-opener:hover{
	background-color: #eaeaea 
}
.form-datepicker .is-valid-false{outline-color:#f00}
.form-datepicker input[type=text].fn-date-range{min-width:370px}

@media screen and (max-width:1000px) {
	.form-datepicker, .form-daterange{flex:1 1 100% !important}
}

/* 컬러픽커 */
.form-colorpicker{position:relative;display:flex;align-items:center;}
.form-colorpicker .colorpicker-fill{width:20px;height:20px;border-radius:3px;margin-right:3px;border:1px solid var(--border)}
.form-colorpicker .colorpicker-fill+input{min-width: 260px}
.form-colorpicker .colorpicker-value{margin-left:10px}
.form-colorpicker input{min-width:0}
.form-colorpicker input+.photoshop-picker{z-index:10;position:absolute;top:40px;left:0}

/* 주소입력상자 */
.form-address{flex: 1 1 auto;flex-wrap:wrap}
.form-address .copy-address{margin-bottom:10px}
.form-address .copy-address input[type="checkbox"]+span{vertical-align:-3px}
.form-address .address-post{display:flex;position:relative;width: 250px}
.form-address .address-post>input{flex:1;border-radius:3px 0 0 3px;border-right-width:0;min-width: auto}
.form-address .address-post .cms-btn{flex:0 0 128px;height:37px;padding: 0 10px;border-radius:0 3px 3px 0}
.form-address .address-post [class^="cms-icon"]{margin-right:0}
.form-address .address-post ~ input{margin-top:5px;width:100%}

/* 선택상자 */
[class^="form-selectbox"]{display: inline-block;position:relative;background-color:var(--background-white);border-radius:3px}
[class^="form-selectbox"] select{z-index:1;position:relative;padding-right:30px;border-radius: 3px;width: 100%;background-color:transparent}
[class^="form-selectbox"]::before{content:'\e9a6';z-index: 11;height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color:#666;position:absolute;top: 15px;right:10px}
[class^="form-selectbox"]:hover::before{color:var(--primary)}
@media screen and (max-width:1000px) {
[class^="form-selectbox"]{flex: 1 1 auto}
}

/* 전화번호 */
.form-telephone{display:flex;flex:1 1 auto;min-width:300px;max-width:500px;flex-wrap:nowrap;border:1px solid #d5d5d5;border-radius: 3px;background-color:var(--background-white)}
.form-telephone>*{flex:1 1 auto}
.form-telephone[tabindex="0"]:focus{outline:2px solid var(--primary)}
.form-telephone input[type=number]{min-width:0;text-align:center;border:0}
.form-telephone span{line-height:33px;min-width: 20px;text-align:center;color: #8d8d8d}
@media screen and (max-width:1000px) {
.form-telephone{flex:0 1 100%;max-width:100%}
}

/* e메일 */
.form-email{display:flex;flex: 1 1 auto;min-width:300px;max-width:500px;flex-wrap:nowrap;border-radius: 3px;border:1px solid #d5d5d5;background-color:var(--background-white)}
.form-email *:read-only+span{background-color:var(--readonly-input)}
.form-email>*{flex:1 1 auto}
.form-email[tabindex="0"]:focus{outline:2px solid var(--primary)}
.form-email select, .form-email input{border:0;min-width:0}
.form-email select:focus, .form-email input:focus{z-index:1}
.form-email span{line-height: 37px;min-width: 25px;text-align:center;color: #8d8d8d}
.form-email [class^="form-selectbox"]{min-width:120px}
.form-email [class^="form-selectbox"] select{min-width:0}
@media screen and (max-width:1000px) {
.form-email{flex:0 1 100%;max-width:100%}
.form-email>*{flex: 1 1 auto}
}

/* 상세 이미지 리스트 */
.form-images{width:100%;display:flex;flex-wrap:wrap;border-radius: 5px}
.form-images .form-img-item{position:relative;width:10%;padding:5px}
.form-images .form-img-item a{display:block;height:100%;position:relative;overflow:hidden;padding-top:100%;border-radius:5px}
.form-images .form-img-item a::after{
	content:'\e961\00a0확대';
	font-family: 'essentials' !important;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: rgba(0, 0, 0, 0.6);
	opacity:0;
	transition:opacity 100ms ease-out;
	color:var(--text-white);
	font-size:12px;
}
.form-images .form-img-item a:hover::after{opacity:1}
.form-images .form-img-item img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);transform:-ms-translate(-50%, -50%)}
@media screen and (max-width:1000px) {
	.form-images .form-img-item{width:20%}
}
@media screen and (max-width:800px) {
	.form-images .form-img-item{width:20%}
}
@media screen and (max-width:600px) {
	.form-images .form-img-item{width:25%}
}


/* 등록된 첨부파일 리스트 */
.form-file-item{display:flex;flex-wrap:nowrap;align-items:center;min-width:0;max-width:100%;line-height:110%}
.form-file-item .file-icon{display:flex;flex:0 0 auto;justify-content:center;align-items:center;margin-right: 5px;width: 20px}
.form-file-item .file-text{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 14px}

.form-file-list{width: 100%;display:flex;align-items:center;flex-wrap:wrap;border-radius: 5px}
.form-file-list + .form-file-list{margin-top:5px}
.form-file-list .form-file-item{width: 33.33%;height: 30px;border-radius: 5px;padding:0 10px;transition:background 100ms ease-out;line-height:140%}
.form-file-list .form-file-item:hover{background-color: var(--background-lightgray)}
.form-file-list .form-file-label{display:flex;flex:0 1 auto;width:100%;padding:10px;background-color:var(--background-lightgray);color:var(--text-black);border-radius: 3px}
.form-file-list .form-file-label + .form-file-item{width:100%}
.form-file-list .form-file-label + .file-text{padding: 0 10px;margin-top:10px;color:#aaa}
@media screen and (max-width:1000px) {
.form-file-item .file-icon{width:20px}
.form-file-list .form-file-item{width:50%}
}
@media screen and (max-width:600px) {
.form-file-list .form-file-item{width:100%}
}

/* 파일 멀티 업로더 */
.module-file-uploader{width:100%;padding: 15px;border-radius: 5px;overflow: hidden;background-color: #f5f5f5}
.module-file-uploader .module-file-uploader-img-input{display:none}

.module-file-uploader-storage, .module-file-uploader-repeater{z-index:-1;position:fixed;top:-1px;left:-1px;height:1px;width:1px}

.module-file-uploader-control{display:flex;padding-bottom: 7px}
.module-file-uploader-control button{padding: 7px 10px;border-radius:3px;background-color:var(--text-black);color:var(--text-white)}
.module-file-uploader-control button [class^="cms-icon"]{margin-right:3px}
.module-file-uploader-control button ::before{font-size:12px;color:var(--text-white)}
	.module-file-uploader-choose{flex:1;display:flex;justify-content:flex-end}
	.module-file-uploader-choose button ~ button{margin-left:5px}

.module-file-uploader-container{position:relative;padding:10px;overflow-y:scroll;height: 240px;border: 2px solid var(--primary);background-color: #fff}
.module-file-uploader-container>*{min-height:100%}

	.module-file-uploader-document{display:block}
	.module-file-uploader-document .module-file-uploader-item{display:flex;flex-wrap:nowrap;align-items: center}
	.module-file-uploader-document .module-file-uploader-item label{flex:1;display:flex;align-items:center;font-weight:500;padding:7px 5px;margin-right:20px;overflow:hidden}
	.module-file-uploader-document .module-file-uploader-item label input+span{flex:0 0 auto;margin-right:10px}
	.module-file-uploader-document .module-file-uploader-item label img{margin-right:10px}
	.module-file-uploader-document .module-file-uploader-number{flex:0 0 auto;width:27px;line-height: 25px}
	.module-file-uploader-document .module-file-uploader-text{max-width:100%;display:block;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	
	.module-file-uploader-image{display:none}
	.module-file-uploader-image .module-file-uploader-item{padding: 7px 0;position:relative;display:flex;flex-wrap:nowrap}
	.module-file-uploader-image .module-file-uploader-item label{display:flex;position:relative}
	.module-file-uploader-image .module-file-uploader-item label input+span{flex:0 0 auto;z-index:1;position:absolute;top:7px;left:7px;padding:4px;background-color: rgba(0, 0, 0, 0.6);box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 50%);border-color: transparent}
	.module-file-uploader-image .module-file-uploader-item label input:checked+span{border-color:transparent}
	.module-file-uploader-image .module-file-uploader-img{flex:0 0 auto;position:relative;width: 130px;height: 91px;overflow:hidden;border: 1px solid #ababab;border-radius: 3px;background-color:var(--background-lightgray)}
	.module-file-uploader-image .module-file-uploader-img img{position:absolute;top:50%;left:50%;max-width: 110%;transform:-ms-translate(-50%, -50%);transform:translate(-50%, -50%)}
	.module-file-uploader-image .module-file-uploader-img-info{flex: 1;margin-left:7px;overflow:hidden}
	.module-file-uploader-image .module-file-uploader-img-name{display:block;height:25px;line-height:25px;font-weight:700;margin-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.module-file-uploader-image .module-file-uploader-img-altertext{height: 61px;margin-top:5px}
	.module-file-uploader-image .module-file-uploader-delete{position:absolute;top: 6px;right:0}
	.module-file-uploader-image .module-file-uploader-item:first-child{padding-top:0}
	.module-file-uploader-image .module-file-uploader-item:first-child .module-file-uploader-delete{top:0}
	.module-file-uploader-image .module-file-uploader-item:last-child{padding-bottom:0}

	.module-file-uploader-thumbnail{display:none}
	.module-file-uploader-thumbnail .module-file-uploader-item{padding: 7px 0;position:relative;display:flex;flex-wrap:nowrap}
	.module-file-uploader-thumbnail .module-file-uploader-item label{display:flex;position:relative}
	.module-file-uploader-thumbnail .module-file-uploader-item label input+span{flex:0 0 auto;z-index:1;position:absolute;top:7px;left:7px;padding:4px;background-color: rgba(0, 0, 0, 0.6);box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 50%);border-color: transparent}
	.module-file-uploader-thumbnail .module-file-uploader-item label input:checked+span{border-color:transparent}
	.module-file-uploader-thumbnail .module-file-uploader-item label input:checked ~ .module-file-uploader-img{background-color:var(--text-black)}
	.module-file-uploader-thumbnail .module-file-uploader-item label input:checked ~ .module-file-uploader-img img{opacity:0.8}
	.module-file-uploader-thumbnail .module-file-uploader-img{flex:0 0 auto;position:relative;width: 130px;height: 91px;overflow:hidden;border: 1px solid #ababab;border-radius: 3px;background-color:var(--background-lightgray)}
	.module-file-uploader-thumbnail .module-file-uploader-img img{position:absolute;top:50%;left:50%;max-width: 110%;transform:-ms-translate(-50%, -50%);transform:translate(-50%, -50%)}
	.module-file-uploader-thumbnail .module-file-uploader-img-info{flex: 1;margin-left:7px;overflow:hidden}
	.module-file-uploader-thumbnail .module-file-uploader-img-name{display:block;height:25px;line-height:25px;font-weight:700;margin-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.module-file-uploader-thumbnail .module-file-uploader-img-altertext{height: 61px;margin-top:5px}
	.module-file-uploader-thumbnail .module-file-uploader-delete{position:absolute;top: 6px;right:0}
	.module-file-uploader-thumbnail .module-file-uploader-item:first-child{padding-top:0}
	.module-file-uploader-thumbnail .module-file-uploader-item:first-child .module-file-uploader-delete{top:0}
	.module-file-uploader-thumbnail .module-file-uploader-item:last-child{padding-bottom:0}

	.module-file-uploader-item .module-file-uploader-delete{width:25px;height:25px;border:1px solid #aaa;border-radius:3px;background-color:var(--background-white)}
	.module-file-uploader-item .module-file-uploader-delete ::before{font-size:12px}
	.module-file-uploader-item .module-file-uploader-delete:hover{border-color:var(--primary)}
	.module-file-uploader-item .module-file-uploader-delete:hover ::before{color:var(--primary)}
	.module-file-uploader-item ~ .module-file-uploader-item{border-top:1px dashed var(--border);max-width: 100%}
	.module-file-uploader-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;text-align:center;font-weight:500;font-size:16px;line-height:145%}

.module-file-uploader-type{display:flex;margin-top: 5px}
.module-file-uploader-type button{padding: 5px 10px;font-size: 13px;border:solid #333;border-width:0 1px 1px 1px;border-radius: 3px;background-color:var(--text-black);color:var(--text-white)}
.module-file-uploader-type button ~ button{margin-left:2px}
.module-file-uploader-type button ::before{font-size: 12px;color:var(--text-white)}
.module-file-uploader-type button.is-selected{background-color:var(--primary);border-color:var(--primary)}
.module-file-uploader-type button.is-selected ::before{color:var(--text-white)}




/* 증가하는 아이템 박스 */
.form-increase{display:flex;flex-wrap:wrap;min-width: 0;padding:20px;border:1px solid var(--border);border-radius:5px}
.form-increase .formbox{flex:1 1 100%;min-width: 0;}
.form-increase .formbox .form-align{flex:1 1 auto;width: calc(100% - 95px)}
.form-increase .formbox .form-align .form-textarea{flex:1 1 auto;width:100%;margin:10px 0 0}
.form-increase .formbox .form-align .details-textarea{flex:1 1 auto;width:100%;margin:10px 0 0;padding:15px 25px;border-radius:5px;background-color:var(--background-lightgray)}
.form-increase .formbox .form-align .details-textarea .formbox{flex-wrap:wrap}
.form-increase .formbox .form-align .details-textarea .formbox .form-label{justify-content:flex-start;padding:0}
.form-increase .formbox .form-align .details-textarea .formbox .form-max{width:100%}
.form-increase .formbox .form-button{flex:0 0 auto;margin-left:5px;width:auto;display:flex;align-items:flex-start}
.form-increase .formbox .form-button button ~ button{margin-left:2px}
.form-increase .increase-button{display:flex;flex:1 1 100%;justify-content:center;border-top:1px solid var(--border);padding-top:15px;}
.form-increase.flex-wrap .formbox .form-align{flex-wrap:wrap}

.form-increase .formbox .form-max{margin-left:0;padding-left:0;border-left:0;min-width: 0;margin-top: 0;}
.form-increase .formbox .form-max ~ .form-max{margin-left:5px}
@media screen and (max-width:1000px) {
	.form-increase .formbox .formbox:first-of-type{margin-top:0}
	.form-increase .formbox .formbox:first-of-type .dynamic-field{margin-top:0}
	.form-increase .formbox .formbox .dynamic-field{margin-top:7px}
}


/* 파일 업로드 */
.form-file-upload{position:relative;width:100%;max-width:500px;padding-right:122px;display:block;margin:0 !important}
.form-file-upload input[type=file]{display:none}
.form-file-upload .file-text{display:block;height:37px;padding:0 10px;line-height:35px;font-size:0.9286rem;border:1px solid #d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-file-upload .file-button{position:absolute;top:0;right:0;width:120px;height:37px;line-height:100%;text-align:center}
.form-file-upload .file-button span{padding:8px 0 0}
.form-file-upload:hover .file-text{border:1px solid var(--primary)}
.form-file-upload + .cms-btn{margin-left:5px}

/* 첨부 파일 목록 */
.form-file-download{position:relative;width:100%;max-width:500px;height:37px;padding-right:30px;border:1px solid #d5d5d5}
.form-file-download .file-text{display:block;padding:0 10px;line-height:35px;font-size:0.9286rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-file-download .file-icon{display:inline-block;vertical-align:-1px;margin-right:2px}
.form-file-download .file-category{display:inline-block;vertical-align:2px;width:35px;padding:2px 0;margin-right:2px;text-align:center;line-height:100%;border:1px solid #d5d5d5;border-radius:3px;font-family:'Roboto', sans-serif;font-size:0.7143rem}
.form-file-download .file-button{position:absolute;top:0;right:0;width:30px;height:37px;line-height:100%;text-align:center}
.form-file-download:hover{border-color:var(--primary)}
.form-file-download .file-text:hover .file-icon:before{color:var(--primary)}
.form-file-download .file-button:hover :before{color:var(--primary)}

.form-file-upload + .form-file-upload,
.form-file-upload + .form-file-download,
.form-file-download + .form-file-download{margin-top:5px !important}

.form-file-summary{width:100%;padding:20px;margin-top:5px;background-color:var(--background-lightgray)}
.form-file-summary textarea{min-width: calc(100% + 40px);height:90px;margin:-20px;line-height:135%}

.form-file-thumbnail{position:relative;flex:0 0 130px !important;margin-right:5px;text-align:center;background:#dadada}
.form-file-thumbnail img{position:relative;top:50%;transform:translateY(-50%)}
.form-file-thumbnail .file-button{z-index:10;position:absolute;top:5px;right:5px;padding:7px;background-color:rgba(0, 0, 0, 0.5);border-radius:3px}
.form-file-thumbnail .file-button i::before{color:#fff}
.form-file-thumbnail .file-button:hover{background-color:rgba(0, 0, 0, 0.7)}

.form-file-add{display:flex;justify-content:center;border-right:1px solid var(--border)}
.form-file-add .cms-btn{margin:0;padding:3px}
.form-file-add .cms-btn [class*=cms-icon-]{margin:0}
.form-file-add .cms-btn ::before{transition:color 100ms ease-out}
.form-file-add .cms-btn:hover ::before{color:var(--primary)}

.filebox{display:flex;flex-wrap:nowrap}

.form-max .filebox{width: 100%}
.form-max .filebox ~ .filebox{margin-top:20px}

/**********************************************************

검색 (2021 정진환)

**********************************************************/
.cms-search{position:relative;padding-right:43px}
.cms-search:after{content:'';display:block;clear:both}
.cms-search input[type=search]{overflow:hidden}
.cms-search .cms-btn{position:absolute;top:0;right:0;width:40px;height:100%;text-align:center;border-radius:0}
.cms-search .cms-btn [class^=cms-icon-]{margin:0}


/**********************************************************

페이징 (2021 정진환)

**********************************************************/
.cms-page{margin:25px 0;text-align:center}
.cms-page .page-wrap{display:flex;justify-content:center;align-items:center}
.cms-page a, .cms-page b, .cms-page button{display:block;width: 30px;height: 30px;font-size: 13px;line-height: 29px;border-radius: 4px;margin-left: 2px;background-color:var(--background-white);border: 1px solid var(--border);transition:background 100ms ease-out, border 100ms ease-out}
.cms-page a:hover{border-color:var(--primary)}
.cms-page b{background-color:var(--primary);border-color:var(--primary);font-weight: 300;color:var(--text-white)}
.cms-page .page-first, .cms-page .page-prev, .cms-page .page-next, .cms-page .page-last{background: no-repeat 50% 50% / auto 10px}

.cms-page .page-first{background-image: url(/resources/images/name/mng/layout/cms-page-first.png)}
.cms-page .page-first:hover{background-image:url(/resources/images/name/mng/layout/cms-page-first-hover.png)}

.cms-page .page-prev{background-image:url(/resources/images/name/mng/layout/cms-page-prev.png)}
.cms-page .page-prev:hover{background-image:url(/resources/images/name/mng/layout/cms-page-prev-hover.png)}

.cms-page .page-next{background-image:url(/resources/images/name/mng/layout/cms-page-next.png)}
.cms-page .page-next:hover{background-image:url(/resources/images/name/mng/layout/cms-page-next-hover.png)}
.cms-page .page-last{background-image:url(/resources/images/name/mng/layout/cms-page-last.png)}
.cms-page .page-last:hover{background-image:url(/resources/images/name/mng/layout/cms-page-last-hover.png)}

.cms-page *:first-child{margin-left:0}
.cms-page .page-first+*, .cms-page .page-prev+*, .cms-page *+.page-next, .cms-page *+.page-last{margin-left:10px}
.cms-page .page-first+.page-prev, .cms-page .page-next+.page-last{margin-left:5px}

.cms-page .page-mo{display:none}
.cms-page .page-count{display:none;text-align:center}

@media screen and (max-width:1000px) {
.cms-page .page-pc{display:none}
.cms-page a, .cms-page b, .cms-page button{display:none}
.cms-page .page-mo{display:inline-block}
.cms-page .page-mo.page-prev{margin-left:5px}
.cms-page .page-mo.page-next{margin-left:0}
.cms-page .page-count{display:inline-block;margin:0 10px}
.cms-page .page-first{display:inline-block}
.cms-page .page-last{display:inline-block}
}

/**********************************************************

	상태 표기

**********************************************************/
.flag-state{display:flex;min-width:25px;height: 25px;flex: 0 0 auto;align-items:center;justify-content:center;font-size: 12px;padding:0 7px;border-radius:3px;background-color:var(--default);color:var(--text-white)}
.flag-state.___notice{background-color:var(--flag-state-notice);border:1px solid var(--flag-state-notice)}
.flag-state.___new{background-color: var(--flag-state-new);border:1px solid var(--flag-state-new)}
.flag-state.___error{background-color:var(--error);color:var(--text-white)}
/* .flag-state.___category{background-color:var(--background-white);border:1px solid var(--primary);color:var(--primary)} */
.flag-state.___category{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.flag-state.___category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.flag-state.___category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.flag-state.___category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.flag-state.___category-4{background-color:#fff;color:#666;border:1px solid #666}
.flag-state.___solid{background-color: var(--background-white);border:1px solid var(--border);color:var(--text-default)}
.flag-state.___count{width:25px;font-weight:400;padding:0;margin-left:5px;background-color:var(--primary);border:1 solid var(--primary);border-radius:100%}

.flag-state.___success{background-color:var(--flag-state-success);color:var(--text-white)}
.flag-state.___progress{background-color:var(--flag-state-progress);color:var(--text-white)}
.flag-state.___ready{background-color:var(--flag-state-ready);color:var(--text-white)}

.flag-state.___question{background-color:var(--flag-state-question);color:var(--text-white)}
.flag-state.___answer{background-color:var(--flag-state-answer);color:var(--text-white)}

.flag-container{overflow:hidden}
.flag-container>* ~ *{margin-top:5px}
.flag-container div{display:flex;align-items:center;font-size:12px}
.flag-container div .flag-state{margin-right:5px}

/* 이미지 섬네일 */
.cms-img{display:inline-block}
.img-center{position:relative;border:1px solid var(--border);text-align:center;min-height:148px;margin-right:5px}
.img-center .cms-img{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dadada}
.img-center .cms-img img{display:block;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}


/* 탭메뉴 */
*+.tab-menu{margin-top:20px}
.tab-menu{display:flex;flex-wrap:wrap;margin-bottom:20px}
.tab-menu .tab-col{border:1px solid var(--border)}
.tab-menu .tab-col ~ .tab-col{border-width:1px 1px 1px 0}
.tab-menu .tab-col{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center;background-color:var(--background-white)}
.tab-menu .tab-col span{display:block;padding:10px 15px;line-height:140%;font-size:1.2rem;font-weight:500;text-align:center}
.tab-menu .tab-col::before{content:'';display:none;position:absolute;top:-5px;left:-5px;width:calc(100% + 9px);height:calc(100% + 9px);background-color:var(--primary);border-radius:5px}
.tab-menu .tab-col.is-selected{z-index:1;position:relative}
.tab-menu .tab-col.is-selected::before{display:block}
.tab-menu .tab-col.is-selected span{position:relative;color:var(--text-white)}

.tab-menu .tab-col:hover span{color:var(--primary)}
.tab-menu .tab-col.is-selected:hover span{color:var(--text-white)}

.tab-menu.col-2 .tab-col{width:50%}
.tab-menu.col-3 .tab-col{width:33.33%}
.tab-menu.col-4 .tab-col{width:25%}
.tab-menu.col-5 .tab-col{width:20%}

.tab-menu-shape-select{display:none;position:relative;margin-bottom:20px}
.tab-menu-shape-select select{background-color:var(--background-white);width: 100%;}
.tab-menu-shape-select::before{content:'\e9a6';height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color:#666;position:absolute;top: 15px;right:10px}
.tab-menu-shape-select:hover::before{color:var(--primary)}
@media screen and (max-width:1200px) {
.tab-menu{display:none}
.tab-menu-shape-select{display:block}
}
 

/* 테이터 테이블 */
.cms .datatables{border-collapse:separate}
.cms .datatables th, .cms .datatables td{border-width:0 0 1px 1px}
.cms .datatables th.sort{padding:0}
.cms .datatables th.sort span{display:block;position:relative;padding:10px;cursor:pointer}
.cms .datatables th.sort span:before{content:'';position:absolute;top:50%;right:10px;width:11px;height:14px;transform:translateY(-50%);background:url(/resources/images/name/mng/layout/sort.png) no-repeat}
.cms .datatables th.sort-asc span:before{background:url(/resources/images/name/mng/layout/sort_asc.png) no-repeat}
.cms .datatables th.sort-desc span:before{background:url(/resources/images/name/mng/layout/sort_desc.png) no-repeat}


/* Datepicker 2023 */
input[type=text].fn-datepicker{display:inline-block;padding-right: 30px;background-color: #fff;text-align:center;max-width:none}

.datepicker-wrapper{z-index:10000;position:fixed;background-color:var(--background-white);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 5px}

.datepicker-head{display:flex;align-items: center;position:relative;height:40px;background-color:var(--primary);color:var(--text-white);border-radius: 5px}
.datepicker-head .head-prev{flex:0 1 40px;opacity:0.8;height: 40px}
.datepicker-head .head-prev ::before{color:var(--text-white);font-size:16px}
.datepicker-head .head-prev:hover{opacity:1}
.datepicker-head .head-next{flex:0 0 40px;height: 40px;opacity:0.8}
.datepicker-head .head-next ::before{color:var(--text-white);font-size:16px}
.datepicker-head .head-next:hover{opacity:1}
.datepicker-head .head-date,
.datepicker-head .head-date .date-left,
.datepicker-head .head-date .date-mid,
.datepicker-head .head-date .date-right{flex:0 0 auto;align-items:center;font-size:20px;font-family:'Roboto', sans-serif;color:var(--text-white);font-weight:500}
.datepicker-head .head-date{display:flex;flex: 1 1 auto;padding-left: 33px;justify-content:center}
.datepicker-head .head-date .date-mid{padding:0 10px}
.datepicker-head .head-date button{font:inherit;color:inherit;opacity:0.8;height: 40px}
.datepicker-head .head-date button:hover{opacity:1}
.datepicker-head .head-today{color:var(--text-white);font-size:17px;font-weight:500;opacity:0.8;line-height: 110%;height: 40px}
.datepicker-head .head-today:hover{opacity:1}

.datepicker-calendar{display:flex;margin-top: 10px}
.datepicker-calendar .calendar-right{margin-left:10px}
.datepicker-calendar table{table-layout:fixed;width:280px;border-spacing:0;border-collapse:collapse;text-align:center}
.datepicker-calendar table th, .datepicker-calendar table td{height:37px;padding:0}
.datepicker-calendar table th{font-weight:400;border:0}
.datepicker-calendar table td{border:0}
.datepicker-calendar .sun{color:red}
.datepicker-calendar .sun button{color:inherit}
.datepicker-calendar .sat{color:blue}
.datepicker-calendar .sat button{color:inherit}
.datepicker-calendar .day{width: 38px;height: 35px;border-radius:5px;border:1px solid transparent}
.datepicker-calendar .day:hover{border-color:var(--primary)}
.datepicker-calendar .day.is-selected{background-color:var(--primary);color:var(--text-white)}



.datepicker-time{display:flex;align-items:center;border: 1px solid #adadad;border-radius: 5px;overflow: hidden}
.datepicker-time .time-left,
.datepicker-time .time-right{flex:1 1 auto}
.datepicker-time .time-mid{padding:0 10px}

.datepicker-time:after{content:'';display:block;clear:both}
.datepicker-time [class^="form-selectbox"]{float:left;min-width:auto;width:33.33%}
.datepicker-time [class^="form-selectbox"] select{border-width:0;min-width: 0}

.datepicker-button{z-index:1;position:relative;display:flex;margin-top: 10px}
.datepicker-button>div{flex:1}
.datepicker-button>div ~ div{margin-left:5px}
.datepicker-button button{width:100%;height:40px}

*/

/* Datepicker 2022 */
input[type=text].fn-datepicker{display:inline-block;padding-right: 30px;background-color: #fff;text-align:center}

.cms-datepicker{display:none;z-index:10000;position:fixed}

.cms-datepicker-wrap{width: 360px;background-color:var(--background-white);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 5px}

.cms-datepicker-head{position:relative;height:50px;padding:0 100px 0 50px;background-color:var(--primary);color:var(--text-white);border-radius: 5px}
.cms-datepicker-head>button,
.cms-datepicker-head>button :before{color:inherit}
.cms-datepicker-head>button{position:absolute;top:0;width: 50px;height: inherit;opacity: 0.8}
.cms-datepicker-head>button:hover{opacity:1}
.cms-datepicker-head .cms-datepicker-button-prev{left:0}
.cms-datepicker-head .cms-datepicker-button-next{right:0}
.cms-datepicker-head .cms-datepicker-date{height:inherit;line-height:50px;text-align:center;color:inherit}
.cms-datepicker-head .cms-datepicker-date>button{display:inline-block;font-size: 18px;font-family:'Roboto', sans-serif;color:inherit}
.cms-datepicker-head .cms-datepicker-date>button>span{display:block;padding:0 3px 3px;border-bottom:1px solid transparent}
.cms-datepicker-head .cms-datepicker-date>button:hover>span{border-color:var(--text-white)}
.cms-datepicker-head .cms-datepicker-button-today{right:50px;font-weight:300}

.cms-datepicker-calendar table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;text-align:center}
.cms-datepicker-calendar table th, .cms-datepicker-calendar table td{height:40px}
.cms-datepicker-calendar table th{font-weight:400;border-bottom:1px solid var(--border)}
.cms-datepicker-calendar .is-disabled{opacity:0.3}
.cms-datepicker-calendar .sun{color:red}
.cms-datepicker-calendar .sat{color:blue}

.cms-datepicker-list{display:flex;flex-wrap:wrap;margin:10px 0}
.cms-datepicker-list .body-item{flex:0 1 25%;padding:3px}
.cms-datepicker-list .body-item span{display:block;padding:10px;border-radius:3px;border:1px solid #aaa;line-height:110%;font-weight:500;color:#666}
.cms-datepicker-list .body-item.is-selected span{border-color:var(--primary);color: var(--primary)}
.cms-datepicker-list .body-item.is-selected.___year{flex-basis:100%}


.cms-datepicker-time{border: 1px solid #adadad;border-radius: 5px;overflow: hidden}
.cms-datepicker-time:after{content:'';display:block;clear:both}
.cms-datepicker-time [class^="form-selectbox"]{float:left;min-width:auto;width:33.33%}
.cms-datepicker-time [class^="form-selectbox"] select{border-width:0;min-width: 0}
.cms-datepicker-time [class^="form-selectbox"] select::before{display:none}

.cms-datepicker-button{z-index:1;position:relative;display:flex;margin-top: 5px}
.cms-datepicker-button>div{flex:1 0 auto}
.cms-datepicker-button>div ~ div{margin-left:5px}
.cms-datepicker-button button{width:100%;height:40px}

.cms-datepicker-calendar-day{position:relative;width:28px;height:28px;margin:0 auto;line-height:28px;border-radius:100%;outline:0;font-weight: 500;cursor:pointer;font-family:'Roboto', sans-serif}
.cms-datepicker-calendar-day.is-today{font-weight: 700;color: var(--text-black)}
.cms-datepicker-calendar-day.is-selected{background-color:var(--primary);color:var(--text-white)}


/* 로딩바 */
.cms-minhee-lodinbar{z-index:300000;position:fixed;top:0;left:0}


/* 메뉴관리 */
.cms-menu-adminislator{overflow-y:scroll;padding:10px;height:642px;border:1px solid var(--border)}
.cms-menu-adminislator .cms-menu-amin-item{position:relative;margin-top:5px;padding:10px 20px;border:1px solid var(--border);background-color:var(--background-white);color:var(--text-black)}
.cms-menu-adminislator .cms-menu-amin-item.is-clicked{border-color:var(--primary)}
.cms-menu-adminislator .cms-menu-amin-item .item-label{z-index:1;position:absolute;top:50%;left:10px;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.cms-menu-adminislator .cms-menu-amin-item .item-anchor{position:relative;display:inline-block;margin-left:35px;cursor:pointer}
.cms-menu-adminislator .cms-menu-amin-item .item-depth{position:absolute;top:50%;left:32px;transform:translateY(-50%);-ms-transform:translateY(-50%);display:inline-block;width:17px;padding:4px 0;text-align:center;font-size:0.7143rem;font-weight:700;font-family:'Roboto', sans-serif;border-radius:3px;background-color:#efefef;color:var(--text-black)}
.cms-menu-adminislator .cms-menu-amin-item .item-direction{position:absolute;top:50%;left:12px;transform:translateY(-50%);-ms-transform:translateY(-50%);display:inline-block;padding:4px 0;cursor:pointer}
.cms-menu-adminislator .cms-menu-amin-item .item-direction:hover:before{color:var(--primary)}

.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragging{border-color:var(--primary)}
.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragging .item-anchor{color:var(--primary)}
.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragging:before{background-color:var(--primary);color:var(--text-white)}

.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragover{border-color:var(--primary)}
.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragover .item-anchor{color:var(--primary)}
.cms-menu-adminislator .cms-menu-amin-item.menu-state-dragover:before{background-color:var(--primary);color:var(--text-white)}

.cms-menu-adminislator .cms-menu-amin-item .item-arrow{position:absolute;top:0;right:0;width:35px;height:100%;cursor:pointer}
.cms-menu-adminislator .cms-menu-amin-item .item-arrow span{position:relative}
.cms-menu-adminislator .cms-menu-amin-item .item-arrow span:before{position:absolute;top:50%;left:50%;font-size:0.7143rem;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.cms-menu-adminislator .cms-menu-amin-item .item-arrow .cms-icon-Add{display:block}
.cms-menu-adminislator .cms-menu-amin-item .item-arrow .cms-icon-Minus{display:none}

.cms-menu-adminislator .cms-menu-amin-item.is-selected .item-arrow .cms-icon-Add{display:none}
.cms-menu-adminislator .cms-menu-amin-item.is-selected .item-arrow .cms-icon-Minus{display:block}
.cms-menu-adminislator .cms-menu-amin-item.is-selected .item-arrow span:before{color:var(--primary)}

.cms-menu-adminislator .cms-menu-amin-item .item-arrow:hover span:before{color:var(--primary)}

.cms-menu-adminislator .cms-menu-amin-item .item-drop{display:none;z-index:20px;position:absolute;top:5px;left:5px;width:20px;height:calc(100% - 10px)}
.cms-menu-adminislator .cms-menu-amin-item .item-drop:before{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

/* 회원관리 */
.cms-member-adminislator{overflow-x:hidden;overflow-y:scroll;padding:10px;height:642px;border:1px solid var(--border)}
.cms-member-adminislator .cms-member-amin-item{position:relative;margin-top:5px;padding:0 20px;border:1px solid var(--border);background-color:var(--background-white);color:var(--text-black)}
.cms-member-adminislator .cms-member-amin-item .item-anchor{position:relative;display:block;padding:10px 0;margin-left:15px}
.cms-member-adminislator .cms-member-amin-item .item-arrow{position:absolute;top:50%;right:10px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.cms-member-adminislator .cms-member-amin-item .item-arrow:before{font-size:0.7143rem}
.cms-member-adminislator .cms-member-amin-item.is-selected{border:1px solid var(--primary)}

.cms-member-adminislator .cms-member-amin-item .item-direction{position:absolute;top:50%;left:10px;transform:translateY(-50%);-ms-transform:translateY(-50%);display:inline-block;padding:4px 0;cursor:pointer}
.cms-member-adminislator .cms-member-amin-item .item-direction:hover:before{color:var(--primary)}

/* 권한관리 */
.cms-auth-adminislator .cms-push-horizontal{height:100%;position:relative;text-align:center}
.cms-auth-adminislator .cms-push-horizontal img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.cms-auth-adminislator .cms-menu-adminislator,
.cms-auth-adminislator .cms-member-adminislator{transition:border 100ms ease-out}
.cms-auth-adminislator .cms-menu-adminislator:hover,
.cms-auth-adminislator .cms-member-adminislator:hover{border-color:var(--primary)}
.cms-auth-adminislator .cms-menu-amin-item .item-anchor{margin-left:0;padding-left:15px}
.cms-auth-adminislator .cms-menu-amin-item .item-anchor:before{content:'';position:absolute;top:2px;left:0;width:7px;height:7px;border:solid var(--border);border-width:0 0 1px 1px}
.cms-auth-adminislator .cms-menu-amin-item[data-depth="1"] .item-anchor{padding-left:18px}
.cms-auth-adminislator .cms-menu-amin-item[data-depth="1"] .item-anchor:before{position:absolute;top:2px;left:0;width:12px;height:12px;border-radius:100%;border:3px solid #666}

/* 메뉴, 권한부여 검색 결과 */
.cms-menu-amin-item.is-search{border-color:var(--primary)}
.cms-menu-amin-item.is-search .item-direction{display:none}

.member-empty-form{position:relative;height:500px;text-align:center;border:1px solid var(--border)} 
.member-empty-form span{position:absolute;top:50%;left:0;width:100%;font-weight:500;-ms-transform:translateY(-50%);transform:translateY(-50%);color:var(--text-black)}

/* 모달창 */
.cms-modal-window{display:none;z-index:10000;position:fixed;top:50%;left:50%;width:100%;height:100%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:rgba(0, 0, 0, 0.5)}
.cms-modal-window-wrap{min-width:400px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3)}
.cms-modal-window-title{padding:10px 20px;font-size:1.286rem;background-color:var(--primary);color:var(--text-white)}
.cms-modal-window-contents{padding:20px;background-color:var(--background-white)}
.cms-modal-window-button:after{content:'';display:block;clear:both}
.cms-modal-window-button .cms-btn{float:left;width:50%;margin:0}


/********************************************************** 

	일반 게시판(허용되는 모든 구성요소 삽입)

**********************************************************/

.bbs-list{margin-top: 15px;padding-bottom: 10px;border-top: 2px solid var(--primary);border-bottom: 1px solid var(--border)}
.bbs-list .list-item{position:relative;display:flex;align-items: flex-start;flex-wrap:wrap;padding: 15px 0;padding-left: 30px;}
.bbs-list .list-item ~ .list-item{border-top:1px solid var(--border)}
.bbs-list .list-item .item-checkbox{position:absolute;top: 15px;left:0}

.bbs-list .list-item .item-flags{display:flex;margin-right: 10px;align-items:center;flex: 0 0 auto;}
.bbs-list .list-item .item-flags>* ~ *{margin-left:3px}

.bbs-list .list-item .item-order{margin-left:10px;flex: 0 0 auto;}
.bbs-list .list-item .item-order .cms-btn{padding:0 10px;height: 25px;border:1px solid var(--border)}
.bbs-list .list-item .item-order .cms-btn:hover{border-color:var(--border-hover)}
.bbs-list .list-item .item-order .cms-btn [class*=cms-icon]::before{font-size: 12px} 
.bbs-list .list-item .item-order .cms-btn .cms-icon-Arrow-down-3{margin-right:0}
.bbs-list .list-item .item-order .cms-btn .cms-icon-Arrow-down-3::before{font-size: 10px;vertical-align: 1px}

.bbs-list .list-item .item-subject{display:flex;flex: 1;min-width: 0;height:25px;transition:color 100ms ease-out;line-height: 150%;font-size: 16px;font-weight:500;text-overflow: ellipsis;overflow: hidden;}
.bbs-list .list-item .item-subject a{display:inline-block;max-width:100%;padding-bottom: 1px;min-width: 0;line-height: 150%;font-size: 16px;font-weight:500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bbs-list .list-item .item-subject a span{border-bottom:1px solid transparent}
.bbs-list .list-item .item-subject a:hover {color:var(--text-black)}
.bbs-list .list-item .item-subject a:hover span{border-color:var(--border-hover)}
.bbs-list .list-item .item-subject .subject-item ~ .subject-item{margin-left:10px;padding-left:10px;border-left:1px dashed var(--border)}
.bbs-list .list-item .item-subject .subject-item::before{content:attr(title)' : ';font-weight:700}

.bbs-list .list-item .item-util{display:flex;margin-top: 10px;align-items:center}
.bbs-list .list-item .item-util>*{flex: 0 1 auto;margin-right: 10px}
.bbs-list .list-item .item-util>* ~ *{flex:0 1 auto}

.bbs-list .list-item .item-fields{display:flex;align-items: flex-start;height:inherit;flex-wrap:wrap}
.bbs-list .list-item .item-fields .item-field{display:flex;align-items:flex-start;line-height:130%;font-size: 14px;margin-bottom:7px}
.bbs-list .list-item .item-fields .item-field .field-label{flex:0 0 auto;display:flex;align-items: flex-start;text-align: left;white-space: nowrap;margin-right: 20px;color:var(--text-black);font-weight:500}
.bbs-list .list-item .item-fields .item-field .field-label [class*="cms-icon"]{margin-right:5px;margin-top: 4px;}
.bbs-list .list-item .item-fields .item-field .field-label [class*="cms-icon"]::before{font-size:12px}
.bbs-list .list-item .item-fields .item-field .field-text{word-break:break-all}

.bbs-list .list-item .item-preview .cms-btn{padding:0 7px;height:25px}
.bbs-list .list-item .item-preview .cms-btn span{padding:0;font-size:12px}
.bbs-list .list-item .item-preview .cms-btn span [class*="cms-icon"]::before{font-size:inherit}

.bbs-list .list-item .item-preview .cms-btn.is-board-preview{background-color:var(--primary);border-color:var(--primary)}

.bbs-list .list-item:after{content:'';display:block;clear:both}
.bbs-list .list-item .img-center{float:left;width:200px;height:150px;margin-right:10px}
.bbs-list .list-item .item-pt{overflow:hidden}

.bbs-list .list-item .item-fold{flex:0 0 auto;margin-right:5px;width:25px;height:25px;border-radius:3px;border:1px solid var(--primary);background-color: var(--primary)}
.bbs-list .list-item .item-fold [class*=cms-icon]::before{font-size:10px;color:var(--text-white)}
.bbs-list .list-item .item-fold [class*=cms-icon]::before{content:'\e900'}
.bbs-list .list-item.is-open .item-fold [class*=cms-icon]::before{content:'\e912'}

.bbs-list .list-item .item-fold-wrapper{display:none;flex:0 0 100%;padding:15px 20px;margin-top:10px;background-color:var(--background-box);border-radius:5px}
.bbs-list .list-item .item-fold-wrapper .item-field{flex: 1 0 100%;margin:7px 0}


.bbs-list .list-item.is-open .item-fold-wrapper{display:block}
.bbs-list .list-item.is-open .item-fold{border-color:var(--primary);background-color: var(--background-white)}
.bbs-list .list-item.is-open .item-fold [class*=cms-icon]::before{color:var(--primary)}

.bbs-list .list-empty{padding:50px 0;text-align:center;font-size:20px;color:#000}
.bbs-list .list-empty p{text-align:inherit;font-size:inherit;color:inherit}

@media screen and (max-width:880px) {
	.bbs-list .list-item{padding:10px 0;padding-left:30px}
	.bbs-list .list-item .item-checkbox{top:10px}
	.bbs-list .list-item .item-subject{flex:1 1 100%;margin-top:5px}
	.bbs-list .list-item .item-order{position:absolute;top:0;right:0;top:10px} 
	.bbs-list .list-item .item-preview{position:absolute;bottom:33px;left:30px}
	.bbs-list .list-item .item-fields{flex-wrap:wrap}
	.bbs-list .list-item .item-fields .item-field{flex-wrap:wrap;font-size:12px;margin:0 0 7px 0}
	.bbs-list .list-item .item-fields .item-field .field-label{flex:0 0 auto;margin: 0 10px 7px 0;}
	.bbs-list .list-item .item-fields .item-field .field-text{line-height: 130%;min-width:0;display:block;flex: 1 1 auto;margin:0 0 7px 0}
	
}

/* 웹진형 게시판 */
.bbs-webzin{margin-top: 15px;border-top:2px solid var(--primary)}
.bbs-webzin .list-empty{padding:50px 0;text-align:center;font-size:20px;color:#000}
.bbs-webzin .list-empty p{text-align:inherit;font-size:inherit;color:inherit}

.bbs-webzin .webzin-item{position:relative;display:flex;flex-wrap:wrap;padding: 15px 0;padding-left: 40px}
.bbs-webzin .webzin-item ~ .webzin-item{border-top:1px solid var(--border)}
.bbs-webzin .webzin-item .item-checkbox{position:absolute;top: 15px;left:0}
.bbs-webzin .webzin-item .item-flags{display:flex;align-items:center;margin-right: 10px}
.bbs-webzin .webzin-item .item-flags>* ~ *{margin-left:5px}

.bbs-webzin .webzin-item .item-container{position:relative;display: flex;align-items: flex-start;flex: 1;flex-wrap: wrap;min-width: 0}

.bbs-webzin .webzin-item .item-img{flex: 0 1 240px;margin-right: 15px}
.bbs-webzin .webzin-item .item-img a{display:block;position:relative;padding-top: 60%;border-radius: 3px;overflow:hidden}
.bbs-webzin .webzin-item .item-img a img{position:absolute;top:50%;left:50%;transform:-ms-translate(-50%, -50%);transform:translate(-50%, -50%)}

.bbs-webzin .webzin-item .item-order{margin-left: 10px}
.bbs-webzin .webzin-item .item-order .cms-btn{padding:0 10px;height: 25px;border:1px solid var(--border)}
.bbs-webzin .webzin-item .item-order .cms-btn:hover{border-color:var(--border-hover)}
.bbs-webzin .webzin-item .item-order .cms-btn [class*=cms-icon]::before{font-size: 12px}
.bbs-webzin .webzin-item .item-order .cms-btn .cms-icon-Arrow-down-3{margin-right:0}
.bbs-webzin .webzin-item .item-order .cms-btn .cms-icon-Arrow-down-3::before{font-size:10px;vertical-align: 1px}

.bbs-webzin .webzin-item .item-subject{display:flex;align-items:center;flex: 1;min-width: 0;transition:color 100ms ease-out}
.bbs-webzin .webzin-item .item-subject a{display:inline-block;padding-bottom: 1px;max-width:100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 16px;line-height: 150%;font-weight:500}
.bbs-webzin .webzin-item .item-subject a span{border-bottom:1px solid transparent}
.bbs-webzin .webzin-item .item-subject a:hover {color:var(--text-black)}
.bbs-webzin .webzin-item .item-subject a:hover span{border-color:var(--border-hover)}

.bbs-webzin .webzin-item .item-fields{flex: 1 1 100%;display:flex;flex-wrap:wrap;align-items:center;margin-top: 5px}
.bbs-webzin .webzin-item .item-fields .item-field{flex:1 1 30%;display:flex;align-items:center;margin: 5px 0 0;font-size: 13px}
.bbs-webzin .webzin-item .item-fields .item-field .field-label{text-align:center;width:80px;margin-right:10px;padding: 5px;border:1px solid var(--border);border-radius: 3px;font-weight: 500;color:var(--text-black)}

.bbs-webzin .webzin-item .item-summary{flex: 1 1 100%;margin-top: 10px;line-height: 22px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}

.bbs-webzin .webzin-item .item-util{flex:1;display:flex;align-items:center;margin-top:10px}
.bbs-webzin .webzin-item .item-util>*{flex:1 1 auto}
.bbs-webzin .webzin-item .item-util>* ~ *{flex:0 1 auto}

.bbs-webzin .webzin-item .item-preview .cms-btn{border-radius:50px;padding:0 12px}
.bbs-webzin .webzin-item .item-preview .cms-btn span{padding:5px 0;font-size:13px}
.bbs-webzin .webzin-item .item-preview .cms-btn span [class*="cms-icon"]::before{font-size:inherit}

.bbs-webzin .webzin-item .item-preview .cms-btn.is-board-preview{background-color:var(--primary);border-color:var(--primary)}

.bbs-webzin .webzin-item:after{content:'';display:block;clear:both}
.bbs-webzin .webzin-item .img-center{float:left;width:200px;height:150px;margin-right:10px}
.bbs-webzin .webzin-item .item-pt{overflow:hidden}

@media screen and (max-width:1300px) {
	.bbs-webzin .webzin-item{padding:10px 0;padding-left:30px}
	.bbs-webzin .webzin-item .item-checkbox{z-index:10;top:10px}
	.bbs-webzin .webzin-item .item-subject{flex:1 1 100%;margin-top:5px}
	.bbs-webzin .webzin-item .item-order{position:absolute;top:0;right:0}
}
@media screen and (max-width:900px) {
	.bbs-webzin .webzin-item{padding-left:0}
	.bbs-webzin .webzin-item .item-checkbox{left:10px;top:20px}
	.bbs-webzin .webzin-item .item-img{flex:1 1 100%;margin:0}
	.bbs-webzin .webzin-item .item-container{flex:1 1 100%;margin-top:10px}
}
@media screen and (max-width:650px) {
	.bbs-webzin .webzin-item .item-fields .item-field{flex-basis:50%}
}


/* 포토형 게시판 */
.bbs-photo{display:flex;flex-wrap:wrap;margin-top: 15px;border-top:2px solid var(--primary);border-bottom:1px solid var(--border)}
.bbs-photo .photo-item{position:relative;flex:0 0 auto;width:calc(33.33% - 14px);margin: 15px 0 20px 21px;transition:border 100ms ease-out}
.bbs-photo .photo-item:nth-child(3n+1){margin-left:0}

.bbs-photo .photo-item .item-img{margin-bottom:10px}
.bbs-photo .photo-item .item-img a{position:relative;display:block;overflow:hidden;border-radius: 5px;padding-top:65%;box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3)}
.bbs-photo .photo-item .item-img a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transform:-ms-translate(-50%, -50%)}
.bbs-photo .photo-item .item-img a::after{content:'\e961\00a0확대';font-family: 'essentials' !important;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.6);opacity:0;transition:opacity 100ms ease-out;color:var(--text-white);font-size:12px}

.bbs-photo .photo-item .item-container{display:flex;flex-wrap:wrap}

.bbs-photo .photo-item .item-flags{z-index:10;position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;margin-right: 10px;align-items:center}
.bbs-photo .photo-item .item-flags > *{margin-right:3px;margin-bottom:3px}

.bbs-photo .photo-item .item-checkbox{margin-right:10px}

.bbs-photo .photo-item .item-subject{display:flex;flex:1;align-items:center;min-width: 0;transition:color 100ms ease-out}
.bbs-photo .photo-item .item-subject a{display:inline-block;max-width:100%;font-size: 16px;padding-bottom: 1px;line-height: 150%;font-weight:500;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.bbs-photo .photo-item .item-subject a span{border-bottom:1px solid transparent}
.bbs-photo .photo-item .item-subject a:hover {color:var(--text-black)}
.bbs-photo .photo-item .item-subject a:hover span{border-color:var(--border-hover)}

.bbs-photo .photo-item .item-order{margin-left:10px}
.bbs-photo .photo-item .item-order .cms-btn{padding:0 10px;height: 25px;border:1px solid var(--border)}
.bbs-photo .photo-item .item-order .cms-btn:hover{border-color:var(--border-hover)}
.bbs-photo .photo-item .item-order .cms-btn [class*=cms-icon]::before{font-size: 12px}
.bbs-photo .photo-item .item-order .cms-btn .cms-icon-Arrow-down-3{margin-right:0}
.bbs-photo .photo-item .item-order .cms-btn .cms-icon-Arrow-down-3::before{font-size: 10px;vertical-align: 1px}

.bbs-photo .photo-item .item-fields{flex:1 1 100%;display:flex;align-items:center;margin-top: 10px;padding: 10px;border-radius: 5px;background-color: var(--background-lightgray)}
.bbs-photo .photo-item .item-fields .item-field{display:flex;align-items:center;font-size: 14px}
.bbs-photo .photo-item .item-fields .item-field ~ .item-field{margin-left:10px}
.bbs-photo .photo-item .item-fields .item-field .field-label{display:flex;align-items:center;text-align:center;margin-right:5px;color:var(--text-black)}
.bbs-photo .photo-item .item-fields .item-field [class*="cms-icon"]{margin-right:5px}
.bbs-photo .photo-item .item-fields .item-field [class*="cms-icon"]::before{font-size:12px}
.bbs-photo .photo-item .item-fields .item-field:nth-child(1){flex:1}

.bbs-photo .photo-item:hover{border-color:var(--primary)}
.bbs-photo .photo-item:hover .ti-text{color:var(--primary)}
.bbs-photo .photo-item .item-img a:hover::after{opacity:1}


@media screen and (max-width:1000px) {
.bbs-photo .photo-item{width:calc(50% - 5px);margin-left:10px}
.bbs-photo .photo-item:nth-child(3n+1){margin-left:10px}
.bbs-photo .photo-item:nth-child(2n+1){margin-left:0}
}

/* 드랍 다운 UI */
.order-dropdown{z-index:10;position:relative}
.order-dropdown:hover{z-index:1000}
.order-dropdown{min-width:25px;min-height:25px}
.order-dropdown span{padding:0}
.order-dropdown [class*=cms-icon-]{margin:0;} 
.order-dropdown [class*=cms-icon-]:before{font-size:13px}
.order-dropdown .cms-setmenu{display:none;position:absolute;top: 100%;left:50%;min-width:calc(100% + 2px);transform:translateX(-50%);background-color:var(--background-white);border-radius:3px;box-shadow:1px 2px 10px 0 rgba(0, 0, 0, 0.3)}
.order-dropdown .cms-setmenu .setmenu-item [class*=cms-icon-]{margin-right:2px}
.order-dropdown .cms-setmenu .setmenu-item{border-top:1px solid var(--border);text-align:center}
.order-dropdown .cms-setmenu .setmenu-item a{display:block;padding: 7px 10px;font-size: 13px;white-space:nowrap}
.order-dropdown .cms-setmenu .setmenu-item a [class*=cms-icon-]:before{margin-right:3px;font-size:13px}
.order-dropdown .cms-setmenu .setmenu-item:first-child{border-top-width:0}
.order-dropdown .cms-setmenu .setmenu-item a:hover{color:var(--primary)}
.order-dropdown .cms-setmenu .setmenu-item a:hover [class*=cms-icon-]:before{color:var(--primary)}

/* 멀티 필드 검색 */
.cms-multisearch{z-index:100;position:relative;background-color:var(--background-white)}
.cms-multisearch input[type=text]{width:100%}
.cms-multisearch input, .cms-multisearch select{min-width: 100%;} 
.cms-multisearch [class^="form-selectbox"]{width:100%}
.cms-multisearch .multi-field-item{min-width:120px}
.cms-multisearch .field-group{display:flex}
.cms-multisearch .field-group .multi-field-item ~ .multi-field-item{margin-left:5px}
.cms-multisearch .field-keyword{flex: 1 1 auto}
.cms-multisearch .field-keyword input{min-width:100%}
.cms-multisearch .field-button{display: flex;flex: 0 0 auto;min-width: 0}

.cms-multisearch .details-group .multi-field-item{flex: 0 1 33.33%;padding:0 3px;margin-bottom: 15px}
.cms-multisearch .details-group{z-index: 10;width: 600px;position:absolute;top: 45px;right:0;display:flex;flex-wrap:wrap;background-color: var(--background-lightgray);padding: 20px;border:1px solid var(--border);border-radius: 7px}
.cms-multisearch .details-group .search-reset span{padding-left:20px;background:url(/resources/images/name/mng/layout/icon-reset.png) no-repeat 0 50%}
.cms-multisearch .details-group .button-group{flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content: flex-end;padding: 15px 0 0;border-top: 1px dashed var(--border)}

.cms-multisearch .multi-field-group{display:flex;width:100%;padding:0 3px;margin-bottom:15px;align-items:center;flex-wrap:wrap;min-width:0}
.cms-multisearch .multi-field-group .input{flex:0 0 100%}
.cms-multisearch .multi-field-group .button{display:flex;align-items:center;margin-top:5px;flex: 1 1 auto;min-width:0;max-width:100%}
.cms-multisearch .multi-field-group .button button{flex:1;height:37px;padding: 0 0}

@media screen and (max-width:600px) {
	.cms-multisearch .details-group{width:100%;padding:15px}
	.cms-multisearch .details-group .multi-field-item{flex-basis:100%;margin-bottom:5px}
	.cms-multisearch .details-group .button-group{justify-content:center;margin-top:10px}
} 


/* 공통 tooltip */
.schedule-tooltip{display:none;width:410px;padding:15px;text-align:left;border-radius:5px;border:1px solid var(--primary);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.5);background-color:var(--background-white)}
.schedule-tooltip .schedule-tooltip-title{display:block;margin-bottom:10px;line-height:140%;font-weight:500;color:var(--text-black);white-space: normal;}
.schedule-tooltip .schedule-tooltip-field{display:flex;flex-wrap:nowrap;border-bottom:1px solid var(--border)}
.schedule-tooltip .schedule-tooltip-field span{display:block;padding:10px 0;font-weight:500;color:var(--text-black)}
.schedule-tooltip .schedule-tooltip-field .schedule-tooltip-label{flex:0 0 auto;width:90px;padding:10px;background-color:var(--background-lightgray)}
.schedule-tooltip .schedule-tooltip-field .schedule-tooltip-pt{flex:1 0 auto;padding:10px}
.schedule-tooltip .schedule-tooltip-field:first-of-type{border-top:1px solid var(--border)}
.schedule-tooltip .schedule-tooltip-button{display:flex;flex-wrap:nowrap;margin-top:10px}
.schedule-tooltip .schedule-tooltip-button a{flex:1;text-align:center}

/* tooltip 1 */
.schedule-tooltip.toolti-alert{width:auto;max-width:300px}
.schedule-tooltip.toolti-alert .tooltip-alert-img{vertical-align:-2px}

/* FAQ */
.bbs-accordion{margin-top: 15px;padding-bottom: 10px;border-top: 1px solid var(--primary);border-bottom: 1px solid var(--border)}
.bbs-accordion .accordion-item{position:relative;padding: 15px 0;padding-left: 40px}
.bbs-accordion .accordion-item ~ .accordion-item{border-top:1px solid var(--border)}
.bbs-accordion .accordion-item .item-checkbox{position:absolute;top: 15px;left:0}
.bbs-accordion .accordion-item .item-flags{display:flex;margin-right: 10px;align-items:center}
.bbs-accordion .accordion-item .item-flags>* ~ *{margin-left:5px}

.bbs-accordion .item-head{display:flex;align-items: flex-start}
.bbs-accordion .item-head .item-fold{width:25px;height:25px;border:1px solid var(--border);border-radius:3px;margin-right:5px}
.bbs-accordion .item-head .item-fold [class*=cms-icon]::before{font-size:13px}
.bbs-accordion .item-head .item-fold:hover [class*=cms-icon]::before{color:var(--primary)}
.bbs-accordion .item-head .item-fold .fold{display:none}

.bbs-accordion .item-head .item-order{margin-left:10px}
.bbs-accordion .item-head .item-order .cms-btn{padding:0 10px;height: 25px;border:1px solid var(--border)}
.bbs-accordion .item-head .item-order .cms-btn:hover{border-color:var(--border-hover)}
.bbs-accordion .item-head .item-order .cms-btn [class*=cms-icon]::before{font-size: 12px}
.bbs-accordion .item-head .item-order .cms-btn .cms-icon-Arrow-down-3{margin-right:0}
.bbs-accordion .item-head .item-order .cms-btn .cms-icon-Arrow-down-3::before{font-size: 10px;vertical-align: 1px}

.bbs-accordion .item-head .item-subject{flex:1;text-align:left;font-weight: 500;line-height: 150%;font-size: 16px;transition:color 100ms ease-out}
.bbs-accordion .item-head .item-subject:hover {color:var(--text-black)}
.bbs-accordion .item-head .item-subject:hover span{border-color:var(--border-hover)}

.bbs-accordion .item-body{display:none;padding: 10px 0 0}
.bbs-accordion .item-fields{display:flex;flex-wrap:wrap;background-color: #f5f5f5;padding: 5px 10px 10px;border-radius:5px}
.bbs-accordion .item-fields .item-field{display:flex;align-items:center;min-width:33.33%;font-size: 13px;margin-top: 5px}
.bbs-accordion .item-fields .item-field .field-label{width:95px;padding:5px;border:1px solid var(--border);font-weight:500;border-radius:3px;color:var(--text-black);text-align:center;background-color:var(--background-white)}
.bbs-accordion .item-fields .item-field .field-text{flex:1 0 auto;margin-left:10px;color: #333}
.bbs-accordion .item-textarea{position:relative;margin-top: 15px;padding-left:35px}
.bbs-accordion .item-textarea .item-answer{position:absolute;top:0;left:0}
.bbs-accordion .item-textarea p{line-height:150%}
.bbs-accordion .item-question,
.bbs-accordion .item-answer{width:25px;height:25px;text-align:center;border-radius:3px;background-color:var(--text-black);font-weight:500;color:var(--text-white)}
.bbs-accordion .item-question{line-height:23px;margin-right: 10px;background-color: var(--primary)}
.bbs-accordion .item-answer{line-height:24px;background-color: #ff1717}
.bbs-accordion .item-textarea .formbox ~ .formbox{margin-top:0}
.bbs-accordion .accordion-item.is-open .item-subject{color:var(--primary)}
.bbs-accordion .accordion-item:hover .item-subject{color:var(--primary)}

@media screen and (max-width:1000px) {
	.bbs-accordion .item-fields .item-field{width:100%}
}


/* 검색 가능한 셀렉트 박스 */
.form-select-searchbox{position:relative;flex: 1;z-index: 0;height: 37px}
.form-select-searchbox-toggle{z-index:10;position:relative;width:100%;height:inherit;padding:0 30px 0 10px;line-height: 37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius: 3px;border:1px solid #d5d5d5;background-color:var(--background-white);cursor:pointer;text-align:left}
.form-select-searchbox-toggle:hover:before{color:var(--primary)}
.form-select-searchbox-toggle:focus{outline:2px solid var(--primary)}
.form-select-searchbox-toggle:after{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.form-select-searchbox-container{display:none;z-index: 10;position:absolute;top: 0;left: 0;width: 100%;padding: 0}
.form-select-searchbox-container input:focus{outline:0}
.form-select-searchbox-options{max-height:200px;overflow-y:auto;margin-top: 2px;border-radius: 3px;border: 1px solid var(--border);background-color: var(--background-white);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}
.form-select-searchbox-option{text-align:left;width:100%;padding:5px 10px;line-height:110%;cursor:pointer}
.form-select-searchbox-option.is-selected{background-color:var(--primary);color:var(--text-white)}
.form-select-searchbox-option:hover{background-color:#efefef;color:var(--text-black)}
.form-select-searchbox-not{padding:10px 0;text-align:center;border: 1px solid var(--border);background-color: var(--background-white)}
.form-select-keyword-section{display:flex;align-items:center}
.form-select-keyword-section input[type="text"]{flex:1 1 auto}
.form-select-keyword-section button{flex:0 0 auto;padding:0 10px;background-color:#444;margin-left:2px;border-radius:3px;height:37px;color:var(--text-white)} 

.form-select-searchbox.opened{z-index: 11}
.form-select-searchbox.opened .form-select-searchbox-container{display:block;border-radius: 0}
.form-select-searchbox.opened .form-select-searchbox-toggle{border-color:transparent;outline:2px solid var(--primary)}
/* .form-select-searchbox.reverse .form-select-searchbox-options{position:absolute;bottom:39px;left:0;width:100%;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5)}
.form-select-searchbox.reverse .form-select-searchbox-not{position:absolute;bottom:39px;left:0;width:100%;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5)}
 */
 
/* 이용안내 */
.cms-information-title{font-weight:500;font-weight:1.286rem;color:var(--text-black)}
.cms-information-title span{display:inline-block;margin-right:5px;padding:5px;vertical-align:2px;line-height:100%;font-family:'Roboto', sans-serif;font-size:0.7143rem;color:var(--text-white);background-color:var(--primary)}
.cms-information-item{margin-top:10px;padding:15px;border-top:1px solid var(--border)}
.cms-information-descript{padding:5px 10px;margin-top:5px;line-height:150%;letter-spacing:-1px}
.cms-information-descript b{display:block;margin:0 0 5px -5px;font-size:1.143rem;font-weight:500;color:var(--text-black)}

/* 차트 역역 */
.cms-dashboard-chart-wrapper{display:block;width:calc(50% - 5px);margin-right:5px}
.cms-dashboard-chart{position:relative;width:100%;padding:15px 0}
.cms-dashboard-chart #cmsChartCanvas-buttons{position:absolute;bottom:20px;left:0;width:100%}

.cms-chart-pie-totalSpace{position:absolute;bottom:70px;left:0;right:0;width:100%;text-align:center}

.cms-latest-bbs-item a{position:relative;display:block;padding:7px 100px 7px 7px}
.cms-latest-bbs-item span{display:block}
.cms-latest-bbs-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cms-latest-bbs-date{position:absolute;top:7px;right:7px;font-size:0.8571rem}
.cms-latest-bbs-item a:hover{background-color:var(--background-lightgray)}

/* 상세 내용보기 스타일 */
.cms-textarea-view{display:block;width:100%;line-height:150%;border-radius:5px}
.cms-textarea-view .pre-contents{white-space:pre-line;line-height:150%;word-break: break-all}
.cms-textarea-view *{line-height:150%;color:var(--text-black)}
.cms-textarea-view .error-message{color:#ff5050}

.cms-textarea-view a:link,
.cms-textarea-view a:active, 
.cms-textarea-view a:visited{color:#38a5ee;text-decoration:underline}

.cms-textarea-view p{line-height:150%}
.cms-textarea-view p ~ p{margin-top:10px}

.cms-textarea-view{width:100%}
.cms-textarea-view strong,
.cms-textarea-view b{font-weight:bold}
.cms-textarea-view i{font-style:italic}

.cms-textarea-view .color-default{color: #1e2d8e;font-style:normal}
.cms-textarea-view .color-red{color: #d22649;font-style:normal}
.cms-textarea-view .color-green{color: #0b9096;font-style:normal}
.cms-textarea-view .color-blue{color: #2d65cf;font-style:normal}


/* 코멘트 목록 */
.bbs-comment{margin-top:30px;padding-top:30px;border-top:2px dashed var(--border)}
.bbs-comment .comment-title{width:100%;padding:1.071rem 0 1.071rem 3.3rem;text-align:left;border:1px solid var(--border);border-radius:5px;background:url(/resources/images/name/mng/layout/icon-arr-circle-down.png) no-repeat 0.9rem 50%}
.bbs-comment .comment-title.is-selected{background-image:url(/resources/images/name/mng/layout/icon-arr-circle-up.png)}
.bbs-comment .comment-title span{display:inline-block;line-height:110%;font-size:1.143rem;font-weight:600;color:var(--text-black)}
.bbs-comment .comment-title span img{vertical-align:2px}
.bbs-comment .comment-list{padding:0 10px } 
.bbs-comment .comment-item{position:relative;padding:20px 0}
.bbs-comment .comment-item ~ .comment-item{border-top:1px solid var(--border)}
.bbs-comment .comment-item:after{content:'';display:block;clear:both}
.bbs-comment .comment-item-name{font-weight:600;color:var(--text-black)}
.bbs-comment .comment-item-date{position:absolute;top:5px;right:0;padding-left:17px;font-size:0.8571rem;background:url(/resources/images/name/mng/layout/icon-date.png) no-repeat 0 50%}
.bbs-comment .comment-item-content{margin:10px 0 0;padding-bottom:30px;background:#f5f5f5}
.bbs-comment .comment-item-content p{line-height:150%;padding:15px}
.bbs-comment .comment-item-buttons{position:absolute;bottom:0;right:0}
.bbs-comment .comment-item-buttons li{position:relative;float:left}
.bbs-comment .comment-item-buttons li:before{content:'';position:absolute;top:14px;left:0;height:10px;border-left:1px solid var(--border)}
.bbs-comment .comment-item-buttons li:first-child:before{display:none}
.bbs-comment .comment-item-buttons button{padding:10px 15px;border-radius:5px}

/* 코멘트 답변 더보기 */
.bbs-comment .comment-reply-more{margin-top:15px}
.bbs-comment .comment-reply-more button{padding-left:1.35rem;background:url(/resources/images/name/mng/layout/icon-reply.png) no-repeat 0 50%;transition:background 100ms ease-out}
.bbs-comment .comment-reply-more button:hover{background-image:url(/resources/images/name/mng/layout/icon-reply-hover.png)}

/* 코멘트 답변 열고 닫기*/
.comment-reply-fold{position:absolute;bottom:0;left:15px}
.comment-reply-fold button{display:inline-block;padding:10px 15px 10px 18px;background:url(/resources/images/name/mng/layout/icon-arr-down2.png) no-repeat 0 50%}
.comment-reply-fold button.is-selected{background-image:url(/resources/images/name/mng/layout/icon-arr-up2.png)}
.comment-reply-fold button b{font-weight:600}

/* 코멘트 */
.comment-item-more button{display:block;width:100%;text-align:center;font-weight:500;padding: 15px 0;border: 1px solid var(--border);border-radius: 5px}
.comment-item-more button span{display:inline-block;padding-left:1.2rem;background:url(/resources/images/name/mng/layout/icon-plus.png) no-repeat 0 50%}

.bbs-comment .comment-write{position:relative;padding:20px;margin-bottom:30px;border:1px solid var(--border);border-radius:5px}
.bbs-comment .comment-item-continer{position:relative;padding-bottom:0}
.bbs-comment .comment-write .comment-write-name{display:block;font-weight:600;margin-bottom:10px;color:var(--text-black)}
.bbs-comment .comment-write .comment-write-byte{position:absolute;top:20px;right:20px;color:var(--text-gray)}
.bbs-comment .comment-write-textarea, .bbs-comment .comment-reply-textarea{height:48px;padding:0;border-width:0;overflow:hidden;resize:unset;line-height:24px}
.bbs-comment .comment-write-textarea:focus, .bbs-comment .comment-reply-textarea:focus{outline:0}
.bbs-comment .comment-write-submit{position:absolute;bottom:10px;right:10px;padding:10px;border-radius:5px;border: 1px solid var(--primary);color: var(--primary)}
.bbs-comment .comment-write-submit:hover, .bbs-comment .comment-write-submit.is-hover{background-color: var(--primary);color:var(--text-white)}
.bbs-comment .comment-reply{padding-left:40px;background:url(/resources/images/name/mng/layout/icon-reply.png) no-repeat 15px 23px}
.bbs-comment .comment-reply ~ .comment-reply{border-top:1px dashed var(--border)}
.bbs-comment .comment-list .comment-write{margin:10px 0 0}
.bbs-comment .comment-list .comment-item + .comment-write{border-top-width:0;border-radius:0}
.bbs-comment .comment-list .comment-write + .comment-item{border-top-width:0}

.cms-coment-view .cms-coment-item{position:relative;padding:15px;border-top:1px solid var(--border)}
.cms-coment-view .cms-coment-item .cms-coment-item{padding:0;margin-left:20px;border-width:0}
.cms-coment-view .cms-coment-item+.cms-coment-item{margin-top:10px}
.cms-coment-view .cms-coment-item>.cms-coment-item{margin-top:10px}
.cms-coment-view .cms-coment-item:after{content:'';display:block;clear:both}
.cms-coment-view .cms-coment-label{display:inline-block}
.cms-coment-view .cms-coment-label a{display:inline-block;height:25px;line-height:25px;text-align:center;color:inherit}
.cms-coment-view .cms-coment-label a:hover{border-color:var(--primary);color:var(--primary)}
.cms-coment-view .cms-coment-date{display:inline-block;margin:0 10px;font-size:0.8571rem}
.cms-coment-view .cms-coment-button{display:inline-block;margin-left:2px;vertical-align:top}
.cms-coment-view .cms-coment-button .cms-btn{padding:0 10px;height:25px;line-height:100%;font-size:0.8571rem;border:1px solid var(--border)}
.cms-coment-view .cms-coment-button .cms-btn [class^=cms-icon-]{margin:0}
.cms-coment-view .cms-coment-button .cms-btn [class^=cms-icon-]:before{font-size:0.8571rem;transition:color 100ms ease-out;vertical-align:1px}
.cms-coment-view .cms-coment-button .cms-btn .cms-icon-Toggle-on:before{color:var(--primary)}
.cms-coment-view .cms-coment-button .cms-btn:hover{background-color:var(--primary);border-color:var(--primary);color:var(--text-white)}
.cms-coment-view .cms-coment-button .cms-btn:hover .cms-icon-Toggle-on:before{color:var(--text-white)}
.cms-coment-view .cms-coment-button .cms-btn.is-selected{background-color:var(--primary);border-color:var(--primary);color:var(--text-white)}

.cms-coment-view .cms-coment-text{position:relative;width:100%;padding:15px;margin-top:10px;background-color:#f1f1f1;overflow:hidden}
.cms-coment-view .cms-coment-text p{line-height:145%;color:#444}

.cms-coment-view .cms-coment-item.is-disabled>.cms-coment-text{opacity:0.3}
.cms-coment-view .cms-coment-item.is-enabled>.cms-coment-text{opacity:1}

.cms-coment-more{margin-top:10px}
.cms-coment-more button{width:100%;height:40px;text-align:center;border:1px solid var(--border);font-weight:500}
.cms-coment-more button :before{font-size:12px}
.cms-coment-more button:hover{color:var(--primary)}
.cms-coment-more button:hover :before{color:var(--primary)}

.cms-coment-item .cms-coment-more{margin:10px 0 0 10px}
.cms-coment-item .cms-coment-more button{outline:0;width:auto;height:auto;border:0;padding-left:20px;font-weight:400;font-size:13px;background:url(/resources/images/name/mng/layout/cms-reply.png) no-repeat 0 50%}
.cms-coment-item .cms-coment-more button span{border-bottom:1px solid transparent}

.cms-coment-item .cms-coment-more button:hover{background-image:url(/resources/images/name/mng/layout/cms-reply-hover.png)}
.cms-coment-item .cms-coment-more button:hover span{border-color:var(--primary);color:var(--primary)}

.cms-coment-item .cms-coment-hide{margin:10px 0 0 10px}
.cms-coment-item .cms-coment-hide button{outline:0}
.cms-coment-item .cms-coment-hide button span{font-size:13px;border-bottom:1px solid transparent}
.cms-coment-item .cms-coment-hide b{font-weight:500;font-size:inherit}
.cms-coment-item .cms-coment-hide [class*="cms-icon-"]{margin-right:5px}
.cms-coment-item .cms-coment-hide [class*="cms-icon-"]:before{font-size:10px}
.cms-coment-item .cms-coment-hide button:hover span{border-color:var(--primary);color:var(--primary)}
.cms-coment-item .cms-coment-hide button:hover [class*="cms-icon-"]:before{color:var(--primary)}

.cms-coment-item .cms-coment-hide .is-selected span{border-color:var(--primary);color:var(--primary)}
.cms-coment-item .cms-coment-hide .is-selected [class*="cms-icon-"]:before{color:var(--primary)}


/* 만족도 조사 */
.cms-star-score-select [class^="form-selectbox"] + [class^="form-selectbox"]{margin-top:2px}

.cms-star-score-value{position:relative;display:block;margin-top:15px;text-align:center;padding:15px 10px;border:1px solid var(--border)}
.cms-star-score-value span{display:inline-block;vertical-align:top;margin:3px;font-size:1.143rem;color:var(--text-black)}
.cms-star-score-value:after{content:'';display:block;clear:both}
.cms-star-score-value .cms-star-score-menu{display:block;margin-bottom:10px;font-weight:500}
.cms-star-score-value .cms-star-score-number{color:#f10}
.cms-star-score-value .cms-star-score-date{vertical-align:1px;font-size:0.8571rem;color:var(--text-gray)}

.cms-star-score-value a:hover{border-color:var(--primary)}
.cms-star-score-value a:hover .cms-star-score-menu{color:var(--primary)}
.cms-star-score-value a:hover .cms-icon-Fill-and-stroke:before{color:var(--primary)}

.cms-star-score-list{margin-top:15px;border-top:1px solid var(--border)}
.cms-star-score-list-item{position:relative;display:block;margin-top:10px;padding:0 115px 0 80px}
.cms-star-score-list-item span{display:block}
.cms-star-score-list-item .cms-star-score-img{position:absolute;top:0;left:0;width:100px;text-align:left}
.cms-star-score-list-item .cms-star-score-menu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.9286rem}
.cms-star-score-list-item .cms-star-score-date{position:absolute;top:0;right:0;font-weight:400;font-size:0.8571rem;color:#666}

/* 라이센스 */
.cms-license{background-color: #fff;border-radius: 5px}
.cms-license:after{content:'';display:block;clear:both}
.cms-license .cms-license-img{float:left;margin-right:20px}
.cms-license .cms-license-img a{display:block}
.cms-license .cms-license-type{overflow:hidden}
.cms-license .cms-license-type .cms-license-type-title{display:block;line-height:140%;font-weight:500;font-size:1.143rem;color:var(--text-black)}
.cms-license .cms-license-type .cms-license-type-title span{display:inline-block;vertical-align:bottom;margin-bottom:-3px;padding:7px 10px;line-height:100%;font-size:0.8571rem;background-color:#e0eaff;color:var(--text-black)}
.cms-license .cms-license-type .cms-license-type-list{margin-top:10px}
.cms-license .cms-license-type .cms-license-type-list li{position:relative;padding-left:8px;line-height:135%}
.cms-license .cms-license-type .cms-license-type-list li ~ li{margin-top:5px}
.cms-license .cms-license-type .cms-license-type-list li:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background-color:#ccc}

@media screen and (max-width:1000px) {
	.cms-license .cms-license-type .cms-license-type-title{font-size:15px;letter-spacing:-1px}
	.cms-license .cms-license-type .cms-license-type-list li{padding-left:0;font-size:13px}
}

@media screen and (max-width:600px) {
	.cms-license .cms-license-img{display:flex;justify-content:center;float:none;margin:0 0 15px}
	.cms-license .cms-license-img img{max-width:150px}
	.cms-license .cms-license-type{text-align:center}
	.cms-license .cms-license-type .cms-license-type-title{font-size:12px;letter-spacing:-1px}
	.cms-license .cms-license-type .cms-license-type-list li{padding-left:0;font-size:12px}
	.cms-license .cms-license-type .cms-license-type-list li:before{display:none}
}

/* 워드 카운트 */
.cms-word-counter{padding:10px 0}

/* 캡차 */
.captcha-wrapper{display:flex}
.captcha-wrapper .captcha-top{display:flex}
.captcha-wrapper .captcha-bottom{display:flex}
.captcha-wrapper .captcha-img{height: 37px}
.captcha-wrapper .captcha-img img{display:block;height:100%;max-width:none;background-color:var(--background-white)}
.captcha-wrapper .captcha-util{display:flex;margin-left:2px}
.captcha-wrapper .captcha-util button{width: 37px;height: 37px;border-radius: 3px;border:1px solid var(--border);background-color:var(--background-white)}
.captcha-wrapper .captcha-util button ~ button{margin-left:2px}
.captcha-wrapper .captcha-input{height: 37px;margin-left:2px}
.captcha-wrapper .captcha-input [type=text]{height:inherit;background-color:var(--background-white);min-width: 0}

/* 발송 결과 목록 */
.send-warpper{display:flex;flex-wrap:wrap}
.send-user-container{flex:1}
.send-user-container ~ .send-user-container{margin-left:10px}
.send-user-list{flex:1 1 auto !important;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px;height: 100%;max-height:300px;overflow:auto;min-width:0;border:1px solid var(--border);background-color:var(--background-lightgray);border-radius:5px}
.send-user-list .send-user-item{display:flex;align-items:center;flex:0 1 auto;width: calc(50% - 4px);padding:0 10px;border:1px solid var(--border);margin:2px;border-radius:3px;background-color:var(--background-white)}
.send-user-list .send-user-item>span{flex:1 1 auto;padding:10px;margin:0;font-size:14px;letter-spacing:-1px;font-weight:400;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.send-user-list .send-user-item>label{display:block;padding:10px 0;margin:0;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.send-user-list .send-user-item .flag-state{flex:0 0 auto;margin:0 0 0 5px}
.send-user-button .send-user-item ~ .send-user-item{margin-top:5px}
@media screen and (max-width:1600px) {
.send-user-list .send-user-item{width:calc(33.33% - 4px)}	
}
@media screen and (max-width:1300px) {
.send-user-list .send-user-item{width:calc(50% - 4px)}	
}
@media screen and (max-width:1000px) {
.send-user-list .send-user-item{width:100%}	
}


/* ?? */
.cms-prograss{display:flex;align-items:center;height:calc(100vh - 178px);margin:20px 0 0;padding:100px 0;text-align:center;background-color:var(--text-black)}
.cms-prograss .prograss-wrap{flex:1}
.cms-prograss .prograss-title{display:block;margin:50px 0 30px;font-family:'Roboto', sans-serif;font-weight:300;font-size:2.286rem;color:var(--text-white)}
.cms-prograss .prograss-descript{font-weight:100;line-height:170%;color:var(--text-white);opacity:0.8}
.cms-prograss .prograss-circle{position:static;;margin:25px auto 0;transform:none}
.cms-prograss .prograss-circle circle{stroke:rgba(255, 255, 255, 0.25)}


/* 설문조사 */
.bbs-survey{padding:0 20px}
.bbs-survey-item ~ .bbs-survey-item{margin-top:40px}
.bbs-survey-item .item-title{position:relative;margin-bottom:20px;font-weight:5 00;font-size:18px;color:#313131}
.bbs-survey-item .item-title i{display:inline-block;vertical-align:1px;padding:5px 10px 7px;font-weight:400;margin-right:5px;line-height:100%;font-size:0.8571rem;background-color:var(--primary);color:var(--text-white)}
.bbs-survey-item .item-result{position:relative;margin:0 50px}
.bbs-survey-item .item-result .result-list{z-index:1;position:relative;padding:10px 0}
.bbs-survey-item .item-result .result-list li{display:flex} 
.bbs-survey-item .item-result .result-list li ~ li{margin-top:20px}
.bbs-survey-item .item-result .result-list span{display:block}
.bbs-survey-item .item-result .result-list .label{width:150px;padding-right:10px;line-height:140%;color:var(--text-black)}
.bbs-survey-item .item-result .result-list .bar{flex:1}
.bbs-survey-item .item-result .result-list .bar span{position:relative;top:50%;transform:translateY(-50%);display:block;width:inherit;height:10px;background-color:var(--primary)}
.bbs-survey-item .item-result .result-list .bar i{position:absolute;top:-4px;right:-40px;color:var(--text-black);font-size:16px;white-space:nowrap}
.bbs-survey-item .item-result .result-plot{position:absolute;top:0;left:0;padding-left:150px;display:flex;min-width:100%;height:100%}
.bbs-survey-item .item-result .result-plot div{position:relative;border:solid var(--border);border-width:0 1px 1px 0}
.bbs-survey-item .item-result .result-plot div ~ div{flex:1}
.bbs-survey-item .item-result .result-plot i{position:absolute;bottom:-17px;right:0;transform:translateX(50%)}
.bbs-survey-item .item-questions{display:flex;flex-wrap:wrap;min-width:100%;margin-top:-20px;padding-left:70px}
.bbs-survey-item .item-questions li{flex:1 0 auto;margin:20px 20px 0 0}
.bbs-survey-item .item-thought{display:none;margin-top:20px;padding-left:70px}
.bbs-survey-item .item-thought label{margin-bottom:10px}
.bbs-survey-item .item-questions .item-type-text{flex:0 auto;min-width:100%}
.bbs-survey-item .item-questions .item-type-text .questions{margin-bottom:10px}

/* 참여자 의견 목록 */
.result-thought{display:flex;flex-wrap:wrap;min-width:100%;margin-top:40px;padding:15px;border:1px solid var(--border)}
.result-thought-count{flex:1;font-weight:500;padding-top:12px}
.result-thought-count b{font-weight:inherit}
.result-thought-button{min-width:140px;text-align:right}
.result-thought-list{min-width:100%;margin-top:15px}
.result-thought-list ul li{display:flex;line-height:135%}
.result-thought-list ul li ~ li{margin-top:7px;padding-top:7px;border-top:1px dashed var(--border)}
.result-thought-list ul li b{display:flex;min-width:150px;justify-content:center;align-items:center;padding:10px;font-weight:500;background-color:var(--background-lightgray)}
.result-thought-list ul li span{flex:1;padding:10px}

/* 주관식 서술형 */
.bbs-survey-item .result-narrative{z-index:1;position:relative;padding:10px 0}
.bbs-survey-item .result-narrative li ~ li{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.bbs-survey-item .result-narrative .label{line-height:140%;color:var(--text-black)} 
.bbs-survey-item .result-narrative .form-text{padding:15px;background-color:var(--background-lightgray)}

/*게시물 갯수 */
.cms-totalcount{font-weight:500;font-size:19px;color:var(--text-black)}
.cms-totalcount i{color:var(--primary)}

/* 게시판 정렬 및 버튼 */
.bbs-function{display:flex;flex-wrap:wrap;margin-top: 15px;align-items: center;}
.bbs-function .bbs-function-sort{display:flex}
.bbs-function .bbs-function-sort>* ~ *{margin-left:5px}

.bbs-function .bbs-function-button{display:flex;flex: 1;justify-content: flex-end;align-items:center}
.bbs-function .bbs-function-button .button-container{display:flex;flex:0 0 auto;justify-content:flex-end;align-items:center}
.bbs-function .bbs-function-button .button-container ~ .button-container{margin-left:5px}
.bbs-function .bbs-function-button .align-left{flex:1 1 auto;justify-content:flex-start}
.bbs-function .bbs-function-button .align-right{justify-content:flex-end}
.bbs-function .bbs-function-button .div{margin: 0px 7px;height:20px;border-left: 1px solid var(--border)}

.bbs-function .bbs-function-theme{display:flex;margin-left: 15px}
.bbs-function .bbs-function-theme button{height:25px;font-weight:500}
.bbs-function .bbs-function-theme button ~ button{margin-left:15px}
.bbs-function .bbs-function-theme button [class^=cms-icon]{margin-right:5px}
.bbs-function .bbs-function-theme button:hover{color:var(--text-black)}
.bbs-function .bbs-function-theme button:hover [class^=cms-icon]::before{color:var(--text-black)}
.bbs-function .bbs-function-theme button.is-selected{color:var(--text-black)}
.bbs-function .bbs-function-theme button.is-selected [class^=cms-icon]::before{color:var(--primary)}
@media screen and (max-width:800px) {
	.bbs-function .bbs-function-util{flex:1 1 100%}
	.bbs-function .bbs-function-button{flex:1 1 100%;justify-content:flex-start;margin-top:10px}
	.bbs-function .bbs-function-button>button{flex:1 1 auto}
	.bbs-function .bbs-function-button>button + button{margin-left:5px}
}

.bbs-search{z-index:100;position:relative;display:flex;flex-wrap:wrap;align-items: flex-end;padding:0 0 15px;border-bottom:1px dashed var(--border)}
.bbs-search .cms-totalcount{flex:1}
.bbs-search .cms-multisearch{flex:0 1 auto}
@media screen and (max-width:800px) {
	.bbs-search .cms-multisearch{flex:1 1 100%;margin-top:10px}
}


/* 버튼 그룹 */
.bottom-buttons{display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.bottom-buttons .align-left{flex:1 1 auto}
.bottom-buttons .align-right{flex:0 1 auto}
.bottom-buttons.align-center{justify-content:center}
.bottom-buttons.align-right{justify-content:flex-end}
.bottom-buttons.align-left{justify-content:flex-start}


/* 일정 게시판 달력형 */
.bbs-schedule{padding-top:20px;margin-top:10px;border-top:2px solid var(--primary)}
.bbs-schedule .schedule-head{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.bbs-schedule .schedule-head button{padding:10px 15px;border-radius:3px;background-color:var(--background-darkgray);color:var(--text-white);transition:all 100ms ease-out}
.bbs-schedule .schedule-head [class^="cms-icon"]{margin:0}
.bbs-schedule .schedule-head [class^="cms-icon"]::before{color:var(--text-white);opacity:0.7;transition:opacity 100ms ease-out}
.bbs-schedule .schedule-head button:hover [class^="cms-icon"]::before{opacity:1}

.bbs-schedule .schedule-head .schedule-head-prev [class^="cms-icon"]{margin-right:10px}
.bbs-schedule .schedule-head .schedule-head-next [class^="cms-icon"]{margin-left:10px}
.bbs-schedule .schedule-head .schedule-head-prev:hover, 
.bbs-schedule .schedule-head .schedule-head-next:hover{background-color: #333}
.bbs-schedule .schedule-head .schedule-head-today{margin-left:10px;background-color:var(--primary)}
.bbs-schedule .schedule-head .schedule-head-today:hover{background-color:var(--hover)}

.bbs-schedule .schedule-head .schedule-head-date{display:flex;flex:0 1 auto;margin:0 10px}
.bbs-schedule .schedule-head .schedule-head-date>div{position:relative}
.bbs-schedule .schedule-head .schedule-head-date>div select{z-index:1;position:relative;padding:0 23px 0 8px;height:34px;font-size:18px;line-height:100%;font-weight:700;letter-spacing:-1px;color:var(--text-black);border-width:0;background-color:transparent}
.bbs-schedule .schedule-head .schedule-head-date>div select:hover{outline:2px solid var(--primary)}
.bbs-schedule .schedule-head .schedule-head-date>div::before{content:'\e9a6';height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color:#666;position:absolute;top:50%;right: 8px;transform:translateY(-50%)}
.bbs-schedule .schedule-head .schedule-head-date>div:hover::before{color:var(--primary)}
.bbs-schedule .schedule-head .schedule-head-date>div ~ div{margin-left: 5px}
.bbs-schedule .schedule-head .schedule-head-date>span{display:flex;align-items:center;font-weight:700;font-size:18px;color:var(--text-black)}

.bbs-schedule .dayblock .item .item-subject{flex: 1;display:flex;min-width: 0;line-height: 110%;font-size: 12px;flex-wrap:wrap;;min-height:25px;align-items:center}
.bbs-schedule .dayblock .item .item-subject button{width:100%;padding: 2px 5px;min-height: 25px;line-height: 110%;}
.bbs-schedule .dayblock .item .item-subject button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;font-size: 12px;}
.bbs-schedule .dayblock .item .item-subject a span,
.bbs-schedule .dayblock .item .item-subject a{
  text-align:left;white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bbs-schedule .___schedule-default{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;border-width:0}
.bbs-schedule .___schedule-default thead th{padding:20px;font-weight:500;border-width:0;font-size: 18px}
.bbs-schedule .___schedule-default tbody td{padding:0;text-align:right;vertical-align:top;border:1px solid #f1f1f1}
.bbs-schedule .___schedule-default thead th:first-child, .bbs-schedule .___schedule-default tbody td:first-child{border-left-width:0}
.bbs-schedule .___schedule-default thead th:last-child, .bbs-schedule .___schedule-default tbody td:last-child{border-right-width:0}
.bbs-schedule .___schedule-default .dayblock{min-height: 140px;}
.bbs-schedule .___schedule-default .dayblock .day{display:inline-block;width:25px;height:25px;text-align:center;line-height: 22px;font-weight:500;font-size:12px;margin:5px}
.bbs-schedule .___schedule-default .dayblock .today{display:inline-block;width:25px;height:25px;text-align:center;line-height:23px;font-weight:500;font-size:12px;margin:5px;border-radius:100%;background-color:var(--background-darkgray);color:var(--text-white)}
.bbs-schedule .___schedule-default .dayblock .item{display:flex;position:relative;margin: 0 5px;align-items: flex-start;min-width:0;}
.bbs-schedule .___schedule-default .dayblock .item ~ .item{margin-top: 5px;}
.bbs-schedule .___schedule-default .dayblock .item .item-flags{display:flex;flex:0 0 auto}
.bbs-schedule .___schedule-default .dayblock .item .flag-state{flex:0 0 auto;margin-right: 3px;font-size: 11px;}
.bbs-schedule .___schedule-default .dayblock .item .flag-state .flag-state ~ .flag-state{margin-left:2px} 

.bbs-schedule .___schedule-default .dayblock .item .item-checkbox{flex:0 0 auto}
.bbs-schedule .___schedule-default .dayblock .item .item-order{flex:0 0 auto}
.bbs-schedule .___schedule-default .dayblock .item .item-order .cms-btn{width:28px;height:25px}
.bbs-schedule .___schedule-default .dayblock .item .item-order .cms-btn [class^=cms-icon]{margin:0}

.bbs-schedule .___schedule-default .details{text-align:left;padding:5px}
.bbs-schedule .___schedule-default .details button{width:100%;}

.bbs-schedule .___schedule-default .sun .day{color:red}
.bbs-schedule .___schedule-default .sat .day{color:blue}

.bbs-schedule .___schedule-default .dayblock .item .item-subject button{background-color:var(--primary);border-radius:3px}
.bbs-schedule .___schedule-default .dayblock .item .item-subject button span{color:var(--text-white)}


/* 일정 게시판 목록형 */
.bbs-schedule .___schedule-list caption,
.bbs-schedule .___schedule-list colgroup,
.bbs-schedule .___schedule-list thead,
.bbs-schedule .___schedule-list .dayblock .day,
.bbs-schedule .___schedule-list .dayblock .today{display:none}
.bbs-schedule .___schedule-list,
.bbs-schedule .___schedule-list tbody,
.bbs-schedule .___schedule-list tbody tr,
.bbs-schedule .___schedule-list tbody td{display:block;text-align:left;border-width:0}

.bbs-schedule .___schedule-list tbody td{display:none;margin-top:10px}
.bbs-schedule .___schedule-list tbody td[data-head]{display:flex;padding:0;flex-wrap: wrap;border:1px solid var(--border);border-radius:5px;box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.2)}
.bbs-schedule .___schedule-list .schedule-list-week{flex: 0 0 auto;width:100px;padding:20px 10px;font-weight:500;text-align:center;background-color:var(--background-lightgray);color:var(--text-black);border-radius: 5px 0 0 5px}
.bbs-schedule .___schedule-list .schedule-list-week span{display:inline-block}
.bbs-schedule .___schedule-list .schedule-list-week-day{margin-right:7px;width:30px;height:30px;text-align:center;line-height:28px;font-size:14px;background-color:var(--background-darkgray);border-radius:100%;color:var(--text-white)}
.bbs-schedule .___schedule-list .schedule-list-week-head{font-size:16px}
.bbs-schedule .___schedule-list .dayblock{flex: 1;display: flex;flex-wrap: wrap;align-items: center;padding:10px;}
.bbs-schedule .___schedule-list .dayblock .item{flex:1 1 100%;display:flex;position:relative;align-items: center;padding:5px 0}
.bbs-schedule .___schedule-list .dayblock .item .item-flags{flex:0 0 auto;display:flex;margin-right: 2px;}
.bbs-schedule .___schedule-list .dayblock .item .item-flags .flag-state{flex:0 0 atuo}
.bbs-schedule .___schedule-list .dayblock .item .item-flags .flag-state ~ .flag-state{margin-left:3px}
.bbs-schedule .___schedule-list .dayblock .item ~ .item{border-top:1px dashed var(--border)}
.bbs-schedule .___schedule-list .dayblock .item .item-subject{line-height: 130%;}
.bbs-schedule .___schedule-list .dayblock .item .item-subject button{width:auto}
.bbs-schedule .___schedule-list .dayblock .item .item-subject span{display:block;font-size: 1rem;}
.bbs-schedule .___schedule-list .dayblock .item .item-subject:hover{border-color:var(--primary);background-color:var(--background-white);text-decoration:underline}
.bbs-schedule .___schedule-list .dayblock .item .item-checkbox{flex:0 0 auto}
.bbs-schedule .___schedule-list .dayblock .item .item-order{flex: 0 0 25px;text-align: center;}

.bbs-schedule .___schedule-list .___week-today .schedule-list-week-day{background-color:var(--primary)}

.bbs-schedule .___schedule-list .sun .schedule-list-week{color:red}
.bbs-schedule .___schedule-list .sat .schedule-list-week{color:blue}

.bbs-schedule .___schedule-list tbody td[data-head]{position:relative}
.bbs-schedule .___schedule-list .details{width: 100%;border-top:1px solid var(--border)} 
.bbs-schedule .___schedule-list .details button{width: 100%;text-align: center;border-width:0}


/* 공통 툴팁 레이어박스 */
.cms-tooltip{padding:10px;border:1px solid var(--primary);background-color:var(--background-white);box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.2);border-radius:5px}
.cms-tooltip .tooltip-alert-img{vertical-align:-2px}



/* 권한 목록 */
#authList{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
#authList .auth-wrapper{flex: 0 1 auto;min-width: 0;max-width:1000px;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.5);border-radius:10px}
#authList .auth-wrapper .auth-buttons{display:flex;flex-wrap:wrap;padding: 20px;flex-wrap:wrap;background-color:var(--background-white);border-radius:10px 10px 0 0}
#authList .auth-wrapper .auth-buttons label{margin:5px 2px;padding:7px;border-radius:3px;font-weight:300;background-color:var(--text-black);color:var(--text-white)}
#authList .auth-wrapper .auth-buttons label.is-selected{background-color:var(--primary)}
#authList .auth-wrapper .bottom-buttons{padding:0;margin:0;border-radius:0 0 10px 10px;overflow:hidden}
#authList .auth-wrapper .bottom-buttons .cms-btn{flex:1;margin:0;border-radius:0;height:65px}
#authList .auth-wrapper .bottom-buttons .cms-btn span{font-size:18px}

#authList .auth-wrapper .auth-search{background-color:var(--background-white);border-radius:10px 10px 0 0;padding: 20px;display:flex;min-width: 0;}
#authList .auth-wrapper .auth-search .auth-items{height:calc(100% - 50px);min-height:200px;max-height:300px;overflow-y:scroll;padding-right:10px;}
#authList .auth-wrapper .auth-search .auth-items .item ~ .item{margin-top:10px}
#authList .auth-wrapper .auth-search .auth-items .item label{display:block;padding:10px;border-radius:10px;border:1px solid var(--border)}
#authList .auth-wrapper .auth-search .auth-items .item label:hover{border-color:var(--border-hover)}
#authList .auth-wrapper .auth-search .auth-items .item label input + span{vertical-align:-4.5px}
#authList .auth-wrapper .auth-search .auth-search-body{flex: 1;}
#authList .auth-wrapper .auth-search .auth-search-body .auth-add-keyword{display:none;z-index:10;position:absolute;top:0;right:0}
#authList .auth-wrapper .auth-search .auth-search-result{flex: 1;margin-left:25px;height:calc(100% - 50px);min-height:200px;max-height:350px;overflow-y:scroll;padding-right:20px;width: 265px}
#authList .auth-wrapper .auth-search .auth-search-result .item{display:flex;border-radius:3px;background-color:#333;color:var(--text-white)}
#authList .auth-wrapper .auth-search .auth-search-result .item span{flex:1;padding:7px;}
#authList .auth-wrapper .auth-search .auth-search-result .item button{border-radius:3px;flex:0 0 auto;padding:7px;background-color:rgba(255, 255, 255, 0.25)}
#authList .auth-wrapper .auth-search .auth-search-result .item button i::before{color:var(--text-white)}
#authList .auth-wrapper .auth-search .auth-search-result .item ~ .item{margin-top:10px}


#authList.is-hidden{display:none}

#documentFileExtensionList{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
#documentFileExtensionList .auth-wrapper{width:100%;max-width:400px;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.5);border-radius:10px}
#documentFileExtensionList .auth-wrapper .auth-buttons{display:flex;flex-wrap:wrap;padding: 20px;flex-wrap:wrap;background-color:var(--background-white);border-radius:10px 10px 0 0}
#documentFileExtensionList .auth-wrapper .auth-buttons label{margin:5px 2px;padding:7px;border-radius:3px;font-weight:300;background-color:var(--text-black);color:var(--text-white)}
#documentFileExtensionList .auth-wrapper .auth-buttons label.is-selected{background-color:var(--primary)}
#documentFileExtensionList .auth-wrapper .bottom-buttons{padding:0;margin:0;border-radius:0 0 10px 10px;overflow:hidden}
#documentFileExtensionList .auth-wrapper .bottom-buttons .cms-btn{flex:1;margin:0;border-radius:0;height:65px}
#documentFileExtensionList .auth-wrapper .bottom-buttons .cms-btn span{font-size:18px}
#documentFileExtensionList.is-hidden{display:none}

#thumbnailFileExtensionList{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
#thumbnailFileExtensionList .auth-wrapper{width:100%;max-width:400px;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.5);border-radius:10px}
#thumbnailFileExtensionList .auth-wrapper .auth-buttons{display:flex;flex-wrap:wrap;padding: 20px;flex-wrap:wrap;background-color:var(--background-white);border-radius:10px 10px 0 0}
#thumbnailFileExtensionList .auth-wrapper .auth-buttons label{margin:5px 2px;padding:7px;border-radius:3px;font-weight:300;background-color:var(--text-black);color:var(--text-white)}
#thumbnailFileExtensionList .auth-wrapper .auth-buttons label.is-selected{background-color:var(--primary)}
#thumbnailFileExtensionList .auth-wrapper .bottom-buttons{padding:0;margin:0;border-radius:0 0 10px 10px;overflow:hidden}
#thumbnailFileExtensionList .auth-wrapper .bottom-buttons .cms-btn{flex:1;margin:0;border-radius:0;height:65px}
#thumbnailFileExtensionList .auth-wrapper .bottom-buttons .cms-btn span{font-size:18px}
#thumbnailFileExtensionList.is-hidden{display:none}

#imageFileExtensionList{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
#imageFileExtensionList .auth-wrapper{width:100%;max-width:400px;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.5);border-radius:10px}
#imageFileExtensionList .auth-wrapper .auth-buttons{display:flex;flex-wrap:wrap;padding: 20px;flex-wrap:wrap;background-color:var(--background-white);border-radius:10px 10px 0 0}
#imageFileExtensionList .auth-wrapper .auth-buttons label{margin:5px 2px;padding:7px;border-radius:3px;font-weight:300;background-color:var(--text-black);color:var(--text-white)}
#imageFileExtensionList .auth-wrapper .auth-buttons label.is-selected{background-color:var(--primary)}
#imageFileExtensionList .auth-wrapper .bottom-buttons{padding:0;margin:0;border-radius:0 0 10px 10px;overflow:hidden}
#imageFileExtensionList .auth-wrapper .bottom-buttons .cms-btn{flex:1;margin:0;border-radius:0;height:65px}
#imageFileExtensionList .auth-wrapper .bottom-buttons .cms-btn span{font-size:18px}
#imageFileExtensionList.is-hidden{display:none}

/* 파일타입 목록 */
#fileTypeList{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
#fileTypeList .type-wrapper{width:100%;max-width:480px;background-color:var(--background-white);padding:20px;border-radius:10px;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.5)}
#fileTypeList .type-wrapper .type-buttons{display:flex;flex-wrap:wrap}
#fileTypeList .type-wrapper .type-buttons label{margin:5px 2px;padding:7px;border-radius:3px;font-size:13px;font-weight:300;background-color:var(--text-black);color:var(--text-white)}
#fileTypeList .type-wrapper .type-buttons label.is-selected{background-color:var(--primary)}
#fileTypeList.is-hidden{display:none} 
#fileTypeList .type-head{padding:10px;border:1px solid var(--border);border-radius:5px}
#fileTypeList .type-head .formbox{padding:0}
#fileTypeList .type-body{padding:10px 10px 0;margin-top:15px;border-top:2px solid var(--primary)}
#fileTypeList .form-label{width:80px;justify-content:flex-start}
#fileTypeList .form-label .label{display:flex;align-items:center}
#fileTypeList input[disabled]:checked+span{background-color:var(--border);border-color:var(--border)}


/* 만족도 조사 1 */
.star-wrapper{display:flex;align-items: center;padding-right:15px}
.star-wrapper span{display:flex;align-items: center}
.star-wrapper span img{margin-left:3px}
.review-contents{display:flex;flex-wrap:wrap;padding:15px;background-color:var(--background-darkgray);border: 1px solid var(--border);border-radius:5px}
.review-contents .star-wrapper{flex:1;text-align:center}
.review-contents .star-wrapper:not(:first-of-type){border:dashed var(--border);border-width:0 0 0 1px}
.review-contents .star-wrapper input+span{width:18px;height:18px;margin:0}
.review-contents .star-wrapper .star-value .value-text{display:block;margin:5px 0 0;color:var(--text-black)}
.review-contents .star-wrapper .star-value .value-img{margin:5px 0 0}
.review-contents .etc-wrapper{flex:0 0 auto;width:calc(100% - 72px);margin-top:15px}
.review-contents .button-wrapper{flex:0 0 auto;margin:15px 0 0 2px}
@media screen and (max-width:700px) {
.review-contents{display:block;padding:0 15px 15px}
.review-contents::after{content:'';display:block;clear:both}
.review-contents .star-wrapper{display:flex;padding:15px 10px;text-align:left}
.review-contents .star-wrapper:not(:first-of-type){border-width:1px 0 0 0}
.review-contents .star-wrapper .star-value{display:flex;margin-left:10px}
.review-contents .star-wrapper .star-value .value-text{flex:1 0 auto;width:100px;margin:0}
.review-contents .star-wrapper .star-value .value-img{flex:0 0 auto;margin:0}
.review-contents .etc-wrapper{width:100%;margin:0}
.review-contents .button-wrapper{margin:15px 0 0 0}
.review-contents .button-wrapper button{width:100%}
}

/* 설문조사(미완성) */
.bbs-survay{margin-top: 10px;padding-bottom: 10px;border-top: 2px solid var(--primary)}
.bbs-survay .survay-item{display:flex;flex-wrap:wrap;align-items:flex-start;padding: 15px;margin-top:10px;border:1px solid var(--border);border-radius:5px}
.bbs-survay .survay-item:hover{border-color:var(--primary)}
.bbs-survay .survay-check{height:38px;display:flex;align-items:center}
.bbs-survay .survay-field{flex:1}
.bbs-survay .form-button{margin-left:5px}
.bbs-survay .survay-field .formbox{padding:0;border-width:0}
.bbs-survay .survay-field .formbox ~ .formbox{margin-top:5px}
.bbs-survay .survay-field .formbox>*{margin:0}
.bbs-survay .survay-answer{flex:0 0 100%}
.bbs-survay .survay-answer .answer-add{display:flex;margin-top:20px;align-items:center}
.bbs-survay .survay-answer .answer-add .add-item{flex:1}
.bbs-survay .survay-answer .answer-add .add-etc label{display:flex;align-items:center}
.bbs-survay .survay-answer .answer-add .add-etc label input+span{flex: 0 0 auto;width:18px;height: 18px}
.bbs-survay .survay-answer .answer-add .add-etc label input+span::before{top:3px;left:2.5px}
.bbs-survay .survay-answer .answer-list li [class^="cms-icon-"]{flex:0 0 auto;margin:0}
.bbs-survay .survay-answer .answer-list li ~ li{margin-top:2px}
.bbs-survay .survay-answer .answer-list li input{margin: 0px 5px;border-radius:0;border-width:0 0 2px}
.bbs-survay .survay-answer .answer-list li input:focus{border-color:var(--primary);outline:0}
.bbs-survay .survay-answer .answer-list li input[readonly]:focus{border-color:var(--border);outline:0}
.bbs-survay .survay-answer .answer-list li input[readonly]{border-bottom:1px solid var(--border);background-color:var(--background-white)f;cursor:default}
.bbs-survay .survay-answer .answer-list li{display:flex;align-items:center}
.bbs-survay .survay-answer .answer-list li input{flex:1}
.bbs-survay .survay-answer .answer-list li button{display:flex;height:38px;align-items:center}
.bbs-survay .survay-answer .answer-list li button:hover ::before{opacity:1}
.bbs-survay .survay-answer .answer-list li [class^="cms-icon-"] + .survay-fake-input{margin-left:10px}
.bbs-survay .survay-answer .answer-list li .___link-text{width:150px;padding-left:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-survay .survay-answer .answer-list li .___link-remove{margin-left:2px}

.bbs-survay .increase-button{padding-top:15px;margin-top:15px;text-align:center;border-top:2px solid var(--border)}

.bbs-survay * + .survay-answer{padding-top: 15px;margin-top: 15px;border-top:1px dashed var(--border)}
.bbs-survay > .survay-answer{margin-top:15px}


/* 설문조사 질의 연결 목록 */
.survay-link-list{z-index:100000;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7)}
.survay-link-list .link-warpper{display:flex;flex-wrap:wrap;flex:1 0 95%;max-height:95%;max-width:800px;padding:15px;margin:15px;border-radius:5px;background-color:var(--background-white)}
.survay-link-list .link-warpper>div{flex:0 0 100%}
.survay-link-list .link-body{padding:15px;background-color:var(--background-lightgray);overflow-y:scroll}
.survay-link-list .link-foot{background-color:var(--background-white)}

.survay-link-list .link-items li{display:flex;align-items:center;padding:0.7rem;border:1px solid var(--border);border-radius:3px;background-color:var(--background-white);font-weight:500;transition:all 100ms ease-out}
.survay-link-list .link-items li ~ li{margin-top:5px}
.survay-link-list .link-items li:hover{border-color:var(--primary);color:var(--text-black)}
.survay-link-list .link-items .item-title{flex:1}

.survay-link-list .link-search{margin-bottom:15px;display:flex;background-color:var(--background-white)}
.survay-link-list .link-search input{flex:1;margin-right:5px}

.survay-link-list.is-hidden{display:none}
.survay-link-list .___empty-item{text-align:center}

.btn-tooltip{width:20px;height:20px;background:url(/resources/images/name/mng/layout/icon-tooltip.png) no-repeat 0 0}



/* 목록형 텍스트 */
*+ul.list, *+ol.list{margin-top:10px}
ul.list li, ol.list li{position:relative;line-height:150%;padding-left:20px}
ul.list>li{padding-left:12px;background: url(/resources/images/name/mng/styleguide/list-bullet-large.png) no-repeat 0 9px}
ul ul.list>li{padding-left: 12px;background: url(/resources/images/name/mng/styleguide/list-bullet-small.png) no-repeat 0 10px}
ol ol.list>li{padding-left:17px}
ol.list{counter-reset:chapter}
ol.list>li::before{content:counters(chapter, "-")'.';counter-increment:chapter +1;display:inline-block;margin-right:5px;position:absolute;top:3px;left:0}
ul.list .list, ol.list .list{margin:5px 0 0 10px}
ul.list li ~ li, ol.list li ~ li{margin-top:5px}

ol.list ol.list{counter-reset:section}
ol.list ol.list>li::before{content:counters(section, "-")')';counter-increment:section +1}

div>ol.list{counter-reset:article}
div>ol.list>li::before{content:counters(article, "-")'.';counter-increment:article +1}

.borderbox>ol.list{counter-reset:borderItem}
.borderbox>ol.list>li::before{content:counters(borderItem, "-")'.';counter-increment:borderItem +1}

.list li>ol.list, .list li>ul.list{margin-left:0}




.file-contents{display:flex;flex-wrap:wrap}
.file-contents .form-file-label{display: flex;flex:0 0 200px;align-items:center;margin-right:10px}
.file-contents .form-file-label .label{flex:1 1 auto;line-height: 130%}
.file-contents .form-file-label .btn-tooltip{flex:0 0 auto;margin-right:10px}


.bbs-file .file-contents ~ .file-contents{margin-top:5px}


.borderbox{padding: 20px;border: 1px solid var(--border);border-radius: 5px}
.borderbox ~ .borderbox{margin-top:10px}





.signup-termsuse{background-color:var(--background-white)}
.signup-termsuse h2{font-weight:700;font-size:24px;color: #08255c;font-family: 'Pretendard',sans-serif}
.signup-termsuse h3{font-weight:700;font-size:21px;color: #3164c2}
.signup-termsuse h4{font-weight:700;font-size:17px;color: var(--text-black)}
.signup-termsuse .signup-termsuse-head{margin-bottom: 10px}
.signup-termsuse .signup-termsuse-scroll-y{overflow-y:scroll;height: 120px;padding-right: 10px}
.signup-termsuse .signup-termsuse-body{border:solid var(--border);border-width:1px;border-radius:7px 7px 0 0;padding: 30px 10px 30px 30px}
.signup-termsuse .signup-termsuse-body h2{margin-bottom:10px}
.signup-termsuse .signup-termsuse-body *+h2{margin-top:30px}
.signup-termsuse .signup-termsuse-body *+h3{margin-top:20px}
.signup-termsuse .signup-termsuse-body *+h4{margin-top:20px}
.signup-termsuse .signup-termsuse-foot{display:flex;flex-wrap:wrap;padding: 10px  25px;justify-content:center;align-items:center;border-radius:0 0 7px 7px}
.signup-termsuse .signup-termsuse-foot .error-message{flex:1 1 100%}
.signup-termsuse .signup-termsuse-text{flex:1 1 auto;font-size: 18px;color: var(--text-black);text-align:center}
.signup-termsuse .signup-termsuse-confirm{flex:0 0 auto}
.signup-termsuse .signup-termsuse-confirm .confirm-button{padding: 10px 0;width:120px;text-align: center;background-color:var(--background-white);font-size: 15px;color: var(--text-black);border-radius: 3px}
.signup-termsuse .signup-termsuse-confirm .confirm-button:nth-child(1) input{top: 11px;left: 26px}
.signup-termsuse .signup-termsuse-confirm .confirm-button:nth-child(2) input{top: 11px;left: 18px}
.signup-termsuse ~ .signup-termsuse{margin-top:50px}
@media screen and (max-width:1000px) { 
  .signup-termsuse{padding: 0 20px 25px}
  .signup-termsuse .signup-termsuse-foot{padding:20px 15px}
  .signup-termsuse .signup-termsuse-foot .signup-termsuse-text{flex:1 1 100%;text-align:center}
  .signup-termsuse .signup-termsuse-foot .signup-termsuse-confirm{flex:1 1 100%;text-align:center;margin-top:10px}
}
@media screen and (max-width:768px) { 
  .signup-termsuse .signup-termsuse-body{padding: 20px 15px}
  .signup-termsuse .signup-termsuse-head{padding:0;margin-bottom:10px}
  .signup-termsuse{padding: 0;border: 0}
  .signup-termsuse .signup-termsuse-scroll-y{height:180px}
}



/* 알림 레이어 */
.alert-layer{display:none;justify-content:center;align-items:center;z-index:9000;position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7)}
	.alert-layer-wrapper{max-width:600px}
	.alert-layer-wrapper .signup-termsuse{padding:25px;border-radius:10px}
	.alert-layer-wrapper input[type="checkbox"]:checked+span:before{top:6px;left:6px}
	
	.alert-layer-exit{text-align:right;padding-top:10px}
	.alert-layer-exit label{color:var(--text-white)}
	.alert-layer-exit button{color:var(--text-white);margin-left:10px;background-color:var(--primary);padding:10px;border-radius:3px}
	
	
	
.content-boundary{display:flex;align-items:center}
.content-boundary>*:nth-child(1){flex:1}
.content-boundary>*:nth-child(1) ~ *{flex:0 0 auto}


.cms-synchtext{margin-top:10px;font-weight:500;color:var(--text-black)}


/* 발송관리 상태 정보 */
.send-status{display:flex;width:100%;align-items:center;margin-bottom:10px;padding:20px;border:1px solid var(--border);border-radius:5px} 
.send-status .status-title{flex:1;display:block;line-height: 110%;font-size: 20px;margin-right:10px;color:var(--text-black);font-weight:700}
.send-status .status-item{display:flex;align-items:center} 
.send-status .flag-state ~ .flag-state{margin-left:5px}

/* 다이나믹 필드 */
.dynamic-field{position: relative;display:flex;flex-wrap:wrap;flex: 0 1 100%;align-items:center;align-self:flex-start}
.dynamic-field label{
	z-index: 11;
	position:absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	height:calc(100% - 4px);
	text-align: left;
	pointer-events:none;
	color:var(--text-gray);
	padding: 5px 10px;
	border-radius:4px;
	transform-origin: top left;
	transform: translate(2px, 2px) scale(1);
	transition: 
		color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, 
		background-color cubic-bezier(0.0, 0, 0.2, 1) 0ms, 
		transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
		height 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
		padding 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms
	}

.dynamic-field label span{display:inline-block;padding:0}
.dynamic-field :focus+label,
.dynamic-field.is-used label{
	transform: translate(10px, -10px) scale(0.75);
	height: auto;
	padding: 5px;
	color:var(--primary);
	background-color:var(--background-white);
}
.dynamic-field::before{
	z-index: 10;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	pointer-events:none;
	background-color:var(--background-white);
	transform: translate(2px, 2px);
}
.dynamic-field.is-used::before{
	display:none;
}


.bbs-function-util{display:flex;align-items:center}
.bbs-function-util>* ~ *{margin-left:5px}
.bbs-function-util .div{height:20px;margin: 0 7px;border-left:1px solid var(--border)}
.bbs-function-util .div+*{margin-left:0}

.fn-checked-all{display: flex;justify-content:center;align-items: center;height:25px;font-weight:500}
.fn-checked-all input[type="radio"]+span, 
.fn-checked-all input[type="checkbox"]+span{width:25px;height:inherit}



/* 일반 기본 게시판 */
.bbs-default{display:table;table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;border:0 solid transparent;border-width: 3px 0 0;border-color: #505c78 transparent #ddd}

/* none table 게시판 구성 */
.bbs-colgroup{display:table-column-group}
.bbs-colgroup .col{display:table-column}
.bbs-head{display:table-row-group;background-color: #fff}
.bbs-head .row{display:table-row}
.bbs-head .row .col{display:table-cell;height: 60px;text-align:center;font-weight:500;font-size: 16px;color:#000;border-bottom:1px solid #d0d2d9}
.bbs-head .row .col span{display:inline-block}
.bbs-body{display:table-row-group}
.bbs-body .row{display:table-row}
.bbs-body .row .col{display:table-cell;padding: 14px 0;text-align:center;border-bottom: 1px solid #d2d7dc}
.bbs-body .row .col span{display:inline-block;max-width:100%;vertical-align:middle;line-height: 130%}
.bbs-body .row .col-no{font-family:'Pretendard', 'Noto Sans KR', sans-serif;color: #666;font-weight: 300}
.bbs-body .row .col-title{text-align:left}
.bbs-body .row .col-title span{display:flex;align-items:center}
.bbs-body .row .col-title span i{display:inline-block;flex:0 0 auto;padding:5px;margin-right:5px;font-size: 13px;font-weight: 300;border-radius:3px;color:#fff}
.bbs-body .row .col-title a{display:block;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:110%}
.bbs-body .row .col-title .new{background-color:#fd3737}
.bbs-body .row .col-title .notice{background-color:#000}
.bbs-body .row .col-title .color-red{position:absolute;top:0;right:0;color:#ec0000}
.bbs-body .row .col-button button{min-width:0;padding:0}
.bbs-body .row .col-button button span{padding:7px 10px}
.bbs-head .col, .bbs-body .col{vertical-align:middle}
.bbs-body .row-notice *{font-weight:500}
.bbs-body .row-reply{background-color:#f6f6f6}
.bbs-body .row-reply .col-title a{padding-left:20px;background:url(/resources/images/name/mng/styleguide/reply.png) no-repeat 0 50%}
.bbs-body .row-reply .replay-flag{display:inline-block;padding:5px;margin-right:5px;font-size:13px;font-weight:300;border-radius:3px;background-color: #1f54ff;color:#fff}
.bbs-empty{width:100%;padding:50px 0;font-size:20px;text-align:center;color:#000}
.bbs-empty img{display:block;margin:0 auto;margin-bottom:15px;width: 50px}


/* 일반 기본 게시판 */
@media screen and (max-width: 1000px) {
	.bbs-default {display:block; }
	.bbs-colgroup {display:none; }
	.bbs-head {display:none; }
	.bbs-body {display:block; }
	.bbs-body .row {display:flex;flex-wrap:wrap;align-items: center; position:relative;padding: 20px 10px;border-bottom: 1px solid #ddd}
	.bbs-body .row ~ .row{padding-top: 20px}
	.bbs-body .row .col {padding:0;border-width:0;font-weight:500}
	.bbs-body .row .col span{display:block}
	.bbs-body .row .col-category{display:block;padding:5px 10px;margin-bottom:5px;background-color:var(--primary);border-radius:3px;color:#fff}
	.bbs-body .row .col-title {display:block;width: 100%; margin:0 0 10px}
	.bbs-body .row .col-title a {font-size:17px;line-height:140%;color:#000}
	.bbs-body .row .col-title span{display:block;align-items:flex-start}
	.bbs-body .row .col-title .color-red{position:static}
	.bbs-body .row .col-views {display:none; } 
	.bbs-body .row .col-title + .col {margin-left:0; }
	.bbs-body .row .col-title + .col ~ .col{display:flex;align-items:center;padding-left: 13px}
	.bbs-body .row .col-title + .col ~ .col::before {content:'/';margin-top: -3px;display:inline-block;margin-right: 13px;font-size: 10px}
	.bbs-body .row .col-private{padding: 4px 10px;margin-bottom: 5px}
	.bbs-body .row-reply {padding-left:40px; }
	.bbs-body .row-reply .col-title a {margin-left:-20px; background-position:0 5px; }
	.bbs-body .row .col-equipment{margin-left:10px;line-height:140%}
	.bbs-body .row .col-serial,
	.bbs-body .row .col-serial{margin-right:15px}
	.bbs-body .row .col-button{flex:1 0 auto;justify-content:flex-end}
	.bbs-body .row .col-button::before{display:none !important}
	.bbs-body .row .col-button button{font-size:14px;padding:0 15px}
	.bbs-body .row .col-button button span{padding:5px 0;font-size:13px;font-weight:400}
}

/* 2023 상세화면 */
.bbs-details .details-subject strong{display:flex;align-items:center;margin-bottom:0;line-height:140%;font-weight:700;font-size: 24px;color:var(--text-black)}
.bbs-details .details-subject h3{display:flex;align-items:center;margin-bottom:0;line-height:140%;font-weight:700;font-size: 24px;color:var(--text-black);border-bottom:0}
.bbs-details .details-subject h4{display:flex;align-items:center;margin-bottom:0;line-height:140%;font-weight:700;font-size: 18px;color:var(--text-black);border-bottom:0}
.bbs-details .details-subject .flag-state{margin-right:10px;font-weight:400}
.bbs-details .details-fields{display:flex;flex-wrap:wrap;margin: 20px 0}
.bbs-details .details-fields .fields{display:flex;font-size:14px;line-height:130%}
.bbs-details .details-fields .fields ~ .fields{margin-left:15px}
.bbs-details .details-fields .fields .field-label{flex:0 0 auto;margin-right:5px;color:var(--text-black);font-weight:500}
.bbs-details .details-fields .fields .field-label::after{content:':';display:inline;font-size:12px;margin-left:5px}
.bbs-details .details-fields .fields .field-label [class^="cms-icon-"]{margin-right:5px}
.bbs-details .details-fields .fields .field-label [class^="cms-icon-"]::before{font-size:14px}
.bbs-details .details-box{padding: 20px 0;border-top:1px solid var(--border)}

.bbs-details .details-box .cms-textarea-view{padding:0 20px;}
.bbs-details .details-box .formbox .form-label{justify-content:flex-start}
.bbs-details .details-answer{padding: 30px;border:1px solid var(--border);border-radius:5px}

.bbs-details .formbox{align-items:flex-start;}
.bbs-details .formbox .form-label{max-height: none;line-height:150%;}


@media screen and (max-width:1000px) {
	.bbs-details .details-fields .fields{flex: 1 1 100%} 
	.bbs-details .details-fields .fields ~ .fields{margin:10px 0 0}
	.bbs-details .details-fields .fields .field-label{width:70px;justify-content:flex-start}
	.bbs-details .details-fields .fields .field-label::after{display:none}
}


/* 권한 목록 */
.auth-list{margin-top: 15px;padding:0 10px;border-top: 1px solid var(--primary)}
.auth-list .list-item{display:flex;flex-wrap:wrap;align-items:center}
.auth-list .list-item ~ .list-item{border-top:1px solid var(--border)}
.auth-list .list-item .item-flags{margin-right:10px}
.auth-list .list-item .item-subject{flex:1}
.auth-list .list-item .item-subject button{position:relative;display:block;width:100%;font-size: 18px;padding:17px 0;font-weight:500;text-align:left}
.auth-list .list-item .item-subject button span{border-bottom:1px solid transparent}
.auth-list .list-item .item-subject button:hover {color:var(--text-black)}
.auth-list .list-item .item-subject button:hover span{border-color:var(--border-hover)}
.auth-list .list-item .item-subject button [class*=cms-icon]{position:absolute;top: 17px;right:0}
.auth-list .list-item .item-order{margin-left:10px}
.auth-list .list-item .item-order .cms-btn{padding:0 10px;height: 25px;border:1px solid var(--border)}
.auth-list .list-item .item-order .cms-btn:hover{border-color:var(--border-hover)}
.auth-list .list-item .item-order .cms-btn [class*=cms-icon]::before{font-size: 12px}
.auth-list .list-item .item-order .cms-btn .cms-icon-Arrow-down-3{margin-right:0}
.auth-list .list-item .item-order .cms-btn .cms-icon-Arrow-down-3::before{font-size: 10px;vertical-align: 1px}

.auth-list .list-item[data-depth]{position:relative}
.auth-list .list-item[data-depth="1"]{padding-left:0}
.auth-list .list-item[data-depth="2"]{padding-left:30px}
.auth-list .list-item[data-depth="3"]{padding-left:60px}

.auth-list .list-item[data-depth]::before{content:'';position:absolute;top:15px;left:0;width:10px;height:15px;border:solid var(--border);border-width:0 0 1px 1px}
.auth-list .list-item[data-depth="1"]::before{display:none}
.auth-list .list-item[data-depth="2"]::before{left:15px}
.auth-list .list-item[data-depth="3"]::before{left:45px}


.auth-list .list-item.is-open .item-subject .toggle-fold,
.auth-list .list-item .item-subject .toggle-fold:hover{color:var(--primary)}
.auth-list .list-item.is-open .item-subject .toggle-fold span,
.auth-list .list-item.item-subject .toggle-fold:hover span{border-color:var(--primary)}

/* 열기/닫기 토글 */
.toggle-fold [class*=cms-icon]{transform-origin:50% 50%}
.toggle-description{display:none;flex:1 1 100%;padding-left:40px}
.toggle-description .item-fields{padding:20px;margin-bottom:20px;border:1px solid var(--border);border-radius:5px;background-color:var(--background-lightgray)}
.toggle-description .item-field{display:flex;padding:0 10px;align-items:center}
.toggle-description .item-field ~ .item-field{padding-top:10px;margin-top:10px;border-top:1px dashed var(--border)}
.toggle-description .item-field .field-label{flex:0 1 100px;font-weight:500;color:var(--text-black)}
.toggle-description .item-field .field-text{display:flex;flex-wrap:wrap;}
.toggle-description .item-field .field-text .flag-state{margin:2px}

.is-open .toggle-fold [class*=cms-icon]{transform:rotate(180deg)}
.is-open .toggle-description{display:block}
.bbs-list-table{margin-top:15px;max-width:100%;overflow-x:auto}
.bbs-list-table table{min-width:1000px;table-layout:initial}
.bbs-list-table .fn-checked-all span{margin:0}
.bbs-list-table .table-item-선택{max-width: 55px;min-width: 55px;}
.bbs-list-table .table-item-순번{min-width: 50px;max-width: 70px;}
.bbs-list-table .table-item-제목{min-width:500px}
.bbs-list-table .table-item-작성자{min-width:120px}
.bbs-list-table .table-item-성명{min-width:120px}
.bbs-list-table .table-item-등록일{min-width:120px}
.bbs-list-table .table-item-등록일시{min-width:120px}
.bbs-list-table .table-item-수정일시{min-width:120px}
.bbs-list-table .table-item-IP{min-width:120px}
.bbs-list-table .table-item-좋아요{min-width:75px}
.bbs-list-table .table-item-조회수{min-width:75px}
.bbs-list-table .table-item-기간{min-width:75px}
.bbs-list-table .table-item-링크{min-width:200px;text-align:left}
.bbs-list-table .table-item-새창여부{min-width:100px}
.bbs-list-table .table-item-사용여부{min-width:100px}
.bbs-list-table .table-item-사진{min-width: 100px;max-width: 100px;}
.bbs-list-table .table-item-관리{min-width:120px;}
.bbs-list-table .table-item-비고{white-space: wrap;text-align: left}
.bbs-list-table .table-item-교육유형설명{min-width:500px;white-space: wrap;text-align: left}
.bbs-list-table .table-item-교육신청번호 .subject-container{justify-content:flex-start}
.bbs-list-table .table-item-교육유형 .subject-container,
.bbs-list-table .table-item-신청기간 .subject-container,
.bbs-list-table .table-item-분류코드 .subject-container,
.bbs-list-table .table-item-분류명 .subject-container,
.bbs-list-table .table-item-아이디 .subject-container{text-align:center;justify-content:center}

.bbs-list-table .subject-container{display: flex;line-height: 150%;min-width: 0}
.bbs-list-table .subject-container .flag-state{flex:0 0 auto;margin-right:3px}
.bbs-list-table .subject-container a{flex:0 1 auto;margin-left:5px;max-width: 500px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.bbs-list-table .subject-container span{flex: 1;text-align: left;margin-left:5px;max-width:700px;text-overflow: ellipsis;overflow: hidden;display: block;min-width: 0}

.bbs-list-table .order-container{display:flex;justify-content:center;padding:0 15px}
.bbs-list-table .order-container a{flex:0 0 auto;padding:7px 10px;border-radius:3px;font-size:14px;color:var(--text-white);background-color:var(--default)}
.bbs-list-table .order-container a ~ a{margin-left:3px} 
.bbs-list-table .order-container .order-fn{background-color:var(--primary)}
.bbs-list-table .order-container .order-fn:hover{background-color:var(--hover)}
.bbs-list-table .order-container .order-def{background-color:var(--default)}
.bbs-list-table .order-container .order-def:hover{background-color:var(--default-hover)}

.bbs-list-table .list-empty{width: 100%;padding: 50px 0;font-size: 20px;text-align: center; color:#000;border-top: 2px solid var(--primary);border-bottom: 1px solid var(--border)}

.bbs-list-data{margin-top:15px;max-width:100%;overflow-x:auto}
.bbs-list-data table{min-width:1000px;table-layout:fixed}
.bbs-list-data table .fn-checked-all span{margin:0}

.bbs-list-data table .subject-container{display:flex;min-width:0;line-height: 150%}
.bbs-list-data table .subject-container .flag-state{flex:0 0 auto;margin-right:3px}
.bbs-list-data table .subject-container span{line-height:25px}

.bbs-list-data table .order-container{display:flex;justify-content:center;padding:0 15px}
.bbs-list-data table .order-container a{flex:0 0 auto;padding:7px 10px;border-radius:3px;font-size:14px;color:var(--text-white);background-color:var(--default)}
.bbs-list-data table .order-container a ~ a{margin-left:3px} 
.bbs-list-data table .order-container .order-fn{background-color:var(--primary)}
.bbs-list-data table .order-container .order-fn:hover{background-color:var(--hover)}
.bbs-list-data table .order-container .order-def{background-color:var(--default)}
.bbs-list-data table .order-container .order-def:hover{background-color:var(--default-hover)}

.bbs-list-data table .list-empty{padding-bottom:25px;border-top: 1px solid var(--primary);border-bottom: 1px solid var(--border)}

.bbs-list-table .list-empty{font-size:20px;color:#000;border-bottom:0}
.bbs-list-table .list-empty p{text-align:inherit;font-size:inherit;color:inherit}




.cms-editor-view{height:500px;padding:20px;border:1px solid var(--border);border-radius:5px;background-color:#fff}
.cms-video-view{display:flex;justify-content:center;height:500px;background-color:#000;border-radius:5px;overflow:hidden}
.cms-video-view video{display:block;width:100%;height:100%}
.cms-subtitles-view{padding:20px;border:1px solid var(--border);border-radius:5px;line-height:150%}



.category-list{display:flex;flex-wrap: wrap;padding:15px 15px 10px;margin-top:15px;border-top:1px dashed var(--border);background-color:var(--background-lightgray)}
.category-list .category-item{flex: 0 1 20%;display:flex;margin-bottom:5px;align-items:center;white-space:nowrap;color: var(--text-black);}
.category-list .category-item .flag-state{margin-right:5px;min-width:20px;height:20px}
@media screen and (max-width:1000px) {
	.category-list .category-item{flex-basis:33.33%}
}
@media screen and (max-width:750px) {
	.category-list .category-item{flex-basis:50%}
}



.form-place{display:flex}
.form-place [class^="form-selectbox"]{min-width:0}
.form-place [class^="form-selectbox"] select{min-width:0}
.form-place .dynamic-field{margin-left:3px;min-width:0;flex: 0 1 100px}
.form-place .dynamic-field input{min-width:0}
.form-place button{margin-left:3px;flex: 0 0 auto;}


form .details-answer{padding:25px;border:1px solid var(--border);border-radius:10px}


li b{font-weight:500;color:var(--text-black)}


.form-container{padding:20px;border-top:2px solid var(--border);background-color:var(--background-lightgray)}
.form-dateSelect{display:flex}
.form-dateSelect [class^="form-selectbox"]{min-width:0;}
.form-dateSelect select{min-width:0;margin-right:20px}
.form-dateSelect>div ~ div{margin-left:5px}
.form-dateSelect button{margin-left:5px}


form .details-answer{padding:25px;border:1px solid var(--border);border-radius:10px}


li b{font-weight:500;color:var(--text-black)}


.form-container{padding:20px;border-top:2px solid var(--border);background-color:var(--background-lightgray)}


@media screen and (max-width:1010px) {
	.form-file.is-buttons .form-file-upload{flex:1 1 auto;max-width:100%;width:100%}
	.form-file.is-buttons .form-file-upload + .cms-btn{margin-left:0;}
	.form-file.is-buttons .form-file-upload + .cms-btn ~ .cms-btn{margin-left:5px}
	.form-file.is-buttons .form-file-upload ~ .cms-btn{flex:1 1 auto;margin-top:5px;text-align:center} 
}




/* 제보 */
.declaration-assistant-button{margin-top:10px}

.declaration-assistant-container{position:relative}
  .declaration-assistant-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding: 15px;border: 1px solid #7798d5;border-radius:3px;background-color: #f5fafe;box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 25%)}
  .declaration-assistant-layer strong{display:block;padding:0 10px;font-size:18px;font-weight:500;color:#000;height:30px;margin-bottom:10px;border-bottom:1px solid #ddd}
	.declaration-assistant-layer .bbs-buttons{margin-top:10px}
    .assistant-overflow-scroll-y{position:relative;height: calc(100% - 85px);overflow: auto}
    .assistant-overflow-scroll-y p{white-space: pre-wrap;padding:0 10px;line-height:140%}
    .declaration-assistant-close{position:absolute;top:10px;right:10px;width:30px;height:30px}
    .declaration-assistant-close img{width:13px}
    
.declaration-assistant-container .info-message{margin: 0 0 10px}
.declaration-word-count{display:block;width:100%;margin-top:5px;text-align:right}


/* 게시판 버튼 */
*+.bbs-buttons{margin-top: 30px}
.bbs-buttons .bbs-btns-left{display:flex;justify-content:flex-start}
.bbs-buttons .bbs-btns-right{display:flex;justify-content:flex-end}
.bbs-buttons .bbs-btns-center{display:flex;justify-content:center}
.bbs-buttons a{display:block}
.bbs-buttons a ~ a{margin-left:5px}
.bbs-buttons a ~ button{margin-left:5px}
.bbs-buttons button ~ a{margin-left:5px}
.bbs-buttons button ~ button{margin-left:5px}
.bbs-contents + .bbs-buttons{padding-top:20px;border-top:1px solid #ddd}



.chart-information{margin-bottom:20px}
.chart-information .chart-info-more{display:block;position:absolute;top:0;right:0;padding:10px;border-radius:100%;transition:background-color 100ms ease-out}
.chart-information .chart-info-more:hover{background-color:#f5f5f5}
.chart-information .chart-info-more:hover ::before{color:var(--primary)}
.chart-information .chart-info-container{display:flex;flex-wrap:wrap}
.chart-information .chart-info-item{position:relative;flex:1 1 auto;padding:25px;font-weight:600;font-size:20px;color:#000;border-radius:10px;background-color:var(--background-white);box-shadow:2px 2px 7px rgba(0, 0, 0, 0.2)}
.chart-information .chart-info-item [lang]{font-weight:400;font-size: 14px;color:#666}
.chart-information .chart-info-item ~ .chart-info-item{margin-left:15px;}
.chart-information .chart-info-item span{display:block;line-height:110%}
.chart-information .chart-info-item .item-icon{position:absolute;top:25px;right:25px}
.chart-information .chart-info-item .item-icon [class*=cms-icon]::before{font-size:18px}
.chart-information .chart-info-item .item-label{font-size:16px}
.chart-information .chart-info-item .item-count{margin-top:10px;letter-spacing:-1px;font-size:30px}
@media screen and (max-width:800px) {
	.chart-information .chart-info-item{display:flex;flex:1 1 100%;border-radius:0;align-items:center;padding-left:35px}
	.chart-information .chart-info-item:first-of-type{border-radius:5px 5px 0 0}
	.chart-information .chart-info-item:last-of-type{border-radius:0 0 5px 5px}
	.chart-information .chart-info-item ~ .chart-info-item{margin:7px 0 0}
	.chart-information .chart-info-item .item-label,
	.chart-information .chart-info-item .item-count{font-size:20px;margin:0}
	.chart-information .chart-info-item .item-count{margin-left:20px}
}

.cms-border-box{padding:20px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px}
.cms-border-box .chart-information{margin-bottom:0}

.align-wrapper{display:flex;flex-wrap:wrap;margin-bottom:20px}
.align-wrapper .contents-wrapper{flex:1;min-width:0} 
.align-wrapper .contents-wrapper + .contents-wrapper{margin:0 0 0 20px}
@media screen and (max-width:1500px) {
	.align-wrapper .contents-wrapper{flex:1 1 100%} 
	.align-wrapper .contents-wrapper + .contents-wrapper{margin:20px 0 0}
}


/* 메뉴관리 본문 */
.menu-admin-head{padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #333}
.menu-admin-body{display:flex;margin-bottom:50px}
.menu-admin-left{flex:0 0 400px;}
.menu-admin-right{flex:1 1 auto}
.menu-admin-left .formbox{position:absolute;top:0;left:0;width:100%}
.menu-admin-list{height: 700px;overflow-y:scroll;padding:10px;border:1px solid #ddd}
.menu-admin-modify{height: 745px;overflow-y:auto;overflow-x: hidden;margin-left:20px}
.menu-admin-modify h3{margin-top: 10px}


/* 메뉴 아이템 */
.menu-admin-item{display:flex;position:relative;padding: 10px 30px 10px 10px;border:1px solid #ddd;line-height:135%;background-color:#fff}
.menu-admin-item ~ .menu-admin-item{margin-top:5px}
.menu-admin-item span{display:block}
.menu-admin-item .menu-admin-checkbox{margin-right:10px}
.menu-admin-item .menu-admin-checkbox input[type="checkbox"]+span{width:20px;height:20px;display: block}
.menu-admin-item .menu-admin-checkbox input[type="checkbox"]:checked+span::before{top:4px;left:4px}
.menu-admin-item .menu-admin-depth{width: 20px;height:20px;border-radius:100%;margin-right: 10px;text-align:center;padding-top: 5px;font-weight: 300;font-size: 10px;flex: 0 0 auto;line-height:100%;background-color: var(--primary);color:var(--text-white)}
.menu-admin-item .menu-admin-anchor{font-weight:500;font-size:16px;color:#000;cursor:pointer}
.menu-admin-item .menu-admin-arrow{position:absolute;top:12px;right:15px;transform-origin:50% 50%;opacity:0.5;cursor:pointer}
.menu-admin-item .menu-admin-drop{display:none;min-width: 20px;height:20px;margin-right: 10px}
.menu-admin-item .menu-admin-order{display:none;min-width: 20px;height:20px;text-align: center;margin-right: 10px;cursor: pointer}
.is-selected .menu-admin-arrow{transform:rotate(180deg);opacity:1}

/* 메뉴 관리 버튼 */
.menu-admin-buttons{position:fixed;bottom:0;left:300px;height:60px;width:calc(100% - 300px);padding:10px 20px;background-color:#333}
.menu-admin-buttons .button-state-edit{display:flex}
.menu-admin-buttons .button-state-edit .left{flex:1}
.menu-admin-buttons .button-state-add{display:none}
.menu-admin-buttons .button-state-order{display:none}
.menu-admin-buttons .button-state-title{display:inline-block;padding:10px 7px;border-bottom:2px solid #fff;font-weight:400;font-size:16px;color:#fff}

/* 이용안내 */
.menu-information-title{display:block;padding:7px 0;font-weight:500;color:#000}
.menu-information-title span{display:inline-block;margin-right:5px;padding:5px;vertical-align:2px;line-height:100%;font-family:'Roboto', sans-serif;font-size:0.7143rem;color:#fff;background-color:#1a6dff}
.menu-information-item{margin-top:10px;padding:15px;border-top:1px solid #ddd}
.menu-information-descript{padding:5px 10px;margin-top:5px;line-height:150%;letter-spacing:-1px}
.menu-information-descript b{display:block;margin:0 0 5px -5px;font-size:1.143rem;font-weight:500;color:#000}


/* 대표 이미지 LABEL */
.flag-thumbnail{z-index:10;position:absolute;top:0;left:0;background-color: var(--primary);color:var(--text-white);padding:5px;font-weight:300;font-size:12px;border-radius:3px}


/* 템플릿 설정 없음 */
.tempalte-notFound{text-align:center;padding:50px 0}
.tempalte-notFound .notFound-title{font-weight:700;font-size:28px;color:#000}
.tempalte-notFound .notFound-summary{margin: 40px 0 60px;line-height: 180%;font-size: 16px;}






/* 오류 화면 */
.alert-error{display:flex;align-items:center;justify-content:center;height:100vh;overflow:auto;background-color:#fff}
.alert-error .error-wrapper{max-width:650px;text-align:center}
.alert-error .error-logo{padding-bottom:40px;margin-bottom:40px;border-bottom:2px solid #000}
.alert-error .error-img{margin-bottom:40px}
.alert-error .error-title{font-weight: 700;font-size:28px;color:#000}
.alert-error .error-title span{font-weight: 700;color:#1e2d8e}
.alert-error .error-text{margin:40px 0 60px;line-height:180%;font-size:16px}
.alert-error .error-buttons{padding-top:30px;border-top:1px solid #555}
.alert-error .error-buttons button{margin-right:10px}
@media (max-width:700px) {
.alert-error{padding:20px}
.alert-error .error-logo{padding-bottom:30px;margin-bottom:30px}
.alert-error .error-img{margin-bottom:30px}
.alert-error .error-img img{max-width:25%}
.alert-error .error-title{font-size:20px}
.alert-error .error-text{margin:30px 0 40px;padding:0 20px;font-size:15px;text-align:left}
.alert-error .error-text br{display:none}
.alert-error .error-buttons{padding-top:20px}
}






.item-fields .item-field .field-label [class^=cms-icon]::before{font-size:11px;margin-right:5px}