@charset 'utf-8';

/* 메인 비주얼 */
.main-visual .mv-slider {
    width: 100%;
    height: 100vh;
}
.main-visual .mv-slider .mv {
    position: relative;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main-visual .mv-slider .mv1 {
    background-image: url("/public/images/mv-visual1.jpg");
}
.main-visual .mv-slider .mv2 {
    background-image: url("/public/images/mv-visual2.jpg");
}
.main-visual .mv-slider .mv3 {
    background-image: url("/public/images/mv-visual3.jpg");
}
.main-visual .mv .txt-area {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 90%;
    text-align: center;
}
.main-visual .mv .mv-ci {
    display: flex;
    justify-content: center;
}
.main-visual .mv .mv-ci img {
    width:auto
}
.main-visual .mv .mv-tit {
    color: #ffffff;
    font-size: 80px;
    font-weight: 600;
    margin:14px 0 20px;
    text-transform: uppercase;
    transition: 0.3s
}
.main-visual .mv .mv-tit br {
    display: none;
}
.main-visual .mv .mv-txt {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
}
.main-visual .mv-btn {
    width:90%;
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    top: 50%;
    z-index:3
}
.main-visual .mv-btn .prev,
.main-visual .mv-btn .next {
    position: absolute;
    font-weight: 300;
    font-size:14px;
    color:#ffffff;
    width:60px;
    height:60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid rgba(255,255,255,0.2);
}
.main-visual .mv-btn .prev {
    left:0
}
.main-visual .mv-btn .next {
    right:0
}
.main-visual .mv-btn .prev:hover,
.main-visual .mv-btn .next:hover {
    border:1px solid rgba(255,255,255,1);
}

.main-visual .slick-dots {
    position: absolute;
    bottom: 28%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index:3;
    height:2px;
}
.main-visual .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 2px;
    padding: 0;
    cursor: pointer;
}
.main-visual .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: rgba(255,255,255,0.3);
}
.main-visual .slick-dots li button::before {
    content:"";
    width:0%;
    height:2px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main-visual .slick-dots li button:hover::before,
.main-visual .slick-dots li button:focus::before
{
    width:100%;
    background: rgba(255,255,255,1);
}
.main-visual .slick-dots li.slick-active button::before
{
    width:100%;
    background: rgba(255,255,255,1);
}
.main-visual .mv-stopplay
{
    position: absolute;
    bottom: 26.3%;
    left:50%;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index:3;
    height:2px;
    margin-left:90px;
    height: 16px;
}
.main-visual .mv-stopplay .play {
    margin-left: 11px
}
.scroll-down {
    position: absolute;
    z-index: 3;
    bottom:5%;
    left:0;
    right:0;
    margin:auto;
}
.scroll-down button {
    display: flex;
    flex-direction:column;
    align-items: center;
    margin:auto;
    color:#BEBEBE;
    font-size:14px;
    font-weight: 300;
}
.scroll-down button:hover {
    color:#ffffff;
}
.scroll-down img {
    width:auto;
    margin-bottom:9px
}
    /* 메인 비주얼 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-visual .mv-slider,
        .main-visual .mv-slider .mv {
            height: 80vh;
        }
        .main-visual .mv .mv-tit {
            font-size: 60px;
            margin:14px 0 40px;
        }
        .main-visual .mv-btn {
            top:35%;
        }
        .main-visual .mv-stopplay {
            bottom:40.5%
        }
        .scroll-down {
            display:none;
        }
    }
    @media all and (max-width:1000px) {
        .main-visual .mv-slider,
        .main-visual .mv-slider .mv {
            height: 70vh;
        }
        .main-visual .mv .mv-tit {
            font-size: 50px;
        }
        .main-visual .mv-stopplay {
            bottom: 48.5%;
        }
        .main-visual .mv-btn .prev, 
        .main-visual .mv-btn .next {
            width:50px;
            height:50px;
        }
        .main-visual .slick-dots {
            bottom:24%
        }
        .main-visual .mv-stopplay {
            bottom:45.2%
        }
    }
    @media all and (max-width:640px) {
        .main-visual .mv .mv-ci img {
            width:25px
        }
        .main-visual .mv .mv-tit {
            font-size: 33px;
            margin:10px 0 30px;
            line-height: 1.3;
        }
        .main-visual .mv .mv-tit br {
            display: block;
        }
        .main-visual .mv .mv-txt {
            font-size:16px;
        }
        .main-visual .mv-btn {
            width:98%;
            top:33%;
            display: none;
        }
        .main-visual .mv-btn .prev, 
        .main-visual .mv-btn .next {
            width:40px;
            height:40px;
            font-size:12px
        }
        .main-visual .slick-dots {
            bottom:14%
        }
        .main-visual .mv .mv-txt {
            line-height: 1.5;
        }
        .main-visual .mv-stopplay {
            bottom:37.5%
        }
        .main-visual .mv-stopplay img {
            height:14px
        }
    }
    

/* 메인 */
.m-layout {
    width:90%;
    position: relative;
    margin: auto
}
.m-layout-right {
    width:100%;
    position: relative;
    padding-left:5%
}
.m-layout-left {
    width:100%;
    padding-right:5%
}
.main-wrap {
    margin-top:190px
}
.main-online.main-wrap {
    margin-top: 300px;
}
.m-conbox {
    padding-left:11%
}
.m-tit {
    font-weight: 600;
    font-size:82px;
    letter-spacing: -2px;
    line-height: 1.1;
}
.m-txt-la {
    font-size:34px;
    font-weight: bold;
    display: block;
}
.m-txt-sm {
    margin-top: 40px;
    font-size:18px;
    color:#555555;
    font-weight: 400;
    line-height: 1.5;
}
.m-btn,
.s-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid #222222;
    font-weight: bold;
    font-size:20px;
}
.m-btn {
    width: 310px;
    height: 90px;
}
.s-btn,
.s-btn-white {
    width: 262px;
    height: 82px;
}
.m-btn-white,
.s-btn-white {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color:#fff;
}
.m-btn-white {
    width: 160px;
    height: 70px;
    border:1px solid #888888;
    margin-top:60px
}
.s-btn-white {
    border:2px solid #fff;
}
.m-btn img,
.s-btn img,
.s-btn-white img {
    width:auto;
    margin-left:10px;
}
.m-btn span {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.m-btn:hover,
.s-btn:hover {
    background: #222222;
    color:#fff;
}
.m-btn:hover img,
.s-btn:hover img {
    display: none;
}
.m-btn-white:hover,
.s-btn-white:hover {
    border-color: #FF7A37;
}
    /* 메인 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-wrap {
            margin-top:130px
        }
        .m-conbox {
            padding-left:8%
        }
        .m-btn {
            width: 270px;
        }
        .m-txt-la {
            font-size:30px;
        }
    }
    @media all and (max-width:1000px) {
        .main-wrap {
            margin-top:100px
        }
        .main-online.main-wrap {
            margin-top:230px
        }
        .m-txt-la {
            font-size:26px
        }
        .m-btn {
            width: 230px;
            height: 80px;
            font-size:18px
        }
        .m-btn-white {
            width: 120px;
            height: 60px;
            font-size: 16px;
            margin-top: 50px;
        }
        .m-tit {
            font-size:60px
        }
    }
    @media all and (max-width:640px) {
        .main-wrap {
            margin-top:80px
        }
        .main-online.main-wrap {
            margin-top:170px
        }
        .m-tit {
            font-size:40px
        }
        .m-txt-la {
            font-size:23px
        }
        .m-txt-sm {
            font-size:17px;
            margin-top:20px
        }
        .main-wrap .m-txt-sm {
            margin-top:30px;
        }
        .m-conbox {
            padding-left:10%
        }
        .m-btn {
            width: 210px;
            height: 70px;
        }
        .s-btn {
            width: 150px;
            height: 60px;
        }
        .m-btn,
        .s-btn {
            font-size:16px
        }
        .m-btn-white {
            width: 100px;
            height: 50px;
            margin-top:30px;
            font-size: 15px;
        }
    }

/* Main About */
.main-about {
    width:100%;
}
.main-about h3 {
    font-size:225px;
    font-weight: 600;
    color:#2C2C2C;
    letter-spacing: -1px;
}
.m-conbox-about {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
    /* 메인 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-about h3 {
            font-size:130px;
        }
    }
    @media all and (max-width:1000px) {
        .main-about h3 {
            font-size:100px;
        }
        .main-about .main-txt {
            width:60%
        }
    }
    @media all and (max-width:640px) {
        .main-about h3 {
            font-size:50px;
            line-height: 1.3;
            margin-bottom:30px
        }
        .m-conbox-about {
            flex-direction: column;
            align-items: flex-start;
        }
        .main-about .main-txt {
            width:100%
        }
        .main-about .m-btn {
            margin-top:30px
        }

    }

/* Main Program*/
.m-slider .slider-list {
    padding:0 20px;
    position: relative;
}
.m-slider-btm {
    margin-top:80px
}
.m-slider-btm .m-slider-txt {
    font-size:18px;
    font-weight: bold;
    color:#222222;
    margin-bottom:60px;
}
.m-slider-btm .m-slider-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
}
.m-slider-btm .m-slider-btn .prev,
.m-slider-btm .m-slider-btn .next {
    width:72px;
    height:52px;
    display: block;
}
.m-slider-btm .m-slider-btn .prev {
    margin-right:120px;
    position: relative;
    background: center / contain url("/public/images/icon-prev.svg") no-repeat;
}
.m-slider-btm .m-slider-btn .next {
    background: center / contain url("/public/images/icon-next.svg") no-repeat;
}
.m-slider-btm .m-slider-btn .prev:hover {
    background: center / contain url("/public/images/icon-prev-over.svg") no-repeat;
}
.m-slider-btm .m-slider-btn .next:hover {
    background: center / contain url("/public/images/icon-next-over.svg") no-repeat;
}
.m-slider-btm .m-slider-btn .prev::after {
    content:"";
    display: block;
    width:1px;
    height:37px;
    background: #E1E1E1;
    position: absolute;
    top:6px;
    right:-60px
}
.m-slider-btm .m-slider-btn::after {
    content:"";
    width:75%;
    height:1px;
    background: #C1C1C1;
    display: block;
    margin-left:25%; 
    position: absolute;
    z-index: 0;
}
.main-program .slider-list a {
    display: block;
}
.main-program .slider-list .img-area {
    width:100%;
}
.main-program .slider-list .txt-area {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index:3;
    color:#ffffff
}
.main-program .slider-list .txt-area .mv-ci {
    width:25px;
    margin-bottom:16px
}
.main-program .slider-list .txt-area pre {
    color:#fff;
    text-align: center;
}
.main-program .slider-list .m-btn-white {
    transition: all 0.3s;
}
.main-program .slider-list a:hover .m-btn-white {
    border-color: #FF7A37;
    color:#FF7A37
}
    /* 메인 미디어쿼리 */
    @media all and (max-width:1200px) {
        .m-slider .slider-list {
            padding:0 10px;
        }
        .main-program .slider-list a {
            width:380px;
        }
        .main-program .slider-list .txt-area {
            padding:0 30px
        }
        .main-program .slider-list .txt-area pre {
            white-space: normal;
        }
        .m-slider-btm .m-slider-btn::after {
            width:65%;
            margin-left:35%
        }
    }
    @media all and (max-width:1000px) {
        .main-program .slider-list a {
            width:300px;
        }
        .m-slider-btm .m-slider-txt {
            margin-bottom:40px
        }
        .m-slider-btm .m-slider-btn .prev, 
        .m-slider-btm .m-slider-btn .next {
            width:52px;
            height:32px
        }
        .m-slider-btm .m-slider-btn .prev {
            margin-right:50px
        }
        .m-slider-btm .m-slider-btn .prev::after {
            height: 25px;
            top: 5px;
            right: -27px;
        }
    }
    @media all and (max-width:640px) {
        .m-slider .slider-list {
            padding:0 5px;
            position: relative;
        }
        .main-program .slider-list a {
            width:230px;
        }

        .main-program .slider-list .txt-area .mv-ci {
            width:25px;
            margin-bottom:10px
        }
        .m-slider-btm {
            margin-top:40px
        }
        .m-slider-btm .m-slider-txt {
            font-size:16px;
            margin-bottom:30px
        }
        .m-slider-btm .m-slider-btn .prev, 
        .m-slider-btm .m-slider-btn .next {
            width:40px;
            height:22px
        }
        .m-slider-btm .m-slider-btn .prev {
            margin-right:40px
        }
        .m-slider-btm .m-slider-btn .prev::after {
            top: 3px;
            right:-19px;
            height: 17px;
        }
        .m-slider-btm .m-slider-btn::after {
            width:54%;
            margin-left:45%
        }
    }

/*  Main Online */
.main-online {
    padding-top:103px;
    background: center bottom / cover url("/public/images/main-online.jpg") no-repeat;
}
.main-online .m-tit {
    margin-top:-193px
}
.main-online .m-conbox {
    padding-top: 110px;
    padding-bottom:165px
}
.main-online .m-btn,
.main-contact .m-btn {
    margin-top:100px
}
    /*  Main Online 미디어쿼리 */
    @media all and (max-width:1000px) {
        .main-online .m-tit {
            margin-top: -168px;
        }
        .main-online .m-conbox {
            padding-top: 90px;
            padding-bottom: 125px;
        }
        .main-online .m-btn,
        .main-contact .m-btn {
            margin-top:70px
        }
    }
    @media all and (max-width:640px) {
        .main-online {
            background-position-x: 18%;
        }
        .main-online .m-tit {
            margin-top:-173px
        }
        .main-online .m-conbox {
            padding-top: 60px;
            padding-bottom: 105px;
            padding-left:0;
            padding-right:5%
        }
        .main-online .m-btn,
        .main-contact .m-btn,
        .main-community .m-btn {
            margin-top:40px
        }
    }

/*  Main Community */
.main-community .m-tit-wrap {
    margin-bottom:110px
}
.main-community .m-tit-wrap .m-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-community .m-com-box a {
    background: #F3F3F3;
    padding: 50px;
    display: flex;
    flex-direction: column;
    width:100%;
    width:430px;
    height:430px;
    position: relative;
}
.main-community .m-com-subject {
    font-size:24px;
    font-weight: bold;
    color:#222222;
    min-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.main-community .m-com-content {
    font-size:18px;
    color:#555555;
    font-weight: 400;
    margin:30px 0 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.main-community .m-com-img {
    display: flex;
    justify-content: center;
    height:180px;
    overflow:hidden;
    margin-bottom:30px;
}
.main-community .m-com-img img {
    /* height:100% !important; */
    width:100%;
    object-fit: cover;
}
.main-community .m-com-date {
    color:#888888;
    font-size:16px;
    font-weight:300;
    position: absolute;
    bottom:50px
}
.main-community .m-com-label {
    display: block;
    text-align: right;
    font-weight: 18px;
    font-weight:bold;
    color:#222222;
    margin-top:10px
}
    /*  Main Community 미디어쿼리 */
    @media all and (max-width:1000px) {
        .main-community .m-com-box a {
            padding: 30px;
            width:300px;
            height:350px;
        }
        .main-community .m-com-subject {
            font-size:20px
        }
        .main-community .m-tit-wrap {
            margin-bottom:80px
        }
    }
    @media all and (max-width:640px) {
        .main-community .m-tit-wrap {
            margin-bottom:30px
        }
        .main-community .m-tit-wrap .m-layout {
            flex-direction: column;
            align-items: flex-start;
        }
        .main-community .m-com-box a {
            padding: 30px 20px;
            max-width:300px;
            height:350px;
        }
        .main-community .m-com-img {
            height: 134px;
            margin-bottom:20px
        }
        .main-community .m-com-subject {
            font-size:20px
        }
        .main-community .m-com-content {
            font-size:17px;
            margin:20px 0 40px;
        }
        .main-community .m-com-date {
            bottom:30px
        }
    }

/* Main Map */
.main-map {
    width:100%;
    padding-right:5%;
    height:643px;
    overflow:hidden;
    margin-bottom:190px
}
.wrap_controllers {
    display: none !important;
}
.root_daum_roughmap {
    width:100% !important;
    height: 100% !important;
}
.wrap_map {
    height: 100% !important;
}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
    display: none !important;
}
    /*  Main Map 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-map {
            height:400px;
        }
    }
    @media all and (max-width:1000px) {
        .main-map {
            height:300px;
            margin-bottom:120px
        }
    }
    @media all and (max-width:640px) {
        .main-map {
            height:230px;
            margin-bottom:80px
        }
    }

/* Main Contact */
.main-contact.main-wrap {
    margin-bottom:230px;
}
.main-contact .m-layout {
    padding-bottom:123px;
}
.main-contact .main-txt {
    margin-top:107px
}
.main-contact .m-contact-img {
    width:50%;
    max-width:839px;
    position: absolute;
    right:0;
    bottom:0
}
    /*  Main Contact 미디어쿼리 */
    @media all and (max-width:1200px) {
        .main-contact .m-layout {
            padding-bottom:0;
        }
        .main-contact .m-conbox {
            padding-left:0
        }
        .main-contact .main-txt {
            margin-top:80px
        }
    }
    @media all and (max-width:1000px) {
        .main-contact.main-wrap {
            margin-bottom:150px
        }
        .main-contact .main-txt {
            margin-top:60px
        }
    }
    @media all and (max-width:640px) {
        .main-contact .m-layout {
            padding-bottom:230px;
        }
        .main-contact .m-contact-img {
            width:90%
        }
        .main-contact .main-txt {
            margin-top:40px
        }
        .main-contact.main-wrap {
            margin-bottom:120px
        }
    }

/* 컨텐츠 페이지 공통 */
.layout {
    width:90%;
    max-width:1350px;
    margin:auto
}
.gray-bg {
    background-color:#FAFAFA
}
aside .sub-top {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#ffffff;
    height:550px
}
.about .sub-top {
    height: 100vh;
    background: center / cover url("/public/images/about.jpg") no-repeat;
}
.about .sub-top strong {
    font-size:20px;
    font-weight: bold;
    display: block;
    margin-bottom:15px
}
.program .sub-top {
    background: center / cover url("/public/images/program.jpg") no-repeat;
}
.onlineprogram .sub-top {
    background: center / cover url("/public/images/online.jpg") no-repeat;
}
.inquiry .sub-top {
    background: center / cover url("/public/images/inquiry.jpg") no-repeat;
}
.community .sub-top {
    background: center / cover url("/public/images/community.jpg") no-repeat;
}
aside .s-top-tit {
    margin-top:7%
}
.breadcrumb {
    margin-top:20px
}
.breadcrumb ol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumb ol li {
    padding-left:38px;
    background: url("/public/images/icon-arrow-gray.svg") no-repeat left 19px center;
}
.breadcrumb ol a {
    font-weight: 300;
    font-size:20px
}
/* .breadcrumb ol li.on a {
    font-weight: bold;
} */
.breadcrumb .home {
    position: relative;
    padding-left:0;
    background-image: none;
}
.contents {
    padding:100px 0 100px
}
.contents-wrap {
    margin-top:20px;
}
.c-tit-la {
    font-size:60px;
    font-weight: 600;
    color:#222222
}
.c-tit-md {
    font-size:30px;
    font-weight: 800;
    color:#222222
}
.c-tit-sm {
    font-size:20px;
    font-weight: bold;
}
.c-txt-sm {
    font-size:16px;
    font-weight: 300;
    line-height: 1.5;
}
.s-tit-sm {
    font-size:28px;
    font-weight: bold;
    line-height: 1.5;
    color:#222222
}
.s-top-tit {
    font-size:50px;
    font-weight: 600;
}
.c-tit2 {
    font-size:40px;
    font-weight: 800;
    color:#222222;
    text-align: center;
}
.flex-box-txt {
    display: flex;
    justify-content: space-between;
    margin-top: 37px
}
.flex-box-txt .flex-left {
    width:48%;
}
.flex-box-txt .flex-right {
    width:50%;
}
.contents-img {
    display: block;
}
.page-top {
    width:100%;
    display: flex;
    align-items: center;
    padding:193px 0 171px;
    position: relative;
}
.company .page-top {
    background: center / cover url("/public/images/program1-1.jpg") no-repeat;
}
.education .page-top {
    background: center / cover url("/public/images/program2-1.jpg") no-repeat;
}
.institution .page-top {
    background: center / cover url("/public/images/program3-1.jpg") no-repeat;
}
.employment .page-top {
    background: center / cover url("/public/images/program4-1.jpg") no-repeat;
}
.social .page-top {
    background: center / cover url("/public/images/program5-1.jpg") no-repeat;
}
.onlineprogram .page-top {
    background: center / cover url("/public/images/online1-1.jpg") no-repeat;
    margin-top:130px;
}
.page-top-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:98px auto 123px;
}
.community .page-top-menu {
    margin:48px auto 113px;
}
.page-top-menu li {
    margin:0 29px
}
.page-top-menu li a {
    color:#767676;
    font-size:22px;
    font-weight: 600;
}
.page-top-menu li a:hover,
.page-top-menu li.on a {
    color:#222222;
    font-weight: bold;
}
.page-top-menu li a br {
    display: none;
}
.page-top .s-conbox {
    display: flex;
    align-items: center;
}
.page-top .c-tit-la {
    position: absolute;
    top:-30px;
    font-weight: bold;
}
.page-core {
    width:100%;
    color:#fff;
}
.page-core .layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:627px
}
.company .page-core .layout {
    background: center / cover url("/public/images/program1-4.jpg") no-repeat;
}
.education .page-core .layout {
    background: center / cover url("/public/images/program2-4.jpg") no-repeat;
}
.institution .page-core .layout {
    background: center / cover url("/public/images/program3-4.jpg") no-repeat;
}
.employment .page-core .layout {
    background: center / cover url("/public/images/program4-3.jpg") no-repeat;
}
.social .page-core .layout {
    background: center / cover url("/public/images/program5-5.jpg") no-repeat;
}
.onlineprogram .page-core .layout {
    background: center / cover url("/public/images/online1-5.jpg") no-repeat;
}
.page-core .ci {
    margin: 0 auto;
    width:69px
}
.page-core pre {
    font-size:28px;
    color:#EBEBEB;
    font-weight: 300;
    text-align: center;
    margin-top:30px
}
.page-core .btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:55px
}
.page-core .btn-area .s-btn-white {
    margin: 0 8px
}
.page-solution {
    position: relative;
}
.page-solution .flex-box-txt {
    align-items: center;
}
.page-solution .flex-left img {
    max-width:614px
}
.page-solution ul {
    margin-top:32px
}
.page-solution li,
.page-solution dd {
    font-weight: 300;
    color:#555555;
    font-size:18px;
}
.page-solution li {
    padding:22px 13px;
    border-bottom:1px solid #EBEBEB
}
.page-solution .side-txt {
    transform: rotate(90deg);
    font-size:20px;
    font-weight: 200;
    color:#555555;
    position: absolute;
    right:0%;
    top:50%;
    text-transform: uppercase;
}
.page-solution dl {
    padding:33px 25px;
    border-top:1px solid #EBEBEB;
}
.page-solution dl:last-of-type {
    border-bottom:1px solid #EBEBEB
}
.page-solution dt {
    font-size:20px;
    font-weight: bold;
    margin-bottom:11px;
    color:#393939
}
.page-solution dd::after {
    content:"";
    display: table;
    clear:both
}
.page-solution .contents-img {
    margin-top:25px;
    display: block;
}
.social .page-solution dt {
    float:left;
    margin-bottom:0
}
.social .page-solution dd {
    padding-left:30%;
    line-height: 1.5;
}

    /*  컨텐츠 페이지 공통 미디어쿼리 */
    @media all and (max-width:1200px) {
        .about .sub-top {
            height:70vh
        }
        .c-tit-md {
            font-size:25px;
        }
        .page-solution .side-txt {
            display: none;
        }
        .page-core .layout {
            height:500px
        }
        .page-solution li {
            padding:15px 13px;
        }
        .page-top-menu {
            margin:80px auto 120px
        }
        .page-top-menu li {
            margin:0 10px
        }
        .page-top-menu li a {
            font-size:20px
        }
        .page-top {
            padding:150px 0 130px
        }
        .page-solution dl {
            padding:25px 20px;
        }
    }
    @media all and (max-width:1000px) {
        aside .s-top-tit {
            margin-top:15%
        }
        .c-tit-la {
            font-size:40px;
        }
        .c-tit-md {
            font-size:23px;
        }
        .community .page-top-menu {
            margin: 48px auto 80px;
        }
        .contents {
            padding:80px 0 80px
        }
        .breadcrumb ol a {
            font-size:18px
        }
        .page-core .layout {
            height:350px
        }
        .page-solution .flex-box-txt .flex-left {
            width:45%
        }
        .page-solution ul {
            margin-top:15px
        }
        .page-solution li {
            font-size:16px;
            padding:10px 10px
        }
        .page-core pre {
            margin-top:20px;
            font-size:17px
        }
        .page-core .ci {
            width:50px
        }
        .page-top-menu li {
            margin:0 13px
        }
        .page-top-menu li a {
            font-size:18px
        }
    }
    @media all and (max-width:640px) {
        .c-tit2 {
            font-size:30px;
        }
        .s-top-tit {
            font-size:30px;
        }
        .c-tit-la {
            font-size:30px;
        }
        .c-tit-md,
        .s-tit-sm {
            font-size:21px;
        }
        .c-tit-sm {
            font-size:18px;
        }
        .breadcrumb ol a {
            font-size:15px
        }
        aside .sub-top {
            height:350px
        }
        .about .sub-top,
        .community .sub-top {
            background-position-x: right
        }
        .inquiry .sub-top {
            background-position-x: 72%;
        }
        aside .s-top-tit {
            margin-top:14%
        }
        .community .page-top-menu {
            margin: 30px auto 60px;
        }
        .page-top {
            padding: 90px 0 90px
        }
        .onlineprogram .page-top {
            margin-top:100px;
        }
        .page-top .c-tit-la {
            top: -18px;
        }
        .page-top-menu {
            /* justify-content: space-between; */
            padding:0 5%;
            margin: 50px auto 100px
        }
        .page-top-menu li {
            text-align: center;
            margin:0 10px
        }
        .page-top-menu li a {
            font-size:15px;
        }
        .page-top-menu li a br {
            display: block;
        }
        .program .page-top-menu {
            justify-content: space-between;
        }
        .program .page-top-menu li {
            margin:0
        }
        .contents {
            padding:60px 0 60px
        }
        .flex-box-txt {
            justify-content: space-between;
            flex-direction: column;
            margin-top: 37px
        }
        .flex-box-txt .flex-left,
        .flex-box-txt .flex-right {
            width:100%;
        }
        .flex-box-txt .flex-right {
            margin-top:20px
        }
        .page-core pre {
            font-size:18px;
        }
        .company .page-top {
            background-position-x: left;
        }
        .page-solution .flex-box-txt {
            flex-direction: column-reverse;
            margin-top:0
        }
        .page-solution .flex-box-txt .flex-left {
            width:100%;
            margin-top:15px
        }
        .page-solution .flex-box-txt .flex-right {
            margin-top:0
        }
        .page-core .layout {
            height:250px
        }
        .page-core .ci {
            width:25px
        }
        .page-solution .contents-img {
            margin-top:15px;
        }
    }

