@charset "utf-8";

img {
    max-width: 100%;
}

#wrap {
    overflow: hidden;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
    transition: 0.5s;
    height: 122px;
    overflow: hidden;
    z-index: 500;
}

    #header .inner {
        position: relative;
        height: 100px;
        text-align: center;
        font-size: 0;
        padding: 0 30px 0 191px;
    }

    #header .logo {
        left: 0;
        top: 10px;
        width: 191px;
        height: 100px;
        position: absolute;
    }

        #header .logo a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999px;
            background: url(../images/logo-white.png) no-repeat 0 50%;
            background-size: contain;
        }

    #header .gnb {
        display: inline-block;
        padding-top: 10px;
    }

        #header .gnb > li {
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
            position: relative;
        }

            #header .gnb > li > a {
                display: block;
                height: 100px;
                line-height: 100px;
                font-family: 'Nanum Myeongjo',serif;
                font-size: 20px;
                font-weight: 900;
                padding: 0 33px;
                color: #fff;
                transition: 0.3s;
            }

        #header .gnb .gnb6 > a {
            font-size: 18px;
            font-family: 'Noto Sans KR',sans-serif;
            font-weight: 500;
        }

        #header .gnb > li > ul {
            position: absolute;
            left: 0;
            top: 85px;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
            padding-left: 33px;
            display: none;
            height: 180px;
        }

        #header .gnb > li ~ li > ul {
            border-left: 1px solid #ddd;
        }

        #header .gnb > li > ul > li > a {
            display: block;
            font-size: 16px;
            color: #888;
            padding: 6px 0;
            transition: 0.3s;
        }

        #header .gnb > li:hover > a,
        #header .gnb > li.active > a {
            color: #cfba79 !important;
        }

        #header .gnb > li > ul > li:hover > a,
        #header .gnb > li > ul > li.active > a {
            color: #1f2a66;
        }

    #header .tnb {
        position: absolute;
        right: 0;
        top: 45px;
    }

        #header .tnb.login {
            top: 54px;
        }

            #header .tnb.login > li {
                display: inline-block;
                vertical-align: middle;
                position: relative;
            }

                #header .tnb.login > li ~ li {
                    margin-left: 10px;
                    padding-left: 11px;
                }

                    #header .tnb.login > li ~ li:before {
                        content: "";
                        display: block;
                        width: 1px;
                        height: 10px;
                        background: rgba(255,255,255,0.5);
                        top: 50%;
                        margin-top: -5px;
                        position: absolute;
                        left: 0;
                    }

                #header .tnb.login > li > a {
                    display: block;
                    color: #fff;
                    font-size: 14px;
                }

.sub #header .tnb.login > li ~ li:before {
    background-color: rgba(0,0,0,0.5);
}

.sub #header .tnb.login > li > a {
    color: #333;
}


#header .menu {
    width: 40px;
    height: 50px;
    font-size: 24px;
    color: #fff;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: color 0.3s;
    display: none;
}

@media all and (min-width:1001px) {
    #header:hover {
        height: 326px;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }

        #header:hover .logo a {
            background-image: url(../images/logo-color.png);
        }

        #header:hover .gnb > li > a {
            color: #444;
        }

        #header:hover .gnb > li > ul {
            display: block;
            animation: fadeInUp 0.5s;
        }
}

.head-fix #header {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

    .head-fix #header .logo a {
        background-image: url(../images/logo-color.png);
    }

    .head-fix #header .gnb > li > a {
        color: #444;
    }

    .head-fix #header .menu {
        color: #333;
    }

#wrap.sub {
    padding-top: 122px;
}

.sub #header {
    background: #fff;
}

.sub #header {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

    .sub #header .logo a {
        background-image: url(../images/logo-color.png);
    }

    .sub #header .gnb > li > a {
        color: #444;
    }

    .sub #header .menu {
        color: #333;
    }

@media all and (max-width:1500px) {
    #header {
        padding: 0 10px;
    }

        #header .tnb.login {
            top: 10px;
        }
}

@media all and (max-width:1450px) {
    #header {
        padding: 0 10px;
    }
}

@media all and (max-width:1240px) {
    #header .gnb > li > a {
        padding: 0 20px;
    }

    #header .gnb > li > ul {
        padding-left: 20px;
    }
}

@media all and (max-width:1100px) {
    #header .gnb > li > a {
        padding: 0 15px;
        font-size: 18px;
    }

    #header .gnb > li > ul {
        padding-left: 15px;
    }
}

@media all and (max-width:1000px) {
    #header {
        padding: 0 10px;
        height: 50px;
        overflow: visible;
    }

        #header .inner {
            height: 50px;
            padding: 0;
        }

        #header .logo {
            top: 50%;
            width: 80px;
            height: 50px;
            margin-top: -25px;
        }

        #header .menu {
            display: block;
        }

        #header .gnb,
        #header .tnb {
            display: none;
        }

    #wrap.sub {
        padding-top: 50px;
    }
}


#nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition-delay: 0.5s;
    box-sizing: border-box;
    padding-right: 40px;
}

    #nav .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(0,0,0,0.75);
        transition: 0.5s;
        opacity: 0;
    }

    #nav .inner {
        width: calc(100% - 40px);
        position: absolute;
        transform: translate3d(-30px,0,0);
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        z-index: 10;
        background: #fff;
        transition: 0.5s;
        opacity: 0;
    }

    #nav .close {
        position: absolute;
        transform: translate3d(30px,0,0);
        top: 0;
        right: 0;
        width: 40px;
        height: 45px;
        font-size: 0;
        border: none;
        background: none;
        color: #fff;
        z-index: 10;
        transition: 0.5s;
        opacity: 0;
    }

        #nav .close i {
            font-size: 20px;
        }

    #nav .top {
        height: 50px;
        background: #1f2a66;
        text-align: center;
        white-space: nowrap;
    }

        #nav .top li {
            display: inline-block;
            position: relative;
            padding: 0 10px;
        }

            #nav .top li:before {
                content: "";
                display: block;
                width: 1px;
                height: 10px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -5px;
                background: #fff;
            }

            #nav .top li:first-child:before {
                display: none;
            }

            #nav .top li a {
                color: #fff;
                display: block;
                font-size: 13px;
                line-height: 50px;
                height: 50px;
            }

                #nav .top li a i {
                    font-size: 1.2em;
                }

    #nav .gnb > li {
        border-bottom: 1px solid #ddd;
    }

        #nav .gnb > li > a {
            display: block;
            padding: 15px;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0;
            color: #333;
            position: relative;
        }

            #nav .gnb > li > a:before {
                content: '\e114';
                font-family: axicon;
                position: absolute;
                right: 15px;
                top: 50%;
                line-height: 1em;
                margin-top: -0.5em;
                color: #1f2a66;
            }

        #nav .gnb > li.active > a,
        #nav .gnb > li.on > a {
            color: #1f2a66;
        }

            #nav .gnb > li.on > a:before {
                content: '\e115';
                color: #1f2a66;
            }

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

    #nav .gnb li ul {
        background: #f5f2e8;
        padding: 10px 0;
        border-top: 1px solid #ddd;
        display: none;
    }

        #nav .gnb li ul li:first-child {
            border-top: none;
        }

        #nav .gnb li ul li a {
            padding: 3px 15px;
            display: block;
            font-size: 14px;
            letter-spacing: -0.075em;
            color: #b28634;
        }

    #nav .bot {
        margin-top: 30px;
        text-align: center;
    }

        #nav .bot h4 {
            color: #333;
            font-size: 12px;
            letter-spacing: 0.05em;
        }

            #nav .bot h4 span {
                font-weight: normal;
                letter-spacing: 0.05em;
            }

.nav-on #nav {
    height: 100%;
    transition-delay: 0s;
}

    .nav-on #nav .inner {
        opacity: 1;
        transform: translate3d(0,0,0);
    }

    .nav-on #nav .bg {
        opacity: 1;
    }

    .nav-on #nav .close {
        opacity: 1;
        transform: translate3d(0,0,0);
    }


#footer .top {
    background: #252525;
    padding: 75px 10px 80px;
}

    #footer .top .inner {
        max-width: 1360px;
        margin: 0 auto;
        position: relative;
    }

    #footer .top .wrap {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        #footer .top .wrap > div {
            display: table-cell;
            vertical-align: top;
            font-size: 14px;
            line-height: 1.4em;
            color: rgba(255,255,255,0.5);
            font-weight: 300;
        }

    #footer .top h3 {
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        margin-bottom: 15px;
    }

    #footer .top .lef p em {
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 10px;
        background: rgba(255,255,255,0.3);
        margin: -3px 5px 0;
    }

    #footer .top .lef ul {
        margin-top: 10px;
    }

        #footer .top .lef ul li {
            position: relative;
            padding-left: 25px;
        }

            #footer .top .lef ul li ~ li {
                margin-top: 7px;
            }

            #footer .top .lef ul li em {
                line-height: 1em;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -0.5em;
            }

    #footer .top .lef .sns {
        margin-top: 35px;
        font-size: 0;
    }

        #footer .top .lef .sns a {
            display: inline-block;
            width: 40px;
            line-height: 38px;
            border-radius: 50%;
            height: 40px;
            border: 1px solid #515151;
            box-sizing: border-box;
            color: #515151;
            font-size: 16px;
            text-align: center;
            vertical-align: top;
        }

            #footer .top .lef .sns a ~ a {
                margin-left: 10px;
            }

    #footer .top .mid ul li ~ li {
        margin-top: 15px;
    }

    #footer .top .mid ul li a {
        display: inline-block;
        position: relative;
        color: rgba(255,255,255,0.5);
        padding-left: 8px;
        transition: 0.3s;
    }

        #footer .top .mid ul li a:before {
            content: "";
            display: block;
            width: 3px;
            height: 3px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -1.5px;
            background: rgba(255,255,255,0.5);
        }

        #footer .top .mid ul li a:hover {
            color: #fff;
        }

    #footer .top .rig {
        width: 50%;
    }

        #footer .top .rig .form {
            margin-top: 25px;
        }

            #footer .top .rig .form input[type='text'] {
                display: block;
                width: 100%;
                box-sizing: border-box;
                height: 58px;
                border-radius: 5px;
                background: #3d3d3d;
                font-size: 14px;
                text-indent: 20px;
                color: #fff;
                border: none;
            }

                #footer .top .rig .form input[type='text']::-webkit-input-placeholder {
                    color: rgba(255,255,255,0.3);
                }

                #footer .top .rig .form input[type='text']:-moz-placeholder {
                    color: rgba(255,255,255,0.3);
                }

                #footer .top .rig .form input[type='text']::-moz-placeholder {
                    color: rgba(255,255,255,0.3);
                }

                #footer .top .rig .form input[type='text']:-ms-input-placeholder {
                    color: rgba(255,255,255,0.3);
                }

            #footer .top .rig .form button {
                display: inline-block;
                width: 160px;
                height: 50px;
                border-radius: 5px;
                color: #fff;
                background: #9f7a4e;
                border: none;
                margin-top: 18px;
                font-size: 16px;
                font-weight: 300;
            }

#footer .bot {
    padding: 25px 10px;
}

    #footer .bot .inner {
        max-width: 1360px;
        margin: 0 auto;
        position: relative;
    }

    #footer .bot .copy {
        font-size: 12px;
        color: #b5b5b5;
        font-weight: 300;
        letter-spacing: 0;
    }

    #footer .bot .fnb {
        position: absolute;
        right: 0;
        top: 0;
        white-space: nowrap;
        font-size: 0;
    }

        #footer .bot .fnb li {
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
            position: relative;
        }

            #footer .bot .fnb li ~ li {
                margin-left: 12px;
                padding-left: 13px;
            }

                #footer .bot .fnb li ~ li:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 8px;
                    background: #c4c4c4;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -4px;
                }

            #footer .bot .fnb li a {
                display: block;
                font-size: 12px;
                color: #b5b5b5;
                font-weight: 300;
                line-height: 1em;
            }

