/* 템플릿2 */

/* 등록,상세 */
.btn_blue {background:#005aab;}
.btn_blue:hover {background:#004584; color:#fff} 

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

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

.view_wrap i {color:#005aab}
.bo_w_download i {color:#005aab}

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

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


/* 리스트 */
.sch_btn_st2 {background:#005aab}
.btn_b03 {background:#005aab;}
.btn_b03:hover {background:#004584; color:#fff}


/*일반게시판 리스트*/
.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_bg2.jpg') repeat-x; border-bottom:1px solid #fff; color:#fff}
.bo_basic_list thead th a {color:#fff}
.bo_basic_list tbody td {border-bottom:1px solid #e0e0e0}
.bo_basic_list tbody tr:nth-child(even) {background:#f7f7f7}
.notice_list {background:#e7f0f8; font-weight:bold; color:#142547}

.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 {border-top:2px solid #005aab}
	.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 {color:#fff; background:url('../img/th_bg2_600.jpg') repeat-x; font-weight:bold; color:##142547}
	.bo_basic_list tr.notice_list td.td_name {color:#fff;}
	.bo_basic_list tr.notice_list td.td_datetime {color:#fff; }
	.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; 
	border-top:1px solid #005aab; 
	border-bottom:1px solid #dedede; 
	padding:8px; 
	box-shadow:0px 3px 5px rgba(0,0,0,0.1);
}
.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:#005aab}
.gallery_box .img {width:100%; height:0; padding-bottom:60%}
.gallery_box .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:20px 0 20px 20px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px}
.gallery_box .name {background:#f6f6f6; padding:5px 0 0px 20px; font-size:13px; color:#888}
.gallery_box .date {background:#f6f6f6; padding:0px 0 0px 20px; font-size:13px; color:#888}
.gallery_box .eye {background:#f6f6f6; padding:0px 0 8px 20px; font-size:13px; 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;
	border-top:1px solid #005aab; 
	border-bottom:1px solid #dedede; 
	padding:8px; 
	box-shadow:0px 3px 5px rgba(0,0,0,0.1);
}
.webzine_box {position:relative; overflow:hidden}
.webzine_box .img {float:left; width:25%; height:0; padding-bottom:17%}
.webzine_right {float:left;  width:75%;padding-right: 3%;}
.webzine_right i {color:#005aab}
.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% 20px;border-top:2px dotted #e0ebff;}
.webzine_right .text_line .name {display:inline-block; 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; 
		border-top:2px solid #333; 
		border-bottom:1px solid #dedede; 
		padding:8px; 
		box-shadow:0px 3px 5px rgba(0,0,0,0.1);
	}
	.webzine_box {position:relative; overflow:hidden}
	.webzine_box .img {float:none; width:100%; height:0; padding-bottom:60%}
	.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 {background:#f6f6f6; display:block; padding-left:20px; padding-top:10px; font-size:13px; color:#888}
	.webzine_right .text_line .date {background:#f6f6f6; display:block; padding-left:20px; font-size:13px; color:#888}
	.webzine_right .text_line .eye {background:#f6f6f6; display:block; padding-left:20px; padding-bottom:10px; font-size:13px; color:#888}
	.webzine_box input {position:absolute; right:20px; bottom:10px;}
}