@charset "UTF-8";

/* #_JW_hist_basic ._hisBox{
	margin-bottom: 1em;
	border: 1px #ccc solid;
	padding: 1em;
	background-color: #fff;
}
#_JW_hist_basic ._hisBox ._fnTable{
	margin-bottom: 0;
}
#_JW_hist_basic ._tab._normal ul li strong._on, 
#_JW_hist_basic ._tab._normal ul li input._on, 
#_JW_hist_basic ._tab._normal ul li a._on {
	background-color: #1c5baf;
    border-color: #1c5baf;
}
#_JW_hist_basic ._fnTable {
	margin-bottom: 1em;
}
#_JW_hist_basic ._fnTable colgroup col.year{
	width: 120px;
}
#_JW_hist_basic ._fnTable colgroup col.history{
	width: auto;
}
#_JW_hist_basic ._fnTable tbody tr td._aL{
	text-align: left;
	padding: 7px;
} */
#menu220_obj148 {overflow:unset;}
#_JW_hist_basic { position: relative; min-height:800px;}
#_JW_hist_basic::after {content:''; display: block; clear:both;}
#_JW_hist_basic .history-title {font-family: 'Sebang Bold'; width:650px; height:100%; position: absolute;}
#_JW_hist_basic .history-title .inner {position: sticky;top:137px; /* width:100%; */height:800px;/* background:url('../images/history-bg.png') no-repeat left top; *//* padding:120px 0 0 90px; */}
/* #_JW_hist_basic .history-title .inner::before {content:'';width:calc(100% + 205px); height:100%;background: url('../images/history-bg.png') no-repeat left top;top:0;position:absolute;} */
#_JW_hist_basic .history-title p {font-size: 40px; color:#0070CF; line-height: 1.25;text-transform:uppercase;width: 100%;height: 100%;background: url('../images/hist-bg.png') no-repeat left top;padding: 70px 0 0 73px;position: relative;}
#_JW_hist_basic .history-title p span {font-size: 30px;}
#_JW_hist_basic .history-title p strong {font-size: 65px; display: block; color:#222;}
#_JW_hist_basic .hist-content {max-width:calc(100% - 650px); width:100%; float:right; /*box-shadow: 3px 3px 23px rgba(0,0,0,0.19);*/ border-radius:100px 0 0 0px; padding: 0px 0 50px 70px; background:#fff; position: relative;}
#_JW_hist_basic .hist-content::after {content:''; width:400px; height:100%; position: absolute; left:100%; top:0; background: #fff;}
#_JW_hist_basic .hist-content > ul {position: relative; z-index: 1; /*max-height:750px; overflow-y:scroll;*/}
#_JW_hist_basic .hist-content > ul::-webkit-scrollbar {width:0;}
#_JW_hist_basic .hist-content > ul::-webkit-scrollbar-thumb {}
#_JW_hist_basic .hist-content > ul::-webkit-scrollbar-track {}
#_JW_hist_basic .year-wrap {padding: 20px 0; position: relative;}
#_JW_hist_basic .year-wrap::after {content:''; width:1px; height:100%; background:#D8D8D8; position: absolute; left:5px; top:0; z-index: -1;}
#_JW_hist_basic .year-wrap > div,
#_JW_hist_basic .year-wrap > ul {padding-left:30px;}
#_JW_hist_basic .year-wrap .nodata {text-align: center;}
#_JW_hist_basic .year-thumb {position: relative; margin-bottom: 20px;}
#_JW_hist_basic .year-thumb .inner {position: relative; display: inline-block; width:100%;}
#_JW_hist_basic .year-thumb .view-img {display: inline-block; width:100%;}
#_JW_hist_basic .year-thumb .view-img img {width:100%;}
#_JW_hist_basic .year-thumb .text-box {position: absolute; bottom:0; left:0; text-align:right; width:100%; background:rgba(0,0,0,0.5); padding: 10px 15px;}
#_JW_hist_basic .year-thumb .text-box p {color:#fff; font-size: 14px; font-family: 'Dream Regular'; letter-spacing: -.025em; line-height: 1.5;}
#_JW_hist_basic .year-title {padding-left:30px; position: relative; margin-bottom: 20px;}
#_JW_hist_basic .year-title::before {content:''; width:11px; height:11px; background:#0070CF; border-radius:50%; position: absolute; left:0; top:50%; margin-top:-7px;}
#_JW_hist_basic .year-title::after {content:''; width:6px; height:3px; background:#0070CF; position: absolute; left:12px; top:50%; margin-top:-3px;}
#_JW_hist_basic .year-title h3 {font-size: 40px; line-height: 1; letter-spacing: -.025em; font-family: 'Sebang Bold'; color:#0070CF;}
#_JW_hist_basic .month-day {float:left; width: 60px;}
#_JW_hist_basic .month-day .date {display: inline-block; color:#0070CF; font-size: 16px; font-family: 'Dream Medium'; letter-spacing: -.05em; line-height: 1.5;}
#_JW_hist_basic .content-warp {margin-bottom: 5px;}
#_JW_hist_basic .content-warp::after {content:''; display: block; clear:both;}
#_JW_hist_basic .con {float:left; display: inline-block;  width:calc(100% - 60px);}
#_JW_hist_basic .con p {color:#444 !important; font-family: 'Dream Regular' !important; font-size: 16px !important; line-height: 1.5; letter-spacing: -.05em; padding-left:20px; position: relative; margin-bottom: 10px;background-color:none !important;}
#_JW_hist_basic .con p span{color:#444 !important; font-family: 'Dream Regular' !important; font-size: 16px !important; line-height: 1.5; letter-spacing: -.05em; position: relative;background-color:none !important;}
#_JW_hist_basic .con p::after {content:''; width:8px; height:7px; background:url('../images/bul-arrow.png') no-repeat center; position: absolute; left:0; top: 9px;}

/* 분류 탭 */
#_JW_hist_basic ._tab._normal ul li a {padding:10px 30px; height: auto; background:#fff; border-radius:10px 10px 0 0; border:1px solid #D8D8D8; border-bottom:0; font-family: 'Sebang Bold'; transition:all .3s;}
#_JW_hist_basic ._tab._normal ul li a:hover {color:#0070CF;}
#_JW_hist_basic ._tab._normal ul li a._on {background: #0070CF; color:#fff;}

@media all and (max-width:1200px) {
	#_JW_hist_basic .hist-content {padding:0px 0 50px 30px;}
	#_JW_hist_basic .history-title {width:500px;}
	#_JW_hist_basic .history-title .inner {height:615px; top:90px;}
	#_JW_hist_basic .history-title .inner::before {background-size:cover;}
	#_JW_hist_basic .history-title p {background-size:cover; padding:80px 0 0 50px; font-size: 35px;}
	#_JW_hist_basic .history-title p span {font-size: 30px;}
	#_JW_hist_basic .history-title p strong {font-size: 45px;}
	#_JW_hist_basic .hist-content {max-width:calc(100% - 510px);}
}
@media all and (max-width:950px) {
	#_JW_hist_basic .history-title {display: none;}
	#_JW_hist_basic .hist-content {max-width:none; border-radius:0; box-shadow:none; margin-top: 0; padding:0;}
	#_JW_hist_basic .hist-content::after {display: none;}
	#_JW_hist_basic .hist-content > ul {overflow:unset;}
}
@media all and (max-width:650px) {
	#_JW_hist_basic .hist-content {padding:0;}
	#_JW_hist_basic .year-title h3 {font-size: 35px;}
	#_JW_hist_basic .year-wrap {padding-bottom: 30px;}
}