@charset "utf-8";

/* contTable */
.contTable {border-collapse:collapse; width:100%;border-top:2px solid #434343; border-bottom:1px solid #ccc;color:#555;}
.contTable thead th{height:42px;background:#f8f8f8; font-size:16px; color:#4f565b; padding:8px 12px 9px; border:1px solid #ccc;text-align:center;}
.contTable tbody th{height:42px;background:#f8f8f8; font-size:16px; color:#4f565b; padding:8px 12px 9px; border:1px solid #e4e7ec;text-align:center;font-weight:400;}
.contTable thead td, .contTable tbody td {height:42px;padding:7px 10px; border:1px solid #e4e7ec; border-top:none; text-align:left; }
.contTable tbody td.td_c{text-align:center;}
.contTable tfoot th {padding:7px 10px; border:1px solid #ccc; border-top:none; height:42px; background:#f3f3f3;}
.contTable tfoot td {padding:7px 10px; border:1px solid #ccc; border-top:none; font-weight:bold; height:42px; background:#f3f3f3; text-align:left; }
.contTable .first{border-left:0;}
.contTable .last{border-right:0;}
.contTable .conList {padding:0;}

/* 청주어디까지 가봤니 신청현황 */
.color_blue {background:#e2eaf3 !important;}
.color_gray {background:#eaeaea !important;}
.ing {background:#109345; color:#fff; border-radius:5px; padding:2px 5px 3px 5px;font-size:12px; width:25%; display:inline-block;}
.standby {background:#008080; color:#fff; border-radius:5px; padding:2px 5px 3px 5px;font-size:12px; width:25%; display:inline-block;}
.approval {background:#205378; color:#fff; border-radius:5px; padding:2px 5px 3px 5px;font-size:12px; width:25%; display:inline-block;}
.supplement {background:#555; color:#fff; border-radius:5px; padding:2px 5px 3px 5px; font-size:12px; width:25%; display:inline-block;}


/* contTable_b tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-top:1px solid #000;border-bottom:1px solid #ccc; color:#555; word-break:keep-all;}
.contTable_b tbody th {height:42px;background:#f8f8f8; padding:10px 20px 10px 20px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b;}
.contTable_b tbody td {height:42px;padding:10px 20px 11px 20px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .first{border-left:0;}
.contTable_b .last{border-right:0;}
.contTable_b .conList {padding:0;}



/* contTable 가운데 정렬 */
.contTable_c {border-collapse:collapse; width:100%; border-top:2px solid #434343; border-bottom:1px solid #ccc; word-break:break-all;}
.contTable_c thead th {height:42px;background:#f8f8f8; color:#222; padding:6px 12px 6px; border:1px solid #ccc;text-align:center;}
.contTable_c tbody th {background:#fbfbfb; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b; text-align:center;}
.contTable_c tbody td {padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:center; height:30px;}
.contTable_c tbody td.td_left{text-align:left !important;}
.contTable_c tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_c tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_c .conList {padding:0;}

/* contTable_mid tbody만 있는 경우 */
.contTable_mid {border-collapse:collapse; width:100%; border-top:0px solid #1260ab;border-bottom:1px solid #ccc; color:#555; word-break:break-all;}
.contTable_mid tbody th {height:42px;background:#f4fafd; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b;}
.contTable_mid tbody td {height:42px;padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_mid tbody td.td_c{text-align:center;}
.contTable_mid tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_mid tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_mid .first{border-left:0;}
.contTable_mid .last{border-right:0;}
.contTable_mid .conList {padding:0;}


/* contTable_p 프로그램 */
.contTable_p {border-collapse:collapse; width:100%; border-top:0px solid #000;border-bottom:0px solid #ccc; color:#555; word-break:break-all;}
.contTable_p thead th {background:#f5f5f5; height:30px; border-radius:5px; padding:6px 10px 6px 10px; border-bottom:0px solid #e4e7ec; color:#4f565b;} 
.contTable_p tbody th {background:#f5f5f5; padding:6px 10px 6px 10px; border-bottom:0px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b;}
.contTable_p tbody td {height:42px;padding:2px 10px 0px 10px; border:1px solid #e4e7ec; border-bottom:0; border-top:none;border-left:none; text-align:left; height:30px;}
.contTable_p tbody td  ul {line-height: 1.8em; padding: 0;}
.contTable_p tbody td  ul li {position: relative;  padding: 0 0 0px 18px;}
.contTable_p tbody td.brd_none {border-right:none;}
.contTable_p tbody th.brd_none {border-left:none;}

.line_top{border-top:2px solid #686e70 !important; }
.contTable_p tbody td.td_c{text-align:center;}
.contTable_p tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_p tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_p .first{border-left:0;}
.contTable_p .last{border-right:0;}
.contTable_p .conList {padding:0;}
.contTable_p .brd_right {border-right:1px solid #e4e7ec; }
.contTable_p .brd_left {border-left:1px solid #e4e7ec; }

 

@media(max-width:1024px){
	.imgbord {display:none;}
}


@media(max-width:640px){
	h1.conH1 {font-size:20px; line-height:25px;}
	.contTable_mid tbody th.photo {display:none;}
}

/* member_view 추가 */
.member_view {margin-bottom: 75px; padding: 50px 30px 50px 30px; border-top: 1px solid #222; border-bottom: 1px solid #e2e2e2;}
.member_view .photoimg {float: left; text-align: center; margin-right:5%; width:423px; overflow:hidden; height:483px;background:url('/base/imgs/board/ 01.jpg') no-repeat;}
.member_view .photoimg img {width:100% !important;height:483px !important;}
.member_view .cont_txt {float: left; width:58%; position: relative; margin-bottom: 50px;}
.member_view .cont_txt dt {position:relative; font-size:30px;  color:#000; font-weight:600;padding:25px 0 20px 0;}
.member_view .cont_txt dt:before {position:absolute; content:''; top: 50px; left: -150px; width: 130px; height:3px; background:#ea5a4f;}
.member_view .cont_txt dd {font-size:17px;}
.member_view .cont_txt dd.name {font-weight:600;}
.member_view .cont_txt dd.location {font-weight:500; color:#999; margin-top:5px;}
.member_view .cont_txt dd.text {font-weight:500; margin-top:5px;}
@media(max-width:1240px){
	.member_view .cont_txt {width:47%;}
}
@media(max-width:980px){
	.member_view .cont_txt {width:100%;}
	.member_view .photoimg {float:none;margin:0 auto;}
}
@media(max-width:768px){
	.member_view .cont_txt dt {font-size:25px;}
	.member_view .cont_txt dt:before {top:45px;}
}
@media(max-width:480px){
	.member_view .photoimg {width:300px;height:300px;}
	.member_view .photoimg img{height:100% !important;}
}
@media(max-width:380px){
	.member_view .photoimg {width:250px;height:250px;}
}
/* members2 추가 */
.members2 {border-collapse:collapse; width:100%; border-top: 2px solid #000; border-bottom:1px solid #555; color:#555; }
.members2 tbody th {width:300px; height:250px; overflow:hidden; padding:15px 15px 11px 15px; border-bottom:1px solid #e4e7ec; color:#4f565b;}
.members2 tbody th img {width:100%;}
.members2 tbody td {padding:5px 40px 6px 40px; border-bottom:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.members2 tbody td dt {font-size:25px; margin-bottom:20px; font-weight:600;}
.members2 tbody td dd {font-size:17px; margin-bottom:20px;}
.members2 tbody td dd.address {color:#999;}
.members2 tbody td.td_c{text-align:center;}
.members2 tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.members2 tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
@media(max-width:768px){
	.members2 tbody th {display:block;border-bottom:0;height:200px;padding:15px 15px 11px 0;}
	.members2 tbody td {display:block;height:auto;padding:5px 0;}
}
@media(max-width:480px){
	.members2 tbody th {width:250px;height:160px;}
	.members2 tbody td dt {font-size:20px;}
	.members2 tbody td dd {font-size:15px;}
}

/* 20200707 추가 */
.board_gallery .g_type .g_con {height:280px;}
.board_gallery .g_type .g_text {font-weight:600;}
.board_gallery .g_type .g_text span {font-weight:100;}

.board_gallery2 {border-collapse:collapse; width:100%; border-top:2px solid #444547; border-bottom:1px solid #d5d5d5;}
.board_gallery2 .nodata {padding:40px 0; text-align:center;}
.board_gallery2 td {border-bottom:1px solid #d5d5d5; padding:10px 0; color:#464646;}

.board_gallery2 .comment {font-size:11px; color:#D14900;}
.board_gallery2 a {color:#464646;}
.board_gallery2 a:hover {color:#03559a; text-decoration:underline;}

.board_gallery2 .g_type {position:relative;width:31%; float: left; margin:15px 0 15px 3.5%; display:inline-block; border:1px solid #e9e9e9;box-sizing:border-box;}
.board_gallery2 .g_type:nth-child(3n+1) {margin-left:0;}

.board_gallery2 .g_type .g_con {height:423px;overflow:hidden;}
.board_gallery2 .g_type .g_con a {display:block;height:100%;}
.board_gallery2 .g_type .g_con img {width:100%;height:100%;}
.board_gallery2 .g_type .g_text {overflow:hidden; padding:0;height:90px;}
.board_gallery2 .g_type .g_text a {display:block; width:90%; margin:0 auto; padding:9px 0 2px 0; white-space:nowrap; overflow:hidden; font-size:1.0rem; color:#636363 !important;text-overflow:ellipsis;}
.board_gallery2 .g_type .g_text a em {color:#555; font-weight:600;}
.board_gallery2 .g_type .g_text span.name {font-size:17px;}
.board_gallery2 .g_type .g_text span {display:block; width:90%; margin:0 auto; color:#888;}
.board_gallery2 .g_type .g_text span.b_name{width:auto;position:absolute;top:0;left:0;font-size:14px; color:#fff;letter-spacing:-0.05em; padding:6px 8px;text-shadow: 1px 1px 1px rgba(0,0,0,0.4);background:#f38111;}
@media all and (max-width:1270px) {
	.board_gallery .g_type .g_con {height:260px;}
}
@media all and (max-width:1200px) {
	.board_gallery .g_type .g_con {height:240px;}
	.board_gallery2 .g_type .g_con{height:374px;}
}
@media all and (max-width:1100px) {
	.board_gallery .g_type .g_con {height:225px;}
	.board_gallery2 .g_type .g_con{height:330px;}
}
@media all and (max-width:1000px) {
	.board_gallery2 .g_type .g_con{height:302px;}
}
@media all and (max-width:900px) {
	.board_gallery2 .g_type .g_con{height:268px;}
}
@media all and (max-width:867px) {
	.board_gallery .g_type .g_con {height:180px;}
}
@media all and (max-width:780px) {
	.board_gallery2 .g_type .g_con{height:231px;}
}
@media all and (max-width:768px) {
	.board_gallery .g_type .g_con {height:160px;}
}
@media all and (max-width:680px) {
	.board_gallery2 .g_type .g_con{height:199px;}
}
@media all and (max-width:640px) {
	.board_gallery2 .g_type .g_con{width:302px;height:302px;margin:0 auto;}
	.board_gallery2 .g_type .g_con a{margin-top:20px;}
	.board_gallery2 .g_type .g_text{margin-bottom:20px;}
	.board_gallery2 .g_type {width:100%;margin-left:0;}
	.board_gallery .g_type .g_con {height:280px;}
}
@media all and (max-width:480px) {
	.board_gallery .g_type .g_con {height:260px;}
	.board_gallery2 .g_type .g_con {width:200px;height:200px;}
}
@media all and (max-width:360px) {
	.board_gallery .g_type .g_con {height:240px;}
}
@media all and (max-width:400px) {
	.board_gallery2 .g_type .g_text a {width:270px;margin:0 15px;}
}

.board_gallery1 .g_type .g_con{height:343px;}
.board_gallery1 .g_type .g_con img{min-height:343px;}
.board_gallery1 .g_type .g_text span.text{overflow:hidden;text-overflow:ellipsis;height:237px;}

@media all and (max-width:1030px) {
	.board_gallery1 .g_type .g_text{width:60%;}
}
@media all and (max-width:819px) {
	.board_gallery1 .g_type .g_text{width:99%;}
	.board_gallery1 .g_type .g_text span.text{height:80px;}
}
@media all and (max-width:480px) {
	.board_gallery1 .g_type .g_con{height:243px;}
	.board_gallery1 .g_type .g_con img{width:200px;min-height:243px;}
}