.text_wrap {
    background: #f7f7f7;
    height: 100vh;
}

    .text_wrap .df {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
    }

        .text_wrap .df .inr {
            position: relative;
        }

    .text_wrap .txt {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

        .text_wrap .txt h2 {
            transform: translate(0px, 40px);
            opacity: 1;
            font-size: 100px;
            font-family: 'Play', sans-serif;
            color: #252525;
            letter-spacing: 1px;
        }

            .text_wrap .txt h2 span {
                padding-left: 200px;
            }

            .text_wrap .txt h2 em {
                color: var(--main-clr);
                font-style: normal;
            }

        .text_wrap .txt h3 {
            font-size: 150px;
            transform: translate(0px, 40px);
            opacity: 0;
            color: var(--main-clr);
            font-family: 'Play', sans-serif;
        }

.bis_list {
    padding: 100px 0;
    background: #fff;
}

    .bis_list .inner {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
    }

        .bis_list .inner .list {
            cursor: pointer;
            margin-bottom: 20px;
        }

            .bis_list .inner .list .box {
                position: relative;
                padding: 50px 0;
            }

                .bis_list .inner .list .box:before {
                    content: '';
                    display: block;
                    width: 0%;
                    height: 2px;
                    position: absolute;
                    bottom: 0;
                    background: #eaeaea;
                    z-index: 1;
                    transition: width 0.8s ease;
                    -webkit-transition: width 0.5s ease;
                }

            .bis_list .inner .list:hover .box:before {
                width: 100%;
            }

            .bis_list .inner .list .box .num {
                position: absolute;
            }

                .bis_list .inner .list .box .num strong {
                    color: #111;
                    font-weight: bold;
                }

            .bis_list .inner .list .box .con {
                padding-left: 100px;
            }

                .bis_list .inner .list .box .con h2 {
                    font-size: 32px;
                    font-weight: 400;
                    line-height: 1;
                    margin-bottom: 16px;
                    color: #111;
                }

                    .bis_list .inner .list .box .con h2 em {
                        font-weight: 700;
                        color: var(--main-clr);
                    }

                .bis_list .inner .list .box .con p {
                    max-width: 640px;
                    word-break: break-all;
                    color: #111;
                    opacity: .7;
                    line-height: 1.5;
                }



@media (max-width:1300px) {
    #sub_wrap .sub_grt .dflx {
        padding: 0 40px;
    }

    .bis_list {
        padding: 60px 40px;
        background: #f9f9f9;
    }
}

@media (max-width:1024px) {
    #sub_wrap .sub_grt .dflx .left h2 {
        font-size: 28px;
    }
}

@media (max-width:1000px) {
    .bis_list .inner .list .box {
        padding: 30px 0;
    }

        .bis_list .inner .list .box .con h2 {
            font-size: 24px;
            line-height: 1.4;
        }

        .bis_list .inner .list .box .con {
            padding-left: 60px;
        }
}

@media (max-width:1024px) {
    #sub_wrap .sub_grt .dflx {
        padding: 0 40px;
        display: block;
    }

        #sub_wrap .sub_grt .dflx .left,
        #sub_wrap .sub_grt .dflx .right {
            width: 100%;
        }

        #sub_wrap .sub_grt .dflx .right {
            margin-top: 24px;
        }

    #sub_wrap .sub_cmbg:before {
        display: none;
    }

    #sub_wrap .sub_grt:before {
        bottom: -120px;
        left: -120px;
    }
}

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

        .bis_list .inner .list .box .con h2 {
            font-size : 20px;
        }

        #sub_wrap .sub_grt .dflx {
            margin: 60px auto;
            padding: 0 20px;
        }

    #sub_wrap .sub_grt .dflx .left h2 {
        font-size: 20px;
    }

    #sub_wrap .sub_grt .dflx .left h2 br {
        display:none;
    }

        #sub_wrap .sub_grt .dflx .right .p_1 {
            font-size : 15px;
        }

            #sub_wrap .sub_grt .dflx .right .p_1 br {
                display : none;
            }

            #sub_wrap .sub_grt .dflx .right .p_2 {
                font-size: 24px;
            }

    .bis_list .inner .list .box .con {
        padding-left: 0;
    }

    .bis_list .inner .list .box .num {
        position: inherit;
        margin-bottom: 24px;
    }

    .bis_list .inner .list .box {
        padding : 20px 0;
    }
}

@media (max-width:550px) {
    #sub_wrap .sub_grt .dflx .right .p_1 {
        text-align: justify;
        word-break: break-all;
    }
}