@media all and (max-width:1000px) {
    #footer .top {
        padding: 30px 10px;
    }

        #footer .top .wrap {
            display: block;
        }

            #footer .top .wrap:after {
                content: '';
                display: block;
                clear: both;
            }

            #footer .top .wrap > div {
                display: block;
                float: left;
                width: 50%;
                box-sizing: border-box;
                font-size: 13px;
            }

        #footer .top h3 {
            font-size: 16px;
            margin-bottom: 10px;
        }

        #footer .top .lef ul li {
            padding-left: 20px;
        }

            #footer .top .lef ul li ~ li {
                margin-top: 7px;
            }

        #footer .top .lef .sns {
            margin-top: 15px;
        }

            #footer .top .lef .sns a {
                width: 30px;
                line-height: 28px;
                height: 30px;
                font-size: 14px;
            }

                #footer .top .lef .sns a ~ a {
                    margin-left: 7px;
                }

        #footer .top .mid ul li ~ li {
            margin-top: 10px;
        }

        #footer .top .rig {
            width: 100% !important;
            margin-top: 30px;
        }

            #footer .top .rig .form {
                margin-top: 15px;
                position: relative;
                padding-right: 110px;
            }

                #footer .top .rig .form input[type='text'] {
                    height: 40px;
                    text-indent: 15px;
                }

                #footer .top .rig .form button {
                    width: 100px;
                    height: 40px;
                    margin-top: 0;
                    font-size: 14px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

    #footer .bot {
        text-align: center;
    }

        #footer .bot .fnb {
            position: relative;
            margin-top: 10px;
        }

            #footer .bot .fnb li ~ li {
                margin-left: 8px;
                padding-left: 9px;
            }
}


@media all and (max-width:640px) {
    #footer .top .wrap > div {
        width: 100%;
    }

        #footer .top .wrap > div ~ div {
            margin-top: 30px;
        }
}


#vis {
    font-size: 0;
}

    #vis,
    #vis .vis {
        height: 100vh;
        position: relative;
    }

        #vis .vis {
            background-repeat: no-repeat;
            background-position: 50% 0;
            background-attachment: fixed;
        }

        #vis .slick-arrow {
            position: absolute;
            top: 50%;
            margin-top: -50px;
            width: 100px;
            height: 100px;
            display: block;
            border: none;
            z-index: 50;
            position: absolute;
            text-indent: -9999px;
            transition: 0.5s;
            background-size: 100% 100%;
            background-color: rgba(0,0,0,0.3);
            transition: 0.3s;
        }

            #vis .slick-arrow.slick-prev {
                left: 20px;
                background-image: url(../images/vis-prev.png);
            }

            #vis .slick-arrow.slick-next {
                right: 20px;
                background-image: url(../images/vis-next.png);
            }

            #vis .slick-arrow:hover {
                background-color: rgba(0,0,0,0.5)
            }

@media all and (max-width:1000px) {
    #vis {
        height: auto;
    }

        #vis .vis {
            height: 0;
            padding-top: 52%;
        }

        #vis .vis {
            background-attachment: scroll;
            background-size: cover;
            background-position: 50% 0;
        }

        #vis .slick-arrow {
            margin-top: -20px;
            width: 40px;
            height: 40px;
        }

            #vis .slick-arrow.slick-prev {
                left: 10px;
            }

            #vis .slick-arrow.slick-next {
                right: 10px;
            }
}

#at {
    background: url(../images/at-bg.jpg) no-repeat 50% 0;
    background-attachment: fixed;
    padding: 180px 10px 80px;
    text-align: center;
}

    #at .inner {
        max-width: 920px;
        margin: 0 auto;
    }

    #at .tit {
        font-family: 'Nanum Myeongjo',serif;
        margin-bottom: 65px;
    }

        #at .tit h3 {
            font-size: 60px;
            font-weight: bold;
            color: #cfba79;
        }

        #at .tit p {
            font-size: 24px;
            color: #fff;
            margin-top: 25px;
            line-height: 1.6em;
        }

    #at .mov {
        display: inline-block;
    }

        #at .mov a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            #at .mov a img {
                display: block;
                transition: 2s;
            }

            #at .mov a:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.5);
                opacity: 0;
                transition: 0.5s;
            }

            #at .mov a:after {
                content: "";
                display: block;
                width: 90px;
                height: 90px;
                line-height: 90px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -45px 0 0 -45px;
                background: url(../images/at-play.png) no-repeat;
                background-size: 100% 100%;
            }

            #at .mov a:hover img {
                transform: scale(1.05);
            }

            #at .mov a:hover:before {
                opacity: 1;
            }

#lightcase-overlay {
    background: rgba(0,0,0,0.7);
}

@media all and (max-width:1000px) {
    #at {
        background-attachment: scroll;
        background-size: cover;
        padding: 30px 10px;
    }

        #at .tit {
            margin-bottom: 20px;
        }

            #at .tit h3 {
                font-size: 20px;
            }

            #at .tit p {
                font-size: 14px;
                margin-top: 15px;
                line-height: 1.4em;
            }

        #at .mov a:after {
            width: 50px;
            height: 50px;
            line-height: 50px;
            margin: -25px 0 0 -25px;
        }
}



#cert {
    background: url(../images/cert-bg.jpg) no-repeat 50% 0;
    background-attachment: fixed;
    padding: 140px 10px;
    text-align: center;
}

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

    #cert .tit {
        font-family: 'Nanum Myeongjo',serif;
        margin-bottom: 65px;
    }

        #cert .tit h3 {
            font-size: 60px;
            font-weight: bold;
            color: #cfba79;
        }

        #cert .tit p {
            font-size: 24px;
            color: #fff;
            margin-top: 25px;
            line-height: 1.6em;
        }

    #cert h4 {
        font-size: 36px;
        font-weight: 500;
        color: #fff;
        text-align: center;
    }

    #cert .area {
        font-size: 0;
        text-align: center;
        margin: 50px -50px 0;
    }

        #cert .area .box {
            display: inline-block;
            box-sizing: border-box;
            vertical-align: top;
            width: 25%;
            padding: 0 50px;
        }

            #cert .area .box .in {
                display: inline-block;
                box-shadow: 10px 10px 10px rgba(0,0,0,0.6);
            }



@media all and (max-width:1000px) {
    #cert {
        background-attachment: scroll;
        background-size: cover;
        padding: 30px 10px;
    }

        #cert .tit {
            margin-bottom: 20px;
        }

            #cert .tit h3 {
                font-size: 20px;
            }

            #cert .tit p {
                font-size: 14px;
                margin-top: 15px;
                line-height: 1.4em;
            }


        #cert h4 {
            font-size: 16px;
        }

        #cert .area {
            margin: 20px -10px -20px;
            padding: 0 10px;
        }

            #cert .area .box {
                width: 50%;
                padding: 0 10px;
                margin-bottom: 20px;
            }
}

#ti {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    #ti > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 735px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    #ti h4 {
        font-size: 48px;
        font-weight: 900;
        color: #1f2a66;
        font-family: 'Nanum Myeongjo',serif;
    }

    #ti .sum {
        font-size: 30px;
        font-weight: 300;
        color: #9f7a4e;
        line-height: 1.2em;
        margin-top: 25px;
        letter-spacing: -0.05em;
    }

    #ti .plus {
        font-size: 0;
        color: #9f7a4e;
        margin-top: 35px;
    }

        #ti .plus > strong {
            margin: 0 10px;
        }

        #ti .plus > * {
            display: inline-block;
            vertical-align: top;
        }

        #ti .plus strong {
            font-size: 24px;
            font-weight: bold;
        }

        #ti .plus dl dd {
            font-size: 18px;
            font-weight: 300;
            margin-top: 5px;
        }

    #ti .btn {
        font-size: 0;
    }

        #ti .btn li {
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
        }

            #ti .btn li ~ li {
                margin-left: 60px;
            }

            #ti .btn li a {
                display: block;
                width: 250px;
                height: 50px;
                line-height: 50px;
                border-radius: 25px;
                color: #fff;
                background: #1f2a66;
                font-size: 18px;
                font-weight: 300;
            }

    #ti .area {
        height: 200px;
    }

    #ti .lef {
        background-image: url(../images/ti1.jpg);
        background-position: 100% 100%;
    }

    #ti .rig {
        background-image: url(../images/ti2.jpg);
    }

        #ti .rig h4 {
            color: #fff;
        }

        #ti .rig .sum {
            color: #fff;
        }

        #ti .rig .btn li a {
            background: #9f7a4e;
        }

@media all and (max-width:1200px) {
    #ti .sum br {
        display: none;
    }

    #ti .btn li ~ li {
        margin-left: 20px;
    }

    #ti .btn li a {
        width: 200px;
        font-size: 16px;
    }
}

@media all and (max-width:1000px) {
    #ti {
        display: block;
    }

        #ti > div {
            display: block;
            height: auto;
            padding: 30px 10px;
        }

        #ti h4 {
            font-size: 24px;
        }

        #ti .sum {
            font-size: 15px;
            margin-top: 15px;
            line-height: 1.5em;
        }

        #ti .plus {
            margin-top: 20px;
        }

            #ti .plus strong {
                font-size: 16px;
            }

            #ti .plus > strong {
                margin: 0 5px;
            }

            #ti .plus dl dd {
                font-size: 14px;
                ;
            }

        #ti .btn {
            margin-top: 15px;
        }

            #ti .btn li ~ li {
                margin-left: 10px;
            }

            #ti .btn li a {
                width: auto;
                padding: 0 15px;
                height: 34px;
                line-height: 34px;
                border-radius: 17px;
                font-size: 14px;
            }

        #ti .area {
            height: auto;
        }
}


#class {
    background: #f5f5f5;
    padding: 130px 10px;
}

    #class .inner {
        max-width: 1360px;
        margin: 0 auto;
    }

    #class h3 {
        text-align: center;
        font-size: 48px;
        font-weight: bold;
        color: #000;
        letter-spacing: -0.025em;
        margin-bottom: 40px;
        font-family: 'Nanum Myeongjo',serif;
    }

    #class .tab {
        position: relative;
        border-bottom: 1px solid #ddd;
        font-size: 0;
        text-align: center;
        margin-bottom: 50px;
    }

        #class .tab a {
            display: inline-block;
            box-sizing: border-box;
            vertical-align: top;
            margin-bottom: -1px;
            border: 1px solid #ddd;
            height: 70px;
            background: #fff;
            width: 335px;
            color: #888;
            transition: 0.3s;
            white-space: nowrap;
            padding: 0 10px;
            font-weight: 300;
        }

            #class .tab a:after {
                content: '';
                display: inline-block;
                width: 0;
                height: 100%;
                vertical-align: middle;
            }

            #class .tab a span {
                display: inline-block;
                vertical-align: middle;
                font-size: 22px;
                max-width: 100%;
                white-space: normal;
            }

        #class .tab .active {
            background: #1f2a66;
            border-color: #1f2a66;
            color: #fff;
        }

    #class .area {
        font-size: 0;
        margin: 0 -5px -10px;
        display: none;
    }

        #class .area.active {
            display: block;
            animation: fadeIn 0.5s;
        }

        #class .area .box {
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
            width: 20%;
            padding: 0 5px;
            margin-bottom: 10px;
        }

            #class .area .box .in {
                display: block;
                height: 263px;
                position: relative;
                font-size: 0;
                white-space: nowrap;
                padding: 0 10px;
                text-align: center;
                overflow: hidden;
                box-sizing: border-box;
            }

                #class .area .box .in:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-repeat: no-repeat;
                    background-position: 50% 50%;
                    background-size: cover;
                    transition: 1.5s;
                }

                #class .area .box .in:after {
                    content: '';
                    display: inline-block;
                    width: 0;
                    height: 100%;
                    vertical-align: middle;
                }

                #class .area .box .in span {
                    display: inline-block;
                    vertical-align: middle;
                    white-space: normal;
                    max-width: 100%;
                    position: relative;
                    z-index: 10;
                }

                    #class .area .box .in span strong {
                        font-size: 16px;
                        font-weight: 300;
                        color: #fff;
                        display: block;
                        margin-bottom: 10px;
                        transition: 0.3s;
                    }

                    #class .area .box .in span em {
                        display: inline-block;
                        position: relative;
                    }

                        #class .area .box .in span em img {
                            display: block;
                            transition: 0.3s;
                        }

                        #class .area .box .in span em:before {
                            content: "";
                            display: block;
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                            transition: 0.3s;
                            opacity: 0;
                        }

        #class .area .box1 .in:before {
            background-image: url(../images/class-bg1.jpg);
        }

        #class .area .box2 .in:before {
            background-image: url(../images/class-bg2.jpg);
        }

        #class .area .box3 .in:before {
            background-image: url(../images/class-bg3.jpg);
        }

        #class .area .box4 .in:before {
            background-image: url(../images/class-bg4.jpg);
        }

        #class .area .box5 .in:before {
            background-image: url(../images/class-bg5.jpg);
        }

        #class .area .box6 .in:before {
            background-image: url(../images/class-bg6.jpg);
        }

        #class .area .box7 .in:before {
            background-image: url(../images/class-bg7.jpg);
        }

        #class .area .box8 .in:before {
            background-image: url(../images/class-bg8.jpg);
        }

        #class .area .box9 .in:before {
            background-image: url(../images/class-bg9.jpg);
        }

        #class .area .box10 .in:before {
            background-image: url(../images/class-bg10.jpg);
        }

        #class .area .box1 .in span em:before {
            background-image: url(../images/ico-class1-ov.png);
        }

        #class .area .box2 .in span em:before {
            background-image: url(../images/ico-class2-ov.png);
        }

        #class .area .box3 .in span em:before {
            background-image: url(../images/ico-class3-ov.png);
        }

        #class .area .box4 .in span em:before {
            background-image: url(../images/ico-class4-ov.png);
        }

        #class .area .box5 .in span em:before {
            background-image: url(../images/ico-class5-ov.png);
        }

        #class .area .box6 .in span em:before {
            background-image: url(../images/ico-class6-ov.png);
        }

        #class .area .box7 .in span em:before {
            background-image: url(../images/ico-class7-ov.png);
        }

        #class .area .box8 .in span em:before {
            background-image: url(../images/ico-class8-ov.png);
        }

        #class .area .box9 .in span em:before {
            background-image: url(../images/ico-class9-ov.png);
        }

        #class .area .box10 .in span em:before {
            background-image: url(../images/ico-class10-ov.png);
        }

        #class .area .box .in:hover:before {
            opacity: 0;
            transform: scale(1.1);
        }

        #class .area .box .in:hover span strong {
            color: #9f7a4e;
        }

        #class .area .box .in:hover span em img {
            opacity: 0;
        }

        #class .area .box .in:hover span em:before {
            opacity: 1;
        }

