.l-report {
    margin-top: 40px;
}

.p-reportvisual__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 calc(50% - 50vw);
    height: 152px;
    background-image: url(../../assets/images/report_mainImg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 7vw;
}
.p-reportvisual__wrapper {
    position: relative;
    margin: 0 calc(50% - 50vw);
    max-height: 370px;
    width: 100%;
    /*height: 22vh;*/
}
.p-reportvisual__contentTitle {
    color: #7C6E31;
    font-weight: 400;
    font-size: 30px;
        text-align: center;
}
.p-reportvisual__textContent {
    margin-top: 0;
}
.p-report__ttl {
    font-size: 14px;
    font-weight: 400;
    color: #7D6F32;
    text-align: center;
}
.l-searchCont {
    background: #7C6E3120;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 36px 38px;
    width: 65%;
    margin: 40px auto 92px;
}
/*.l-searchCont__categoryBox {*/
/*    margin-left: 20px;*/
/*}*/
.l-searchCont__txt {
    font-size: 14px;
    font-weight: 400;
    border-right: 1px solid #919191;
    padding: 20px 20px 20px 0;
   text-align: right;
}
.l-searchCont__txtBox {
    width: 22%;
    min-width: 125px;
}
.p-searchCont__item {
    padding: 5px 0;
}

.l-searchCont__list a {
	margin-left: 36px;
}

.searchIcon {
	font-size: 14px;
	font-weight: 400;
	background: #ffffff;
	color: #7D6F32;
	border-radius: 20px;
	padding: 5px 0;
	width: 82px;
	display: block;
	text-align: center;
}
.p-searchCont__item.is-active .searchIcon {
    background: #7D6F32;
    color: #ffffff;
}
.search60s {
    width: 100px;
}

/* search */
.l-searchCont__item {
    display: inline-block;
    padding: 3px;
    cursor: pointer;
    }
    .l-searchCont__item.is-active {
    color: white;
    background-color: black;
    }
    .is-hide {
    display: none;
    }
    /* search */

.l-reportCont {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.l-reportCont__imgTxt {
    border: 1px solid #7E7136;
    padding: 24px 0;
    width: 25%;
    height: 480px;
    margin: 0 42px;
    text-align: center;
    margin-bottom: 97px;
}
.l-reportCont__list {
    text-align: left;
    padding: 17px 34px;
}
.reportCont_date {
    font-family:'Jost';
    font-size: 13px;
}
.reportCont_ttl {
    font-size: 20px;
    font-weight: 400;
    color: #7E7136;
    max-height: 64px;
    overflow: hidden;
}
.reportCont_detail {
    font-size: 14px;
    font-weight: 400;
    color: #7E7136;
    margin-top: 15px;
}
.reportCont__img {
	height: 223px;
	object-fit: contain;
	width: 80%;
}
.p-reportCont__link {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background: #069B8A;
    padding: 5px 0;
    display: block;
    width: 77%;
    margin: 0 auto;
}
.l-searchCont__list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sp_only {
    display: none;
}

@media screen and (max-width: 1125px) {
    .l-searchCont {
        width: 80%;
        padding: 36px 19px;
    }
    .l-searchCont__txt {
        padding: 20px 19px 20px 0;
        text-align: left;
        display:-webkit-box;
      	display:-ms-flexbox;
      	display:flex;
      	-webkit-box-pack: center;
      	-ms-flex-pack: center;
      	justify-content: center;
    }
    .l-reportCont__imgTxt {
        width: calc(50% - 56px);
        /*height: 520px;*/
        margin-right: 28px;
        margin-left: 28px;
    }
}
@media screen and (max-width: 900px) {
    .l-reportCont__imgTxt {
        margin-right: 28px;
        margin-left: 28px;
    }
    .p-reportvisual__inner {
        margin-top: -3vw;
    }
}
@media screen and (max-width: 768px) {
  
  .l-report {
    margin-top: 20px;
}
  
    .p-reportvisual__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 calc(50% - 50vw);
        max-height: 75px;
        background-image: url(../../assets/images/report_mainImg_sp.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 26vw;
    }
    .l-searchCont {
        width: 100%;
        margin: 30px auto 42px;
    }
    .l-reportCont__inner {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .l-reportCont__imgTxt {
        width: 100%;
        height: auto;
        padding: 24px 25px;
        margin: 0 0 40px 0;
    }
    .p-reportCont__link {
        width: 96%;
        font-size: 16px;
    }
    .reportCont__img {
        height: auto;
        width: 105px;
          max-height: 110px;
    }
    
    .l-reportCont__txtBox {
        margin-left: 10px;
    }
    .l-reportCont__list {
        padding: 8px 5px;
    }
    .reportCont_ttl {
        font-size: 18px;
    }
    .reportCont_detail {
        font-size: 13px;
    }
    .reportCont_ttl {
        max-height: inherit;
    }
    /*.p-reportvisual__wrapper {
        height: 10vh;
    }*/
    .l-searchCont__list a {
	margin: 0 10px;
}
.l-searchCont__txtBox {
	min-width: 105px;
}
.l-searchCont__categoryBox {
	margin-left: 5px
}
}
@media screen and (max-width: 684px) {
    .l-searchCont__txtBox {
        width: 35%;
    }
}
@media screen and (max-width:576px)  {
    .l-searchCont__txtBox {
        width: 29%;
    }
    .l-searchCont {
        padding: 36px 10px;
    }
    .l-searchCont__txt {
        font-size: 12px;
    }
    .p-searchCont__item {
        width: 68px;
    }
    .searchIcon {
        font-size: 13px;
    }
    .search60s {
        width: 98px;
    }
    .sp_only {
        display: block;
    }
    .p-reportvisual__contentTitle {
        text-align: center;
        font-size: 22px;
    }
    .p-reportvisual__inner {
        margin-top: 26vw;
    }
}
@media screen and (max-width:425px) {
    .l-searchCont__txtBox {
        width: 41%;
    }
}
@media screen and (max-width:374px) {
    .l-searchCont__txtBox {
        width: 65%;
        min-width: 72px;
    }
}
.l-reportCont__imgBox {
    min-width: 114px;
}