@media (max-width:300px) {
    .bis_list .inner .list .box .num {
        margin-bottom : 16px;
    }

    #sub_wrap .sub_grt .dflx .left h2 {
        font-size: 18px;
    }

    .bis_list .inner .list .box .con h2 {
        font-size: 18px;
    }
}


/* ȸ»ç¿¬Çõ sub */
.histry-wrap {
    max-width: 1440px;
    margin: 100px auto;
}

    .histry-wrap .info ul li span {
        float: left;
        font-size: 20px;
        padding-right: 10px;
        color: #333;
        font-weight: 600;
        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    }

    .histry-wrap .info ul li p {
        padding-left: 35px;
    }

    .histry-wrap .list_img {
        width: 100%;
    }

        .histry-wrap .list_img > img {
            width: 100%;
        }

.histry-wrap h3 {
    margin-bottom: 50px;
}

    .histry-wrap .list ol {
        position: relative;
    }

        .histry-wrap .list ol > li div {
            width: 100%;
        }

        .histry-wrap .list ol > li:last-child .info {
            padding-bottom: 40px;
        }

.histry-wrap .list ol {
    list-style: none;
    padding: 0;
}

    .histry-wrap .list ol > li:last-child .info:after {
        content: none;
    }

    .histry-wrap .list ol > li h3 {
        font-size: 80px;
        font-weight: bold;
        line-height: 1;
        display: inline-block;
        vertical-align: top;
        line-height: 37px;
        font-weight: 600;
        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    }

        .histry-wrap .list ol > li h3 + .info:before,
        .histry-wrap .list ol > li h3 + .info:after {
            content: '';
            display: inline-block;
            position: absolute;
            left: 0;
            top: 12px;
        }

        .histry-wrap .list ol > li h3 + .info:before {
            width: 14px;
            height: 14px;
            border: 3px solid #B71C2C;
            background-color: #fff;
            border-radius: 50%;
            left: 30px;
            z-index: 1;
            box-sizing: border-box;
        }

        .histry-wrap .list ol > li h3 + .info:after {
            display: inline-block;
            height: 100%;
            width: 1px;
            background-color: #ddd;
            left: 37px;
        }

    .histry-wrap .list ol > li .info {
        width: 50%;
        position: relative;
        display: inline-block;
        padding-left: 84px;
        vertical-align: top;
        padding-bottom: 50px;
        padding-top: 5px;
    }


.histry-wrap .info ul li {
    font-size: 16px;
    line-height: 30px;
    color: #888;
    letter-spacing: -0.32px;
    margin: 24px 0;
}

    .histry-wrap .info ul li:first-child {
        margin-top: 0;
    }

    .histry-wrap .list_img {
        position: absolute;
        right: 0;
        text-align: right;
    }

        .histry-wrap .list_img.img1 {
            top: 0px;
        }

        .histry-wrap .list_img.img-1 {
            top: 420px;
        }

        .histry-wrap .list_img img {
            max-width: 100%;
            height: auto;
        }

        .histry-wrap .list_img p {
            margin-top: 10px;
            font-size: 14px;
            color: #444;
            letter-spacing: -0.28px;
            line-height: 22px;
        }

@media (max-width:1450px) {
    .histry-wrap {
        padding: 0 20px;
    }
}

@media screen and (max-width:1200px) {
    .histry-wrap {
        padding: 0 20px;
    }
}

@media screen and (max-width:1150px) {
    .histry-wrap {
        padding: 0 20px;
    }


        .histry-wrap .list ol > li div {
            text-align: left;
        }

    .histry-wrap h3 {
        margin-bottom: 30px;
    }

    .histry-wrap .list ol > li {
        position: relative;
        padding-left: 22px;
        padding-bottom: 40px;
    }

        .histry-wrap .list ol > li:last-child {
            padding-bottom: 0;
        }

            .histry-wrap .list ol > li:last-child:after {
                content: none;
            }

        .histry-wrap .list ol > li:before,
        .histry-wrap .list ol > li:after {
            content: '';
            display: inline-block;
            position: absolute;
            left: 0;
            top: 13px;
        }

        .histry-wrap .list ol > li:before {
            width: 12px;
            height: 12px;
            border: 3px solid #B71C2C;
            background-color: #fff;
            border-radius: 50%;
            left: 0;
            z-index: 1;
            box-sizing: border-box;
        }

        .histry-wrap .list ol > li:after {
            display: inline-block;
            height: 100%;
            width: 1px;
            background-color: #ddd;
            left: 6px;
        }


        .histry-wrap .list ol > li .info ul li {
            font-size: 14px;
            letter-spacing: -0.28px;
            line-height: 20px;
            margin-top: 12px;
        }

            .histry-wrap .list ol > li .info ul li:first-child {
                margin-top: 0;
            }

        .histry-wrap .list ol > li .list_img.img-1 {
            position: relative;
            width: 100%;
            top: 0;
            margin-top: 30px;
            text-align: left;
            text-align: right;
        }


        .histry-wrap .list ol > li .list_img.img1 {
            position: relative;
            width: 100%;
            top: 0;
            margin-top: 30px;
            text-align: left;
            text-align: right;
        }

        .histry-wrap .list ol > li .info {
            display: block;
            width: 100%;
            padding: 0;
        }

        .histry-wrap .list ol > li h3 + .info:before,
        .histry-wrap .list ol > li h3 + .info:after {
            content: none;
        }

        .histry-wrap .list ol > li h3 {
            font-size: 24px;
            margin-bottom: 14px;
        }
}

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

    .content-inner {
        padding: 0 20px;
    }

    .histry-wrap {
        margin: 60px auto;
    }

        .histry-wrap .info ul li span {
            font-size : 18px;
        }

        .histry-wrap .info ul li p {
            font-size: 15px;
        }
}

