@charset "utf-8";

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

/* 검색상자 */
.list-wrap .search-box { margin-bottom: 50px; padding: 30px 75px; background-color: #f5f5f5; display: flex; }
.list-wrap .search-box input { flex: 2; margin-right: 20px; }
.list-wrap .search-box button { padding-left: 30px; padding-right: 30px; }
@media (max-width: 767px) {
	.list-wrap .search-box { padding: 20px 10px; }
	.list-wrap .search-box input { margin-right: 10px; }
	.list-wrap .search-box button { padding-left: 15px; padding-right: 15px; }
}

/* Top Search */
.list-tsearch { padding: 30px 0; text-align: center; }
.list-tsearch .form-control { display: inline-block; }
.list-tsearch .btn { display: inline-block; }

.list-category ul.category li { border:0; }
.list-category ul.category li a { border:1px solid #ddd; border-radius:20px; padding:10px 20px; margin-right:5px; }

/* 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-wrap .items { border-top: 2px solid #333; }
.list-wrap .items ul { padding: 12px 0; }
.list-wrap .items ul::after { content: ""; display: block; clear: both; }
.list-wrap .items ul li { float: left; text-align: center; }
.list-wrap .items ul li:nth-child(1) { width: 5%; }
.list-wrap .items ul li:nth-child(2) { width: 25%; }
.list-wrap .items ul li:nth-child(3) { width: 25%; }
.list-wrap .items ul li:nth-child(4) { width: 15%; }
.list-wrap .items ul li:nth-child(5) { width: 15%; }
.list-wrap .items ul li:nth-child(6) { width: 15%; }


.list-wrap .items ul.head { border-bottom: 1px solid #ccc; }
.list-wrap .items ul.head li { font-weight: 700; }
.list-wrap .items ul.item { border-bottom: 1px solid #ccc; }
.list-wrap .items ul.item li {  }
.list-wrap .items ul.item li .state { display: inline-block; width: 80px; margin-right: 5px; padding: 0px; text-align: center; background-color: #777; border-radius: 5px; color: white; font-size: 15px; }
.list-wrap .items ul.item li .state.complete { background-color: yellowgreen; }
.list-wrap .items a:hover { display: block; background-color: #f5f5f5; }

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

@media (max-width:1023px) {  }
@media (max-width:767px) {
	.list-wrap .items ul li { text-align:left  }
	.list-wrap .items ul li:nth-child(1) { width: 10%; }
	.list-wrap .items ul li:nth-child(2) { width: 90%; }
	.list-wrap .items ul li:nth-child(3) { width: 100%;  font-size: 0.9rem;  }
	.list-wrap .items ul li:nth-child(4) {  width: 100%;  font-size: 0.9rem;  }
	.list-wrap .items ul li:nth-child(5) {   width: 100%; font-size: 0.9rem; }
	.list-wrap .items ul li:nth-child(6) {  width: 100%; font-size: 0.9rem; }
	
	
.list-tsearch .form-control { display: inline-block; margin-bottom:10px}
.list-tsearch input{font-size: 0.83rem;}

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

/* Page */
.list-wrap .pagination { padding-top:20px; }


/* View */
.view-wrap {  }
.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 .content-desc { padding: 0 20px; color: #666; }
.view-wrap .content-wrap .content-desc ul { padding: 15px 0; border-top: 1px solid #ddd; }
.view-wrap .content-wrap .content-desc ul:first-child { border-top: 0; }
.view-wrap .content-wrap .content-desc ul::after { content: ""; display: block; clear: both; }
.view-wrap .content-wrap .content-desc ul li { float:left; }
.view-wrap .content-wrap .content-desc ul li:nth-child(1) { width: 100px; font-weight: 700; }
.view-wrap .content-wrap .content-desc ul li:nth-child(2) {  }

@media (max-width: 767px) {
	.view-wrap .content-wrap .content-desc ul li:nth-child(1) { width: 90px; }
		.view-wrap .content-wrap .content-desc ul li:nth-child(2) { width: calc(100% - 90px); }
}

.view-btn { margin:0 0 30px; }
.view-btn i { margin-right:2px; }
.card-btn { display:inline-block; padding:3px 15px; border:1px solid #f60; color:#fff !important; font-size:15px; border-radius:3px; background:#f60; }

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

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


/* Write */
.write-wrap {  }

.write-wrap .left { float: left; width: 100%; }

.write-wrap .right { float: left; width: 35%; padding-left: 30px;}

.write-wrap .right .img { padding-bottom: 60%; }



@media (max-width: 1023px) {

	.write-wrap .left { width: 100%; }

	.write-wrap .right { width: 100%; }

}



.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: 767px) {
	ul.form-ele li { width: 100% !important; }
	.write-wrap .form-ele li:first-child { padding: 10px; }
	.write-wrap .form-ele li:last-child { padding: 10px 0; }
}

.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: 50px 0px 25px; text-align:center; }
.write-wrap .write-btn .btn-ok { width: 33.33%; padding: 15px 0; background-color: #007db4; color: #fafafa; font-size: 17px; font-weight: 500; }
.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; }

.new_form{width:100%; display:inline-block; border-bottom:1px solid #ddd;}

.new_f1{width:15%; float:left; padding-left:10px; font-weight:900; font-size:17px; padding-top:9px; padding-bottom:12px;}
.new_f2{width:35%; float:left;padding:7px 10px 10px; }
.new_f11{width:15%; float:left; padding-left:10px; font-weight:900; font-size:17px; height:50px; line-height:50px;}
.new_f22{width:35%; float:left;height:50px; line-height:50px; padding-left:10px; }

.new_f3{width:85%; float:left;padding:7px 10px 10px; }
.new_f4{width:3%; float:left;  line-height:50px; text-align:center}
.new_f5{width:24%; float:left;padding:7px 10px 10px; }
.new_f6{width:23%; float:left;padding:7px 10px 10px; }

.new_f1{width:15%; float:left; padding-left:10px; font-weight:900; font-size:17px; padding-top:9px; padding-bottom:12px;}
.new_f222{width:85%; float:left;padding:7px 10px 10px; line-height:180%; }
.new_f222 label { cursor:pointer; }

.email .new_f3 { display:flex; justify-content: space-between; align-items:center; }
.email .new_f3 input:first-child { width:calc(42% - 20px); }
.email .new_f3 input { width:calc(30% - 20px); }
.email .new_f3 select { width:calc(25% - 20px); }
.email .new_f3 span { width:50px; text-align:center; }

.space{padding-left:50px;}
.view-agreement{padding:3px 20px 2px; background:#000; color:#fff; border-radius:3px; text-decoration:none; font-size:14px; }

.form-control{font-size:17px;}

.btn_card a{padding:3px 12px; border:1px solid #f60; color:#fff; font-size:15px; border-radius:3px;background:#f60; }
.btn_card a:hover{ border:1px solid #f60;background:#333; color:#fff; font-size:15px;}
@media (max-width:991px) { 

	.responsive .view-col.pull-left, 

	.responsive .view-col.pull-right { float:none !important; }

}

@media (max-width:760px) { 
.new_f1{width:27%; float:left; padding-left:0px; height:50px; line-height:30px; font-weight:900; font-size:15px;}
.new_f2{width:73%; float:right;padding:9px 5px 10px; font-size:15px;  text-align:left; height:50px;}

.new_f11{width:27%; float:left; padding-left:0px; height:50px; line-height:30px; font-weight:900; font-size:15px; padding:9px 0 12px;}
.new_f22{width:73%; float:right; font-size:15px;  text-align:left; height:50px;}

.new_f3{width:73%; float:right;padding:9px 5px 10px;  font-size:15px; text-align:left; }
.new_f4{width:10%; float:left;  line-height:50px; text-align:center}
.new_f5{width:45%; float:left;padding:7px 5px 10px; }
.new_f6{width:45%; float:left;padding:7px 5px 10px; }

.email .new_f3 { flex-wrap: wrap; }
.email .new_f3 input:first-child, .new_form.email .new_f3 input { width:calc(50% - 15px); margin-bottom:10px; }
.email .new_f3 select { width:100%; }
.email .new_f3 span { width:20px; margin-bottom:10px; }

.space{padding-left:0px;}
.tel_txt{font-size:12px; padding-left:5px; padding-right:5px;}
}