@charset "utf-8";
/*-------------------------------------------------------------------
## 일간스포츠 ## Common RESET css
-------------------------------------------------------------------*/
*{margin:0; padding:0;box-sizing:border-box; outline:none; -webkit-box-sizing:border-box;}
a {text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,.1);margin:0; padding:0; border:0;font-size:100%; vertical-align:baseline; background:transparent;}
a:link{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none}
a:active{border:0;color:#000;text-decoration:none}
body{line-height:1;background:#fff;color:#000;letter-spacing:-1px}
ol,ul{list-style:none}
html, body{margin:0;padding:0;border:none;color:#000;font-style:normal;height:100%;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;height:100%;width:100%;}
b, strong{font-weight:500}
b, em, i{font-style:normal;}
body, button, h1, h2, h3,
h4, h5, input, select, table, textarea {font-family:'Noto Sans KR', sans-serif, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;font-size:16px; line-height:22px;font-weight:normal}
figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}

body {
    overflow-x: hidden;
}
a > figure > img {
    object-fit: cover;
    object-position: top;
}
figure > a > img {
    object-fit: cover;
    object-position: top;
}

/* 전체 스크롤바 스타일 */
::-webkit-scrollbar {
    width: 5px; /* 스크롤바의 너비 */
}

/* 스크롤바 트랙 (뒷배경) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 트랙 배경 색상 */
}

/* 스크롤바 핸들 */
::-webkit-scrollbar-thumb {
    background: #507CA0; /* 스크롤바 색상 */
    border-radius: 10px; /* 둥글게 처리 */
}

/* 스크롤바 핸들 호버시 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 호버시 색상 변경 */
}


/* 넘버링 */
.numbering_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin:20px auto 0 auto;
}
.numbering_list {
    display: flex;
    gap: 20px;
    margin: 0 40px
}
.numbering_list a {
    padding: 10px;
    color: var(--color-gray999)
}
.numbering_list a:hover {
    color: var(--color-gray333);
    transition: all .5s ease
}
.numbering_list a.active {
    color: var(--color-gray333);
}
.btn_pre, .btn_nex {
    font-size: 0!important;
    width: 8px;
    height: 13px;
}
.btn_pre {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 99'%3E%3Cpath d='M2 49.5 49.5 2 57 9.6 17.1 49.5 57 89.4 49.5 97 2 49.5z' style='fill:%23ddd'/%3E%3C/svg%3E");
}
.btn_pre:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 99'%3E%3Cpath d='M2 49.5 49.5 2 57 9.6 17.1 49.5 57 89.4 49.5 97 2 49.5z' style='fill:%23333'/%3E%3C/svg%3E");
}
.btn_nex {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 99'%3E%3Cpath d='M9.5 97 2 89.4l39.9-39.9L2 9.6 9.5 2 57 49.5 9.5 97z' style='fill:%23ddd'/%3E%3C/svg%3E");
}
.btn_nex:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 99'%3E%3Cpath d='M9.5 97 2 89.4l39.9-39.9L2 9.6 9.5 2 57 49.5 9.5 97z' style='fill:%23333'/%3E%3C/svg%3E");
}