/* pad.css */
/* 반응형 전용 스타일 정의 */

/* 1600px 이하 */
@media screen and (max-width:1600px) {
    .header .row {
        padding: 0 130px 0 60px;
    }
}

/* 1440px 이하 */
@media screen and (max-width:1440px) {
    .header .row {
        padding: 0 80px;
    }
    .header .nav li {
        width: 110px;
        font-size: 14px;
    }
    .hbnnr_x1 {
        padding-left: 200px;
    }
}

/* 1280px 이하 */
@media screen and (max-width:1280px) {
    html, body {
        min-width: 1000px; /* 최소 폭 줄임 */
    }
    .header {
        height: 90px;
    }
    .header .nav li {
        width: 100px;
        line-height: 90px;
    }
    .header .drop_menu {
        top: 90px;
        /*height: auto;*/
        padding: 20px 0;
    }
    .right_wingbanner {
        width: 80px;
    }
    .right_wingbanner li.top_btn {
        height: 80px;
    }
}

/* 1024px 이하 */
@media screen and (max-width:1024px) {
    .header .row {
        padding: 0 40px;
    }
    .header .nav li {
        width: auto;
        padding: 0 10px;
    }
    .hbnnr_x1 {
        padding-left: 120px;
    }
    .right_wingbanner {
        display: none; /* 작은 화면에서는 우측 배너 숨김 */
    }
}

/* 768px 이하 (태블릿/모바일 대응) */
@media screen and (max-width:768px) {
    .header {
        height: 70px;
    }
    .header .row {
        flex-direction: row;
        justify-content: space-between;
        padding: 0 20px;
    }
    /* 기본 메뉴 숨김 */
    .header .nav {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: #0e1f2c;
        flex-direction: column;
    }
    .header .nav li {
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .header .nav li a {
        color: #fff;
        display: block;
    }

    /* 햄버거 버튼 */
    .hamburger {
        display: block;
        width: 30px;
        height: 22px;
        position: relative;
        cursor: pointer;
    }
    .hamburger span {
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        left: 0;
        transition: 0.3s;
    }
    .hamburger span:nth-child(1) { top: 0; }
    .hamburger span:nth-child(2) { top: 9px; }
    .hamburger span:nth-child(3) { top: 18px; }

    /* 메뉴 오픈 상태 */
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 9px;
    }
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg);
        top: 9px;
    }
    .header .nav.active {
        display: flex;
    }
    .hbnnr_x1 {
        display: none; /* 작은 화면에서는 상단 배너 제거 */
    }
}

/* 480px 이하 (모바일 최적화) */
@media screen and (max-width:480px) {
    html, body {
        min-width: auto;
    }
    .header {
        height: 60px;
    }
    .header .row {
        padding: 0 15px;
    }
    .footer {
        padding: 40px 0;
    }
    .footer .cp_info li,
    .footer .cp_info .copy,
    .footer .cp_info .pharases {
        font-size: 12px;
    }
}