/* 회사소개 */
.about aside .sub-tit-about {
    font-size:64px;
    font-weight: 600;
    text-align: center;
}
.about aside .sub-tit-about br {
    display: none;
}
.about1 .flex-right strong {
    display: block;
    font-weight: 600;
    margin-top:30px
}
.about2 {
    width:100%;
    background: center / cover url("/public/images/about2-bg.jpg") no-repeat;
}
.about2 .flex-box-txt {
    width:100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    color:#ffffff
}
.about2 * {
    color:#ffffff
}
.about2 .flex-box-txt .flex-left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.about2 .flex-box-txt .flex-right {
    padding:33px 65px 0 65px;
    border:1px solid rgba(100,98,97,0.5);
    border-width:0 1px
}
.about2 .about2-slider pre {
    color:#dddddd;
    font-size: 18px;
    font-weight: 300;
}
.about2 .about2-slider span {
    display: block;
    margin:27px 0 25px
}
.about2 .slick-dots {
    position: relative;
    bottom:0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.about2 .slick-dots li {
    display: flex;
    align-items: center;
    height:auto;
    opacity: 0.85;
}
.about2 .slick-dots li:not(:last-child) {
    margin-bottom:25px
}
.about2 .slick-dots li::before {
    content:"";
    width:21px;
    height:20px;
    display: block;
    margin-right:20px
}
.about2 .slick-dots li:nth-child(1)::before {
    background: center / contain url("/public/images/about2-icon1.svg") no-repeat
}
.about2 .slick-dots li:nth-child(2)::before {
    background: center / contain url("/public/images/about2-icon2.svg") no-repeat
}
.about2 .slick-dots li:nth-child(3)::before {
    background: center / contain url("/public/images/about2-icon3.svg") no-repeat
}
.about2 .slick-dots li:nth-child(4)::before {
    background: center / contain url("/public/images/about2-icon4.svg") no-repeat
}
.about2 .slick-dots li:nth-child(5)::before {
    background: center / contain url("/public/images/about2-icon5.svg") no-repeat
}
.about2 .slick-dots li button {
    font-size:20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 300;
}
.about2 .slick-dots li.slick-active {
    opacity: 1;
}
.about2 .slick-dots li.slick-active button {
    font-weight: 700;
}
.about2 .slick-dots li.slick-active button::after{
    content:"";
    width:100%;
    height:2px;
    margin-top:3px;
    background-color: #ffffff;
    display: block;
}
.about2 .mv-stopplay {
    margin-top:20px;
    display: flex;
    align-items: center;
}
.about2 .mv-stopplay button:hover {
    opacity: 0.8;
}
.about2 .mv-stopplay .pause {
    margin-right:10px
}
.about3  {
    position: relative;
}
.about3 .contents-wrap {
    position: relative;
}
.about3 .about3-slider .flex-left span {
    display: block;
    max-width:608px
}
.about3 .about3-title {
    position: absolute;
    width:50%;
    right:0;
    top:40px;
    border-bottom:1px solid #EBEBEB;
    padding-bottom:30px
}
.about3 .about3-title  p {
    color:#555555;
    font-weight: 300;
    font-size:18px;
    margin-top:6px
}
.about3 .flex-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.about3 .flex-right .c-tit-md {
    margin-top:0px
}
.about3 .flex-right .number,
.page-solution .number {
    font-size:80px;
    font-weight:600;
    color:#EDEDED;
    line-height: 1;
}
.about3 .flex-right pre {
    color:#393939;
    font-size:20px;
    font-weight: 500;
    margin-top:40px
}
.about3 .mv-stopplay {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.about3 .mv-stopplay .pause {
    margin-right:10px
}

.about4 .m-txt-la {
    position: absolute;
}
.about4 .contents-wrap {
    padding-bottom:15%
}
.program-list .contents-wrap {
    padding-bottom:20%
}
.about4 ol,
.program-list ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    margin-top:30px;
    height:385px;
    background: center right / contain url("/public/images/about4-line.svg") no-repeat;
}
.program-list ol {
    background-size: 90%
}
.about4 ol > li .icon,
.about4 ol > li strong,
.program-list ol > li .icon,
.program-list ol > li strong {
    display: block;
    text-align: center;
}
.about4 ol > li strong,
.program-list ol > li strong {
    font-size: 23px;
    font-weight: bold;
    margin-top:23px
}
.about4 ol > li .icon img,
.program-list ol > li .icon img {
    width:auto
}
.about4 ol > li pre,
.program-list ul > li,
.program-list ol > li pre {
    font-weight: 300;
    font-size:16px;
    color:#555555;
    line-height: 1.5;
}
.about4 ol > li pre,
.program-list ul,
.program-list ol > li pre {
    margin-top:10px
}
.about4 ol > li,
.program-list ol > li {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 100%;
}
.about4 ol > li {
    width:25%;
    align-items: flex-start;
}
.program-list ol > li {
    width:33.3333%;
}
.about4 ol > li .inner,
.program-list ol > li .inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}
.program-list ol > li .inner {
    justify-content: center;
}
.about4 ol > li:nth-child(-n+3),
.program-list ol > li:nth-child(-n+2) {
    top:-19%
}
.about4 ol > li:nth-child(n+5),
.program-list ol > li:nth-child(n+3) {
    bottom:-80%
}
.about4 ol > li:nth-child(1) {
    left:25%;
}
.about4 ol > li:nth-child(2) {
    left:50%;
}
.about4 ol > li:nth-child(3) {
    left:75%;
}
.about4 ol > li:nth-child(4) {
    left:100%;
}
.about4 ol > li:nth-child(5) {
    right:0
}
.about4 ol > li:nth-child(6) {
    right:25%
}
.about4 ol > li:nth-child(7) {
    right:50%
}
.about4 ol > li:nth-child(8) {
    right:75%
}
.about4 ol > li .num,
.program-list ol > li .num {
    display: none;
}
.about4 ol > li::after,
.program-list ol > li::after {
    content:"";
    position: absolute;
    width:10px;
    height:21px;
    display: block;
    background: center / contain url("/public/images/about4-arrow.svg") no-repeat;
}
.about4 ol > li::after {
    right: 25%;
}
.about4 ol > li:nth-child(-n+2)::after {
    top:16.5%
}
.about4 ol > li:nth-child(3)::after {
    top:33%;
    right:12%;
    transform: rotate(45deg);
}
.about4 ol > li:nth-child(4)::after {
    display: none;
}
.about4 ol > li:nth-child(5)::after {
    transform: rotate(135deg);
    right:12%
}
.about4 ol > li:nth-child(n+6)::after {
    transform: rotate( -180deg);
    top:17%
}
.about4 ol > li:nth-child(4) {
    height: auto;
    top:50%;
    padding-left:25px
}
.about4 ol > li:nth-child(4) .inner {
    align-items: flex-start;
    text-align: left;
}
.about4 ol > li:nth-child(4) strong {
    font-size: 18px;
    margin-top:0
}
.about4 ol > li:nth-child(4) strong br {
    display: none;
}
.about4 ol > li:nth-child(4)::before {
    content:"";
    position: absolute;
    width:16px;
    height: 16px;
    background-color: #FF7A37;
    border-radius: 10000000px;
    left:-10px;
    top:3px
}

