/* 템플릿3 */

/* 등록,상세 */
.btn_blue {background:#0eafa2;}
.btn_blue:hover {background:#08847a; color:#fff}

.btn3 {padding:5px 10px; border:0; background:#0eafa2; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
.btn3:hover {background:#08847a; color:#fff}

.write_wrap h2 {margin:20px 0; color:#0eafa2}
.write_wrap i {color:#0eafa2}

.view_wrap i {color:#0eafa2}
.bo_w_download i {color:#0eafa2}

.comment_tt {font-weight:bold; border-bottom:2px solid #0eafa2;padding-bottom:10px; }

.pg_current {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#0eafa2 !important; color:#fff; border:0  !important}
.pg_wrap span:hover {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#08847a !important; color:#fff; border:0  !important}


/*리스트*/
.sch_btn_st2 {background:#0eafa2}
.btn_b03 {background:#0eafa2}
.btn_b03:hover {background:#08847a}


/*일반게시판 리스트*/
.bo_basic_list {width:100%; font-size:14px}
.bo_basic_list th, .bo_basic_list td {padding:13px 10px}
.bo_basic_list thead th {background:url('../img/th_bg3.jpg') repeat-x; border-bottom:1px solid #cbcbcb;}
.bo_basic_list tbody td {border-bottom:1px solid #e0e0e0} 
.notice_list {background:#f7f7f7; font-weight:bold; color:#08847a}

.td_chk {text-align:center; width:10px;}
.td_num2 {text-align:center;}
.td_subject {text-align:left;max-width: 0;cursor:pointer;}
.td_file {text-align:center;}
.td_name {text-align:center;}
.td_answer {text-align:center;}
.td_num {text-align:center;}
.td_datetime {text-align:center;}
.sp_subject {display: block;width:95%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.sch_input {width:250px;}


/*600px*/
@media screen and (max-width: 600px) {
	/*일반게시판 리스트*/
	.bo_basic_list tbody tr:first-child {background:url('../img/th_bg3_600.jpg') repeat-x; border-top:2px solid #0eafa2}
	.bo_basic_list tbody tr {position:relative; display:block; padding:10px 0; height:75px; border-bottom:1px solid #e0e0e0}
	.bo_basic_list tbody td {border-bottom:0px solid #e0e0e0; }
	.notice_list {background:#f0f1f8; font-weight:bold; color:##142547}
	.bo_basic_list td.td_subject {padding:5px 10px 3px 10px; display:block; min-width:100%; width:100%; text-align:left; font-size:16px;}
	.bo_basic_list td.td_name {padding:0px 10px; display:inline; text-align:center; color:#999; }
	.bo_basic_list td.td_datetime {display:inline; text-align:center;  color:#999}
	.bo_basic_list td.td_file {display:block; position:absolute; right:10px; bottom:10px; width:20px; text-align:center; color:#999}
	.bo_basic_list td.td_answer {
	    display: block;
	    position: absolute;
	    left: 165px;
	    bottom: 0px;
	    width: 50px;
	    text-align: center;
	}
	.td_chk {display:none;}
	.td_num2 {display:none;}
	.td_num {display:none;}
	.th_chk, .th_num2, .th_num, .th_name, .th_datetime, .th_subject, .th_file {display:none;}
}


/* 갤러리 게시판 리스트 PC */
.gallery_wrap {position:relative; width:100%;}
.gallery_wrap li {float:left; width:31.5%;  margin:0 2.6% 2.6% 0;
	padding:5px;
	border-top:2px solid #0eafa2;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-radius:15px;
}
.gallery_wrap li:nth-child(3), .gallery_wrap li:nth-child(6), .gallery_wrap li:nth-child(9) {margin-right:0%}
.gallery_box {position:relative;}
.gallery_box i {color:#0eafa2}
.gallery_box .img {width:100%; height:0; padding-bottom:60%; border-radius:8px;}
.gallery_box .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:20px 0 10px 20px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px}
.gallery_box .name {padding:5px 0 0px 20px; font-size:14px; color:#888}
.gallery_box .date {padding:0px 0 0px 20px; font-size:14px; color:#888}
.gallery_box .eye {padding:0px 0 20px 20px; font-size:14px; color:#888}
.gallery_box input {position:absolute; right:20px; bottom:20px;}


/*900px*/
@media screen and (max-width: 900px) {
	/* 갤러리 게시판 리스트 PC */
	.gallery_wrap li {float:left; width:47.5%;  margin:0 4.5% 4.5% 0;}
	.gallery_wrap li:nth-child(3), .gallery_wrap li:nth-child(9) {margin-right:4.5%}
	.gallery_wrap li:nth-child(even) {margin-right:0%}
	.gallery_box .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:15px 0 10px 10px; font-size:16px; color:#666; letter-spacing:-1px}
	.gallery_box .name {padding:5px 0 0px 10px; font-size:12px; color:#888}
	.gallery_box .date {padding:0px 0 0px 10px; font-size:12px; color:#888}
	.gallery_box .eye {padding:0px 0 20px 10px; font-size:12px; color:#888}
	.gallery_box input {position:absolute; right:10px; bottom:10px;}

	/* 리스트 */
	.sch_input {width: 50%;}
}


/* 웹진 리스트 PC */
.webzine_wrap {position:relative; width:100%;}
.webzine_wrap li {width:100%;  margin:0 0 1.3% 0; 
	padding:5px;
	border-top:2px solid #0eafa2;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-radius:15px;
}
.webzine_box {position:relative; overflow:hidden}
.webzine_box .img {float:left; width:25%; height:0; padding-bottom:17%;border-radius:8px;}
.webzine_right {float:left;  width:75%;padding-right: 3%;}
.webzine_right i {color:#0eafa2}
.webzine_right .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5% 0 0 20px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px}
.webzine_right .text {
	width:100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis; 
	margin:1% 0 1% 20px;
	font-size:16px;
	color:#666;
	letter-spacing:-1px;
	line-height: 1.2;
	height: 3.7em;
	text-align: left; 
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.webzine_right .text_line {margin:1% 0 2% 0;}
.webzine_right .text_line .name {display:inline-block; padding-left:20px; font-size:14px; color:#888}
.webzine_right .text_line .date {display:inline-block; padding-left:20px; font-size:14px; color:#888}
.webzine_right .text_line .eye {display:inline-block; padding-left:20px; font-size:14px; color:#888}
.webzine_box input {position:absolute; right:20px; bottom:10px;}

/*600px*/
@media screen and (max-width: 600px) {
	/* 웹진 리스트 */
	.webzine_wrap {position:relative; width:100%;}
	.webzine_wrap li {width:100%;  margin:0 0 4% 0;
		padding:5px;
		border-top:2px solid #0eafa2;
		border-bottom:1px solid #d9d9d9;
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
		border-radius:15px;
	}
	.webzine_box {position:relative; overflow:hidden}
	.webzine_box .img {float:none; width:100%; height:0; padding-bottom:60%; border-radius:8px;}
	.webzine_right {float:none;  width:100%; }
	.webzine_right .subject {width:98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:3% 0 0 20px; font-size:17px; font-weight:bold; color:#000; letter-spacing:-1px}
	.webzine_right .text {width:94%; margin:1% 0 1% 20px; font-size:15px;}
	.webzine_right .text_line {margin:1% 0 3% 0;}
	.webzine_right .text_line .name {display:block; padding-left:20px; font-size:13px; color:#888}
	.webzine_right .text_line .date {display:block; padding-left:20px; font-size:13px; color:#888}
	.webzine_right .text_line .eye {display:block; padding-left:20px; font-size:13px; color:#888}
	.webzine_box input {position:absolute; right:20px; bottom:10px;}
}