@charset "utf-8";

/* UI / UX */
.calender-wrap{display:flex;align-items:center;justify-content:space-around}
.calender-wrap .input-text{width:calc(50% - 10px);background:url('../img/comm/ico-calender.png') calc(100% - 5px) center no-repeat}
.an-scale .item:hover .board-img img{transform:translate(-50%,-50%) scale(1.1)}

.btn-right-flex{display:flex;gap:5px;justify-content:flex-end;margin:10px 0;flex-wrap:wrap;min-height: 35px;}
.btn-left-flex{display:flex;gap:5px;justify-content:flex-start;flex-wrap:wrap}
.btn-center-flex{display:flex;gap:5px;justify-content:center;margin:20px 0;align-items:center}

/* TOP */
.board-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0}
.board-info .page-total{display:flex;flex-shrink:0;align-items:center}
.board-info .page-total .page-total-item{line-height:1}
.board-info .page-total .page-total-item:not(:last-child){border-right:1px solid var(--color-b);padding-right:10px;margin-right:10px}
.board-info .page-total .page-total-item > *{color:var(--color-m)}

.board-search .tab-search{display:flex;justify-content:center; gap: 20px;}
.board-search .inner{display:flex;justify-content:center}
.board-search .search-item{display:flex;gap:5px}
.board-search .btn-search{text-indent:-999%;overflow:hidden;background:url('../img/comm/ico-search.png') center/24px no-repeat;border:1px solid var(--color-b);border-left:0;width:var(--btn-height);aspect-ratio:1/1;border-top-right-radius:10px;flex-shrink:0}