.program-list ol > li:nth-child(1),
.program-list ol > li:nth-child(4) {
    left:33.333%;
    align-items: flex-start;
    padding-left:7%
}
.program-list ol > li:nth-child(2),
.program-list ol > li:nth-child(3) {
    left:66.666%;
}

.program-list ol > li:nth-child(5) {
    left:0;
    align-items: flex-start;
}
.program-list ul > li,
.program-list ol > li pre {
    line-height: 1.5;
    padding-left:13px;
    position: relative;
    text-align: left;
}
.program-list ul > li::before,
.program-list ol > li pre::before {
    content:"";
    position: absolute;
    left:0;
    width:6px;
    height:1px;
    display: block;
    background: #707070;
    top:10px
}
.program-list ol li .txt {
    font-size:18px;
    font-weight: bold;
    margin-top:4px
}
.program-list ol > li:nth-child(1)::after {
    top:19.5%;
    right:1%
}
.program-list ol > li:nth-child(2)::after {
    transform: rotate(90deg);
    top:65%;
    right:-0.5%
}
.program-list ol > li:nth-child(n+3)::after {
    transform: rotate( -180deg);
    top:14%;
    right:101%
}
.program-list ol > li:nth-child(4)::after {
    right:118%
}
.program-list ol > li:nth-child(5)::after {
    display: none;
}
.about5 .flex-left {
    width:38%
}
.about5 .flex-right {
    width:60%
}
.about5 .about5-title  {
    text-align: center;
}
.about5 .about5-title .c-tit-la {
    font-weight: bold;
    line-height:1.3
}
.about5 .about5-title p {
    font-weight: 300;
    font-size:28px;
    margin-bottom:10px
}
.about5 .about5-title p br {
    display: none;
}
.about5 dl {
    width:100%;
    padding-bottom:63px;
    position: relative;
}
.about5 dl::before {
    content:"";
    width:1px;
    height:100%;
    background-color: #EBEBEB;
    display: block;
    position: absolute;
    left:30%
}
.about5 dt {
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size:38px;
    font-weight: 600;
    position: relative;
    width:38%
}
.about5 dt::after {
    content:"";
    width:13px;
    height:13px;
    display: block;
    border-radius: 100000000px;
    background-color: #030303;
    position: absolute;
    right: 18.5%;
    z-index: 1;
    top: 21px;
}
.about5 dd {
    padding-left:40%;
    font-weight: 300;
    font-size:16px;
    color:#222222;
    padding-bottom:8px;
    position: relative;
}
.about5 dd:first-of-type {
    padding-top:10px
}
.about5 dd.sp {
    font-size:18px;
    font-weight: 900;
    margin-bottom:12px
}
.about6 {
    width:100%
}
.about6 .ci-wrap {
    width:100%;
    background: url("/public/images/about6-1.png") #FFFFFF repeat;
    border: 1px solid #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:143px 0
}
.about6 .ci-wrap img {
    width:464px
}
.about6 .c-txt-sm{
    margin-top:14px
}
.about6 .flex-left,
.about6 .flex-right {
    width:49%
}
.about6 .btn-box img {
    width:auto
}
.about7 .location-box {
    padding:50px 0;
    border-bottom:1px solid #EBEBEB
}
.about7 .location-box:first-of-type {
    border-top:1px solid #EBEBEB
}
.about7 .maparea,
.about7 .maparea2,
.about7 .maparea3 {
    height:420px;
    width:100%;
    overflow: hidden;
    margin-top:45px
}
.about7 .flex-box {
    display: flex;
    justify-content: space-between;
}
.about7 .location-box:nth-of-type(2) .flex-box,
.about7 .location-box:nth-of-type(3) .flex-box {
    align-items: center;
}
.about7 .flex-box h4 {
    width:18%
}
.about7 .flex-box dl {
    width:30%;
    color:#222222;
    font-size: 18px;
}
.about7 .flex-box dt {
    float: left;
    font-weight: bold;
}
.about7 .flex-box dd {
    padding-left:50px;
}
.about7 .flex-box dd:not(:last-child) {
    margin-bottom:8px
}
.about7 .flex-box dd::after {
    content: "";
    display: table;
    clear: both;
}
.about7 .flex-box .btn-box {
    width:50%;
    display: flex;
    justify-content: flex-end;
}
.about7 .flex-box .btn-box .s-btn:last-of-type {
    margin-left:18px
}
.about7 .btn-map.on,
.about7 .btn-map2.on,
.about7 .btn-map3.on {
    background: #222222;
    color: #fff;
}
.about7 .btn-map .icon,
.about7 .btn-map2 .icon,
.about7 .btn-map3 .icon {
    display: block;
    transform: rotate(180deg);
}
.about7 .btn-map .icon-on,
.about7 .btn-map2 .icon-on,
.about7 .btn-map3 .icon-on {
    display: none;
}
.about7 .btn-map.on .icon,
.about7 .btn-map2.on .icon,
.about7 .btn-map3.on .icon,
.about7 .btn-map:hover .icon,
.about7 .btn-map2:hover .icon,
.about7 .btn-map3:hover .icon {
    display: none;
}
.about7 .btn-map.on .icon-on,
.about7 .btn-map2.on .icon-on,
.about7 .btn-map3.on .icon-on,
.about7 .btn-map:hover .icon-on,
.about7 .btn-map2:hover .icon-on,
.about7 .btn-map3:hover .icon-on {
    display: block;
}
    /* 회사소개 미디어쿼리 */
    @media all and (max-width:1700px) {
        .about4 ol > li:nth-child(4) {
            top: 38%;
            padding-left:0;
            left:94%
        }
        .about4 ol > li:nth-child(4)::before {
            top:-32px;
            left:61px
        }
        .about4 ol > li:nth-child(4) .inner {
            justify-content: center;
            align-items: center;
        }
    }
    @media all and (max-width:1200px) {
        .about aside .sub-tit-about {
            font-size:50px
        }
        .about2 .slick-dots li button {
            text-align: left;
        }
        .about2 .flex-box-txt .flex-right {
            padding:20px 30px 0
        }
        .about2 .about2-slider .num {
            margin:15px 0
        }
        .about3 .about3-title {
            position: relative;
            width:100%;
            right:auto;
            top:auto
        }
        .about3 .flex-box-txt .flex-right {
            width:48%
        }
        .about2 .about2-slider pre,
        .about3 .flex-right pre {
            white-space: normal;
        }
        .about4 .contents-wrap {
            padding-bottom:21%
        }
        .about4 ol,
        .program-list ol {
            margin-top:60px
        }
        .about4 ol {
            background-size: 111% 100%;  
        }
        .about4 ol > li:nth-child(1) {
            left: 0%;
        }
        .about4 ol > li:nth-child(2) {
            left:25%
        }
        .about4 ol > li:nth-child(3) {
            left:50%
        }
        .about4 ol > li:nth-child(4) {
            left:75%;
            top:17%
        }
        .about4 ol > li:nth-child(-n+3), 
        .program-list ol > li:nth-child(-n+2) {
            top:-8.5%
        }
        .about4 ol > li:nth-child(n+5),
        .program-list ol > li:nth-child(n+3) {
            bottom:-69.5%
        }
        .about4 ol > li::after {
            right: 15%;
        }
        .about4 ol > li:nth-child(-n+2)::after {
            top:21.5%
        }
        .about4 ol > li:nth-child(3)::after {
            transform: rotate(0deg);
            top: 21.5%;
            right: 16%;
        }
        .about4 ol > li:nth-child(4)::after {
            display: none;
        }
        .about4 ol > li:nth-child(5)::after {
            transform: rotate(90deg);
            top: -24%;
            right: -2%;
        }
        .program-list ol {
            background-size: 118%
        }
        .about4 ol > li:nth-child(-n+3),
        .program-list ol > li:nth-child(-n+2) {
            top:-13.5%
        }
        .program-list ol > li:nth-child(n+3) {
            bottom: -75.3%;
        }
        .program-list ol > li:nth-child(1),
        .program-list ol > li:nth-child(4) {
            left: 28.333%;
        }
        .program-list ol > li:nth-child(1)::after {
            right: -13%;
        }
        .program-list ol > li:nth-child(2)::after {
            right:-1.5%
        }
        .program-list ol > li:nth-child(n+3)::after {
            right:104%
        }
        .program-list ol > li:nth-child(4)::after {
            right:95%
        }
        .about4 ol > li .icon img,
        .program-list ol > li .icon img {
            width:140px
        }
        .about5 .flex-box-txt {
            flex-wrap: wrap;
        }
        .about5 .flex-left {
            width:100%
        }
        .about5 .flex-right {
            width:100%;
            margin-top:30px
        }
        .about6 .c-txt-sm {
            white-space: normal;
        }
        .about6 .flex-left {
            width:60%
        }
        .about6 .flex-right {
            width:35%
        }
    }
    @media all and (max-width:1000px) {
        .about .sub-top strong {
            margin-top:14%
        }
        .about aside .sub-tit-about {
            font-size: 40px
        }
        .about2 .flex-box-txt .flex-left {
            width:45%
        }
        .about2 .flex-box-txt .flex-right {
            width:53%
        }
        .about2 .flex-box-txt {
            margin-top:0
        }
        .about2 .slick-dots li button {
            font-size:18px
        }
        .about2 .slick-dots li:not(:last-child) {
            margin-bottom:15px
        }
        .about3 .flex-box-txt .flex-right {
            width:55%;
            padding-right:3%
        }
        .about3 .flex-box-txt .flex-left {
            width:41%
        }
        .about3 .flex-right .number, 
        .page-solution .number {
            font-size:50px
        }
        .about3 .flex-right pre {
            margin-top:30px;
            font-size:18px;
            white-space: normal;
        }
        .about3 .mv-stopplay {
            margin-top:10px
        }
        .about4 ol,
        .program-list ol {
            background-size: 135% 100%;
            margin-top:0
        }
        .about4 ol > li:nth-child(-n+3), 
        .program-list ol > li:nth-child(-n+2) {
            top:auto
        }
        .about4 ol > li:nth-child(n+5),
        .program-list ol > li:nth-child(n+3) {
            bottom:-72%
        }
        .about4 ol > li:nth-child(4) {
            top:21.5%
        }
        .about4 ol > li::after {
            right: 19%;
        }
        .about4 ol > li:nth-child(-n+2)::after {
            top:11.5%
        }
        .about4 ol > li:nth-child(3)::after {
            top: 11.5%;
            right: 21%;
        }
        .about4 ol > li:nth-child(5)::after {
            transform: rotate(90deg);
            top: -24%;
            right: -3%;
        }
        .about4 ol > li:nth-child(n+6)::after {
            top: 11%;
        }
        .about4 ol > li .icon img,
        .program-list ol > li .icon img {
            width:100px
        }
        .about4 ol > li strong, 
        .program-list ol > li strong {
            font-size:20px;
            margin-top: 15px;
        }
        .program-list ol > li {
            width: 30%;
        }
        .program-list ol > li:nth-child(1)::after {
            right:-13%;
            top:11.5%
        }
        .program-list ol > li:nth-child(2)::after {
            right: -13.3%;
            top: 51%;
        }
        .program-list ol > li:nth-child(n+3)::after {
            top:11%
        }
        .program-list ol > li pre {
            white-space: normal;
        }
        .program-list .contents-wrap {
            padding-bottom:27%
        }

        .about5 .flex-box-txt {
            flex-direction: column;
        }
        .about5 .flex-left,
        .about5 .flex-right {
            width:100%
        }
        .about5 .flex-right {
            margin-top:30px
        }
        .about5 dt {
            font-size:28px
        }
        .about5 dt {
            width:35%
        }
        .about5 dd {
            padding-left: 35%;
        }
        .about5 dt::after {
            top:12px;
            right: 11.5%;
        }
        .about6 .flex-box-txt {
            flex-direction: column;
        }
        .about6 .flex-left, 
        .about6 .flex-right {
            width:100%
        }
        .about6 .flex-box-txt .flex-right {
            margin-top:30px
        }
        .about6 .ci-wrap {
            padding:100px 0
        }
        .about7 .flex-box {
            flex-wrap: wrap;
        }
        .about7 .flex-box dl {
            width:78%;
        }
        .about7 .flex-box .btn-box {
            width:100%;
            margin-top:10px
        }
        .about7 .maparea,
        .about7 .maparea2,
        .about7 .maparea3 {
            height:300px;
            margin-top:30px
        }
    }
    @media all and (max-width:640px) {
        .about aside .sub-tit-about {
            font-size: 30px
        }
        .about aside .sub-tit-about br {
            display: block;
        }
        .about2 .flex-box-txt .flex-left {
            width:100%
        }
        .about2 .flex-box-txt .flex-right {
            width:100%;
            padding:15px 0 0 0;
            border-width:1px 0 0 0;
        }
        .about2 .contents-wrap {
            margin-top:0
        }
        .about2 .slick-dots {
            margin-top:20px
        }
        .about2 .slick-dots li {
            align-items: flex-start;
        }
        .about2 .slick-dots li button {
            font-size:15px
        }
        .about2 .slick-dots li::before {
            width:19px;
            height: 16px;
            margin-right:10px
        }
        .about2 .slick-dots li:not(:last-child) {
            margin-bottom:10px
        }
        .about2 .about2-slider pre {
            font-size:17px;
            white-space: normal;
        }
        .about2 .about2-slider .c-tit-md {
            height: 58px;
        }
        .about2 .about2-slider span {
            margin-top:10px
        }
        .about3 .about3-title p {
            font-size:17px
        }
        .about3 .flex-box-txt .flex-right {
            width:100%
        }
        .about3 .flex-box-txt .flex-left {
            width:100%
        }
        .about3 .flex-box-txt {
            margin-top:25px
        }
        .about3 .flex-right pre {
            margin-top:20px
        }
        .about3 .flex-right .number,
        .page-solution .number {
            font-size:35px
        }
        .about3 .flex-right pre {
            font-size:17px
        }
        .about3 .mv-stopplay {
            margin-top:10px
        }
        .about4 .contents-wrap {
            padding-bottom:0
        }
        .about4 ol,
        .program-list ol {
            background: none;
            justify-content: space-around;
            height: auto;
        }
        .program-list ol {
            justify-content: flex-start;
        }
        .about4 ol > li,
        .program-list ol > li {
            position: relative;
            left:auto;
            top:auto;
            width:50%;
            align-items: center;
            margin-bottom:30px
        }
        .about4 ol > li pre,
        .program-list ul > li,
        .program-list ol > li pre {
            font-size: 15px;
        }
        .about4 ol > li .inner,
        .program-list ol > li .inner {
            width:88%;
            margin:0 auto;
            position: relative;
        }
        .about4 ol > li:nth-child(1),
        .program-list ol > li:nth-child(-n+2),
        .about4 ol > li:nth-child(-n+3),
        .program-list ol > li:nth-child(n+3),
        .about4 ol > li:nth-child(4),
        .about4 ol > li:nth-child(n+5) {
            right:auto;
            left:auto;
            bottom:auto;
            top:auto
        }
        .about4 ol > li:nth-child(4) {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .about4 ol > li:nth-child(4) .inner {
            align-items: center;
            text-align: center;
        }
        .about4 ol > li:nth-child(4) strong br {
            display: block;
        }
        .about4 ol > li:nth-child(4)::before {
            position: relative;
            width:12px;
            height:12px;
            left: auto;
            top: auto;
            margin-bottom:10px
        }
        .program-list ol > li:nth-child(1),
        .program-list ol > li:nth-child(4) {
            padding-left:0
        }
        .about4 ol > li .num,
        .program-list ol > li .num {
            position: absolute;
            top:0;
            left:-6px;
            background-color: #393939;
            width:18px;
            height: 18px;
            color:#FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 1000000000px;
            font-size: 15px;
            font-weight: 600;
        }
        .about4 ol > li:nth-child(4) .num {
            top:-65px
        }
        .about4 ol > li::after,
        .program-list ol > li::after {
            display: none;
        }
        .about4 ol > li strong, 
        .program-list ol > li strong {
            font-size:16px;
            margin-top: 15px;
        }
        .program-list ol li .txt {
            font-size:16px
        }
        .program-list ul > li::before,
        .program-list ol > li pre::before {
            width: 3px;
        }
        .program-list ul > li,
        .program-list ol > li pre {
            padding-left:10px
        }
        .program-list ol > li pre {
            white-space: normal;
        }
        .program-list .contents-wrap {
            padding-bottom: 0;
        }
        .about5 .about5-title p {
            font-size:22px;
            margin-bottom:10px
        }
        .about5 .about5-title p br {
            display: block;
        }
        .about5 dl {
            padding-bottom:30px
        }
        .about5 dl::before {
            left:5px
        }
        .about5 dt {
            font-size:25px;
            width:100%;
            padding-left:10%;
            margin-bottom:15px
        }
        .about5 dd {
            padding-left:10%;
            padding-bottom:5px
        }
        .about5 dt::after {
            right:auto;
            left:0;
            width:10px;
            height:10px;
            top:11px
        }
        .about6 .ci-wrap {
            padding:50px 0
        }
        .about6 .ci-wrap img {
            width:65%
        }
        .about7 {
            flex-direction: column;
        }
        .about7 .location-box {
            padding:20px 0
        }
        .about7 .flex-box h4,
        .about7 .flex-box dl {
            width:100%
        }
        .about7 .flex-box dl {
            margin-top:10px;
            font-size:16px
        }
        .about7 .flex-box .btn-box .s-btn {
            margin:0 8px
        }
        .about7 .flex-box .btn-box .s-btn:last-of-type {
            margin-left:0
        }
        .about7 .maparea,
        .about7 .maparea2,
        .about7 .maparea3 {
            height:200px;
            margin-top: 10px;
        }
    }

/* 프로그램 */
.social .page-solution .flex-box-txt {
    justify-content: flex-end;
}
.social .page-solution .flex-right {
    width:80%;
    max-width:900px
}
    /* 프로그램 미디어쿼리 */
    @media all and (max-width:1200px) {
        .social .page-solution dd {
            padding-left:40%
        }
    }
    @media all and (max-width:1000px) {
        .social .page-solution .flex-right {
            width:100%;
        }
    }
    @media all and (max-width:640px) {
        .education .m-txt-la,
        .education .m-txt-sm,
        .s-conbox-online .m-txt-sm {
            white-space: normal;
        }
        .social .page-solution .flex-right {
            width:100%;
        }
        .page-solution dl {
            padding:20px 15px
        }
        .social .page-solution dt,
        .page-solution dt {
            float: none;
            font-size:18px;
            margin-bottom:10px
        }
        .social .page-solution dd,
        .page-solution dd {
            padding-left:0;
            font-size:16px
        }
    }
/* Olineprogram */
.onlineprogram .page-solution .flex-right,
.onlineprogram .page-solution .flex-left {
    width:48%;
    max-width:608px
}
.onlineprogram h4 {
    margin-bottom:50px
}
    /* 프로그램 미디어쿼리 */
    @media all and (max-width:1200px) {
        .onlineprogram h4 {
            margin-bottom:40px
        }
    }
    @media all and (max-width:1000px) {
        .onlineprogram h4 {
            margin-bottom:30px
        }
        .page-solution dl {
            padding:20px 15px
        }
    }
    @media all and (max-width:640px) {
        .onlineprogram h4 {
            margin-bottom:15px;
            margin-top:10px
        }
        .onlineprogram .page-solution.solution1 .flex-box-txt,
        .onlineprogram .page-solution.solution3 .flex-box-txt {
            flex-direction: column;
        }
        .onlineprogram .page-solution.solution1 .flex-left,
        .onlineprogram .page-solution.solution3 .flex-left {
            margin-top:0
        }
        .onlineprogram .page-solution .flex-right,
        .onlineprogram .page-solution .flex-left {
            width:100%;
        }
        .onlineprogram .page-solution.solution1 .flex-right,
        .onlineprogram .page-solution.solution3 .flex-right {
            margin-top:15px
        }
    }

/* inquiry */
.inquiry .flex-box {
    display: flex;
    justify-content: space-between;
}
.inquiry .flex-left {
    width:30%
}
.inquiry .flex-right {
    width:65%
}
.inquiry .form-wrap:first-of-type {
    margin-bottom:67px
}
.inquiry .input-box.half,
.inquiry .half {
    width:49%
}
.inquiry .form-half {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inquiry legend {
    font-size:25px;
    font-weight: bold;
    color:#393939;
    margin-bottom:15px
}
.inquiry .element {
    flex:1 0 40px;
    text-align: right;
}
.inquiry .input-style {
    color:#393939;
    font-size:18px
}
.inquiry .input-label {
    font-size:18px;
    font-weight: 600;
    color:#393939;
}
.inquiry .input-box {
    width:100%;
    position: relative;
    border:1px solid #C1C1C1;
    background-color: #FFFFFF;
    margin-bottom:20px;
    padding:15px 20px;
}
.inquiry .input-flex {
    display: flex;
    align-items: center;
}
.inquiry .input-flex .input-label {
    flex: 1 0 150px;
    display: flex;
    align-items: center; 
}
.inquiry .essential-mak {
    color:#FF7A37;
    margin-right:5px;
    font-size: 15px;
}
.inquiry input[type="text"],
.inquiry select,
.inquiry textarea,
.inquiry .file-input .file_attach {
    width:100%;
}
.inquiry input[type="text"],
.inquiry select,
.inquiry textarea,
.inquiry .file-input .file_attach {
    padding:15px 10px
}
.inquiry input[type="text"]::placeholder,
.inquiry textarea::placeholder {
    font-size:16px;
    font-weight: 400;
    color:#C1C1C1
}
.inquiry select {
    position: relative;
    z-index: 1;
    background: url("/public/images/icon-select.svg") #fafafa no-repeat right 20px center;
}
.inquiry .input-inquiry .form-half,
.inquiry textarea {
    margin-top:10px
}
.inquiry .input-inquiry .half {
    width:48%
}
.inquiry .input-checked {
    display: flex;
    align-items: center;
}
.inquiry .input-checked label {
    display: flex;
    align-items: center;
    margin-right:10px
}
.inquiry .input-checked label input[type="checkbox"] {
    margin-top:-3px
}
.inquiry .input-checked input[type="text"] {
    height: 70%;
    flex: 1;
    padding-left:10px
}
.inquiry .checkbox-type {
    width:16px;
    height: 16px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    margin-right:5px
}
.inquiry .checkbox-type:hover,
.inquiry .checkbox-type:checked {
    border:1px solid #FF7A37;
    background-color: #FF7A37;
    appearance: none;
}
.inquiry .input-textarea {
    border:1px solid #C1C1C1;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom:20px;
    padding-top:20px;
}
.inquiry .input-privacy .input-box {
    width:100%;
    height: auto !important;
    align-items: flex-start;
    flex-direction: column;
}
.inquiry .file-input .file_attach::placeholder {
    color: #393939;
    font-weight: 600;
}
.inquiry .file-input label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: #E8E8E8;
    font-size:16px;
    font-weight: 400;
    color:#313131;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    flex:1 0 90px;
    padding:15px 0
}
.inquiry .file-input label:hover {
    background-color: #393939;
    color:#FFFFFF
}
.inquiry .file-input input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.inquiry .input-privacy strong {
    display: block;
    padding:10px 0
}
.inquiry .input-policy {
    width:100%;
    height:250px;
    overflow-y:scroll;
}
.inquiry .input-policy .privacy {
    margin-right:20px
}
.inquiry .input-check {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.inquiry .input-check span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #555555;
    font-size: 16px;
}
.inquiry .btn-radio {
    cursor: pointer;
    width:auto !important;
    display: flex;
    align-items: center;
}
.inquiry .btn-radio:hover span {
    color:#FF7A37;
}
.inquiry .btn-radio svg {
    width: 15px; 
    height: 15px;
    fill: none;
    vertical-align: middle;
    margin-top:-3px
}
.inquiry .btn-radio svg circle {
    stroke-width: 1;
    stroke: #555555
}
.inquiry .btn-radio svg path {
    stroke: #FF7A37;
}
.inquiry .btn-radio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}
.inquiry .btn-radio svg path.outer {
    stroke-width: 1;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}
