/*
Copyright (C) 2025 목동나무치과의원

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@font-face {
    font-family: "MaruBuri";
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot?#iefix) format("embedded-opentype"),
        url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"),
        url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff"),
        url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.ttf) format("truetype");
}

@media screen and (max-width: 599px) {
    .priceItemBox {
        width: calc(100vw - 3.8em);
    }
    .priceTitle {
        background-color: rgba(3, 110, 70, 1);
        color: white;
        font-family: "Noto Sans KR", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-size: 1.5em;
        font-style: normal;
        text-align: center;
        word-spacing: 0.15em;
        padding: 0.3em 0em 0.4em 0em;
        margin: 0em 0.8em 0em 0.8em;
    }
    #korLogo {
        height: 2em;
    }

    .slideRow {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        align-items: stretch;
        gap: 0em;
        justify-content: center;
    }
}

@media print, screen and (min-width: 600px) {
    .priceTitle {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        display: flex;
        text-justify: center;
        background-color: rgba(3, 110, 70, 1);
        color: white;
        font-family: "Noto Sans KR", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-size: 2.4em;
        font-style: normal;
        text-align: center;
        word-spacing: 0.15em;
        padding: 0.5em;
        margin: 0.5em;
    }

    #korLogo {
        height: 1.7em;
        margin-top: 0.4em;
        margin-right: 0.4em;
    }

    .slideRow {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        align-items: stretch;
        gap: 2em;
        justify-content: center;
    }

    @media print {
        .priceNotice {
            display: none;
        }
        body {
            print-color-adjust: exact;
        }
    }
}

.text-align-center {
    text-align: center;
}

.background-color-yellow {
    background-color: yellow !important;
    color: black !important;
}

.background-color-black {
    background-color: black;
    color: white;
}

.priceNotice {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1em;
    font-style: normal;
    background-color: rgba(0, 0, 0, 0.1);
    word-spacing: 0.1em;
    margin: 1em 1.2em 1em 1.2em;
    padding: 0.3em;
    background-color: lightgray;
    text-align: center;
}

#priceRow {
    flex-wrap: wrap;
    margin-left: 0em;
    margin-bottom: 2em;
}

#priceRow .priceItemBox {
    border: 1px solid rgba(0, 0, 0, 0.8);
    margin: 1em 0em 0em 0em;
}

#priceRow h3 {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.1em;
    font-style: normal;
    text-align: center;
    word-spacing: 0.15em;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    margin: 0 0 0.2em 0;
}

#priceRow .warrantyItem {
    border-color: #007147;
    background-color: rgba(3, 110, 70, 0.1);
}

#priceRow .warrantyItem h3 {
    background-color: #007147;
}

#priceRow ul {
    color: black;
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1em;
    font-style: normal;
    word-spacing: 0.15em;
    padding: 0.3em 0.5em 0.5em 0.4em;
    margin: 0em 0em 0em 2em;
}

#priceRow li {
    line-height: 1.5;
    word-spacing: -0.3em;
}