@charset "utf-8";
@import url("/humanframe/globaltheme/assets/style/sub-post.css");
/* board */

/*** board-wrap ***/
.board-wrap,
.board-head,
.board-body,
.board-foot {display:block;overflow:hidden;position:relative}
.board-head { padding-bottom:30px}
.board-total {color:#333;margin:10px 0}

/** board-body **/
.board-data-list,
.board-blog-list,
.board-photo-list,
.board-card-list,
.board-view,
.data-view {overflow:hidden;border-top:1px solid #333333;border-bottom:1px solid #333;}
.board-page-total { display:block;color:#555555;margin-bottom:20px;text-align:left;}

/** board-head **/
.board-search-wrap {display:block;position:relative;background-color:#f5f5f5;border:1px solid #ddd;margin:48px 0;padding:21px 30px;}
.board-search-wrap.multi { padding:0; }
.board-search-wrap.multi .form-input-group {padding:20px;}
.board-search-wrap.multi .form-input-group.hasDl {padding:0;}
@media all and (max-width:768px){
	.board-search-wrap {padding:21px 20px;}
}

/* board-search-wrap */
/* form-input-group */
/*
.board-search-wrap .form-input-group {display:block;position:relative;overflow:hidden;background-color:#f5f5f5;margin-bottom:1px}
.board-search-wrap .form-input-group dl {display:block;overflow:hidden;position:relative}
.board-search-wrap .form-input-group dl dt {display:block;position:absolute;left:0;top:0;width:80px;min-height:40px;height:100%;background-color:#959595;padding:15px 0;color:#fff;font-size:17px;font-weight:500;text-align:center}
.board-search-wrap .form-input-group dl dt label { line-height:40px;}
.board-search-wrap .form-input-group dl dd {display:block;position:relative;min-height:40px;margin-left:80px;padding:15px;box-sizing:border-box}
*/

.board-search-wrap .form-input-group {display:block;position:relative;overflow:hidden;background-color:#f5f5f5;margin-bottom:1px}
.board-search-wrap .form-input-group dl {display:block;overflow:hidden;position:relative}
.board-search-wrap .form-input-group dl dt {display:block;position:absolute;left:0;top:0;width:80px;min-height:40px;height:100%;padding:15px 0;font-size:17px;font-weight:500;text-align:center}
.board-search-wrap .form-input-group dl dt label { line-height:40px;}
.board-search-wrap .form-input-group dl dd {display:block;position:relative;min-height:40px;margin-left:80px;padding:15px;box-sizing:border-box}

.board-search-wrap .guide-text { padding:10px 0 0 0;font-size:14px}
.board-search-wrap .guide-text.right { text-align:right}
.board-page-total-sort {display:block;overflow:hidden;margin:30px 0 15px 0;}
.board-page-total-sort .board-page-total { float:left;margin:0;line-height:36px;}
.board-page-total-sort .board-sort { float:right;}
.board-total-sort {display:block;overflow:hidden;margin:30px 0 15px 0;}
.board-total-sort .board-page-total { float:left;margin:0;line-height:36px;}
.board-total-sort .board-sort { float:right;}
.board-total-sort .board-sort .label { display:inline-block;line-height:36px;margin-right:10px;}
.board-total-sort .board-sort .label + .select-btn-group { display:inline-block;}
.board-total-search-wrap {display:block;overflow:hidden;margin:30px 0 15px 0;}
.board-total-search-wrap .board-page-total { float:left;margin:0;line-height:36px;}
.board-total-search-wrap .board-sort-search,
.board-sort-search { float:right;}
@media all and (max-width:768px){
	.board-total-sort .board-page-total,
	.board-total-sort .board-sort,
	.board-page-total-sort .board-page-total,
	.board-page-total-sort .board-sort,
	.board-total-search-wrap .board-page-total,
	.board-total-search-wrap .board-sort-search,
	.board-sort-search { float:none;width:100%;}
	.board-total-sort .board-sort .label + .select-btn-group select + .btn {margin-top:4px;}

}

/* 통합형 board-data-list */

.board-data-list table {table-layout:auto;text-align:center;width:100%;}
.layout-fixed table,
.board-data-list.layout-fixed table,
.board-data-list.board-has-sm-view table,
.open .board-data-list.board-has-sm-view table,
.board-data-list.board-has-sm-view #datatable-default {table-layout:fixed;}
.board-data-list table th,
.board-data-list table td {text-align:center;/*height:50px;*/border-left:0;border-right:0;border-bottom:1px solid #ddd;word-break:break-all;white-space:normal;word-wrap:normal;vertical-align:middle;line-height:1.2;}
.board-data-list table th { padding:18px 0;color:#333333;font-family:"Noto Sans";font-weight:500;}
.board-data-list table thead th {background-color:#f5f5f5;}
.board-data-list table tbody td {border-bottom:1px solid #ddd;padding:15px 0;line-height:1.5;}
.board-data-list table td.subject { text-align:left;}
.board-data-list table tr td:first-child,
.board-data-list table tr th:first-child { /*border-left:1px solid #ddd;*/}
.board-wrap table tbody tr:last-child th,
.board-wrap table tbody tr:last-child td { border-bottom:0;}
.board-data-list table tr.notice,
.board-data-list table tr:hover,
.board-data-list table tr:focus { background-color:#f9fdf3;}
.board-data-list table tr:hover a { text-decoration:underline;}
.board-list-subject.has-answer a{ background:url("/humanframe/globaltheme/assets/image/board/icon_reply.gif") no-repeat 0 8px;padding-left:20px;}
.board-list-subject a:hover { text-decoration:none;}
.board-list-subject a{display:block;position:relative;overflow:hidden;width:100%;max-width:100%;white-space:nowrap;text-overflow:ellipsis;line-height:1;vertical-align:middle;}
.board-list-subject .subject,
.board-list-subject .title {display:inline-block;overflow:hidden;max-width:calc( 100% - 62px);white-space:nowrap;text-overflow:ellipsis;line-height:1;}
.board-list-subject .is-reply {display:inline-block;color:#1e9fd5;vertical-align:middle;}
.board-list-subject .new-reply {display:inline-block;position:relative;width:15px;height:15px;vertical-align:middle;line-height:1;}
.board-list-subject .new-reply em {position:absolute;left:-9999999px;overflow:hidden;width:0;height:0;font-size:0;}
.board-list-subject .new-reply:after { content:"N";display:inline-block;position:absolute;right:0;top:0;width:15px;height:15px;background-color:#1e9fd5;border-radius:50%;color:#fff;font-size:13px;text-align:center;}
.board-list-subject .is-secret {display:inline-block;}
.board-list-subject a:hover .subject { text-decoration:underline;}
.board-data-list table td .state { white-space:nowrap;}

.board-data-list td.sm-hidden { display:table-cell;}
.board-data-list .state.lg-hidden { display:none;}
@media screen and (max-width:912px) {
	.board-data-list { width:100%;overflow-x:auto;}
	.board-data-list table {width:912px;}
	.board-data-list.board-has-sm-view table th:not(.sm-view) { display:none;}
	.board-data-list.board-has-sm-view table td:not(.sm-view) { display:none;}
	.board-data-list.board-has-sm-view table col:not(.sm-view) { display:none;}
	.board-data-list.board-has-sm-view {width:100%;	}
	.board-data-list.board-has-sm-view table {width:100%;table-layout:fixed;}
	.board-data-list.board-has-sm-view a{display:block;width:100%;max-width: 100%;}
	.board-data-list .state.lg-hidden { display:inline-block;}
	.board-data-list .board-list-subject .state.lg-hidden {margin-right:4px;}
}
@media all and (max-width:912px) {
	.board-list-subject .subject,
	.board-list-subject .title { display:inline;}

	.sm-hidden { display:none;}
}
.board-data-list table .board-list-subject a { line-height:1.8;}


/* board-view, board-write 공통 */
.board-view-title-wrap { display:block;background-color:#f5f5f5;text-align:center;/*border-bottom:1px solid #ddd;*/padding:12px;}
.board-view-title-wrap .is-secret { display:block;float:left;width:14px;height:20px;margin-right:10px;background-image:url("../image/board/icon-secret-m.png");background-size:100% auto;background-repeat:no-repeat;background-position:0 50%;}
.board-view-title-wrap .is-secret > em { display:block;overflow:hidden;left:-999999px;width:0;height:0;font-size:0;}
.board-view-title-wrap .board-view-title{ font-family:"Noto Sans";font-size:20px;font-weight:500;color:#333333;line-height:1.5;text-align:left;}
@media all and (max-width:768px){
	.board-view-title-wrap {padding:8px;}
	.board-view-title-wrap .board-view-title { font-size:calc(14px + 1vw);}
}
/* board-item-group */
.board-item-group {display:block;overflow:hidden;position:relative;font-size:16px;}
.board-item-group-wrap .board-item-group:last-child {border-bottom:1px solid #ddd;}
.board-item-group > dl { display:table;width:100%;height:auto;table-layout:fixed;border-top:1px solid #ccc;}
.board-item-group > dl > dt {	display:table-cell;width:100px;width:150px;background-color:#f8f8f8;border-right:1px solid #ccc;padding: 8px 12px;font-family:"Noto Sans";font-weight:500;text-align:center;line-height:1.5;	vertical-align:middle;box-sizing:border-box;}
.board-item-group > dl > dd {	display:table-cell;background: #fff;padding:8px 12px;box-sizing:border-box;vertical-align:middle;line-height:1.5;}
.board-item-group > dl + dl { border-left:1px solid #ccc;}
.board-item-group > dl > dt.sm-hide { display:none !important;}
/*
.board-item-group {display:block;overflow:hidden;position:relative;border-top:1px solid #ccc;}
.board-item-group-wrap .board-item-group:last-child {border-bottom:1px solid #ddd;}
.board-item-group > dl { display:table;width:100%;height:auto}
.board-item-group > dl > dt {	display:table-cell;width:100px;width:150px;background-color:#f8f8f8;border-right:1px solid #ccc;padding: 12px 20px; font-weight:500;text-align:center;	vertical-align:middle;box-sizing:border-box;}
.board-item-group > dl > dd {	display:table-cell;background: #fff;padding:12px 12px;box-sizing:border-box;vertical-align:middle;}
.board-item-group.items2 dl { display:block;position:relative;float:left;width:50%;height:100%;box-sizing:border-box}
*/

/* form-input-group */
/*
.board-item-group > dl { display:table;width:100%;height:auto}
.board-item-group > dl > dt {	display:table-cell;}*/
.board-item-group.items,
.board-item-group.items2,
.board-item-group.items3 { width:100%;display: flex;align-items: stretch;}
.board-item-group.items2 > dl { width:50%;}
.board-item-group.items3 > dl { width:33.3333%;}
/*.board-item-group.items2 > dl:after { content:"";position:absolute;left:0;top:0;z-index:-1;display:block;width:150px;height:100%;background-color:#f8f8f8;border-right:1px solid #ccc;}*/
.board-item-group.items2 > dl + dl,
.board-item-group.items3 > dl + dl { border-left:1px solid #ccc;}
@media all and (max-width:768px){
	.board-item-group { font-size:15px;}
	.board-item-group > dl > dt {width:100px;padding:8px;line-height:1.5;}
	.board-item-group > dl > dd {padding:8px;line-height:1.5;}
}
@media all and (max-width:640px){
	.board-item-group.items,
	.board-item-group.items2,
	.board-item-group.items3 { display:block;}
	.board-item-group.items dl,
	.board-item-group.items2 dl,
	.board-item-group.items3 dl {width:100%;}
	.board-item-group.items2 dl + dl,
	.board-item-group.items3 dl + dl {border-left:0;}
}

@media all and (max-width:320px){
	.board-item-group > dl { display:block;}
	.board-item-group > dl > dt,
	.board-item-group > dl > dd { display:block;width:100%;}
	.board-item-group.items2 dl,
	.board-item-group.items3 dl{ float:none;display:block;width:100%;}
	.board-item-group.items2 dl + dl,
	.board-item-group.items3 dl + dl  { border-top:1px solid #ddd;}
}

.board-view.view-answer { margin-top:50px;}
.board-view.view-answer .board-view-title-wrap { position:relative;padding-left:48px;background-image:url("../image/board/icon-board-answer.png");background-size:18px 12px;background-repeat:no-repeat;background-position:20px 20px;border-bottom:0;}
.board-view.view-answer .board-view-title-wrap .board-view-title { background-size:11px 14px;padding-left:18px;font-size:15px; }
.board-view.view-answer .board-view-title-wrap .is-secret { width:12px;height:14px;margin-right:6px;}
.board-view.view-answer .board-view-title-wrap .written-date { display:inline-block;position:absolute;right:20px;top:50%;margin-top:-8px;color:#555; }
.board-view .writer { color:#0070bd;font-weight:normal;}
@media all and (max-width:768px){
	.board-view.view-answer .board-view-title-wrap .written-date { display:block;position:relative;top:0;right:0;margin:10px 0 0 0;text-align:right;}
}


.file-preview-down-group-wrap {display:block;position:relative;max-height:156px;overflow-y:auto;}
.file-preview-down-group {display:block;position:relative;;min-height:20px;background-image:url("../image/board/icon-attachfile-list.png");background-size:14px 13px;background-repeat:no-repeat;background-position:0 50%;padding:4px 0 4px 20px;}
.file-preview-down-group * {line-height:20px;vertical-align:middle;}
.file-preview-down-group .file-name { display:inline-block;overflow:hidden;max-width:calc( 100% - 168px );white-space:nowrap;text-overflow:ellipsis;}
.file-preview-down-group:hover .file-name { text-decoration:underline;color:#444;}
.file-preview-down-group .btn { display:inline-block;height:20px;background-color:#888888;padding:0 6px;color:#fff;line-height:17px;}
.file-preview-down-group .btn > span {font-size:14px;}
.file-preview-down-group .btn:hover,
.file-preview-down-group .btn:focus { background-color:#444444;outline:thin dotted;}
.file-preview-down-group .btn.btn-download > span { padding-right:0;}
.file-preview-down-group .btn.btn-download > span:after { display:none;}
/*.file-preview-down-group .btn.btn-preview { display:none !important;} */
@media all and (max-width:420px){
	.file-preview-down-group { background-position:0 8px;}
	.file-preview-down-group .file-name { display:block;width:100%;max-width:100%;}
}
/* board-view-meta */
.board-view-meta,
.board-item-area { overflow:hidden;border-top:1px solid #ccc;padding:12px; }
.board-view-meta dl { display:inline-block;float:left;position:relative;margin-right:20px;padding:4px 0;font-size:16px;}
.board-view-meta dt, .board-view-meta dd { display:block;float:left;position:relative;line-height:18px; vertical-align:middle;}
.board-view-meta dt { margin-right:8px;color:#333;font-weight:500;}
@media screen and (max-width:768px){
	.board-view-meta,
	.board-item-area {padding:8px;}
	.board-view-meta dl { margin-right:8px;}
	.board-view-meta dt { margin-right:4px;}
}
.board-view-contents { display:block;overflow:hidden;position:relative;border-top:1px solid #ccc;padding:20px; color:#333;text-align:left;  }
.board-view-contents img { display:block;max-width:100%;height:auto;margin:0 auto; }
.board-view-contents pre { margin:0;padding:0; }
@media screen and (max-width:768px){
	.board-view-contents { padding:8px 0;}
}

/* board-view-nav */
.board-view-nav {border-top:2px solid #888888;border-bottom:2px solid #888888;margin-top:40px}
.board-view-nav dl {display:table;width:100%;table-layout:fixed;}
.board-view-nav dl dt {display:table-cell;width:150px;background-color:#f8f8f8;border-right:1px solid #ccc;padding:8px 20px;vertical-align:middle;text-align:center;color:#111;font-weight:500;box-sizing:border-box;}
.board-view-nav dl dd { display:table-cell;padding:8px 20px;vertical-align:middle;}
.board-view-nav dl dt span {display:block;position:relative;padding-right:18px;font-family:"Noto Sans";color:#666;text-align:left;}
.board-view-nav dl dt span:after {content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-3px;width:12px;height:7px;background-repeat:no-repeat;background-position:0 0}
.board-view-nav dl.board-view-prev dt span:after { background-image:url("../image/board/board-view-prev-arw.png")}
.board-view-nav dl.board-view-next dt span:after { background-image:url("../image/board/board-view-next-arw.png")}
.board-view-nav dl.board-view-next {border-top:1px solid #ddd}
.board-view-nav dl dd a {color:#111}
.board-view-nav dl dd a:hover {text-decoration:underline}
@media all and (max-width:768px) {
	.board-view-nav dl dt { width:100px;padding:8px;line-height:1.5;}
	.board-view-nav dl dd { padding:8px;line-height:1.5;}
}

/* boardGallerySlider view */
.board-gallery-viewer {display:block;width:100%;max-width:100%;min-height:100px;margin:20px auto;}
.board-gallery-viewer .owl-stage-outer {display:block;position:relative;/*height:515px;*/text-align:center;margin:0 auto;overflow:hidden;}
.board-gallery-viewer .owl-carousel .owl-item { display:block;position:relative;overflow:hidden;width:100%;height:100%;}
.board-gallery-viewer .owl-carousel .item { min-height:515px;}
.board-gallery-viewer .owl-carousel .item img {    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;height:auto;max-width: 100%;max-height:100%;margin:0; }
.board-gallery-viewer .owl-thumbs {overflow:hidden;margin:10px auto 0 auto;position:relative;left:-10px;width:695px;}
.board-gallery-viewer .owl-thumbs .owl-thumb-item {float:left;width:20%;height:102px;padding-left:10px;padding-bottom:10px;}
.board-gallery-viewer .owl-thumbs .owl-thumb-item img {width:100%;height:100%;opacity:0.6;}
.board-gallery-viewer .owl-thumbs .owl-thumb-item.active img {opacity:1;border:1px solid #333;}
.board-gallery-viewer .owl-carousel .owl-nav [class*='owl-'] {display:inline-block;overflow:hidden;position:absolute;top:50%;width:50px;height:50px;background:url(../image/board/spr_owl_nav.png) no-repeat 0 0;margin-top:-25px;}
.board-gallery-viewer .owl-carousel .owl-nav .owl-prev {left:0;background-position:0 0;}
.board-gallery-viewer .owl-carousel .owl-nav .owl-next {right:0;background-position:-60px 0;}
.board-gallery-viewer .owl-carousel .owl-nav .owl-prev:hover {background-position:0 -60px;}
.board-gallery-viewer .owl-carousel .owl-nav .owl-next:hover {background-position:-60px -60px;}
.board-gallery-viewer .owl-carousel .owl-nav [class*='owl-'] span { display:block;overflow:hidden;position:absolute;left:-999999999999999999px;width:0;height:0;font-size:0;}
.board-gallery-viewer .owl-dots { display:none;}
@media all and (max-width: 768px) {
	.board-gallery-viewer {height:auto;margin-top:0;text-align:center;}
	.board-gallery-viewer .owl-stage-outer,
	.board-gallery-viewer .owl-thumbs { width:100%;height:auto;left:0;}
	.board-gallery-viewer .owl-carousel {display:block !important;}
	.board-gallery-viewer .owl-carousel .item { min-height:280px;}
}



/* boardGallerySlider list */
.row-list {display:block;overflow:hidden;position:relative;width:100%;margin:-20px 0 80px -18px}
.row-list > li {padding:20px 0 0 18px;width:33.33%;float:left}
.row-list > li a {display:block;border-bottom:1px solid #ccc;padding-bottom:40px}
.row-list > li .img {border:1px solid #ddd;height:260px;width:auto;background:url(../image/common/bg_regist_comfirm.png) no-repeat center center;text-align:center;overflow:hidden;position:relative;z-index:3;background-size:150px}
.row-list > li .img img {width:100%;height:100%}
.row-list > li .title {margin-top:20px;color:#333;font-size:17px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.row-list > li .date {margin-top:15px;color:#666;font-size:15px;font-weight:300}
.row-list > li .address {margin-top:3px;color:#666;font-size:15px;font-weight:300;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.row-list > li .phone {margin-top:2px;color:#666;font-size:15px;font-weight:300}
.row-list:after {display:block;clear:both;content:''}
.row-list.half {margin:30px 0 0 -18px}
.row-list.half > li {padding:0 0 0 18px;width:50%;float:left}
.row-list li a:hover {border-bottom:1px solid #214ea1}
.row-list li a:hover .img:before {width:112px;height:44px;line-height:42px;color:#fff;border:1px solid #ccc;content:'more >';position:absolute;top:50%;left:50%;margin:-22px 0 0 -56px;z-index:5}
.row-list li a:hover .img:after {width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:#000;opacity:0.5;content:'';display:inline-block;position:absolute;z-index:4}
.row-list li a:hover .title {text-decoration:underline}
@media all and (max-width:768px) {
	.row-list > li {width:50%}
	.row-list > li a {padding-bottom:20px}
	.row-list > li a .img {height:160px}
	.row-list > li a .title {font-size:15px}
	.row-list > li a .date, .row-list > li .address, .row-list > li .phone {font-size:13px;margin-top:2px}
	.row-list.half {margin-top:15px}
	.row-list.half > li {width:100%;float:none}
	.row-list.half > li:first-child {margin-bottom:20px}
}
@media all and (max-width:460px) {
	.row-list {margin-left:0;margin-bottom:40px}
	.row-list > li {width:100%;padding-left:0}
	.row-list > li a .img  {height:180px}
	.row-list > li a .title {font-size:15px}
	.row-list > li a .date {font-size:13px;margin-top:8px}
}

/* board common */
.board-item-area { display:block;overflow:hidden;}
.board-item-area .item { display:block;position:relative;float:left;margin:4px 0;padding:0 10px;font-size:14px;color:#888;line-height:1;}
.board-item-area .item:first-child { padding-left:0;}
.board-item-area .item+.item::before{content:"";display:inline-block;position:absolute;top:50%;left:0;right:auto;width:1px;height:10px;margin-top:-5px;background:#777;}
.board-item-area .item dt { display:inline-block;float:left;padding-right:4px;font-size:inherit;color:#555;}
.board-item-area .item dd {  display:inline-block;float:left;font-size:inherit;color:#888;}

/* board-blog-list */
.board-blog-list { }
.board-blog-list ul { display:block;overflow:hidden;width:100%}
.board-blog-list li {}
.board-blog-list li a { display:block;overflow:hidden;position:relative;color:#707070}
.board-blog-list li a:hover { background:#f7fbff}
.board-blog-list li a:hover strong { text-decoration:underline}
.board-blog-list .board-article-group {display:block;overflow:hidden;position:relative;border-bottom:1px solid #cccccc;padding:20px;color:#707070;}
.board-blog-list .board-article-group .img-area { display:block;position:relative;overflow:hidden;float:left;width:154px;height:102px;margin-right:20px;background-color:#f8f8f8;background-image:url(../image/board/board-data-blank-logo.png);background-repeat:no-repeat;background-position:50% 50%;}
.board-blog-list .board-article-group .img-area:before { content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #e3e3e3;box-sizing:border-box;}
.board-blog-list .board-article-group .img-area > img { display:block;width:100%;height:auto;min-height:100%}
.board-blog-list .board-article-group > img { display:block;float:left;width:154px;height:102px;margin-right:20px}
.board-blog-list .board-article-group .txt-area { display:block;position:relative;}
.board-blog-list .board-article-group .subject { display:block;overflow:hidden;/*font-size:15px;*/font-weight:600;color:#333333;padding:8px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.board-blog-list .board-article-group .txt { display:block;font-size:17px; line-height:1.6;height: 54px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word}
.board-blog-list .board-article-group .board-item-area { padding-top:4px;border-top:0;}
@media all and (max-width:768px) {
	.board-blog-list .board-article-group { padding:20px 0;}
	.board-blog-list .board-article-group .img-area { width:30%;}
}
@media all and (max-width:360px) {
	.board-blog-list .board-article-group { padding:15px 0;}
	.board-blog-list .board-article-group .img-area { width:100px;}
}

.board-view .board-item-area { padding:20px;}
.board-view .board-item-area .item { font-size:15px}
.board-view .board-item-area .item dt { font-weight:600;}

/* 포토형 */
.board-photo-list { padding:20px 20px 10px 20px;border-top:1px solid #333333;border-bottom:1px solid #333333;box-sizing:border-box;}
.board-photo-list ul { display:block;overflow:hidden;width:100%; }
.board-photo-list > ul > li { display:block;float:left;width:32%;margin-right:2%;margin-bottom:10px;padding:0;box-sizing:border-box; }
.board-photo-list > ul > li:nth-child(3n) { margin-right:0; }
.board-photo-list > ul > li > a { display:block;box-sizing:border-box; }
.board-photo-list > ul > li > a:hover .board-photo:before { opacity:0;transition:all 0.5s; }
.board-photo-list .board-photo { display:block;overflow:hidden;position:relative;width:100%;height:168px;margin:0 !important;padding:0 !important;}
.board-photo-list > ul > li > a .board-photo figcaption { display:inline-block;position:absolute;z-index:2;left:0;bottom:0;right:0;padding:18px;
	background-image:url("../image/board/photo-gradient.png");background-repeat:no-repeat;background-position:left bottom;background-size:100% 100%;
	text-align:left;color:#fff;font-size:16px;font-family:"Noto Sans";}
.board-photo-list .board-photo figcaption .meta { display:block;padding-top:8px;font-size:14px;font-family:"malgun-gothic";font-weight:400;}
/*
.board-photo-list > ul > li > a .board-photo img { display:block;width:auto;height:auto;min-height:100%;margin:0 auto;padding:0;transition: all 0.5s ease-out;-webkit-transform: scale3d(1.0);}*/
 .board-photo-list > ul > li > a .board-photo img { display:block;width:100%;height:100%;/*min-width:100%;min-height:100%;*/margin:0;padding:0;transition: all 0.5s ease-out;-webkit-transform: scale3d(1.0);}
/*
.board-photo-list > ul > li > a:hover .board-photo figcaption,
.board-photo-list > ul > li > a:focus .board-photo figcaption { display:inline-block;opacity:1;transition:all 0.5s;}*/
.board-photo-list > ul > li > a:hover .board-photo img,
.board-photo-list > ul > li > a:focus .board-photo img {-webkit-transform: scale(1.2);transition-duration:260ms;}
@media all and (max-width:768px) {
	.board-photo-list { padding:20px 0; }
	.board-photo-list > ul > li,
	.board-photo-list > ul > li:nth-child(3n) { width:49%;margin-right:2%; }
	.board-photo-list > ul > li:nth-child(2n) { margin-right:0; }
}
@media all and (max-width:368px) {
	.board-photo-list > ul > li,
	.board-photo-list > ul > li:nth-child(2n),
	.board-photo-list > ul > li:nth-child(3n) { width:100%;margin-right:0; }
}

/* 카드형 */
.board-card-list { padding:20px 20px 10px 20px;border-top:1px solid #333333;border-bottom:1px solid #333333;box-sizing:border-box;}
.board-card-list ul { display:block;overflow:hidden;width:100%; }
.board-card-list > ul > li { display:block;float:left;width:32%;margin-right:2%;margin-bottom:10px;padding:0;box-sizing:border-box; }
.board-card-list > ul > li:nth-child(3n) { margin-right:0; }
.board-card-list > ul > li > a { display:block;box-sizing:border-box; }
.board-card-list > ul > li > a .board-card { display:block;overflow:hidden;position:relative;width:100%;height:168px;    background-color: #f8f8f8;
    background-image: url(/humanframe/globaltheme/assets/image/board/board-data-blank-logo.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;margin:0 !important;padding:0 !important;}
.board-card-list > ul > li > a .board-card figcaption { display:inline-block;opacity:0;position:absolute;z-index:2;left:0;bottom:0;right:0;padding:18px;
	background-image:url("../image/board/photo-gradient.png");background-repeat:no-repeat;background-position:left bottom;background-size:100% 100%;
	text-align:left;color:#fff;font-size:16px;font-family:"Noto Sans";}
.board-card-list > ul > li > a .board-card figcaption .meta { display:block;padding-top:8px;font-size:14px;font-family:"malgun-gothic";font-weight:400;}
.board-card-list > ul > li > a .board-card img { display:block;min-height:100%;height:auto;height:100%;width:100%;margin:0;padding:0;
												transition: all 0.5s ease-out;-webkit-transform: scale3d(1.0);}
.board-card-list > ul > li > a:hover .board-card figcaption,
.board-card-list > ul > li > a:focus .board-card figcaption { display:inline-block;opacity:1;transition:all 0.5s;}
.board-card-list > ul > li > a:hover .board-card img,
.board-card-list > ul > li > a:focus .board-card img {-webkit-transform: scale(1.2);transition-duration:260ms;}

@media all and (max-width:768px) {
	.board-card-list { padding:20px 0; }
	.board-card-list > ul > li,
	.board-card-list > ul > li:nth-child(3n) { width:49%;margin-right:2%; }
	.board-card-list > ul > li:nth-child(2n) { margin-right:0; }
}
@media all and (max-width:368px) {
	.board-card-list > ul > li,
	.board-card-list > ul > li:nth-child(2n),
	.board-card-list > ul > li:nth-child(3n) { width:100%;margin-right:0; }
}

/* paging */
.paginate {display:block;position:relative;margin:30px auto;text-align:center;font-size:0}
.paginate a {display:inline-block;color:#666;font-size:15px;line-height:30px;height:32px;width:32px;vertical-align:middle;text-align:center;margin:0 2px;box-sizing:border-box;}
.paginate a:hover {color:#666;background:#f7f7f7}
.paginate a.active {color:#fff;background:#1e9fd5;border:0;}
.paginate a.com,
.paginate a.m-prev,
.paginate a.m-next {background-color:#f5f5f7;;background-repeat:no-repeat;background-position:center;color:transparent;font-size:0;margin-left:4px;border:1px solid #333333;}
.paginate a.com.first {background-image:url(../image/board/paginate-first.png);margin-left:0}
.paginate a.com.prev,
.paginate a.m-prev {background-image:url(../image/board/paginate-prev.png);}
.paginate a.com.next,
.paginate a.m-next {background-image:url(../image/board/paginate-next.png);}
.paginate a.com.last {background-image:url(../image/board/paginate-last.png);}
.paginate a.com:hover {background-color:#f7f7f7}

.paginate a.first:not(.com){overflow:hidden;background:url(../image/board/paginate-first.png) no-repeat 50% 50%;border:1px solid #333333;text-indent:-9999999999999999999px;}
.paginate a.prev:not(.com){overflow:hidden;background:url(../image/board/paginate-prev.png) no-repeat 50% 50%;border:1px solid #333333;text-indent:-9999999999999999999px;}
.paginate a.next:not(.com){overflow:hidden;background:url(../image/board/paginate-next.png) no-repeat 50% 50%;border:1px solid #333333;text-indent:-9999999999999999999px;}
.paginate a.last:not(.com){overflow:hidden;background:url(../image/board/paginate-last.png) no-repeat 50% 50%;border:1px solid #333333;text-indent:-9999999999999999999px;}

.paginate .num-page-total,
.paginate a.m-prev,
.paginate a.m-next { display:none;}

@media all and (max-width:768px) {
	.paginate { position:relative;}
	.paginate a:not(.com) { display:none;}
	.paginate a.com { display:none;}
	.paginate a.active { display:inline-block;width:auto;background:transparent;margin-left:16px;color:#1e9fd5;font-weight:600;}
	.paginate .num-page-total { display:inline-block;width:auto;height:32px;color: #666;
		font-size: 15px;
		line-height: 30px;
		height: 32px;
		vertical-align: middle;
		text-align: center;
		margin: 0 2px;
		box-sizing: border-box;margin-right:16px;}
	.paginate .num-page-total:before { content:"/";display:inline-block;width:16px;text-align:center;}
	.paginate .num-page-total em {color:#555;}
	.paginate a.m-prev,
	.paginate a.m-next { display:inline-block;}
}

.cont-top {background-color:#f1f8ff;padding:30px 28px;margin-bottom:50px}
.cont-top .btn-area {margin-top:17px}
.cont-top .list-bullet {margin:0}
.cont-top .list-bullet li {color:#333;font-size:17px;font-weight:400}
.cont-top .list-bullet > li > ul {margin-top:15px;margin-left:0}
.cont-top .list-bullet > li > ul > li {font-size:16px;font-weight:300;background:url(../image/content/dash_01.png) no-repeat 0 9px;line-height:1.3}
.cont-top p.light {margin-top:4px}

.list-small {margin-top:15px;margin-left:0}
.list-small > li {font-size:14px;font-weight:300;background:url(../image/content/dash_01.png) no-repeat 0 11px !important;line-height:1.6;padding-left:10px !important}
span.red {color:#f41818;font-size:17px;font-family:'맑은 고딕';font-weight:500;vertical-align:middle}

.surely-checked input {vertical-align:middle}
.surely-checked label {line-height:1.2;margin-left:5px}
.surely-checked label span {font-size:13px;color:#ec3152;font-weight:400;vertical-align:1px;display:inline-block;line-height:1.2}

@media all and (max-width:1099px) {
	.cont-top {padding:20px;margin-bottom:30px}
	.cont-top .list-bullet > li > ul > li {font-size:14px}
	.list-small > li  {.list-small > li }
}

.graph-wrap {border:1px solid #ccc;border-top:1px solid #214ea1; text-align:center;padding:30px}
.graph-wrap .jui {width:100%;height:400px}
.graph-wrap .widget-title {font-size:14px}
.graph-wrap .notes {width:600px;text-align:center;display:inline-block}
.graph-wrap .notes ul li {display:inline-block;color:#666;margin-right:20px}
.graph-wrap .notes > ul {margin:20px 0}
.graph-wrap .notes > div {margin:20px 0;color:#666}
.graph-wrap .notes .blue {color:#214ea1;font-size:17px;font-weight:400;padding-right:5px}

@media all and (max-width:768px) {
	.graph-wrap .notes {width:100%}
}

.guide-bar {display:inline-block;height: 12px; width: 21px; margin: 0px 4px;  border-radius: 3px}
.guide-bar.SOND {background:#DE8EB2 url(../image/common/chart-pt-01.gif)}
.guide-bar.YNGJ {background:#58B2AF url(../image/common/chart-pt-02.gif)}
.guide-bar.CHNA {background:#749ACB url(../image/common/chart-pt-03.gif)}
.guide-bar.total {background:url(../image/common/icon_graph_all.png) no-repeat 0 center;width:24px;height:12px}

.boxStyle > ol {margin-bottom:20px}
.boxStyle > ol > li {margin-top:10px}
.boxStyle > ol > li span.txt {min-width:80px;display:inline-block;margin-right:20px;line-height:1.2}
.boxStyle > ol > li:first-child {margin-top:5px}
.boxStyle strong {font-weight:400;color:#333;font-size:17px}
.boxStyle .graph-wrap {border:none;padding:0;text-align:left;display:inline-block;line-height:1.2}}
.boxStyle .graph-wrap .graph-text {line-height:1.2}
.boxStyle .graph-wrap .graph-text:before {display:inline-block;content:'|';margin-right:10px;padding-left:5px;font-size:13px;color:#888888;vertical-align:2px;line-height:1.2;font-weight:400}

td.bg-gray .check-text {margin:10px}
td.bg-gray .check-text p.title {font-size:18px;font-weight:400;color:#333}
td.bg-gray .check-text .list-small {margin:5px 5px 5px 10px}

.survey .form-group {padding:20px 8px}
.survey .form-group dl {position:relative;padding-left:70px;margin-top:15px}
.survey .form-group dl dt {position:absolute;left:0;top:4px;width:70px}
.survey .form-group dl:first-child {margin-top:0}

/* accordian-list */
.accordian-list {border-top:1px solid #333333;border-bottom:1px solid #333333;}
.accordian-list .acco-group {position:relative;margin-top:1px;border-bottom:1px solid #dedede;text-align:left;}
.accordian-list .acco-group .acco-head { display:block;position:relative;}
.accordian-list .acco-group .acco-head > a {display:table;width:100%;overflow:hidden;position:relative;line-height:18px;padding:20px 60px 20px 20px;text-decoration:none;color:#666;line-height:1.5;/*font-size:14px;font-weight:300;*/}
.accordian-list .acco-group .acco-head > a > span {display:table-cell;min-height:22px;margin-right:20px;color:#333;/*font-size:16px;*/font-weight:400;}
.accordian-list .acco-group .acco-head > a .num { width:40px;}
.accordian-list .acco-group .acco-head > a .subject{ width:auto;}
.accordian-list .acco-group .acco-head > a .written-date { width:96px;}
.accordian-list .acco-group .acco-head .btn { display:block;width:60px;height:60px;position:absolute;right:0;top:0;background-color:transparent;background-image:url(../image/board/acco-arw-down.png);background-repeat:no-repeat;background-position: center;background-size:21px 11px;}
.accordian-list .acco-group .acco-head .btn > span {font-size:0;color:transparent;margin:0;height:0;line-height:0}
.accordian-list .acco-group .acco-body {display:none}
.accordian-list .acco-group .acco-body .table {margin-top:0;border-top:none}
.accordian-list .acco-group .acco-body .table thead th {padding-top:8px;padding-bottom:8px}
.accordian-list .acco-group .acco-body .table thead th:first-child {padding-top:8px;padding-bottom:8px}
.accordian-list .acco-group:first-child {margin-top:0}
.accordian-list .acco-group .acco-head .button:hover {background:#f1f1f1}
.accordian-list .acco-group .acco-head .button:hover span {text-decoration:underline}
.accordian-list .acco-group.active .acco-head { background-color:#f4f9fd;}
.accordian-list .acco-group.active .acco-body {display:block;border-top:1px solid #ddd;padding:20px;line-height:1.5;}
/*.accordian-list .acco-group.active .acco-body *:first-child {margin-top:0}*/
.accordian-list .acco-group.active .acco-body .board-view-contents { border-top:0;margin-top:0;padding:0;}
.accordian-list .acco-group.active .acco-head .btn { background-image:url(../image/board/acco-arw-up.png);}
@media all and (max-width:768px){
	.accordian-list .acco-group .acco-head > a { display:block;padding:15px 40px 15px 10px}
	.accordian-list .acco-group .acco-head > a .num { display:none;}
	.accordian-list .acco-group .acco-head > a .subject,
	.accordian-list .acco-group .acco-head > a .written-date { display:block;margin-right:0;}
	.accordian-list .acco-group .acco-head > a .written-date { margin-top:5px;color:#666;font-size:14px;}
	.accordian-list .acco-group .acco-head .btn { top:auto;bottom:0;}
	.accordian-list .acco-group.active .acco-body {padding:15px 10px;}
}

/* board-faq-list */
.board-faq-list {border-bottom:1px solid #333333;}
.board-faq-list .board-faq-group {display:block;overflow:visible;width:100%;position:relative;border-bottom:1px solid #dedede;text-align:left;}
.board-faq-list .board-faq-group:first-child {border-top:1px solid #333333;}
.board-faq-list .board-faq-group .board-faq-question { display:block;position:relative;padding-right:60px;font-size:16px;font-weight:400;}
.board-faq-list .board-faq-group .board-faq-question > a,
.board-faq-list .board-faq-group .board-faq-question > div {display:table;width:100%;padding:20px 0 20px 20px;box-sizing:border-box;text-decoration:none;}
.board-faq-list .board-faq-group .board-faq-question > a > div,
.board-faq-list .board-faq-group .board-faq-question > div > div {display:table-cell;padding-right:15px;color:#333;box-sizing:border-box;}
.board-faq-list .board-faq-group .board-faq-question > a > div:last-child,
.board-faq-list .board-faq-group .board-faq-question > div > div:last-child {padding-right:0;}
.board-faq-list .board-faq-group .board-faq-question div.num-wrap { width:60px;}
.board-faq-list .board-faq-group .board-faq-question div.subject-wrap { line-height:1.5;}
.board-faq-list .board-faq-group .board-faq-question div.subject-wrap .form-radio {margin:0;}
.board-faq-list .board-faq-group .board-faq-question div.date-wrap { width:90px;}
.board-faq-list .board-faq-group .board-faq-question div.date-wrap {text-align:right;}
.board-faq-list .board-faq-group .board-faq-question .board-faq-btn { display:block;overflow:hidden;position:absolute;right:0;top:auto;bottom:0;width:60px;height:60px;background-image:url(../image/board/acco-arw-down.png);background-repeat:no-repeat;background-position: center;background-size:21px 11px;}
.board-faq-list .board-faq-group .board-faq-question .board-faq-btn > span {display:block;overflow:hidden;position:absolute;left:-999999999999px;top:0;width:0;height:0;font-size:0;}
.board-faq-list .board-faq-group .board-faq-answer {display:none}
.board-faq-list .board-faq-group .board-faq-answer .table {margin-top:0;border-top:none}
.board-faq-list .board-faq-group .board-faq-answer .table thead th {padding-top:8px;padding-bottom:8px}
.board-faq-list .board-faq-group .board-faq-answer .table thead th:first-child {padding-top:8px;padding-bottom:8px}
.board-faq-list .board-faq-group .board-faq-question .board-faq-btn:hover span {text-decoration:underline}
.board-faq-list .board-faq-group.active {border-top:1px solid #333;}
.board-faq-list .board-faq-group.active + .board-faq-group { border-top:1px solid #333;}
.board-faq-list .board-faq-group.active .board-faq-question { background-color:#f4f9fd;}
.board-faq-list .board-faq-group.active .board-faq-question .subject {font-weight:600;}
.board-faq-list .board-faq-group.active .board-faq-answer {display:block;border-top:1px solid #ddd;padding:20px;line-height:1.5;}
.board-faq-list .board-faq-group.active .board-faq-question .board-faq-btn { background-image:url(../image/board/acco-arw-up.png);background-repeat:no-repeat;}

@media all and (max-width:768px) {
	.board-faq-list .board-faq-group .board-faq-question {padding-right:40px;}
	.board-faq-list .board-faq-group .board-faq-question > a,
	.board-faq-list .board-faq-group .board-faq-question > div { display:block;padding:10px 0;}
	.board-faq-list .board-faq-group .board-faq-question > a > div,
	.board-faq-list .board-faq-group .board-faq-question > div > div{ display:block;width:100%;padding:5px 0;}
	.board-faq-list .board-faq-group .board-faq-question div.date-wrap {text-align:left;}
	.board-faq-list .board-faq-group .board-faq-question .board-faq-btn { width:40px;height:40px;background-size:16px auto;}
}
/* acco */
/*-------------------------------------------------------------------
    ## acco
-------------------------------------------------------------------*/
/* Default */
.arw, .flag, .ico {
    display: inline-block;
    background: no-repeat 0 0;
    vertical-align: middle;
    overflow: hidden;
    color: transparent;
    text-indent: -999px;
    white-space: nowrap;
}
.arw {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999em;
}
.arw-toggle1 {
    width: 12px;
    height: 8px;
    background-image: url(../img/cmn/arw_toggle01.png);
}
.arw-toggle1.dark {
    background-position: -12px 0;
}
.acco-toggle .arw {
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.acco-basic .acco-toggle .arw {
    right: 20px;
}
.acco-item.is-active .acco-toggle .arw {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.acco-basic .acco-item.is-active .acco-toggle .arw {
    opacity: 1;
}

.acco-title .acco-toggle,
.acco-title .acco-label {display:block; position:relative;}
.acco-title .acco-toggle .arw {position:absolute; top:50%; right:0px; transform:translateY(-50%) rotate(0); transition:all 0.3s;}
.acco-title.is-active .acco-toggle .arw {transform:translateY(-50%) rotate(180deg)}
.acco-content {position:relative; display:none;}
.acco-content.is-active {display:block;}
.acco-content > div {position:relative; z-index:10;}
.acco-basic .acco-toggle {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #222;
    text-align: left;
}
.acco-basic .acco-item.is-active .acco-toggle {
    color: #222;
}
.acco-label, .acco-title, .acco-toggle {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.acco-basic .acco-item.is-active .acco-title {
    background-color: #f8f8f8;
}
/* Design Basic */
.acco-basic {overflow:hidden; border:1px solid #ddd; border-radius:5px;}
.acco-basic .acco-title .acco-toggle {display:block; padding:10px 20px; color:#222;}
.acco-basic .acco-title .acco-toggle[disabled] {color:#888888;}
.acco-basic .acco-title .acco-toggle .arw {opacity:0.5;}
.acco-basic .acco-title .acco-label {padding-right:20px;}
.acco-basic .acco-content {padding:10px 20px; background-color:#ffffff;}
.acco-basic .acco-content + .acco-title {border-top:1px solid #ddd;}
.acco-basic .is-active.acco-title {background-color:#f8f8f8;}
.acco-basic .is-active.acco-title .acco-toggle {color:#222;}
.acco-basic .is-active.acco-title .acco-toggle .arw {opacity:1;}

/* 게시판 아이콘*/
.state,
.state-basic {display:inline-block;min-width:34px;height:19px;border-radius:10px;padding:0 7px;line-height:18px;background-color:#555;color:#fff;font-size:13px;letter-spacing:-1pxtext-align:center;box-sizing:border-box;}
.state.notice,
.state.state-primary {background-color:#0070bd;/*background:url("../images/board/icon_notice.gif") no-repeat;text-indent:-999999999999px;*/} /* 공지 */
.state.receive{background-color:#d7ac2c;color:#fff;} /* 접수 */
.state-done,
.state-gray{background-color:#888888;color:#fff;} /* 완료 */
.state.open,
.state-secondary {background-color:#333;color:#fff;}/* 공개 */
.state.secret{background-color:#888888;color:#fff;}/* 비공개 */
.state.new {background-color:#1e9fd5;color:#fff;}
.state.now,
.state.state-primary1 {background-color:#0071c1;color:#fff;} /* 진행중 */
.state.ready {background-color:#00aca8;}
.state.subject a { margin-right:4px;}



/* 게시판 텍스트 */
.txt-keyword { color:#1e9fd5;}
.icon.is-file { display:inline-block;overflow:hidden;width:22px;height:18px;background-image:url("../image/board/icon-attachfile.png");background-size:22px 18px;background-repeat:no-repeat;background-position:0 50%;vertical-align:middle;}
.icon.is-file > em { overflow:hidden;font-size:0;}

.essential {
	color: #13b0ce;
    padding-left: 13px;
	vertical-align: middle;
}





@charset "utf-8";

/* 설문조사 */
.poll-project .board-view-contents .poll-cho-box{ margin-top:40px;}
.poll-project .board-view-contents .poll-cho-box:first-child { margin-top:5px;}
.poll-project .poll-cho-box{border:1px solid #dddddd;border-top:1px solid #333333;margin-top:5px}
.poll-project .poll-cho-box dl{overflow:hidden}
.poll-project .poll-cho-box dl dt{padding:15px;background-color:#f5f5f5;/*font-size:15px;*/color:#555;border-bottom:1px solid #dddddd;font-weight:600;line-height:1.5;}
.poll-project .poll-cho-box dl dd{padding:10px 15px;background-color:#fff;/*font-size:15px;*/color:#555;border-bottom:1px solid #dddddd}
.poll-project .poll-cho-box dl dd:last-child{border-bottom:0px solid #dddddd}
.poll-project .form-radio label,
.poll-project .form-check label{padding-left:30px;cursor:pointer;}
.poll-project .form-input-group label{padding-left:0px;}
.poll-project .select-input-btn-group .form-input{width:240px}
/*.poll-project .form-input{height:auto;display:inline-block;width:600px} */
.poll-project .form-input.wfull{width:100%}
.poll-project .form-input input{width:100%}
.poll-project .form-input textarea{height:100px;border:0px}
.poll-project .cho-pic-list{margin-left:-20px}
.poll-project .cho-pic-list li{width:33.333333%;float:left;padding-left:20px;box-sizing:border-box;margin-bottom:20px}
.poll-project .cho-pic-list li .thumb{height:230px;border:1px solid #ddd}
.poll-project .cho-pic-list li .thumb img{max-width:100%;height:230px}
.poll-project .form-radio-box{text-align:center;display:block;margin-top:10px}
.poll-project .poll-table{overflow:hidden;border-top:2px solid #1c226c;}
.poll-project .poll-table table{width:100%;}
.poll-project .poll-table table th,
.poll-project .poll-table table td{border-bottom:1px solid #ddd !important;border-right:1px solid #ddd;border-left:1px solid #ddd;padding:5px 10px;text-align:center}
.poll-project .poll-table table th{font-size:15px;color:#333;background-color:#f1f3f9;padding:9px 10px;}
.poll-project .poll-table table td{font-size:15px;color:#555}
.poll-project .poll-table .form-radio-box{margin-top:0px}
.poll-project .poll-table .form-radio{margin-right:15px;}
.poll-project .poll-table .form-radio label{padding:0px;min-width:0px}
.poll-project .input-tel-set > .form-input{width:32%}
.poll-project .definition-area{display:block;overflow:hidden;background-color: #f4f7f6;border: 1px solid #ddd;padding: 28px;line-height:150%;font-weight: 400;color: #555555;text-align: left;}
.poll-project .graph-element{overflow:hidden}
.poll-project .graph-element .graph-left{position:relative;}
.poll-project .graph-element .graph-left .graph-title{display:block;position:relative;padding:0px 140px 0px 0;}
.poll-project .graph-element .graph-left .graph-title .poll-answer-num { display:block;width:80px;position:absolute;left:0;top:0;line-height:1.5;}
.poll-project .graph-element .graph-left .graph-title .poll-answer-item { display:block;margin-left:40px;line-height:1.5;}

.poll-project .graph-element.has-item-img { display:block;position:relative;min-height:182px;}
.poll-project .graph-element.has-item-img .graph-left {min-height:102px;}
.poll-project .graph-element.has-item-img .graph-left .graph-title {padding:0px 140px 0px 102px;}
.poll-project .graph-element.has-item-img .graph-left .graph-title .poll-answer-num { left:102px;}
.poll-project .graph-element.has-item-img .graph-left .poll-answer-item-img { display:block;float:left;overflow:hidden;position:absolute;left:15px;top:10px;width:82px;height:82px;border:1px solid #ddd; }
.poll-project .graph-element.has-item-img .graph-left .poll-answer-item-img img { display:block;width:100%;height:auto;min-height:100%;}
.poll-project .graph-element.has-item-img .graph-left .graph-bar-element {margin-left:102px;}

.poll-project .graph-element .graph-left > .graph-bar-element{display:block;position:relative;height:14px;background-color:#d5ebf0;margin-top:10px}
.poll-project .graph-element .graph-left > .graph-bar-element .graph-bar-element {display:block;position:relative;margin-left:0;}
.poll-project .graph-element .graph-left .graph-text{position:absolute;height:17px;right:0px;top:-40px;width:130px;z-index:1;color:#555;text-align:right;}
.poll-project .graph-element .graph-left > .graph-bar-element span{display:block;position:absolute;left:0;top:0;height:14px;background-color:#1e9fd5}
.poll-project .graph-element .graph-left .graph-title .btn{margin-left:10px;height:25px;line-height:25px}
.commu-join.poll-project .form-input-group-wrap .form-input-group dl dd > .form-select + .form-select { margin-top:10px;}

/*
.poll-project .graph-element{overflow:hidden}
.poll-project .graph-element .graph-left{position:relative;padding:0px 170px 0px 250px;height:35px}
.poll-project .graph-element .graph-left .graph-title{position:absolute;left:15px;top:-3px;width:250px;z-index:1;}
.poll-project .graph-element .graph-left .graph-text{position:absolute;right:0px;top:-3px;width:130px;z-index:1;font-size:15px;color:#555}
.poll-project .graph-element .graph-left .graph-bar-element{display:block;height:14px;background-color:#d5ebf0;margin-top:17px}
.poll-project .graph-element .graph-left .graph-bar-element span{display:block;height:14px;background-color:#1e9fd5}
.poll-project .graph-element .graph-left .graph-title .btn{margin-left:10px;height:25px;line-height:25px}
.commu-join.poll-project .form-input-group-wrap .form-input-group dl dd > .form-select + .form-select { margin-top:10px;}
*/

/* 이벤트 */
.event-project .event-poll-infor{overflow:hidden;min-height:160px;margin-top:40px;padding:40px 20px 40px 170px;border:1px solid #ddd;background:url(/humanframe/theme/incheon/assets/image/incheon02/icon-event-search.png) no-repeat 30px center;}
.event-project .event-poll-infor dl dt{font-size:24px;color:#333;margin-bottom:20px}
.event-project .event-poll-infor dl dd{position:relative;font-size:15px;color:#555;padding-left:10px;margin:3px 0px}
.event-project .event-poll-infor dl dd span{color:#1e9fd5;font-weight:500}
.event-project .event-poll-infor dl dd:after{content:'-';display:block;position:absolute;left:0px;top:0px;z-index:1;}
.event-project .board-event-list{border-top:1px solid #333;border-bottom:1px solid #333;padding:20px}
.event-project .board-event-list:after,
.event-project .board-event-list > ul > li .event-list-inner{content:'';display:block;clear:both}
.event-project .board-event-list > ul{overflow:hidden;margin-left:-10px}
.event-project .board-event-list > ul > li{width:33.33333%;float:left;margin-bottom:10px;}
.event-project .board-event-list > ul > li .event-list-inner{margin-left:10px;background-color:#f4f4f4;border-bottom:1px solid #333333;}
.event-project .board-event-list > ul > li .event-list-inner .thumb{display:block;overflow:hidden;height:160px}
.event-project .board-event-list > ul > li .event-list-inner .thumb img{display:block;width:100%;height:auto;min-height:100%;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor{display:block;overflow:hidden;padding:20px;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-ing{margin-bottom:4px}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-ing span{display:inline-block;margin-right:5px;padding:2px 7px 3px 7px;border-radius:20px;border:1px solid #cccccc;background-color:#fff;font-size:12px;color:#555}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-ing span.ing{border:1px solid #0070bd;background-color:#0070bd;color:#fff}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-subject{margin-top:10px}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-subject > a{display:block;overflow:hidden;height:52px;font-weight:500;color:#333;line-height:1.5;text-overflow:ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-subject > a:hover {text-decoration:underline;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-day{overflow:hidden;margin-top:10px;padding-left:35px;position:relative;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-day dt{position:absolute;left:0px;top:0px;z-index:1;font-size:15px;color:#333;width:35px}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-day dd{font-size:15px;color:#666;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-send{margin-top:20px;}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-send a{display:block;height:44px;line-height:44px}
.event-project .board-event-list > ul > li .event-list-inner .event-infor .event-send a span{margin-left:5px;display:inline-block;width:16px;height:16px;background:url(/humanframe/theme/incheon/assets/image/incheon02/icon-pencil.png) no-repeat 0px 0px;vertical-align:middle;}
.event-project .section5 .section5-body{padding:0px 0px 10px 0px}
.event-project .section5 .section5-body .pre {overflow-x:hidden;overflow-y:auto;height:240px;font-size:15px;line-height:1.5;padding:30px;}
.event-project .section5 .section5-body .policy-content {border:1px solid #ccc;background:#f5f5f5;}
.event-project .section5 .section5-foot{overflow:hidden;padding:10px 0px}
.event-project .section5 .policy-question{margin-top:3px}
.event-project .point-text{margin-top:40px}
.event-project .point-text + .form-input-group-wrap{margin:5px 0px 30px 0px}

@media all and (max-width:768px) {
	.event-project .board-event-list > ul > li{width:50%;}
}
@media all and (max-width:368px) {
    .event-project .board-event-list > ul{margin-left:0px}
    .event-project .board-event-list > ul > li{width:100%;}
    .event-project .board-event-list > ul > li .event-list-inner{margin-left:0px;}
}

/* 설문조사 스킨 */
.board-poll-view {display:block;position:relative;text-align:center;background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;}
.board-poll-view .poll-head {display:block;position:relative;padding-bottom:50px;}
.board-poll-view .poll-title {display:block;position:relative;margin:0 4vw;text-align:center;font-family:"Noto Sans";font-size:28px;color:#333;font-weight:500;}
.board-poll-view .poll-period {display:block;margin-top:20px;font-size:18px;font-weight:400;}
.board-poll-view .poll-body {padding:0 4vw 146px 4vw;background-repeat:no-repeat;background-position:50% 100%;background-size:100% auto;color:#666666;}
.board-poll-view.poll-skin01 {background-color:#f9f9f9;}
.board-poll-view.poll-skin02 {background-color:#fff;background-image:url("../image/board/board-poll-view-skin02-head.png");padding-top:86px;}
.board-poll-view.poll-skin03 {background-color:#fffbf0;background-image:url("../image/board/board-poll-view-skin03-head.png");padding-top:96px;}
.board-poll-view.poll-skin01 .poll-body {background-image:url("../image/board/board-poll-view-skin01-body-topleft.png");background-position:top left;background-size:144px 228px;}
.board-poll-view.poll-skin01 .poll-body:after {content:"";display:block;position:absolute;bottom:0;right:0;z-index:1;width:189px;height:127px;background-image:url("../image/board/board-poll-view-skin01-body-bottomright.png");}
.board-poll-view.poll-skin02 .poll-body {background-image:url("../image/board/board-poll-view-skin02-foot.png");}
.board-poll-view.poll-skin03 .poll-body {background-image:url("../image/board/board-poll-view-skin03-foot.png");}
.board-poll-view.poll-skin01 .poll-head {min-height:220px;background-color:#554fb4;background-image:url("../image/board/board-poll-view-skin01-head.png");background-repeat:no-repeat;background-position:50% 0;background-size:100% 100%;padding:70px 0 50px 0;color:#fff;box-sizing:border-box;}
.board-poll-view.poll-skin01 .poll-head .poll-title{ color:#fff;}
.board-poll-view.poll-skin01 .poll-head .poll-period {margin-top:30px;}
.board-poll-view.poll-skin01 .poll-body {padding:50px 60px 60px 80px;}
.board-poll-view.poll-skin03 .poll-period { display:inline-block;background-color:#ffcd50;border-radius:25px;padding:10px 20px;line-height:30px;}
/* 포스터 + 텍스트 목록 게시판*/
.board-poster-list{border-top:1px solid #333;border-bottom: 1px solid #333;}
.board-poster-list > ul{overflow:hidden;margin:30px auto;}
.board-poster-list > ul > li{float:left;width:31.3333%;margin-right:3%;margin-bottom:21px;}
.board-poster-list > ul > li:nth-child(3n) {margin-right:0;}
.board-poster-list > ul > li .poster-list-inner{background-color:#f4f4f4;border-bottom:1px solid #333333;}
.board-poster-list > ul > li .poster-list-inner a {display:block;}
.board-poster-list > ul > li .poster-list-inner .thumb{overflow:hidden;height:247px}
.board-poster-list > ul > li .poster-list-inner .thumb > img{width:100%;height:auto;min-height:100%;/*object-fit: cover;*/}
.board-poster-list > ul > li .poster-list-inner .poster-infor{width:100%;padding: 18px 20px;box-sizing: border-box;}
.board-poster-list > ul > li .poster-list-inner .poster-infor .poster-subject {display:block;overflow:hidden;height:52px;font-weight: 500;color:#333;line-height:1.5;letter-spacing: -2px;text-overflow:ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.board-poster-list > ul > li .poster-list-inner a:hover .poster-infor .poster-subject {text-decoration:underline;}
.board-poster-list > ul > li .poster-list-inner .poster-infor .poster-day{margin: 16px 0 11px;}
.board-poster-list > ul > li .poster-list-inner .poster-infor .poster-day > p{font-size:15px;font-weight: 500;color:#333;line-height: 1;}
.board-poster-list > ul > li .poster-list-inner .poster-infor .poster-txt > p{font-size:15px;font-weight: 300;color:#666;line-height: 19px;}


.board-nodata { display:block;background-image:url("../image/board/icon-board-nodata.png");background-repeat:no-repeat;background-position:50% 0;background-size:106px 111px;margin:120px auto;padding:140px 0 0 0;color:#888888;text-align:center;}