.ie #class .area .box .in:hover:before {
    transform: scale(1);
}

@media all and (max-width:1000px) {
    #class {
        padding: 30px 10px;
    }

        #class h3 {
            font-size: 24px;
            margin-bottom: 20px;
        }

        #class .tab {
            margin-bottom: 20px;
        }

            #class .tab a {
                height: 40px;
                width: 50%;
            }

                #class .tab a span {
                    font-size: 14px;
                }

        #class .area {
            margin: 0 0 -10px;
        }

            #class .area .box {
                width: calc(50% - 5px);
                padding: 50% 0 0;
                height: 0;
                position: relative;
            }

                #class .area .box:nth-child(even) {
                    margin-left: 10px;
                }

                #class .area .box .in {
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                }

                    #class .area .box .in span strong {
                        font-size: 14px;
                    }
}


#ban {
    position: relative;
    padding: 70px 0;
}

    #ban .box {
        outline: none !important;
    }

        #ban .box .in {
            display: block;
            position: relative;
            margin: 0 15px;
            opacity: 0.5;
            transition: 0.3s;
        }

        #ban .box .float {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            box-sizing: border-box;
            color: #fff;
            padding: 0 45px 20px;
        }

            #ban .box .float > * {
                display: block;
            }

            #ban .box .float em {
                font-size: 30px;
                font-weight: 300;
                line-height: 1.2em;
            }

            #ban .box .float strong {
                font-family: 'Nanum Myeongjo',serif;
                font-size: 48px;
                font-weight: bold;
                line-height: 1em;
                margin-top: 5px;
                min-height: 2em;
            }

        #ban .box.active .in {
            opacity: 1;
        }

    #ban .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -50px;
        width: 52px;
        height: 100px;
        display: block;
        font-size: 0;
        border: none;
        text-indent: -9999px;
        background-color: transparent;
        overflow: visible;
        z-index: 100;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

        #ban .slick-arrow.slick-prev {
            left: 0;
            background-image: url(../images/ban-prev.png);
        }

        #ban .slick-arrow.slick-next {
            right: 0;
            background-image: url(../images/ban-next.png);
        }

@media all and (max-width:1000px) {
    #ban {
        padding: 30px 0;
    }

        #ban .box .in {
            margin: 0 5px;
        }

        #ban .box .float {
            padding: 15px;
            background: rgba(0,0,0,0.5);
        }

            #ban .box .float em {
                font-size: 14px;
            }

            #ban .box .float strong {
                font-size: 22px;
                min-height: 0;
            }

        #ban .slick-arrow {
            margin-top: -25px;
            width: 21px;
            height: 50px;
        }
}

#read {
    background: url(../images/read.jpg) no-repeat 50% 0;
    background-size: cover;
    padding: 0 10px;
    margin-bottom: 70px;
}

    #read .inner {
        max-width: 1360px;
        margin: 0 auto;
        height: 735px;
        font-size: 0;
        text-align: right;
        box-sizing: border-box;
        padding-right: 110px;
    }

        #read .inner:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

    #read .ver {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        #read .ver h3 img {
            width: 140px;
        }

        #read .ver dl {
            margin: 20px 0 85px;
        }

            #read .ver dl dt {
                font-family: 'Nanum Myeongjo',serif;
                font-size: 24px;
                color: #fff;
                letter-spacing: 1.2em;
                text-indent: 1.2em;
            }

            #read .ver dl dd {
                font-size: 72px;
                color: #fff;
                font-weight: 100;
                letter-spacing: -0.1em;
            }

        #read .ver p a {
            display: inline-block;
            width: 250px;
            height: 50px;
            line-height: 50px;
            border-radius: 25px;
            color: #fff;
            background: #9f7a4e;
            font-size: 18px;
            text-align: center;
            font-weight: 300;
        }

@media all and (max-width:1000px) {
    #read {
        margin-bottom: 0;
    }

        #read .inner {
            height: auto;
            padding: 30px 0;
        }

        #read .ver {
            display: block;
        }

            #read .ver h3 img {
                width: 100px;
            }

            #read .ver dl {
                margin: 10px 0 30px;
            }

                #read .ver dl dt {
                    font-size: 16px;
                    letter-spacing: 0.5em;
                    text-indent: 0.5em;
                }

                #read .ver dl dd {
                    font-size: 34px;
                    margin-top: 5px;
                }

            #read .ver p a {
                width: 140px;
                height: 40px;
                line-height: 40px;
                border-radius: 20px;
                font-size: 14px;
            }
}


#svis {
    background: url(../images/svis1.jpg) no-repeat 50% 0;
    background-attachment: fixed;
}

    #svis .inner {
        max-width: 1260px;
        margin: 0 auto;
        height: 319px;
        font-size: 0;
    }

        #svis .inner:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

    #svis h2 {
        display: inline-block;
        vertical-align: middle;
        font-size: 60px;
        font-weight: bold;
        font-family: 'Nanum Myeongjo',serif;
        color: #fff;
        letter-spacing: -0.05em;
    }

.sub2 #svis {
    background-image: url(../images/svis2.jpg);
}

.sub3 #svis {
    background-image: url(../images/svis3.jpg);
}

.sub4 #svis {
    background-image: url(../images/svis4.jpg);
}

.sub5 #svis {
    background-image: url(../images/svis5.jpg);
}

.sub6 #svis {
    background-image: url(../images/svis6.jpg);
}

.sub7 #svis {
    background-image: url(../images/svis7.jpg);
}

.sub8 #svis {
    background-image: url(../images/svis8.jpg);
}

@media all and (max-width:1000px) {
    #svis {
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 0 !important;
    }

        #svis .inner {
            height: 70px;
            text-align: center;
        }

        #svis h2 {
            font-size: 30px;
            letter-spacing: 0;
            transform: translate3d(0,0,0) !important;
        }
}

#sub {
    padding: 15px 10px 100px;
}

    #sub > .inner {
        max-width: 1260px;
        margin: 0 auto;
    }

#navi {
    margin-bottom: 40px;
    font-size: 0;
}

    #navi li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 14px;
        color: #999;
        line-height: 1em;
    }

        #navi li:first-child {
            color: #00216a;
            font-size: 22px;
        }

        #navi li:last-child {
            color: #333;
            font-weight: 500;
        }

        #navi li ~ li {
            margin-left: 7px;
            padding-left: 13px;
        }

            #navi li ~ li:before {
                content: "\f105";
                font-family: axicon;
                color: #888;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -8px;
                line-height: 1em;
            }

#section {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#lef,
#rig {
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
}

#lef {
    padding-right: 40px;
}

    #lef .lnb {
        max-width: 210px;
    }

        #lef .lnb > li ~ li {
            margin-top: 17px;
        }

        #lef .lnb > li > a {
            display: block;
            padding: 12px 18px;
            line-height: 1.2em;
            color: #565a6e;
            font-size: 17px;
        }

        #lef .lnb > li:hover > a,
        #lef .lnb > li.active > a {
            background: #00216a;
            color: #fff;
        }

#rig {
    width: 970px;
}

#tit {
    margin-bottom: 45px;
}

    #tit h3 {
        font-family: 'Nanum Myeongjo',serif;
        font-size: 48px;
        color: #00216a;
    }

.sub6 #tit,
.sub8 #tit {
    text-align: center;
}

@media all and (max-width:1240px) {
    #section {
        display: block;
    }

    #lef {
        display: none;
    }

    #rig {
        width: auto;
        max-width: 970px;
        margin: 0 auto;
        display: block;
    }
}

@media all and (max-width:1000px) {
    #sub {
        padding: 10px 10px 30px;
    }

    #navi {
        margin-bottom: 10px;
    }

        #navi li {
            font-size: 13px;
        }

            #navi li:first-child {
                font-size: 18px;
            }

            #navi li ~ li {
                margin-left: 5px;
                padding-left: 10px;
            }

                #navi li ~ li:before {
                    margin-top: -8px;
                }

    #tit {
        margin-bottom: 15px;
    }

        #tit h3 {
            font-size: 26px;
        }
}


.__nm {
    font-family: 'Nanum Myeongjo',serif;
}

.__blue {
    color: #00216a !important;
}

.__tit30 {
    font-size: 30px;
    line-height: 1.6em;
    color: #00216a !important;
    font-family: 'Nanum Myeongjo',serif;
    font-weight: bold;
}

.__txt18 {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 300;
}

@media all and (max-width:1000px) {
    .__tit30 {
        font-size: 18px;
        line-height: 1.5em;
    }

    .__txt18 {
        font-size: 14px;
        line-height: 1.5em;
    }
}


.__line {
    border: none;
    border-top: 1px solid #e1e2e5;
}

.__overview1 {
    font-size: 24px;
    font-style: italic;
    color: #1d233d;
    line-height: 1.3em;
    background: #f6f6f7 url(../images/overview1-bg.gif) no-repeat 100% 100%;
    padding: 75px 35px 65px;
    font-family: 'Nanum Myeongjo',serif;
    font-weight: bold;
}

.__overview2 {
    table-layout: auto;
}

    .__overview2 .td {
        vertical-align: top;
        padding: 0 10px;
        text-align: center;
    }

        .__overview2 .td ~ .td {
            border-left: 1px solid #e1e2e5;
        }

        .__overview2 .td dl {
        }

            .__overview2 .td dl dd {
                display: inline-block;
                text-align: left;
            }

@media all and (max-width:1000px) {
    .__overview1 {
        font-size: 18px;
        padding: 25px 15px;
        background-size: 74px 104.5px;
    }

    .__overview2 {
        display: block;
    }

        .__overview2 .td {
            display: block;
            padding: 20px 0;
        }

            .__overview2 .td ~ .td {
                border-left: none;
                border-top: 1px solid #e1e2e5;
            }
}


.__vision1 {
    background: url(../images/vision1-bg.jpg) no-repeat 50% 0;
    background-size: cover;
    text-align: center;
    padding: 50px 10px 140px;
}

    .__vision1 dl dt {
        font-size: 30px;
        color: #a37b45;
        font-family: 'Nanum Myeongjo',serif;
    }

    .__vision1 dl dd {
        font-size: 72px;
        color: #00216a;
        font-family: 'Nanum Myeongjo',serif;
        font-weight: 900;
    }

    .__vision1 p {
        font-size: 18px;
        font-weight: 300;
        color: #333;
        margin-top: 20px;
    }

.__vision2 {
    text-align: center;
    font-size: 0;
    margin-top: -80px;
}

    .__vision2 .box {
        width: 176px;
        height: 176px;
        border: 2px solid #05256d;
        border-radius: 50%;
        background: #fff;
        box-sizing: border-box;
        padding: 0 10px;
        display: inline-block;
        vertical-align: top;
    }

        .__vision2 .box ~ .box {
            margin-left: 40px;
        }

        .__vision2 .box:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .__vision2 .box dl {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
        }

            .__vision2 .box dl dt {
                font-size: 36px;
                font-weight: bold;
                color: #333;
            }

            .__vision2 .box dl dd {
                font-size: 14px;
                line-height: 1.3em;
                color: #333;
                margin-top: 5px;
            }

