@charset "utf-8";

/* ================================================
   PROELEVEN - 헤더만 커스터마이징
   나머지는 기본 CSS 사용
   ================================================ */

/* 축구장 배경 라인 - 전체 페이지 */
body {
    background-image: 
        linear-gradient(to right, 
            rgba(0,0,0,0.03) 0px, 
            rgba(0,0,0,0.03) 1px, 
            transparent 1px, 
            transparent 19%,
            rgba(0,0,0,0.03) 19%,
            rgba(0,0,0,0.03) 20%,
            transparent 20%,
            transparent 49%,
            rgba(0,0,0,0.03) 49%,
            rgba(0,0,0,0.03) 51%,
            transparent 51%,
            transparent 79%,
            rgba(0,0,0,0.03) 79%,
            rgba(0,0,0,0.03) 80%,
            transparent 80%,
            transparent calc(100% - 1px),
            rgba(0,0,0,0.03) calc(100% - 1px)
        );
}

/* 헤더만 커스터마이징 */
.proeleven_header {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

/* PROELEVEN 로고 */
#proeleven_logo {
    margin: 0;
    padding: 0;
}

#proeleven_logo a {
    font-size: 28px;
    font-weight: 900;
    color: #1976d2;
    text-decoration: none;
    letter-spacing: -1px;
}

#proeleven_logo a:hover {
    color: #1565c0;
}

/* 메뉴 색상만 파란색으로 변경 */
#hd .gnb_1da {
    color: #333;
}

#hd .gnb_1dli:hover .gnb_1da {
    color: #1976d2;
}

#hd .gnb_2da:hover {
    background: #e3f2fd;
    color: #1976d2;
}

/* 로그인 버튼 파란색 */
#hd .hd_login li a {
    border-color: #1976d2;
    color: #1976d2;
}

#hd .hd_login li a:hover {
    background: #1976d2;
    color: #fff;
}

/* 헤더 하단 라인 */
#hd {
    border-bottom: 3px solid #1976d2;
}

/* 기존 gnb 스타일 유지하면서 색상만 변경 */
#hd .gnb_1da::after {
    background: #1976d2;
}

#hd .gnb_2dul {
    border-color: #1976d2;
}

#hd .gnb_2dli {
    border-bottom-color: #e3f2fd;
}

/* 컨테이너 타이틀 색상 */
#container_title {
    border-bottom-color: #1976d2;
}

#container_title span {
    color: #1976d2;
}

/* 링크 색상 */
a {
    color: #1976d2;
}

a:hover {
    color: #1565c0;
}

/* 버튼 색상 */
.btn_submit,
.btn_b01 {
    background: #1976d2;
    border-color: #1976d2;
}

.btn_submit:hover,
.btn_b01:hover {
    background: #1565c0;
    border-color: #1565c0;
}