html {
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
            display: block
        }

        audio, canvas, progress, video {
            display: inline-block;
            vertical-align: baseline
        }

        a {
            background-color: transparent
        }

        h1 {
            margin: .67em 0;
            font-size: 2em
        }

        img {
            border: 0
        }

        button, input, optgroup, select, textarea {
            margin: 0;
            font: inherit;
            color: inherit
        }

        button {
            overflow: visible
        }

        button, select {
            text-transform: none
        }

        button, html input[type=button], input[type=reset], input[type=submit] {
            -webkit-appearance: button;
            cursor: pointer
        }

        table {
            border-spacing: 0;
            border-collapse: collapse
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        :after, :before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html {
            font-size: 10px;
            -webkit-tap-highlight-color: rgba(0,0,0,0)
        }

        body {
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff
        }

        button, input, select, textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        a {
            color: #337ab7;
            text-decoration: none
        }

        figure {
            margin: 0
        }

        img {
            vertical-align: middle
        }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
            display: block;
            max-width: 100%;
            height: auto
        }

        [role=button] {
            cursor: pointer
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            font-family: inherit;
            font-weight: 500;
            line-height: 1.1;
            color: inherit
        }

            .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
                font-weight: 400;
                line-height: 1;
                color: #777
            }

        .h1, .h2, .h3, h1, h2, h3 {
            margin-top: 20px;
            margin-bottom: 10px
        }

        .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-size: 75%
        }

        .h1, h1 {
            font-size: 36px
        }

        .h2, h2 {
            font-size: 30px
        }

        .h6, h6 {
            font-size: 12px
        }

        p {
            margin: 0 0 10px
        }

        .page-header {
            padding-bottom: 9px;
            margin: 40px 0 20px;
            border-bottom: 1px solid #eee
        }

        ol, ul {
            margin-top: 0;
            margin-bottom: 10px
        }

        .list-inline > li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px
        }

        dl {
            margin-top: 0;
            margin-bottom: 20px
        }

        dd, dt {
            line-height: 1.42857143
        }

        dt {
            font-weight: 700
        }

        dd {
            margin-left: 0
        }

        .pre-scrollable {
            max-height: 340px;
            overflow-y: scroll
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width: 768px) {
            .container {
                width: 750px
            }
        }

        @media (min-width: 992px) {
            .container {
                width: 970px
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px
            }
        }

        .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .row {
            margin-right: -15px;
            margin-left: -15px;
        }

        @media (min-width: 1200px) {
            .col-lg-offset-0 {
                margin-left: 0
            }
        }

        table {
            background-color: transparent
        }

        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        .dropdown, .dropup {
            position: relative
        }

        .dropdown-toggle:focus {
            outline: 0
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175)
        }

        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent
        }

        @media (min-width: 768px) {
            .navbar {
                border-radius: 4px
            }
        }

        @media (min-width: 768px) {
            .navbar-right ~ .navbar-right {
                margin-right: 0
            }
        }

        .navbar-default {
            background-color: #f8f8f8;
            border-color: #e7e7e7
        }

        .label-danger[href]:focus, .label-danger[href]:hover {
            background-color: #c9302c
        }

        .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            background-color: #777;
            border-radius: 10px
        }

            .badge:empty {
                display: none
            }

        @media screen and (min-width: 768px) {
            .carousel-indicators {
                bottom: 20px
            }
        }

        .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
            display: table;
            content: " "
        }

        .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
            clear: both
        }




        @font-face {
            font-display: swap;
            font-family: 'Noto Sans KR';
            font-style: normal;
            font-weight: 100;
            src: url('/font/noto-sans-kr-v36-korean_latin-regular.woff2') format('woff2');
        }

        @font-face {
            font-display: swap;
            font-family: 'Noto Sans KR';
            font-style: normal;
            font-weight: 500;
            src: url('/font/noto-sans-kr-v36-korean_latin-500.woff2') format('woff2');
        }

        @font-face {
            font-display: swap;
            font-family: 'Noto Sans KR';
            font-style: normal;
            font-weight: 300;
            src: url('/font/noto-sans-kr-v36-korean_latin-300.woff2') format('woff2');
        }

        @font-face {
            font-display: swap;
            font-family: 'Noto Sans KR';
            font-style: normal;
            font-weight: 700;
            src: url('/font/noto-sans-kr-v36-korean_latin-700.woff2') format('woff2');
        }
    
    

        @charset "UTF-8";
        /* CSS Document */
        * {
            margin: 0;
            padding: 0;
            outline: none !important;
        }

            *:hover {
                outline: none !important;
            }

            *:active {
                outline: none !important;
            }

            *:visited {
                outline: none !important;
            }

        img {
            padding: 0;
            margin: 0;
        }

        html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }

        body {
            font-family: 'Noto Sans KR',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;
            font-size: 13px;
            padding: 0;
            margin: 0;
            background: #f9f9f9;
            width: 100%;
            height: 100%;
        }

        ::selection {
            background: #ff7916;
            color: #111;
        }

        body::-webkit-scrollbar {
            width: 14px;
        }

        body::-webkit-scrollbar-thumb {
            background-color: #242c47;
            border-radius: 12px;
            background-clip: padding-box;
            border: 2px solid transparent;
        }

        body::-webkit-scrollbar-track {
            background-color: #ddd;
            box-shadow: inset 0px 0px 5px white;
        }

        a {
            color: #222;
            text-decoration: none;
        }

        h1, h2, .post_title, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            font-family: inherit;
            margin: 0;
        }

        ul, li, dl, dd, dt {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        p, span, div, strong {
            padding: 0;
            margin: 0;
        }

        .navbar {
            border: 0 none;
            border-radius: 0;
            box-shadow: none;
            padding-bottom: 10px;
            margin-bottom: 0;
        }

        .wrapper {
            margin: 0 auto;
            overflow: hidden;
            width: 100%;
        }

        .container {
            width: 1200px;
            margin: 0 auto;
            padding: 0;
            position: relative;
        }

        .snow_bg {
            position: absolute;
            top: 0;
            left: 0;
        }

        nav, .pagination {
            text-align: center;
        }

        .upper_link {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .main {
            width: 100%;
            clear: both;
            margin: 10px 0;
        }

        .info_box_area {
            overflow: hidden;
            margin: 10px 0;
        }

            .info_box_area li {
                float: left;
                width: 33.333%;
                overflow: hidden;
                box-sizing: border-box;
                padding: 5px;
                position: relative;
            }

                .info_box_area li .box {
                    height: 80px;
                    --borderWidth: 3px;
                    background: #fff;
                    position: relative;
                    border-radius: var(--borderWidth);
                    padding: 10px;
                }

                    .info_box_area li .box :after {
                        content: '';
                        position: absolute;
                        top: calc(-1 * var(--borderWidth));
                        left: calc(-1 * var(--borderWidth));
                        height: calc(100% + var(--borderWidth) * 2);
                        width: calc(100% + var(--borderWidth) * 2);
                        background: linear-gradient(60deg, #ff7916, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #ff7916, #6fba82);
                        border-radius: calc(1.5 * var(--borderWidth));
                        z-index: -1;
                        animation: animatedgradient 2s ease alternate infinite;
                        background-size: 300% 300%;
                    }

                    .info_box_area li .box .icons {
                        float: left;
                        width: 20%;
                        text-align: center;
                        padding-top: 14px;
                    }

                        .info_box_area li .box .icons i {
                            font-size: 28px;
                            color: #ff7916
                        }

                .info_box_area li dl {
                    float: left;
                    overflow: hidden;
                    width: 80%;
                    padding-left: 5px;
                }

                .info_box_area li dt {
                    color: #ff7916;
                    font-size: 16px;
                }

                .info_box_area li dd {
                    font-size: 12px;
                    color: #555;
                    letter-spacing: -1px;
                }

        .board_box {
            min-height: 120px;
            margin-bottom: 10px;
            background: #fff;
            border-radius: 2px;
            overflow: hidden;
            border: 1px solid #f3f3f3;
            padding: 5px;
            border-radius: 11px;
        }

            .board_box .pc_box {
            }

            .board_box .tit_area {
                position: relative;
                overflow: hidden;
                padding: 0 2px;
                margin: 10px 4px;
            }

                .board_box .tit_area h1 {
                    font-size: 18px;
                    color: #222;
                    margin-bottom: 10px;
                    letter-spacing: -1px;
                }

                .board_box .tit_area h2 {
                    font-size: 16px;
                    color: #222;
                    margin-bottom: 10px;
                    letter-spacing: -1px;
                }

                .board_box .tit_area p {
                    color: #222;
                    background: #f5f5f5;
                    padding: 12px;
                    border-radius: 6px;
                }

                .board_box .tit_area .more {
                    display: none;
                    border-radius: 500px;
                    position: absolute;
                    top: 0;
                    right: 2px;
                    color: #fff;
                    font-size: 12px;
                    background: #111;
                    padding: 2px 10px;
                }

            .board_box ul {
                padding: 10px 5px;
                overflow: hidden;
            }

            .board_box li {
                overflow: hidden;
                float: left;
                width: 25%;
                box-sizing: border-box;
                padding: 0 5px;
                text-align: center;
            }

                .board_box li .box {
                    overflow: hidden;
                    position: relative;
                }

                    .board_box li .box .imgs {
                        border-radius: 1px;
                        position: relative;
                    }

                        .board_box li .box .imgs img {
                            width: 100%;
                            height: 100%;
                        }

                    .board_box li .box .txt {
                        color: #333;
                        font-size: 14px;
                        font-weight: bold;
                        margin-top: 5px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        letter-spacing: -1px;
                    }

                        .board_box li .box .txt .hot {
                            background: #cb3c3c;
                            color: #fff;
                            font-size: 11px;
                            font-weight: 600;
                            padding: 1px 5px;
                            margin-right: 5px;
                            border-radius: 1px;
                            animation-name: blink;
                            animation-duration: 1s;
                            animation-timing-function: step-end;
                            animation-iteration-count: infinite;
                        }

                            .board_box li .box .txt .hot.ing {
                                animation: none;
                                background: #ff7916;
                                border-radius: 4px;
                                padding: 0 5px 1px 5px;
                            }

                            .board_box li .box .txt .hot.exit {
                                animation: none;
                                background: #333;
                                border-radius: 4px;
                                padding: 0 5px 1px 5px;
                            }

                    .board_box li .box .muk_txt {
                        color: #777;
                        letter-spacing: -1px;
                        margin-top: 4px;
                    }

        .board_box2 li {
            width: 25%;
        }

            .board_box2 li .box .txt {
                text-align: left;
            }

        .main_freeslot {
            min-height: 196px;
        }

            .main_freeslot .new_slot {
                padding: 10px;
                overflow: hidden;
            }

            .main_freeslot .slick-arrow {
                display: none !important;
            }

            .main_freeslot .slick_list {
                overflow: hidden;
                padding: 0 2px;
            }

                .main_freeslot .slick_list .box {
                    position: relative;
                }

                    .main_freeslot .slick_list .box .imgs img {
                        width: 100%;
                        height: 100%;
                    }

                    .main_freeslot .slick_list .box .txt {
                        text-align: center;
                        font-size: 14px;
                        color: #000;
                        margin-top: 2px;
                    }

                        .main_freeslot .slick_list .box .txt .hot {
                            display: none;
                        }

        .freeslot_latest {
            overflow: hidden;
            padding-bottom: 5px;
        }

            .freeslot_latest .titt {
                overflow: hidden;
                font-size: 13px;
                color: #212121;
                text-align: center;
                height: 34px;
                line-height: 34px;
                font-weight: 500;
                text-overflow: ellipsis;
                white-space: nowrap;
                position: absolute;
                top: -3px;
                left: 9px;
                z-index: 1;
            }

            .freeslot_latest li {
                float: left;
                margin: 10px;
                position: relative;
                width: 263px;
                border-radius: 17px;
                overflow: hidden;
            }

                .freeslot_latest li .imgs_demo img {
                    width: 263px
                }

        .tab_board_area {
            overflow: hidden;
            margin: 10px 0;
        }

            .tab_board_area .tab_board_box {
                float: left;
                width: 49.5%;
                overflow: hidden;
                border: 1px solid #ddd;
            }

                .tab_board_area .tab_board_box:last-child {
                    float: right;
                }

                .tab_board_area .tab_board_box .tab_menu {
                    overflow: hidden;
                }

                    .tab_board_area .tab_board_box .tab_menu .menu_list {
                        cursor: pointer;
                        width: 33.333%;
                        float: left;
                        box-sizing: border-box;
                        height: 40px;
                        line-height: 40px;
                        background: #eee;
                        color: #555;
                        font-size: 13px;
                        font-weight: 500;
                        text-align: center;
                    }

                        .tab_board_area .tab_board_box .tab_menu .menu_list.active {
                            background: #fff;
                            color: #000;
                        }

                .tab_board_area .tab_board_box .board_conts {
                    background: #fff;
                    overflow: hidden;
                    padding: 10px;
                    min-height: 255px;
                }

                    .tab_board_area .tab_board_box .board_conts .img_box {
                        overflow: hidden;
                    }

                        .tab_board_area .tab_board_box .board_conts .img_box .best_list {
                            float: left;
                            width: 33.333%;
                            padding: 0 5px;
                        }

                            .tab_board_area .tab_board_box .board_conts .img_box .best_list a {
                                display: block;
                                position: relative;
                            }

                            .tab_board_area .tab_board_box .board_conts .img_box .best_list .num {
                                position: absolute;
                                top: 0;
                                left: 0;
                                z-index: 1;
                                background: #ff7916;
                                color: #fff;
                                width: 24px;
                                height: 18px;
                                text-align: center;
                                line-height: 18px;
                                font-size: 11px;
                                border-radius: 1px;
                            }

                            .tab_board_area .tab_board_box .board_conts .img_box .best_list .imgs {
                                background: #eee;
                                border: 1px solid #ddd;
                                border-radius: 1px;
                                width: 115px;
                                height: 64px;
                            }

                            .tab_board_area .tab_board_box .board_conts .img_box .best_list img {
                                width: 100%;
                                height: 100%;
                            }

                            .tab_board_area .tab_board_box .board_conts .img_box .best_list .txt {
                                overflow: hidden;
                                height: 25px;
                                line-height: 20px;
                                color: #444;
                                font-size: 13px;
                                margin-top: 5px;
                                letter-spacing: -1px;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                    .tab_board_area .tab_board_box .board_conts .normal_list {
                        position: relative;
                        overflow: hidden;
                        padding: 0 5px;
                        margin-top: 10px;
                    }

                        .tab_board_area .tab_board_box .board_conts .normal_list .num {
                            float: left;
                            background: #ff7916;
                            color: #fff;
                            width: 24px;
                            height: 18px;
                            text-align: center;
                            line-height: 18px;
                            font-size: 11px;
                            border-radius: 1px;
                        }

                        .tab_board_area .tab_board_box .board_conts .normal_list .txt {
                            color: #777;
                            font-size: 13px;
                            letter-spacing: -1px;
                            float: left;
                            margin-left: 10px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            width: 338px;
                            overflow: hidden;
                        }

                        .tab_board_area .tab_board_box .board_conts .normal_list .date {
                            float: right;
                            font-size: 12px;
                            color: #888;
                            font-weight: 300;
                        }

        .video_box {
            margin: 10px 0;
            padding: 40px;
            overflow: hidden;
            background: #e9eeff url("/imgs/video_bg.webp") right bottom no-repeat;
            border: 1px solid #ddd;
        }

            .video_box .text_area {
                width: 280px;
                float: left;
                padding-left: 30px;
                padding-top: 30px;
                box-sizing: border-box;
            }

                .video_box .text_area dt {
                    font-size: 34px;
                    color: #414c72;
                    font-family: 'RixYeoljeongdo_Regular';
                    letter-spacing: -1px;
                    line-height: 42px;
                }

                    .video_box .text_area dt .color_re {
                        color: #242c47
                    }

                .video_box .text_area dd {
                    font-size: 17px;
                    color: #222;
                    margin-top: 40px;
                    font-weight: 500;
                }

                    .video_box .text_area dd .tag {
                        overflow: hidden;
                        margin-top: 5px;
                    }

                        .video_box .text_area dd .tag a {
                            color: #154499;
                            font-size: 13px;
                            font-weight: 300;
                        }

            .video_box .video {
                width: 514px;
                overflow: hidden;
                float: left;
                margin-top: 20px;
            }

                .video_box .video iframe {
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    border: 1px solid #ddd;
                    border-radius: 2px
                }

        .warranty_main {
            position: relative;
            padding: 10px;
        }

            .warranty_main .slick_list {
                position: relative;
                text-align: left;
                padding: 0 2px;
            }

                .warranty_main .slick_list img {
                    width: 100%;
                    height: 100%;
                    border-radius: 11px;
                }

                .warranty_main .slick_list .tit {
                    color: #111;
                    font-weight: bold;
                    font-size: 14px;
                    margin-top: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    letter-spacing: -0.5px;
                }

                    .warranty_main .slick_list .tit .hot {
                        background: #cb3c3c;
                        color: #fff;
                        font-size: 10px;
                        padding: 1px 5px;
                        margin-right: 5px;
                        border-radius: 2px;
                        animation-name: blink;
                        animation-duration: 1s;
                        animation-timing-function: step-end;
                        animation-iteration-count: infinite;
                    }

                .warranty_main .slick_list .sub {
                    color: #666;
                    letter-spacing: -1px;
                }

        .accordion-box {
            overflow: hidden;
            margin-top: 20px;
        }

            .accordion-box .tit {
                overflow: hidden;
                margin-bottom: 10px;
                padding: 0 20px;
            }

                .accordion-box .tit h2 {
                    font-size: 21px;
                    color: #333;
                    font-weight: bold;
                    letter-spacing: -1px;
                }

                    .accordion-box .tit h2::before {
                        content: url("/imgs/main_qna_icon.png?2");
                        display: inline-block;
                        margin-right: 12px;
                        vertical-align: middle;
                    }

                .accordion-box .tit p {
                    color: #555;
                    font-size: 16px;
                    margin: 10px 0;
                }

            .accordion-box ul {
                overflow: hidden;
            }

            .accordion-box li {
                overflow: hidden;
                margin-bottom: 8px;
                background: #fff;
                border: 1px solid #eee;
            }

                .accordion-box li .title {
                    padding: 0 15px;
                    height: 48px;
                    line-height: 48px;
                    cursor: pointer;
                    overflow: hidden;
                }

                    .accordion-box li .title h2 {
                        float: left;
                        color: #333;
                        font-weight: 400;
                        font-size: 15px;
                        line-height: 48px;
                        margin: 0;
                    }

                    .accordion-box li .title .arrow {
                        float: right;
                        color: #666;
                    }

                .accordion-box li .con {
                    display: none;
                    padding: 25px;
                    color: #666;
                    border-top: 1px solid #eee;
                }

                    .accordion-box li .con p {
                        line-height: 25px;
                        font-size: 14px;
                    }

                    .accordion-box li .con dl {
                        background: #f5f5f5;
                        padding: 15px;
                        margin: 10px 0;
                        border-radius: 6px;
                    }

                    .accordion-box li .con dt {
                        font-weight: normal;
                        margin: 2px 0;
                        line-height: 25px;
                        overflow: hidden;
                    }

                        .accordion-box li .con dt h3 {
                            font-size: 14px;
                            color: #888;
                            display: inline
                        }

                        .accordion-box li .con dt p {
                            font-size: 14px;
                            color: #888;
                            display: inline
                        }

        .telegram_tool {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 11;
        }

        .m_main_banner {
            margin: -12px 2px 0 2px;
            position: relative;
            border: 1px solid #e7e7e7;
            border-radius: 6px;
            overflow: hidden;
        }

            .m_main_banner img {
                width: 100%;
                height: 100%;
                border-radius: 6px;
            }

            .m_main_banner .page_btn {
                position: absolute;
                bottom: 5px;
                margin-left: 275px;
                background: rgba(0,0,0,0.5);
                width: 80px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                font-size: 11px;
                color: #eee;
                letter-spacing: -1px;
                border-radius: 500px;
            }

        footer {
            text-align: center;
            background-color: #242c47;
            color: #eee;
        }

            footer .site_info {
                overflow: hidden;
                text-align: left;
                padding: 20px 0;
            }

                footer .site_info .logo {
                    float: left;
                    margin-left: 40px;
                }

                    footer .site_info .logo img {
                        margin-top: 15px;
                    }

                footer .site_info p {
                    float: left;
                    font-size: 14px;
                    line-height: 28px;
                    font-weight: 200;
                    margin-left: 30px;
                    color: #a9a9a9
                }

                footer .site_info .telegram {
                    overflow: hidden;
                    float: right;
                    padding-top: 20px;
                    padding-right: 50px;
                }

                    footer .site_info .telegram li {
                        float: left;
                        box-sizing: border-box;
                        padding-left: 20px;
                    }

                        footer .site_info .telegram li:first-child {
                            padding-left: 0;
                        }

                        footer .site_info .telegram li a {
                            display: block;
                            text-align: center;
                            width: 100px;
                            height: 34px;
                            line-height: 34px;
                            border-radius: 2px;
                            font-size: 12px;
                            border: 1px solid #3a4468;
                            color: #999;
                        }

                            footer .site_info .telegram li a i {
                                color: #999;
                            }

            footer .footer_info_txt {
                overflow: hidden;
                margin: 20px 0;
            }

                footer .footer_info_txt dl {
                    float: left;
                    width: 35%;
                    padding: 0 5px;
                    box-sizing: border-box;
                }

                    footer .footer_info_txt dl:first-child {
                        width: 65%;
                    }

                footer .footer_info_txt dt {
                    font-weight: 400;
                    font-size: 16px;
                    color: #a9a9a9;
                    margin-bottom: 10px;
                }

                footer .footer_info_txt dd {
                    color: #a9a9a9;
                    font-size: 13px;
                    font-weight: 300;
                    line-height: 22px;
                    border: 1px solid #3a4468;
                    padding: 14px 20px;
                }

                footer .footer_info_txt a {
                    color: #a9a9a9
                }

                footer .footer_info_txt dd li {
                    float: left;
                    padding: 0 4px;
                    margin-bottom: 8px;
                    width: 33.333%;
                }

                    footer .footer_info_txt dd li .menu {
                        color: #a9a9a9;
                        border: 1px solid #3a4468;
                        display: block;
                        height: 34px;
                        line-height: 34px;
                        font-size: 12px;
                    }

                footer .footer_info_txt dl:last-child dd {
                    border: 0;
                    padding: 0 10px;
                }

            footer .sns {
                overflow: hidden;
                text-align: center;
                padding: 10px 0;
            }

                footer .sns ul {
                    display: inline-block;
                }

                footer .sns li {
                    float: left;
                    margin-left: 40px;
                }

                    footer .sns li:first-child {
                        margin-left: 0;
                    }

                    footer .sns li i {
                        color: #eee;
                        font-size: 18px;
                    }

            footer .copyright {
                height: 38px;
                line-height: 38px;
                background: #000;
                color: #999;
                font-weight: 400;
                border-top: 1px solid #333;
            }

        .draggable {
            overflow: hidden;
        }

        .latest_comment_count {
            font-size: 11px;
            color: #ff7916;
            margin-left: 5px;
            font-weight: 700;
        }

        .slick-arrow {
            background: #ddd url("/imgs/arrow_icon.png") center no-repeat;
            border: 1px solid #ddd;
            width: 26px;
            height: 26px;
            position: absolute;
            top: -105px;
            right: 3px;
            z-index: 10;
            text-indent: -10000px;
        }

        .slick-prev {
            transform: rotate(180deg);
            margin-right: 30px;
        }

        .slick-next {
        }

        .slick-slide[aria-hidden="true"] a {
            display: none;
        }

        .remote {
            overflow: hidden;
            position: fixed;
            bottom: 100px;
            right: 15%;
        }

        .m_logo_box {
            display: none;
        }

        .m_top_menu {
            overflow: hidden;
            position: relative;
            background: linear-gradient( to bottom, #ddd, #eee, #fff);
            box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
        }

            .m_top_menu .m_logo {
                text-align: center;
                margin-top: 10px;
                margin-bottom: 5px;
                overflow: hidden;
            }

                .m_top_menu .m_logo img {
                    width: 120px;
                    height: 52px;
                }

            .m_top_menu .m_lj {
                position: absolute;
                top: 15px;
                right: 10px;
                overflow: hidden;
            }

                .m_top_menu .m_lj .mypage_btn {
                }

                    .m_top_menu .m_lj .mypage_btn img {
                        width: 38px;
                    }

            .m_top_menu .m_rj {
                position: absolute;
                top: 15px;
                left: 10px;
                overflow: hidden;
            }

                .m_top_menu .m_rj .m_telegram {
                }

                    .m_top_menu .m_rj .m_telegram img {
                        width: 38px;
                    }

            .m_top_menu .m_search {
                overflow: hidden;
                padding: 10px 30px;
            }

        .m_h1_area {
            overflow: hidden;
            background: #a9a9a9;
            height: 40px;
            margin: 0 4px;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #e5e5e5;
        }

            .m_h1_area h1 {
                font-size: 16px;
                color: #fff;
                line-height: 38px;
                padding: 0;
                margin: 0;
            }

        .m_nav_box {
            overflow: hidden;
        }

            .m_nav_box .frame {
                overflow: hidden;
                padding: 4px 2px 0 2px;
            }

                .m_nav_box .frame li {
                    position: relative;
                    float: left;
                    width: 25%;
                    box-sizing: border-box;
                    padding: 2px;
                    text-align: center;
                }

                    .m_nav_box .frame li.pointgame {
                        width: 33.333%;
                    }

                    .m_nav_box .frame li a {
                        font-size: 12px;
                        font-weight: 500;
                        display: block;
                        color: #333;
                        background: #eee;
                        height: 46px;
                        border-radius: 5px;
                        overflow: hidden;
                        border: 1px solid #e5e5e5;
                    }

                    .m_nav_box .frame li .icon {
                        margin-top: 6px;
                    }

                    .m_nav_box .frame li .new {
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: #ff7916;
                        color: #fff;
                        font-size: 9px;
                        padding: 2px 6px;
                        border-radius: 500px;
                        -webkit-animation: bounce-in-top 1.1s both;
                        animation: bounce-in-top 1.1s both;
                    }

                    .m_nav_box .frame li.pointgame .txt strong {
                        color: #ff7916;
                    }

        .m_main_banner {
            overflow: hidden;
        }

        .admin_login {
            color: #ff7916;
            padding: 2px 4px;
            font-weight: 600;
        }

        .my_login_data {
            overflow: hidden;
            height: 34px;
            line-height: 34px;
            padding: 0 10px;
            background: #ddd;
        }

            .my_login_data li {
                float: left;
                overflow: hidden;
            }

                .my_login_data li a {
                    float: left;
                }

                .my_login_data li:last-child {
                    float: right;
                }

            .my_login_data .attendance_btn {
                background: #ff7916;
                color: #fff;
                border-radius: 500px;
                height: 20px;
                line-height: 20px;
                font-size: 10px;
                padding: 0 6px;
                margin-left: 5px;
                margin-top: 7px;
            }

                .my_login_data .attendance_btn .notification_num {
                    margin-left: 3px;
                }

            .my_login_data .lv_icon_box {
                margin-top: 8px;
            }
        /* level */
        .user_levelname .lv_icon1 {
            background: url("/imgs/lv/lv_1.png?1") no-repeat;
        }

        .user_levelname .lv_icon2 {
            background: url("/imgs/lv/lv_2.png?1") no-repeat;
        }

        .user_levelname .lv_icon3 {
            background: url("/imgs/lv/lv_3.png?1") no-repeat;
        }

        .user_levelname .lv_icon4 {
            background: url("/imgs/lv/lv_4.png?1") no-repeat;
        }

        .user_levelname .lv_icon5 {
            background: url("/imgs/lv/lv_5.png?1") no-repeat;
        }

        .user_levelname .lv_icon6 {
            background: url("/imgs/lv/lv_6.png?1") no-repeat;
        }

        .user_levelname .lv_icon7 {
            background: url("/imgs/lv/lv_7.png?1") no-repeat;
        }

        .user_levelname .lv_icon8 {
            background: url("/imgs/lv/lv_8.png?1") no-repeat;
        }

        .user_levelname .lv_icon9 {
            background: url("/imgs/lv/lv_9.png?1") no-repeat;
        }

        .user_levelname .lv_icon10 {
            background: url("/imgs/lv/lv_10.png?1") no-repeat;
        }

        .user_levelname .lv_icon11 {
            background: url("/imgs/lv/lv_11.png?1") no-repeat;
        }

        .user_levelname .lv_icon12 {
            background: url("/imgs/lv/lv_12.png?1") no-repeat;
        }

        .user_levelname .lv_icon13 {
            background: url("/imgs/lv/lv_13.png?1") no-repeat;
        }

        .user_levelname .lv_icon14 {
            background: url("/imgs/lv/lv_14.png?1") no-repeat;
        }

        .user_levelname .lv_icon15 {
            background: url("/imgs/lv/lv_15.png?1") no-repeat;
        }

        .user_levelname .lv_icon16 {
            background: url("/imgs/lv/lv_16.png?1") no-repeat;
        }

        .user_levelname .lv_icon17 {
            background: url("/imgs/lv/lv_17.png?1") no-repeat;
        }

        .user_levelname .lv_icon18 {
            background: url("/imgs/lv/lv_18.png?1") no-repeat;
        }

        .user_levelname .lv_icon19 {
            background: url("/imgs/lv/lv_19.png?1") no-repeat;
        }

        .user_levelname .lv_icon20 {
            background: url("/imgs/lv/lv_20.png?1") no-repeat;
        }

        .user_levelname .lv_icon21 {
            background: url("/imgs/lv/lv_21.png?1") no-repeat;
        }

        .user_levelname .lv_icon22 {
            background: url("/imgs/lv/lv_22.png?1") no-repeat;
        }

        .user_levelname .lv_icon23 {
            background: url("/imgs/lv/lv_23.png?1") no-repeat;
        }

        .user_levelname .lv_icon24 {
            background: url("/imgs/lv/lv_24.png?1") no-repeat;
        }

        .user_levelname .lv_icon25 {
            background: url("/imgs/lv/lv_25.png?1") no-repeat;
        }

        .user_levelname .lv_icon26 {
            background: url("/imgs/lv/lv_26.png?1") no-repeat;
        }

        .user_levelname .lv_icon27 {
            background: url("/imgs/lv/lv_27.png?1") no-repeat;
        }

        .user_levelname .lv_icon28 {
            background: url("/imgs/lv/lv_28.png?1") no-repeat;
        }

        .user_levelname .lv_icon29 {
            background: url("/imgs/lv/lv_29.png?1") no-repeat;
        }

        .user_levelname .lv_icon30 {
            background: url("/imgs/lv/lv_30.png?1") no-repeat;
        }

        .user_levelname .lv_icon31 {
            background: url("/imgs/lv/lv_31.png?1") no-repeat;
        }

        .user_levelname .lv_icon32 {
            background: url("/imgs/lv/lv_32.png?1") no-repeat;
        }

        .user_levelname .lv_icon33 {
            background: url("/imgs/lv/lv_33.png?1") no-repeat;
        }

        .user_levelname .lv_icon34 {
            background: url("/imgs/lv/lv_34.png?1") no-repeat;
        }

        .user_levelname .lv_icon35 {
            background: url("/imgs/lv/lv_35.png?1") no-repeat;
        }

        .user_levelname .lv_icon36 {
            background: url("/imgs/lv/lv_36.png?1") no-repeat;
        }

        .user_levelname .lv_icon37 {
            background: url("/imgs/lv/lv_37.png?1") no-repeat;
        }

        .user_levelname .lv_icon38 {
            background: url("/imgs/lv/lv_38.png?1") no-repeat;
        }

        .user_levelname .lv_icon39 {
            background: url("/imgs/lv/lv_39.png?1") no-repeat;
        }

        .user_levelname .lv_icon40 {
            background: url("/imgs/lv/lv_40.png?1") no-repeat;
        }

        .user_levelname .lv_icon41 {
            background: url("/imgs/lv/lv_41.png?1") no-repeat;
        }

        .user_levelname .lv_icon42 {
            background: url("/imgs/lv/lv_42.png?1") no-repeat;
        }

        .user_levelname .lv_icon43 {
            background: url("/imgs/lv/lv_43.png?1") no-repeat;
        }

        .user_levelname .lv_icon44 {
            background: url("/imgs/lv/lv_44.png?1") no-repeat;
        }

        .user_levelname .lv_icon45 {
            background: url("/imgs/lv/lv_45.png?1") no-repeat;
        }

        .user_levelname .lv_icon46 {
            background: url("/imgs/lv/lv_46.png?1") no-repeat;
        }

        .user_levelname .lv_icon47 {
            background: url("/imgs/lv/lv_47.png?1") no-repeat;
        }

        .user_levelname .lv_icon48 {
            background: url("/imgs/lv/lv_48.png?1") no-repeat;
        }

        .user_levelname .lv_icon49 {
            background: url("/imgs/lv/lv_49.png?1") no-repeat;
        }

        .user_levelname .lv_icon50 {
            background: url("/imgs/lv/lv_50.png?1") no-repeat;
        }

        .user_levelname .lv_icon51 {
            background: url("/imgs/lv/lv_51.png?1") no-repeat;
        }

        .user_levelname .lv_icon52 {
            background: url("/imgs/lv/lv_52.png?1") no-repeat;
        }

        .user_levelname .lv_icon53 {
            background: url("/imgs/lv/lv_53.png?1") no-repeat;
        }

        .user_levelname .lv_icon54 {
            background: url("/imgs/lv/lv_54.png?1") no-repeat;
        }

        .user_levelname .lv_icon55 {
            background: url("/imgs/lv/lv_55.png?1") no-repeat;
        }

        .user_levelname .lv_icon56 {
            background: url("/imgs/lv/lv_56.png?1") no-repeat;
        }

        .user_levelname .lv_icon57 {
            background: url("/imgs/lv/lv_57.png?1") no-repeat;
        }

        .user_levelname .lv_icon58 {
            background: url("/imgs/lv/lv_58.png?1") no-repeat;
        }

        .user_levelname .lv_icon59 {
            background: url("/imgs/lv/lv_59.png?1") no-repeat;
        }

        .user_levelname .lv_icon60 {
            background: url("/imgs/lv/lv_60.png?1") no-repeat;
        }

        .user_levelname .lv_icon61 {
            background: url("/imgs/lv/lv_61.png?1") no-repeat;
        }

        .user_levelname .lv_icon62 {
            background: url("/imgs/lv/lv_62.png?1") no-repeat;
        }

        .user_levelname .lv_icon63 {
            background: url("/imgs/lv/lv_63.png?1") no-repeat;
        }

        .user_levelname .lv_icon64 {
            background: url("/imgs/lv/lv_64.png?1") no-repeat;
        }

        .user_levelname .lv_icon65 {
            background: url("/imgs/lv/lv_65.png?1") no-repeat;
        }

        .user_levelname .lv_icon66 {
            background: url("/imgs/lv/lv_66.png?1") no-repeat;
        }

        .user_levelname .lv_icon67 {
            background: url("/imgs/lv/lv_67.png?1") no-repeat;
        }

        .user_levelname .lv_icon68 {
            background: url("/imgs/lv/lv_68.png?1") no-repeat;
        }

        .user_levelname .lv_icon69 {
            background: url("/imgs/lv/lv_69.png?1") no-repeat;
        }

        .user_levelname .lv_icon70 {
            background: url("/imgs/lv/lv_70.png?1") no-repeat;
        }

        .user_levelname .lv_icon71 {
            background: url("/imgs/lv/lv_71.png?1") no-repeat;
        }

        .user_levelname .lv_icon72 {
            background: url("/imgs/lv/lv_72.png?1") no-repeat;
        }

        .user_levelname .lv_icon73 {
            background: url("/imgs/lv/lv_73.png?1") no-repeat;
        }

        .user_levelname .lv_icon74 {
            background: url("/imgs/lv/lv_74.png?1") no-repeat;
        }

        .user_levelname .lv_icon75 {
            background: url("/imgs/lv/lv_75.png?1") no-repeat;
        }

        .user_levelname .lv_icon76 {
            background: url("/imgs/lv/lv_76.png?1") no-repeat;
        }

        .user_levelname .lv_icon77 {
            background: url("/imgs/lv/lv_77.png?1") no-repeat;
        }

        .user_levelname .lv_icon78 {
            background: url("/imgs/lv/lv_78.png?1") no-repeat;
        }

        .user_levelname .lv_icon79 {
            background: url("/imgs/lv/lv_79.png?1") no-repeat;
        }

        .user_levelname .lv_icon80 {
            background: url("/imgs/lv/lv_80.png?1") no-repeat;
        }

        .user_levelname .lv_icon81 {
            background: url("/imgs/lv/lv_81.png?1") no-repeat;
        }

        .user_levelname .lv_icon82 {
            background: url("/imgs/lv/lv_82.png?1") no-repeat;
        }

        .user_levelname .lv_icon83 {
            background: url("/imgs/lv/lv_83.png?1") no-repeat;
        }

        .user_levelname .lv_icon84 {
            background: url("/imgs/lv/lv_84.png?1") no-repeat;
        }

        .user_levelname .lv_icon85 {
            background: url("/imgs/lv/lv_85.png?1") no-repeat;
        }

        .user_levelname .lv_icon86 {
            background: url("/imgs/lv/lv_86.png?1") no-repeat;
        }

        .user_levelname .lv_icon87 {
            background: url("/imgs/lv/lv_87.png?1") no-repeat;
        }

        .user_levelname .lv_icon88 {
            background: url("/imgs/lv/lv_88.png?1") no-repeat;
        }

        .user_levelname .lv_icon89 {
            background: url("/imgs/lv/lv_89.png?1") no-repeat;
        }

        .user_levelname .lv_icon90 {
            background: url("/imgs/lv/lv_90.png?1") no-repeat;
        }

        .user_levelname .lv_icon91 {
            background: url("/imgs/lv/lv_91.png?1") no-repeat;
        }

        .user_levelname .lv_icon92 {
            background: url("/imgs/lv/lv_92.png?1") no-repeat;
        }

        .user_levelname .lv_icon93 {
            background: url("/imgs/lv/lv_93.png?1") no-repeat;
        }

        .user_levelname .lv_icon94 {
            background: url("/imgs/lv/lv_94.png?1") no-repeat;
        }

        .user_levelname .lv_icon95 {
            background: url("/imgs/lv/lv_95.png?1") no-repeat;
        }

        .user_levelname .lv_icon96 {
            background: url("/imgs/lv/lv_96.png?1") no-repeat;
        }

        .user_levelname .lv_icon97 {
            background: url("/imgs/lv/lv_97.png?1") no-repeat;
        }

        .user_levelname .lv_icon98 {
            background: url("/imgs/lv/lv_98.png?1") no-repeat;
        }

        .user_levelname .lv_icon99 {
            background: url("/imgs/lv/lv_99.png?1") no-repeat;
        }

        .user_levelname .lv_icon100 {
            background: url("/imgs/lv/lv_100.png?1") no-repeat;
        }

        .user_levelname {
            overflow: hidden;
        }

            .user_levelname .lv_icon_box {
                float: left;
                width: 40px;
                height: 24px;
            }

            .user_levelname .lv_icon {
                width: 33px;
                height: 22px;
                background-size: 100% 100%;
                background-position: center;
                margin: 0 auto;
            }

            .user_levelname .lv_admin {
                background: url("/imgs/lv/lv_master.png?2") center no-repeat;
                width: 33px;
                height: 22px;
                background-size: 100% 100%;
            }

        @-webkit-keyframes tracking-in-expand {
            0% {
                letter-spacing: -0.5em;
                opacity: 0;
            }

            40% {
                opacity: 0.6;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes tracking-in-expand {
            0% {
                letter-spacing: -0.5em;
                opacity: 0;
            }

            40% {
                opacity: 0.6;
            }

            100% {
                opacity: 1;
            }
        }

        @-webkit-keyframes bounce-in-top {
            0% {
                -webkit-transform: translateY(-500px);
                transform: translateY(-500px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
            }

            38% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
                opacity: 1;
            }

            55% {
                -webkit-transform: translateY(-65px);
                transform: translateY(-65px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            72% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            81% {
                -webkit-transform: translateY(-28px);
                transform: translateY(-28px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            90% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            95% {
                -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
        }

        @media (max-width: 1408px) {
            .seo_box {
                display: none;
            }

            .admin_tool {
                display: none;
            }

            .user_levelname .lv_icon_box {
                float: left;
                width: 25px;
            }

            .user_levelname .lv_icon {
                transform: scale(0.7);
                margin-top: -3px;
                margin-left: -4px;
            }

            .m_logo_box {
                display: block;
            }

            .snow_bg {
                display: none;
            }

            .navbar {
                margin-bottom: 0;
            }

            .container {
                width: 100%;
            }

            .main {
                margin: 4px 0;
            }

            .board_box li {
                width: 50%;
                margin-bottom: 5px;
            }

                .board_box li .box .txt {
                    font-size: 13px;
                }

            .tab_board_area .tab_board_box .board_conts {
                height: auto;
            }

            .tab_board_area .tab_board_box {
                width: 100%;
                float: none;
                margin-bottom: 5px;
            }

            .info_box_area li {
                width: 50%;
                text-align: center;
            }

                .info_box_area li .box {
                    padding: 10px;
                    height: 148px;
                }

                    .info_box_area li .box .icons {
                        float: none;
                        width: 100%;
                        margin-bottom: 5px;
                    }

                .info_box_area li dl {
                    width: 100%;
                    float: none;
                    padding: 0;
                }

                .info_box_area li dt {
                    font-size: 14px;
                }

                .info_box_area li dd {
                    font-size: 12px;
                }

            .video_box {
                padding: 10px;
                background-size: 210px;
            }

                .video_box .text_area {
                    float: none;
                    width: 100%;
                    padding: 0;
                }

                    .video_box .text_area dt {
                        font-size: 22px;
                        line-height: 22px;
                        margin-top: 10px;
                        text-align: center;
                    }

                    .video_box .text_area dd {
                        font-size: 15px;
                        margin-top: 20px;
                    }

                .video_box .video {
                    margin-top: 10px;
                    width: 100%;
                    height: 200px;
                    float: none;
                }

                    .video_box .video iframe {
                        width: 100%;
                        height: 100%;
                    }

            footer .logo {
                font-size: 9px;
                letter-spacing: -1px;
            }

            .tab_board_area .tab_board_box .board_conts .normal_list {
                height: 30px;
                line-height: 30px;
            }

                .tab_board_area .tab_board_box .board_conts .normal_list .num {
                    margin-top: 6px;
                }

                .tab_board_area .tab_board_box .board_conts .normal_list .txt {
                    overflow: hidden;
                    width: 240px;
                }

            .board_box2 li {
                width: 50%;
                margin-bottom: 10px;
            }

            .video_box .text_area dd .tag a {
                display: block;
                float: left;
                padding: 0 5px;
                height: 30px;
                line-height: 30px;
            }

            .accordion-box {
                padding: 10px;
            }

                .accordion-box li .con {
                    padding: 10px;
                }

                .accordion-box li .title {
                    font-size: 12px;
                    letter-spacing: -1px;
                    height: 40px;
                    line-height: 40px;
                    background-position: 98% 18px;
                }

                .accordion-box li .con p {
                    font-size: 12px;
                }

                .accordion-box .tit h2 {
                    font-size: 18px;
                }

                .accordion-box .tit p {
                    font-size: 14px;
                }

                .accordion-box li .title h2 {
                    font-size: 13px;
                    line-height: 40px;
                }

                .accordion-box li .con dt {
                    font-size: 12px;
                }

            footer .site_info {
                padding: 0 10px;
            }

                footer .site_info .logo {
                    float: none;
                    margin-left: 0;
                    text-align: center;
                }

                footer .site_info p {
                    margin-left: 0;
                    font-size: 13px;
                    float: none;
                    letter-spacing: -1px;
                    line-height: 20px;
                    text-align: center;
                    padding: 15px 0;
                }

                footer .site_info .telegram {
                    float: none;
                    width: 100%;
                    padding: 0;
                    text-align: center;
                }

                    footer .site_info .telegram ul {
                        display: inline-block;
                    }

                    footer .site_info .telegram li {
                        padding-left: 5px;
                    }

            footer .footer_info_txt dl {
                float: none;
                width: 100%;
                margin-bottom: 10px;
            }

            footer .footer_info_txt dt {
                font-size: 14px;
            }

            footer .footer_info_txt dd {
                padding: 10px;
                font-size: 12px;
            }

            footer .sns li {
                margin-left: 15px;
            }

                footer .sns li a {
                    padding: 14px 10px;
                    display: block;
                }

            footer .copyright {
                font-size: 11px;
            }

            .remote {
                display: none;
            }

            .telegram_tool {
                display: none;
            }

            .navbar {
                background: none;
                box-shadow: none;
            }

            .board_box {
                min-height: 100%;
                overflow: hidden;
            }

            .slick-arrow {
                display: none !important;
            }

            footer .footer_info_txt dd li .menu {
                height: 38px;
                line-height: 38px;
            }

            .freeslot_latest li {
                width: 100%;
                margin: 0;
                margin-bottom: 5px;
            }

                .freeslot_latest li img {
                    width: 100% !important;
                    height: 100% !important;
                }

            footer .footer_info_txt dl:first-child {
                width: 100%;
            }
        }
    
    
        /* Slider */
        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }

        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

            .slick-track:before,
            .slick-track:after {
                display: table;
                content: '';
            }

            .slick-track:after {
                clear: both;
            }

        .slick-loading .slick-track {
            visibility: hidden;
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }

            .slick-slide img {
                display: block;
            }

        .slick-initialized .slick-slide {
            display: block;
        }

        .slick-loading .slick-slide {
            visibility: hidden;
        }