@charset "utf-8";

.department_tap {overflow:hidden; margin:20px 0; border:1px solid #ddd;}
.department_tap li {float:left; width:20%; border-left:1px solid #ddd; box-sizing:border-box; text-align:center; background:#f7f7f7;}
.department_tap li:nth-child(4n-3) {margin-left:0;}
.department_tap li a {display:block; height:45px; padding:10px 0;}
.department_tap li a.on, .department_tap li a:hover {background:#fff; font-weight:600; color:#004395; border-top:2px solid #004395; text-decoration:underline;}
.department_tap li a.on {text-decoration:none;}
.department_tap li .blank span {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat right center; padding-right:20px;}
.department_tap li a:focus-visible {outline:none; border:2px dashed #ff0000;}

.department {clear:both; border:1px solid #ddd; border-bottom:none; font-size:17px; font-family:"NanumGothic"; overflow:hidden;}
.department li {border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed;}
.department li .tit {display:table-cell; width:200px; padding:15px 0; text-align:center; color:#333; font-weight:600; vertical-align:middle; background:#f4f6f7; border-right:1px solid #ddd; font-size:18px;}
.department li .con {display:table-cell; padding:15px 20px; }
.department .a_cate {display:inline-block; margin:0 0 0 -15px;}
.department .a_cate a {position:relative; display:inline-block; padding:0 15px; line-height:30px; }
.department .a_cate a:focus-visible {outline:none; border:2px dashed #ff0000;}
.department .a_cate a:before {content:""; position:absolute; top:50%; right:-2px; margin-top:-6px; width:1px; height:12px; background:#ddd; display:block;}
.department .a_cate a:last-child:before {display:none;}
.department .a_cate a.active span, .department .a_cate a:hover span {color:#333; font-weight:600; box-shadow:inset 0px -8px 0px #c4f8f8;}
.department .c_cate {line-height:30px;}
.department .c_cate input[type=checkbox] {vertical-align:middle; margin-left:30px;}
.department .c_cate input:first-child {margin-left:0;}
.department .c_cate em {margin-left:20px;}
.department .c_cate a {display:inline-block; padding-right:25px; line-height:30px; vertical-align:middle;}
.department .c_cate .blank span {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat right center; padding-right:20px;}

.department input[type="text"] {border-radius:3px; height:35px; line-height:35px; border:#ddd 1px solid; font-size:16px;}
.department .date_time {display:inline-block; margin-left:50px;}
.department .date_time .picker {display:inline-block; margin-left:10px;}
.department .date_time .datetimepicker {width:115px;}
.department .date_time .calendar_btn {margin:0 5px; width:20px; background:url('/Main/Images/new/ko/board/ico_bbs_date.png') no-repeat left center; text-indent:-9999px; border:none;}
.department .input {width:70%; margin-right:10px;}

.department_list {margin-top:50px; border-top:2px solid #333; font-family:"NanumGothic";}
.department_list li a {display:table; width:100%; table-layout:fixed; padding:25px; border-bottom:1px solid #ddd;}
.department_list .thum {display:table-cell; width:300px; padding-right:30px; vertical-align:top; overflow:hidden;}
.department_list .thum img {width:260px; height:160px;}
.department_list .con_txt {display:table-cell; vertical-align:top;}
.department_list li span {display:block;}
.department_list li .subject {margin-bottom:20px; font-size:20px;}
.department_list li .subject strong {padding:0 10px; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.department_list li .subject em {color:#004098;}
.department_list li .subject i {font-style:normal; font-size:17px; color:#767676;}
/*.department_list li .subject {font-weight:600; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.department_list li .date {margin:5px 0 20px 0; color:#767676;}
.department_list li .date em {margin-left:20px; color:#004098;}*/
.department_list li .txt {color:#555; word-break:break-all; line-height:1.5; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:80px;}
@media all and (max-width:950px){
	.department .c_cate em {display:block; margin-left:0;}
	.department .date_time {display:block; margin:5px 0 0 0;}
	.department .input {width:100%; margin:0 0 8px 0;}
	.department_list .thum {width:280px; padding-right:15px;}
}
@media all and (max-width:650px){
	.department {font-size:15px;}
	.department li .tit {width:150px; font-size:16px;}
	.department .date_time .picker {display:block; margin:0;}
	.department .date_time .picker span {display:block; margin-top:8px;}
	.department .date_time .picker .dash {display:none;}
	.department .date_time .datetimepicker {width:85%;}
	.department_list .thum {display:block; width:100%; padding:0; text-align:center; margin-bottom:15px;}
	.department_list li a {padding:15px;}
	.department_list .con_txt {display:block;}
	.department_list li .subject {font-size:18px;}
	.department_list li .date, .department_list li .txt {font-size:15px;}
}