@CHARSET "UTF-8";

.his_top {background:url(http://dep.hufs.ac.kr/sites/hufstmp01/images/common/dot_squre.png) no-repeat 146px bottom; width:80%; margin:0 auto; height:19px; font-size:0;}
.his_anc {background:url(http://dep.hufs.ac.kr/sites/hufstmp01/images/common/dot_anc.png) no-repeat 146px top; width:80%; margin:0 auto; height:19px; font-size:0;}
#_JW_hist_basic {width:80%; margin:-70px auto 0; padding:15px 0 15px 0; background:url(http://dep.hufs.ac.kr/sites/hufstmp01/images/dot2.png) repeat-y 150px;}
#_JW_hist_basic .hisWrap {display:flex; margin-top:70px;}
#_JW_hist_basic ._histTitle {flex-shrink:0; width:110px; height:110px; margin-right:42px; padding-top:0; color:#fff; font-size:1.3rem; font-weight:400; line-height:110px; text-align:center; background:linear-gradient(to right, #d2b080, #896f4c); border-top-left-radius:20%; border-bottom-right-radius:20%; text-shadow:0px 0px 3px #3e2d15;}
#_JW_hist_basic ._fnTable {display:block; width:100%; border:none;}
#_JW_hist_basic ._fnTable thead {display:none;}
#_JW_hist_basic ._fnTable tbody {display:block;}
#_JW_hist_basic ._fnTable tbody tr {display:flex;}
#_JW_hist_basic ._fnTable tbody tr th, 
#_JW_hist_basic ._fnTable tbody tr td {text-align:left; line-height:20px; border:none;}
#_JW_hist_basic ._fnTable tbody tr th {flex-shrink:0; width:170px; padding:8px 0px 8px 25px; border-left:dotted 0px #8d7150; white-space:nowrap; background:url(./../images/dot.png) no-repeat 0px 14px; vertical-align:top}
#_JW_hist_basic ._fnTable tbody tr td {flex-grow:1; padding:8px 0 8px 13px; border-bottom:dotted 1px #8d7150; text-indent:0px;}
#_JW_hist_basic ._fnTable tbody tr ._noData {padding:8px 0 8px 0; border-bottom:none; color:#666; text-align:center; line-height:80px; text-indent:inherit; background:#f4f4f4;}
#_JW_hist_basic ._fnTable tbody tr._odd, #_JW_hist_basic ._fnTable tbody tr._even {background-color:#fff;}

@media all and (max-width:1280px) {
	.his_top {width:100%;}
	.his_anc {width:100%;}
	#_JW_hist_basic {width:100%;}	
}
@media all and (max-width:1023px) {
	.his_top {display:none;}
	.his_anc {display:none;}
	#_JW_hist_basic {margin:-30px auto 0; padding:0px 0 0px 0; background:none;}
	#_JW_hist_basic .hisWrap {display:block; margin-top:30px;}
	#_JW_hist_basic ._histTitle {width:100%; height:60px; color:#8d7150; font-size:1.43rem; font-weight:700; line-height:60px; text-align:left; background:none; border-radius:none; text-shadow:none;}
	#_JW_hist_basic ._fnTable {width:100%; margin-left:0; border-top:solid 2px #5d5852;}
	#_JW_hist_basic ._fnTable tbody tr th {border-left:none; border-bottom:dotted 1px #8d7150;}
}
@media all and (max-width:767px) {
	#_JW_hist_basic ._fnTable tbody tr {flex-direction:column;}
	#_JW_hist_basic ._fnTable tbody tr th {width:100%; border-bottom:none;}
	#_JW_hist_basic ._fnTable tbody tr td {padding:0 0 8px 22px; text-indent:0px;}
}