@charset "utf-8";

.horizontal_scroller {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 2rem;
    box-sizing: border-box;
    background: #f5f5f5;
    /*border: 2px solid #ccc;*/
    scroll-behavior: smooth;
    border-radius:1rem;
    /*scrollbar-width: none;
    -ms-overflow-style: none;*/
}

.horizontal_scroller::-webkit-scrollbar {
    background: rgba(12, 54, 126, 0.1);
    border-radius:10px;
}
.horizontal_scroller::-webkit-scrollbar-thumb {
    background: rgba(12, 54, 126, 0.8);
    border-radius:10px;
}

/*.scroll_item::-webkit-scrollbar{display: none;}*/

.horizontal_scroll_inner {
    display: inline-flex;
    gap: 2rem;
}

.scroll_item {
    min-width: 20vw;
    max-width: 20vw;
    height: 70vh;
    background: #0a3e89;
    padding:2rem;
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y:hidden;
    overflow-x:hidden;
    align-items: center;
    border-radius: 1rem;
    font-weight: bold;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.item_head{height:10%;}
.item_head h4{font-size:2rem;}
.unit_wrap{
    height:90%;
    width:100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    justify-content: flex-start;
    gap:1rem;
    overflow-x: hidden;
    overflow-y:scroll;
}
.unit_wrap::-webkit-scrollbar {
    width: 4px;
    background: rgba(12, 54, 126, 0.1);
    border-radius:20px;
}
.unit_wrap::-webkit-scrollbar-thumb {
    background: rgba(12, 54, 126, 0.8);
    border-radius:20px;
}

.unit{
    width:100%;
    display:flex;
    align-items: center;
    cursor:pointer;
    opacity:0.7;
    background:rgba(0,0,0,0.8);
    padding:0.8rem 0.6rem;
    border-radius:0.8rem;
    box-sizing:border-box;
}

.unit::before{
    content:"";
    display: inline-block;
    width: 10%;
    height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1rem;
    vertical-align: middle;
    background-image: url("../../icon/ico_awards_w.png");
}
.unit:hover{
    opacity:1.0;
}
.unit_inner{
    width:85%;
}
.datetime{
    font-weight:500;
    font-size:0.8rem
}
.txtbox_inner{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/* ************************************************************************************************ */
/* 모바일 */
@media screen and (max-width:1279px){
    .scroll_item{
        min-width:74vw;
    }
    .unit_inner{
        width:85%;
    }
    .unit::before {
        width:14%;
        height:100%;
        background-size:100%;
        background-position-y: center;
        margin-right:0.4rem;
    }
    .txtbox_inner{
        margin-top:0.6rem;
    }
}

/* 모니터 중대형 */
@media screen and (min-width:2560px) and (max-width:3839px){

}

/* 모니터 대형 */
@media screen and (min-width:3840px){

}