@charset "UTF-8";

/**
 * list
 */
#main-slider-list { padding: 110px 0; }
#main-slider-list * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main-slider-list h2 { font-weight: 300; font-size: 32px; line-height: 47px; color: #2b324c; text-align: center; letter-spacing: -0.5px; word-break: keep-all; word-wrap: break-word; }

#main-slider-list {  }
#main-slider-list .info { margin-top: 50px; padding: 20px; font-weight: 400; font-size: 14px; line-height: 26px; color: #2b324c; background-color: #f7f7f8; border: 1px solid #e9eaec; }
#main-slider-list .list { margin-top: 20px; }
#main-slider-list .list .item { border-bottom: 1px solid #e9eaec; padding: 20px 15px; height: 70px; }
#main-slider-list .list .item:nth-of-type(1) { border-top: 1px solid #e9eaec; }
#main-slider-list .list .item .attr { float: left; }
#main-slider-list .list .item .attr.sort { margin-right: 20px; }
#main-slider-list .list .item .attr.sort input[type="number"] { padding: 4px 0; width: 44px; font-weight: 400; font-size: 14px; text-align: center; line-height: 20px; color: #8c919f; letter-spacing: -0.2px; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 5px; }
#main-slider-list .list .item .attr.sort button { padding: 4px 0; width: 48px; font-weight: 400; font-size: 13px; line-height: 20px; color: #8c919f; background-color: #e9eaec; border: 1px solid #8c919f; border-radius: 5px; cursor: pointer; }
#main-slider-list .list .item .attr.title {
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
}
#main-slider-list .list .item .attr.title a { display: block; font-weight: 400; font-size: 18px; line-height: 30px; color: #2b324c; letter-spacing: -0.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main-slider-list .list .item .attr.title a i { display: inline-block; margin-left: 5px; font-family: 'Ionicons'; font-size: 18px; color: #8c919f; letter-spacing: -0.2px; }
#main-slider-list .list .item .attr.admin { float: right; }
#main-slider-list .list .item .attr.admin .button { display: inline-block; padding: 0; width: 48px; height: 30px; text-align: center; line-height: 28px; vertical-align: top; }

#main-slider-list .buttons { margin: 25px 0 0; }
#main-slider-list .buttons .button { display: block; line-height: 1em; cursor: pointer; }
#main-slider-list .buttons .button.write { float: right; padding: 10px 17px; font-weight: 700; font-size: 13px; }

#main-slider-list .pagination { margin-top: 71px; }
#main-slider-list .pagination-admin { margin-top: 17px; }

@media all and (max-width: 767px) {
	#main-slider-list .list .item .attr.sort { display: none; }
	#main-slider-list .list .item .attr.title {
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px);
	}
}



/* editor */
#kboard-default-editor { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-editor form { margin: 0; padding: 0; }
#kboard-default-editor select { display: inline; margin: 0; padding: 0 5px; font-size: 13px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; -webkit-box-shadow: none; box-shadow: none; background: none; background-color: transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: top; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password] { display: inline; margin: 0; padding: 0 5px; width: 30%; height: 28px; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; -webkit-box-shadow: none; box-shadow: none; background: none; background-color: transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: top; }
#kboard-default-editor input[type=checkbox] { width: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
#kboard-default-editor input[type=radio] { width: auto; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
#kboard-default-editor select:hover,
#kboard-default-editor input[type=text]:hover,
#kboard-default-editor input[type=email]:hover,
#kboard-default-editor input[type=number]:hover,
#kboard-default-editor input[type=date]:hover,
#kboard-default-editor input[type=password]:hover { border-bottom: 1px solid #9e9e9e; }
#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus { border-bottom: 2px solid #9e9e9e; }
#kboard-default-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 12px; color: #666666; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }
#kboard-default-editor .kboard-attr-title input { width: 70%; }
#kboard-default-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-default-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 10px; width: 120px; line-height: 30px; color: #545861; font-size: 13px; font-weight: bold; }
#kboard-default-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-default-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 12px; }
#kboard-default-editor .kboard-attr-row .attr-value { margin: 0 0 0 140px; padding: 0; line-height: 30px; font-size: 13px; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 20px; width: auto; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label { display: inline; padding-right: 5px; width: auto; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .description { margin: 0; color: #666666; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 100%; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-default-editor .kboard-confirm-row { padding: 100px 0; }
#kboard-default-editor .kboard-content { float: left; margin: 0; padding: 9px 0; width: 100%; text-align: center; background-color: white; }
#kboard-default-editor .kboard-content textarea { display: inline; margin: 0; padding: 0; width: 100%; min-width: 100%; max-width: 100%; height: 250px; min-height: 0; font-size: 13px; border: 1px solid #dcdcdc; -webkit-box-shadow: none; box-shadow: none; background: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#kboard-default-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-default-editor .kboard-control .left { position: static; float: left; }
#kboard-default-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }


#kboard-default-editor { margin-top: 30px; width: 60%; min-width: 768px; }

#kboard-default-editor .kboard-attr-row { padding-top: 15px; padding-bottom: 15px; }
#kboard-default-editor .kboard-attr-row:after { content: ''; display: block; clear: both; }
#kboard-default-editor .required-text { margin-bottom: 15px; font-size: 13px; text-align: right; color: red; }

#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password],
#kboard-default-editor textarea { width: 97%; font-size: 13px; color: #303030; }
#kboard-default-editor textarea,
#kboard-default-editor #wp-kboard_content-wrap { width: -webkit-calc(100% - 16px); width: calc(100% - 16px); }

#kboard-default-editor .kboard-attr-row .attr-name { white-space: nowrap; }
#kboard-default-editor .kboard-attr-row .attr-value .subname { margin-top: 10px; display: inline-block; width: 100px; }
#kboard-default-editor .kboard-attr-row .attr-value .subname ~ input[type=text],
#kboard-default-editor .kboard-attr-row .attr-value .subname ~ input[type=email],
#kboard-default-editor .kboard-attr-row .attr-value .subname ~ input[type=number],
#kboard-default-editor .kboard-attr-row .attr-value .subname ~ input[type=date],
#kboard-default-editor .kboard-attr-row .attr-value .subname ~ input[type=password] { margin-top: 10px;
	width: -webkit-calc(97% - 110px);
	width: calc(97% - 110px);
}
#kboard-default-editor .kboard-attr-row .kboard-content { float: left;
	width: -webkit-calc(97% - 110px);
	width: calc(97% - 110px);
}
#kboard-default-editor .kboard-attr-row .attr-value #kboard_option_sortKey { margin-left: 20px; }
#kboard-default-editor .kboard-attr-row .attr-value label + input[type="radio"] { margin-left: 10px; }
#kboard-default-editor .kboard-attr-row .description { margin-top: 10px; padding-left: 140px; font-size: 13px; color: #777; }

#kboard-default-editor .kboard-attr-row.buttons label { display: block; }



/**
 * Document
 */