.inquiry .btn-radio input {
    display: none;
}
.inquiry .btn-radio input:checked + svg path {
    transition: all 0.4s ease;
}
.inquiry .btn-radio input:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}
.inquiry .btn-radio input:checked + svg path.outer {
    stroke-dashoffset: 0;
}
    /* 문의하기 미디어쿼리 */
    @media all and (max-width:1200px) {
        .inquiry .form-half {
            flex-direction: column;
        }
        .inquiry .input-box.half {
            width:100%;
        }
        .inquiry .input-inquiry .form-half {
            flex-direction: row;
        }
    }
    @media all and (max-width:1000px) {
        .inquiry .flex-box {
            flex-direction: column;
        }
        .inquiry .flex-left,
        .inquiry .flex-right {
            width:100%
        }
        .inquiry .flex-right {
            margin-top:40px
        }
    }
    @media all and (max-width:640px) {
        .inquiry .form-wrap:first-of-type {
            margin-bottom:40px
        }
        .inquiry legend {
            font-size:20px;
        }
        .inquiry .input-box {
            padding:10px 10px;
            margin-bottom:10px
        }
        .inquiry .input-label,
        .inquiry .input-select,
        .inquiry .input-checked label {
            font-size:15px;
        }
        .inquiry .input-flex .input-label {
            flex: 1 0 120px
        }
        .inquiry .input-inquiry .form-half {
            flex-direction: column;
        }
        .inquiry .input-inquiry .half {
            width:100%
        }
        .inquiry .input-select {
            margin-bottom:10px;
            font-size:15px
        }
        .inquiry input[type="text"]::placeholder,
        .inquiry textarea::placeholder {
            font-size:13px;
        }
        .inquiry input[type="text"], 
        .inquiry select,
        .inquiry textarea,
        .inquiry .file-input .file_attach {
            padding:10px 5px
        }
        .inquiry .element {
            flex:1 0 30px;
            font-size:15px
        }
        .inquiry .essential-mak {
            height:17px;
            font-size:14px
        }
        .inquiry .input-policy {
            height:200px
        }
        .inquiry .input-style {
            font-size:17px;
        }
        .inquiry .file-input {
            flex-wrap: wrap;
        }
        .inquiry .file-input label {
            padding:10px 0;
            font-size:14px;
        }
        .inquiry .file-input .input-label {
            flex: 1 0 100%;
            margin-bottom:10px
        }
        .inquiry .input-checked label input[type="checkbox"] {
            margin-top:0
        }
    }
    


