@charset "UTF-8";

.hisTab ul {position:relative; display:flex; flex-wrap:wrap; justify-content: flex-end; margin:0 -15px;}
.hisTab ul li {width:25%; padding:0 15px;}
.hisTab ul li a {display:block; height:60px; display: flex; align-items: center; justify-content: center; text-align: center; color:#333; line-height: 25px; letter-spacing: -.05em; font-family: 'Noto Regular'; font-size: 16px; background: #fff; border:1px solid #c0c0c0;}
.hisTab ul li a:hover {color:#005128; border:1px solid #005128;}
.hisTab ul li a._on {color:#fff; background:#005128; border:1px solid #005128;}
.hisTab ul li a._on:hover {color:#fff;}
/* 분류보기 모드 */
.hist-content {position: relative; display: flex; padding-top:72px; border-top:1px solid #111; margin-top:45px;}
.hist-content .left {width:calc(100% - 728px); padding-right:5%; display:none; }
.hist-content .left .img-box {position: relative; display: inline-block;}
.hist-content .left .img-box::before {content:''; width:100%; height:100%; border:1px solid #015456; position: absolute; left:10px; top:10px;}
.hist-content .left .img-box img {position: relative;}
.hist-content .right {width:100%; border-left:1px solid #ddd;}
.hist-content .hist-box {margin-bottom: 60px; display:flex; flex-wrap:wrap; }
.hist-content .hist-box::after {content:''; display: block; clear:both;}
.hist-content .hist-box .title {padding-right:10px; flex: 0 0 120px; }
.hist-content .hist-box .title h1 {font-size: 40px; font-family: 'Dream Bold';letter-spacing:-.05em; line-height: 25px; color:#005128; padding-left:20px; position: relative; display: inline-block;}
.hist-content .hist-box .title h1::before {content:''; width:15px; height:15px; background:rgba(0,167,84,0.1); border-radius:50%; position: absolute; left:-7px; top:50%; margin-top:-4px;}
.hist-content .hist-box .title h1::after {content:''; width:7px; height:7px; background:#005128; border-radius:50%; position: absolute; left:-3px; top:50%; margin-top:0px;}
.hist-content .hist-box ul{ padding-left:20px; margin-top:10px; flex:1 0 calc(100% - 122px); }
.hist-content .hist-con {letter-spacing: -.05em; margin-bottom: 10px; display:flex; }
.hist-content .hist-con:last-child {margin-bottom: 0;}
.hist-content .hist-con::after {content:''; display: block; clear:both;}
.hist-content .hist-con strong {float:left; padding-right:30px; }
.hist-content .hist-con strong .month-num { font-size: 20px; font-family: 'Dream Regular'; color:#212121; width:65px;}
.hist-content .hist-con span { font-size: 18px; font-family: 'Dream Light'; color:#555;}
.hist-content .no-data {text-align: center;}

/* 전체보기 모드 */
._histTitle {display:none; font-size: 50px; font-family: 'Dream Bold';letter-spacing:-.05em; line-height: 25px !important; color:#111; padding-left:20px; position: relative; margin-bottom: 50px;}
.hist-content.all {position: relative;}
.hist-content.all .year-box {margin-bottom:30px;}
.hist-content.all .year-box::after {content:''; display: block; clear:both;}
.hist-content.all .year-box strong {float:left; font-size: 40px; font-family: 'Dream Bold';letter-spacing:-.05em; line-height: 25px; color:#005128; padding-left:20px; padding-right:70px; position: relative; display: inline-block;}
.hist-content.all .year-box strong::before {content:''; width:15px; height:15px; background:rgba(0,167,84,0.1); border-radius:50%; position: absolute; left:-7px; top:50%; margin-top:-4px;}
.hist-content.all .year-box strong::after {content:''; width:7px; height:7px; background:#005128; border-radius:50%; position: absolute; left:-3px; top:50%; margin-top:0px;}
.hist-content.all .year-box strong .month-num { font-size: 20px; font-family: 'Dream Regular'; color:#212121; width:65px;}
.hist-content.all .year-box ul {float:left; }
.hist-content.all .year-box li::after {content:''; display: block; clear:both;}
.hist-content.all .year-box li span {float:left;}
.hist-content.all .year-box li .month-num {font-size: 20px; font-family: 'Dream Regular'; color:#212121; width:65px;}
.hist-content.all .year-box li .txt1 {float:left; width:calc(100% - 65px); font-size: 18px; font-family: 'Dream Light'; color:#555;}
.hist-content.all .year-box:last-child {margin-bottom: 80px;}

@media (max-width:1300px) {
  .hist-content .left {width:calc(100% - 500px);}
  .hist-content .right {width:500px;}
}
@media (max-width:900px) {
  .hist-content .left {display: none;}
  .hist-content .right {width:100%;}
}
@media (max-width:650px) {
  .hist-content {margin-top:20px; padding-top:30px;}
  .hisTab ul li {width:33.3333%; margin-bottom:10px;}
}