#header {
    background: #111;
}

.sub_txt span {
    font-size: 92px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}

.sub_txt.splitting .char {
    display: inline-block;
    animation: slide-in 1.8s cubic-bezier(.2, 0, .1, 1) both;
    animation-delay: calc(60ms * var(--char-index));
    will-change: transform;
    transform-origin: top left;
}

@keyframes slide-in {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
}

@media (max-width: 1024px) {
    .sub_txt span {
        font-size: 52px;
    }
}


#sub_wrap .sub_cmbg {
    position: relative;
}



.sub_txt span {
    font-size: 92px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}

.sub_txt.splitting .char {
    display: inline-block;
    animation: slide-in 1.8s cubic-bezier(.2, 0, .1, 1) both;
    animation-delay: calc(60ms * var(--char-index));
    will-change: transform;
    transform-origin: top left;
}

@keyframes slide-in {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
}

@media (max-width: 1024px) {
    .sub_txt span {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    .sub_txt span {
        font-size: 32px;
    }
}

.bbs_list {
     padding : 0 0 80px;
}

    .bbs_list .list ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 1480px;
        margin: 0 auto;
    }

        .bbs_list .list ul li {
            width: 25%;
            padding-left: 30px;
            padding-right: 30px;
            margin-bottom: 60px;
            box-sizing: border-box;
        }

            .bbs_list .list ul li a {
                display: block;
                width: 100%;
                height: 100%;
                transition: all .8s;
            }

                .bbs_list .list ul li a .over {
                    position: relative;
                    overflow: hidden;
                }

                    .bbs_list .list ul li a .over .bg {
                        height: 380px;
                        overflow: hidden;
                        text-align: center;
                    }

                        .bbs_list .list ul li a .over .bg img {
                            height: 380px;
                            transform: scale(1);
                            transition: all .8s;
                        }

                .bbs_list .list ul li a:hover .over .bg img {
                    transform: scale(1.04);
                }

                .bbs_list .list ul li a .over .con {
                    margin-top: 20px;
                    text-align: center;
                }

                    .bbs_list .list ul li a .over .con h2 {
                        font-size: 20px;
                        line-height: 1;
                        color: #111;
                    }

@media (max-width:1200px) {
    .bbs_list .list ul li {
        width: 33.333333333%;
    }
}

@media (max-width:920px) {
    .bbs_list .list ul li {
        width: 50%;
    }
}

@media (max-width:600px) {
    .bbs_list .list ul li {
        width: 100%;
    }
}

/* ¿À½Ã´Â ±æ sub */

.bbs_view {
    padding: 0 0 80px;
}

    .bbs_view .bbs_view_info {
        padding: 0 0 100px;
        position: relative;
    }

