@charset "utf-8";

body {
    width: 100%;
    overflow-x: hidden;
    opacity: 0;
    
}

@media all and (max-width:768px) {
    body {
        margin-top: -30px;
    }
}

@media all and (max-width:480px) {
    body {
        margin-top: -30px;
    }
}



    body.onload {
        opacity: 1;
    }

    body #wrap ::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    body #wrap ::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 10px
    }

    body #wrap ::-webkit-scrollbar-thumb {
        background-color: #d8d8d8;
        border-radius: 10px;
        background-clip: padding-box;
        border: 3px solid transparent
    }

.fixed {
    overflow: hidden
}

    .fixed #wrap {
        position: fixed;
        width: 100%;
        overflow: hidden
    }

.dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1000
}

.view_pc {
}

.view_mo {
    display: none;
}

@media all and (max-width:768px) {
    .view_pc {
        display: none !important;
    }

    .view_mo {
        display: block;
    }
}

#wrap {
    position: relative;
    margin: 0 auto;
}

.inner, .content {
    position: relative;
    width: 1180px;
    margin: 0 auto
}

    .inner::after, .content::after {
        display: block;
        clear: both;
        content: ''
    }

@media all and (max-width:1340px) {
    body {
        overflow-x: auto;
    }

    .inner, .content {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media all and (max-width:1024px) {
    .inner, .content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media all and (max-width:768px) {
    body {
        padding-bottom: 57px;
    }
}

@media all and (max-width:480px) {
    .inner, .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 로그인 */
#loginBody {
}

.login-wrap {
    padding: 200px 20px;
}

.login-section {
    width: 1180px;
    margin: auto;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

    .login-section::after {
        display: block;
        clear: both;
        content: '';
    }

    .login-section .member-form, .login-section .login-intro {
        width: 590px;
        height: 948px;
        float: left;
    }

.member-form {
    padding: 64px 36px;
}

.member-form-title {
    margin-bottom: 60px;
}

    .member-form-title img {
        height: 24px;
    }

    .member-form-title p {
        display: inline-block;
        padding-left: 16px;
        line-height: 22px;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        color: #000;
    }

.member-btn-list {
    margin-top: 60px;
}

    .member-btn-list button {
        width: 100%;
        height: 60px;
        margin: 0 0 12px;
        padding: 18px 0;
        border-radius: 12px;
        background-color: #000;
        text-align: center;
    }

        .member-btn-list button span {
            display: inline-block;
            padding-left: 28px;
            background-repeat: no-repeat;
            background-position: 0 50%;
            background-size: 16px 16px;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            color: #fff;
        }

    .member-btn-list .type-naver button {
        background-color: #1cc100;
    }

    .member-btn-list .type-kakao button {
        background-color: #fee100;
    }

    .member-btn-list .type-google button {
        background-color: #dd3725;
    }

    .member-btn-list .type-naver button span {
        background-image: url(/images/common/member_btn_naver@2x.png);
    }

    .member-btn-list .type-kakao button span {
        background-image: url(/images/common/member_btn_kakao@2x.png);
        color: #171600;
    }

    .member-btn-list .type-google button span {
        background-image: url(/images/common/member_btn_google@2x.png);
    }

.login-etc-link {
    padding-top: 36px;
    text-align: center;
    font-size: 0;
}

    .login-etc-link li {
        display: inline-block;
        margin: 0 18px;
    }

    .login-etc-link a {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.14;
        color: #000;
        text-decoration: underline;
    }

.login-intro {
    display: table;
    background: url(/images/common/login_intro_bg@2x.png) no-repeat 50% 50% / cover;
    text-align: center;
}

.login-intro-box {
    display: table-cell;
    vertical-align: middle;
}

.login-intro-text {
    margin-bottom: 36px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}

.login-intro-title {
}

    .login-intro-title img {
        height: 48px;
    }

    .login-intro-title p {
        font-family: 'Montserrat';
        padding-top: 12px;
        font-size: 48px;
        font-weight: 300;
        line-height: 1.25;
        letter-spacing: -0.48px;
        text-align: center;
        color: #fff;
    }

#mobileIntro {
    display: table;
    height: 100vh;
    padding: 0;
    background: url(/images/common/mobile_intro_bg@2x.png) no-repeat 50% 50% / cover;
}

.mobile-intro-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.mobile-intro-text {
    margin-bottom: 36px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: #fff;
}

.mobile-intro-title {
}

    .mobile-intro-title img {
        width: 120px;
    }

    .mobile-intro-title p {
        font-family: 'Montserrat';
        padding-top: 8px;
        font-size: 36px;
        font-weight: 300;
        letter-spacing: -0.36px;
        text-align: center;
        color: #fff;
    }

@media all and (max-width:1340px) {

    .login-wrap {
        padding: 20rem 2rem;
    }

    .login-section {
        width: 118rem;
        box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
    }

        .login-section .member-form, .login-section .login-intro {
            width: 59rem;
            height: 94.8rem;
        }

    .member-form {
        padding: 6.4rem 3.6rem;
    }

    .member-form-title {
        margin-bottom: 6rem;
    }

        .member-form-title img {
            height: 2.4rem;
        }

        .member-form-title p {
            padding-left: 1.6rem;
            line-height: 2.2rem;
            font-size: 2.4rem;
        }

    .member-btn-list {
        margin-top: 6rem;
    }

        .member-btn-list button {
            height: 6rem;
            margin: 0 0 1.2rem;
            padding: 1.8rem 0;
            border-radius: 1.2rem;
        }

            .member-btn-list button span {
                padding-left: 2.8rem;
                background-size: 1.6rem 1.6rem;
                font-size: 1.6rem;
                line-height: 2.4rem;
            }

    .login-etc-link {
        padding-top: 3.6rem;
    }

        .login-etc-link li {
            margin: 0 1.8rem;
        }

        .login-etc-link a {
            font-size: 1.4rem;
        }

    .login-intro {
    }

    .login-intro-text {
        margin-bottom: 3.6rem;
        font-size: 2.4rem;
    }

    .login-intro-title img {
        height: 4.8rem;
    }

    .login-intro-title p {
        padding-top: 1.2rem;
        font-size: 4.8rem;
    }
}

@media all and (max-width:1180px) {
    .login-section {
        width: 59rem;
    }

        .login-section .member-form {
            width: 59rem;
            height: auto;
        }

        .login-section .login-intro {
            display: none;
        }
}

@media all and (max-width:768px) {
    #loginBody {
        padding-bottom: 0;
    }
}

@media all and (max-width:480px) {
    .member-form {
        padding: 6rem 3rem;
    }
    /* 220414 추가 및 수정사항 */
    .login-wrap {
        padding: 0;
    }

    .login-section {
        width: 100%;
        box-shadow: none
    }

        .login-section .member-form {
            width: 100%;
        }
}
/* 회원가입 */
#joinBody {
    background: url(/images/common/join_body_bg@2x.png) no-repeat 50% 0 / cover
}

.join-wrap {
    padding: 160px 20px;
}

.join-section {
    width: 590px;
    margin: auto;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

    .join-section::after {
        display: block;
        clear: both;
        content: '';
    }

    .join-section .member-form {
        width: 100%;
    }

@media all and (max-width:1340px) {
    .join-wrap {
        padding: 16rem 2rem;
    }

    .join-section {
        width: 59rem;
        box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
    }
}

@media all and (max-width:768px) {
    #joinBody {
        padding-bottom: 0;
    }
}

@media all and (max-width:480px) {
    .join-wrap {
        padding: 0
    }

    .join-section {
        width: 100%;
        box-shadow: none
    }
}

#header {
    height: 128px;
    padding-top: 45px;
    z-index: 10;
}

    #header::after {
        display: block;
        clear: both;
        content: '';
    }

.header-logo {
    float: left;
    padding-top: 25px;
}

    .header-logo a img {
        height: 24px;
    }

.header-nav {
    position: relative;
    float: left;
    padding-left: 70px;
    z-index: 10;
}

#gnb {
}

    #gnb::after {
        display: block;
        clear: both;
        content: '';
    }

    #gnb > li {
        position: relative;
        float: left;
    }

        #gnb > li + li {
            margin-left: 4px;
        }

        #gnb > li a {
            display: block;
            padding: 26px;
            font-size: 16px;
            font-weight: 500;
            color: #000;
        }

        #gnb > li .submenu {
            display: none;
            position: absolute;
            top: 72px;
            left: 0;
            width: 180px;
            padding: 12px 24px;
            border-radius: 16px;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            background-color: #fff;
            z-index: 100;
        }

            #gnb > li .submenu li a {
                display: block;
                padding: 12px 0;
                font-size: 16px;
                font-weight: 300;
                text-align: left;
                color: #000;
                line-height: 1.43;
            }

                #gnb > li .submenu li a:hover, #gnb > li .submenu li a:focus {
                    font-weight: 700;
                }

        #gnb > li.on .submenu {
            display: block;
        }

.header-user {
    position: absolute;
    right: 0;
    top: 26px;
}

    .header-user a {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #7c7e85;
    }

.header-util {
    position: absolute;
    top: 10px;
    right: 0;
}

.header-profile {
    float: left;
    position: relative;
    padding-right: 28px;
}

    .header-profile .info {
        height: 44px;
        line-height: 44px;
        margin-top: 6px;
        padding: 0 48px 0 24px;
        border-radius: 100px 0 0 100px;
        background-color: rgba(0,0,0,0.5);
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
        z-index: 101;
    }

        .header-profile .info.off {
            opacity: 0;
        }

        .header-profile .info b {
            font-weight: 700;
        }

    .header-profile .btn a, .header-search .btn a, .header-total .btn a {
        display: block;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px;
        text-indent: -9999px;
        font-size: 0;
    }

    .header-profile .btn a, .header-search .btn a {
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    }

    .header-profile .btn {
        position: absolute;
        top: 0;
        right: 0;
    }

        .header-profile .btn a.list {
            display: none;
            background-image: url(/images/common/header_profile_ico1@2x.png)
        }

        .header-profile .btn a.prof {
            background-image: url(/images/common/header_profile_ico2@2x.png)
        }

        .header-profile .btn a.log {
            width: auto;
            margin-right: 24px;
            line-height: 56px;
            box-shadow: none;
            text-indent: 0;
            font-size: 16px;
            color: #000;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }



        .header-profile .btn a.logout {
            width: auto;
            margin-right: 24px;
            line-height: 56px;
            box-shadow: none;
            text-indent: 0;
            font-size: 13px;
            color: #000;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }



.header-search {
    float: left;
    margin-left: 24px;
}

    .header-search .btn {
    }

        .header-search .btn a {
            background-image: url(/images/common/header_search_ico@2x@2x.png)
        }

.header-total {
    display: none;
    float: left;
    margin-left: 24px;
}

    .header-total .btn {
    }

        .header-total .btn a {
            background-image: url(/images/common/header_total_open@2x.png)
        }

.active .header-total .btn a {
    background-image: url(/images/common/header_total_close@2x.png)
}

@media all and (min-width:769px) {
    .total-menu {
        display: none !important
    }
}

@media all and (max-width:1340px) {
    #header {
        height: 12.8rem;
        padding-top: 5.6rem;
    }

    .header-logo {
        padding-top: 1.4rem;
    }

        .header-logo a img {
            height: 2.4rem;
        }

    .header-nav {
        padding-left: 8.1rem;
    }

    #gnb > li + li {
        margin-left: 2.6rem;
    }

    #gnb > li a {
        padding: 1.5rem;
        font-size: 1.6rem;
    }

    #header {
        height: 12.8rem;
        padding-top: 4.5rem;
    }

    .header-logo {
        padding-top: 2.5rem;
    }

        .header-logo a img {
            height: 2.4rem;
        }

    .header-nav {
        padding-left: 6rem;
    }

    #gnb > li + li {
        margin-left: 0
    }

    #gnb > li a {
        padding: 2.6rem 2.2rem;
        font-size: 1.6rem;
    }

    #gnb > li .submenu {
        top: 7.2rem;
        width: 18rem;
        padding: 1.2rem 2.4rem;
        border-radius: 1.6rem;
    }

        #gnb > li .submenu li a {
            padding: 1.2rem 0;
            font-size: 1.6rem;
        }

    .header-util {
        top: 1rem;
        right: 3rem;
    }

    .header-profile {
        padding-right: 2.8rem;
    }

        .header-profile .info {
            height: 4.4rem;
            line-height: 4.4rem;
            margin-top: .6rem;
            padding: 0 4.8rem 0 2.4rem;
            border-radius: 10rem;
            font-size: 1.6rem;
        }

        .header-profile .btn a, .header-search .btn a, .header-total .btn a {
            width: 5.6rem;
            height: 5.6rem;
            -webkit-background-size: 2.4rem 2.4rem;
            background-size: 2.4rem 2.4rem;
        }

        .header-profile .btn a, .header-search .btn a {
            box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
        }

            .header-profile .btn a.log {
                margin-right: 2.4rem;
                line-height: 5.6rem;
                font-size: 1.6rem;
            }

    .header-search {
        margin-left: 2rem;
    }

    .header-total {
        margin-left: 0;
    }
}

@media all and (max-width:1024px) {
    .header-profile {
        position: static;
        padding-right: 0;
    }

        .header-profile .btn {
            position: relative;
            top: auto;
            right: auto;
        }

        .header-profile .info {
            position: absolute;
            top: 7.2rem;
            right: 0;
            margin-top: 0;
            padding: 0 2.4rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
}

@media all and (max-width:768px) {
    #header {
        height: auto;
        padding-top: 5.6rem;
    }

        #header .inner {
            padding-right: 1rem;
        }

    .header-logo {
        padding-top: 1.4rem;
    }

    .header-total {
        display: block;
    }

    .header-util {
        position: static;
        top: auto;
        right: auto;
        float: right;
    }

    .header-profile {
        padding-top: 0;
    }

        .header-profile .info {
            right: 2rem;
        }

        .header-profile .btn {
            position: relative;
            top: auto;
            right: auto;
        }

            .header-profile .btn a {
                margin-right: 1.2rem;
                float: left;
            }

                .header-profile .btn a.list {
                    display: block;
                }

    .header-search {
        margin-left: 0;
    }

    .total-menu {
        display: none;
        position: absolute;
        top: 14.2rem;
        left: 0;
        width: 100%;
        padding: 0 2.4rem 4.6rem;
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
        z-index: 100;
    }

        .total-menu > ul {
        }

            .total-menu > ul > li {
            }

            .total-menu > ul a {
                display: block;
                color: #000;
                line-height: 1.45;
            }

            .total-menu > ul > li > a {
                padding: 1.6rem 0;
                font-size: 3.2rem;
                font-weight: 500;
            }

                .total-menu > ul > li > a.parents {
                    position: relative;
                }

                    .total-menu > ul > li > a.parents::after {
                        display: block;
                        clear: both;
                        content: '';
                        position: absolute;
                        top: 50%;
                        right: 0;
                        width: 3.2rem;
                        height: 3.2rem;
                        margin-top: -1.6rem;
                        background: url(/images/common/header_menu_arrow@2x.png) no-repeat 50% 50% / 100% 100%
                    }

            .total-menu > ul > li.active > a.parents::after {
                transform: rotate(180deg)
            }

            .total-menu > ul > li .submenu {
                display: none;
            }

                .total-menu > ul > li .submenu li a {
                    padding: 1.6rem 1.6rem 1.6rem 2rem;
                    font-size: 2.4rem;
                    font-weight: 300;
                }

    .header-user {
        position: relative;
        right: auto;
        top: auto;
        float: right;
    }

    .header-nav {
        display: none;
    }
}

@media all and (max-width:480px) {
    .header-logo a img {
        height: 2.8rem;
    }
    /* 220414 추가 및 수정사항 */
    .header-profile .btn a, .header-search .btn a, .header-total .btn a {
        width: 6rem;
        height: 6rem;
        -webkit-background-size: 2.8rem 2.8rem;
        background-size: 2.8rem 2.8rem;
    }
    /* 220414 추가사항 */
    .header-profile .info {
        width: auto;
        text-align: center;
        left: 15px;
        right: 15px;
    }
}


.search-wrap {
    position: absolute;
    top: 148px;
    left: 50%;
    width: 1180px;
    margin-left: -590px;
    padding: 36px 36px 56px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    z-index: 51;
}

.search-wrap-head {
    position: relative;
    padding-right: 30px;
    border-bottom: 1px solid #000;
}

    .search-wrap-head::after {
        display: block;
        clear: both;
        content: '';
    }

    .search-wrap-head input {
        border: 0 none;
        height: 68px;
        line-height: 68px;
        font-size: 24px;
        font-weight: 300;
        text-align: left;
        color: #000;
    }

    .search-wrap-head ::placeholder {
        opacity: 1;
    }

    .search-wrap-head ::-webkit-input-placeholder {
        opacity: 1;
    }

    .search-wrap-head ::-ms-input-placeholder {
        opacity: 1;
    }

    .search-wrap-head ::-moz-placeholder {
        opacity: 1;
    }

    .search-wrap-head button {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        background: url(/images/common/search_submit@2x.png) no-repeat 0 0 / 100% 100%;
        text-indent: -9999px;
        font-size: 0;
    }

    .search-wrap-head > div {
        height: 68px;
        line-height: 68px;
        font-size: 24px;
        text-align: left;
        color: #000;
    }

        .search-wrap-head > div em {
            font-weight: 500;
        }

        .search-wrap-head > div span {
            font-weight: 300;
        }

.search-wrap-body {
}

    .search-wrap-body .popular-list {
    }

        .search-wrap-body .popular-list > li {
            border-bottom: 1px solid #ddd;
        }

        .search-wrap-body .popular-list a {
            display: block;
            height: 68px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .search-wrap-body .popular-list a:focus, .search-wrap-body .popular-list a:hover {
                background-color: #f4f8fa
            }

        .search-wrap-body .popular-list span, .search-wrap-body .popular-list em {
            display: inline-block;
            line-height: 68px;
        }

        .search-wrap-body .popular-list span {
            margin-right: 13px;
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 300;
            font-style: italic;
            letter-spacing: -0.14px;
            color: #707070;
        }

        .search-wrap-body .popular-list em {
            font-size: 24px;
            font-weight: 700;
            color: #000;
        }

    .search-wrap-body .search-result {
    }

        .search-wrap-body .search-result > li {
            border-bottom: 1px solid #ddd;
        }

        .search-wrap-body .search-result a {
            display: block;
            position: relative;
            padding: 16px 0
        }

            .search-wrap-body .search-result a::after {
                display: block;
                clear: both;
                content: '';
            }

        .search-wrap-body .search-result .thumb {
            float: left;
            margin-right: 16px;
            border-radius: 16px;
            overflow: hidden;
        }

            .search-wrap-body .search-result .thumb img {
                width: 160px;
                height: 124px;
            }

        .search-wrap-body .search-result .info {
            padding-top: 9px;
            text-align: left;
            color: #000;
        }

            .search-wrap-body .search-result .info .title {
                font-size: 16px;
                font-weight: 700;
                line-height: 2;
            }

            .search-wrap-body .search-result .info .text {
                font-size: 16px;
                font-weight: 300;
                line-height: 2;
            }

            .search-wrap-body .search-result .info .price {
                margin-top: 10px;
                font-size: 20px;
                font-weight: 700;
                line-height: 1.6;
            }

@media all and (max-width:1340px) {
    .search-wrap {
        top: 14.8rem;
        width: 118rem;
        margin-left: -59rem;
        padding: 3.6rem 3.6rem 5.6rem;
        box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
    }

    .search-wrap-head {
        padding-right: 3rem;
    }

        .search-wrap-head input {
            height: 6.8rem;
            line-height: 6.8rem;
            font-size: 2.4rem;
        }

        .search-wrap-head button {
            width: 2.4rem;
            height: 2.4rem;
            margin-top: -1.2rem;
        }

        .search-wrap-head > div {
            height: 6.8rem;
            line-height: 6.8rem;
            font-size: 2.4rem;
        }

    .search-wrap-body .popular-list a {
        height: 6.8rem;
    }

    .search-wrap-body .popular-list span, .search-wrap-body .popular-list em {
        line-height: 6.8rem;
    }

    .search-wrap-body .popular-list span {
        margin-right: 1.3rem;
        font-size: 1.4rem;
    }

    .search-wrap-body .popular-list em {
        font-size: 2.4rem;
    }

    .search-wrap-body .search-result a {
        padding: 1.6rem 0
    }

    .search-wrap-body .search-result .thumb {
        margin-right: 1.6rem;
        border-radius: 1.6rem
    }

        .search-wrap-body .search-result .thumb img {
            width: 16rem;
            height: 12.4rem;
        }

    .search-wrap-body .search-result .info {
        padding-top: .9rem;
    }

        .search-wrap-body .search-result .info .title {
            font-size: 1.6rem;
        }

        .search-wrap-body .search-result .info .text {
            font-size: 1.6rem;
        }

        .search-wrap-body .search-result .info .price {
            margin-top: 1rem;
            font-size: 2rem;
        }

    .search-wrap {
        width: auto;
        left: 30px;
        right: 30px;
        margin-left: 0;
    }
}

@media all and (max-width:1024px) {
    .search-wrap {
        width: auto;
        left: 20px;
        right: 20px;
        padding: 2.4rem 2.4rem 3.6rem;
    }
}

@media all and (max-width:768px) {
}

@media all and (max-width:480px) {
    .search-wrap {
        width: auto;
        left: 15px;
        right: 15px;
        margin-left: 0;
    }
}

#container {
    position: relative;
    padding: 80px 0 0;
}