/* PAGE */
.board-page{display:flex;gap:5px;align-items:center;margin:20px 0;justify-content:center}
.board-page .btn-page{border:1px solid var(--color-b);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.board-page .btn-page.btn-current{border:0}
.board-page .btn-page:hover,
.board-page .btn-prev,
.board-page .btn-next,
.board-page .btn-first,
.board-page .btn-last{background-color:var(--color-m);color:#fff;border-color:var(--color-m)}

/* LIST */
.none-data{justify-content:center;text-align:center}

.td-num{width:80px}
.td-hit{width:100px}
.td-date{width:140px}
.td-addfile{width:100px}
.td-name{width:150px}
.td-subject{display:flex;text-align:left;gap:10px;align-items:center;}
.td-subject.prog{display: table-cell;}
.td-item-category{background-color:var(--color-m);color:#fff;padding:5px 10px;flex-shrink:0;font-size:.875rem;border-radius:5px}
.td-status .badge{padding: 4px; font-size: 1rem; color: #555; background-color: #f9f9f9; border: 1px solid #555; border-radius: 4px;}
.td-status .badge.bg-main{text-align: center; color: var(--color-m); background-color: var(--color-bg); border-color: var(--color-m);}
.td-status .badge.bg-blue{text-align: center; color: var(--color-ss); background-color: var(--bg-blue); border-color: var(--color-ss);}
.td-status .badge.bg-gray{text-align: center; color: #555; background-color: #f9f9f9; border-color: #555;}
.td-as{position: relative; display: flex; flex-direction: column;}
.td-as .add{font-size: 14px; text-align: right;}
.td-as .bar{position:relative;width:100%;height:8px;border-radius:100px;background-color:#E8E8E8;margin:4px 0;overflow:hidden}
.td-as .bar span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-m);background-color:#3AAF80;animation:fillBar 1s ease-out forwards}
.td-as .close{position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100%; height: 100%; color: white; background-color: rgba(0, 0, 0, 0.5);}

.board-list{text-align:center}
.board-list > table{border-top:2px solid var(--color-m);width:100%}
.board-list thead th{background-color:var(--color-bg);padding:20px 10px;font-weight:500}
.board-list tbody td{padding:20px 10px;border-bottom:1px solid #efefef}
.board-list tbody td .small{font-size: 1rem; font-weight: 400; color: #999;}
.board-list tbody tr:hover{background-color:var(--color-h)}

.board-list-gallery ul{display:flex;gap:20px;flex-wrap:wrap}
.board-list-gallery li{width:calc((100% / 3) - 13.333px)}
.board-list-gallery .item{display:block}
.board-list-gallery .item .txt{padding:20px;background-color:var(--color-light)}
.board-list-gallery .item .board-con{font-weight:500;height:3.5rem}
.board-list-gallery .item .board-date{display:flex;justify-content:flex-end;margin-top:10px;opacity:.8;font-size:.935rem;align-items:center;gap:5px}
.board-list-gallery .board-img{height:300px}
.board-list-gallery .category{position:absolute;right:0;top:0;background-color:var(--color-m);color:#fff;padding:10px 20px;font-size:.935rem;z-index:10;text-align:center;;display:flex;align-items:center;justify-content:center}

.board-list-faq{border-top:2px solid var(--color-d)}
.board-list-faq .q-item{display:flex;align-items:baseline;gap:10px;padding:20px 40px;position:relative;border-bottom:1px solid var(--color-border);font-weight:500}
.board-list-faq .q-item::after{content:"\e941";font-family:'xeicon';display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;width:40px;aspect-ratio:1/1;right:0;top:.8em;z-index:10}
.board-list-faq .q-item::before{content:"Q.";font-family:var(--font-point);display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;width:40px;aspect-ratio:1/1;left:0;top:.8em;z-index:10;font-weight:bold;color:var(--color-m)}
.board-list-faq .q-item.on{background-color:#f9f9f9}
.board-list-faq .q-item.on::after{transform:rotate(-180deg)}
.board-list-faq .a-item{background-color:#f9f9f9;padding:20px 20px 20px 40px;display:none;border-bottom: 1px solid var(--color-border)}
.board-list-faq .answer::before{content:"A";display:flex;color:var(--color-red);width:40px;aspect-ratio:1/1;align-items:center;justify-content:content;text-align:center;left:0;top:20px}
.board-list-faq .category{background-color:var(--color-m);color:#fff;padding:5px 10px;flex-shrink:0;font-size:.875rem;border-radius:5px}

.board-list-program{font-size: 16px;}
.board-list-program .schedule-slide-wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.board-list-program .schedule-slide-wrap .item{width: calc((100% / 4) - (60px / 4));}
.board-list-program .schedule-slide-wrap .txt-box{padding: 20px;}
.board-list-program .schedule-slide-wrap .board-con{word-break: keep-all;height:2.4em}
.board-list-program .schedule-slide-wrap .board-subject{font-size:.875rem;font-weight:400;color: var(--color-m);margin:10px 0;display:flex;gap:5px;align-items:center;height:1em}
.board-list-program .schedule-slide-wrap .board-subject:not(:empty)::before{content:"\eb57";font-family:'xeicon'}
.board-list-program .schedule-slide-wrap .txt-box .board-time{font-size: 14px;}

.board-view .board-vheader{border-left:5px solid var(--color-m);padding:0 0 0 20px;margin-bottom:20px}
.board-view .board-vheader .subject{font-size:1.875rem;font-weight:600;border-bottom:1px solid #e7ecf5;padding-bottom:10px;margin-bottom:10px}
.board-view .board-vheader .info{display:flex;align-items:center}
.board-view .board-vheader .info > *:not(:last-child){margin-right:10px;padding-right:10px;line-height:1;border-right:1px solid #e7ecf5}
.board-view .board-vfile{display:flex;flex-direction:column;gap:10px;background-color:#f8f8fa;padding:20px;margin:20px 0}
.board-view .board-vfile .item{display:flex;gap:10px}
.board-view .board-vfile .tit{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--color-m)}
.board-view .board-vfile .tit::after{font-family:'xeicon';content:"\ea89"}
.board-view .board-vfile .btn-file{text-decoration:underline}
.board-view .board-vcon{border-bottom:1px solid #d6deed;padding:10px}
.board-nav{background-color:#f8f8fa;margin:20px 0;padding:20px;display:flex;gap:20px;flex-direction:column}
.board-nav .item{display:flex;align-items:center;gap:20px}
.board-nav .info{font-weight:500;flex-shrink:0;color:var(--color-m)}

/* WRITE */
.board-write{border-top:2px solid var(--color-m);margin:20px 0}
.board-write > table{width:100%}
.board-write tbody th{background-color:var(--color-light);padding:10px;text-align:center;border-bottom:1px solid var(--color-b);width:200px}
.board-write tbody td{padding:10px;border-bottom:1px solid var(--color-b)}
.board-write-file{display:flex;gap:5px;flex-direction:column}
.board-write-file .break-all{color:rgba(0,0,0,.8);font-size:.875rem;word-break:break-all}s
.board-write-file .file-wrap{display:flex;gap:5px}
.board-write-file .btn-file-hidden{position:absolute;right:0;top:0}
.board-write-file .img-preview img{display:none}

.join-wrap{max-width:800px;margin:0 auto}
.join-wrap .write-frm-wrap{border:1px solid var(--color-border);margin-bottom:10px}
.join-wrap .subject{font-size:1.125rem;background-color:#f3f9f6;padding:20px}
.join-wrap .write-frm-con{padding:20px}

/*.board-write-flex{border-top:2px solid var(--color-m);margin:20px auto}*/
.board-write-flex .inner{display:flex;flex-direction:column;gap:var(--gap)}
.board-write-flex .frm-li{display:flex;gap:var(--gap)}
.board-write-flex .frm-li > *{flex:1}
.board-write-flex .frm-li.half{max-width:calc(50% - 2.5px)}
.board-write-flex .frm-item{display:flex;gap:var(--gap);align-items:center;min-height:var(--btn-height)}
.board-write-flex .label-txt{min-width:110px;flex-shrink:0;display:flex;gap:5px;align-items:flex-start}
.board-write-flex .label-txt + *{flex-grow:1}
.board-write-flex .frm-item:has([required]) .label-txt::after{content:"*";color:var(--color-red)}
.board-write-flex .flex-wrap{display:flex;gap:var(--gap);align-items:center}
.board-write-flex .btn-mypage{flex-shrink:0;height:var(--btn-height);min-width:80px;background-color:var(--color-m);color:#fff;border-radius:var(--btn-radius)}
.board-write-flex .btn-mypage span{gap:var(--gap);display:flex;align-items:center}
.board-write-flex .flex-shrink{flex-shrink:0}
.board-write-flex .address-flex-wrap{display:flex;gap:var(--gap);flex-direction:column}
.board-write-flex .address-flex-wrap .zip{gap:var(--gap);display:flex;align-items:center}
.board-write-flex .address-flex-wrap .detail{display:flex;gap:var(--gap);flex-direction:column}


.board-pro-view .prog-summary{display: flex; align-items: flex-start; gap: 60px;}
.board-pro-view .prog-summary .sticky{position: sticky; top: 160px; width: 40%;}
.board-pro-view .prog-summary .prog-title{margin-bottom: 12px;}
.board-pro-view .summary-thumb{position: relative; width: 100%; aspect-ratio:480/290; border-radius: 12px;}
.board-pro-view .summary-thumb .badge-day{position:absolute;right:20px;top:20px;color:#fff;min-width:60px;height:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:var(--color-point);z-index:10}
.board-pro-view .summary-thumb .badge-challenge{position:absolute;left:20px;top:10px;width:40px;z-index:10;filter:drop-shadow(10px 10px 5px rgba(0,0,0,.1))}
.board-pro-view .prog-summary .breadcrumb{margin-top: 12px;}
.board-pro-view .summary-cont{flex: 1;}
.board-pro-view .summary-header .breadcrumb{margin-bottom: 20px;}
.board-pro-view .summary-header .breadcrumb .main-list{display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 4px; font-weight: 700;}
.board-pro-view .summary-header .breadcrumb .sub-list{display: flex; flex-wrap: wrap; gap: 20px; font-size: 1rem; color: #777}
.board-pro-view .summary-header .breadcrumb .item{position: relative;}
.board-pro-view .summary-header .breadcrumb .item::after{position: absolute; top: 50%; transform: translateY(-50%); content: ''; display: block;}
.board-pro-view .summary-header .breadcrumb .main-list .item:not(:last-of-type)::after{right: -14px; transform: translateY(-50%); width: 8px; height: 1px; background-color: #333;}
.board-pro-view .summary-header .breadcrumb .sub-list .item:not(:last-of-type)::after{right: -13px; transform: translateY(-50%) rotate(46deg); width: 8px; height: 8px; border-top: 2px solid #ccc; border-right: 2px solid #ccc;}
.board-pro-view .summary-header .badge-wrap{display: flex; gap: 8px; margin-bottom: 20px;}
.board-pro-view .summary-header .badge-wrap .badge{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 60px; height: 28px; padding: 4px; font-size: .875rem; color: #555; background-color: #f9f9f9; border: 1px solid #555; border-radius: 3px;}
.board-pro-view .summary-header .badge-wrap .badge.badge-main{color: var(--color-m); background-color: var(--color-bg); border-color: var(--color-m); }
.board-pro-view .summary-header .prog-title{font-size: 1.5rem; font-weight: 800;}
.board-pro-view .summary-header .tag-wrap{display: flex; gap: 8px; margin-top: 20px;}
.board-pro-view .summary-header .tag-wrap .tag{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 60px; height: 28px; padding: 4px; font-size: .875rem; color: #555; background-color: #eee; border-radius: 3px;}
.board-pro-view .summary-info{display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 40px;}
.board-pro-view .summary-info .item{width: calc((100% / 3) - (40px / 3)); padding-bottom: 8px; border-bottom: 1px solid #ddd;}
.board-pro-view .summary-info .item.half-width{width: calc(50% - 10px);}
.board-pro-view .summary-info .item.full-width{width: 100%;}
.board-pro-view .summary-info .item .info-title{font-size: 1rem; color: #777}
.board-pro-view .summary-info .item .info-cont{font-weight: 600;}
.board-pro-view .summary-theme{max-height: 400px; margin: 40px 0; padding: 12px; background-color: #f9f9f9; border: 1px dashed #999; border-radius: 8px; overflow: auto;}
.board-pro-view .summary-theme .title{font-size: 1.25rem; font-weight: 600;}
.board-pro-view .summary-theme .theme-item:not(:last-of-type){margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa}
.board-pro-view .summary-theme .summary-info{margin: 20px 0;}
.board-pro-view .summary-theme .summary-info .info-cont{font-size: 1rem; font-weight: 400;}
.board-pro-view .summary-theme .summary-status{margin: 0}
.board-pro-view .summary-theme .theme-item.disable,
.board-pro-view .summary-theme .theme-item.disable .summary-info .item .info-title,
.board-pro-view .summary-theme .theme-item.disable .summary-status .add,
.board-pro-view .summary-theme .theme-item.disable .c-sub {cursor: no-drop; pointer-events: none; color: #aaa}
.board-pro-view .summary-theme .theme-item.disable .summary-status .bar span{background-color: #aaa;}
.board-pro-view .summary-status{margin: 40px 0;}
.board-pro-view .summary-status .add-wrap{display: flex; justify-content: space-between;}
.board-pro-view .summary-status .add{font-size: 1rem; color: #555;}
.board-pro-view .summary-status .bar{position:relative;width:100%;height:8px;border-radius:100px;background-color:#E8E8E8;margin:4px 0;overflow:hidden}
.board-pro-view .summary-status .bar span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-m);background-color:#3AAF80;animation:fillBar 1s ease-out forwards}
.board-pro-view .summary-intro{margin: 40px 0; padding: 12px; max-height: 140px; background-color: #f9f9f9; border: 1px dashed #999; border-radius: 8px; overflow: auto;}
.board-pro-view .summary-button .sns-share{transition: .3s; height: 0; overflow: hidden;}
.board-pro-view .summary-button .sns-share .list{display: flex; justify-content: center; gap: 20px; width: 150px; margin-top: 4px; margin-left: auto; padding: 8px; border: 1px solid #ddd; border-radius: 8px;}
.board-pro-view .summary-button .sns-share .list{display: flex; justify-content: center; gap: 20px; width: 150px; margin-top: 4px; margin-left: auto; padding: 8px; border: 1px solid #ddd; border-radius: 8px;}
.board-pro-view .summary-button .sns-share.active{height: 44px;}
.board-pro-view .graph-wrap .line-box{position: relative; height: 280px;}
.board-pro-view .graph-wrap .login-text{position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100%; height: 100%; color: white; background-color: rgba(0, 0, 0, 0.5); border-radius: 12px;}
.board-pro-view .board-file{margin-bottom: 20px; padding: 12px 20px; background-color: #f8f8fa;}
.board-pro-view .file-list li:not(:last-of-type){margin-bottom: 8px;}
.board-pro-view .file-list .item:hover{text-decoration: underline;}
.board-pro-view .file-list .item .volu{font-size: 1rem; color: #999;}
.board-pro-view .thumbnailView{background:url('') center/cover no-repeat;width: 100%; height: 100%}
.board-pro-view .prewView {width: 100%;height: 240px;display: flex;overflow: hidden;align-items: center;justify-content: center;background-size: contain;background-position: center;background-repeat: no-repeat;background-color: #f7f7f7;color: #aaa;border: 1px dashed #ddd;}
.board-pro-view .prewView.has-image {background-color: #ffffff;border: none;}
.board-pro-view .prewView.has-image .preview-placeholder { display: none;}
.board-pro-view .reg-wrap {display: none;}
.board-pro-view .notice-con {display: none;}

.appForm-wrap{width: 100%; border: 1px solid #ddd}
.appForm-wrap .input-text{height: 40px;}
.appForm-wrap textarea.input-text{height: 120px;}
.appForm-wrap .form-row{display: flex;}
.appForm-wrap .form-title{display: flex; justify-content: center; align-items: center; width: 200px; padding: 12px; word-break: keep-all; background-color: var(--color-bg); border-bottom: 1px solid #c2dfd5}
.appForm-wrap .form-title label{text-align: center;}
.appForm-wrap .form-cont{display: flex; flex-wrap: wrap; gap: 8px; flex: 1; padding: 12px; border-bottom: 1px solid #ddd}
.appForm-wrap .form-cont.col{flex-direction: column;}
.appForm-wrap .form-row:last-of-type .form-title,
.appForm-wrap .form-row:last-of-type .form-cont{border-bottom: 0;}
.appForm-wrap .form-cont .input-text{flex: 1;}
.appForm-wrap .form-cont .photo-upload{display: flex; align-items: flex-start; gap: 8px;}
.appForm-wrap .form-cont .photo-upload .photo-guide{width: 160px; aspect-ratio: 35 / 45; padding: 12px; text-align: center; border: 1px solid #ddd;}
.appForm-wrap .form-cont .photo-upload .photo-size{font-size: 14px;}
.appForm-wrap .form-cont .input-btn-wrap .btn-bg{min-width: unset; height: 40px; padding: 5px 8px;}
.appForm-wrap .btn-right-flex{width: 100%; margin-bottom: 0;}
.appForm-wrap .btn-left-flex{width: 100%; margin-bottom: 0;}
.appForm-wrap .form-cont .appForm-wrap .form-title{width: 120px;}
.appForm-wrap .form-cont .appForm-wrap .form-cont{border-bottom: 1px solid #ddd}
.appForm-wrap .form-cont .appForm-wrap .form-row:last-of-type .form-title,
.appForm-wrap .form-cont .appForm-wrap .form-row:last-of-type .form-cont{border-bottom: 0;}

.appForm-wrap.col .form-title.full{width: 100%;}
.appForm-wrap.col .form-row .item{position: relative; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; min-height: 40px; padding: 8px;}
.appForm-wrap.col .form-row .item:not(.check-box){flex: 1;}
.appForm-wrap.col .form-row .item.check-box{width: 28px; border-bottom: 1px solid #ddd;}
.appForm-wrap.col .form-row .item.date{flex: unset; width: 360px;}
.appForm-wrap.col .form-row:last-of-type .item.check-box{border-bottom: 0;}
.appForm-wrap.col .form-row .item.check-box input[type="checkbox"] + label:before{top: 50%; left: 6px; transform: translateY(-50%);}



/* paging */
@media (max-width:1400px){
	.board-list-gallery .board-img{height:20vw}
}

@media (max-width:1200px){
	.board-list-program .schedule-slide-wrap{gap: 10px;}
	.board-list-program .schedule-slide-wrap .item{width: calc(50% - 5px);}
	.board-pro-view :is(.summary-info, .summary-theme, .summary-intro){margin: 20px 0;}

	.appForm-wrap.col .form-row .item.date{flex-direction: column; gap: 0; flex: 1;}
}

@media (max-width:1024px){

    .board-search .tab-search{flex-direction: column; gap: 8px;}

	.board-list-gallery .item .board-con{height:3rem}
	.board-list-gallery .board-img{height:30vw}
	.board-list-gallery li{width:calc((100% / 2) - 10px)}

	.board-pro-view .prog-summary{gap: 20px;}
	.board-pro-view .prog-summary .sticky{width: 280px;}
	.board-pro-view .summary-info{gap: 10px;}
	.board-pro-view .summary-info .item{width: calc((100% / 3) - (20px / 3))}
	.board-pro-view .summary-info .item.half-width{width: calc(50% - 5px)}

    .appForm-wrap.col .form-row:not(:last-of-type){border-bottom: 1px solid #ddd;}
	.appForm-wrap.col .form-row.title-wrap{display: none;}
	.appForm-wrap.col .form-row{flex-direction: column;}
	.appForm-wrap.col .form-cont{padding: 8px 12px;}
	.appForm-wrap .form-cont .appForm-wrap.col .form-cont,
	.appForm-wrap.col .form-row .item{flex-wrap: wrap; border-bottom: 0;}
	.appForm-wrap.col .form-row .item.check-box{height: 30px; border-bottom: 0}
	.appForm-wrap.col .form-row .item.date{flex-direction: row; gap: 4px; width: 100%;}

	.appForm-wrap.col .item::before{width: 100%; color: var(--color-m);}
	.appForm-wrap.col .item.date::before{content: '활동기간';}
	.appForm-wrap.col .item.org-name::before{content: '기관명';}
	.appForm-wrap.col .item.active::before{content: '활동내용';}

}

@media (max-width:720px){
	.input-text{height:40px}
	.input-select{padding: 0 20px 0 13px;height: 40px;background-size: 10px;}

	.board-info{flex-wrap:wrap;gap:5px}

	.mb-list thead{display:none}
	.mb-list tr{display:block}
	.mb-list tbody td{display:flex;width:100%;padding:5px 0;text-align: left;}
	.mb-list tbody td:not(:last-child){border-bottom:0}
	.mb-list .td-mb-none{display:none}
	.mb-list td::before{min-width:100px;font-weight:600;text-align:left}
	.mb-list colgroup col{width: 0 !important;}
	.mb-list colgroup col:first-of-type{width: 100% !important;}

	.td-subject{flex-wrap:wrap;gap:5px}
	.td-addfile::before{content:"첨부파일"}
	.td-date::before{content:"작성일"}
	.td-name::before{content:"작성자"}
	.td-hit::before{content:"조회수"}
	.td-prog-name::before{content:"프로그램 일정"}
	.td-status::before{content:"상태"}
	.td-note::before{content:"비고"}
	.td-mileage::before{content:"마일리지"}
	.td-ap::before{content:"신청기간"}
	.td-as::before{content:"신청현황"}

	.board-view .board-vheader{padding-left:20px;background-size:30px;border-left-width:2px;background-position-x:5px}
	.board-view .board-vheader-info{gap:10px}
	.board-view .board-vheader .info > *:not(:last-child){margin-right:5px;padding-right:5px}

	.board-write tbody th{display:block;width:100%;text-align:left}
	.board-write tbody td{display:block}

	.board-list-gallery li{width:100%}
	.board-list-gallery .board-img{height:60vw}
	.board-list-gallery .category{width:120px;height:40px;border-bottom-left-radius:15px}

	.board-list-program .schedule-slide-wrap .item{width: 100%;}

	.board-write-flex .frm-item{flex-direction:column}
	.board-write-flex .label-txt{min-width:100%}
	.board-write-flex .frm-li.half{max-width:100%}

	.board-pro-view .prog-summary{flex-direction: column;}
	.board-pro-view .prog-summary .sticky{position: static; width: 100%;}
	.board-pro-view .summary-header .breadcrumb{margin-bottom: 12px;}
	.board-pro-view .summary-header .badge-wrap{margin-bottom: 12px;}
	.board-pro-view .summary-header .tag-wrap{margin-top: 12px;}
	.board-pro-view .summary-info .item{width: 100%;}
	.board-pro-view .summary-info .item.half-width{width: 100%;}
	.board-pro-view .summary-info{margin: 0}
	.board-pro-view :is(.summary-status, .summary-intro){margin: 20px 0}

    .appForm-wrap .input-text{height: 32px;}
    .appForm-wrap .form-row{flex-direction: column;}
	.appForm-wrap .form-title{display: block; width: auto;padding: 8px;}
	.appForm-wrap .form-cont .appForm-wrap .form-title{width: 100%;}
	.appForm-wrap .form-cont .input-btn-wrap .btn-bg{height: 32px;}
}

@media (max-width:360px){
    .board-pro-view .summary-status .add-wrap{flex-direction: column;}
}