@charset "utf-8";

/*ROOT*/
:root {
    /*color set (사이트별지정)*/
    --color-main: rgb(26,61,111); /*rgb(19,123,235)*/
    --color-main-light-100: rgba(26,61,111,0.05); /*main-color-opacity 5%*/
    --color-main-light-200: rgba(26,61,111,0.15); /*main-color-opacity 15%*/
    --color-main-light-500: rgba(26,61,111,0.5); /*main-color-opacity 50%*/
    --color-main-light-900: rgba(26,61,111,0.9); /*main-color-opacity 90%*/
    --color-point: rgb(0, 111, 132);
    --color-sub-point: rgb(39, 49, 90);
    /*color set(common)*/
    --color-gray-100: #F8F8F8;
    --color-gray-200: #EAEAEA;
    --color-gray-300: #DDDDDD;
    --color-gray-500: #B9B9B9;
    --color-gray-900: #929292;
    --color-black-300: #333333;
    --color-red: #FF5A5A;
    --color-white: white;
    /*text-color*/
    --txt-color-def: #222222;
    /*font-weight*/
    --txt-thin: 100;
    --txt-thin2: 200;
    --txt-light: 300;
    --txt-regular: 400;
    --txt-medium: 500;
    --txt-semibold: 600;
    --txt-bold: 700;
    --txt-extrabold: 800;
}

header .pc_item h1 img{height:5.5rem !important; max-height:6.5rem !important; position:relative; bottom:5px; }
footer .ft__info h1 img{max-height:6.5rem !important; }
@media screen and (max-width: 767px) {
    header .m_item h1 img{max-height:6rem !important}
}

.sub_banner{text-align:center; padding: 4rem 0; padding-bottom:0}
.why{padding-top:4rem !important}


.sub_banner {
    text-align: center;
    padding: 4rem 0;
    cursor: pointer
}

.sub_banner img.pc {
    width: 60%;
    border-radius: 1rem
}

.sub_banner img.mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .sub_banner {
        padding:2rem
    }

    .sub_banner img.mobile {
        width: 100%;
        display: block;
        border-radius: 1rem
    }

    .sub_banner img.pc {
        width: 100%;
        display: none
    }
}