#main-slider-document { position: relative; padding-bottom: 110px; }
#main-slider-document * { outline: 0; }
#main-slider-document .item { height: 690px; }
#main-slider-document .item .item-inner { height: 100%; }
#main-slider-document .item .item-inner .text-wrap,
#main-slider-document .item .item-inner .non-text-wrap { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; }
#main-slider-document .item .item-inner .text-wrap .background-image { position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; background-position: 0% 50%; background-repeat: no-repeat;
	width: -webkit-calc(100% + 30px);
	width: calc(100% + 30px);
	height: -webkit-calc(100% + 30px);
	height: calc(100% + 30px);
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	-webkit-filter: blur(5px);
	        filter: blur(5px);
	-webkit-background-size: 190% auto;
	        background-size: 190% auto;
}
#main-slider-document .item .item-inner .non-text-wrap .background-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: 51% 100%; background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
}
#main-slider-document .item .item-inner .text-wrap .background-image:after,
#main-slider-document .item .item-inner .non-text-wrap .background-image:after { content: ''; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; }
#main-slider-document .item .item-inner .text-wrap .background-image:after { background-color: rgba(43, 49, 76, 0.8); }
#main-slider-document .item .item-inner .non-text-wrap .background-image:after { background-color: rgba(43, 49, 76, 0.3); }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap  { position: absolute; top: 0; right: 0; width: 600px; height: 100%; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap > .text { position: relative; z-index: 3; display: table; margin-right: auto; margin-left: auto; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap { margin-top: 218px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status,
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .type,
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .uid { display: inline-block; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 19px; color: #2b324c; background-color: transparent; border: 1px solid transparent; border-radius: 11px; letter-spacing: -0.17px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status { letter-spacing: -0.5px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.waiting { color: #fff; background-color: #8c919f; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.open { color: #fff; background-color: #2b314c; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.success { color: #fff; background-color: #5997c6; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.repaying { color: #00489d; border-color: #00479d; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.done { color: #00489d; background-color: #c2e3ff; border-color: #00479d; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .status.overdue { color: #fff; background-color: #d97925; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .type { margin-left: 6px; background-color: #e9eaec; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .info-wrap .uid { margin-left: 6px; font-weight: 300; border-color: #fff; color: #fff; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .title { display: block; margin-top: 31px; width: 380px; font-weight: 400; font-size: 30px; line-height: 28px; text-align: center; color: #fff; letter-spacing: -0.37px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data { margin-top: 9px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common { position: relative; display: inline-block; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common.percent,
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common.repay { margin-left: 19px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common.percent:before,
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common.repay:before { content: ''; position: absolute; top: 50%; left: -10px; margin-top: -6.5px; display: block; width: 1px; height: 15px; background-color: #e9eaec; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common .inner-wrap {  }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .data .common .inner-wrap .text { font-weight: 400; font-size: 16px; color: #e9eaec; line-height: 28px; letter-spacing: -0.2px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress { margin-top: 40px; width: 284px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress .bar-info { float: left; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress .bar-info .current { font-weight: 400; font-size: 16px; color: #fff; line-height: 28px; letter-spacing: -0.2px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress .bar-info .line,
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress .bar-info .total { color: #fff; line-height: 28px; letter-spacing: -0.2px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress .percent { float: right; font-size: 16px; color: #fff; line-height: 28px; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress-bar { position: relative; margin-top: 7px; height: 10px; background-color: #8c919f;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .progress-bar .bar { position: absolute; top: 0; left: 0; height: 100%; background-color: #fff; }
#main-slider-document .item .item-inner .text-wrap > .inner-wrap .more-btn { position: absolute; bottom: 182px; left: 50%; padding: 13px 22px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#main-slider-document .item.item-type-02 .item-inner .text-wrap > .inner-wrap .title { display: -webkit-box; margin-top: 248px; padding: 0 10px; font-weight: 400; font-size: 30px; text-align: center; line-height: 40px; color: #fff; letter-spacing: -0.5px; overflow: hidden; white-space: normal; word-break: keep-all; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#main-slider-document .item.item-type-02 .item-inner .text-wrap > .inner-wrap .data { display: -webkit-box; margin-top: 24px; padding: 0 120px; font-weight: 400; font-size: 16px; text-align: center; line-height: 26px; color: #e9eaec; letter-spacing: -0.2px; overflow: hidden; white-space: normal; word-break: keep-all; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media all and (max-width: 1220px) {
	#main-slider-document .item .item-inner .text-wrap,
	#main-slider-document .item .item-inner .non-text-wrap { float: none; position: relative; width: 100%; height: 100%; overflow: hidden; }
	#main-slider-document .item .item-inner .non-text-wrap { display: none; }
	#main-slider-document .item .item-inner .text-wrap .background-image { background-position: center center;
		-webkit-background-size: cover;
		        background-size: cover;
	}
	#main-slider-document .item .item-inner .text-wrap > .inner-wrap  { right: 50%; margin-right: -300px; width: 600px; height: 100%; }
	#main-slider-document .item .item-inner .text-wrap > .inner-wrap .title { width: 450px; }
}
@media all and (max-width: 767px) {
	#main-slider-document .item.item-type-02 .item-inner .text-wrap > .inner-wrap .title { font-size: 24px; line-height: 36px; letter-spacing: -0.46px; }
}
@media all and (max-width: 450px) {
	#main-slider-document .item .item-inner .text-wrap > .inner-wrap { width: 290px; margin-right: -145px; }
	#main-slider-document .item.item-type-02 .item-inner .text-wrap > .inner-wrap .title { padding: 0; width: 100%; }
	#main-slider-document .item.item-type-02 .item-inner .text-wrap > .inner-wrap .data { margin-top: 32px; padding: 0; width: 100%; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; }
}


/**
 * Latest
 */

.is-board .title { font-size: 40px; font-weight: 400; line-height: 55px; letter-spacing: -1px; }
.is-board .data { margin-top: 25px; font-size: 16px; line-height: 27px; letter-spacing: -0.6px; }