/* ÀÎÁõ¼­ sub */

.sub_certf {
    padding: 100px 0;
}

    .sub_certf .list {
    }

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

            .sub_certf .list ul li {
                padding-left: 15px;
                padding-right: 15px;
                margin-bottom: 50px;
                width: 25%;
            }

                .sub_certf .list ul li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    transition: all .5s;
                    position: relative;
                }

                    .sub_certf .list ul li a:hover .con {
                        box-shadow: 0 3px 6px rgb(25 25 25 /30%);
                    }

                    .sub_certf .list ul li a .wiget {
                        position: absolute;
                        left: 50%;
                        bottom: 20%;
                        transform: translate(-50%, -50%);
                        z-index: 10;
                    }

                        .sub_certf .list ul li a .wiget span {
                            display: inline-block;
                            text-align: center;
                            width: 60px;
                            height: 60px;
                            line-height: 60px;
                            border-radius: 60px;
                            background: #B71C2C;
                            opacity: 0;
                            visibility: hidden;
                            transform: translateY(10px);
                            transition: all .3s;
                        }

                    .sub_certf .list ul li a:hover .wiget span {
                        opacity: 1;
                        visibility: visible;
                        transform: translateY(0);
                    }

                    .sub_certf .list ul li a .over {
                        background: #f9f9f9;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                        .sub_certf .list ul li a .over .con {
                            padding: 30px;
                            transition: all .5s;
                        }

.sub_ceftf .list ul li a .over .con img {
}

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

    .sub_certf .list ul li a .over .con .tit h2 {
        line-height: 1.4;
        font-size: 20px;
    }

.fancybox__slide {
    flex-direction: column-reverse !important;
}

.fancybox__caption {
    padding: 0 0 1rem 0 !important;
    text-align: center;
}

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

@media (max-width:1024px) {
    .sub_certf .list ul li a .over .con .tit h2 {
        font-size: 16px;
    }
}

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

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

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

