@charset "utf-8";

/* search */
.sch_wrap {margin-bottom:20px;font-size:14px;text-align:center;}
.sch_wrap select {width:96px;height:40px;border:1px solid #ddd;padding:0 5px;border-radius:0;background-color:#fff;color:#666;}
.sch_wrap option {}
.sch_wrap label {text-indent:-9999px;}
.sch_wrap input {width:280px;height:40px;border:1px solid #ddd;margin:0 5px;padding-left:10px;}
.sch_wrap button {width:70px;height:40px;border:1px solid #333;color:#333;}
.sch_wrap button:hover {background-color:#333;color:#fff;}


/* list */
.list_wrap {margin-bottom:60px;}
	.total {border-bottom:2px solid #333;padding:15px 0;margin-bottom:30px;font-size:16px;}
	.total span {margin-right:10px;font-weight:500;}

.list_wrap .list {}
.list_wrap .list li {overflow:hidden;border:1px solid #ddd;padding:2% 0;margin-bottom:10px;}
.list_wrap .list li:hover {border:1px solid #333;}
.list_wrap .list li div {float:left;}
.list_wrap .list li .title_num {width:12%;text-align:center;}
.list_wrap .list li .title {float:left;width:50%;}
.list_wrap .list li .title a {display:inline-block;width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list_wrap .list li .title a:hover {color:#333;}
.list_wrap .list li .title a img {}
.list_wrap .list li img {margin:5px 0 0;}
.list_wrap .list li.gongji .title strong {display:inline-block;background-color:#333;border-radius:20px;padding:3px 8px;color:#fff;font-size:14px;font-weight:400;}
.list_wrap .list li.gongji .title {font-weight:600;}
.list_wrap .list li.gongji .title a {color:#000;}


.list_wrap .info {float:right;width:35%;}
.list_wrap .info dt, .list_wrap .info dd {display:inline;}
.list_wrap .info dt {}
.list_wrap .info dd {display:inline-block;width:30%;font-size:16px;text-align:center;}


/* view */
.view_info {margin-bottom:30px;}
.view_info h2 {border-bottom:2px solid #333;padding-bottom:40px;margin-bottom:0;font-size:28px;}
.view_info ul {border-bottom:1px solid #ddd;padding:15px 0;text-align:center;}
.view_info li {display:inline-block;margin:0 20px;color:#888;font-size:15px;}
.view_info span {margin-right:5px;color:#333;font-weight:600;}

.view_con {min-height:300px;}

.file_down {margin:30px 0 20px;}
.file_down li {border:1px solid #ddd;padding:10px 0 10px 20px;margin-bottom:5px;font-size:14px;}
.file_down li span {font-weight:500;}
.file_down li a {background:url("/asset/jtsc/images/board/file.svg") center left no-repeat;background-size:12px;margin-left:30px;padding-left:20px;}


/* write */
.wr_wrap {border-top:2px solid #333;}
.wr_wrap label, .file_wrap label {display:block;margin:30px 0 10px;color:#333;font-weight:500;}
.wr_wrap input, .file_wrap input {width:100%;height:45px;border:1px solid #ddd;padding-left:10px;}
.wr_wrap textarea {width:100%;height:500px;border:1px solid #ddd;}

.file_wrap {}
.file_wrap label {}
.file_wrap input {padding:8px 10px 5px;font-size:14px;}


/* gall_list */
.gall_list_wrap {}
.gall_list {overflow:hidden;}
.gall_list li {float:left;width:calc(96% / 4);margin:0 0.5% 30px;}
.gall_list li a {display:block;border:1px solid #eaeaea;}
.gall_list li a:hover {border:1px solid #333;color:#333;}
.gall_list li img {width:100%;height:200px;}
.gall_list li .title {padding:20px 20px 35px;}
.gall_list li .title time {display:block;margin-bottom:10px;color:#888;font-size:15px;}
.gall_list li .title span {display:inline-block;width:100%;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* gall_view */


/* gall_write */



/* button */
.btn_wrap {margin:30px 0 50px;text-align:right;}
.btn_wrap button {display:inline-block;width:130px;border:1px solid #333;padding:10px 0;margin-left:5px;color:#333;font-size:16px;text-align:center;}
.btn_wrap button:first-child {margin-left:0;}
.btn_wrap .btn_style_1 {background-color:#333;color:#fff;}
.btn_wrap .btn_style_2 {width:130px;}
.btn_wrap .btn_style_3 {width:90px;}


/* pager */
.pager {text-align:center;}
.pager li {display:inline-block;}
.pager li a {display:inline-block;width:40px;height:auto;border:1px solid #e5e5e5;border-radius:0;padding:0;margin:0 2px;line-height:38px;color:#b8b8b8;font-size:16px;text-align:center;}
.pager li a:hover {color:#333;}
.pager li a.active {border:1px solid #333;color:#333;font-weight:500;}
.pager li a.first, .pager li a.prev, .pager li a.next, .pager li a.last {background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
.pager li a.first {background-image:url("/asset/jtsc/images/board/btn_first.svg");}
.pager li a.prev {background-image:url("/asset/jtsc/images/board/btn_prev.svg");}
.pager li a.next {background-image:url("/asset/jtsc/images/board/btn_next.svg");}
.pager li a.last {background-image:url("/asset/jtsc/images/board/btn_last.svg");}


/* 575px 이하 해상도에서 해석하는 코드 */
@media (max-width: 575px) {
	.gall_list li img {height:130px;}
}

/* 991px 이하 해상도에서 해석하는 코드 */
@media (max-width:991px){ 

	.sch_wrap input {width:190px;height:36px;}
	.sch_wrap select {width:60px;height:36px;}
	.sch_wrap input {margin:0;height:36px;}
	.sch_wrap button {width:60px;height:36px;}
	
	.total {padding:10px 0;margin-bottom:15px;font-size:14px;}
	.total span {margin-right:5px;}
	
	.title_num, .list_wrap .info, .list_wrap .list li .title .add, .view_info span {position:absolute;left:-9999px;}
	.list_wrap {margin-bottom:30px;}
	.list_wrap .list li {padding:10px 15px;}	
	.list_wrap .list li img {margin:3px 0 0;}
	.list_wrap .list li .title {width:100%;}	
	.list_wrap .list li .title a {width:100%;}	
	.list_wrap .list li.gongji .title strong {padding:2px 5px 2px;font-size:11px;}
	

	.view_info {margin-bottom:20px;}
	.view_info h2 {padding-bottom:20px;font-size:20px;}
	.view_info ul {padding:10px 0;}
	.view_info li {margin:0 10px;}

	.wr_wrap label, .file_wrap label {margin:15px 0 5px;}
	.wr_wrap textarea {height:250px}

	.gall_list li {float:left;width:calc(98% / 2);margin:0 0.5% 15px;}	
	.gall_list li .title {padding:15px;}
	.gall_list li .title time {margin-bottom:5px;font-size:12px;}

	/* button */
	.btn_wrap button {width:90px;padding:7px 0;font-size:14px;}
	.btn_wrap .btn_style_2 {width:90px;}
	.btn_wrap .btn_style_3 {width:50px;}

	/* pager */
	.pager li {}
	.pager li a {width:30px;height:30px;line-height:30px;font-size:14px;}

}