.bbs_view_info .dflx {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

    .bbs_view_info .dflx .bg {
        background: #F5F5F5;
        flex: 1;
        margin-right: 50px;
        text-align : center;
        padding : 20px 0;
    }

        .bbs_view_info .dflx .bg img {
            width: 420px;
        }

        .bbs_view_info .dflx .info {
            width: 520px;
        }

    .bbs_view_info .dflx .info .inner {
        display: flex;
        align-items: center;
        height: 100%;
    }

        .bbs_view_info .dflx .info .inner .over {
            background: #fff;
            padding: 30px;
            width : 100%;
            /*box-shadow: 0 3px 6px rgb(25 25 25 /10%);*/
           
        }

            .bbs_view_info .dflx .info .inner .over h2 {
                font-size: 36px;
                font-weight: 400;
                color: #111;
                line-height: 1;
                margin-bottom: 16px;
            }

            .bbs_view_info .dflx .info .inner .over h3 {
                font-size: 28px;
                font-weight: bold;
                color: #111;
                line-height: 1;
            }

            .bbs_view_info .dflx .info .inner .over .desc {
            }

                .bbs_view_info .dflx .info .inner .over .desc ul {
                    margin-top: 32px;
                }

                    .bbs_view_info .dflx .info .inner .over .desc ul li {
                        margin: 4px;
                        color: #555;
                        position: relative;
                        padding-left: 10px;
                        line-height: 1.4;
                    }

                        .bbs_view_info .dflx .info .inner .over .desc ul li:before {
                            content: "";
                            top: 9px;
                            left: 0;
                            position: absolute;
                            width: 4px;
                            height: 4px;
                            display: block;
                            border-radius: 50%;
                            background: #ddd;
                            z-index: 1;
                        }

            .bbs_view_info .dflx .info .inner .over .btn {
            }

                .bbs_view_info .dflx .info .inner .over .btn ul {
                    margin-top: 42px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    width: 100%;
                }

                    .bbs_view_info .dflx .info .inner .over .btn ul li {
                    }

                        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(1) {
                            width: 100%;
                            margin-bottom: 24px;
                        }

                        .bbs_view_info .dflx .info .inner .over .btn ul li a {
                            display: inline-block;
                            width: 100%;
                            height: 50px;
                            line-height: 50px;
                            border-radius: 50px;
                            text-align: center;
                            font-weight: bold;
                            position: relative;
                        }

                            .bbs_view_info .dflx .info .inner .over .btn ul li a span {
                                padding-right: 4px;
                            }

                                .bbs_view_info .dflx .info .inner .over .btn ul li a span img {
                                    transform: translateY(-2px);
                                }

                        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(1) a {
                            background: #111;
                            color: #fff;
                        }

                        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(2),
                        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(3) {
                            width: 47.5%;
                        }

                        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(2) {
                        }

                            .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(2) a,
                            .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(3) a {
                                border: 1px solid #ddd;
                            }

.bbs_view_img {
    background: #fff;
    text-align: center;
    max-width : 1000px;
}

.bbs_view_img img {
    box-shadow: 0 3px 6px rgb(25 25 25 /5%);
}


.spec_info {
    margin-top: 56px;
}

    .spec_info .stit {
        margin: 0 auto 30px;
        max-width: 1200px;
    }

        .spec_info .stit h2 {
            font-size: 22px;
            line-height: 1;
            color: #111;
        }

    .spec_info ul {
        max-width: 1200px;
        margin: 0 auto;
        border-top: 1px solid #111;
    }

        .spec_info ul li {
            display: flex;
            padding: 20px 12px;
            border-bottom: 1px solid #eee;
        }

            .spec_info ul li:first-child {
                background: #f1f5ff;
            }

            .spec_info ul li .tit {
                width: 130px;
                color: #555;
            }

            .spec_info ul li .info {
                flex: 1;
            }

            .spec_info ul li:first-child .info {
                color: #B81B2D;
                font-weight:700;
            }

@media (max-width:768px) {
    .spec_info ul li {
        display : block;
    }

    .spec_info ul li .info {
        margin-top :8px;
        font-weight:bold;
    }

        .spec_info ul li .tit {
            width : 100%;
        }

        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(2),
        .bbs_view_info .dflx .info .inner .over .btn ul li:nth-child(3) {
            display: none;
        }

}

#btn_topScr {
    position: fixed;
    right: 60px;
    bottom: 60px;
    transition: all .8s;
    z-index: 9999;
}

    #btn_topScr a {
        display: inline-block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 70px;
        background: #111;
        text-align: center;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

    @media (max-width:1250px) {
          .spec_info {
            padding : 0 20px;
        }
    }

    @media (max-width:1024px) {
        .bbs_view {
            padding: 60px 0;
        }

        .bbs_view_info .dflx {
            display: block;
            padding: 0 15%;
        }

            .bbs_view_info .dflx .bg {
                margin-right:0;
            }

            .bbs_view_info .dflx .info {
                width:100%;
            }
    }

    @media (max-width:768px) {
        #btn_topScr {
            right: 24px;
            bottom: 24px;
        }

        #btn_topScr a {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50px;
            font-weight :400;
            background : rgb(0,0,0,.8);
        }

        .bbs_view_info .dflx {
            padding: 0 10%;
        }

            .bbs_view_info .dflx .info .inner .over h2 {
                font-size:32px;
            }

            .bbs_view_info .dflx .info .inner .over h3 {
                font-size : 24px;
            }
    }

    @media (max-width:550px) {
        .bbs_view_info .dflx {
            padding: 0 2%;
        }

            .bbs_view_info .dflx .info .inner .over {
                margin-top : 32px;
                padding : 0 10px;
            }

            .bbs_view_info .dflx .info .inner .over h2 {
                font-size: 26px;
            }

        .bbs_view_info .dflx .info .inner .over h3 {
            font-size: 22px;
        }
    }