.content {
    padding-bottom: 200px
}

.main-sect {
}

    .main-sect + .main-sect {
        margin-top: 200px;
    }

.content-sect {
}

    .content-sect + .content-sect {
        margin-top: 200px;
    }

.sect-head {
}

    .sect-head .sect-title {
        margin-bottom: 80px;
    }

.sect-title {
    margin-bottom: 40px;
    font-size: 40px; /* font-weight:300;220414 수정 */
    font-weight: 400;
    line-height: 1.4;
    color: #000;
}

    .sect-title b {
        display: inline-block;
        font-weight: 700;
    }

        .sect-title b img {
            height: 30px;
            vertical-align: baseline;
        }
/* 220513 추가 */
.sect-text {
    padding-bottom: 6px;
    font-size: 24px; /* font-weight:300;220414 수정 */
    font-weight: 400;
    line-height: 1.33;
    color: #000;
}

    .sect-text b img {
        height: 21px;
        vertical-align: baseline;
    }
/* 220513 추가 */

@media all and (max-width:1340px) {
    #container {
        padding: 8rem 0 0;
    }

    .content {
        padding-bottom: 20rem
    }

    .main-sect {
    }

        .main-sect + .main-sect {
            margin-top: 20rem;
        }

    .content-sect {
    }

        .content-sect + .content-sect {
            margin-top: 20rem;
        }

    .sect-head {
    }

        .sect-head .sect-title {
            margin-bottom: 8rem;
        }

    .sect-title {
        margin-bottom: 4rem;
        font-size: 4rem;
    }
    /*.sect-title b{box-shadow:inset 0 -1.6rem 0 #00b2ff;}*/
    .sect-text {
        padding-bottom: 6px;
        font-size: 2.4rem;
    }
}

@media all and (max-width:768px) {
    #container {
        padding: 4rem 0 0;
    }

    .content {
        padding-bottom: 8rem
    }

    .main-sect + .main-sect {
        margin-top: 8rem;
    }

    .content-sect + .content-sect {
        margin-top: 8rem;
    }

    .sect-head .sect-title {
        margin-bottom: 4rem;
    }
}

/* .swiper-button-disabled{opacity:1 !important;} */
.swiper-tools {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .swiper-tools .swiper-scroll {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin-right: 90px;
        padding-left: 56px;
        background: url(/images/common/slide_ico_scroll@2x.png) no-repeat 0 50% / auto 40px;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.12px;
        text-align: left;
        color: #000;
    }

    .swiper-tools .swiper-count {
        display: inline-block;
        margin-top: 12px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 700;
        line-height: 1.14;
        letter-spacing: -0.14px;
        text-align: left;
        color: #000;
    }

        .swiper-tools .swiper-count span {
            display: inline-block;
            font-family: inherit;
            font-weight: inherit;
            font-size: inherit;
            line-height: inherit;
            letter-spacing: inherit;
            text-align: center;
        }

            .swiper-tools .swiper-count span.current {
                opacity: 1;
            }

            .swiper-tools .swiper-count span.total {
            }

    .swiper-tools .swiper-pagination {
        position: static;
        display: inline-block;
        width: 140px;
        height: 2px;
        margin: 0 16px;
        background-color: #ccc;
        vertical-align: middle;
    }

    .swiper-tools .swiper-pagination-progressbar {
        background: rgba(0,0,0,.1);
    }

    .swiper-tools .swiper-pagination .swiper-pagination-progressbar-fill {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        background-color: #111;
    }

    .swiper-tools .swiper-arrow {
        display: inline-block;
        margin-top: 12px;
        margin-left: 76px;
    }

    .swiper-tools .swiper-button-next,
    .swiper-tools .swiper-button-prev {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 16px;
        height: 16px;
        margin-top: 0;
        margin-right: 36px;
        z-index: 10;
        cursor: pointer;
        background-size: 16px 16px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .swiper-tools .swiper-button-next {
        background-image: url(/images/common/slide_ico_next@2x.png);
    }

    .swiper-tools .swiper-button-prev {
        background-image: url(/images/common/slide_ico_prev@2x.png);
    }

    .swiper-tools .btn-swiper-play {
        display: inline-block;
        vertical-align: top;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 16px 16px;
        text-indent: -9999px;
        font-size: 0;
    }

        .swiper-tools .btn-swiper-play.paused {
            background-image: url(/images/common/slide_ico_stop@2x.png)
        }

        .swiper-tools .btn-swiper-play.play {
            background-image: url(/images/common/slide_ico_play@2x.png)
        }

.swiper-scrollbar, .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #eee;
    border-radius: 0;
}

.swiper-scrollbar-drag, .swiper-container-horizontal > .swiper-scrollbar-drag {
    height: 2px;
    border-radius: 2px;
    background: #4e2bf4;
    margin-top: -0.5px;
}

@media all and (max-width:1024px) {
    .swiper-tools .swiper-scroll {
        display: none;
    }

    .swiper-tools .swiper-arrow {
        margin-left: 5rem;
    }

    .swiper-tools .swiper-button-next,
    .swiper-tools .swiper-button-prev {
        margin-right: 3rem;
    }
}

#mainSect1 .sect-swiper {
    position: relative;
}

#mainSect1 .swiper-container {
    position: relative;
    padding-bottom: 76px;
}

#mainSect1 .slide_inner {
    width: 100%;
}

    #mainSect1 .slide_inner::after {
        display: block;
        clear: both;
        content: '';
    }

#mainSect1 .swiper-slide {
    width: 100%;
}

    #mainSect1 .swiper-slide a {
        display: block;
        position: relative;
    }

        #mainSect1 .swiper-slide a::after {
            display: block;
            clear: both;
            content: '';
        }

    #mainSect1 .swiper-slide .thumb {
        float: left;
        width: 620px;
        height: 400px;
        border-radius: 16px;
        overflow: hidden;
    }

    #mainSect1 .swiper-slide .info {
        float: left;
        width: 560px;
        padding-top: 27px;
        padding-left: 60px;
    }

        /*#mainSect1 .swiper-slide .info .title {
            display: block;
            margin-bottom: 48px;
            font-size: 36px;
            font-weight: 300;
            color: #000;
        }*/

        #mainSect1 .swiper-slide .info .title {
            display: block;
            margin-bottom: 48px;
            font-size: 36px; /* font-weight:300;220414 수정 */
            font-weight: 400;
            color: #000;
        }



            #mainSect1 .swiper-slide .info .title b {
                font-size: 52px;
                font-weight: 900;
            }

            #mainSect1 .swiper-slide .info .title img {
                height: 48px;
                vertical-align: baseline
            }


        /*#mainSect1 .swiper-slide .info .text {
            display: block;
            margin-bottom: 72px;
            font-size: 20px;
            font-weight: 300;
            line-height: 1.4;
            color: #000;
        }*/


        #mainSect1 .swiper-slide .info .text {
            display: block;
            margin-bottom: 72px;
            font-size: 20px; /* font-weight:300;220414 수정 */
            font-weight: 400;
            line-height: 1.4;
            color: #000;
        }


        #mainSect1 .swiper-slide .info .more {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            padding-right: 86px;
            background: url(/images/common/slide_ico_more@2x.png) no-repeat 100% 50% / auto 50px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.14px;
            text-align: left;
            color: #000;
        }

#mainSect1 .swiper-tools {
}

@media all and (max-width:1340px) {
    #mainSect1 .swiper-container {
        padding-bottom: 7.6rem;
    }

    #mainSect1 .swiper-slide .thumb {
        width: 62rem;
        height: 40rem;
        border-radius: 1.6rem;
    }

    #mainSect1 .swiper-slide .info {
        width: 56rem;
        padding-top: 2.7rem;
        padding-left: 6rem;
    }

        #mainSect1 .swiper-slide .info .title {
            margin-bottom: 4.8rem;
            font-size: 3.6rem;
        }

            #mainSect1 .swiper-slide .info .title b {
                font-size: 5.2rem;
            }

        #mainSect1 .swiper-slide .info .text {
            margin-bottom: 7.2rem;
            font-size: 2rem;
        }

        #mainSect1 .swiper-slide .info .more {
            height: 5rem;
            line-height: 5rem;
            padding-right: 8.6rem;
            background-size: auto 5rem;
            font-size: 1.4rem;
        }

    #mainSect1 .swiper-tools {
    }
}

@media all and (max-width:1180px) {
    #mainSect1 .swiper-slide .thumb {
        width: 52%;
        height: auto;
    }

    #mainSect1 .swiper-slide .info {
        width: 48%;
        padding-top: 2.5rem;
        padding-left: 5rem;
    }

        #mainSect1 .swiper-slide .info .title {
            margin-bottom: 4rem;
            font-size: 3.6rem;
        }

            #mainSect1 .swiper-slide .info .title b {
                font-size: 4.2rem;
            }

        #mainSect1 .swiper-slide .info .text {
            margin-bottom: 4rem;
        }
}

@media all and (max-width:1024px) {
    #mainSect1 .swiper-slide .thumb {
        width: 52%;
    }

    #mainSect1 .swiper-slide .info {
        width: 48%;
        padding-top: 1rem;
        padding-left: 4.5rem;
    }

        #mainSect1 .swiper-slide .info .title {
            margin-bottom: 2rem;
            font-size: 3.2rem;
        }

            #mainSect1 .swiper-slide .info .title b {
                font-size: 3.8rem;
            }

        #mainSect1 .swiper-slide .info .text {
            margin-bottom: 3rem;
        }
}

@media all and (max-width:640px) {
    #mainSect1 .swiper-slide .thumb {
        float: none;
        width: 100%;
    }

    #mainSect1 .swiper-slide .info {
        float: none;
        width: 100%;
        padding: 3rem 1rem;
    }
}

@media all and (max-width:480px) {
    #mainSect1 .swiper-tools .swiper-arrow {
        display: none;
    }

    #mainSect1 .swiper-tools .swiper-count {
        position: relative;
        width: 100%;
        margin-top: 0;
        padding: 0 22px;
    }

    #mainSect1 .swiper-tools .swiper-pagination {
        width: 100%;
        margin: 0;
    }

    #mainSect1 .swiper-tools .swiper-count span.current {
        position: absolute;
        top: 0;
        left: 0;
        width: 22px;
        text-align: left;
    }

    #mainSect1 .swiper-tools .swiper-count span.total {
        position: absolute;
        top: 0;
        right: 0;
        width: 22px;
        text-align: right;
    }
}










#mainSect4 {
    overflow: hidden;
}

    #mainSect4 .sect-swiper {
        position: relative;
    }

    #mainSect4 .swiper-container {
        position: relative;
    }

    #mainSect4 .slide_inner {
        width: 100%;
    }

        #mainSect4 .slide_inner::after {
            display: block;
            clear: both;
            content: '';
        }

    #mainSect4 .swiper-slide {
        width: 100%;
    }

        #mainSect4 .swiper-slide a {
            display: block;
            position: relative;
        }

            #mainSect4 .swiper-slide a::after {
                display: block;
                clear: both;
                content: '';
            }

        #mainSect4 .swiper-slide .thumb {
            float: left;
            width: 520px;
            height: 520px;
            padding: 132px;
            background-color: #fafafa;
            border-radius: 50%;
        }

        #mainSect4 .swiper-slide .info {
            float: left;
            width: 660px;
            padding: 97px 0 97px 120px;
        }

            #mainSect4 .swiper-slide .info .title {
                display: block;
                margin-bottom: 24px;
                font-size: 20px;
                font-weight: 700;
                line-height: 1.5;
                color: #000;
            }

            #mainSect4 .swiper-slide .info .text {
                display: block;
                margin-bottom: 64px;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.5;
                color: #000;
            }

            #mainSect4 .swiper-slide .info .more {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                padding-right: 86px;
                background: url(/images/common/slide_ico_more@2x.png) no-repeat 100% 50% / auto 50px;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: -0.14px;
                text-align: left;
                color: #000;
            }

    #mainSect4 .swiper-tools {
        bottom: 97px;
        left: 640px;
    }

        #mainSect4 .swiper-tools .swiper-scroll,
        #mainSect4 .swiper-tools .btn-swiper-play {
            display: none;
        }

@media all and (max-width:1340px) {
    #mainSect4 .swiper-slide .thumb {
        width: 52rem;
        height: 52rem;
        padding: 13.2rem;
    }

    #mainSect4 .swiper-slide .info {
        width: 66rem;
        padding: 9.7rem 0 9.7rem 12rem;
    }

        #mainSect4 .swiper-slide .info .title {
            margin-bottom: 2.4rem;
            font-size: 2rem;
        }

        #mainSect4 .swiper-slide .info .text {
            margin-bottom: 6.4rem;
            font-size: 1.6rem;
        }

        #mainSect4 .swiper-slide .info .more {
            height: 5rem;
            line-height: 5rem;
            padding-right: 8.6rem;
            -webkit-background-size: auto 5rem;
            background-size: auto 5rem;
            font-size: 1.4rem;
        }

    #mainSect4 .swiper-tools {
        bottom: 9.7rem;
        left: 64rem;
    }
}

@media all and (max-width:1180px) {
    #mainSect4 .swiper-slide .thumb {
        width: 44%;
        height: auto;
    }

    #mainSect4 .swiper-slide .info {
        float: right;
        width: 50%;
        padding: 6rem 0
    }

    #mainSect4 .swiper-tools {
        left: 50%;
    }
}

@media all and (max-width:1024px) {
    #mainSect4 .swiper-slide .thumb {
        padding: 10rem;
    }

    #mainSect4 .swiper-slide .info {
        padding: 5rem 0
    }

    #mainSect4 .swiper-tools {
        bottom: 5rem;
        left: 50%;
    }

    #mainSect4 .swiper-slide .info .text {
        margin-bottom: 4rem;
    }
}

@media all and (max-width:768px) {
    #mainSect4 .swiper-slide .thumb {
        padding: 8rem;
    }
}

@media all and (max-width:640px) {
    #mainSect4 .swiper-slide .thumb {
        width: 46%;
        padding: 5rem;
    }

    #mainSect4 .swiper-slide .info {
        padding: 1rem 0
    }

        #mainSect4 .swiper-slide .info .text {
            margin-bottom: 3rem;
        }

    #mainSect4 .swiper-tools {
        bottom: 1rem;
        left: 50%;
    }

        #mainSect4 .swiper-tools .swiper-pagination {
            width: 10rem;
        }
}

@media all and (max-width:480px) {
    #mainSect4 {
        overflow: hidden;
    }

        #mainSect4 .sect-swiper {
            margin-bottom: 30.4rem;
            padding: 0 10px;
        }

        #mainSect4 .swiper-container {
            position: relative;
            overflow: visible;
        }

        #mainSect4 .swiper-slide .thumb {
            float: none;
            width: 100%;
            padding: 10rem;
        }

        #mainSect4 .swiper-slide .info {
            float: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            padding: 3rem 1rem;
        }

        #mainSect4 .swiper-tools {
            position: static;
            bottom: auto;
            left: auto;
        }

            #mainSect4 .swiper-tools .swiper-count {
                display: none;
            }

    .swiper-tools .swiper-arrow {
        display: inline-block;
        margin-top: auto;
        margin-left: auto;
    }

    .swiper-tools .swiper-button-next,
    .swiper-tools .swiper-button-prev {
        display: block;
        position: absolute;
        top: 50%;
        width: 5.4rem;
        height: 5.4rem;
        margin-right: 0;
        margin-top: -2.7rem;
        background-size: 100% 100%;
    }

    .swiper-tools .swiper-button-next {
        right: 0;
        background-image: url(/images/common/slide_ico_next_m@2x.png);
    }

    .swiper-tools .swiper-button-prev {
        left: 0;
        background-image: url(/images/common/slide_ico_prev_m@2x.png);
    }
}

@media all and (max-width:380px) {
    #mainSect4 .swiper-slide .thumb {
        padding: 8rem;
    }
}

#mainSect5 {
    border-radius: 24px;
    background: url(/images/common/sect5_bg.png) no-repeat 50% 50% / cover;
}

    #mainSect5 .inner {
        height: 618px;
        padding: 80px 0;
        background-color: rgba(0, 0, 0, 0.8);
        text-align: center;
    }

    #mainSect5 .sect-title {
        margin-bottom: 60px;
        font-size: 36px;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }

    #mainSect5 .sect-title {
        -ms-word-break: keep-all;
        word-break: keep-all;
    }
    /* 220414 추가 및 수정사항 */
    #mainSect5 .sect-list {
        width: 896px;
        margin: 0 auto;
    }

        #mainSect5 .sect-list::after {
            display: block;
            clear: both;
            content: '';
        }

        #mainSect5 .sect-list > li {
            float: left;
            width: 448px;
            padding: 0 24px;
        }

            #mainSect5 .sect-list > li a {
                display: block;
                height: 294px;
                padding: 24px 10px 10px;
                border-radius: 24px;
                background-color: #fff;
                font-size: 24px;
                font-weight: 300;
                line-height: 1.25;
                text-align: center;
                color: #000;
            }

            #mainSect5 .sect-list > li i {
                display: block;
                width: 128px;
                height: 128px;
                margin: 0 auto 16px;
            }

                #mainSect5 .sect-list > li i img {
                    width: 100%
                }

            #mainSect5 .sect-list > li span {
                display: block;
                padding-bottom: 60px;
                background: url(/images/common/sect5_list_bullet@2x.png) no-repeat 50% 100% / 36px 36px;
                font-size: 24px;
                font-weight: 300;
                line-height: 1.25;
                text-align: center;
                color: #000;
            }

@media all and (max-width:1340px) {
    #mainSect5 {
        border-radius: 2.4rem;
    }

        #mainSect5 .inner {
            height: auto;
            padding: 8rem 12rem;
        }

        #mainSect5 .sect-title {
            margin-bottom: 6rem;
            font-size: 3.6rem;
        }

        #mainSect5 .sect-list {
            width: 100%;
        }

            #mainSect5 .sect-list > li {
                width: 50%;
                padding: 0 2.4rem;
            }

                #mainSect5 .sect-list > li a {
                    height: 29.4rem;
                    padding: 2.4rem 1rem 1rem;
                    border-radius: 2.4rem;
                    font-size: 2.4rem;
                }

                #mainSect5 .sect-list > li i {
                    width: 12.8rem;
                    height: 12.8rem;
                    margin: 0 auto 1.6rem;
                }

                #mainSect5 .sect-list > li span {
                    padding-bottom: 6rem;
                    -webkit-background-size: 3.6rem 3.6rem;
                    background-size: 3.6rem 3.6rem;
                    font-size: 2.4rem;
                }
}

@media all and (max-width:768px) {
    #mainSect5 .inner {
        height: auto;
        padding: 6rem 2.5rem;
    }

    #mainSect5 .sect-list > li {
        padding: 0 1.5rem;
    }

        #mainSect5 .sect-list > li a {
            padding: 2.4rem 0 1rem;
        }

        #mainSect5 .sect-list > li span {
            font-size: 2.2rem;
        }
}

@media all and (max-width:480px) {
    #mainSect5 .inner {
        height: auto;
        padding: 4.5rem 2.5rem;
    }

    #mainSect5 .sect-title {
        margin-bottom: 3.5rem;
    }

    #mainSect5 .sect-list > li {
        float: none;
        width: 100%;
        margin-top: 2rem;
        padding: 0
    }

        #mainSect5 .sect-list > li a {
            height: auto;
            padding: 2.4rem 1rem
        }

        #mainSect5 .sect-list > li span {
            padding-bottom: 0;
            background: none;
        }
}

