@charset "utf-8";
.no_image{ width: 100%;height:100%;text-align:center;font-size:18px;font-weight:700;background:#e2e2e2;display:flex;align-items:center;justify-content:center}
/* 일반형_리스트 */
#awards_list{margin-top:20px;margin:0 auto;position:relative}
#awards_list ul li a{transition:ease-in-out .25s; display:block;border:1px solid #ddd;overflow:hidden;width:100%;padding:40px 60px;margin-bottom:15px;box-sizing:border-box}
#awards_list ul li a span.thumb{float:left;width:241px;min-height:145px;max-height:170px;overflow:hidden;text-align:center;box-sizing:border-box;height: 180px;display: block;    color: #999;font-size: 13px;}
#awards_list ul li a span.thumb img{width:250px;margin:0 auto;text-align:center}
#awards_list ul li a .txt_wrap{float:left;padding:0px 0 0 55px;float:left;width:calc(100% - 250px);box-sizing:border-box}
#awards_list ul li a strong{display:block;font-weight: 500;font-size: 29px;line-height:3rem;color:#000;padding-bottom: 14px;width:100%;letter-spacing:-.04em}
#awards_list ul li a p{font-size:1.2rem;height:100px;overflow:hidden;line-height:2.0rem;color:#666;width:100%}
#awards_list ul li a span.date{display:block;font-size:17px;color:#222;padding-top:17px;display:none}
#awards_list ul li a:hover{border:1px solid #007ede;}

#board_list thead{height:60px;background:#fff;border-top:2px solid #000;border-bottom:1px solid #b5b5b5}
#board_list thead th{line-height:58px;color:#333;font-size:15px;font-weight:500;background:#f8f8f8}
#board_list thead th a{font-size:10px;color:#666;font-family:'taoma'}
#board_list thead th a:hover{text-decoration:none;color:#4dce00}
#board_list tbody tr{color:#666}
#board_list tbody tr a{color:#333}
#board_list tbody td{line-height:24px;border-bottom:1px solid #d9d9d9;letter-spacing:-.02em;text-align:center;padding:6px 8px;height:55px;min-height:53px;font-size:17px;color:#666;font-weight:400}
#board_list tbody td .num_notice{font-weight:700;color:#fff;background:#3b476c;margin:0 auto;font-size:11px}
#board_list tbody td .title a{display:block;width:auto;float:left;padding-right:5px;line-height:19px;font-size:17px;color:#666;font-weight:300}
#board_list tbody td .notice{font-weight:bold}
#board_list tbody td .notice a{color:#000 !important}
#board_list tbody td .reply{padding-left:10px}
#board_list tbody td.txt_l{text-align:left !important}
#board_list tbody td a{color:#666}
#board_list tbody td img{vertical-align:middle}
#board_list th:first-child,#board_list td:first-child{border-left: none;}

/* 댓글 */
.reply{clear:both;background:#f2f2f2;padding:20px;box-sizing:border-box;display:inline-block;width:100%;margin:20px 0 10px}
.reply li{padding:15px 0;border-bottom:1px solid #cecece}
.reply dt {position:relative}
.reply dt strong{background:#5e6f77;padding:3px 10px;color:#fff;border-radius:4px}
.reply dt div{position:absolute;right:0;top:0}
.reply dt a{text-align:right}
.reply dd {width:80%;position:relative}
.reply dd span{display:block;font-size:13px;color:#888;position:absolute;right:-200px;bottom:0}

/* 게시판_뷰 (베이직타입) */
#board_view{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #3b476c}
#board_view table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
#board_view tbody tr{color:#666}
/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a{color:#596ba4}
#board_view tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#fff;font-weight:700;padding-left:13px}
#board_view tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:-.02em;padding:6px 10px;line-height:22px}
#board_view tbody td .board_view_contents{padding:10px 0}
#board_view tbody td span.date_size{font-size:11px;padding-left:5px;}
#board_view .leftcell{border-left:none !important}
#board_view .rightcell{border-right:none !important}

/* 댓글/코멘트 */
.comment_top{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}
.comment_top .btn_list{width:100%;text-align:right;margin-top:10px}
.comment_top .btn_list input{ background: #35454d;
	background-image: -webkit-linear-gradient(top, #35454d, #263238);
	background-image: -moz-linear-gradient(top, #35454d, #263238);
	background-image: -ms-linear-gradient(top, #35454d, #263238);
	background-image: -o-linear-gradient(top, #35454d, #263238);
	background-image: linear-gradient(to bottom, #35454d, #263238);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 8px 20px 8px 20px;
	border: solid #16193b 1px;
	text-decoration: none;
	box-sizing:border-box;
	display:inline-block;
	cursor:pointer}
.comment_top .btn_list input:hover {
	background: #263238;
	background-image: -webkit-linear-gradient(top, #263238, #35454d);
	background-image: -moz-linear-gradient(top, #263238, #35454d);
	background-image: -ms-linear-gradient(top, #263238, #35454d);
	background-image: -o-linear-gradient(top, #263238, #35454d);
	background-image: linear-gradient(to bottom, #263238, #35454d);
	text-decoration: none;
}
.board_comment { background-color: #fff; margin:25px 0 0px;text-align: left;box-sizing:border-box }
.board_comment dl { margin-bottom: 20px; padding: 20px 0 20px 20px; }
.board_comment dl dt { display: block; float: left; padding-bottom: 10px; width: 100px; }
.board_comment dl dd { display: block; float: left; padding-bottom: 10px; }
.board_comment fieldset {display: block; }
.board_comment fieldset div.icon {float: left;margin-top: 15px;text-align: center;width: 10%; }
.board_comment fieldset div.icon img {cursor: pointer; }
.board_comment fieldset div#icon_table {background-color: #fff;border: 1px solid #ccc;padding: 10px;position: absolute;visibility: hidden;z-index: 1; }
.board_comment fieldset div#icon_table ul {overflow: hidden;width: 300px; }
.board_comment fieldset div#icon_table ul li {float: left;margin: 3px; }
.board_comment fieldset div#icon_table ul li img { }
.board_comment fieldset div.insert {float: right;margin-bottom: 10px;overflow: hidden;width: 90%; }
.board_comment fieldset div.insert textarea {float: left;height: 46px;overflow: hidden;width: 70%; }
.board_comment fieldset div.insert input.button {float: right;height: 50px;width: 19%; }
.board_comment ul.reply {width: 100%; }
.board_comment ul.reply li {border-bottom: 1px solid #eee; }
.board_comment ul.reply li dl {margin: 5px 0;overflow: hidden;text-align: left; }
.board_comment ul.reply li dl dt {float: left;width: 20%; }
.board_comment ul.reply li dl dd {float: right;width: 80%;font-size:15px; }
.board_comment ul.reply li dl dd.subject{font-size:2rem}
.board_comment ul.reply li dl dd span {display: block;font-size: 15px; }
#bc_subject{width:100%}
.editable{overflow-y:auto;width: 100%;height: 100px;padding: 5px;background-color:white}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {margin:5px 0}

/* 게시판_라이트 (베이직타입) */
#board_write{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #000;font-size:17px}
#board_write table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
#board_write tbody tr{color:#666}
#board_write tbody tr a{color:#596ba4;padding-left:4px}
#board_write tbody th{border-bottom:1px solid #d9d9d9;color:#333;font-weight:normal;line-height:60px;font-size:16px;padding:0 0px 0 7px}
#board_write tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #e8e8e8;letter-spacing:-.02em;font-size:15px;padding:6px 13px;line-height:22px}
#board_write tbody td .f_alert{font-size:15px;font-weight:400;padding-left:3px;letter-spacing:0}
#board_write tbody td .board_view_contents{padding:10px 0}
#board_write .leftcell{border-left:none !important}
#board_write .rightcell{border-right:none !important}
#board_write label{font-size:1.4rem;letter-spacing:-1px}
#board_write th:first-child,#board_write td:first-child{border-left: none;}

/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {width:100%;}

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
	padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px
}


.board_view{padding-top:50px}
.board_view .title{font-size: 28px;letter-spacing:-1px;line-height:35px;color:#000;width:100%;font-weight:500;/*max-height: 32px;*/overflow:hidden;text-align: left;}
.board_view .info{letter-spacing:-.02em;padding-right:3px;width:100%;font-size: 18px;text-align: left;padding-bottom: 30px;border-bottom:1px solid #ddd;color:#666;margin-top: 15px;}
.board_view .file{width:100%;box-sizing:border-box;padding:20px;border:1px solid #ddd;margin-top:30px}
.board_view .file a{color:#008a96;border-bottom:1px dotted #009aa7;margin-right:10px;font-weight:400;font-size:1.5rem}
.board_view .board_view_contents{box-sizing:border-box;padding:40px 0;margin:0 auto;line-height:28px;font-size:15px;border-bottom:2px solid #ddd;min-height:300px;}

.board_view .board_view_contents img{width:auto;max-width:100%;padding:15px 0}


/****** Mobile ******/
@media screen and (max-width:690px){

	/*  포토형_리스트 */
	#board_list_photo li{width:100%}
	#board_list_photo li a dt{height:auto}
	#board_list_photo li a dd.title{min-width:280px}

	#board_list_photo li a span.thumb{min-height:auto;max-height:180px;height:180px}
	#board_list_photo li a span img{height:auto}


	/* 일반형_리스트 */
	#board_list table{font-size:13px}
	#board_list thead th{line-height:45px}
	#board_list tbody td{padding:6px 10px;height:28px;min-height:28px}
	#board_list .t_num, #board_list .t_user, #board_list .t_hit, #board_list .t_file{display:none}
	#board_list ul li a span.thumb{width:100%;overflow:hidden;height:auto !Important}
	#board_list ul li a span.thumb img{width:100%}
	#mypage #board_list .t_date{display:none}
	#board_list ul li a {padding:10px;border-bottom:none}
	#board_list ul li a .txt_wrap{width:100%;padding:15px 0 0 10px}
	#board_list ul li a strong{font-size:18px;font-weight:400;padding-bottom:5px}
	#board_list ul li a span.date{font-size:13px;padding-top:0}
	#board_list ul li a p{font-size:15px}
	#board_list ul li a:hover{border:none;padding:10px}
	#list_total_count{font-size:13px}


	/* 게시판_라이트 (베이직타입) */
	#board_write tbody th{width: 100%;display: block;box-sizing: border-box;padding:13px;overflow:hidden;line-height:24px}
	#board_write tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding:3px 5px}
	#board_write .input_type{width: 100%;box-sizing: border-box}
	#board_write .wfull_95{width:100% !important}
	#board_write tbody td .f_alert{font-size:1.4rem}

	/* 게시판_뷰 (베이직타입) */
	#board_view tbody th{width: 100%;display: block;box-sizing: border-box;padding: 13px;overflow: hidden;border:0}
	#board_view tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding: 3px 5px}
	#board_view .input_type{width: 100%;box-sizing: border-box}

	/* 페이지 */
	#board_search{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;text-align:center;margin-bottom:10px;margin:0}
	#board_search .board_search_form select{min-width:80px}
	#board_search .board_search_form input[type="text"]{width:calc(100% - 52%) !important}

	#board_search .board_search_form{float:none}
	#paginate_complex{text-align:center;height:50px}

	/* 댓글/코멘트 */
	.comment_top{padding:15px 0}

	.board_view{width:100%}

	/* board_view */
	.board_view .title{font-size:25px;}
	.board_view_contents .image img{width:100%}
	.board_view .info{font-size:16px;}
	#bc_writer_name{width:100%}
	.board_view .board_view_contents{width:auto;padding:20px 15px}
	.board_view .file a{font-size:13px}

	p.btn_page a.first_back{width:40px;height:40px}
	p.btn_page a.last_back{}
	#awards_list{max-width:100%}
	#awards_list ul li a{padding:30px 20px;margin:0 auto 20px}
	#awards_list ul li a span.thumb{width:100%;min-height:auto;max-height:150px;height:150px}
	#awards_list ul li a .txt_wrap{padding:15px 0 0 0;width:100%}
	#awards_list ul li a strong{font-size: 1.5rem;line-height:2.9rem;padding-bottom:10px;max-height:55px;margin-bottom:10px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	#awards_list ul li a span.thumb img{width:100% !important;height:auto}
	#awards_list ul li a p{font-size: 1.1rem;line-height: 1.7rem;height:83px}

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	/* 일반형_리스트 */
	#board_list .t_num, #board_list .t_hit, #board_list .t_file{display:none}

	#board_list ul li a .txt_wrap{width:400px;padding:15px 0 0 30px}
	#board_list ul li a strong{font-size:2rem;font-weight:500}
	#board_list ul li a span.date{font-size:13px}
	#board_list ul li a span.thumb{height:auto;width:100%}
	#board_list ul li a span.thumb img{width:265px;overflow:hidden}

	/* board_view */
	.board_view{width:100%}
	.board_view .title{font-size:28px;}
	.board_view_contents .image img{width:100%}
	#bc_writer_name{width:100%}
	.board_view .board_view_contents{width:auto}

	/* 댓글/코멘트 */
	.comment_top{padding:0}
	.board_comment{padding:0}

	#awards_list{max-width:100%}
	#awards_list ul li a{padding:30px 20px;margin:0 auto 20px}
	#awards_list ul li a .txt_wrap{width:calc(100% - 300px);padding:25px 0 0 30px}

	.sub_contentsbox{display:inline-block}




}


/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
	#board_basic{width:100%;padding:0px 20px 0 20px}
	/* 일반형_리스트 */
	#board_list ul li a span.thumb img{width:100%;overflow:hidden}
	#board_list ul li a span.thumb{width:30%}
	#board_list ul li a .txt_wrap{width:70%}

	#board_wrap{width:100%}
	.board_view{width:100%}

	.sub_contentsbox{display:inline-block}

	#awards_list ul li a .txt_wrap{width:calc(100% - 300px)}

}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){


}


/****** Print ******/
@media print{
	#board_search{display:none}
	#awards_list ul li a strong{font-size:15px;line-height:20px;padding:0 0 5px 0;margin-bottom:0px}
	#awards_list ul li a p{font-size:12px;line-height:18px;height:70px}
	#awards_list ul li a span.thumb img{height:120px}
	#awards_list ul li a span.thumb{min-height:120px}
	#awards_list ul li a .txt_wrap{padding:10px 0 0 25px}

	.board_view .title{font-size:2rem;line-height:27px}
	.board_view .info{font-size:12px}
	.board_view .file a{font-size:13px}
}