/* common */
* {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    font-size: 17px;
    line-height: normal;
    letter-spacing: 0;
    font-weight: 300;
}
body {
    position: relative;
    overflow: hidden;
    max-width: 414px; /* 모바일 기준 너비 */
    margin: 0 auto;
    box-shadow: 0 0 50px 10px #aaa;
}
.listTobMenu{max-width:414px;}
/* 데스크탑일 때만 다르게 */
/* PC에서 구분하기 쉽게 테두리 */
/*
@media (min-width: 768px) {
    body {
        border: 10px solid red !important; 
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}
*/
@media (max-width: 370px) {
    *{
        font-size:15px 
    }
    .listTobMenu {
        max-width: 370px;
    }
    .slider-body .slider-description span {
        min-width: 200px !important
    }
    .detail_box p, .detail_box span {
        font-size: 14px !important;
        font-weight: 400;
    }
}
    .detail_box p, span {
        font-size: 15px;
        font-weight: 400;
    }

    a {
        text-decoration-line: none;
        color: inherit;
    }

    img {
        width: 100%;
    }

    .header {
        width: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

    #map-label {
        transition: opacity 0.5s ease;
        opacity: 1;
    }

    .header.menu-open {
        height: 100%;
        background: #fff;
        z-index: 1003;
    }

    /* Menu List items */
    .mobile-menu {
        clear: both;
    }

    .header ul.menu {
        position: relative;
        display: block;
        padding: 0px 40px 0;
        list-style: none;
        margin-top: 40px;
    }

        .header ul.menu li.menu-item a {
            position: relative;
            color: #000;
            text-decoration: none;
            line-height: 1;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
        }

        .header ul.menu li.menu-item-title {
            padding: 10px 0px 0px 0px;
            font-weight: 600;
            /*font-size: 17px;*/
            margin-bottom: 10px;
        }

        .header ul.menu li.menu-item-home {
            padding: 10px 0px 0px 0px;
            font-weight: 600;
        }

            .header ul.menu li.menu-item-home a {
                font-weight: 600;
            }

        .header ul.menu li.menu-item {
            color: rgba(131, 131, 131, 1);
            margin-top: 5px;
            opacity: 0;
        }

            .header ul.menu li.menu-item div {
                display: inline-block;
                margin-left: 0px;
            }

                .header ul.menu li.menu-item div a {
                    color: rgba(131, 131, 131, 1) !important;
                    font-weight: 600;
                }

                .header ul.menu li.menu-item div .header-subtitle {
                    font-size: 13px;
                    font-weight: 600;
                }

    .header.menu-open ul.menu li.menu-item {
        opacity: 1;
    }
    /* Menu Icon */
    .icon-container {
        z-index: 2;
        height: 40px;
        cursor: pointer;
    }

        .icon-container #menuicon {
            width: 20px;
            height: 10px;
            position: relative;
            display: block;
            margin: -4px auto 0;
            top: 50%;
        }

    #menuicon .bar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #fff;
    }

        #menuicon .bar.bar1 {
            -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
        }

        #menuicon .bar.bar2 {
            -webkit-transform: translateY(6px) rotate(0deg);
            transform: translateY(6px) rotate(0deg);
        }

    .content {
        position: relative;
        top: 40px;
        overflow-y: auto;
        overflow-x: hidden;
        bottom: 0px;
    }

    .footer {
        background: #000000;
        color: #838383;
        font-size: 11px;
        padding: 20px;
        margin-top: 80px;
    }

        .footer span {
            font-size: 12px;
            font-weight: 400;
            line-height: 17px
        }

            .footer span.footer-title {
                font-size: 13px;
                font-weight: 600;
            }

    .text-preline {
        white-space: pre-line;
    }

    .cursor-pointer {
        cursor: pointer;
    }