.swiper-wrap {
    position: relative;
}

    .swiper-wrap .swiper-slide {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
    }

        .swiper-wrap .swiper-slide .thumb {
            background-color: #c4c4c4;
        }

            .swiper-wrap .swiper-slide .thumb img {
                width: 100%;
            }

        .swiper-wrap .swiper-slide .info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 24px;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        }

            .swiper-wrap .swiper-slide .info span {
                display: block;
                line-height: 1.5;
                color: #fff;
            }

            .swiper-wrap .swiper-slide .info .title {
                margin-bottom: 6px;
                font-size: 20px;
                font-weight: 700;
            }

            .swiper-wrap .swiper-slide .info .text {
                font-size: 16px; /* font-weight:300; 220414 수정 */
                font-weight: 400;
            }

            .swiper-wrap .swiper-slide .info .price {
                margin-top: 24px;
                font-size: 24px; /* font-weight:300; 220414 수정 */
                font-weight: 400;
            }

                .swiper-wrap .swiper-slide .info .price b {
                    font-weight: 700;
                }

    .swiper-wrap .swiper-pagination {
        width: auto;
        left: auto;
        bottom: 20px;
        right: 20px;
        padding: 5px 11px;
        background-color: rgba(0,0,0,0.1);
        border-radius: 15px;
        font-size: 12px;
        line-height: 1.08;
        text-align: center;
        color: #fff;
    }

    .swiper-wrap .swiper-button-next, .swiper-wrap .swiper-button-prev {
        top: 50%;
        width: 48px;
        height: 48px;
        margin-top: -24px;
    }

    .swiper-wrap .swiper-button-next {
        right: -84px;
        background: url(/images/common/swiper_arrow_next@2x.png) no-repeat 0 0 / 100% 100%
    }

    .swiper-wrap .swiper-button-prev {
        left: -84px;
        background: url(/images/common/swiper_arrow_prev@2x.png) no-repeat 0 0 / 100% 100%
    }

    .swiper-wrap .swiper-button-disabled {
        opacity: 0.3;
    }

@media all and (max-width:1340px) {
    .swiper-wrap .swiper-button-next, .swiper-wrap .swiper-button-prev {
        display: none;
    }

    .swiper-wrap .swiper-slide {
        border-radius: 1.6rem;
    }

        .swiper-wrap .swiper-slide .info {
            padding: 2.4rem;
        }

            .swiper-wrap .swiper-slide .info .title {
                margin-bottom: .6rem;
                font-size: 2rem;
            }

            .swiper-wrap .swiper-slide .info .text {
                font-size: 1.6rem
            }

            .swiper-wrap .swiper-slide .info .price {
                margin-top: 2.4rem;
                font-size: 2.4rem;
            }

    .swiper-wrap .swiper-pagination {
        bottom: 2rem;
        right: 2rem;
        padding: .5rem 1.1rem;
        border-radius: 1.5rem;
        font-size: 12px;
    }

    .swiper-wrap .swiper-button-next, .swiper-wrap .swiper-button-prev {
        top: 50%;
        width: 4.8rem;
        height: 4.8rem;
        margin-top: -2.4rem;
    }

    .swiper-wrap .swiper-button-next {
        right: -8.4rem;
    }

    .swiper-wrap .swiper-button-prev {
        left: -8.4rem;
    }

    .swiper-wrap .swiper-button-disabled {
    }
}


#mainSect2 .swiper-slide .thumb img {
    width: 100%;
    height:250px;
    border-radius: 1.6rem;
}