.__vision3 h3 {
    position: relative;
    text-align: center;
    font-size: 30px;
    font-family: 'Nanum Myeongjo',serif;
    padding-top: 25px;
    color: #a37b45;
}

    .__vision3 h3:before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        background: #00216a;
        top: 0;
    }

.__vision3 .area {
    background: #f1f1f2;
    padding: 75px 20px;
}

    .__vision3 .area .__dtbl {
        width: 100%;
        table-layout: auto;
    }

    .__vision3 .area .td {
        text-align: center;
        vertical-align: middle;
    }

    .__vision3 .area .info dt {
        font-size: 30px;
        color: #00216a;
    }

    .__vision3 .area .info dd {
        font-size: 18px;
        font-weight: 300;
        margin-top: 10px;
    }

    .__vision3 .area .ico {
        font-size: 72px;
        color: #999;
        font-weight: 1000;
    }

.__vision4 {
    text-align: center;
    border: 1px solid #ddd;
    padding: 35px 20px;
}

@media all and (max-width:1000px) {
    .__vision1 {
        padding: 30px 10px 60px;
    }

        .__vision1 dl dt {
            font-size: 16px;
        }

        .__vision1 dl dd {
            font-size: 30px;
        }

        .__vision1 p {
            font-size: 13px;
            margin-top: 15px;
        }

    .__vision2 {
        margin-top: -40px;
    }

        .__vision2 .box {
            width: 120px;
            height: 120px;
            padding: 0 5px;
        }

            .__vision2 .box ~ .box {
                margin-left: 20px;
            }

            .__vision2 .box dl dt {
                font-size: 16px;
            }

            .__vision2 .box dl dd {
                font-size: 13px;
            }

    .__vision3 h3 {
        font-size: 18px;
        padding-top: 10px;
    }

    .__vision3 .area {
        padding: 20px 5px;
    }

        .__vision3 .area .__dtbl {
            display: block;
        }

        .__vision3 .area .td {
            display: block;
        }

        .__vision3 .area .info dt {
            font-size: 16px;
        }

        .__vision3 .area .info dd {
            font-size: 13px;
            margin-top: 5px;
        }

        .__vision3 .area .ico {
            font-size: 32px;
            padding: 5px 0;
        }

        .__vision3 .area .logo img {
            width: 90px;
        }

    .__vision4 {
        padding: 15px;
    }
}


.__rnd1 h3 {
    font-family: 'Nanum Myeongjo',serif;
    color: #00216a;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2em;
}

.__rnd1 .__txt18 {
    margin: 40px 0;
}

.__rnd1 .txt2 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Nanum Myeongjo',serif;
    color: #00216a;
    line-height: 1.4em;
}

.__rnd2 {
    font-size: 0;
    margin: 0 -65px;
    text-align: center;
}

    .__rnd2 .box {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 33.333333%;
    }

        .__rnd2 .box .txt {
            margin-top: 20px;
            font-size: 18px;
            font-weight: 300;
        }

.__rnd3 {
    font-size: 0;
    margin: 0 -27px;
    text-align: center;
}

    .__rnd3 .box {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 25%;
    }

        .__rnd3 .box img {
            display: inline-block;
            box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
        }

        .__rnd3 .box .txt {
            line-height: 1.4em;
            margin-top: 25px;
            font-size: 18px;
            font-weight: 300;
        }

@media all and (max-width:1000px) {
    .__rnd1 h3 {
        font-size: 18px;
    }

    .__rnd1 .__txt18 {
        margin: 15px 0;
    }

    .__rnd1 .txt2 {
        font-size: 14px;
    }

    .__rnd2,
    .__rnd3 {
        margin: 0 -5px -20px;
    }

        .__rnd2 .box,
        .__rnd3 .box {
            width: 50%;
            margin-bottom: 20px;
            padding: 0 5px;
        }

            .__rnd2 .box .txt,
            .__rnd3 .box .txt {
                margin-top: 10px;
                font-size: 14px;
            }
}

.__tab1 {
    position: relative;
    margin-bottom: 50px;
}

    .__tab1:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #1f2a66;
    }

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

    .__tab1 a {
        display: block;
        float: left;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        padding: 0 10px;
        color: #888;
        border: 1px solid #dadada;
        border-bottom: 2px solid #1f2a66;
        height: 70px;
        font-weight: 300;
        background: #fff;
    }

        .__tab1 a:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .__tab1 a span {
            display: inline-block;
            vertical-align: middle;
            font-size: 22px;
            line-height: 1.2em;
        }

    .__tab1 .active {
        border: 2px solid #1f2a66;
        border-bottom: none;
        color: #00216a;
        font-weight: 500;
        z-index: 10;
        position: relative;
    }

.__tab2 {
    font-size: 0;
    margin: 0 -5px 35px;
}

    .__tab2 li {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 5px;
        margin-bottom: 5px;
        width: 20%;
    }

        .__tab2 li a {
            display: block;
            height: 70px;
            text-align: center;
            font-size: 0;
            border: 1px solid #9e7c4f;
            box-sizing: border-box;
            color: #000;
        }

            .__tab2 li a:after {
                content: '';
                display: inline-block;
                width: 0;
                height: 100%;
                vertical-align: middle;
            }

            .__tab2 li a span {
                display: inline-block;
                vertical-align: middle;
                font-size: 20px;
                letter-spacing: -0.1em;
            }

    .__tab2 .active a {
        background: #1f2a66;
        color: #fff;
        border-color: #1f2a66;
    }

.__tab3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

    .__tab3 .inner {
        margin-right: -5px;
        margin-bottom: -1px;
        padding: 1px 0 0 1px;
    }

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

    .__tab3 a {
        display: block;
        width: 20%;
        float: left;
        font-size: 0;
        text-align: center;
        margin: -1px 0 0 -1px;
        height: 70px;
        padding: 0 10px;
        background: #f5f5f5;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .__tab3 a:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .__tab3 a span {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
        }

    .__tab3 .active {
        background: #fff;
        border-color: #aaa;
        color: #333;
        position: relative;
        z-index: 10;
    }

@media all and (max-width:1000px) {
    .__tab1 {
        margin-bottom: 20px;
    }

        .__tab1 a {
            height: 40px;
        }

            .__tab1 a span {
                font-size: 14px;
            }

    .__tab2 {
        margin: 0 -2px 10px;
    }

        .__tab2 li {
            padding: 0 2px;
            margin-bottom: 4px;
            width: 25%;
        }

            .__tab2 li a {
                height: 34px;
            }

                .__tab2 li a span {
                    font-size: 14px;
                }

    .__tab3 {
        margin-bottom: 20px;
    }

        .__tab3 .inner {
            margin-right: -4px;
        }

        .__tab3 a {
            width: 33.333333%;
            height: 34px;
            padding: 0 5px;
        }

            .__tab3 a span {
                font-size: 14px;
            }
}


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

.__director .img {
    text-align: center;
    float: left;
    width: 480px;
}

.__director .info {
    float: left;
    width: 490px;
}

    .__director .info * {
        letter-spacing: -0.075em;
    }

    .__director .info h3 {
        font-size: 28px;
        line-height: 1.3em;
        font-weight: normal;
        color: #976b0c;
        font-family: 'Nanum Myeongjo',serif;
    }

    .__director .info ul {
        font-size: 15px;
        color: #333;
        font-weight: 500;
    }

        .__director .info ul li {
            text-indent: -1em;
            padding-left: 1em;
            line-height: 1.4em;
        }

            .__director .info ul li ~ li {
                margin-top: 5px;
            }

    .__director .info dl {
        text-align: right;
        color: #00216a;
        font-family: 'Nanum Myeongjo',serif;
    }

        .__director .info dl dt {
            font-size: 30px;
            font-weight: bold;
        }

        .__director .info dl dd {
            font-size: 18px;
            margin-top: 5px;
        }

@media all and (max-width:1000px) {
    .__director .img {
        float: none;
        text-align: center;
        width: auto;
    }

    .__director .info {
        float: none;
        width: auto;
        margin-top: 30px;
    }

        .__director .info h3 {
            font-size: 18px;
        }

        .__director .info ul {
            font-size: 13px;
        }

        .__director .info dl dt {
            font-size: 20px;
        }

        .__director .info dl dd {
            font-size: 14px;
            margin-top: 3px;
        }
}

.__director-list {
    margin: 0 -25px -50px;
    font-size: 0;
}

    .__director-list .box {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 25px;
        width: 50%;
        margin-bottom: 50px;
    }

        .__director-list .box .update {
            font-size: 24px;
            text-align: center;
            color: #000;
            display: table;
            width: 100%;
            height: 518px;
        }

            .__director-list .box .update span {
                display: table-cell;
                vertical-align: middle;
            }

        .__director-list .box .top {
            color: #00216a;
            margin-bottom: 15px;
        }

            .__director-list .box .top dt {
                font-size: 18px;
                font-weight: 300;
            }

            .__director-list .box .top dd {
                font-size: 36px;
                font-weight: bold;
                font-family: 'Nanum Myeongjo',serif;
            }

        .__director-list .box .img a {
            display: block;
            position: relative;
        }

            .__director-list .box .img a:before {
                content: "";
                display: block;
                width: 90px;
                height: 90px;
                line-height: 90px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -45px 0 0 -45px;
                background: url(../images/at-play.png) no-repeat;
                background-size: 100% 100%;
            }

        .__director-list .box .info {
            background: #f2f2f2;
            padding: 35px 20px;
        }

            .__director-list .box .info .sum {
                font-size: 16px;
                color: #777;
                font-weight: 300;
                line-height: 1.5em;
            }

@media all and (max-width:1000px) {
    .__director-list {
        margin: 0 -5px -20px;
    }

        .__director-list .box {
            padding: 0 5px;
            margin-bottom: 20px;
        }

            .__director-list .box .update {
                font-size: 16px;
                display: block;
                height: auto;
                padding: 100px 10px 0;
            }

                .__director-list .box .update span {
                    display: block;
                }


            .__director-list .box .top {
                margin-bottom: 10px;
            }

                .__director-list .box .top dt {
                    font-size: 12px;
                }

                .__director-list .box .top dd {
                    font-size: 15px;
                    margin-top: 3px;
                }

            .__director-list .box .img a:before {
                width: 50px;
                height: 50px;
                line-height: 50px;
                margin: -25px 0 0 -25px;
            }

            .__director-list .box .info {
                padding: 15px 10px;
            }

                .__director-list .box .info .sum {
                    font-size: 13px;
                    line-height: 1.4em;
                }
}


.__fac .big {
    position: relative;
}

    .__fac .big .box {
        position: relative;
    }

        .__fac .big .box .float {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            box-sizing: border-box;
            background: rgba(0,0,0,0.25);
            padding: 20px 30px;
            z-index: 10;
        }

            .__fac .big .box .float span {
                display: block;
                color: #fff;
                font-size: 24px;
                font-weight: 300;
            }

    .__fac .big .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -34px;
        width: 60px;
        height: 68px;
        display: block;
        border: none;
        z-index: 50;
        position: absolute;
        text-indent: -9999px;
        transition: 0.5s;
        background-position: 50% 50%;
        background-color: rgba(0,0,0,0.25);
        background-repeat: no-repeat;
        transition: 0.3s;
    }

        .__fac .big .slick-arrow.slick-prev {
            left: 0;
            background-image: url(../images/fac-big-prev.png);
        }

        .__fac .big .slick-arrow.slick-next {
            right: 0;
            background-image: url(../images/fac-big-next.png);
        }


.__fac .thm {
    position: relative;
    padding: 0 35px;
    margin-top: 20px;
}

    .__fac .thm .box {
        position: relative;
    }

        .__fac .thm .box a {
            display: block;
            margin: 0 5px;
            position: relative;
        }

            .__fac .thm .box a:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                border: 3px solid #00216a;
                transition: 0.3s;
                opacity: 0;
                position: absolute;
                top: 0;
                left: 0;
            }

        .__fac .thm .box.active a:before {
            opacity: 1;
        }

    .__fac .thm .slick-arrow {
        position: absolute;
        top: 0;
        width: 30px;
        height: 100%;
        display: block;
        border: none;
        z-index: 50;
        position: absolute;
        text-indent: -9999px;
        transition: 0.5s;
        background-position: 50% 50%;
        background-color: rgba(0,0,0,0.1);
        background-repeat: no-repeat;
        transition: 0.3s;
    }

        .__fac .thm .slick-arrow.slick-prev {
            left: -35px;
            background-image: url(../images/fac-thm-prev.png);
        }

        .__fac .thm .slick-arrow.slick-next {
            right: -35px;
            background-image: url(../images/fac-thm-next.png);
        }

    .__fac .big > .roll > .box,
    .__fac .thm > .roll > .box {
        display: none;
    }

