html, body {
    margin:0;
    background-color: #fff;
}

@font-face {
    font-family: 'KOHIBaeum';
    src: url('/font/KOHIBaeumOTF.otf') format('opentype'),
    url('/font/KOHIBaeum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bg {
    max-width: 1200px;    /* 최대 폭 제한 */
    margin: 0 auto;       /* 화면 중앙 정렬 */
}




.box_top {

    background-color:#256EF4;
}



@media (min-width: 768px) {
    .pc {
        display: block;
    }

    .mobile {
        display: none;
    }


    .main_img {
        margin:0 auto;
        padding: 30px 50px;
        color:#fff;
        max-width:1200px;

    }

}

@media (max-width: 767px) {
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }

    .main_img {
        background-color:#256EF4;
        padding: 50px;
        color:#fff;
    }

}

.download_title {
    padding: 30px 50px;
    background-color: #ffffff;
    font-family: "KOHIBaeum";
}

.download_title #title {
    color: #464C53;
    font-size: clamp(18px, 2vw, 30px); /* 최소 18px ~ 최대 30px */
}

.download_title #title span {
    color: #256EF4;
}

.download_title #sub_title {
    color: #747474;
    font-size: clamp(20px, 3vw, 40px);
    padding-top: 10px;
}


.sub_download {
    background-color:#F4F4F4;
    padding: 30px 50px;

}

.sub_download #title {
    font-family: "KOHIBaeum";
    font-weight: normal;
    font-size: clamp(14px, 2vw, 26px);

}


.sub_download #sub_title {
    font-size: clamp(12px, 2vw, 18px);
    padding-top: 10px;

}



.default_box {
    padding: 30px 50px;
    background-color:#256EF4;
    font-family: "KOHIBaeum";
}



.bank_push_title {
    color: #fff;
    font-family: "KOHIBaeum";
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
}


button {
    background-color: #ffffff;  /* 흰색 배경 */
    color: #256EF4;            /* 글자색 (원하는 색상으로 변경) */
    border: 1px solid #256EF4; /* 테두리 색상 */
    border-radius: 25px;       /* 둥근 모서리, 값이 클수록 더 둥글어짐 */
    padding: 10px 20px;        /* 버튼 크기 */
    /*font-size: 16px;           !* 글자 크기 *!*/
    cursor: pointer;           /* 마우스 오버 시 포인터 변경 */
    transition: all 0.3s ease; /* 부드러운 효과 */
    font-family: "KOHIBaeum";

    font-size: clamp(16px, 2vw, 20px);
}

/* hover 효과 */
button:hover {
    background-color: #ccc; /* 마우스 올리면 파란색 배경 */
    color: #ffffff;            /* 글자 흰색 */
}