@charset "utf-8";

.board-list { margin-top:20px; padding:0 10%; }

@media (max-width:1023px) { 
.board-list { padding:0; }
}

.h0, .h1, .h2, .h3, .h0n, .h1n, .h2n, .h3n { margin:0; }

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list { margin-bottom:20px; }
.list .list-item {  }
.list .list-item dl { display:flex; flex-wrap: wrap; margin-bottom:0; }
.list .list-item dl dt.year { position:relative; width:200px; height:65px; line-height:65px; text-align:right; padding-right:50px; font-size:3rem; font-weight:normal; }
.list .list-item dl dt.year:after { content:""; position:absolute; top:50%; transform:translateY(-50%); right:0; border-radius:100%; width:8px; height:8px; background:#000; }

.list .list-item dl dd { position:relative; width:calc(100% - 250px); padding:20px 0 50px 50px; }
.list .list-item dl dd:before { content:""; position:absolute; top:60px; bottom:0; left:-4px; width:1px; background:#ddd; }
.list .list-item:last-of-type dl dd { padding-bottom:0; }
.list .list-item dl dd .content { display:flex; flex-wrap: wrap; margin-bottom:20px; font-size:1.05rem; }
.list .list-item dl dd .content .month { width:60px; }
.list .list-item dl dd .content .history { width:calc(100% - 60px); color:#666; }
.list .list-item dl dd .content .history .img { width:100%; margin-bottom:5px; }
.list .list-item dl dd .content .history .img img { display:inline-block; vertical-align:top; max-height:300px; }
.list .list-item dl dd .content .history .desc { position:relative; margin-bottom:10px; margin-right:15px; }
.list .list-item dl dd .content .history .desc label { vertical-align:top; display:inline; }
.list .list-item dl dd .content .history .desc span { font-weight:300; }
.list .list-item dl dd .content .history input.modify { position:absolute; right:calc(100% + 5px); top:5px; }
.list .list-item dl dd .content .history a.modify  { font-size:.75rem; margin-left:5px; border-radius:5px; background:#666; padding:0 5px; color:#eee; }

.list-wrap .wr-none { padding:50px 0; text-align:center; color:#888; }

@media (min-width:767px) {
	.list .list-item:last-of-type dl dd:before { display:none; }
}

@media (max-width:767px) {
	.list .list-item dl dt.year { width:100%; height:40px; line-height:40px; padding:0 0 0 50px; text-align:left; font-size:2.25rem; }
	.list .list-item dl dt.year:after { right:auto; left:20px; }

	.list .list-item dl dd { width:100%; padding:20px 0 20px 50px; }
	.list .list-item dl dd:before { top:0; left:20px; }
	.list .list-item dl dd .content { font-size:1rem; }
	.list .list-item dl dd .content .month { width:100%; margin-bottom:5px; }

	.list .list-item dl dd .content .history input.modify { position:relative; left:0; right:auto; top:0; }
}

@media (max-width:480px) {  }


/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }



/* View */
.view-wrap {  }
.view-wrap .item { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

.view-wrap .item .table { height:400px; }

.view-wrap .item1 .table .cell { padding-left:20px; padding-right:10px; }
.view-wrap .item1 .table .img { padding-bottom:75%; box-shadow:7px 7px 5px rgba(0,0,0, 0.25); }

.view-wrap .item2 .table .cell { padding:0 20px 0 60px; }
.view-wrap .item2 table { width:100%; border-top:1px solid; border-bottom:1px solid; border-color:#ccc; }
.view-wrap .item2 tr {  }
.view-wrap .item2 th { width:25%; padding:10px 0; }
.view-wrap .item2 td { color:#888; }
.view-wrap .item2 td a { color:#888; }

.view-wrap .content-wrap { margin-top:-1px; border-top-width:3px; border-top-style:solid; border-bottom:1px solid #ccc; padding:40px 0; }

.view-wrap .swiper-container { max-width:900px; margin-top:10px; }
.view-wrap .gallery-top .swiper-slide { padding-bottom:56.25%; }
.view-wrap .gallery-thumbs .swiper-slide { width:20%; padding-bottom:11.25%; opacity:0.4; cursor:pointer; }
.view-wrap .gallery-thumbs .swiper-slide-active { opacity:1; }

.view-wrap .content { max-width:900px; margin:60px auto 0; padding-top:50px; border-top:1px solid #ccc; }
.view-wrap .content img { max-width:100%; }

@media (max-width:991px) {
	.view-wrap .item {  }
}
@media (max-width:767px) {
	.view-wrap .item1 { border-width:0; }
	.view-wrap .item2 { border-width:0; }
}


.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

.list-page { padding-top:20px; }


/* Write */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; min-width:500px;}
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { padding:0px !important; margin:0px !important; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.write-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.write-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:140px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }

.write-wrap .help-block { margin-bottom:5px; }
.write-wrap .help-block li { margin-bottom:0; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

@media (max-width:991px) { 
	.responsive .view-col.pull-left, 
	.responsive .view-col.pull-right { float:none !important; }
}