@media all and (max-width:1000px) {
    .__fac .big .box .float {
        padding: 10px;
    }

        .__fac .big .box .float span {
            font-size: 14px;
        }

    .__fac .big .slick-arrow {
        margin-top: -17px;
        width: 30px;
        height: 34px;
        background-size: 7px 13px;
    }

    .__fac .thm {
        padding: 0 25px;
        margin-top: 10px;
    }

        .__fac .thm .slick-arrow {
            background-size: 7px 13px;
            width: 20px;
        }

            .__fac .thm .slick-arrow.slick-prev {
                left: -25px;
            }

            .__fac .thm .slick-arrow.slick-next {
                right: -25px;
            }
}


.__botarea {
    margin-top: 60px;
    position: relative;
    min-height: 32px;
}

    .__botarea .cen {
        text-align: center;
    }

    .__botarea .lef {
        position: absolute;
        left: 0;
        top: 0;
    }

    .__botarea .rig {
        position: absolute;
        right: 0;
        top: 0;
    }

.__paging {
    font-size: 0;
}

    .__paging .arr,
    .__paging .num {
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        width: 42px;
        height: 42px;
        line-height: 40px;
        border: 1px solid #ddd;
        text-align: center;
        color: #999;
        border-radius: 3px;
        z-index: 0;
        margin: 0 3px;
        position: relative;
    }

    .__paging .num {
        font-size: 14px;
    }

    .__paging .arr i {
        font-size: 14px;
        display: block;
        line-height: 40px;
    }

    .__paging .num:hover,
    .__paging .arr:hover {
        border-color: #000;
        color: #000;
    }

    .__paging .num.active {
        border-color: #e3e3e3;
        color: #000;
        background: #e3e3e3;
        font-weight: 500;
    }


@media all and (max-width:1000px) {
    .__botarea {
        margin-top: 30px;
        text-align: center;
    }

        .__botarea > div {
            position: relative !important;
        }

            .__botarea > div ~ div {
                margin-top: 10px;
            }


    .__paging .arr,
    .__paging .num {
        width: 30px;
        height: 30px;
        line-height: 28px;
        margin: 0 2px;
    }

    .__paging .num {
        font-size: 13px;
    }

    .__paging .arr i {
        font-size: 16px;
        line-height: 26px;
    }
}

.__loc .top dl {
    font-family: 'Nanum Myeongjo',serif;
}

    .__loc .top dl dt {
        font-size: 30px;
        color: #00216a;
        line-height: 1.2em;
    }

    .__loc .top dl dd {
        font-size: 72px;
        color: #c3a159;
        margin-top: 15px;
    }

.__loc .top p {
    font-size: 30px;
    color: #000;
}

.__loc .loc .root_daum_roughmap {
    width: 100% !important;
    padding: 0;
    box-sizing: border-box;
    border: none;
}

.__loc .loc .wrap_map {
    height: 570px !important;
}

.__loc .bot {
    width: 100%;
    color: #9f7a4e;
}

    .__loc .bot .td {
        vertical-align: middle;
        box-sizing: border-box;
    }

    .__loc .bot .lef dl dt {
        font-size: 30px;
        font-weight: 500;
    }

    .__loc .bot .lef dl dd {
        font-size: 18px;
        line-height: 1.3em;
        margin-top: 7px;
    }

    .__loc .bot .rig {
        width: 220px;
        padding-left: 20px;
        border-left: 1px solid #e5e5e5;
    }

        .__loc .bot .rig li {
            position: relative;
            padding-left: 1.3em;
            font-size: 14px;
            color: #9f7a4e;
            line-height: 1.5em;
        }

            .__loc .bot .rig li ~ li {
                margin-top: 10px;
            }

            .__loc .bot .rig li em {
                display: block;
                position: absolute;
                left: 0;
                top: 1px;
                color: #bebebe;
            }

            .__loc .bot .rig li span {
                font-weight: 300;
            }

@media all and (max-width:1000px) {
    .__loc .top dl dt {
        font-size: 15px;
        line-height: 1.4em;
    }

    .__loc .top dl dd {
        font-size: 30px;
        margin-top: 10px;
    }

    .__loc .top p {
        font-size: 18px;
    }

    .__loc .loc .wrap_map {
        height: 250px !important;
    }

    .__loc .bot {
        display: block;
    }

        .__loc .bot .td {
            display: block;
            width: 100%;
        }

        .__loc .bot .lef dl dt {
            font-size: 18px;
        }

        .__loc .bot .lef dl dd {
            font-size: 14px;
        }

        .__loc .bot .rig {
            width: auto;
            padding-left: 0;
            border-left: none;
            border-top: 1px solid #ddd;
            margin-top: 10px;
            padding-top: 10px;
        }

            .__loc .bot .rig li ~ li {
                margin-top: 5px;
            }
}

.__admmission1 dl dt {
    font-size: 36px;
    color: #000;
    line-height: 1.1em;
    font-family: 'Nanum Myeongjo',serif;
    letter-spacing: -0.075em;
}

    .__admmission1 dl dt span {
        letter-spacing: -0.05em;
    }

.__admmission1 dl dd {
    font-size: 18px;
    color: #888;
    line-height: 1.6em;
    margin-top: 15px;
}

.__admmission2 {
    width: 100%;
}

    .__admmission2 .td {
        vertical-align: top;
        box-sizing: border-box;
    }

    .__admmission2 .box {
        padding-left: 20px;
        width: 195px;
    }

        .__admmission2 .box .cir {
            height: 146px;
            border-radius: 15px;
            position: relative;
            text-align: center;
            font-size: 0;
            background: #9e7b4e;
        }

            .__admmission2 .box .cir:after {
                content: '';
                display: inline-block;
                width: 0;
                height: 100%;
                vertical-align: middle;
            }

            .__admmission2 .box .cir .ver {
                display: inline-block;
                vertical-align: middle;
                color: #fff;
            }

            .__admmission2 .box .cir span {
                display: block;
                width: 36px;
                height: 36px;
                position: absolute;
                left: -18px;
                text-align: center;
                line-height: 36px;
                color: #fff;
                background: #a1c7ea;
                border-radius: 50%;
                font-size: 24px;
                font-weight: bold;
                top: 50%;
                margin-top: -18px;
            }

            .__admmission2 .box .cir h3 {
                font-size: 22px;
                font-weight: normal;
            }

            .__admmission2 .box .cir p {
                font-size: 14px;
                line-height: 1.2em;
                margin-top: 10px;
                padding: 10px 10px 0;
                position: relative;
                letter-spacing: -0.05em;
            }

                .__admmission2 .box .cir p:before {
                    content: "";
                    display: block;
                    width: 28px;
                    left: 50%;
                    margin-left: -14px;
                    height: 1px;
                    background: #fff;
                    position: absolute;
                    top: 0;
                }

        .__admmission2 .box ul {
            margin-top: 15px;
        }

            .__admmission2 .box ul li {
                font-size: 14px;
                line-height: 1.3em;
                color: #9e7b4e;
            }

                .__admmission2 .box ul li ~ li {
                    margin-top: 15px;
                }

    .__admmission2 .arr {
        text-align: left;
        padding-top: 36px;
    }

        .__admmission2 .arr span {
            width: 39px;
            height: 73px;
            background: url(../images/admmission-arr.gif) no-repeat;
            display: block;
        }

@media all and (max-width:1000px) {
    .__admmission1 dl dt {
        font-size: 20px;
        line-height: 1.2em;
    }

    .__admmission1 dl dd {
        font-size: 14px;
        line-height: 1.5em;
        margin-top: 10px;
    }

    .__admmission2 {
        margin-left: -5px;
        margin-right: -5px;
    }

        .__admmission2 .__dtbl {
            display: block;
            font-size: 0;
        }

            .__admmission2 .__dtbl:after {
                content: '';
                display: block;
                clear: both;
            }

        .__admmission2 .td {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            padding: 0 5px;
            margin-bottom: 10px;
        }

        .__admmission2 .box {
            padding-left: 20px;
        }

            .__admmission2 .box .cir {
                height: 120px;
                border-radius: 10px;
            }

                .__admmission2 .box .cir span {
                    width: 30px;
                    height: 30px;
                    left: -15px;
                    line-height: 30px;
                    font-size: 18px;
                    margin-top: -15px;
                }

                .__admmission2 .box .cir h3 {
                    font-size: 18px;
                }

                .__admmission2 .box .cir p {
                    font-size: 13px;
                    margin-top: 7px;
                    padding: 7px 7px 0;
                }

            .__admmission2 .box ul {
                margin-top: 10px;
            }

                .__admmission2 .box ul li {
                    font-size: 13px;
                }

                    .__admmission2 .box ul li ~ li {
                        margin-top: 10px;
                    }

        .__admmission2 .arr {
            display: none;
        }
}

.__agree h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
}

.__agree .area {
    border: 1px solid #ddd;
    border-top: 1px solid #000;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 15px 20px;
    overflow: auto;
    height: 165px;
    font-size: 14px;
    line-height: 1.6em;
}

.__agree .lab {
    margin-top: 15px;
    text-align: right;
}

    .__agree .lab label {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 14px;
    }

        .__agree .lab label ~ label {
            margin-left: 20px;
        }

@media all and (max-width:1000px) {
    .__agree h3 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .__agree .area {
        padding: 15px;
    }

    .__agree .lab {
        margin-top: 10px;
    }

        .__agree .lab label ~ label {
            margin-left: 15px;
        }
}

.__form1 {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    background: #fff;
    padding-left: 10px;
    font-size: 14px;
}

    .__form1._date {
        background-image: url(../images/ico-cal.png);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 34px;
        line-height: 34px;
    }

textarea.__form1 {
    height: 200px;
}

.__tbl-write {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #00216a;
}

    .__tbl-write tr > * {
        border-bottom: 1px solid #ccc;
        padding: 10px;
        font-size: 16px;
        line-height: 1.4em;
        box-sizing: border-box;
    }

    .__tbl-write tr th {
        height: 60px;
        padding-left: 15px;
        text-align: left;
        font-weight: 500;
        color: #000;
        background: #fafafa;
    }

    .__tbl-write tr td label {
        display: inline-block;
        margin-right: 20px;
    }

    .__tbl-write tr td > p ~ p {
        margin-top: 7px;
    }

    .__tbl-write .required:before {
        content: "*";
        display: inline-block;
        margin-right: 3px;
        color: #0099ff;
    }

    .__tbl-write .tel {
        width: 270px;
    }

        .__tbl-write .tel .dash {
            width: 30px;
            text-align: center;
        }

    .__tbl-write .dib {
        display: inline-block;
        margin-left: 20px;
    }

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

    .__form1 {
        height: 30px;
        padding-left: 5px;
        font-size: 12px;
    }

    textarea.__form1 {
        height: 100px;
    }

    .__form1._date {
        background-size: 28px 28px;
    }

    .__tbl-write,
    .__tbl-write tbody {
        display: block;
    }

        .__tbl-write tr > * {
            display: block;
            box-sizing: border-box;
        }

        .__tbl-write tr {
            display: block;
        }

            .__tbl-write tr th {
                font-size: 14px;
                height: auto;
                border-bottom: none;
                padding: 10px !important;
                background: #fafafa;
                border-bottom: 1px solid #eee;
            }

            .__tbl-write tr td {
                font-size: 14px;
                border-bottom: 1px solid #ddd;
                padding: 10px !important;
            }

                .__tbl-write tr td label {
                    margin-right: 10px;
                }

                .__tbl-write tr td > p ~ p {
                    margin-top: 5px;
                }

        .__tbl-write .dib {
            display: block;
            margin: 7px 0 0;
        }

        .__tbl-write .tel .dash {
            width: 15px;
        }
}

.__child h3 {
    font-size: 36px;
    font-weight: 300;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 40px;
    letter-spacing: -0.075em;
}

