@charset "utf-8";

.board-page .bt.prime {border-color:#555;color:#555;}
.board-page .bt.prime.on,
.board-page .bt.prime:hover,
.board-page .bt.prime:focus {background-color:#555;color:#fff;}

.board-page ul.paging li.active a {background-color:#555;border-color:#555;}

.board-list {clear:both;}
.board-list .board-list-search form {padding:0;margin:0;border:solid 1px #aaa;padding-right:1px;}
.board-list .board-list-search select,
.board-list .board-list-search input {border:none;padding:9px 5px;line-height:1;}
.board-list .board-list-search input {width:150px;padding:10px 5px;}
.board-list .board-list-search button {border:none;background:#fff;color:#000;cursor:pointer;padding:10px;margin:0;line-height:1;}
.board-list .board-list-search * {vertical-align:middle;}
.board-list .board-total {line-height:2;}

.board-no-list {width:100%;border-bottom:solid 1px #e6e6e6;text-align:center;}

.board-no-list p {margin:0;padding:4em 0;text-align:center;color:#607d8b;}
.board-article-list {display:table;width:100%;border-top:solid 2px #666;}
.board-article-list .board-article-item {display:table-row;}
.board-article-list .board-article-item.heading {background:#fff !important;color:#333;font-weight:500;}
.board-article-list .board-article-item.heading .item {padding-top:0.8em;padding-bottom:0.8em;border-bottom:solid 1px #e6e6e6;font-size:1em !important;}
.board-article-list .board-article-item.heading .item-subject {text-align:center !important;}
.board-article-list .board-article-item .item {display:table-cell;height:4em;vertical-align:middle;border-bottom:solid 1px #e6e6e6;}
.board-article-list .board-article-item:hover {background:#f8f8f8;}
.board-article-list .board-article-item .item-num {width:7em;font-size:0.85em;}
.board-article-list .board-article-item .item-name {width:12em;font-size:0.85em;}
.board-article-list .board-article-item .item-date {width:10em;font-size:0.85em;}
.board-article-list .board-article-item .item-period {width:20em;font-size:0.9em;}
.board-article-list .board-article-item .item-hit {width:6em;font-size:0.85em;}
.board-article-list .board-article-item .item-subject em,
.board-article-list .board-article-item .item-subject i.fa-lock,
.board-article-list .board-article-item .item-subject i.fa-unlock {font-size:0.8em;font-style:normal;color:#555;}
.board-article-list .board-article-item .item-name i.fa,
.board-article-list .board-article-item .item-date i.fa,
.board-article-list .board-article-item .item-hit i.fa {display:none;}
.board-article-list .board-article-item.notice .item-subject a {color:#b71c1c;}

.board-article-list.press .board-article-item .item-press {width:10em;font-size:0.85em;}

.board-article-list.gallery {border:solid 1px #eee;margin-top:1em;}
.board-article-list.gallery .board-article-item:hover {background:#cef;}
.board-article-gallery {display:block;border-top:solid 2px #666;}
.board-article-gallery .board-article-item {width:30%;margin-left:5%;float:left;margin-top:2%;margin-bottom:2%;}
.board-article-gallery .board-article-item:nth-child(3n+1) {clear:left;margin-left:0;}
.board-article-gallery .board-article-item .item-thumb img {width:100%;background-color:#eee;background-position:50% 0;background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:#888 0 2px 4px;}
.board-article-gallery .board-article-item .item-name,
.board-article-gallery .board-article-item .item-date,
.board-article-gallery .board-article-item .item-hit {display:inline;}
.board-article-gallery .board-article-item .item-date:before,
.board-article-gallery .board-article-item .item-hit:before {content:'/';padding-left:0em;font-size:0.8em;color:#aaa;}
.board-article-gallery .board-article-item .item-subject {font-size:1.2em;margin-top:0.5em;}
.board-article-gallery .board-article-item .item-subject em,
.board-article-gallery .board-article-item .item-subject i.fa-lock,
.board-article-gallery .board-article-item .item-subject i.fa-unlock {font-size:0.8em;font-style:normal;color:#555;}
.board-article-gallery .board-article-item .item-name i.fa,
.board-article-gallery .board-article-item .item-date i.fa,
.board-article-gallery .board-article-item .item-hit i.fa {display:none;}

.board-article-webzine {border-top:solid 2px #666;}
.board-article-webzine .board-article-item {position:relative;padding:1em 0;border-bottom:solid 1px #e6e6e6;}
.board-article-webzine .board-article-item:after {content:'';clear:both;display:table;}
.board-article-webzine .board-article-item .item-thumb {float:left;width:200px;padding-right:20px;font-size:0;}
.board-article-webzine .board-article-item .item-thumb img {width:100%;background:#f4f4f4 no-repeat 50% 15%;background-size:cover;border-radius:5px;box-shadow:#888 0 2px 4px;}
.board-article-webzine .board-article-item .item-subject a {font-size:1.4em;font-weight:500;word-break:keep-all;}
.board-article-webzine .board-article-item .item-subject .item-text {padding:10px 0;font-size:0.9em;color:#454545;}
.board-article-webzine .board-article-item .item-subject .item-list-ex {font-size:0.8em;}

.board-calendar-heading {text-align:center;padding:0.5em 0;}
.board-calendar-heading strong {font-size:2em;}
.board-calendar-heading div a {margin:0 0.5em;}
.board-calendar-body {font-size:0.9em;}
.board-calendar-body table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-left:solid 1px #dfdfdf;border-top:solid 1px #888;}
.board-calendar-body th,
.board-calendar-body td {border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;padding:5px;vertical-align:top;text-align:left;}
.board-calendar-body th {text-align:center;padding:0.7em 0;border-bottom-color:#888;color:#888;}
.board-calendar-body .article-list {min-height:80px;}
.board-calendar-body .article-item {padding-top:5px;font-size:0.9em;}
.board-calendar-body td.today {outline:solid 1px #000;}
.board-calendar-body td.has-list {background:#fff9c4;}
.board-calendar-body td.other.today {outline:none;}
.board-calendar-body td.other u {display:none;}
.board-calendar-body td u {text-decoration:none;}
.board-calendar-body td.we-6 u,
.board-calendar-body th.we-6 {color:#36f;}
.board-calendar-body td.we-0 u,
.board-calendar-body th.we-0 {color:#f63;}

.board-detail {clear:both;}
.board-detail .board-article-subject {text-align:center;padding:0.5em 0; background:#f6f6f6; color:#333;border-top:2px solid #000; border-bottom:solid 1px #d8d8d8;font-size:1.3em;font-weight:600;line-height:1.6;margin-bottom:0.5em;}
.board-detail .board-article-name {display:inline-block;}
.board-detail .board-article-date {display:inline-block;}
.board-detail .board-article-hit {display:inline-block;}
.board-detail .board-inf{border-bottom:1px solid #eee;padding-bottom:10px;}
.board-detail .board-article-contents {padding:2em 0;min-height:5em;margin-bottom:1em;border-bottom:solid 1px #eee;}
.board-detail .board-article-contents:after {content:'';clear:both;display:table;}
.board-detail .board-article-file {position:relative;padding:15px;background:#f8f8f8;margin-top:10px;}
.board-detail .board-article-file > strong {position:absolute;left:15px;top:15px;}
.board-detail .board-article-file ul {display:block;padding:0 0 0 100px;margin:0;}
.board-detail .board-article-file ul li {display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;}
.board-detail .board-article-file ul li a {font-size:0.9em;color:#333;text-decoration:none;}
.board-detail .board-article-file ul li a:hover {color:#000;text-decoration:underline;}

.board-write {clear:both;}
.board-write .form-error {border:dotted 1px #f00;color:#f00;padding:1em;margin:1em 0;}
.board-write .form-heading {text-align:center;padding:0.5em 0;background:#fff;color:#607d8b;border-bottom:solid 1px #607d8b;font-size:1.2em;line-height:1.6;margin-bottom:0.5em;}
.board-write form {padding:0;margin:0;}
.board-write .form-item {padding:0.5em 0;position:relative;}
.board-write .form-item label.required:after {content:'*';color:#f00;font-weight:bold;font-size:1.3em;vertical-align:middle;line-height:1;}
.board-write .form-item select {width:100%;border:solid 1px #888;padding:3px;}
.board-write .form-item input,
.board-write .form-item textarea {width:100%;border:solid 1px #888;padding:4px;}
.board-write .form-item .check input {width:auto;border:none;padding:0;}
.board-write .fileuploads ul {min-height:100px;background:#f1f1f1;padding:10px;margin:0;list-style:none;display:block;font-size:0.9em;}
.board-write .fileuploads ul li {display:block;padding:2px;}
.board-write .fileuploads ul li * {vertical-align:middle;}
.board-write .fileuploads ul li .uploaded {display:inline-block;margin-right:10px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#333;}
.board-write .fileuploads ul li .uploaded:hover {text-decoration:underline;}
.board-write .fileuploads ul li .remove {color:#f00;}
.board-write .fileuploads ul li.uploading .remove {display:none;}
.board-write .fileuploads ul li .loading {display:none;}
.board-write .fileuploads ul li.uploading .loading {display:inline;}
.board-write .flow-items > * {padding-left:10px;}
.board-write .flow-items > *:first-child {padding-left:0;}

.board-edit {clear:both;}
.board-edit .form-heading {text-align:center;padding:0.5em 0;background:#333;color:#fff;line-height:1.6;margin-bottom:0.5em;}
.board-edit form {padding:0;margin:0;}
.board-edit .form-item {padding:0.5em 0;position:relative;}
.board-edit .form-item input {width:100%;border:solid 1px #888;padding:4px;}

.comment-form.dialog-body {width:1200px;}

/* desktop, under 1200px */
@media (max-width: 1199.98px) {
	.comment-form.dialog-body {width:100%;}
}

/* tablet, under 992px */
@media (max-width: 991.98px) {
    .board-article-list {display:block;}
    .board-article-list .board-article-item {display:block;padding:1em;border-bottom:solid 1px #ededed;}
    .board-article-list .board-article-item.heading {display:none;}
    .board-article-list .board-article-item .item {display:block;height:auto;border-width:0;}
    .board-article-list .board-article-item .item-num {display:block;float:left;width:auto;line-height:2.6;}
    .board-article-list .board-article-item .item-num:after {content:'.';margin-right:5px;}
    .board-article-list .board-article-item .item-name,
    .board-article-list .board-article-item .item-date,
    .board-article-list .board-article-item .item-hit,
    .board-article-list .board-article-item .item-period {display:inline-block;width:auto;white-space:nowrap;}
    .board-article-list .board-article-item .item-name:after,
    .board-article-list .board-article-item .item-date:after {content:'/';color:#888;}
    .board-article-list .board-article-item .item-subject {font-size:1.3em;line-height:1.3;}
	.board-article-list .board-article-item .item-name i.fa,
	.board-article-list .board-article-item .item-date i.fa,
	.board-article-list .board-article-item .item-hit i.fa {display:inline;}

    .board-article-list.press .board-article-item .item-press {width:10em;font-size:0.85em;margin:0.5em 0 0.5em 0;}
}

/* phone, landscape, under 768px */
@media (max-width: 767.98px) {
    .board-article-list {display:block;}

    .board-article-gallery .board-article-item {width:48%;margin-left:4%;float:left;margin-top:4%;margin-bottom:4%;}
    .board-article-gallery .board-article-item:nth-child(3n+1) {clear:none;margin-left:4%;}
    .board-article-gallery .board-article-item:nth-child(2n+1) {clear:left;margin-left:0;}

    .board-calendar-body table
	.board-calendar-body tbody,
	.board-calendar-body tr,
	.board-calendar-body td {display:block;}
	.board-calendar-body td.other,
	.board-calendar-body thead {display:none;}
	.board-calendar-body .article-list {min-height:0;}
	.board-calendar-body td u:after {font-size:0.8em;margin-left:5px;}
	.board-calendar-body td.we-0 u:after {content:'(ÀÏ)';}
	.board-calendar-body td.we-1 u:after {content:'(¿ù)';}
	.board-calendar-body td.we-2 u:after {content:'(È­)';}
	.board-calendar-body td.we-3 u:after {content:'(¼ö)';}
	.board-calendar-body td.we-4 u:after {content:'(¸ñ)';}
	.board-calendar-body td.we-5 u:after {content:'(±Ý)';}
	.board-calendar-body td.we-6 u:after {content:'(Åä)';}
}

/* phone, under 578px */
@media (max-width: 575.98px) {
	.board-list .board-total.left {float:none;text-align:center;}
	.board-list .board-list-search.right {float:none;text-align:center;}
    .board-list .board-list-search form {display:inline-block;}
	.board-list .board-list-search input {width:100px;}

	.board-detail .board-article-file > strong {position:absolute;left:15px;top:15px;}
	.board-detail .board-article-file ul {display:block;padding:40px 0 0 10px;margin:0;}

    .board-write .flow-items > * {padding-left:0;padding-top:10px;}

    .board-article-gallery .board-article-item {float:none;width:100%;margin-top:0;margin-bottom:0;margin-left:0 !important;padding:10px 0;border-top:solid 1px #eee;}
    .board-article-gallery .board-article-item:before,
    .board-article-gallery .board-article-item:after {content:'';clear:both;display:table;}
    .board-article-gallery .board-article-item .item-thumb {float:left;width:100px;margin-right:10px;font-size:0;}
    .board-article-gallery .board-article-item .item-subject {margin-bottom:0.5em;margin-top:0;}
    .board-article-gallery .board-article-item .item-name,
    .board-article-gallery .board-article-item .item-date,
    .board-article-gallery .board-article-item .item-hit {font-size:0.9em;}

	.board-article-gallery .board-article-item .item-name i.fa,
	.board-article-gallery .board-article-item .item-date i.fa,
	.board-article-gallery .board-article-item .item-hit i.fa {display:inline;}

    .board-article-webzine .board-article-item .item-thumb {width:120px;}

    .board-inf {font-size:0.8em;}
    .board-btns {font-size:0.8em;}
}