.sub_location {
    padding: 80px 0;
}

    .sub_location .inner {
        max-width: 1280px;
        margin: 0 auto;
    }

        .sub_location .inner .loca_list {
            margin-bottom: 80px;
        }

            .sub_location .inner .loca_list:last-child {
                margin-bottom: 0;
            }

        .sub_location .inner .loca_list {
            display: flex;
            height: 450px;
        }

            .sub_location .inner .loca_list .map_wrap {
                width: 720px;
                margin-right: 70px;
            }

            .sub_location .inner .loca_list .info {
                flex: 1;
            }

                .sub_location .inner .loca_list .info .df {
                    display: flex;
                    align-items: center;
                    height: 100%;
                }

                    .sub_location .inner .loca_list .info .df .txt h2 {
                        font-size: 32px;
                        font-weight: bold;
                        line-height: 1;
                        margin-bottom: 24px;
                    }

                    .sub_location .inner .loca_list .info .df ul li {
                        display: flex;
                        border-bottom: 1px solid #eee;
                        padding: 16px 0;
                    }



                        .sub_location .inner .loca_list .info .df ul li .stit {
                            width: 100px;
                        }

                            .sub_location .inner .loca_list .info .df ul li .stit h3 {
                                line-height: 1.5;
                            }


                                .sub_location .inner .loca_list .info .df ul li .stit h3 span {
                                    padding-right: 4px;
                                }

                        .sub_location .inner .loca_list .info .df ul li .desc {
                            flex: 1;
                        }

                            .sub_location .inner .loca_list .info .df ul li .desc p {
                                line-height: 1.5;
                            }

    .sub_location .inner .potal_link {
        display : flex;
        margin-top : 24px;
        width:100%;
    }

    .sub_location .inner .potal_link a {
        display : inline-block;
        width : 180px;
        height : 50px;
        line-height : 50px;
        text-align :center;
        font-weight : bold;
        border : 1px solid #eee;
        background : #f9f9f9;
    }

    .sub_location .inner .potal_link a:nth-child(1) {
        margin-right:12px;
    }

    .sub_location .inner .potal_link a:nth-child(2) {

    }

        .sub_location .inner .potal_link a span {
            padding-right : 8px;
        }

        .sub_location .inner .potal_link a img {
            width: 24px;
        }

        @media (max-width:1280px) {
            .sub_location .inner {
            padding : 0 40px;
        }

            .sub_location .inner .loca_list .map_wrap {
                margin-right :0;
                width: 100%;
            }

            .sub_location .inner .loca_list {
                display: block;
                height: auto;
                padding: 0 12%;
            }

            .sub_location .inner .loca_list .info {
                margin-top : 32px;
            }

                .sub_location .inner .loca_list .info .df .txt h2 {
                    font-size : 28px;
                }

                .sub_location .inner .loca_list .info .df {
                    display: block;
                }
    }

    @media (max-width: 1024px) {
        .sub_location .inner .loca_list {
            padding : 0 8%;
        }

            .sub_location .inner .loca_list .info .df .txt h2 {
                font-size: 24px;
            }
    }

    @media (min-width:769px) {
        .sub_location .m_potal_link {
            display: none !important;
        }
    }

    @media (max-width:768px){
        .sub_location .inner .potal_link {
            display : block;
        }

            .sub_location .inner .potal_link a {
                width : 100%;
                font-size : 13px;
            }

            .sub_location .inner .potal_link a:first-child {
                margin-bottom : 8px;
            }

            .sub_location .inner .potal_link a:nth-child(2) {
                display: none;
            }

        .sub_location .m_potal_link {
            display: block !important;
        }

        .sub_location .inner .loca_list {
            padding: 0 4%;
        }

  
    }

    @media (max-width:550px) {
        html, body {
            font-size : 13px;
        }

        .sub_location .inner .loca_list .info .df ul li {
            display : block;
        }

        .sub_location .inner .loca_list .info .df ul li .stit h3 {
            font-size: 14px;
        }


            .sub_location .inner .loca_list .info .df ul li .desc p {
                font-size: 14px;
                margin-top : 8px;
            }

        .sub_location .inner {
            padding: 0;
        }

        .sub_location .inner .loca_list {
            padding: 0 20px;
        }
    }



    .sub_partner {
        padding: 100px 0;
    }

    .sub_partner .stit {
        max-width: 1440px;
        margin: 0 auto;
    }

        .sub_partner .stit h2 {
            font-size: 42px;
            font-weight: bold;
        }

    .sub_partner .partner_list {
        max-width: 1500px;
        margin: 0 auto;
    }

        .sub_partner .partner_list:not(:last-child) {
            margin-bottom: 80px;
            border-bottom: 1px solid #eee;
        }

        .sub_partner .partner_list .list {
            margin-top: 50px;
        }

            .sub_partner .partner_list .list ul {
                display: flex;
                flex-wrap: wrap;
            }

                .sub_partner .partner_list .list ul li {
                    width: 25%;
                    padding-left: 15px;
                    padding-right: 15px;
                    margin-bottom: 30px;
                }

                    .sub_partner .partner_list .list ul li .over {
                        position: relative;
                        overflow: hidden;
                        height: 105px;
                        display: flex;
                        width: 100%;
                        align-items: center;
                        justify-content: center;
                    }

                        .sub_partner .partner_list .list ul li .over span {
                            display: inline-block;
                        }


                        @media (max-width: 1430px) {
                            .sub_partner .partner_list {
                                padding : 0 40px;
                            }
                        }

                        @media (max-width: 1280px) {
                            .sub_partner .partner_list .list ul li {
                                width : 33.33333333%;
                            }
                        }

@media (max-width: 1024px) {
    .sub_partner .stit h2 {
        font-size : 32px;
    }

    @media (max-width:768px) {
        .sub_partner {
            padding : 80px 0;
        }

        .sub_partner .partner_list {
            padding: 0 20px;
        }

        .sub_partner .stit h2 {
            font-size : 22px;
        }
    }

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

    .sub_partner .partner_list .list ul li {
        width: 50%;
    }
}

        /* °øÀ¯Ç÷§Æû ¸®»çÀÌÁî */


        /* ½º¸¶Æ®ÆÑÅ丮 ¸®»çÀÌÁî */