/* 커뮤니티 */
.board {
    margin-top:40px
}
.board-list,
.board-view,
.board-gallery {
    border-top: 1px solid #cccccc;
}
.board-list .list,
.board-view .view-title,
.board-view .view-textarea {
    padding: 35px 55px;
    border-bottom: 1px solid #cccccc;
}
.board-list .list,
.board-view .view-title {
    display: flex;
    align-items: center;
}
.board-list .list .number {
    flex:0 1 20px;
    text-align: center;
}
.board-list .list .subject {
    flex: 1 1 80%;
    padding:0 30px;
}
.board-list .list .file {
    flex:0 1 17px;
    margin:0 27px;
    text-align: center;
}
.board-list .list .date {
    flex:0 1 95px;
    text-align: center;
}
.board-list .list .date,
.board-list .list .number,
.board-view .date {
    font-size: 16px;
    font-weight: 400;
    color: #393939;
    display: flex;
    justify-content: center;
    align-items: center;
}
.board-view .date {
    justify-content: flex-end;
}
.board-list .list .subject a {
    font-size: 18px;
    font-weight: bold;
}
.board-gallery .list{
    width:100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cccccc;
}
.board-gallery .list a {
    width:100%;
    padding: 35px 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.board-gallery .list a:hover .subject{
    color:#FF7A37
}
.board-gallery .flex-img {
    width:20%;
    display: block;
    overflow: hidden;
}
.board-gallery .flex-img img {
    max-width:230px
}
.board-gallery a:hover .flex-img img {
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.board-gallery a:hover .flex-img img {
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
}
.board-gallery .flex-text {
    width:77%
}
.board-gallery .subject {
    font-size:20px;
    font-weight: bold;
    color: #393939;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.board-gallery .date {
    display: block;
    margin:16px 0;
    font-size:16px;
    font-weight: 600;
    color:#555555
}
.board-gallery .preview {
    font-size:16px;
    color:#555555;
    line-height: 1.6;
}
.board-bottom {
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    padding:30px 40px;
    align-items: center;
    background-color: #FAFAFA;
}
.board-view .view-title {
    align-items: center;
    background-color: #FDFDFD;
}
.board-view .view-title .file {
    margin:0 20px
}
.board-view .view-title .subject {
    flex:1 1 75%;
    font-size: 20px;
    font-weight: bold;
}
.board-view .date {
    flex: 0 1 95px
}
.board-view .view-textarea,
.board-view .view-textarea * {
    font-size: 16px;
    color: #393939;
    line-height: 1.7;
}
.board-view .view-textarea img {
    width:auto;
    max-width:700px
}
.board-detail .btn-box,
.inquiry .btn-box {
    margin: 34px auto 0;
    display: flex;
    justify-content: center;
}
    /* Community 미디어쿼리 */
    @media all and (max-width:1200px) {
        .board-list .list,
        .board-view .view-textarea,
        .board-view .view-title,
        .board-gallery .list a {
            padding: 35px 35px;
        }
        .board-bottom {
            padding:40px 35px
        }
        .board-gallery .flex-img {
            width:30%
        }
        .board-gallery .flex-text {
            width:68%
        }
    }
    @media all and (max-width:1000px) {
        .board-list .list,
        .board-gallery .list a,
        .board-view .view-textarea, 
        .board-view .view-title {
            padding: 35px 20px;
        }

        .board-bottom {
            padding:25px 20px
        }
        .board-gallery .subject {
            font-size:18px
        }
        .board-gallery .date {
            font-size:15px;
            margin:13px 0
        }
        .board-gallery .flex-text {
            width:65%
        }
    }
    @media all and (max-width:640px) {
        .board {
            margin-top:20px
        }
        .board-list .list,
        .board-gallery .list a,
        .board-view .view-textarea, 
        .board-view .view-title {
            padding: 20px 15px;
            flex-wrap: wrap;
            position: relative;
        }
        .board-list .list {
            padding-left:50px;            
        }
        .board-list .list .number {
            flex-basis: 40px;
            position: absolute;
            left:15px;
            top:20px
        }
        .board-list .list .subject,
        .board-view .view-title .subject {
            flex: 0 1 100%;
        }
        .board-list .list .subject {
            padding-left:0px;
            padding-right:10px;
        }
        .board-list .list .subject a {
            font-size: 17px;
        }
        .board-list .list .date,
        .board-view .date {
            flex: 0 1 100%;
            margin-top:6px;
            justify-content: flex-start;
            font-size:15px;
        }
        .board-list .list .file,
        .board-view .view-title .file {
            flex:auto;
            width:13px;
            position: absolute;
            right:10px;
            top:20px;
            margin: 0;
        }
        .board-view .view-title .file {
            top:auto;
            bottom:20px
        }
        .board-gallery .list a {
            flex-direction: column;
        }
        .board-gallery .flex-img,
        .board-gallery .flex-text {
            width:100%
        }
        .board-gallery .flex-img {
            text-align: center;
            margin-bottom:15px
        }
        .board-gallery .flex-img img {
            max-width:100%
        }
        .board-bottom {
            flex-direction: column;
            margin-top:20px;
            padding:20px 10px
        }
        .board-view .view-textarea {
            white-space: normal;
            word-break: normal;
        }
        .board-view .view-textarea img {
            width:100%;
            max-width:100%
        }
        .board-view .view-title .subject {
            font-size:18px
        }
    }

/* 검색영역 */
.search form {
    position: relative;
    display: flex;
    width: 290px;
    height:50px;
    background: #fff;
    border:1px solid #D6D6D6;
}
.search .form-select {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 75px;
    height: 100%;
    padding:0 10px;
    background: url("/public/images/icon-select.svg") no-repeat right 8px center;
    font-size: 13px;
    border:0;
    border-right:1px solid #D6D6D6;
    color: #848484;
}
.search .input-area{
    display: flex;
    width: 100%;
}
.search .form-input {
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: inline-block;
    min-width: 0;
    height: 100%;
    padding: 0 13px;
    background: transparent;
    border:0;
    font-size:14px;
}
.search .form-input::placeholder {
    color:#848484
}
.search .form-button {
    z-index: 1;
    position: relative;
    display: inline-block;
    flex: 1 1 40px;
    height: 100%;
    border:0;
    background: url("/public/images/icon-search.svg") no-repeat center;
}
    /* 검색영역 미디어쿼리 */
    @media all and (max-width:640px) {
        .search form {
            max-width: 100%;
            height:40px;
        }
    }

/* 페이징 */
.paging {
    display: flex;
    justify-content: center;
    align-items: center;
}
.paging .num {
    width: 21px;
    height: 21px;
    background: #fff;
    margin:0 5px;
    display: flex;
    justify-content: center;
    font-size: 15px;
    color:inherit;
}
.paging .num:hover,
.paging .current-num {
    background: #393939;
    color:#ffffff;
    font-weight:bold
}
.paging .paging-prev,
.paging .paging-next {
    width:15px;
    height:15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging a.paging-prev:hover,
.paging a.paging-nex:hover {
    opacity: 0.5;
}
.paging .paging-prev {
    margin-right:10px
}
.paging .paging-next {
    margin-left:10px;
    margin-right:10px
}
    /* 페이징 미디어쿼리 */
    @media all and (max-width:640px) {
        .paging {
            margin-top:20px
        }
        .paging .num {
            margin:0 3px
        }
    }

/* 개인정보처리방침 */
.privacy h3 {
    font-size: 18px;
    font-weight: 500;
    padding: 40px 0 0;
    color:#2E2E2E
}
.privacy p,
.privacy th,
.privacy td,
.privacy li {
    color:#313131;
    line-height: 1.7;
    font-size: 16px;
}
.privacy ul,
.privacy ol{
    margin-top: 10px;
}
.privacy li > ol,
.privacy li > ul {
    margin-bottom:10px;
}
.privacy li {
    position: relative;
    margin-bottom: 5px;
}
.privacy p {
    margin-top:10px;
}
.privacy .brace-list > li {
    padding-left: 25px;
}
.privacy .line-list > li {
    padding-left: 10px;
}
.privacy .brace-list > li::before,
.privacy .line-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5;
    font-size:16px;
    font-family: 'Noto Sans KR', sans-serif;
}
.privacy .brace-list > li:nth-child(1)::before {
    content: "⑴";
}
.privacy .brace-list > li:nth-child(2)::before {
    content: "⑵";
}
.privacy .brace-list > li:nth-child(3)::before {
    content: "⑶";
}
.privacy .brace-list > li:nth-child(4)::before {
    content: "⑷";
}
.privacy .brace-list > li:nth-child(5)::before {
    content: "⑸";
}
.privacy .line-list > li::before {
    content: "-";
}
.privacy .table {
    margin: 1.5rem 0;
    border: 1px solid #d9d9d9;
    border-width: 1px 1px 0 1px;
}
.privacy .table td,
.privacy .table th {
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
    padding:5px 10px;
}
.privacy .table td:first-child,
.privacy .table th:first-child {
    border-right: 1px solid #d9d9d9;
}
.privacy .table th {
    background-color: #fafafa;
}
    /* 이용약관 미디어쿼리 */
    @media all and (max-width:640px) {
        .privacy p,
        .privacy th,
        .privacy td,
        .privacy li,
        .privacy .brace-list > li::before, 
        .privacy .line-list > li::before {
            font-size: 15px;
        }
        .privacy h3 {
            font-size: 16px;
        }
    }


/* 회사소개 지도관련 css */
.infowindow {
    position:relative; 
    bottom:75px;
    border-radius:6px;
    border: 1px solid #ccc;
    border-bottom:2px solid #ddd;
    float:left;
}
.infowindow .title {
    display:block;
    text-align:center;
    background:#fff;
    padding:10px 15px;
    font-size:14px;
    font-weight:bold;
}
.infowindow:after {
    content:'';
    position:absolute;
    margin-left:-12px;
    left:57%;
    bottom:-12px;
    width:22px;
    height:12px;
    background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')
}