@media all and (max-width:780px) {
    .swiper-wrap .swiper-slide {
        width: 24rem;
    }



    #mainSect2 .swiper-slide .thumb {
        width: 100%;
        /*height: auto;*/
        height: 160px;
        border-radius: 1.6rem;
    }
}



    @media all and (max-width:480px) {
        .swiper-wrap .swiper-slide {
            width: 24rem;
        }



        #mainSect2 .swiper-slide .thumb {
            width: auto;
            /*height: auto;*/
            height: 160px;
            border-radius: 1.6rem;
        }


            #mainSect2 .swiper-slide .thumb img {
                width: auto;
                height: 160px;
                border-radius: 1.6rem;
            }

        #mainSect2 .swiper-slide .info {
            width: 62%;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 62%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 62%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 62%);
            border-radius: 1.6rem;
        }

        #mainSect2 .swiper-slide {
            border-radius: 1.6rem;
        }
    }
    /*#contentSect3 .swiper-wrapper .swiper-slide{}

#contentSect3 .swiper-wrapper{position:relative;margin:0 -50px;display:block;}
#contentSect3 .swiper-wrapper::after{display:block;clear:both;content:'';}
#contentSect3 .swiper-wrapper .swiper-slide{float:left;width:33.33%;padding:0 50px;}
#contentSect3 .swiper-wrapper .swiper-slide:nth-child(n+4){margin-top:40px;}
#contentSect3 .swiper-wrapper .swiper-slide a{display:block;}
#contentSect3 .swiper-wrapper .swiper-slide .image{margin:0 0 12px;padding:70px;border-radius:50%;background-color:#fafafa;}
#contentSect3 .swiper-wrapper .swiper-slide .image img{width:100%;}
#contentSect3 .swiper-wrapper .swiper-slide .title{font-size:20px;font-weight:700;line-height:1.5;text-align:center;color:#000;}

@media all and (max-width:1340px){
#contentSect3 .swiper-wrapper{margin:0 -4rem;}
#contentSect3 .swiper-wrapper .swiper-slide{padding:0 4rem;}
#contentSect3 .swiper-wrapper .swiper-slide:nth-child(n+4){margin-top:4rem;}
#contentSect3 .swiper-wrapper .swiper-slide .image{margin:0 0 1.2rem;padding:6rem;}
#contentSect3 .swiper-wrapper .swiper-slide .title{font-size:2rem;}
}
@media all and (max-width:1024px){
	#contentSect3 .swiper-wrapper{margin:0 -3rem;}
	#contentSect3 .swiper-wrapper .swiper-slide{padding:0 3rem;}
	#contentSect3 .swiper-wrapper .swiper-slide .image{padding:5rem;}
}

@media all and (max-width:768px){
	#contentSect3 .swiper-wrapper{margin:0 -2rem;}
	#contentSect3 .swiper-wrapper .swiper-slide{padding:0 2rem;}
	#contentSect3 .swiper-wrapper .swiper-slide .image{padding:4rem;}
}
@media all and (max-width:640px){
	#contentSect3 .swiper-wrapper .swiper-slide .image{padding:3rem;}
}
@media all and (max-width:480px){
	#contentSect3 .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	#contentSect3 .swiper-wrapper{margin:0}
	#contentSect3 .swiper-wrapper .swiper-slide{width:20rem;padding:0;}
	#contentSect3 .swiper-wrapper .swiper-slide:nth-child(n+4){margin-top:0;}
}
@media all and (max-width:480px){

}*/

    .content-title {
        position: relative;
        margin-bottom: 24px;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.33;
        color: #000;
    }

        .content-title .sub-title {
            margin-top: 6px;
            font-size: 40px;
            font-weight: 300;
            line-height: 1.3;
            color: #000;
        }

    @media all and (max-width:1340px) {
        .content-title {
            margin-bottom: 2.4rem;
            font-size: 2.4rem;
        }

            .content-title .sub-title {
                margin-top: 6px;
                font-size: 4rem;
            }
    }

    @media all and (max-width:1024px) {
    }

    @media all and (max-width:768px) {
    }

    @media all and (max-width:480px) {
    }

    .board-list {
        margin-bottom: 36px;
    }

        .board-list > li {
            border-bottom: 1px solid #ddd;
        }

            .board-list > li > a {
                position: relative;
                display: block;
                padding: 24px 0;
            }

        .board-list .title {
            margin-bottom: 6px;
            font-size: 24px;
            font-weight: 300;
            line-height: 1.5;
            color: #000;
        }

        .board-list .info {
        }

            .board-list .info::after {
                display: block;
                clear: both;
                content: '';
            }

            .board-list .info span {
                position: relative;
                display: block;
                float: left;
                padding-right: 13px;
                margin-right: 12px;
                font-size: 16px;
                line-height: 1.5;
                text-align: left;
                color: #707070;
            }

                .board-list .info span::after {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 1px;
                    height: 10px;
                    margin-top: -5px;
                    background-color: #c4c4c4;
                }

                .board-list .info span:last-child:after {
                    display: none;
                }

                .board-list .info span.black {
                    color: #000;
                }

                .board-list .info span.point {
                    color: #ff9f46;
                }

    .board-list-state > li > a {
        padding-left: 72px
    }

        .board-list-state > li > a .state {
            position: absolute;
            top: 50%;
            left: 0;
            width: 56px;
            height: 56px;
            line-height: 56px;
            margin-top: -28px;
            border-radius: 50%;
            background-color: #fff;
            font-size: 20px;
            text-align: center;
            color: #fff;
        }

            .board-list-state > li > a .state.type1 {
                background-color: #c4c4c4;
            }

            .board-list-state > li > a .state.type2 {
                background-color: #6f868d;
            }

            .board-list-state > li > a .state.type3 {
                line-height: 54px;
                border: 1px solid #ddd;
                color: #cbcbcb;
            }



            .board-list-state > li > a .state.type4 {
                line-height: 54px;
                border: 1px solid #ec7c1b;
                /*color: #f99238;*/
                background-color: #f99238;
            }

    .board-list-faq > li > a {
        padding-left: 72px
    }

        .board-list-faq > li > a .faq {
            position: absolute;
            top: 50%;
            left: 0;
            width: 56px;
            height: 56px;
            line-height: 54px;
            margin-top: -28px;
            border: 1px solid #000;
            border-radius: 50%;
            font-size: 20px;
            text-align: center;
            color: #000;
        }

            .board-list-faq > li > a .faq.type1 {
            }

            .board-list-faq > li > a .faq.type2 {
                border-color: #ff5c00;
                color: #ff5c00;
            }

            .board-list-faq > li > a .faq.type3 {
                border-color: #06f;
                color: #06f;
            }

    .board-list-lease > li > a {
        padding-left: 72px
    }

        .board-list-lease > li > a .lease {
            position: absolute;
            top: 50%;
            left: 0;
            width: 56px;
            height: 56px;
            line-height: 56px;
            margin-top: -28px;
            border-radius: 50%;
            background-color: #fff;
            font-size: 20px;
            text-align: center;
            color: #fff;
        }

            .board-list-lease > li > a .lease.type1 {
                background-color: #ff9f46;
            }

            .board-list-lease > li > a .lease.type2 {
                background-color: #5c5c5c;
            }

    @media all and (max-width:1340px) {
        .board-list {
            margin-bottom: 3.6rem;
        }

            .board-list > li > a {
                padding: 2.4rem 0;
            }

            .board-list .title { /* margin-bottom:6px;*/
                font-size: 2.4rem;
            }

            .board-list .info span {
                padding-right: 1.3rem;
                margin-right: 1.2rem;
                font-size: 1.6rem;
            }

                .board-list .info span::after {
                    height: 1rem;
                    margin-top: -0.5rem;
                }

        .board-list-state > li > a {
            padding-left: 7.2rem
        }

            .board-list-state > li > a .state {
                width: 5.6rem;
                height: 5.6rem;
                line-height: 5.6rem;
                margin-top: -2.8rem;
                font-size: 2rem;
            }

                .board-list-state > li > a .state.type3 {
                    line-height: 5.4rem;
                    border: .1rem solid #ddd;
                }




        .board-list-faq > li > a {
            padding-left: 7.2rem
        }

            .board-list-faq > li > a .faq {
                width: 5.6rem;
                height: 5.6rem;
                line-height: 5.4rem;
                margin-top: -2.8rem;
                border: .1rem solid #000;
                font-size: 2rem;
            }

        .board-list-lease > li > a {
            padding-left: 7.2rem
        }

            .board-list-lease > li > a .lease {
                width: 5.6rem;
                height: 5.6rem;
                line-height: 5.6rem;
                margin-top: -2.8rem;
                font-size: 2rem;
            }
    }

    .board-list-box {
        margin-bottom: 80px;
        padding: 36px 36px 60px;
        border: solid 1px #000;
        background-color: #fff;
    }

    .board-list-box-head {
        position: relative;
    }

        .board-list-box-head .title {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            text-align: left;
            color: #000;
        }

        .board-list-box-head .tabs {
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .board-list-box-head .tabs > li {
                float: left;
            }

                .board-list-box-head .tabs > li + li {
                    margin-left: 36px;
                }

                .board-list-box-head .tabs > li a {
                    font-size: 14px;
                    color: #707070;
                }

                .board-list-box-head .tabs > li.on a {
                    color: #000;
                }

    .board-list-btn > li > a {
        padding-left: 0;
        padding-right: 160px;
    }

        .board-list-btn > li > a .btn {
            position: absolute;
            top: 50%;
            right: 0;
            width: 120px;
            height: 52px;
            line-height: 52px;
            margin-top: -26px;
            border-radius: 12px;
            background-color: #5c5c5c;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            text-align: center;
        }

            .board-list-btn > li > a .btn.type1 {
                background-color: #5c5c5c;
            }

            .board-list-btn > li > a .btn.type2 {
                line-height: 50px;
                border: solid 1px #000;
                background-color: #fff;
                color: #000;
            }

            .board-list-btn > li > a .btn.type3 {
                background-color: #ededed;
                color: #000;
            }

            .board-list-btn > li > a .btn.type4 {
                background-color: #fafafa;
                color: #cbcbcb;
            }

    @media all and (max-width:1340px) {
        .board-list-box {
            margin-bottom: 8rem;
            padding: 3.6rem 3.6rem 6rem;
        }

        .board-list-box-head .title {
            font-size: 1.6rem;
        }

        .board-list-box-head .tabs {
            bottom: auto;
            top: 0;
        }

            .board-list-box-head .tabs > li + li {
                margin-left: 3.6rem;
            }

            .board-list-box-head .tabs > li a {
                font-size: 1.4rem;
            }

        .board-list-btn > li > a {
            padding-right: 16rem;
        }

            .board-list-btn > li > a .btn {
                width: 12rem;
                height: 5.2rem;
                line-height: 5.2rem;
                margin-top: -2.6rem;
                border-radius: 1.2rem;
                font-size: 1.6rem;
            }

                .board-list-btn > li > a .btn.type2 {
                    line-height: 5rem;
                    border: solid .1rem #000;
                }
    }

    @media all and (max-width:1340px) {
        .board-list-btn > li > a {
            padding-right: 0;
        }

            .board-list-btn > li > a .btn {
                position: relative;
                top: auto;
                right: auto;
                width: 100%;
                margin-top: 1.6rem;
            }
    }

    .board-control {
        position: relative;
        min-height: 60px
    }

    .paging {
        text-align: center;
        font-size: 0;
    }

        .paging a {
            display: inline-block;
            width: 36px;
            height: 36px;
            margin: 0 3px;
            line-height: 34px;
            border: solid 1px #ddd;
            background-color: #fff;
            font-family: 'Montserrat';
            font-size: 14px;
            text-align: center;
            color: #000;
            letter-spacing: -0.14px;
        }

            .paging a.active {
                border: solid 1px #000;
            }

            .paging a.prev,
            .paging a.next {
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: 16px 16px;
                text-indent: -9999px;
                font-size: 0;
            }

            .paging a.prev {
                background-image: url(/images/common/paging_prev@2x.png);
            }

            .paging a.next {
                background-image: url(/images/common/paging_next@2x.png);
            }


.rboard-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
}

    .rboard-btn::after {
        display: block;
        clear: both;
        content: '';
    }

    .rboard-btn a {
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        margin-left: 12px;
        border-radius: 12px;
        background-color: #000;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-align: center;
    }

        .rboard-btn a.list {
            background-color: #acacac;
        }

        .rboard-btn a.line {
            line-height: 30px;
            border: solid 1px #000;
            background-color: #fff;
            color: #000;
        }



    .board-btn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
    }

        .board-btn::after {
            display: block;
            clear: both;
            content: '';
        }

        .board-btn a {
            display: inline-block;
            width: 160px;
            height: 60px;
            line-height: 60px;
            margin-left: 12px;
            border-radius: 12px;
            background-color: #000;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            text-align: center;
        }

            .board-btn a.list {
                background-color: #acacac;
            }

            .board-btn a.line {
                line-height: 58px;
                border: solid 1px #000;
                background-color: #fff;
                color: #000;
            }

    .content-title .board-btn {
        top: auto;
        bottom: 0;
    }

    @media all and (max-width:1340px) {

        .board-control {
            min-height: 6rem
        }

        .paging a {
            width: 3.6rem;
            height: 3.6rem;
            margin: 0 0.3rem;
            line-height: 3.4rem;
            border: solid .1rem #ddd;
            font-size: 1.4rem;
        }

            .paging a.active {
                border: solid .1rem #000;
            }

            .paging a.prev,
            .paging a.next {
                background-size: 1.6rem 1.6rem;
            }

        .board-btn a {
            width: 16rem;
            height: 6rem;
            line-height: 6rem;
            margin-left: 1.2rem;
            border-radius: 1.2rem;
            font-size: 1.6rem;
        }

            .board-btn a.line {
                line-height: 5.8rem;
                border: solid .1rem #000;
            }



        .rboard-btn a {
            width: 16rem;
            height: 6rem;
            line-height: 6rem;
            margin-left: 1.2rem;
            border-radius: 1.2rem;
            font-size: 1.6rem;
        }

            .rboard-btn a.line {
                line-height: 5.8rem;
                border: solid .1rem #000;
            }


    }

    @media all and (max-width:480px) {
        .board-btn {
            position: relative;
            top: auto;
            right: auto;
            margin-top: 1.6rem;
        }





            .rboard-btn a {
              
                width: 80px;
                height: 30px;
                line-height: 30px;
                margin-left: 12px;
                border-radius: 12px;
                background-color: #000;
                font-size: 16px;
                font-weight: 500;
                color: #fff;
                text-align: center;
            }



        .paging + .board-btn {
            margin-top: 3.6rem;
        }

        .board-btn a {
            width: 100%;
            margin: 0;
        }


      

        .board-btn.type2 a {
            display: block;
            float: left;
            width: calc(50% - 6px);
        }

            .board-btn.type2 a + a {
                float: right;
            }
    }

    .board-notice {
        position: relative;
        margin-top: 80px;
        padding: 48px 10px;
        border: solid 4px #000;
        background-color: #fafafa;
        text-align: center;
    }

    .board-notice-text {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        text-align: center;
        color: #000;
    }

    .board-notice .board-btn {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 36px;
    }

    .board-message {
        position: relative;
        margin-top: 80px;
        padding: 48px 24px;
        border: solid 1px #d2d2d2;
        background-color: #fafafa;
        text-align: center;
    }

    .board-message-text {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        text-align: center;
        color: #000;
    }

    .board-message-list li {
        position: relative;
        padding: 0 0 0 22px;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        text-align: left;
        color: #000;
    }

        .board-message-list li:before {
            content: '';
            position: absolute;
            top: 13px;
            left: 9px;
            width: 5px;
            height: 5px;
            border-radius: 75%;
            background-color: #000000;
        }

    .board-message .board-btn {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 36px;
    }

    @media all and (max-width:1340px) {
        .board-notice {
            margin-top: 8rem;
            padding: 4.8rem 3rem;
            border: solid .4rem #000;
        }

        .board-notice-text {
            font-size: 2.4rem;
        }

        .board-notice .board-btn {
            margin-top: 3.6rem;
        }

        .board-message {
            margin-top: 8rem;
            padding: 4.8rem 2.4rem;
        }

        .board-message-text {
            font-size: 2.4rem;
        }

        .board-message-list li {
            padding: 0 0 0 2.2rem;
            font-size: 2.4rem;
        }

            .board-message-list li:before {
                top: 1.3rem;
                left: .9rem;
                width: .5rem;
                height: .5rem;
            }

        .board-message .board-btn {
            margin-top: 3.6rem;
        }
    }

    .board-detail {
        margin-bottom: 36px;
        padding: 36px 36px 60px;
        border: solid 1px #000;
        background-color: #fff;
    }

    .board-detail-item {
        margin-bottom: 24px;
        padding-bottom: 36px;
        border-bottom: 1px solid #d2d2d2;
    }

    .board-detail-title {
        margin-bottom: 24px;
        font-size: 28px;
        font-weight: 300;
        line-height: 1.5;
        color: #000;
    }

        .board-detail-title b {
            font-weight: 500;
        }

    .board-detail-float {
        position: relative;
        padding-left: 256px;
    }

        .board-detail-float::after {
            display: block;
            clear: both;
            content: '';
        }

        .board-detail-float .image {
            position: absolute;
            top: 0;
            left: 0;
        }

    .board-detail-data {
        padding-top: 2px;
    }

        .board-detail-data > li {
            display: table;
        }

            .board-detail-data > li + li {
                margin-top: 24px;
            }

            .board-detail-data > li > div {
                display: table-cell;
                line-height: 28px;
                font-size: 20px;
                text-align: left;
                color: #000;
                vertical-align: middle;
            }

                .board-detail-data > li > div + div {
                    padding-left: 16px;
                }

                .board-detail-data > li > div em {
                    font-weight: 300;
                }

                .board-detail-data > li > div b {
                    display: inline-block;
                    padding-left: 2px;
                    font-weight: 700;
                }

                .board-detail-data > li > div p {
                    position: relative;
                    display: inline-block;
                }

                    .board-detail-data > li > div p + p {
                        margin-left: 8px;
                        padding-left: 9px;
                    }

                        .board-detail-data > li > div p + p::before {
                            display: block;
                            clear: both;
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 0;
                            width: 1px;
                            height: 12px;
                            margin-top: -6px;
                            background-color: #c4c4c4;
                        }

            .board-detail-data > li.full {
                display: block;
            }

                .board-detail-data > li.full > div {
                    display: block;
                }

                    .board-detail-data > li.full > div + div {
                        margin-top: 12px;
                        padding: 0;
                    }

        .board-detail-data select {
            width: 340px;
        }

    .board-detail-sum {
        text-align: right;
    }

        .board-detail-sum span, .board-detail-sum b {
            display: inline-block;
            color: #000;
            vertical-align: bottom;
        }

        .board-detail-sum span {
            padding-left: 4px;
            font-size: 20px;
            font-weight: 300;
            line-height: 1.9;
        }

        .board-detail-sum b {
            padding-left: 24px;
            font-family: 'Montserrat';
            font-size: 36px;
            font-weight: 700;
            line-height: 1.22;
            letter-spacing: -0.36px;
        }

    @media all and (max-width:1340px) {
        .board-detail {
            margin-bottom: 3.6rem;
            padding: 3.6rem 3.6rem 6rem;
        }

        .board-detail-item {
            margin-bottom: 2.4rem;
            padding-bottom: 3.6rem;
        }

        .board-detail-title {
            margin-bottom: 2.4rem;
            font-size: 2.8rem;
        }

        .board-detail-float {
            padding-left: 25.6rem;
        }

            .board-detail-float .image img {
                width: 22rem;
            }
        /* .board-detail-data{padding-top:2px;} */
        .board-detail-data > li + li {
            margin-top: 2.4rem;
        }

        .board-detail-data > li > div {
            line-height: 2.8rem;
            font-size: 2rem;
        }

            .board-detail-data > li > div + div {
                padding-left: 1.6rem;
            }

            .board-detail-data > li > div p + p {
                margin-left: .8rem;
                padding-left: .9rem;
            }

                .board-detail-data > li > div p + p::before {
                    height: 1.2rem;
                    margin-top: -0.6rem;
                }

        .board-detail-data > li.full > div + div {
            margin-top: 1.2rem;
        }

        .board-detail-data select {
            width: 28rem;
        }

        .board-detail-sum span {
            padding-left: 4px;
            font-size: 2rem;
        }

        .board-detail-sum b {
            padding-left: 2.4rem;
            font-size: 3.6rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-float {
            padding-left: 0;
        }

            .board-detail-float .image {
                position: relative;
                top: auto;
                left: auto;
                margin-bottom: 3rem;
            }

                .board-detail-float .image img {
                    width: 100%;
                }
    }

    .board-detail-added {
        margin-top: 24px;
    }

        .board-detail-added > em {
            display: block;
            margin-bottom: 12px;
            font-size: 16px;
            line-height: 2;
            text-align: left;
            color: #000;
            text-decoration: underline;
        }

        .board-detail-added .added-file-list {
        }

            .board-detail-added .added-file-list::after {
                display: block;
                clear: both;
                content: '';
            }

            .board-detail-added .added-file-list > li {
                float: left;
                position: relative;
            }

                .board-detail-added .added-file-list > li + li {
                    margin-left: 12px;
                }

            .board-detail-added .added-file-list .thumb {
            }

                .board-detail-added .added-file-list .thumb img {
                    width: 112px;
                    height: 86px;
                }

            .board-detail-added .added-file-list .delete {
                position: absolute;
                top: 0;
                right: 0;
                width: 28px;
                height: 28px;
                background: url(/images/common/added_file_list_del@2x.png) no-repeat 50% 50% / 16px 16px;
                text-indent: -9999px;
                font-size: 0;
            }

    @media all and (max-width:1340px) {
        .board-detail-added {
            margin-top: 2.4rem;
        }

            .board-detail-added > em {
                margin-bottom: 1.2rem;
                font-size: 1.6rem;
            }

            .board-detail-added .added-file-list > li + li {
                margin-left: 1.2rem;
            }

            .board-detail-added .added-file-list .thumb img {
                width: 11.2rem;
                height: 8.6rem;
            }

            .board-detail-added .added-file-list .delete {
                width: 2.8rem;
                height: 2.8rem;
                background-size: 1.6rem 1.6rem;
            }
    }

    .board-detail-head {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.5;
        text-align: left;
        color: #000;
    }

        .board-detail-head b {
        }

        .board-detail-head .info {
            margin-top: 16px;
        }

            .board-detail-head .info::after {
                display: block;
                clear: both;
                content: '';
            }

            .board-detail-head .info p {
                float: left;
                position: relative;
                margin-right: 12px;
                padding-right: 13px;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
                text-align: left;
                color: #707070
            }

                .board-detail-head .info p::after {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 1px;
                    height: 10px;
                    margin-top: -5px;
                    background-color: #c4c4c4;
                }

                .board-detail-head .info p:last-child {
                    margin-right: 0;
                    padding-left: 0;
                    ;
                }

                    .board-detail-head .info p:last-child::after {
                        display: none;
                    }

                .board-detail-head .info p.read {
                    color: #000;
                }

        .board-detail-head + .board-detail-body {
            margin-top: 30px;
            border-top: 1px solid #d2d2d2;
        }

    .board-detail-body {
        padding: 24px 0 60px;
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #000;
    }

        .board-detail-body .forms-item {
            margin: 8px 0 16px;
        }

            .board-detail-body .forms-item.type-date {
                width: 340px;
            }

        .board-detail-body .forms-item0 {
            margin: 8px 0 16px;
        }


    .board-detail-text {
        font-size: 16px;
        line-height: 1.5;
        text-align: left;
        color: #000;
    }

        .board-detail-text + .board-detail-text {
            margin-top: 16px;
        }

        .board-detail-text b {
            font-weight: 700;
        }

    .board-detail-box, .board-detail-notice {
        margin-top: 12px;
        padding: 24px;
        border: solid 4px #000;
        background-color: #fafafa;
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #000;
    }

    .board-detail-notice {
        margin-top: 48px;
    }

        .board-detail-notice .title {
            font-size: 20px;
            line-height: 1.6;
        }

        .board-detail-notice .list {
            margin-top: 16px;
        }

            .board-detail-notice .list li {
                position: relative;
                padding: 0 0 0 22px
            }

                .board-detail-notice .list li:before {
                    content: '';
                    position: absolute;
                    top: 13px;
                    left: 9px;
                    width: 5px;
                    height: 5px;
                    border-radius: 75%;
                    background-color: #000000;
                }


    .forms-item-search {
        padding: 24px 0 10px;
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #000;
        width: 340px;
        display: inline-block;
    }



    .search-select {
        /*width: 150px;*/
        height: auto;
        padding: .12em .5em;
        border: 1px solid #999;
        font-family: inherit;
        background: url('/images/common/arrow.jpg') no-repeat 95% 50%;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .search-select::-ms-expand {
            display: none;
        }


    .search-input {
        width: 100%;
        height: auto;
        padding: 5px;
        border: 1px solid black;
    }


    .icoNoticeNew {
        overflow: hidden;
        display: inline-block;
        width: 11px;
        height: 11px;
        text-indent: 150%;
        color: transparent;
        font-size: 1px;
        vertical-align: 1px;
        text-align: center;
        background: url(/images/icons/ico_dashboard_new.gif) no-repeat;
        border-radius: 2px;
    }


    @media all and (max-width:1340px) {
        .board-detail-head {
            font-size: 2.8rem;
        }

            .board-detail-head .info {
                margin-top: 1.6rem;
            }

                .board-detail-head .info p {
                    margin-right: 1.2rem;
                    padding-right: 1.3rem;
                    font-size: 1.6rem;
                }

                    .board-detail-head .info p::after {
                        width: 1px;
                        height: 1rem;
                        margin-top: -0.5rem;
                    }

                    .board-detail-head .info p:last-child {
                        margin-right: 0;
                        padding-left: 0;
                        ;
                    }

                        .board-detail-head .info p:last-child::after {
                            display: none;
                        }

            .board-detail-head + .board-detail-body {
                margin-top: 3rem;
            }

        .board-detail-body {
            padding: 2.4rem 0 6rem;
            font-size: 1.6rem;
        }

            .board-detail-body .forms-item {
                margin: 0.8rem 0 1.6rem;
            }

                .board-detail-body .forms-item.type-date {
                    width: 28rem;
                }


        .forms-item-search {
            margin: 0.8rem 0 1.6rem;
        }

        .forms-item-search {
            width: 20rem;
        }


        .board-detail-text {
            font-size: 1.6rem;
        }

            .board-detail-text + .board-detail-text {
                margin-top: 1.6rem;
            }

        .board-detail-box, .board-detail-notice {
            margin-top: 1.2rem;
            padding: 2.4rem;
            border: solid .4rem #000;
            font-size: 1.6rem;
        }

        .board-detail-notice {
            margin-top: 4.8rem;
        }

            .board-detail-notice .title {
                font-size: 2rem;
            }

            .board-detail-notice .list {
                margin-top: 1.6rem;
            }

                .board-detail-notice .list li {
                    padding: 0 0 0 2.2rem
                }

                    .board-detail-notice .list li:before {
                        top: 1.3rem;
                        left: .9rem;
                        width: .5rem;
                        height: .5rem;
                    }
    }

    .board-detail-image {
        margin-top: 24px;
        text-align: left;
    }

    .board-image-list {
        margin-top: 24px;
    }

        .board-image-list::after {
            display: block;
            clear: both;
            content: '';
        }

        .board-image-list > li {
            float: left;
        }

            .board-image-list > li + li {
                margin-left: 12px;
            }

            .board-image-list > li img {
                width: 310px;
                height: 238px;
            }

    .board-detail-state {
        margin: 80px 0 48px;
        padding: 36px 24px;
        background-color: #f4f8fa;
        background-repeat: no-repeat;
        background-position: 50% 36px;
        -webkit-background-size: 128px 128px;
        background-size: 128px 128px;
        font-size: 16px;
        font-weight: 300;
        line-height: 2;
        text-align: center;
        color: #000;
    }

        .board-detail-state.state1 {
            padding-top: 180px;
            background-image: url(/images/common/board_detail_state_ico1@2x.png);
        }

        .board-detail-state.state2 {
            padding-top: 180px;
            background-image: url(/images/common/board_detail_state_ico2@2x.png);
            font-family: 'Montserrat';
            font-size: 36px;
            font-weight: 700;
            line-height: 1.33;
            letter-spacing: -0.36px;
            text-align: center;
            color: #000;
        }

    .board-detail-comment {
    }

        .board-detail-comment .comment-head {
            margin-bottom: 16px;
        }

            .board-detail-comment .comment-head em, .board-detail-comment .comment-head span {
                display: inline-block;
                line-height: 36px;
            }

            .board-detail-comment .comment-head em {
                padding-right: 8px;
                font-size: 24px;
                font-weight: 300;
                color: #000;
            }

            .board-detail-comment .comment-head span {
                font-size: 20px;
                color: #707070;
            }

        .board-detail-comment .comment-rating {
            position: relative;
            margin-top: 24px;
            margin-bottom: 24px;
        }

            .board-detail-comment .comment-rating::after {
                display: block;
                clear: both;
                content: '';
            }

            .board-detail-comment .comment-rating .title {
                float: left;
                width: 52px;
                font-size: 14px;
                font-weight: 300;
                line-height: 36px;
                color: #707070;
            }

            .board-detail-comment .comment-rating .stars {
                float: left;
                width: 210px;
                height: 36px;
                margin: 0;
                vertical-align: top;
                font-size: 0;
                line-height: 0;
                background: url(/images/common/comment_rating_off@2x.png) repeat-x 0 0 / 42px 36px
            }

                .board-detail-comment .comment-rating .stars span {
                    display: block;
                    height: 36px;
                    background: url(/images/common/comment_rating_on@2x.png) repeat-x 0 0 / 42px 36px
                }

            .board-detail-comment .comment-rating .num {
                float: left;
                padding-left: 10px;
                font-family: 'Montserrat';
                font-size: 20px;
                font-weight: 700;
                line-height: 36px;
                letter-spacing: -0.2px;
                color: #000;
            }

            .board-detail-comment .comment-rating .btn {
                position: absolute;
                bottom: 0;
                right: 0;
            }

                .board-detail-comment .comment-rating .btn a {
                    font-size: 16px;
                    line-height: 2;
                    text-align: left;
                    color: #000;
                    text-decoration: underline;
                }

            .board-detail-comment .comment-rating + .board-detail-added {
                margin-bottom: 24px;
            }

        .board-detail-comment .comment-write {
            position: relative;
            margin-bottom: 8px;
            padding-right: 160px;
            border-radius: 12px;
            border: solid 1px #d2d2d2;
            background-color: #fff;
        }

            .board-detail-comment .comment-write .input input {
                height: 60px;
                line-height: 60px;
                border: 0 none;
                border-radius: 12px;
            }

            .board-detail-comment .comment-write .submit {
                position: absolute;
                z-index: 1000; /* 2022-05-24 z-index 설정 안해주면 링크가 제대로 안걸림*/
                top: -1px;
                right: -1px;
                border-radius: 12px;
                border: 1px solid #000;
                overflow: hidden;
            }

                .board-detail-comment .comment-write .submit button {
                    width: 160px;
                    height: 60px;
                    line-height: 60px;
                    background-color: #000;
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    color: #fff
                }

        .board-detail-comment .comment-write-text {
            position: relative;
            font-size: 14px;
            font-weight: 300;
            line-height: 1.71;
            text-align: left;
            color: #707070;
        }

        .board-detail-comment .comment-write-wrap {
            padding-bottom: 48px;
            border-bottom: 1px solid #d2d2d2;
        }

    @media all and (max-width:1340px) {

        .board-detail-image {
            margin-top: 2.4rem;
        }

        .board-image-list {
            margin-top: 2.4rem;
        }

            .board-image-list > li + li {
                margin-left: 1.2rem;
            }

            .board-image-list > li img {
                width: 26rem;
                height: auto;
            }

        .board-detail-state {
            margin: 8rem 0 4.8rem;
            padding: 3.6rem 2.4rem;
            background-position: 50% 3.6rem;
            -webkit-background-size: 12.8rem 12.8rem;
            background-size: 12.8rem 12.8rem;
            font-size: 1.6rem;
        }

            .board-detail-state.state1 {
                padding-top: 18rem;
            }

            .board-detail-state.state2 {
                padding-top: 18rem;
                font-size: 3.6rem;
            }

        .board-detail-comment .comment-head {
            margin-bottom: 1.6rem;
        }

            .board-detail-comment .comment-head em, .board-detail-comment .comment-head span {
                line-height: 3.6rem;
            }

            .board-detail-comment .comment-head em {
                padding-right: .8rem;
                font-size: 2.4rem;
            }

            .board-detail-comment .comment-head span {
                font-size: 2rem;
            }

        .board-detail-comment .comment-rating {
            margin-top: 2.4rem;
            margin-bottom: 2.4rem;
        }

            .board-detail-comment .comment-rating .title {
                width: 5.2rem;
                font-size: 1.4rem;
                line-height: 3.6rem;
            }

            .board-detail-comment .comment-rating .stars {
                width: 21rem;
                height: 3.6rem;
                background-size: 4.2rem 3.6rem
            }

                .board-detail-comment .comment-rating .stars span {
                    height: 3.6rem;
                    background-size: 4.2rem 3.6rem
                }

            .board-detail-comment .comment-rating .num {
                padding-left: 1rem;
                font-size: 2rem;
                line-height: 3.6rem;
            }

            .board-detail-comment .comment-rating .btn a {
                font-size: 1.6rem;
            }

            .board-detail-comment .comment-rating + .board-detail-added {
                margin-bottom: 2.4rem;
            }

        .board-detail-comment .comment-write {
            margin-bottom: .8rem;
            padding-right: 16rem;
            border-radius: 1.2rem;
        }

            .board-detail-comment .comment-write .input input {
                height: 6rem;
                line-height: 6rem;
                border-radius: 1.2rem;
            }

            .board-detail-comment .comment-write .submit {
                border-radius: 1.2rem;
            }

                .board-detail-comment .comment-write .submit button {
                    width: 16rem;
                    height: 6rem;
                    line-height: 6rem;
                    font-size: 1.6rem;
                }

        .board-detail-comment .comment-write-text {
            font-size: 1.4rem;
        }

        .board-detail-comment .comment-write-wrap {
            padding-bottom: 4.8rem;
        }
    }

    @media all and (max-width:1024px) {
        .board-image-list > li img {
            width: 18rem;
        }
    }

    @media all and (max-width:768px) {
        .board-image-list > li img {
            width: 16rem;
        }
    }

    @media all and (max-width:480px) {
        .board-image-list > li img {
            width: 12rem;
        }

        .board-detail-comment .comment-write {
            padding-right: 0;
            border: 0 none;
        }

            .board-detail-comment .comment-write .input input {
                height: 6rem;
                line-height: 6rem;
                border-radius: 1.2rem;
                border: solid 1px #d2d2d2
            }

            .board-detail-comment .comment-write .submit {
                position: relative;
                top: auto;
                right: auto;
                margin-top: 0.8rem;
            }

                .board-detail-comment .comment-write .submit button {
                    width: 100%;
                }
    }

    .board-detail-comment .comment-list {
        margin-top: 24px;
        padding-bottom: 60px;
    }

    .board-detail-comment .comment-list-item {
        position: relative;
        padding: 24px 0;
        border-bottom: 1px solid #d2d2d2;
    }

        .board-detail-comment .comment-list-item > .user {
            font-size: 14px;
            font-weight: 300;
            line-height: 1.71;
            text-align: left;
            color: #000;
        }

            .board-detail-comment .comment-list-item > .user b {
                display: inline-block;
                padding-right: 6px;
                font-weight: 500;
            }

            .board-detail-comment .comment-list-item > .user .btn {
                display: inline-block;
                margin-left: 36px;
            }

                .board-detail-comment .comment-list-item > .user .btn li {
                    position: relative;
                    float: left;
                }

                    .board-detail-comment .comment-list-item > .user .btn li a {
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 1.71;
                        color: #000;
                    }

                    .board-detail-comment .comment-list-item > .user .btn li + li {
                        margin-left: 8px;
                        padding-left: 9px;
                    }

                        .board-detail-comment .comment-list-item > .user .btn li + li::before {
                            display: block;
                            clear: both;
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 0;
                            width: 1px;
                            height: 12px;
                            margin-top: -6px;
                            background-color: #dfdfdf;
                        }
        /*20220427 수정*/
        /*.board-detail-comment .comment-list-item > .text{margin-top:8px;font-size:16px;line-height:2;color:#000;}*/
        /*추가*/
        .board-detail-comment .comment-list-item > .contentStr > .text {
            margin-top: 8px;
            font-size: 16px;
            line-height: 2;
            color: #000;
        }


        .board-detail-comment .comment-list-item > .contentStr {
            margin-top: 8px;
            font-size: 16px;
            line-height: 2;
            color: #000;
        }

        /*추가*/
        .board-detail-comment .comment-list-item > .stitleclass .text {
            margin-top: 8px;
            font-size: 16px;
            line-height: 2;
            color: #000;
        }


        .board-detail-comment .comment-list-item > .stitleclass {
            margin-top: 8px;
            font-size: 16px;
            line-height: 2;
            color: #000;
        }




        .board-detail-comment .comment-list-item > .rating {
            position: relative;
            margin-top: 14px;
            margin-left: -2px;
        }

            .board-detail-comment .comment-list-item > .rating::after {
                display: block;
                clear: both;
                content: '';
            }

            .board-detail-comment .comment-list-item > .rating .stars {
                float: left;
                width: 95px;
                height: 16px;
                margin: 0;
                vertical-align: top;
                font-size: 0;
                line-height: 0;
                background: url(/images/common/comment_rating_off@2x.png) repeat-x 0 0 / 19px 16px
            }

                .board-detail-comment .comment-list-item > .rating .stars span {
                    display: block;
                    height: 16px;
                    background: url(/images/common/comment_rating_on@2x.png) repeat-x 0 0 / 19px 16px
                }

            .board-detail-comment .comment-list-item > .rating .num {
                float: left;
                padding-left: 4px;
                font-family: 'Montserrat';
                font-size: 14px;
                font-weight: 700;
                line-height: 16px;
                letter-spacing: -0.14px;
                text-align: left;
                color: #000;
            }

        .board-detail-comment .comment-list-item > .btn {
            position: absolute;
            bottom: 24px;
            right: 0;
        }

            .board-detail-comment .comment-list-item > .btn button {
                width: 24px;
                height: 24px;
                border: 0 none;
                background-color: #fff;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: 24px 24px;
                text-indent: -9999px;
                font-size: 0;
            }

                .board-detail-comment .comment-list-item > .btn button + button {
                    margin-left: 24px;
                }

            .board-detail-comment .comment-list-item > .btn .modify {
                background-image: url(/images/common/comment_btn_modify@2x.png);
            }

            .board-detail-comment .comment-list-item > .btn .delete {
                background-image: url(/images/common/comment_btn_delete@2x.png);
            }

        .board-detail-comment .comment-list-item > .rating .ostars {
            float: left;
            width: 80px;
            height: 16px;
            margin: 0;
            vertical-align: top;
            font-size: 0;
            line-height: 0;
        }

            .board-detail-comment .comment-list-item > .rating .ostars span {
                display: block;
                height: 16px;
            }



    @media all and (max-width:1340px) {
        .board-detail-comment .comment-list {
            margin-top: 2.4rem;
            padding-bottom: 6rem;
        }

        .board-detail-comment .comment-list-item {
            padding: 2.4rem 0;
        }

            .board-detail-comment .comment-list-item > .user {
                font-size: 1.4rem;
            }
                /* .board-detail-comment .comment-list-item > .user b{padding-right:6px;} */
                .board-detail-comment .comment-list-item > .user .btn {
                    margin-left: 3.6rem;
                }

                    .board-detail-comment .comment-list-item > .user .btn li a {
                        font-size: 1.4rem;
                    }

                    .board-detail-comment .comment-list-item > .user .btn li + li {
                        margin-left: .8rem;
                        padding-left: .9rem;
                    }

                        .board-detail-comment .comment-list-item > .user .btn li + li::before {
                            height: 1.2rem;
                            margin-top: -0.6rem;
                        }

            .board-detail-comment .comment-list-item > .text {
                margin-top: .8rem;
                font-size: 1.6rem;
            }



            /*추가*/

            .board-detail-comment .comment-list-item > .stitleclass .text {
                margin-top: .8rem;
                font-size: 1.6rem;
            }

            .board-detail-comment .comment-list-item > .stitleclass {
                margin-top: .8rem;
                font-size: 1.6rem;
            }

            .board-detail-comment .comment-list-item > .contentStr > .text {
                margin-top: .8rem;
                font-size: 1.6rem;
            }


            .board-detail-comment .comment-list-item > .contentStr {
                margin-top: .8rem;
                font-size: 1.6rem;
            }


            .board-detail-comment .comment-list-item > .rating {
                margin-top: 1.4rem; /* margin-left:-2px;*/
            }

                .board-detail-comment .comment-list-item > .rating .stars {
                    width: 9.5rem;
                    height: 1.6rem;
                    background-size: 1.9rem 1.6rem
                }

                    .board-detail-comment .comment-list-item > .rating .stars span {
                        height: 1.6rem;
                        background-size: 1.9rem 1.6rem
                    }

                .board-detail-comment .comment-list-item > .rating .ostars span {
                    height: 1.6rem;
                }


                .board-detail-comment .comment-list-item > .rating .num { /* padding-left:4px;*/
                    font-size: 1.4rem;
                    line-height: 1.6rem;
                }

            .board-detail-comment .comment-list-item > .btn {
                bottom: 2.4rem;
            }

                .board-detail-comment .comment-list-item > .btn button {
                    width: 2.4rem;
                    height: 2.4rem;
                    background-size: 2.4rem 2.4rem;
                }

                    .board-detail-comment .comment-list-item > .btn button + button {
                        margin-left: 2.4rem;
                    }
    }

    @media all and (max-width:768px) {
        .board-detail-comment .comment-list-item > .btn {
            position: relative;
            bottom: auto;
            right: auto;
            margin-top: 1rem;
        }
    }



    .board-detail-comment .qna-list {
    }
    /*.board-detail-comment .qna-list-item{position:relative;padding:36px 0;border-bottom:1px solid #d2d2d2;}*/

    /*20220427 수정*/
    .board-detail-comment .qna-list-item {
        position: relative;
        padding: 36px 0;
        border-bottom: 1px solid #d2d2d2;
    }


        .board-detail-comment .qna-list-item > .user {
            font-size: 14px;
            font-weight: 300;
            line-height: 1.71;
            text-align: left;
            color: #707070;
        }

            .board-detail-comment .qna-list-item > .user b {
                display: inline-block;
                font-weight: 300;
                color: #000;
            }

            .board-detail-comment .qna-list-item > .user .btn {
                display: inline-block;
                margin-left: 36px;
            }

                .board-detail-comment .qna-list-item > .user .btn li {
                    position: relative;
                    float: left;
                }

                    .board-detail-comment .qna-list-item > .user .btn li + li {
                        margin-left: 8px;
                        padding-left: 9px;
                    }

                    .board-detail-comment .qna-list-item > .user .btn li a {
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 1.71;
                        color: #000;
                    }

                    .board-detail-comment .qna-list-item > .user .btn li + li::before {
                        display: block;
                        clear: both;
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 0;
                        width: 1px;
                        height: 12px;
                        margin-top: -6px;
                        background-color: #dfdfdf;
                    }

        .board-detail-comment .qna-list-item > .list {
            margin-top: 36px;
        }

            .board-detail-comment .qna-list-item > .list dt {
            }

            .board-detail-comment .qna-list-item > .list dd {
                margin-top: 24px;
            }

            .board-detail-comment .qna-list-item > .list .title {
                position: relative;
                padding: 4px 4px 4px 56px;
                font-size: 16px;
                line-height: 32px;
                color: #707070;
            }

            .board-detail-comment .qna-list-item > .list dt .title {
                color: #000;
            }

            .board-detail-comment .qna-list-item > .list dd .title {
                color: #707070;
            }

                .board-detail-comment .qna-list-item > .list dd .title b {
                    font-weight: 400;
                    color: #000;
                }

            .board-detail-comment .qna-list-item > .list dd .text {
                margin-bottom: 8px;
                padding-left: 56px;
                font-size: 14px;
                font-weight: 300;
                line-height: 1.71;
                color: #707070;
            }

            .board-detail-comment .qna-list-item > .list .title i {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 40px;
                text-indent: -9999px;
                font-size: 0;
                background-repeat: no-repeat;
                background-position: 0 0;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
            }

            .board-detail-comment .qna-list-item > .list dt .title i {
                background-image: url(/images/common/qna_list_ico_q@2x.png);
            }

            .board-detail-comment .qna-list-item > .list dd .title i {
                background-image: url(/images/common/qna_list_ico_a@2x.png);
            }

            .board-detail-comment .qna-list-item > .list .text {
            }

    @media all and (max-width:1340px) {
        .board-detail-comment .qna-list-item {
            padding: 3.6rem 0;
        }

            .board-detail-comment .qna-list-item > .user {
                font-size: 1.4rem;
            }

                .board-detail-comment .qna-list-item > .user .btn {
                    margin-left: 3.6rem;
                }

                    .board-detail-comment .qna-list-item > .user .btn li + li {
                        margin-left: .8rem;
                        padding-left: .9rem;
                    }

                    .board-detail-comment .qna-list-item > .user .btn li a {
                        font-size: 1.4rem;
                    }

                    .board-detail-comment .qna-list-item > .user .btn li + li::before {
                        height: 1.2rem;
                        margin-top: -0.6rem;
                    }

            .board-detail-comment .qna-list-item > .list {
                margin-top: 3.6rem;
            }

                .board-detail-comment .qna-list-item > .list dd {
                    margin-top: 2.4rem;
                }

                .board-detail-comment .qna-list-item > .list .title {
                    padding: .4rem .4rem .4rem 5.6rem;
                    font-size: 1.6rem;
                    line-height: 3.2rem;
                }

                .board-detail-comment .qna-list-item > .list dd .text {
                    margin-bottom: .8rem;
                    padding-left: 5.6rem;
                    font-size: 1.4rem;
                }

                .board-detail-comment .qna-list-item > .list .title i {
                    width: 4rem;
                    height: 4rem;
                }
    }

    .count-input {
        position: relative;
        width: 198px;
        border-radius: 12px;
        padding: 0 60px;
    }

        .count-input::before,
        .count-input::after {
            display: block;
            clear: both;
            content: '';
            position: absolute;
            left: 30px;
            right: 30px;
            height: 1px;
            background-color: #d2d2d2;
        }

        .count-input::before {
            top: 0;
        }

        .count-input::after {
            bottom: 0;
        }

        .count-input > button {
            position: absolute;
            top: 0;
            width: 60px;
            height: 60px;
            border: solid 1px #d2d2d2;
            border-radius: 12px;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 24px 24px;
        }

        .count-input .minus {
            left: 0;
            background-image: url(/images/common/count_minus@2x.png);
        }

        .count-input .plus {
            right: 0;
            background-image: url(/images/common/count_plus@2x.png);
        }

        .count-input .count {
            width: 100%;
            height: 60px;
            line-height: 60px;
            border: 0 none;
            text-align: center;
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -0.14px;
            color: #000;
        }

    @media all and (max-width:1340px) {

        .count-input {
            width: 19.8rem;
            border-radius: 12px;
            padding: 0 6rem;
        }

            .count-input::before,
            .count-input::after {
                left: 30px;
                right: 30px;
                height: 1px;
                background-color: #d2d2d2;
            }

            .count-input::before {
                top: 0;
            }

            .count-input::after {
                bottom: 0;
            }

            .count-input > button {
                width: 6rem;
                height: 6rem;
                border-radius: 1.2rem;
                background-size: 2.4rem 2.4rem;
            }

            .count-input .count {
                width: 100%;
                height: 6rem;
                line-height: 6rem;
                font-size: 1.4rem;
            }
    }








    .user-photo0 {
        float: left;
        width: 35px;
        height: 35px;
        margin-right: 8px;
        border-radius: 70%;
        overflow: hidden;
    }


    .box2 {
        width: 36px;
        height: 36px;
        border-radius: 70%;
        margin-right: 8px;
        float: left;
        overflow: hidden;
        margin-top: -5px;
    }


    @media all and (max-width:1340px) {

        .box2 {
            /*width: 36px;
        height: 36px;
        border-radius: 70%;
        margin-right: 8px;
        float: left;
        overflow: hidden;
        margin-top: 1px;*/
            width: 3.6rem;
            height: 3.6rem;
            margin-right: .8rem;
        }
    }


    .feed_detail {
    }

    .feed_detail-head {
        position: relative;
    }

        .feed_detail-head .user {
        }

            .feed_detail-head .user::after {
                display: block;
                clear: both;
                content: '';
            }

        .feed_detail-head .user-photo {
            float: left;
            width: 36px;
            height: 36px;
            margin-right: 8px;
            border-radius: 50%;
        }


        .feed_detail-head .user-name {
            float: left;
            line-height: 36px;
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

        .feed_detail-head .user-date {
            float: left;
            line-height: 36px;
            margin-left: 8px;
            padding-left: 9px;
            position: relative;
            font-size: 14px;
            font-weight: 300;
            color: #a9a9a9;
        }

            .feed_detail-head .user-date::before {
                display: block;
                clear: both;
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                width: 1px;
                height: 6px;
                margin-top: -3px;
                background-color: #dfdfdf;
            }

        .feed_detail-head .btn {
            position: absolute;
            top: 0;
            right: 0;
        }

            .feed_detail-head .btn li {
                position: relative;
                float: left;
            }

                .feed_detail-head .btn li + li {
                    margin-left: 8px;
                    padding-left: 9px;
                }

                    .feed_detail-head .btn li + li::before {
                        display: block;
                        clear: both;
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 0;
                        width: 1px;
                        height: 12px;
                        margin-top: -6px;
                        background-color: #dfdfdf;
                    }

            .feed_detail-head .btn a {
                font-size: 14px;
                font-weight: 500;
                line-height: 36px;
                text-align: left;
                color: #000;
            }

    .feed_detail .board-detail-image {
        margin: 0 0 24px;
    }
    /*추가*/
    .feed_detail .board-detail-image0 {
        margin-left: 65px;
    }

    .feed_detail .board-detail-body {
        margin-bottom: 80px;
        padding: 24px 0 48px;
        border-bottom: 1px solid #d2d2d2;
    }

    .feed-gallery {
        overflow: hidden;
        position: relative;
        margin: 0 -14px;
    }

        .feed-gallery:after {
            display: block;
            clear: both;
            content: '';
        }

        .feed-gallery .gallery-item {
            float: left;
            width: 25%;
            margin-bottom: 52px;
            padding: 0 14px;
        }

            .feed-gallery .gallery-item a {
                display: block;
            }

            .feed-gallery .gallery-item .image {
                margin-bottom: 24px;
                border-radius: 15px;
            }

                .feed-gallery .gallery-item .image img {
                    width: 100%;
                    height: 500px;
                }

            .feed-gallery .gallery-item .text {
                margin-bottom: 24px;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.5;
                text-align: left;
                color: #000;
            }

            .feed-gallery .gallery-item .user {
            }

                .feed-gallery .gallery-item .user::after {
                    display: block;
                    clear: both;
                    content: '';
                }

            .feed-gallery .gallery-item .user-photo {
                float: left;
                width: 36px;
                height: 36px;
                margin-right: 8px;
                border-radius: 50%;
            }

            .feed-gallery .gallery-item .user-name {
                float: left;
                line-height: 36px;
                font-size: 14px;
                font-weight: 500;
                color: #000;
            }

            .feed-gallery .gallery-item .user-date {
                float: left;
                line-height: 36px;
                margin-left: 8px;
                padding-left: 9px;
                position: relative;
                font-size: 14px;
                font-weight: 300;
                color: #a9a9a9;
            }

                .feed-gallery .gallery-item .user-date::before {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 1px;
                    height: 6px;
                    margin-top: -3px;
                    background-color: #dfdfdf;
                }

            .feed-gallery .gallery-item .user-heart {
                float: left;
                line-height: 36px;
                margin-left: 8px;
                padding-left: 9px;
                margin-top: 8px;
                font-size: 14px;
                font-weight: 300;
                color: #000;
                display: inline-block;
            }

            .feed-gallery .gallery-item .user-date::before {
                display: block;
                clear: both;
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                width: 1px;
                height: 6px;
                margin-top: -3px;
                background-color: #dfdfdf;
            }

    .board-detail-body .board-heart {
        margin-top: 36px;
    }

    .board-detail-comment .board-heart {
        margin-top: 8px;
    }

    .board-heart a {
        display: inline-block;
        line-height: 24px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.14px;
        text-align: left;
        color: #000;
    }

    .board-heart i {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 6px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 24px 24px;
        background-image: url(/images/common/board_heart_off@2x.png);
        text-indent: -9999px;
        font-size: 0;
    }

    .board-heart .on i {
        background-image: url(/images/common/board_heart_on@2x.png);
    }

    .board-comicon1 a {
        display: inline-block;
        line-height: 24px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.14px;
        text-align: left;
        color: #000;
    }

    .board-comicon1 i {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 6px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 24px 24px;
        background-image: url(/images/common/board_comment@1.png);
        text-indent: -9999px;
        font-size: 0;
    }


    .board-comicon2 a {
        display: inline-block;
        line-height: 24px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.14px;
        text-align: left;
        color: #000;
    }

    .board-comicon2 i {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 6px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 24px 24px;
        background-image: url(/images/common/board_comment@2.png);
        text-indent: -9999px;
        font-size: 0;
    }




    .board-more {
    }

        .board-more a {
            display: block;
            width: 56px;
            height: 56px;
            margin: 0 auto;
            background: url(/images/common/board_ico_more@2x.png) no-repeat 50% 50% / 56px 56px;
            text-indent: -9999px;
            font-size: 0;
        }

    @media all and (max-width:1340px) {
        .feed_detail-head .user-photo {
            width: 3.6rem;
            height: 3.6rem;
            margin-right: .8rem;
        }

        .user-photo0 {
            margin-left: -5px;
            width: 26px;
            height: 26px;
        }

        /*.user-photo0 {
        float: left;
        width: 26px;
        height: 26px;
        margin-right: 8px;
        border-radius: 70%;
        overflow: hidden;
    }*/



        .feed_detail-head .user-name {
            line-height: 3.6rem;
            font-size: 1.4rem;
        }

        .feed_detail-head .user-date {
            line-height: 3.6rem;
            margin-left: .8rem;
            padding-left: .9rem;
            font-size: 1.4rem;
        }

            .feed_detail-head .user-date::before {
                height: .6rem;
                margin-top: -0.3rem;
            }

        .feed_detail-head .btn li + li {
            margin-left: .8rem;
            padding-left: .9rem;
        }

            .feed_detail-head .btn li + li::before {
                height: 1.2rem;
                margin-top: -0.6rem;
            }

        .feed_detail-head .btn a {
            font-size: 1.4rem;
            line-height: 3.6rem;
        }

        .feed_detail .board-detail-image {
            margin: 0 0 2.4rem;
        }


        .feed_detail .board-detail-image0 {
            text-align: center;
            margin-left: 27px;
        }

        .feed_detail .board-detail-body {
            margin-bottom: 8rem;
            padding: 2.4rem 0 4.8rem;
        }

        .feed-gallery {
            margin: 0 -10px;
        }

            .feed-gallery .gallery-item {
                margin-bottom: 5.2rem;
                padding: 0 10px;
            }

                .feed-gallery .gallery-item .image {
                    margin-bottom: 2.4rem;
                    border-radius: 1.5rem;
                }




                .feed-gallery .gallery-item .text {
                    margin-bottom: 2.4rem;
                    font-size: 1.6rem;
                }

                .feed-gallery .gallery-item .user-photo {
                    width: 3.6rem;
                    height: 3.6rem;
                    margin-right: .8rem;
                }

                .feed-gallery .gallery-item .user-name {
                    line-height: 3.6rem;
                    font-size: 1.4rem;
                }

                .feed-gallery .gallery-item .user-date {
                    line-height: 3.6rem;
                    margin-left: .8rem;
                    padding-left: .9rem;
                    font-size: 1.4rem;
                }

                    .feed-gallery .gallery-item .user-date::before {
                        height: .6rem;
                        margin-top: -0.3rem;
                    }

        .board-detail-body .board-heart {
            margin-top: 3.6rem;
        }

        .board-detail-comment .board-heart {
            margin-top: .8rem;
        }

        .board-heart a {
            line-height: 2.4rem;
            font-size: 1.4rem;
        }

        .board-heart i {
            width: 2.4rem;
            height: 2.4rem;
            margin-right: .6rem;
            background-size: 2.4rem 2.4rem;
        }


        .board-comicon1 a {
            line-height: 2.4rem;
            font-size: 1.4rem;
        }

        .board-comicon1 i {
            width: 2.4rem;
            height: 2.4rem;
            margin-right: .6rem;
            background-size: 2.4rem 2.4rem;
        }


        .board-comicon2 a {
            line-height: 2.4rem;
            font-size: 1.4rem;
        }

        .board-comicon2 i {
            width: 2.4rem;
            height: 2.4rem;
            margin-right: .6rem;
            background-size: 2.4rem 2.4rem;
        }


        .board-more {
        }

            .board-more a {
                width: 5.6rem;
                height: 5.6rem;
                background-size: 5.6rem 5.6rem;
            }
    }

    @media all and (max-width:1024px) {
        .feed-gallery .gallery-item {
            width: 33.33%;
        }
    }

    @media all and (max-width:768px) {
        .feed-gallery .gallery-item {
            width: 50%;
        }

            .feed-gallery .gallery-item .image img {
                width: 100%;
                height: 500px;
            }
    }



    @media all and (max-width:480px) {

        .feed-gallery .gallery-item .image img {
            width: 100%;
            height: 250px;
        }
    }



    /* 예약 */
    .reserve-wrap {
        margin-bottom: 300px;
        border-bottom: 1px solid #d2d2d2;
    }

    .reserve-title {
        margin-bottom: 6px;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.2;
        color: #000;
    }

    .reserve-tabs {
        position: relative;
        margin-top: 176px;
        margin-bottom: 40px;
    }

        .reserve-tabs::after {
            display: block;
            clear: both;
            content: '';
        }

        .reserve-tabs::before {
            display: block;
            clear: both;
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #d2d2d2;
        }

        .reserve-tabs li {
            float: left;
        }

            .reserve-tabs li a {
                position: relative;
                display: block;
                padding: 24px 10px;
                font-size: 20px;
                line-height: 28px;
                text-align: center;
                color: #707070;
            }

            .reserve-tabs li.on a {
                color: #000;
            }

                .reserve-tabs li.on a::after {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 4px;
                    background-color: #000;
                }

        .reserve-tabs.inline {
            margin-top: 0;
            margin-bottom: 24px;
        }

            .reserve-tabs.inline li a {
                padding: 16px 24px;
            }

            .reserve-tabs.inline li.on a {
                padding: 16px 12px;
            }

        .reserve-tabs.type4 li {
            width: 25%;
        }

        .reserve-tabs.type5 li {
            width: 20%;
        }

    .reserve-tabs-info {
        margin-bottom: 96px;
    }

        .reserve-tabs-info.type-review {
            padding: 36px 36px 60px;
            border: solid 1px #d2d2d2;
            background-color: #fff;
        }

        .reserve-tabs-info.type-qna {
            padding: 36px 36px 120px;
            border: solid 1px #d2d2d2;
            background-color: #fff;
        }

        .reserve-tabs-info.type-cancel {
            padding: 33px 36px 39px;
            border: solid 1px #d2d2d2;
            background-color: #fff;
        }

    @media all and (max-width:1340px) {
        .reserve-wrap {
            margin-bottom: 30rem;
        }

        .reserve-title {
            font-size: 3.3rem;
        }

        .reserve-tabs li a {
            font-size: 1.8rem;
        }

        /* 	.reserve-title{margin-bottom:6px;} */

        .reserve-tabs {
            margin-top: 17.6rem;
            margin-bottom: 4rem;
        }

            .reserve-tabs li a {
                padding: 2.4rem 1rem;
                line-height: 2.8rem;
            }
            /* 	.reserve-tabs li.on a::after{width:100%;height:4px;} */

            .reserve-tabs.inline {
                margin-top: 0;
                margin-bottom: 2.4rem;
            }

                .reserve-tabs.inline li a {
                    padding: 1.6rem 2.4rem;
                }

                .reserve-tabs.inline li.on a {
                    padding: 1.6rem 1.2rem;
                }

        .reserve-tabs-info {
            margin-bottom: 9.6rem;
        }

            .reserve-tabs-info.type-review {
                padding: 3.6rem 3.6rem 6rem;
            }

            .reserve-tabs-info.type-qna {
                padding: 3.6rem 3.6rem 12rem;
            }

            .reserve-tabs-info.type-cancel {
                padding: 3.3rem 3.6rem 3.9rem;
            }
    }

    @media all and (max-width:1024px) {
        .reserve-wrap {
            margin-bottom: 10rem;
        }

        .reserve-tabs {
            margin-top: 10rem;
        }
    }

    @media all and (max-width:768px) {
    }

    @media all and (max-width:480px) {
    }

    .review-rating-wrap {
        margin-bottom: 80px;
    }

    .review-rating-title {
        margin-bottom: 16px;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        text-align: left;
        color: #000;
    }

    .review-rating-box {
        padding: 36px 0 64px;
        background-color: #f4f8fa;
    }

        .review-rating-box .icon {
            display: block;
            width: 15.6rem;
            height: 15.6rem;
            margin: 0 auto 1.2rem;
            background: url(/images/common/review_rating_box_ico@2x.png) no-repeat 50% 0 / 100% 100%;
        }

        .review-rating-box .rating {
            position: relative;
        }

            .review-rating-box .rating::after {
                display: block;
                clear: both;
                content: '';
            }


            /*.review-rating-box .rating .stars {
        width: 140px;
        height: 24px;
        margin: 0 auto;
        vertical-align: top;
        font-size: 0;
        line-height: 0;
    }

        .review-rating-box .rating .stars span {
            display: block;
            height: 24px;
        }*/

            .review-rating-box .rating .stars {
                width: 140px;
                height: 24px;
                margin: 0 auto;
                vertical-align: top;
                font-size: 0;
                line-height: 0;
                background: url(/images/common/star_rating_off@2x.png) repeat-x 0 0 / 28px 24px
            }

                .review-rating-box .rating .stars span {
                    display: block;
                    height: 24px;
                    background: url(/images/common/star_rating_on@2x.png) repeat-x 0 0 / 28px 24px
                }


            .review-rating-box .rating .num {
                margin-top: 12px;
                font-family: 'Montserrat';
                font-size: 20px;
                font-weight: 700;
                line-height: 1.4;
                letter-spacing: -0.2px;
                text-align: center;
                color: #000;
            }

        .review-rating-box .list {
            margin-top: 46px;
        }

            .review-rating-box .list li {
                font-size: 0;
                text-align: center;
            }

                .review-rating-box .list li + li {
                    margin-top: 22px;
                }

                .review-rating-box .list li::after {
                    display: block;
                    clear: both;
                    content: '';
                }

            .review-rating-box .list .num {
                display: inline-block;
                font-size: 14px;
                font-weight: 300;
                line-height: 24px;
                text-align: right;
                color: #707070;
            }

            .review-rating-box .list .bar {
                position: relative;
                display: inline-block;
                width: 400px;
                height: 4px;
                margin: 10px 12px 0;
                vertical-align: top;
                font-size: 0;
                line-height: 0;
                background-color: #c4c4c4;
            }

                .review-rating-box .list .bar span {
                    display: block;
                    height: 4px;
                    background-color: #000;
                }

                    .review-rating-box .list .bar span em {
                        position: absolute;
                        top: -22px;
                        left: 0;
                        width: 32px;
                        margin-left: -16px;
                        font-family: 'Montserrat';
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 16px;
                        letter-spacing: -0.14px;
                        text-align: center;
                        color: #000;
                    }

                        .review-rating-box .list .bar span em.short {
                            margin-left: 0;
                            text-align: left;
                        }

                .review-rating-box .list .bar + .num {
                    text-align: left;
                    color: #000;
                }

    .review-list-wrap {
        margin-bottom: 56px;
        padding-bottom: 60px;
        border-bottom: solid 1px #d2d2d2;
        ;
    }

    .review-list-title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #707070;
    }

        .review-list-title b {
        }

    .review-list-box {
    }

        .review-list-box > ul {
            height: 164px;
            padding: 10px 24px;
            border: solid 1px #d2d2d2;
            background-color: #fafafa;
            overflow-y: scroll;
        }

        .review-list-box li {
        }

            .review-list-box li a {
                display: block;
                padding: 10px 0;
            }

            .review-list-box li span, .review-list-box li b {
                display: inline-block;
                line-height: 24px;
                color: #000;
            }

            .review-list-box li span {
                font-size: 14px; /* font-weight:300; 220414 수정 */
                font-weight: 400;
            }

            .review-list-box li b {
                padding: 0 4px 0 12px;
                font-size: 16px;
                font-weight: 400;
            }

    .reserve-image {
        margin-bottom: 36px;
    }

    .reserve-tag {
        padding: 8px 0 36px;
    }

        .reserve-tag::after {
            display: block;
            clear: both;
            content: '';
        }

        .reserve-tag li {
            float: left;
            position: relative;
            margin-right: 36px;
            margin-bottom: 8px;
            font-size: 16px;
            line-height: 1;
            text-align: left;
            color: #707070;
            z-index: 1;
        }

            .reserve-tag li:last-child() {
                margin-right: 0;
            }

            .reserve-tag li:after {
                display: inline-block;
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 4px;
                background: #00b3ff;
                z-index: -1;
            }

            .reserve-tag li:after {
                background: #f8ab25
            }
    /* 220427 추가사항 */

    @media all and (max-width:1340px) {

        .review-rating-wrap {
            margin-bottom: 8rem;
        }

        .review-rating-title {
            margin-bottom: 1.6rem;
            font-size: 2.2rem;
        }

        .review-rating-box {
            padding: 3.6rem 0 6.4rem;
        }

            .review-rating-box .icon {
                width: 15.6rem;
                height: 15.6rem;
                margin: 0 auto 1.2rem;
                background: url(/images/common/review_rating_box_ico@2x.png) no-repeat 50% 0 / 100% 100%;
            }

            .review-rating-box .rating .stars {
                width: 14rem;
                height: 2.4rem;
                background-size: 2.8rem 2.4rem
            }

                .review-rating-box .rating .stars span {
                    height: 2.4rem;
                    background-size: 2.8rem 2.4rem
                }

            .review-rating-box .rating .num {
                margin-top: 1.2rem;
                font-size: 1.8rem;
            }

            .review-rating-box .list {
                margin-top: 4.6rem;
            }

                .review-rating-box .list li + li {
                    margin-top: 2.2rem;
                }

                .review-rating-box .list .num {
                    font-size: 1.4rem;
                    line-height: 2.4rem;
                }

                .review-rating-box .list .bar {
                    width: 36rem;
                    height: 4px;
                    margin: 1rem 1.2rem 0;
                }

                    .review-rating-box .list .bar span {
                        height: 4px;
                    }

                        .review-rating-box .list .bar span em {
                            top: -2.2rem;
                            width: 3.2rem;
                            margin-left: -1.6rem;
                            font-size: 1.4rem;
                            line-height: 1.6rem;
                        }

        .review-list-wrap {
            margin-bottom: 5.6rem;
            padding-bottom: 6rem;
        }

        .review-list-title {
            margin-bottom: 0.8rem;
            font-size: 1.6rem;
        }

        .review-list-box > ul {
            height: 16.4rem;
            padding: 1rem 2.4rem;
        }

        .review-list-box li a {
            padding: 1rem 0;
        }

        .review-list-box li span, .review-list-box li b {
            line-height: 2.4rem;
        }

        .review-list-box li span {
            font-size: 1.4rem;
        }

        .review-list-box li b {
            padding: 0 0.4rem 0 1.2rem;
            font-size: 1.6rem;
        }

        .reserve-image {
            margin-bottom: 3.6rem;
        }

        .reserve-tag {
            padding: 0.8rem 0 3.6rem;
        }

            .reserve-tag li {
                margin-right: 3.6rem;
                margin-bottom: 0.8rem;
                font-size: 1.6rem;
            }

                .reserve-tag li:after {
                    height: 0.4rem;
                }
    }

    @media all and (max-width:480px) {
        .review-rating-box .list .bar {
            width: 26rem;
        }
    }

    .reserve-detail {
        margin-bottom: 24px;
        padding: 36px;
        border: solid 1px #000;
        background-color: #fff;
    }

    .reserve-detail-item {
        margin-bottom: 24px;
        padding-bottom: 36px;
        border-bottom: 1px solid #d2d2d2;
    }

    .reserve-detail-title {
        margin-bottom: 24px;
        font-size: 28px;
        font-weight: 300;
        line-height: 1.5;
        color: #000;
    }

        .reserve-detail-title b {
            font-weight: 500;
        }

    .reserve-detail-float {
        position: relative;
        padding-left: 256px;
    }

        .reserve-detail-float::after {
            display: block;
            clear: both;
            content: '';
        }

        .reserve-detail-float .image {
            position: absolute;
            top: 0;
            left: 0;
        }

    .reserve-detail-data {
        padding-top: 2px;
    }

        .reserve-detail-data > li {
            display: table;
        }

            .reserve-detail-data > li + li {
                margin-top: 24px;
            }

            .reserve-detail-data > li > div {
                display: table-cell;
                line-height: 28px;
                font-size: 20px;
                text-align: left;
                color: #000;
                vertical-align: middle;
            }

                .reserve-detail-data > li > div + div {
                    padding-left: 16px;
                }

                .reserve-detail-data > li > div em {
                    font-weight: 300;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .reserve-detail-data > li > div b {
                    display: inline-block;
                    padding-left: 2px;
                    font-weight: 700;
                }

                .reserve-detail-data > li > div p {
                    position: relative;
                    display: inline-block;
                }

                    .reserve-detail-data > li > div p + p {
                        margin-left: 8px;
                        padding-left: 9px;
                    }

                        .reserve-detail-data > li > div p + p::before {
                            display: block;
                            clear: both;
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 0;
                            width: 1px;
                            height: 12px;
                            margin-top: -6px;
                            background-color: #c4c4c4;
                        }

            .reserve-detail-data > li.full {
                display: block;
            }

                .reserve-detail-data > li.full > div {
                    display: block;
                }

                    .reserve-detail-data > li.full > div + div {
                        margin-top: 12px;
                        padding: 0;
                    }

        .reserve-detail-data select {
            width: 340px;
        }

    .reserve-detail-sum {
        text-align: right;
    }

        .reserve-detail-sum span, .reserve-detail-sum b {
            display: inline-block;
            color: #000;
            vertical-align: bottom;
        }

        .reserve-detail-sum span {
            padding-left: 4px;
            font-size: 20px;
            font-weight: 300;
            line-height: 1.9;
        }

        .reserve-detail-sum b {
            padding-left: 24px;
            font-family: 'Montserrat';
            font-size: 36px;
            font-weight: 700;
            line-height: 1.22;
            letter-spacing: -0.36px;
        }

    .reserve-detail-list {
    }

        .reserve-detail-list li {
            position: relative;
            padding: 0 0 0 22px;
            font-size: 16px;
            line-height: 2;
            text-align: left;
            color: #707070;
        }

            .reserve-detail-list li:before {
                content: '';
                position: absolute;
                top: 13px;
                left: 9px;
                width: 5px;
                height: 5px;
                border-radius: 75%;
                background-color: #707070;
            }

    .reserve-more {
        display: block;
        width: 200px;
        margin: 0 auto;
        font-size: 0;
    }

        .reserve-more a {
            display: block;
            padding: 18px 0;
            line-height: 24px;
            text-align: center;
            border-radius: 12px;
            border: solid 1px rgba(0, 0, 0, 0.2);
            background-color: rgba(0, 0, 0, 0.05);
            font-size: 16px;
            font-weight: 500;
            color: #000;
        }

            .reserve-more a i {
                display: inline-block;
                width: 24px;
                height: 24px;
                background: url(/images/common/reserve_more@2x.png) no-repeat 50% 50% / 24px 24px;
            }

    .reserve-button {
        position: fixed;
        bottom: 0;
        left: 50%;
        width: 1180px;
        margin-left: -590px;
        z-index: 200;
    }

        .reserve-button.auto {
            position: absolute;
            left: 0;
            width: 100%;
            margin-left: 0;
        }

        .reserve-button::after {
            display: block;
            clear: both;
            content: '';
        }

        .reserve-button button {
            float: left;
            width: 50%;
            height: 96px;
            border: 0 none;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            color: #fff;
        }

        .reserve-button .again {
            background-color: #828282;
        }

        .reserve-button .enter {
            background-color: #000;
        }

    @media all and (max-width:1340px) {

        .reserve-detail {
            margin-bottom: 2.4rem;
            padding: 3.6rem;
        }

        .reserve-detail-item {
            margin-bottom: 2.4rem;
            padding-bottom: 3.6rem;
        }

        .reserve-detail-title {
            margin-bottom: 2.4rem;
            font-size: 2.8rem;
        }

        .reserve-detail-float {
            padding-left: 25.6rem;
        }

        .reserve-detail-data {
            padding-top: 2px;
        }

            .reserve-detail-data > li + li {
                margin-top: 2.4rem;
            }

            .reserve-detail-data > li > div {
                line-height: 2.8rem;
                font-size: 2rem;
            }

                .reserve-detail-data > li > div + div {
                    padding-left: 1.6rem;
                }

                .reserve-detail-data > li > div b {
                    padding-left: 2px;
                }

                .reserve-detail-data > li > div p + p {
                    margin-left: .8rem;
                    padding-left: .9rem;
                }

                    .reserve-detail-data > li > div p + p::before {
                        width: 1px;
                        height: 1.2rem;
                        margin-top: -.6rem;
                    }

            .reserve-detail-data > li.full > div + div {
                margin-top: 1.2rem;
            }

            .reserve-detail-data select {
                width: 34rem;
            }

        .reserve-detail-sum span {
            padding-left: 4px;
            font-size: 2rem;
        }

        .reserve-detail-sum b {
            padding-left: 2.4rem;
            font-size: 3.6rem;
        }

        .reserve-detail-list {
        }

            .reserve-detail-list li {
                padding: 0 0 0 2.2rem;
                font-size: 1.6rem;
            }

                .reserve-detail-list li:before {
                    top: 1.3rem;
                    left: .9rem;
                    width: .5rem;
                    height: .5rem;
                }

        .reserve-more {
            width: 20rem;
        }

            .reserve-more a {
                padding: 1.8rem 0;
                line-height: 2.4rem;
                border-radius: 1.2rem;
                font-size: 1.6rem;
            }

                .reserve-more a i {
                    width: 2.4rem;
                    height: 2.4rem;
                    background-size: 2.4rem 2.4rem
                }

        .reserve-button button {
            height: 9.6rem;
            font-size: 2rem;
        }
    }

    @media all and (max-width:768px) {
        .reserve-button {
            bottom: 57px
        }

            .reserve-button.auto {
                bottom: 0;
            }
    }

    @media all and (max-width:480px) {
        .reserve-detail-data > li {
            display: block;
        }

            .reserve-detail-data > li > div {
                display: block;
            }

                .reserve-detail-data > li > div + div {
                    display: block;
                    margin-top: 1rem;
                    padding-left: 0;
                }
    }

    @media all and (max-width:1340px) {
        .reserve-button {
            width: auto;
            left: 0;
            right: 0;
            margin-left: 0;
        }
    }

    .calendar-wrap {
        margin-bottom: 300px;
    }

    .calendar-title {
        margin-bottom: 16px;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        color: #000;
    }

    .calendar-head {
        position: relative;
        padding: 48px 0;
        border-top: 1px solid #000;
    }

    .calendar-head-date {
        font-size: 16px;
        line-height: 1.5;
        color: #000;
        text-align: center;
    }

        .calendar-head-date em {
            display: block;
            font-family: 'Montserrat';
            font-weight: 700;
            letter-spacing: -0.16px;
        }

        .calendar-head-date span {
            display: block;
            padding-top: 12px;
        }

    .calendar-head-prev, .calendar-head-next {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #000;
    }

    .calendar-head-prev {
        left: 0;
        padding-left: 24px;
        background-image: url(/images/common/calendar_head_prev@2x.png);
        background-position: 0 50%;
    }

    .calendar-head-next {
        right: 0;
        padding-right: 24px;
        background-image: url(/images/common/calendar_head_next@2x.png);
        background-position: 100% 50%;
    }

    .calendar-time {
    }

    .calendar-time-title {
        width: 460px;
        margin: 0 auto 80px;
        padding: 28px 0;
        border-radius: 4px;
        border: solid 1px #000;
        background-color: #fff;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        text-align: center;
        color: #000;
    }

        .calendar-time-title em {
            color: #0047ff;
        }

    .calendar-time-list {
        position: relative;
        margin: 0 -4px;
    }

        .calendar-time-list::after {
            display: block;
            clear: both;
            content: '';
        }

        .calendar-time-list > li {
            position: relative;
            float: left;
            width: 8.333%;
            padding: 0 4px 8px;
        }

            .calendar-time-list > li a {
                display: block;
                height: 52px;
                line-height: 52px;
                border-radius: 4px;
                background-color: #ededed;
                font-family: 'Montserrat';
                font-size: 14px;
                font-weight: 700;
                letter-spacing: -0.14px;
                text-align: center;
                color: #000;
            }

            .calendar-time-list > li.type1 a {
                background-color: #ededed;
            }

            .calendar-time-list > li.type2 a {
                border: solid 1px #000;
                background-color: #fff;
                line-height: 50px;
            }

            .calendar-time-list > li.type3 a {
                background-color: #5c5c5c;
                color: #fff;
            }

            .calendar-time-list > li.type4 a {
                background-color: #fafafa;
                color: #cbcbcb;
            }

        .calendar-time-list .tooltip-box {
            display: block;
            position: absolute;
            top: -41px;
            left: 50%;
            margin-left: -60px;
            width: 120px;
            height: 36px;
            line-height: 36px;
            border-radius: 8px;
            background-color: rgba(0,0,0,0.63);
            font-size: 14px;
            line-height: 36px;
            text-align: center;
            color: #fff;
            z-index: 10;
            text-align: center;
        }

            .calendar-time-list .tooltip-box:before {
                content: "";
                position: absolute;
                border-style: solid;
                display: block;
                width: 0;
                bottom: -9px;
                left: 50%;
                margin-left: -10px;
                border-width: 9px 10px 0 10px;
                border-color: rgba(0,0,0,0.63) transparent;
            }

    @media all and (max-width:1340px) {
        .calendar-wrap {
            margin-bottom: 30rem;
        }

        .calendar-title {
            margin-bottom: 1.6rem;
            font-size: 2.4rem;
        }

        .calendar-head {
            padding: 4.8rem 0;
        }

        .calendar-head-date {
            font-size: 1.6rem;
        }

            .calendar-head-date span {
                padding-top: 1.2rem;
            }

        .calendar-head-prev, .calendar-head-next {
            margin-top: -1.2rem;
            background-size: 1.6rem 1.6rem;
            font-size: 1.6rem;
            line-height: 2.4rem;
        }

        .calendar-head-prev {
            padding-left: 2.4rem;
        }

        .calendar-head-next {
            padding-right: 2.4rem;
        }

        .calendar-time-title {
            width: 46rem;
            margin: 0 auto 8rem;
            padding: 2.8rem 0;
            font-size: 2.4rem;
        }

        .calendar-time-list {
            margin: 0 -0.4rem;
        }

            .calendar-time-list > li {
                width: 10%;
                padding: 0 0.4rem 0.8rem;
            }

                .calendar-time-list > li a {
                    height: 5.2rem;
                    line-height: 5.2rem;
                    font-size: 1.4rem;
                }

                .calendar-time-list > li.type2 a {
                    border: solid 1px #000;
                    background-color: #fff;
                    line-height: 5rem;
                }
    }

    @media all and (max-width:1024px) {
        .calendar-wrap {
            margin-bottom: 10rem;
        }

        .calendar-time-list > li {
            width: 16.66%;
        }
    }

    @media all and (max-width:768px) {
        .calendar-time-list > li {
            width: 20%;
        }

        .calendar-time-list .tooltip-box {
            top: -4.1rem;
            margin-left: -7rem;
            width: 14rem;
            height: 3.6rem;
            line-height: 3.6rem;
            border-radius: 0.8rem;
            font-size: 1.4rem;
            line-height: 3.6rem;
        }

            .calendar-time-list .tooltip-box:before {
                bottom: -5px;
                margin-left: -6px;
                border-width: 5px 6px 0 6px;
            }
    }

    @media all and (max-width:480px) {
        .calendar-time-list > li {
            width: 33.33%;
        }
    }

    .floating-btn {
        position: fixed;
        top: 50%;
        right: 52px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 96px;
        padding: 16px 14px 20px;
        border-radius: 100px;
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
        ;
        z-index: 50;
    }

        .floating-btn li + li {
            margin-top: 24px;
        }

        .floating-btn li a {
            display: block;
        }

        .floating-btn li i {
            display: block;
            width: 64px;
            height: 64px;
            margin: 0 auto 6px;
            border: solid 2px #f0f0f0;
            border-radius: 50%;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            -webkit-background-size: 36px 36px;
            background-size: 36px 36px;
        }

        .floating-btn li em {
            display: block;
            font-size: 14px;
            text-align: center;
            color: #000;
        }

        .floating-btn li.item1 i {
            background-image: url(/images/common/floating_ico1@2x.png)
        }

        .floating-btn li.item2 i {
            background-image: url(/images/common/floating_ico2@2x.png)
        }

    @media all and (max-width:1024px) {
        .floating-btn {
            display: none;
        }
    }

    #footer {
        position: relative;
        padding: 40px 0;
        background-color: #000000;
    }

    .footer-nav {
        margin-bottom: 12px;
    }

        .footer-nav::after {
            display: block;
            clear: both;
            content: '';
        }

        .footer-nav > li {
            position: relative;
            float: left;
            margin-right: 6px;
            padding-right: 7px;
        }

            .footer-nav > li::after {
                display: block;
                clear: both;
                content: '';
                position: absolute;
                top: 50%;
                right: 0;
                width: 1px;
                height: 8px;
                margin-top: -4px;
                background-color: #6f6f6f;
            }

            .footer-nav > li:last-child:after {
                display: none;
            }

            .footer-nav > li a {
                display: block;
                font-size: 12px;
                font-weight: 700;
                line-height: 1.33;
                color: #fff;
            }

    .footer-info {
        padding-bottom: 20px;
    }

        .footer-info div {
            margin-bottom: 4px;
        }

            .footer-info div::after {
                display: block;
                clear: both;
                content: '';
            }

            .footer-info div span {
                display: block;
                float: left;
                position: relative;
                margin-right: 6px;
                padding-right: 7px;
                font-size: 12px;
                line-height: 1.33;
                color: #fff;
            }

                .footer-info div span::after {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 1px;
                    height: 8px;
                    margin-top: -4px;
                    background-color: #6f6f6f;
                }

            .footer-info div p {
                float: left;
                position: relative;
            }

                .footer-info div p:last-child span:last-child:after {
                    display: none;
                }

    .footer-copy {
        font-family: 'Montserrat';
        font-size: 12px;
        font-weight: 300;
        line-height: 1.33;
        color: #fff;
    }

    .footer_chat {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 12;
    }

        .footer_chat a {
            display: block;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
            background: #fff url(/images/common/footer_chat@2x.png) no-repeat 50% 50% / 32px 32px;
            text-indent: -9999px;
            font-size: 0;
        }

    @media all and (max-width:1340px) {
        #footer {
            padding: 0;
        }

            #footer .inner {
                padding-top: 4rem;
                padding-bottom: 4rem
            }

        .footer-nav {
            margin-bottom: 1.2rem;
        }

            .footer-nav > li::after {
                height: .8rem;
                margin-top: -0.4rem;
            }

            .footer-nav > li a {
                font-size: 12px;
            }

        .footer-info {
            padding-bottom: 2rem;
        }
            /* .footer-info div{margin-bottom:4px;} */
            .footer-info div span::after {
                height: .8rem;
                margin-top: -0.4rem;
            }
        /* .footer-copy{font-size:12px;} */
        .footer_chat {
            top: 4rem;
            right: 1.2rem;
        }

            .footer_chat a {
                width: 6.4rem;
                height: 6.4rem;
                background-size: 3.2rem 3.2rem;
            }
    }

    @media all and (max-width:768px) {
        .footer_chat {
            top: -3.2rem;
        }
    }

    @media all and (max-width:480px) {
        #footer .inner {
            text-align: center;
        }

        .footer-nav > li {
            float: none;
            display: inline-block;
        }

        .footer-info div p {
            float: none;
            display: block;
            position: relative;
        }

            .footer-info div p span:last-child:after {
                display: none;
            }

        .footer-info div span {
            float: none;
            display: inline-block;
        }
    }

    .mobile-menu {
        display: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

        .mobile-menu ul {
            background-color: #fff;
            border-top: 1px solid rgba(0, 0, 0, 0.05);
        }

            .mobile-menu ul::after {
                display: block;
                clear: both;
                content: '';
            }

            .mobile-menu ul > li {
                float: left;
                width: 25%;
            }

                .mobile-menu ul > li a {
                    display: block;
                    height: 56px;
                    padding-top: 10px;
                }

                    .mobile-menu ul > li a em {
                        display: block;
                        padding-top: 24px;
                        background-repeat: no-repeat;
                        background-position: 50% 0;
                        -webkit-background-size: 24px 24px;
                        background-size: 24px 24px;
                        font-size: 12px;
                        line-height: 17px;
                        text-align: center;
                        color: #929292;
                    }

                .mobile-menu ul > li.item1 a em {
                    background-image: url(/images/common/mobile_menu1@2x.png)
                }

                .mobile-menu ul > li.item2 a em {
                    background-image: url(/images/common/mobile_menu2@2x.png)
                }

                .mobile-menu ul > li.item3 a em {
                    background-image: url(/images/common/mobile_menu3@2x.png)
                }

                .mobile-menu ul > li.item4 a em {
                    background-image: url(/images/common/mobile_menu4@2x.png)
                }

                .mobile-menu ul > li.on a {
                    background-color: #f3f3f3;
                    ;
                }

    @media all and (max-width:768px) {
        .mobile-menu {
            display: block;
        }
    }

    /* 레이어팝업 */
    /* 레이어팝업 */
    .modal-wrap {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 20px 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: all .2s ease;
        z-index: 1000;
    }

        .modal-wrap .cmodal-content {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 720px;
            max-width: calc(100% - 40px);
            max-height: calc(100% - 40px);
            margin: 0 auto;
            overflow-x: visible;
            z-index: 999;
            transform: translate(-50%,-50%); /* -webkit-transform:translate(calc(-50% + 0.9px), calc(-50% + 0.5px));-moz-transform:translate(calc(-50% + 0.9px), calc(-50% + 0.5px));-ms-transform:translate(calc(-50% + 0.9px), calc(-50% + 0.5px));-o-transform:translate(calc(-50% + 0.9px), calc(-50% + 0.5px));transform:translate(calc(-50% + 0.9px), calc(-50% + 0.5px)); */
        }

        .modal-wrap .modal-close {
            position: absolute;
            top: 36px;
            right: 36px;
            width: 36px;
            height: 36px;
            cursor: pointer;
            background: url(/images/common/modal_close@2x.png) no-repeat 50% 50% / 100% 100%;
            text-indent: -9999px;
        }

    .cmodal-inner {
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
    }

    .cmodal-head {
        padding: 2.8rem 1rem;
        border-bottom: 1px solid #000;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.5;
        text-align: center;
        color: #000;
    }

        .cmodal-head + .cmodal-body {
            padding: 3.6rem 3.6rem 5.2rem;
            text-align: left;
        }

            .cmodal-head + .cmodal-body .cmodal-message {
                padding-bottom: 2.4rem;
                text-align: left;
                font-size: 1.6rem;
            }

    .cmodal-body {
        position: relative;
        padding: 120px 36px 100px;
        background-color: #fff;
    }

        .cmodal-body::after {
            display: block;
            clear: both;
            content: '';
        }

    .cmodal-message {
        padding-bottom: 80px;
        font-size: 24px;
        text-align: center;
        color: #000;
    }

    .cmodal-foot {
        padding: 2.4rem 3.6rem;
        border-top: 1px solid #eee
    }

        .cmodal-foot::after {
            display: block;
            clear: both;
            content: '';
        }

        .cmodal-foot .cmodal-check {
            float: left;
            margin-top: 1rem;
        }

        .cmodal-foot .cmodal-button {
            float: right;
        }

            .cmodal-foot .cmodal-button button {
                background-color: #acacac
            }
    /*#acacac*/

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

        .cmodal-button::after {
            display: block;
            clear: both;
            content: '';
        }

        .cmodal-button button {
            display: inline-block;
            width: 160px;
            height: 60px;
            border-radius: 12px;
            background-color: #000;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            color: #fff;
        }


        .cmodal-button.type2 {
            margin-top: 1.2rem;
        }

            .cmodal-button.type2::after {
                display: block;
                clear: both;
                content: '';
            }

            .cmodal-button.type2 > div {
                float: left;
                width: 49%;
            }

                .cmodal-button.type2 > div + div {
                    float: right;
                }

                .cmodal-button.type2 > div button {
                    width: 100%;
                    background-color: #acacac
                }

                .cmodal-button.type2 > div + div button {
                    background-color: #000;
                }

    .modal-wrap.active {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }

    body.show-modal {
        overflow: hidden;
    }

    @media all and (max-width:1340px) {
        .modal-wrap {
            padding: 2rem 0
        }

            .modal-wrap .modal-close {
                top: 3.6rem;
                right: 3.6rem;
                width: 3.6rem;
                height: 3.6rem;
            }

        .modal-body {
            padding: 12rem 3.6rem 10rem;
            border-radius: 2.4rem;
        }

        .modal-message {
            padding-bottom: 8rem;
            font-size: 2.4rem;
        }

        .modal-button button {
            width: 16rem;
            height: 6rem;
            border-radius: 1.2rem;
            font-size: 1.6rem;
        }

        .modal-head {
            padding: 2.8rem 1rem;
            border-bottom: 1px solid #000;
            font-size: 2.4rem;
            font-weight: 300;
            line-height: 1.5;
            text-align: center;
            color: #000;
        }

            .modal-head + .modal-body {
                padding: 3.6rem
            }

                .modal-head + .modal-body .modal-message {
                    text-align: left;
                }
    }

    /* 220414 추가 및 수정사항 */
    @media all and (max-width:480px) {
        .member-btn-list button span {
            font-size: 1.8rem;
        }

        .login-etc-link a {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        #gnb > li a {
            font-size: 1.8rem;
        }

        #gnb > li a {
            font-size: 1.8rem;
        }

        #gnb > li .submenu li a {
            font-size: 1.8rem;
        }

        .header-profile .info {
            font-size: 1.8rem;
        }

        .header-profile .btn a.log {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .search-wrap-body .popular-list span {
            font-size: 1.7rem;
        }

        .search-wrap-body .search-result .info .title {
            font-size: 1.8rem;
        }

        .search-wrap-body .search-result .info .text {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        #mainSect4 .swiper-slide .info .text {
            font-size: 1.8rem;
        }

        #mainSect4 .swiper-slide .info .more {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .swiper-wrap .swiper-slide .info .text {
            font-size: 1.6rem
        }
    }

    @media all and (max-width:480px) {
        .board-list .info span {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .board-list-box-head .title {
            font-size: 1.8rem;
        }

        .board-list-box-head .tabs > li a {
            font-size: 1.7rem;
        }

        .board-list-btn > li > a .btn {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .paging a {
            font-size: 1.7rem;
        }

        .board-btn a {
            font-size: 1.8rem;
        }

        .rboard-btn a {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-added > em {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-head .info p {
            font-size: 1.8rem;
        }

        .board-detail-body {
            font-size: 1.8rem;
        }

        .board-detail-text {
            font-size: 1.8rem;
        }

        .board-detail-box, .board-detail-notice {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-state {
            font-size: 1.8rem;
        }

        .board-detail-comment .comment-rating .title {
            font-size: 1.7rem;
        }

        .board-detail-comment .comment-rating .btn a {
            font-size: 1.8rem;
        }

        .board-detail-comment .comment-write .submit button {
            font-size: 1.8rem;
        }

        .board-detail-comment .comment-write-text {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-comment .comment-list-item > .user {
            font-size: 1.7rem;
        }

            .board-detail-comment .comment-list-item > .user .btn li a {
                font-size: 1.7rem;
            }

        .board-detail-comment .comment-list-item > .text {
            font-size: 1.8rem;
        }

        .board-detail-comment .comment-list-item > .rating .num {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .board-detail-comment .qna-list-item > .user {
            font-size: 1.7rem;
        }

            .board-detail-comment .qna-list-item > .user .btn li a {
                font-size: 1.7rem;
            }

        .board-detail-comment .qna-list-item > .list .title {
            font-size: 1.8rem;
        }

        .board-detail-comment .qna-list-item > .list dd .text {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .count-input .count {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .feed_detail-head .user-name {
            font-size: 1.7rem;
        }

        .feed_detail-head .user-date {
            font-size: 1.7rem;
        }

        .feed_detail-head .btn a {
            font-size: 1.7rem;
        }

        .feed-gallery .gallery-item .text {
            font-size: 1.85rem;
        }

        .feed-gallery .gallery-item .user-name {
            font-size: 1.85rem;
        }

        .feed-gallery .gallery-item .user-date {
            font-size: 1.85rem;
        }

        .board-heart a {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .reserve-tabs li a {
            font-size: 2rem;
        }
    }

    @media all and (max-width:480px) {
        .review-rating-box .rating .num {
            font-size: 2rem;
        }

        .review-rating-box .list .num {
            font-size: 1.7rem;
        }

        .review-rating-box .list .bar span em {
            font-size: 1.7rem;
        }

        .review-list-title {
            font-size: 1.8rem;
        }

        .review-list-box li span {
            font-size: 1.7rem;
        }

        .review-list-box li b {
            font-size: 1.8rem;
        }

        .reserve-tag li {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .reserve-detail-list li {
            font-size: 1.8rem;
        }

        .reserve-more a {
            font-size: 1.8rem;
        }
    }

    @media all and (max-width:480px) {
        .calendar-head-date {
            font-size: 1.8rem;
        }

        .calendar-head-prev, .calendar-head-next {
            font-size: 1.8rem;
        }

        .calendar-time-list > li a {
            font-size: 1.7rem;
        }
    }

    @media all and (max-width:480px) {
        .calendar-time-list .tooltip-box {
            font-size: 1.7rem;
        }
    }

    .modal-head + .modal-body .modal-message {
        font-size: 1.8rem;
    }

    @media all and (max-width:480px) {
        .modal-button button {
            font-size: 1.8rem;
        }
    }



    /*추가*/
    .box-radio-input input[type="radio"] {
        display: none;
    }

        .box-radio-input input[type="radio"] + span {
            display: inline-block;
            background: none;
            border: 1px solid #dfdfdf;
            padding: 0px 10px;
            text-align: center;
            height: 35px;
            line-height: 33px;
            font-weight: 500;
            cursor: pointer;
        }

        .box-radio-input input[type="radio"]:checked + span {
            border: 1px solid #23a3a7;
            background: #23a3a7;
            color: #fff;
        }


        .box-radio-input input[type="radio"]:disabled + span {
            border: 1px solid #d8d8d8;
            background: #d8d8d8;
            color: #ffffff;
        }




    /*checkbox*/

    .box-checkbox-input input[type="checkbox"] {
        display: none;
    }

        .box-checkbox-input input[type="checkbox"] + span {
            display: inline-block;
            background: none;
            border: 1px solid #dfdfdf;
            padding: 0px 10px;
            text-align: center;
            position: absolute;
            cursor: pointer;
            position: relative;
            border-radius: 4px;
            margin-left: 10px;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -0.14px;
            line-height: 100px;
            height: 100px;
            width: 100px;
        }

        .box-checkbox-input input[type="checkbox"]:checked + span {
            border: 1px solid #ff7709;
            background: #ff7709;
            color: #fff;
        }


        .box-checkbox-input input[type="checkbox"]:disabled + span {
            border: 1px solid #ededed;
            background: #ededed;
            color: #cbcbcb;
        }


    @media screen and (max-width: 768px) {


        .box-checkbox-input input[type="checkbox"] + span {
            display: inline-block;
            background: none;
            border: 1px solid #dfdfdf;
            padding: 0px 10px;
            text-align: center;
            position: absolute;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: -0.14px;
            cursor: pointer;
            position: relative;
            border-radius: 4px;
            margin-left: 10px;
            margin-bottom: 10px;
            line-height: 33px;
            height: 33px;
            width: 50px;
        }
    }





    /*radio1*/

    .box-radio1-input input[type="radio"] {
        display: none;
    }

        .box-radio1-input input[type="radio"] + span {
            display: inline-block;
            background: none;
            border: 1px solid #dfdfdf;
            padding: 0px 10px;
            text-align: center;
            position: absolute;
            cursor: pointer;
            position: relative;
            border-radius: 4px;
            margin-left: 10px;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -0.14px;
            line-height: 100px;
            height: 100px;
            width: 100px;
        }

        .box-radio1-input input[type="radio"]:checked + span {
            border: 1px solid #ff7709;
            background: #ff7709;
            color: #fff;
        }


        .box-radio1-input input[type="radio"]:disabled + span {
            border: 1px solid #ededed;
            background: #ededed;
            color: #cbcbcb;
        }


    @media screen and (max-width: 768px) {


        .box-radio1-input input[type="radio"] + span {
            display: inline-block;
            background: none;
            border: 1px solid #dfdfdf;
            padding: 0px 10px;
            text-align: center;
            position: absolute;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: -0.14px;
            cursor: pointer;
            position: relative;
            border-radius: 4px;
            margin-left: 10px;
            margin-bottom: 10px;
            line-height: 33px;
            height: 33px;
            width: 50px;
        }
    }



    .ico_secret {
        display: inline-block;
        width: 14px;
        height: 15px;
        margin-right: 10px;
        background: url("/images/icons/sp_product.png") -650px -80px no-repeat;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        vertical-align: middle;
    }


    .fancybox-overlay {
        z-index: 100000;
    }

    .fancybox-opened {
        z-index: 100001;
    }


    a.sLink {
        color: #2e3039;
        text-decoration: none;
    }

        a.sLink:hover {
            color: #2e3039;
            text-decoration: none;
        }


        a.sLink:active {
            color: #2e3039;
            text-decoration: none;
        }


    /* 220427 추가사항 start */
    .sect-select-head {
    }

        .sect-select-head::after {
            display: block;
            clear: both;
            content: '';
        }

        .sect-select-head .sect-title {
            float: left;
        }

        .sect-select-head .sect-select {
            float: right;
            width: 220px;
        }

    @media all and (max-width:1340px) {
        .sect-select-head .sect-select {
            width: 22rem;
        }
    }

    @media all and (max-width:800px) {
        .sect-select-head {
            margin-bottom: 4rem;
        }

            .sect-select-head .sect-title {
                margin-bottom: 0;
                padding-bottom: 1rem;
            }
    }
    /* 220427 추가사항 end */


    /* 220427 추가사항 start */
    .program-gallery {
        position: relative;
        margin: 0 -40px;
    }

        .program-gallery::after {
            display: block;
            clear: both;
            content: '';
        }

        .program-gallery .gallery-item {
            float: left;
            width: 33.33%;
            margin-bottom: 36px;
            padding: 0 40px;
        }

            .program-gallery .gallery-item a {
                display: block;
                position: relative;
                overflow: hidden;
                border-radius: 16px;
            }

            .program-gallery .gallery-item .thumb {
                background-color: #c4c4c4;
                margin: 0 auto;
            }

                .program-gallery .gallery-item .thumb img {
                    width: 100%;
                    height: 290px;
                }

            .program-gallery .gallery-item .mask {
                position: absolute;
                top: 0;
                left: 0;
                background-color: #f8ab25;
                opacity: 0;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                z-index: 1;
            }

            .program-gallery .gallery-item a:hover .mask {
                opacity: 0.8;
            }

            .program-gallery .gallery-item .info {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 24px;
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
            }

                .program-gallery .gallery-item .info span {
                    display: block;
                    line-height: 1.5;
                    color: #fff;
                }

                .program-gallery .gallery-item .info .title {
                    margin-bottom: 6px;
                    font-size: 20px;
                    font-weight: 700;
                }




            .program-gallery .gallery-item .price {
                color: #000;
            }

                .program-gallery .gallery-item .price span,
                .program-gallery .gallery-item .price b,
                .program-gallery .gallery-item .price em {
                    display: block;
                    font-family: 'Montserrat';
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 28px;
                    letter-spacing: -0.2px;
                }

                .program-gallery .gallery-item .price span {
                    margin-bottom: 2px;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 18px;
                    letter-spacing: -0.14px;
                    color: #a9a9a9;
                    text-decoration: line-through;
                }

                .program-gallery .gallery-item .price b, .community-gallery .gallery-item .price em {
                    display: inline-block;
                    margin-bottom: 6px;
                }

                .program-gallery .gallery-item .price b {
                    margin-right: 8px;
                    color: #ff9f46;
                }

                .program-gallery .gallery-item .price em {
                }

                .program-gallery .gallery-item .price p {
                    display: inline-block;
                    padding: 6px 8px;
                    border-radius: 4px;
                    background-color: #ededed;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 24px;
                    color: #ff9f46;
                }


    @media all and (max-width:1340px) {

        .program-gallery .gallery-item .thumb img {
            width: 100%;
            height: 200px;
        }


        .program-gallery {
            margin: 0 -3rem;
        }

            .program-gallery .gallery-item {
                margin-bottom: 3.6rem;
                padding: 0 3rem;
            }

                .program-gallery .gallery-item a {
                    border-radius: 1.6rem;
                }

                .program-gallery .gallery-item .info {
                    padding: 2.4rem;
                }

                    .program-gallery .gallery-item .info .title {
                        margin-bottom: .6rem;
                        font-size: 2rem;
                    }




                .program-gallery .gallery-item .price b, .program-gallery .gallery-item .price em {
                    margin-bottom: 0.6rem;
                }

                .program-gallery .gallery-item .price span,
                .program-gallery .gallery-item .price b,
                .program-gallery .gallery-item .price em {
                    font-size: 2rem;
                    line-height: 1.2;
                }

                .program-gallery .gallery-item .price span {
                    font-size: 14px;
                }

                .program-gallery .gallery-item .price p {
                    font-size: 1.6rem;
                    line-height: 20px;
                }
    }

    @media all and (max-width:1024px) {
        .program-gallery {
            margin: 0 -2rem;
        }

            .program-gallery .gallery-item {
                margin-bottom: 3.6rem;
                padding: 0 2rem;
            }
    }

    @media all and (max-width:800px) {
        .program-gallery {
            margin: 0 -1.5rem;
        }

            .program-gallery .gallery-item {
                width: 50%;
                margin-bottom: 3rem;
                padding: 0 1.5rem;
            }
    }

    @media all and (max-width:640px) {
        .program-gallery {
            margin: 0 -1rem;
        }

            .program-gallery .gallery-item {
                margin-bottom: 2rem;
                padding: 0 1rem;
            }
    }


    @media all and (max-width:640px) {
        .program-gallery .gallery-item .price span,
        .program-gallery .gallery-item .price b,
        .program-gallery .gallery-item .price em {
            font-size: 1.85rem;
            line-height: 20px;
        }

        .program-gallery .gallery-item .price span {
            font-size: 1.75rem;
        }

        .program-gallery .gallery-item .price p {
            font-size: 1.85rem;
        }
    }

    .program-list {
        position: relative;
        margin: 0 -40px;
        display: block;
    }

        .program-list::after {
            display: block;
            clear: both;
            content: '';
        }

        .program-list .list-item {
            float: left;
            width: 33.33%;
        }

            .program-list .list-item:nth-child(n+4) {
                margin-top: 40px;
            }

            .program-list .list-item a {
                display: block;
            }

            .program-list .list-item .image {
                text-align: center;
            }

                .program-list .list-item .image img {
                    width: 240px
                }

            .program-list .list-item .title {
                font-size: 20px;
                font-weight: 700;
                line-height: 1.5;
                text-align: center;
                color: #000;
            }

    @media all and (max-width:1340px) {
        .program-list {
            margin: 0 -3rem;
        }

            .program-list .list-item {
                padding: 0 3rem;
            }

                .program-list .list-item:nth-child(n+4) {
                    margin-top: 3rem;
                }

                .program-list .list-item .title {
                    font-size: 2rem;
                }

                .program-list .list-item .image img {
                    width: 24rem;
                }
    }

    @media all and (max-width:1024px) {
        .program-list {
            margin: 0 -3rem;
        }

            .program-list .list-item {
                padding: 0 3rem;
            }
    }

    @media all and (max-width:800px) {
        .program-list {
            margin: 0 -2rem;
        }

            .program-list .list-item {
                padding: 0 2rem;
            }
    }

    @media all and (max-width:480px) {
        .program-list .list-item {
            width: 50%
        }

            .program-list .list-item:nth-child(n+3) {
                margin-top: 2rem;
            }
    }
    /* 220427 추가사항 end */


    /* 220508 추가사항 start */
    .sect-search-head {
    }

        .sect-search-head::after {
            display: block;
            clear: both;
            content: '';
        }

        .sect-search-head .sect-title {
            float: left;
        }

        .sect-search-head .sect-title {
            margin-bottom: 24px;
        }

            .sect-search-head .sect-title p {
                font-size: 16px;
                line-height: 24px;
                color: #000;
            }

        .sect-search-head .sect-search {
            float: right;
            margin-top: 20px;
        }

            .sect-search-head .sect-search input {
                float: left;
                width: 340px;
            }

            .sect-search-head .sect-search button {
                float: left;
                width: 120px;
                margin: 0 0 0 6px;
            }

        .sect-search-head .sect-search-tabs .sub-tabs {
            position: relative;
            clear: both;
            margin: 0 -4px 40px;
        }

            .sect-search-head .sect-search-tabs .sub-tabs::after {
                display: block;
                clear: both;
                content: '';
            }

            .sect-search-head .sect-search-tabs .sub-tabs > li {
                float: left;
                height: 52px;
                margin-bottom: 8px;
                padding: 0 4px;
            }

                .sect-search-head .sect-search-tabs .sub-tabs > li a {
                    display: block;
                    width: 100px;
                    height: 52px;
                    line-height: 52px;
                    border-radius: 4px;
                    background-color: #ededed;
                    font-size: 16px;
                    color: #000;
                    text-align: center;
                }

                .sect-search-head .sect-search-tabs .sub-tabs > li.on a {
                    line-height: 50px;
                    border: solid 1px #000;
                    background-color: #fff;
                }

    @media all and (max-width:1340px) {
        .sect-search-head .sect-search input {
            width: 34rem;
        }

        .sect-search-head .sect-search button {
            width: 12rem;
        }

        .sect-search-head .sect-search-tabs .sub-tabs {
            margin: 0 -3px 4rem;
        }

            .sect-search-head .sect-search-tabs .sub-tabs > li {
                height: 48px;
                margin-bottom: 6px;
                padding: 0 3px;
            }

                .sect-search-head .sect-search-tabs .sub-tabs > li a {
                    width: 9.1rem;
                    height: 48px;
                    line-height: 48px;
                    font-size: 1.6rem;
                }

        .sect-search-head .sect-search-tabs > li.on a {
            line-height: 46px;
        }
    }

    @media all and (max-width:1024px) {
        .sect-search-head .sect-search-tabs > li {
            width: 20%;
        }

            .sect-search-head .sect-search-tabs > li a {
                width: 100%;
            }
    }

    @media all and (max-width:800px) {
        .sect-search-head {
            margin-bottom: 2.4rem;
        }

            .sect-search-head .sect-title {
                float: none;
                margin-bottom: 0;
                padding-bottom: 1rem;
            }

            .sect-search-head .sect-search {
                float: none;
                margin-top: 2rem;
            }

                .sect-search-head .sect-search input {
                    width: 68%;
                }

                .sect-search-head .sect-search button {
                    float: right;
                    width: 31%;
                    margin: 0;
                }

            .sect-search-head .sect-search-tabs {
                margin: 6px -3px 0;
            }

                .sect-search-head .sect-search-tabs > li {
                    width: 25%;
                }
    }

    @media all and (max-width:480px) {
        .sect-search-head .sect-search-tabs {
            margin: 6px -2px 0;
        }

            .sect-search-head .sect-search-tabs > li {
                width: 33.33%;
                margin-bottom: 4px;
                padding: 0 2px;
            }

                .sect-search-head .sect-search-tabs > li a {
                    font-size: 1.8rem;
                }
    }

    .content-search-head {
        position: relative;
        margin-bottom: 24px;
    }

        .content-search-head::after {
            display: block;
            clear: both;
            content: '';
        }

        .content-search-head .content-title {
            position: absolute;
            bottom: 0;
            left: 0;
            margin: 0;
        }

        .content-search-head .content-search {
            float: right;
        }

            .content-search-head .content-search select {
                float: left;
                width: 200px;
                font-size: 14px;
                color: #000;
            }

            .content-search-head .content-search input {
                float: left;
                width: 340px;
                margin: 0 0 0 6px;
            }

            .content-search-head .content-search button {
                float: left;
                width: 120px;
                margin: 0 0 0 6px;
            }


    /*2022-05-23*/
    .content-search-head-reserve {
        position: relative;
        margin-bottom: 24px;
    }

        .content-search-head-reserve::after {
            display: block;
            clear: both;
            content: '';
        }

        .content-search-head-reserve .content-title-reserve {
            position: absolute;
            bottom: 0;
            left: 0;
            margin: 0;
        }

        .content-search-head-reserve .content-search-reserve {
            float: right;
        }


            .content-search-head-reserve .content-search-reserve input {
                float: left;
                width: 340px;
                margin: 0 0 0 6px;
            }

            .content-search-head-reserve .content-search-reserve button {
                float: left;
                width: 120px;
                margin: 0 0 0 6px;
            }




    @media all and (max-width:1340px) {

        .content-search-head-reserve {
            margin-bottom: 2.4rem;
        }



        /*.content-search-head-reserve .content-search-reserve input {
            width: 34rem;
            margin: 0 1%;
        }

        .content-search-head-reserve .content-search-reserve button {
            width: 12rem;
            margin: 0;
        }*/
        /*.content-search-head-reserve .content-search-reserve input {
        width: 34rem;
    }

    .content-search-head-reserve .content-search-reserve button {
        width: 500rem;
    }*/


        .content-search-head .content-search select {
            width: 20rem;
        }

        .content-search-head .content-search input {
            width: 34rem;
        }

        .content-search-head .content-search button {
            width: 12rem;
        }
    }

    @media all and (max-width:1024px) {
        .content-search-head-reserve .content-title-reserve {
            position: relative;
            bottom: auto;
            left: auto;
        }

        .content-search-head-reserve .content-search-reserve {
            float: none;
            margin-top: 2rem;
        }


        .content-search-head .content-title {
            position: relative;
            bottom: auto;
            left: auto;
        }

        .content-search-head .content-search {
            float: none;
            margin-top: 2rem;
        }
    }







    @media all and (max-width:800px) {
        .content-search-head-reserve {
            margin-bottom: 2.4rem;
        }



            .content-search-head-reserve .content-search-reserve input {
                width: 100%;
                margin: 0 1%;
            }

            .content-search-head-reserve .content-search-reserve button {
                width: 500%;
                margin: 0;
            }



        .content-search-head {
            margin-bottom: 2.4rem;
        }

            .content-search-head .content-search select {
                width: 30%;
                margin: 0;
            }

            .content-search-head .content-search input {
                width: 50%;
                margin: 0 1%;
            }

            .content-search-head .content-search button {
                width: 18%;
                margin: 0;
            }
    }

    @media all and (max-width:480px) {



        .content-search-head-reserve .content-search-reserve input {
            width: 100%;
            margin: 0 1%;
        }

        .content-search-head-reserve .content-search-reserve button {
            width: 200%;
            margin-left: 5px;
        }



        .content-search-head .content-search select {
            float: none;
            width: 100%;
            margin: 0 0 6px;
        }

        .content-search-head .content-search input {
            width: 68%;
            margin: 0;
        }

        .content-search-head .content-search button {
            float: right;
            width: 31%;
        }
    }
    /* 220508 추가사항 end */


    /* 220508 추가사항 */
    .community-gallery {
        overflow: hidden;
        position: relative;
        margin: 0 -14px;
    }

        .community-gallery:after {
            display: block;
            clear: both;
            content: '';
        }

        .community-gallery .gallery-item {
            float: left;
            width: 25%;
            margin-bottom: 52px;
            padding: 0 14px;
        }

            .community-gallery .gallery-item a {
                display: block;
            }

            .community-gallery .gallery-item .image {
                margin-bottom: 24px;
                border-radius: 15px;
            }

            /*20220824 추가*/
            .community-gallery .gallery-item .imagebak {
                margin-bottom: 24px;
                border-radius: 15px;
            }



            /*20220706 수정*/
            .community-gallery .gallery-item .image img {
                width: 100%;
                height: 220px;
                border-radius: 15px;
            }


            .community-gallery .gallery-item .imagebak img {
                width: 100%;
                height: 220px;
                border-radius: 15px;
                filter: brightness(50%);
            }

            .community-gallery .gallery-item .city {
                margin-bottom: 4px;
                font-size: 16px;
                line-height: 24px;
                color: #a9a9a9;
            }

            .community-gallery .gallery-item .state {
                margin-bottom: 4px;
                font-size: 16px;
                line-height: 24px;
                color: #ff4646;
            }

            .community-gallery .gallery-item .title {
                margin-bottom: 8px;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-size: 16px;
                line-height: 24px;
                color: #000;
            }

            .community-gallery .gallery-item .star {
                margin-bottom: 16px;
            }

                .community-gallery .gallery-item .star::after {
                    display: block;
                    clear: both;
                    content: '';
                }

                .community-gallery .gallery-item .star div {
                    float: left;
                    width: 120px;
                    height: 24px;
                    background: url(/images/common/gallery_ico_star_off@2x.png) repeat-x 0 0 / auto 24px;
                }

                    .community-gallery .gallery-item .star div p {
                        height: 24px;
                        background: url(/images/common/gallery_ico_star_on@2x.png) repeat-x 0 0 / auto 24px;
                    }

                .community-gallery .gallery-item .star em {
                    display: block;
                    float: left;
                    margin-left: 8px;
                    font-size: 14px;
                    line-height: 24px;
                    color: #707070;
                }

            .community-gallery .gallery-item .price {
                color: #000;
            }

                .community-gallery .gallery-item .price span,
                .community-gallery .gallery-item .price b,
                .community-gallery .gallery-item .price em {
                    display: block;
                    font-family: 'Montserrat';
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 28px;
                    letter-spacing: -0.2px;
                }

                .community-gallery .gallery-item .price span {
                    margin-bottom: 2px;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 18px;
                    letter-spacing: -0.14px;
                    color: #a9a9a9;
                    text-decoration: line-through;
                }

                .community-gallery .gallery-item .price b, .community-gallery .gallery-item .price em {
                    display: inline-block;
                    margin-bottom: 6px;
                }

                .community-gallery .gallery-item .price b {
                    margin-right: 8px;
                    color: #ff9f46;
                }

                .community-gallery .gallery-item .price em {
                }

                .community-gallery .gallery-item .price p {
                    display: inline-block;
                    padding: 6px 8px;
                    border-radius: 4px;
                    background-color: #ededed;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 24px;
                    color: #ff9f46;
                }

    .board-more + .board-control {
        margin-top: 12px;
    }

    .swiper-container .community-gallery {
        margin: 0 auto;
        overflow: visible;
    }
        /* 220513 추가 */
        .swiper-container .community-gallery .gallery-item {
            padding: 0;
        }
        /* 220513 추가 */
        .swiper-container .community-gallery .gallery-item {
            width: auto;
        }
    /* 220513 추가 */


    @media all and (max-width:1340px) {
        .community-gallery {
            margin: 0 -10px;
        }

            .community-gallery .gallery-item {
                margin-bottom: 5.2rem;
                padding: 0 10px;
            }

                .community-gallery .gallery-item .image {
                    margin-bottom: 2.4rem;
                    border-radius: 1.5rem;
                }

                /*20220824 추가*/
                .community-gallery .gallery-item .imagebak {
                    margin-bottom: 2.4rem;
                    border-radius: 1.5rem;
                }



                .community-gallery .gallery-item .image img {
                    width: 100%;
                    height: 200px;
                }



                .community-gallery .gallery-item .imagebak img {
                    width: 100%;
                    height: 200px;
                }


                .community-gallery .gallery-item .city {
                    font-size: 1.6rem;
                    line-height: 20px;
                }

                .community-gallery .gallery-item .state {
                    font-size: 1.6rem;
                    line-height: 20px;
                }

                .community-gallery .gallery-item .title {
                    font-size: 1.6rem;
                    line-height: 20px;
                    color: #000;
                }

                .community-gallery .gallery-item .star {
                    margin-bottom: 1.2rem;
                }

                    .community-gallery .gallery-item .star div {
                        width: 85px;
                        height: 17px;
                        background: url(/images/common/gallery_ico_star_off@2x.png) repeat-x 0 0 / auto 17px;
                    }

                        .community-gallery .gallery-item .star div p {
                            height: 17px;
                            background: url(/images/common/gallery_ico_star_on@2x.png) repeat-x 0 0 / auto 17px;
                        }

                    .community-gallery .gallery-item .star em {
                        font-size: 14px;
                        line-height: 17px;
                    }

                .community-gallery .gallery-item .price b, .community-gallery .gallery-item .price em {
                    margin-bottom: 0.6rem;
                }

                .community-gallery .gallery-item .price span,
                .community-gallery .gallery-item .price b,
                .community-gallery .gallery-item .price em {
                    font-size: 2rem;
                    line-height: 1.2;
                }

                .community-gallery .gallery-item .price span {
                    font-size: 14px;
                }

                .community-gallery .gallery-item .price p {
                    font-size: 1.6rem;
                    line-height: 20px;
                }
    }

    @media all and (max-width:1024px) {
        .community-gallery .gallery-item {
            width: 33.33%;
        }

            .community-gallery .gallery-item:nth-child(3n+1) {
                clear: both;
            }
    }

    @media all and (max-width:800px) {
        .community-gallery .gallery-item {
            width: 50%;
        }

            .community-gallery .gallery-item:nth-child(3n+1) {
                clear: none;
            }

            .community-gallery .gallery-item:nth-child(2n+1) {
                clear: both;
            }

        .swiper-container .community-gallery .gallery-item {
            width: 200px;
        }
        /* 220513 추가 8까지 보여주기  */
        #mainSect3 .community-gallery .gallery-item:nth-child(n+9) {
            display: none;
        }
        /* 220513 추가 */
    }

    @media all and (max-width:480px) {
        .community-gallery .gallery-item .city,
        .community-gallery .gallery-item .state,
        .community-gallery .gallery-item .title {
            font-size: 1.85rem;
        }

        .community-gallery .gallery-item .star em {
            margin-left: 4px;
            font-size: 12px;
        }

        .community-gallery .gallery-item .price span,
        .community-gallery .gallery-item .price b,
        .community-gallery .gallery-item .price em {
            font-size: 1.85rem;
            line-height: 20px;
        }

        .community-gallery .gallery-item .price span {
            font-size: 1.75rem;
        }

        .community-gallery .gallery-item .price p {
            font-size: 1.85rem;
        }


        .community-gallery .gallery-item .image img {
            height: 150px;
        }


        .community-gallery .gallery-item .imagebak img {
            height: 150px;
        }

        .swiper-container .community-gallery .gallery-item {
            width: 120px;
        }
        /* 220513 추가 */

    }


    /*@media all and (max-width:768px) {

    .community-gallery .gallery-item .image img {
        height: 170px;
    }


}*/


    ng-deep .ngx-summernote-view img {
        max-width: 100%;
    }