.__child .area {
    margin: 0 -25px -50px;
    font-size: 0;
}

    .__child .area .box {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        padding: 0 25px;
        vertical-align: top;
        margin-bottom: 50px;
    }

        .__child .area .box .tit {
            margin-bottom: 15px;
        }

            .__child .area .box .tit h4 {
                font-size: 30px;
                color: #9e7c4f;
                font-weight: 300;
            }

            .__child .area .box .tit p {
                font-size: 24px;
                color: #9e7c4f;
                font-family: 'Nanum Myeongjo',serif;
                margin-top: 5px;
            }

        .__child .area .box .info {
            background: #f2f2f2;
            padding: 35px;
        }

            .__child .area .box .info .list > li {
                font-size: 20px;
                color: #777;
                line-height: 1.4em;
                position: relative;
                position: relative;
                padding-left: 0.8em;
                font-weight: 300;
            }

                .__child .area .box .info .list > li:before {
                    content: "";
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    background: #1f2a66;
                    position: absolute;
                    left: 0;
                    top: 0.6em;
                }

                .__child .area .box .info .list > li ~ li {
                    margin-top: 5px;
                }

            .__child .area .box .info .star {
                margin-top: 10px;
            }

                .__child .area .box .info .star > li {
                    position: relative;
                    padding-left: 0.8em;
                    line-height: 1.4em;
                    font-size: 14px;
                }

                    .__child .area .box .info .star > li ~ li {
                        margin-top: 10px;
                    }

                    .__child .area .box .info .star > li:before {
                        content: "*";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                    .__child .area .box .info .star > li strong {
                        display: block;
                        font-size: 18px;
                        font-weight: 500;
                        margin-bottom: 5px;
                    }

                .__child .area .box .info .star.type2 > li {
                    padding-left: 0;
                }

                    .__child .area .box .info .star.type2 > li:before {
                        display: none;
                    }

.__child.type2 .area .box .info .list > li {
    font-size: 16px;
    padding-left: 1em;
}

    .__child.type2 .area .box .info .list > li:before {
        top: 0.45em;
    }

    .__child.type2 .area .box .info .list > li ~ li {
        margin-top: 25px;
    }

@media all and (max-width:1000px) {
    .__child h3 {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .__child .area {
        margin: 0 -5px -30px;
    }

        .__child .area .box {
            padding: 0 5px;
            margin-bottom: 30px;
        }

            .__child .area .box .img img {
                width: 100%;
                display: block;
            }

            .__child .area .box .tit {
                margin-bottom: 10px;
            }

                .__child .area .box .tit h4 {
                    font-size: 16px;
                }

                .__child .area .box .tit p {
                    font-size: 14px;
                    margin-top: 3px;
                }

            .__child .area .box .info {
                padding: 15px;
            }

                .__child .area .box .info .list > li {
                    font-size: 14px;
                }

                    .__child .area .box .info .list > li:before {
                        content: "";
                        width: 3px;
                        height: 3px;
                        top: 0.6em;
                    }

                    .__child .area .box .info .list > li ~ li {
                        margin-top: 3px;
                    }

                .__child .area .box .info .star > li {
                    font-size: 13px;
                }

                    .__child .area .box .info .star > li ~ li {
                        margin-top: 7px;
                    }

                    .__child .area .box .info .star > li strong {
                        font-size: 14px;
                    }

    .__child.type2 .area .box {
        width: 100%;
    }

        .__child.type2 .area .box .tit p {
            font-size: 16px;
        }

        .__child.type2 .area .box .info .list > li {
            font-size: 14px;
            padding-left: 0.8em;
        }

            .__child.type2 .area .box .info .list > li:before {
                top: 0.5em;
            }

            .__child.type2 .area .box .info .list > li ~ li {
                margin-top: 10px;
            }
}

.__element1 {
    background: #f6f6f7 url(../images/element1-bg.gif) no-repeat 100% 100%;
    text-align: center;
    padding: 40px 10px;
}

    .__element1 h3 {
        font-size: 48px;
        color: #00216a;
        letter-spacing: -0.05em;
        font-family: 'Nanum Myeongjo',serif;
        line-height: 1.4em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .__element1 .txt {
        font-size: 28px;
        color: #9e7b4e;
        letter-spacing: -0.05em;
        line-height: 1.4em;
    }

    .__element1 .sum {
        font-size: 18px;
        line-height: 1.5em;
        color: #333;
        margin-top: 20px;
        font-weight: 300;
    }

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

    .__element2 .box {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        position: relative;
    }

        .__element2 .box ~ .box {
            padding-left: 70px;
            margin-left: 70px;
        }

            .__element2 .box ~ .box:before {
                content: "";
                display: block;
                width: 1px;
                height: 100px;
                background: #ddd;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -50px;
            }

        .__element2 .box > * {
            display: inline-block;
            vertical-align: middle;
        }

        .__element2 .box .circle {
            width: 145px;
            height: 145px;
            line-height: 145px;
            color: #fff;
            background: #b89f7e;
            border-radius: 50%;
            font-size: 30px;
            letter-spacing: -0.1em;
            margin-right: 20px;
        }

        .__element2 .box dl dt {
            font-size: 24px;
            color: #000;
        }

        .__element2 .box dl dd {
            font-size: 18px;
            font-weight: 300;
            line-height: 1.5em;
            margin-top: 10px;
            letter-spacing: -0.05em;
        }

.__element3 h3 {
    font-size: 28px;
    font-weight: 300;
    color: #888;
    letter-spacing: -0.1em;
    text-align: center;
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 40px;
}

.__element3 .point {
    text-align: center;
    padding: 13px 10px;
    border: 2px solid #9e7b4e;
    font-size: 0;
}

    .__element3 .point > * {
        display: inline-block;
        vertical-align: middle;
    }

    .__element3 .point dt {
        font-size: 28px;
        color: #555;
        letter-spacing: -0.1em;
    }

    .__element3 .point dd {
        font-size: 24px;
        font-weight: 300;
        color: #555;
        letter-spacing: -0.075em;
        margin-left: 70px;
    }

.__element3 .tbl {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #555;
}

    .__element3 .tbl tr > * {
        border-bottom: 1px solid #ddd;
        vertical-align: top;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px solid #ddd;
    }

        .__element3 .tbl tr > *:last-child {
            border-right: none;
        }

    .__element3 .tbl tr th {
        font-size: 24px;
        color: #000;
        padding: 13px 10px;
        font-weight: normal;
    }

    .__element3 .tbl tr td {
        padding: 20px 10px;
    }

        .__element3 .tbl tr td dl dt {
            font-size: 18px;
            font-weight: 500;
        }

        .__element3 .tbl tr td dl dd {
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 300;
            margin-top: 10px;
        }

        .__element3 .tbl tr td p {
            font-size: 14px;
            color: #fd5604;
            font-weight: 300;
            margin-top: 5px;
        }

.__element3 .tbl2 {
    width: 100%;
    table-layout: fixed;
}

    .__element3 .tbl2 tr > * {
        box-sizing: border-box;
    }

    .__element3 .tbl2 tr th {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
        padding: 10px;
        font-weight: 300;
        background: #9e7b4e;
        width: 220px;
    }

    .__element3 .tbl2 tr td {
        background: #f6f3ef;
        color: #666;
        padding: 15px 30px;
    }

        .__element3 .tbl2 tr td dl dt {
            font-size: 18px;
            font-weight: 500;
        }

        .__element3 .tbl2 tr td dl dd {
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 300;
            margin-top: 10px;
        }

        .__element3 .tbl2 tr td p {
            font-size: 16px;
            color: #777;
            font-weight: 300;
            margin-top: 5px;
        }


@media all and (max-width:1000px) {
    .__element1 {
        background-size: 100px 100px;
        padding: 30px 10px;
    }

        .__element1 h3 {
            font-size: 20px;
        }

        .__element1 .txt {
            font-size: 18px;
        }

        .__element1 .sum {
            font-size: 14px;
            margin-top: 10px;
        }

    .__element2 .box {
        display: block;
        text-align: left;
    }

        .__element2 .box ~ .box {
            padding-left: 0;
            margin-left: 0;
            margin-top: 20px;
        }

            .__element2 .box ~ .box:before {
                display: none;
            }

        .__element2 .box .circle {
            width: 100px;
            height: 100px;
            line-height: 100px;
            font-size: 20px;
            margin-right: 15px;
            text-align: center;
        }

        .__element2 .box dl dt {
            font-size: 18px;
        }

        .__element2 .box dl dd {
            font-size: 14px;
            line-height: 1.5em;
            margin-top: 7px;
        }

    .__element3 h3 {
        font-size: 20px;
        padding-top: 20px;
    }

        .__element3 h3 span {
            display: block;
        }

    .__element3 .point {
        padding: 10px;
    }

        .__element3 .point > * {
            display: block;
        }

        .__element3 .point dt {
            font-size: 18px;
        }

        .__element3 .point dd {
            font-size: 16px;
            margin-left: 0;
            margin-top: 5px;
        }

    .__element3 .tbl tr th {
        font-size: 16px;
        padding: 5px;
    }

    .__element3 .tbl tr td {
        padding: 10px 5px;
    }

        .__element3 .tbl tr td dl dt {
            font-size: 14px;
        }

        .__element3 .tbl tr td dl dd {
            font-size: 14px;
            margin-top: 5px;
            line-height: 1.3em;
        }

        .__element3 .tbl tr td p {
            font-size: 12px;
        }

    .__element3 .tbl2 tr th {
        font-size: 16px;
        padding: 5px;
        width: 80px;
    }

    .__element3 .tbl2 tr td {
        padding: 10px;
    }

        .__element3 .tbl2 tr td dl dt {
            font-size: 14px;
        }

        .__element3 .tbl2 tr td dl dd {
            font-size: 14px;
            line-height: 1.4em;
            margin-top: 5px;
        }

        .__element3 .tbl2 tr td p {
            font-size: 12px;
        }
}

.__elib h3 {
    font-weight: 300;
    color: #000;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: -0.075em;
}

.__elib .area:after {
    content: '';
    display: block;
    clear: both;
}

.__elib .area .img {
    float: left;
}

.__elib .area .info {
    width: 610px;
    float: right;
}

    .__elib .area .info ul > li {
        font-size: 18px;
        color: #777;
        line-height: 1.6em;
        position: relative;
        position: relative;
        padding-left: 0.8em;
        font-weight: 300;
    }

        .__elib .area .info ul > li:before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #1f2a66;
            position: absolute;
            left: 0;
            top: 0.6em;
        }

        .__elib .area .info ul > li ~ li {
            margin-top: 30px;
        }

@media all and (max-width:1000px) {
    .__elib h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .__elib .area .img {
        display: block;
        text-align: center;
        float: none;
    }

    .__elib .area .info {
        width: auto;
        float: none;
        margin-top: 20px;
    }

        .__elib .area .info ul > li {
            font-size: 14px;
            line-height: 1.5em;
        }

            .__elib .area .info ul > li:before {
                width: 5px;
                height: 5px;
                top: 0.5em;
            }

            .__elib .area .info ul > li ~ li {
                margin-top: 10px;
            }
}

.__gallery-list {
    margin: 0 -5px -50px;
    font-size: 0;
}

    .__gallery-list .box {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 20%;
        padding: 0 5px;
        margin-bottom: 50px;
    }

        .__gallery-list .box .in {
            display: block;
        }

            .__gallery-list .box .in span {
                display: block;
            }

        .__gallery-list .box .img {
            box-sizing: border-box;
            height: 0;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            padding-top: 70%;
        }

        .__gallery-list .box .info {
            border: 1px solid #ddd;
            padding: 15px 10px;
        }

            .__gallery-list .box .info .subject {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 16px;
                color: #000;
            }

            .__gallery-list .box .info .date {
                font-size: 12px;
                font-weight: 300;
                margin-top: 10px;
            }

@media all and (max-width:1000px) {
    .__gallery-list {
        margin: 0 -5px -10px;
    }

        .__gallery-list .box {
            width: 50%;
            margin-bottom: 10px;
        }

            .__gallery-list .box .info {
                padding: 10px;
            }

                .__gallery-list .box .info .subject {
                    font-size: 14px;
                }

                .__gallery-list .box .info .date {
                    margin-top: 5px;
                }
}

.__search {
    text-align: right;
    font-size: 0;
}

    .__search select,
    .__search .wrap {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        height: 38px;
        border: 1px solid #ddd;
    }

    .__search select {
        margin-right: 5px;
        padding-left: 5px;
        background: #fff;
        min-width: 150px;
    }

    .__search .wrap {
        position: relative;
        padding-right: 40px;
        width: 280px;
        text-align: left;
    }

        .__search .wrap input[type='text'] {
            border: none;
            height: 36px;
            line-height: 36px;
            box-sizing: border-box;
            padding-left: 10px;
            width: 100%;
        }

        .__search .wrap button {
            display: block;
            width: 40px;
            height: 36px;
            background: none;
            border: none;
            font-size: 18px;
            color: #666;
            position: absolute;
            right: 0;
            top: 0;
        }

    .__search select,
    .__search input[type='text'] {
        font-size: 14px;
    }

@media all and (max-width:1000px) {
    .__search {
        text-align: center;
        margin-bottom: 10px;
    }

        .__search select,
        .__search .wrap {
            height: 32px;
        }

        .__search select {
            min-width: 100px;
        }

        .__search .wrap {
            padding-right: 32px;
            width: 200px;
        }

            .__search .wrap input[type='text'] {
                height: 30px;
                line-height: 30px;
                padding-left: 5px;
            }

            .__search .wrap button {
                width: 35px;
                height: 30px;
            }

        .__search select,
        .__search input[type='text'] {
            font-size: 13px;
        }
}

.__toparea {
    position: relative;
    margin-bottom: 15px;
}

    .__toparea .all {
        font-size: 16px;
        color: #777;
        font-weight: 300;
    }

    .__toparea .rig {
        position: absolute;
        right: 0;
        bottom: 0;
    }

@media all and (max-width:1000px) {
    .__toparea {
        margin-bottom: 10px;
    }

        .__toparea .all {
            font-size: 14px;
            text-align: center;
        }

        .__toparea .rig {
            position: relative;
            text-align: center;
            margin-top: 10px;
        }
}


.__tbl-list {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #00216a;
}

    .__tbl-list tr > * {
        text-align: center;
        padding: 17px 10px;
        line-height: 1.4em;
    }

    .__tbl-list tr th {
        color: #000;
        border-bottom: 1px solid #959595;
        background: #fafafa;
        font-weight: 500;
        font-size: 15px;
    }

    .__tbl-list tr td {
        border-bottom: 1px solid #e7e7e7;
        font-size: 14px;
    }

    .__tbl-list tr .subject {
        text-align: left;
    }

        .__tbl-list tr .subject a {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 90%;
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            font-weight: 300;
        }

    .__tbl-list tr .axi-attach-file {
        font-size: 18px;
        color: #aaa;
        transform: rotate(45deg);
        display: inline-block;
    }

        .__tbl-list tr .axi-attach-file:hover {
            color: #000;
        }

    .__tbl-list tr .axi-lock-outline {
        font-size: 18px;
        color: #aaa;
    }

    .__tbl-list .notice td {
        background: #f5f8f9;
    }

    .__tbl-list.auto {
        table-layout: auto;
    }

.__ico1 {
    display: inline-block;
    width: 90px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    background: #fe6a5e;
    font-size: 11px;
    letter-spacing: -0.05em;
    color: #fff;
    text-align: center;
}

    .__ico1.brown {
        background: #9f7a4e;
    }

    .__ico1.blue {
        background: #00216a;
    }

.__ico2 {
    display: inline-block;
    width: 83px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    background: #fe6a5e;
    font-size: 11px;
    letter-spacing: -0.05em;
    color: #fff;
    text-align: center;
}

    .__ico2.red {
        background: #fe6a5e;
    }

    .__ico2.gray {
        background: #b5b5b5;
    }

    .__ico2.blue {
        background: #0085c4;
    }

@media all and (max-width:1000px) {
    .__tbl-list.responsive colgroup,
    .__tbl-list.responsive thead {
        display: none;
    }

    .__tbl-list.responsive,
    .__tbl-list.responsive tbody,
    .__tbl-list.responsive tbody tr {
        display: block;
    }

        .__tbl-list.responsive tbody tr {
            font-size: 0;
            border-bottom: 1px solid #e7e7e7;
            padding: 10px;
        }

        .__tbl-list.responsive tr td {
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
        }

        .__tbl-list.responsive tr > * {
            font-size: 13px;
            padding: 0;
        }

        .__tbl-list.responsive tr td {
            border-bottom: none;
            color: #999;
            margin-right: 7px;
        }

        .__tbl-list.responsive tr .ico {
            margin: 0 0 5px;
        }

        .__tbl-list.responsive tr .subject {
            width: 100%;
            margin: 0 0 5px;
            font-size: 14px;
        }

        .__tbl-list.responsive .notice {
            background: #f8fafe;
        }

    .__tbl-list.list tr > * {
        font-size: 13px;
        line-height: 1.4em;
        padding: 5px;
    }
}


.__board-view {
    border-top: 2px solid #5554a3;
    border-bottom: 1px solid #ccc;
}

    .__board-view .top {
        border-bottom: 1px solid #707070;
        padding: 35px 20px;
    }

        .__board-view .top .__ico1 {
            margin-right: 10px;
        }

        .__board-view .top .tit {
            margin-bottom: 20px;
        }

            .__board-view .top .tit > * {
                display: inline-block;
                vertical-align: middle;
            }

            .__board-view .top .tit h3 {
                display: inline-block;
                font-size: 24px;
                color: #000;
                font-weight: 500;
                line-height: 1.3em;
            }

        .__board-view .top .info {
            position: relative;
            font-size: 0;
        }

            .__board-view .top .info > * > * {
                display: inline-block;
                vertical-align: top;
                box-sizing: border-box;
                position: relative;
                font-size: 14px;
                color: #999;
            }

                .__board-view .top .info > * > * ~ * {
                    margin-left: 10px;
                    padding-left: 11px;
                }

                    .__board-view .top .info > * > * ~ *:before {
                        content: "";
                        display: block;
                        width: 1px;
                        height: 12px;
                        position: absolute;
                        left: 0;
                        top: 3px;
                        background: #ddd;
                    }

            .__board-view .top .info a {
                color: #999;
            }

            .__board-view .top .info dl {
                position: absolute;
                right: 0;
                top: 0;
            }

                .__board-view .top .info dl dt {
                    color: #555;
                }

                    .__board-view .top .info dl dt i {
                        color: #aaa;
                        transform: rotate(45deg);
                        display: inline-block;
                    }

    .__board-view .con {
        padding: 45px 30px;
        font-size: 16px;
        line-height: 1.6em;
    }

        .__board-view .con img {
            max-width: 100% !important;
            height: auto !important;
        }


@media all and (max-width:1000px) {
    .__board-view .top {
        padding: 15px
    }

        .__board-view .top .__ico1 {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .__board-view .top .tit {
            margin-bottom: 10px;
        }

            .__board-view .top .tit h3 {
                display: block;
                font-size: 18px;
            }

        .__board-view .top .info > * ~ * {
            margin-top: 5px;
        }

        .__board-view .top .info > * > * {
            font-size: 13px;
            ;
        }

            .__board-view .top .info > * > * ~ * {
                margin-left: 8px;
                padding-left: 9px;
            }

                .__board-view .top .info > * > * ~ *:before {
                    top: 0;
                }

        .__board-view .top .info dl {
            position: relative;
        }

    .__board-view .con {
        padding: 20px 15px;
        font-size: 14px;
        line-height: 1.5em;
    }
}

.__login {
    max-width: 610px;
    margin: 0 auto;
}

    .__login .tit {
        background: #f2f4f7;
        padding: 30px 10px;
        text-align: center;
        margin-bottom: 40px;
    }

        .__login .tit dl dt {
            font-size: 24px;
            color: #333;
            font-weight: normal;
        }

        .__login .tit dl dd {
            font-size: 16px;
            color: #888;
            font-weight: 300;
            margin-top: 7px;
        }

    .__login .top {
        margin-bottom: 40px;
    }

        .__login .top dt {
            font-size: 24px;
            color: #333;
        }

        .__login .top dd {
            font-size: 16px;
            color: #888;
            margin-top: 5px;
            line-height: 1.4em;
        }

    .__login .form dl {
        position: relative;
        padding-left: 115px;
    }

        .__login .form dl ~ dl {
            margin-top: 13px;
        }

        .__login .form dl dt {
            position: absolute;
            left: 0;
            top: 0;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            font-weight: 300;
            color: #000;
        }

        .__login .form dl dd input,
        .__login .form dl dd select {
            display: block;
            box-sizing: border-box;
            border: 1px solid #ddd;
            width: 100%;
            height: 50px;
            text-indent: 10px;
            font-size: 16px;
        }

        .__login .form dl dd ul {
            margin: 0 -4px;
            font-size: 0;
        }

            .__login .form dl dd ul li {
                display: inline-block;
                vertical-align: top;
                box-sizing: border-box;
                width: 33.33333%;
                padding: 0 4px;
            }

    .__login .form .btn {
        margin-top: 30px;
    }

        .__login .form .btn button {
            display: block;
            width: 100%;
            box-sizing: border-box;
            color: #fff;
            background: #00216a;
            height: 57px;
            font-size: 24px;
            font-weight: 300;
            border: none;
        }

    .__login .link {
        margin: 40px -8px 0;
    }

        .__login .link:after {
            content: '';
            display: block;
            clear: both;
        }

        .__login .link li {
            float: left;
            box-sizing: border-box;
            width: 50%;
            padding: 0 8px;
        }

            .__login .link li a {
                display: block;
                height: 57px;
                text-align: center;
                border: 1px solid #00216a;
                box-sizing: border-box;
                line-height: 55px;
                letter-spacing: -0.075em;
                font-size: 24px;
                color: #00216a;
                font-weight: 300;
            }

        .__login .link .blue a {
            background: #00216a;
            border-color: #00216a;
            color: #fff;
        }

    .__login .result {
        text-align: center;
        padding-top: 70px;
    }

        .__login .result dt {
            font-size: 24px;
            color: #333;
        }

        .__login .result dd {
            font-size: 18px;
            color: #777;
            line-height: 1.6em;
            margin-top: 15px;
            letter-spacing: -0.05em;
            font-weight: 300;
        }

    .__login .after {
        margin-top: 100px;
    }

        .__login .after .link {
            margin-top: 20px;
        }

        .__login .after h4 {
            text-align: center;
            color: #333;
            font-size: 24px;
            font-weight: normal;
            letter-spacing: -0.075em;
        }

    .__login .find {
        background: #f3f3f3;
        position: relative;
        margin: 30px -65px 0;
    }

        .__login .find:before {
            content: "";
            display: block;
            width: 1px;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 0;
            background: #ddd;
        }

        .__login .find:after {
            content: '';
            display: block;
            clear: both;
        }

        .__login .find .box {
            float: left;
            width: 50%;
            padding: 70px 10px;
            box-sizing: border-box;
            text-align: center;
        }

            .__login .find .box h4 {
                font-size: 15px;
                font-weight: normal;
                color: #333;
                margin-bottom: 23px;
            }

            .__login .find .box .id {
                font-size: 24px;
                color: #00216a;
                font-weight: normal;
            }

        .__login .find.type2:before {
            display: none;
        }

        .__login .find.type2 .box {
            width: 100%;
        }


@media all and (max-width:1000px) {
    .__login .tit {
        padding: 20px 10px;
        margin-bottom: 20px;
    }

        .__login .tit dl dt {
            font-size: 18px;
        }

        .__login .tit dl dd {
            font-size: 14px;
            line-height: 1.4em;
        }

    .__login .top {
        margin-bottom: 20px;
    }

        .__login .top dt {
            font-size: 18px;
        }

        .__login .top dd {
            font-size: 14px;
        }

    .__login .form dl {
        padding-left: 80px;
    }

        .__login .form dl ~ dl {
            margin-top: 10px;
        }

        .__login .form dl dt {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }

        .__login .form dl dd input,
        .__login .form dl dd select {
            height: 40px;
            font-size: 14px;
        }

    .__login .form .btn {
        margin-top: 20px;
    }

        .__login .form .btn button {
            height: 50px;
            font-size: 18px;
        }

    .__login .link {
        margin: 10px -5px 0;
    }

        .__login .link li {
            padding: 0 5px;
        }

            .__login .link li a {
                height: 50px;
                line-height: 48px;
                font-size: 16px;
            }

    .__login .result {
        padding: 30px 0;
    }

        .__login .result dt {
            font-size: 18px;
        }

        .__login .result dd {
            font-size: 14px;
            line-height: 1.5em;
            margin-top: 10px;
            letter-spacing: -0.05em;
        }

    .__login .after {
        margin-top: 50px;
    }

        .__login .after .link {
            margin-top: 15px;
        }

        .__login .after h4 {
            font-size: 18px;
        }


    .__login .find {
        margin: -10px 0 20px;
    }

        .__login .find:before {
            display: none;
        }

        .__login .find .box {
            float: none;
            width: auto;
            padding: 30px 10px;
        }

            .__login .find .box ~ .box {
                border-top: 1px solid #ddd;
            }

            .__login .find .box h4 {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .__login .find .box .id {
                font-size: 18px;
            }
}

.__step {
    max-width: 970px;
    margin: 0 auto 40px;
}

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

    .__step > li {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        text-align: center;
        font-size: 0;
        position: relative;
        color: #fff;
        height: 50px;
        font-weight: 300;
    }

        .__step > li:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .__step > li span {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
        }

        .__step > li:first-child {
            z-index: 10;
        }

            .__step > li:first-child + li {
                z-index: 5;
            }

                .__step > li:first-child + li + li {
                    z-index: 0;
                }

        .__step > li:before {
            content: "";
            border: 25px solid transparent;
            border-left: 15px solid #00216a;
            display: block;
            height: 0;
            top: 50%;
            margin-top: -25px;
            position: absolute;
            left: 100%;
            width: 0;
        }

        .__step > li:last-child:before {
            display: none;
        }

    .__step .blue {
        background: #00216a;
    }

    .__step .black {
        background: #707070;
    }

        .__step .black:before {
            border-left-color: #707070;
        }

    .__step .gray {
        background: #9f9f9f;
    }

        .__step .gray:before {
            border-left-color: #9f9f9f;
        }

@media all and (max-width:1000px) {
    .__step {
        margin: 0 auto 20px;
    }

        .__step > li {
            height: 40px;
        }

            .__step > li span {
                font-size: 13px;
            }

            .__step > li:before {
                border: 20px solid transparent;
                border-left: 8px solid #00216a;
                margin-top: -20px;
            }

            .__step > li:last-child:before {
                display: none;
            }
}

.__join {
    max-width: 970px;
    margin: 0 auto;
}

.__find {
    max-width: 1200px;
    margin: 0 auto;
}

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

    .__find .wrap {
        margin: 0 -6px;
    }

    .__find .box {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 6px;
    }

        .__find .box h3 {
            font-size: 24px;
            font-weight: normal;
            color: #333;
            margin-bottom: 10px;
        }

        .__find .box .area {
            border: 1px solid #ddd;
            padding: 30px 45px 90px;
            position: relative;
        }

        .__find .box .form dl {
            position: relative;
            padding-left: 95px;
        }

            .__find .box .form dl ~ dl {
                margin-top: 10px;
            }

            .__find .box .form dl dt {
                position: absolute;
                left: 0;
                top: 0;
                height: 34px;
                line-height: 34px;
                font-size: 16px;
                color: #333;
            }

            .__find .box .form dl dd input,
            .__find .box .form dl dd select {
                display: block;
                width: 100%;
                box-sizing: border-box;
                border: 1px solid #ddd;
                text-indent: 10px;
                height: 34px;
            }

            .__find .box .form dl dd ul {
                display: table;
                width: 100%;
                table-layout: fixed;
            }

                .__find .box .form dl dd ul li {
                    display: table-cell;
                    font-size: 14px;
                    vertical-align: middle;
                }

                .__find .box .form dl dd ul .dash {
                    width: 15px;
                    text-align: center;
                }

        .__find .box .caution {
            text-align: center;
            ;
            margin-top: 25px;
            line-height: 1.5em;
            font-size: 16px;
            letter-spacing: -0.075em;
        }

        .__find .box .btn {
            text-align: center;
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 30px;
        }

@media all and (max-width:1000px) {
    .__find .wrap {
        margin: 0;
    }

    .__find .box {
        float: none;
        width: auto;
        padding: 0;
    }

        .__find .box ~ .box {
            margin-top: 20px;
        }

        .__find .box h3 {
            font-size: 18px;
            margin-bottom: 7px;
        }

        .__find .box .area {
            padding: 20px 15px;
        }

        .__find .box .form dl {
            padding-left: 85px;
        }

            .__find .box .form dl dt {
                font-size: 14px;
            }

        .__find .box .caution {
            margin-top: 15px;
            font-size: 14px;
        }

        .__find .box .btn {
            position: relative;
            bottom: 0;
            margin-top: 15px;
        }
}

.__modify {
    padding: 50px 0;
    max-width: 730px;
    margin: 0 auto;
}

    .__modify h3 {
        font-size: 15px;
        color: #777;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .__modify .area {
        font-size: 0;
        padding: 80px 10px;
        background: #f3f3f3;
        text-align: center;
    }

        .__modify .area strong,
        .__modify .area input[type='text'],
        .__modify .area button {
            display: inline-block;
            vertical-align: middle;
        }

        .__modify .area strong {
            font-size: 15px;
            font-weight: normal;
            margin-right: 20px;
        }

        .__modify .area input[type='text'] {
            width: 230px;
            height: 34px;
            background: #fff;
            text-indent: 10px;
            border: 1px solid #ddd;
            box-sizing: border-box;
            font-size: 14px;
        }

        .__modify .area button {
            margin-left: 10px;
        }

@media all and (max-width:1000px) {
    .__modify {
        padding: 0;
    }

        .__modify .area {
            padding: 30px 10px;
        }

            .__modify .area strong {
                font-size: 14px;
                margin-right: 15px;
            }

            .__modify .area input[type='text'] {
                width: 220px;
            }

            .__modify .area button {
                margin: 10px auto 0;
                display: block;
            }
}

.__leave1 dt {
    font-size: 24px;
    color: #333;
    line-height: 1.2em;
}

.__leave1 dd {
    margin-top: 20px;
}

    .__leave1 dd ul li {
        font-size: 15px;
        line-height: 1.4em;
        text-indent: -1em;
        padding-left: 1em;
    }

        .__leave1 dd ul li ~ li {
            margin-top: 7px;
        }

.__leave2 {
    margin-top: 40px;
    font-size: 0;
    padding: 60px 10px;
    background: #f3f3f3;
    text-align: center;
}

    .__leave2 .area {
        display: inline-block;
        text-align: left;
    }

        .__leave2 .area h3 {
            font-size: 18px;
            font-weight: normal;
            color: #333;
            margin-bottom: 20px;
        }

        .__leave2 .area strong,
        .__leave2 .area input[type='text'],
        .__leave2 .area .__dib {
            display: inline-block;
            vertical-align: middle;
        }

        .__leave2 .area strong {
            font-size: 15px;
            font-weight: normal;
            margin-right: 20px;
        }

        .__leave2 .area input[type='text'] {
            width: 230px;
            height: 34px;
            background: #fff;
            text-indent: 10px;
            border: 1px solid #ddd;
            box-sizing: border-box;
            font-size: 14px;
        }

        .__leave2 .area button {
            margin-left: 10px;
        }

            .__leave2 .area button ~ * {
                margin-left: 5px;
            }

@media all and (max-width:1000px) {
    .__leave1 dt {
        font-size: 18px;
    }

    .__leave1 dd {
        margin-top: 10px;
    }

        .__leave1 dd ul li {
            font-size: 14px;
        }

            .__leave1 dd ul li ~ li {
                margin-top: 5px;
            }

    .__leave2 {
        margin-top: 20px;
        padding: 30px 10px;
    }

        .__leave2 .area {
            display: block;
            text-align: center;
        }

            .__leave2 .area h3 {
                font-size: 16px;
                margin-bottom: 15px;
                line-height: 1.4em;
            }

            .__leave2 .area strong,
            .__leave2 .area input[type='text'],
            .__leave2 .area .__dib {
                display: inline-block;
                vertical-align: middle;
            }

            .__leave2 .area strong {
                margin-right: 15px;
            }

            .__leave2 .area input[type='text'] {
                width: 220px;
            }

            .__leave2 .area .__dib {
                display: block;
                margin-top: 10px;
            }
}

.__privacy {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 300;
    letter-spacing: -0.05em;
}

    .__privacy strong {
        font-size: 24px;
        font-weight: normal;
        color: #333;
    }

@media all and (max-width:1000px) {
    .__privacy stong {
        font-size: 16px;
    }

    .__privacy {
        font-size: 14px;
        line-height: 1.5em;
    }
}


.__sitemap .gnb {
    margin-bottom: -50px;
    font-size: 0;
    text-align: center;
}

    .__sitemap .gnb:after {
        content: "";
        display: block;
        clear: both;
    }

    .__sitemap .gnb > li {
        display: inline-block;
        vertical-align: top;
        width: 33.333333%;
        margin-bottom: 50px;
    }

    .__sitemap .gnb a {
        letter-spacing: -0.05em;
        display: block;
    }

    .__sitemap .gnb > li > a {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        font-family: 'Nanum Myeongjo',serif;
    }

    .__sitemap .gnb > li > ul {
        margin-top: 20px;
    }

        .__sitemap .gnb > li > ul > li {
            margin-top: 15px;
        }

            .__sitemap .gnb > li > ul > li:first-child {
                margin-top: 0;
            }

            .__sitemap .gnb > li > ul > li > a {
                font-size: 18px;
                font-weight: normal;
            }

@media all and (max-width:1000px) {
    .__sitemap .gnb {
        margin-bottom: -30px;
    }

        .__sitemap .gnb:after {
        }

        .__sitemap .gnb > li {
            width: 50%;
            margin-bottom: 30px;
        }

            .__sitemap .gnb > li > a {
                font-size: 18px;
            }

            .__sitemap .gnb > li > ul {
                margin-top: 10px;
            }

                .__sitemap .gnb > li > ul > li {
                    margin-top: 10px;
                }

                    .__sitemap .gnb > li > ul > li > a {
                        font-size: 14px;
                    }
}

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

.__btn1 {
    display: inline-block;
    box-sizing: border-box;
    width: 260px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    background: #00216a;
    font-size: 18px;
    border: 1px solid #00216a;
}

.__btn2 {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #333;
    border: 1px solid #333;
    font-size: 14px;
}

.__btn3 {
    display: inline-block;
    box-sizing: border-box;
    width: 95px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #333;
    border: 1px solid #333;
    font-size: 15px;
}

    .__btn3.blue {
        background: #00216a;
        border-color: #00216a;
    }

@media all and (max-width:1000px) {
    .__btn1 {
        width: 160px;
        height: 40px;
        line-height: 38px;
        border-radius: 20px;
        font-size: 14px;
    }

    .__btn2 {
        padding: 0 15px;
        height: 30px;
        line-height: 28px;
    }
}



/****개발자 추가****/
.__tbl-write .email {
    width: 600px;
}

    .__tbl-write .email .dash {
        width: 30px;
        text-align: center;
    }

    .__tbl-write .email .dash2 {
        width: 10px;
        text-align: center;
    }


.__dir-his {
    margin-top: 50px;
}

    .__dir-his h3 {
        font-size: 24px;
        color: #333;
        font-weight: 500;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .__dir-his .area:after {
        content: '';
        display: block;
        clear: both;
    }

    .__dir-his .area .lef {
        float: left;
        width: 520px;
    }

    .__dir-his .area .rig {
        float: right;
        width: 390px;
    }

    .__dir-his dl {
        margin-bottom: 30px;
    }

        .__dir-his dl dt {
            font-size: 18px;
            color: #b28142;
            margin-bottom: 10px;
        }

        .__dir-his dl dd {
            font-size: 15px;
            font-weight: 300;
            color: #333;
            line-height: 1.5em;
        }

@media all and (max-width:1000px) {
    .__dir-his {
        margin-top: 30px;
    }

        .__dir-his h3 {
            font-size: 18px;
            padding-bottom: 7px;
            margin-bottom: 15px;
        }

        .__dir-his .area .lef {
            float: none;
            width: auto;
        }

        .__dir-his .area .rig {
            float: none;
            width: auto;
        }

        .__dir-his dl {
            margin-bottom: 20px;
        }

            .__dir-his dl dt {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .__dir-his dl dd {
                font-size: 14px;
                line-height: 1.5em;
            }
}



/****개발자 추가****/
.__tbl-write .email {
    width: 600px;
}

    .__tbl-write .email .dash {
        width: 30px;
        text-align: center;
    }

    .__tbl-write .email .dash2 {
        width: 10px;
        text-align: center;
    }

.__modify .area input[type='password'] {
    width: 230px;
    height: 34px;
    background: #fff;
    text-indent: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}

@media all and (max-width:1000px) {
    .__modify .area input[type='password'] {
        width: 220px;
    }
}

.__leave2 .area input[type='password'] {
    width: 230px;
    height: 34px;
    background: #fff;
    text-indent: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}

@media all and (max-width:1000px) {
    .__leave2 .area input[type='password'] {
        width: 220px;
    }
}