@charset "utf-8";

.at-content { background-color: #f5f5f5; }

.board-list { margin-top:20px; }

@media (min-width: 1800px) {
	.board-list .c { max-width: 1800px; }
}
@media (max-width: 1500px) {
	.board-list .c { max-width: 1400px; }
}
@media (max-width: 1300px) {
	.board-list .c { max-width: 1200px; }
}

/* 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; }

/* ----- 이미지 - 볼록 효과 - 위로 5px/10px 이동 및 적절한 그림자효과 :: img-top10shadow ----- */
.hover-img-top10shadow .a > .image { overflow: visible !important; }
.hover-img-top10shadow .a > .image img { transition-duration: 400ms; }
.hover-img-top10shadow .a:hover .image img { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(-10px) !important; }

.list-wrap .tiles .tile > .a { }
.list-wrap .tiles .image .wr-modify { position:absolute; right:10px; top:10px; z-index:2; }
.list-wrap .tiles .image .wr-modify:hover { font-weight:700; color:white; }
.list-wrap .tiles .content { margin-top: 10px; padding:20px 10px; text-align: center; position: relative; z-index: 2; }
.list-wrap .tiles .content .subject {  }
.list-wrap .tiles .content .cg {  }


.list-wrap .tiles .content .subject2 { margin-top: 5px; color: #aaa; }

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

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


/* View */
.board-view {  }
.board-view .header { margin-bottom: 50px; }
.board-view .header .line { display:inline-block; background-color: #f17f42; width:100px; height:3px; margin: 10px 0; }

.view-wrap { background-color: white; padding: 50px; }
.view-wrap .top { padding-bottom: 50px; }
.view-wrap .item { float: left; }
.view-wrap .item1 { width: 50%; }
.view-wrap .item2 { width: 50%; }

.view-wrap .item .table { }

.view-wrap .swiper-container { max-width:900px; border:1px solid #ddd; }
.view-wrap .gallery-top .swiper-slide { padding-bottom: 75%; }
.view-wrap .gallery-thumbs .pg { margin-right: -10px; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet { float:left; width: 12.5%; height: 100%; margin-top: 10px; background-color: transparent; cursor: pointer; opacity: 1; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet .img { padding-bottom: calc(100% - 10px); margin-right: 10px; background-repeat: no-repeat; background-size: cover; background-position: center;
	border:1px solid #ddd; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet-active {  }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet-active .img { border-color: #f17f42; }

.view-wrap .item2 .table .cell { padding:0 20px 0 60px; }
.view-wrap .item2 .icons { margin-bottom: 25px; }
.view-wrap .item2 .icons .icon { display: inline-block; width: 75px; height: 32px; line-height: 32px; margin-right: 5px; text-align: center; border-radius: 20px; border: 1px solid; }
.view-wrap .item2 .icons .new { border-color: rgb(0, 176, 240); color: rgb(0, 176, 240); }
.view-wrap .item2 .icons .hot { border-color: rgb(112, 48, 160); color: rgb(112, 48, 160); }
.view-wrap .item2 .icons .best { border-color: rgb(255, 102, 0); color: rgb(255, 102, 0); }
.view-wrap .item2 .cg {  }
.view-wrap .item2 .subject { margin-bottom: 5px; line-height: 120%; }
.view-wrap .item2 .subject2 { font-size: 22px; }
.view-wrap .item2 .desc { margin: 40px 0; line-height: 180%; font-size: 18px; color: #555; }
.view-wrap .item2 table { width:100%; border-top:1px solid; border-bottom:1px solid; border-color:#ccc; }
.view-wrap .item2 table.table2 { border-top: 0; }
.view-wrap .item2 tr {  }
.view-wrap .item2 th { width: 45%; padding: 10px 0 10px 15px; font-size: 18px; }
.view-wrap .item2 td { padding-right: 15px; color: #006; text-align: right; font-weight: 700; font-size: 20px; }
.view-wrap .item2 table.table2 td { color: crimson; font-size: 22px; }
.view-wrap .item2 td a { color:#888; }
.view-wrap .item2 .buttons { margin-top: 40px; }
.view-wrap .item2 .buttons .bt { border-radius: 5px; }
.view-wrap .item2 .buttons .btn-es { background-color: rgb(220, 20, 60); border-color: rgb(220, 20, 60); color: white; }
.view-wrap .item2 .buttons .btn-es:hover { background-color: #9c0e2b; border-color: #9c0e2b; }
.view-wrap .item2 .buttons .btn-demo { margin-left: 5px; }
.view-wrap .item2 .buttons .btn-demo:hover { background-color: #333; border-color: #333; color: white; }

.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 .content-wrap .title { padding: 10px; border: 1px solid #ccc; text-align: center; }

.view-wrap .content { margin-top: 50px; }
.view-wrap .content img { max-width:100%; }

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

	.view-wrap .item .table { height:auto; }
	.view-wrap .item1 .table .cell { padding:0; }
	.view-wrap .item2 .table .cell { padding-left:10px; padding-right:10px; }
}


.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; }
}