@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.7.2/css/v4-shims.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("/skin/notokr/notokr.css");

html {
    overflow-x: hidden;
    overflow-y: scroll;
}
.body-layout {
    background-color: #fff;
}
.body-layout{
    display: none;
}
.body-layout.no-js{
    display: block;
}
:root {
    --page-point-color: #336666;
}

/* 폰트 설정 */
.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
    font-family: "Pretendard Variable", Pretendard, "notokr", "NanumGothic", "나눔고딕", "NanumBarunGothic", "Apple SD Neo Gothic", "Malgun Gothic", "Gulim", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
    display: none;
}

a:focus {
    outline: none;
}

/*가로 100% 레이아웃 정의*/
.container_contents,
.intro-html-layout,
.intro-html-layout>div,
.footer_copy>div,
.sub-layout {
    width: 100%;
    padding: 0;
    margin: 0;
}

.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout+.row,
#mailForm,
#insertForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

* {
    word-break: keep-all;
}

@media (min-width: 1440px) {

    .main-sec .container, .navbar-inverse>.container, .footer_copy .text-center .container, .new-program .con > .container {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
    }
}





/*상단 메뉴 설정 시작 리뉴얼*/
.container_contents {
    padding-top: 84px;
}

.navbar-inverse {
    background: #fff;
    margin: 0;
    border-bottom: 0;
}

.navbar-inverse .navbar-header {
    height: auto !important;
    padding: 18px 0 !important;
    text-align: center;
    border-bottom: 0;
}

.navbar-inverse .navbar-brand {
    margin: 0 auto !important;
    padding: 0;
    display: inline-block;
    float: none;
    height: 40px;
}

.navbar-inverse .navbar-brand img {
    margin: 0;
    height: 100%;
}

.navbar-inverse .navbar-collapse {
    text-align: center;
    gap: 0;
    align-items: center;
}
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: flex !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        margin-top: 0 !important;
    }
}

.navbar-inverse .navbar-nav {
    float: left !important;
    margin: 0 auto;
    display: inline-block;
}

.navbar-inverse .navbar-nav>li>a {
    background: none;
    color: #444;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
    padding: 31px 50px !important;
    margin: 0;
    display: block;
}

.navbar-inverse .navbar-nav>li#m-18>a {
    color: red;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    background: none;
    color: #197567;
}

.navbar-inverse .dropdown-menu {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-width: 240px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    padding: 24px 0;
}

.navbar-inverse .dropdown-menu>li>a {
    color: #666;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1;
    padding: 16px 20px;
}

.navbar-inverse .dropdown-menu>li>a:focus,
.navbar-inverse .dropdown-menu>li>a:hover {
    background: #85db9e;
    background-image: linear-gradient(to right, #85db9e 0%, #197567 100%);
    color: #fff;
    position: relative;
}

.navbar-inverse .dropdown-menu>li>a:focus:before,
.navbar-inverse .dropdown-menu>li>a:hover:before {
    content: "\f18e";
    font-family: "FontAwesome";
    float: right;
}

.menuTop {}

.menuTop>ul {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.menuTop li {
    display: inline-block;
}

.menuTop li a {
    display: block;
    color: #333;
    font-weight: 500;
    font-size: 15px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
    line-height: 1;
}

.menuTop li:last-child a {
    border-right: none;
}

.menuTop li.dropdown a {
    border-right: none;
}

.menuTop li.dropdown .dropdown-menu {
    min-width: 150px;
    border: none;
    padding: 10px 0;
    margin: 0;
}

.menuTop li.dropdown .dropdown-menu li {
    display: block;
}

.menuTop li.dropdown .dropdown-menu li a {
    border-right: none;
    text-align: center;
    margin-right: 0;
}

/* 메인 페이지  리뉴얼*/

.main-wrap {}

.main-con {
    padding-bottom: 150px;
}
.sec02 .main-con.con03{
    padding-bottom: 0px !important;
} 
.sec04{
    padding-top: 150px;
}
.sec05 .con01{
    padding-top: 50px;
    padding-bottom: 50px;
}
.sec06 .con01{
    padding-top: 150px;
}

.main-con .con-inners {
    padding-top: 100px;
}

.sec01 .con01 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 101px;
}

.main-con .link-wrap {
    display: flex;
    gap: 60px;
    grid-template-columns: 1fr;
}

.main-con .link-wrap .link-tit {
    font-size: 20px;
    font-weight: bold;
    width: 145px;
    line-height: 1em;
}

.main-con .link-wrap:last-child .link-tit {
    gap: 5px;
    width: fit-content;
    border-bottom: 1px solid transparent;
}

.main-con .link-wrap:last-child .link-tit a {
    text-decoration: none;
    color: var(--page-point-color);
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-con .link-wrap .link-tit span {
    background: var(--page-point-color);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
}

.sec01 .link-wrap:last-child .link-tit:focus,
.sec01 .link-wrap:last-child .link-tit:hover {
    border-bottom: 1px solid var(--page-point-color);
}

.main-con .link-wrap ul {
    display: flex;
    gap: 20px;
    margin: 0;
    align-items: center;
}

.main-con .link-wrap li {}

.main-con .link-wrap li a {
    color: #333;
    font-weight: 500;
    font-size: 15px;
    display: block;
}

.main-con .link-wrap li a:focus,
.main-con .link-wrap li a:hover {
    text-decoration: underline 1px solid #333;
    text-underline-offset: 5px;
}

.main-con .link-wrap li:last-child a {
    color: var(--page-point-color);
    font-size: 15px;
}

.main-con .link-wrap li:last-child a:hover {
    text-decoration: underline 1px solid var(--page-point-color);
    text-underline-offset: 5px;
}

.sec01-con-tit {}

.sec01-con-tit .small-tit {
    color: var(--page-point-color);
    font-size: 15px;
    margin: 0 0 15px;
    display: block;
    font-weight: 500;
}

.sec01-con-tit h4 {
    font-size: 20px;
    font-weight: 500;
}

.sec01 .con02 {}

.con02 .pro-box {
    border: 0;
    margin: 20px 0 0 0;
}

.con02 .slide-count {
    position: absolute;
    right: 24px;
    top: -35px;
    font-size: 15px;
    letter-spacing: 0.1rem;
}

.con02 .pro-box .slick-list {
    margin: 0 -20px;
}

.con02 .slick-track {
    height: auto !important;
}

.con02 .slick-next,
.con02 .slick-prev {
    top: -24px;
}

.con02 .slick-prev {
    right: 55px !important;
    left: inherit !important;
}

.con02 .slick-next {
    right: 0 !important;
}

.con02 .slick-track:after,
.con02 .slick-track:before {
    display: none;
}

.con02 .pro-box .box-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #ececeb;
    border-radius: 10px;
    padding: 15px 0 0;
    text-decoration: none;
    min-height: 290px;
    margin: 0 20px;
}

.con02 .box-inner img {
    width: 200px;
    height: 130px;
    object-fit: contain;
}

.con02 .box-inner .box-info {
    text-align: center;
    width: 100%;
}

.con02 .box-info .pro-tit {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 25px 0 7px;
}

.con02 .box-info .pro-tit-desc {
    display: block;
    color: #777;
    font-size: 15px;
    margin: 0 0 3px;
    font-weight: bold;
}

.con02 .box-info .pro-cost {
    color: var(--page-point-color);
    font-weight: bold;
    font-size: 20px;
}

.sec01 .con03 {
    padding-bottom: 80px;
}

.con03 .grade-wrap {
    padding-top: 20px;
    position: relative;
}

.con03 .grade-wrap .more-grade {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    color: var(--page-point-color);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 15px;
}

.con03 .grade-wrap .more-grade span {
    display: block;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 2px;
}

.con03 .grade-wrap .nav-tabs {
    width: fit-content;
    background: #ddd;
    padding: 10px 20px;
    border-radius: 30px;
}

.con03 .grade-wrap li {}

.con03 .grade-wrap li.active {}

.con03 .grade-wrap li.active a {
    background: #333;
    color: #fff;
}

.con03 .grade-wrap li:hover a {
    background: #333;
    color: #fff;
}

.con03 .grade-wrap li a {
    padding: 5px 35px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: block;
    border: 0 !important;
}

.con03 .grade-wrap li a:hover {
    border: 0 !important;
}

.con03 .grade-wrap .tab-content {}

.con03 .grade-wrap .tab-pane.active>a {
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    background: #333;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 30px;
    /* text-decoration: none; */
}

.grade-wrap .tab-pane.active .tab-inners {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 35px 0 60px;
}

.grade-wrap .tab-content .tab-inner {
    display: flex;
    gap: 20px;
    text-decoration: none;
}

.grade-wrap .tab-content img {
    width: 95px;
    height: 95px;
    object-fit: contain;
}

.grade-wrap .tab-content .grade-info {}

.tab-content .grade-info .grade-small-tit {
    font-size: 15px;
    color: #777;
    display: block;
    font-weight: bold;
}

.tab-content .grade-info .grade-tit {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}

.tab-content .grade-info .grade-cost {
    color: var(--page-point-color);
    font-size: 18px;
    font-weight: bold;
}

/*                         메인 섹션 2 리뉴얼                        */
.sec02 {
    background: url("/skin/img/main/main-sec02bg.png") no-repeat center;
    background-size: cover;
    padding-top: 250px;
}

.main-tit-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.main-tit-row h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.7;
}


.main-tit-row h3 span {
    color: var(--page-point-color);
}

.main-tit-row .img-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.main-tit-row .img-wrap .img-tit-wrap {
    position: relative;
}

.main-tit-row .img-tit-wrap img {}

.main-tit-row .img-tit-wrap p {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.main-tit-row .img-tit-wrap span {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}

.sec02 .parnter-wrap {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 30px;
    align-items: center;
    justify-content: center;
    padding-top: 130px;
}

.sec02 .parnter-wrap img {}

.sec02 .con02 .video-wrap {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 40px;
    margin: 0 100px;
}

.youtube-video {
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
}

.youtube-video .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-con .video-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.main-con .video-text .video-tit {
    font-size: 20px;
    font-weight: bold;
}

.main-con .video-text .video-desc {
    font-size: 15px;
}

.main-con .video-text .video-link {
    font-size: 20px;
    width: fit-content;
    margin: 0 auto;
    display: block;
    background: #333;
    border-radius: 30px;
    color: #fff;
    padding: 10px 55px;
}

.main-con-tit {

    text-align: center;
}

.main-con-tit .con-tit-h3 {
    font-size: 40px;
    margin: 0 0 15px 0;
    font-weight: bold;
}

.main-con-tit .con-tit-h4 {
    font-size: 20px;
    line-height: 1.5;
}

.comming-class-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 140px;
    position: relative;
}

.comming-class-wrap+.comming-class-wrap {
    margin-top: 70px;
}

.comming-class-wrap .img-link {
    display: block;
    cursor: pointer;
    position: relative;
}

.comming-class-wrap .comming-link {
    position: absolute;
    right: -10px;
    top: -35px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--page-point-color);
    text-decoration: none;
    font-weight: 500;
}

.comming-class-wrap .comming-link span {
    font-size: 28px;
    margin-bottom: 2px;
}

.comming-class-wrap img {
    width: 100%;
    object-fit: contain;
}

.main-con-tit .con-tit-p {

    font-weight: 500;

    font-size: 15px;
}

.main-con .research-wrap {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.main-con .research-wrap img {}

/*                       메인 섹션 3 리뉴얼                 */
.sec03 {
    background: url(/skin/img/main/main-sec03bg.png) no-repeat center;
    background-size: cover;
    position: relative;
    /* padding-top: 200px; */
    /* background-position-y: 200px; */
}

.sec03::before {
    background: url(/skin/img/main/main-sec03_02bg.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position-y: -600px;
}

.sec03 .main-con-tit .con-tit-p {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.sec03 .color-tit {
    color: #53b72d;
}

.sec03 .background-tit {}

.magazine {
    padding: 30px 0;
}

.magazine+img {
    margin-top: 10px;
}

/*                                메인 섹션 4 리뉴얼               */
.sec04 .msg-img img+img {
    margin-top: 100px;
}

/*                                메인 섹션 5 리뉴얼               */
.sec05 {
    background: #e0e0de;
    position: relative;
    z-index: 1;
}

.sec05 .con-tit-h3 span {
    color: var(--page-point-color);
}

.feature-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.feature-img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    justify-content: center;
    height: 490px;
}

.feature-img::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: url("/skin/img/main/feature-bg.png") no-repeat center;
    border-radius: 5px;
    z-index: -1;
}

.feature-img img {
    position: relative;
    height: 260px;
    object-fit: none;
    width: 100%;
}

.feature-img .feature-info {
    text-align: center;
}

.feature-img .feature-tit {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.feature-img .feature-desc {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
}

/*               메인 섹션 6 리뉴얼                 */
.sec06 {}

.inquiry-wrap {
    justify-content: center;
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}
.inquiry-wrap >img{
    /* margin: 0 auto; */
}


/*               메인 섹션 6 리뉴얼                 */
.sec07 {}

.sec07 .main-con-tit {
    text-align: left;
}

.sec07 .con-tit-h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.sec07 .area {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.sec07 .location-map {}



/*  서브 페이지 리뉴얼 */
.new-program .con{
    margin-bottom: 0 !important;
}
.new-program .con0{
    padding-bottom: 150px;
}
#edu_ai_01_1 .subTop {
    background: url(/skin/img/sub/ai_detail01banner.png) no-repeat center / cover;
}
#edu_ai_01_2 .subTop {
    background: url(/skin/img/sub/ai_detail02banner.png) no-repeat center / cover;
}
#edu_ai_01_3 .subTop {
    background: url(/skin/img/sub/ai_detail03banner.png) no-repeat center / cover;
}
#edu_ai_01_4 .subTop {
    background: url(/skin/img/sub/ai_detail04banner.png) no-repeat center / cover;
}
#edu_ai_01_5 .subTop {
    background: url(/skin/img/sub/ai_detail05banner.png) no-repeat center / cover;
}
#edu_ai_01_6 .subTop {
    background: url(/skin/img/sub/ai_detail06banner.png) no-repeat center / cover;
}
#edu_ai_01_7 .subTop {
    background: url(/skin/img/sub/ai_detail07banner.png) no-repeat center / cover;
}
#edu_ai_01_8 .subTop {
    background: url(/skin/img/sub/ai_detail08banner.png) no-repeat center / cover;
}
#edu_ai_01_9 .subTop {
    background: url(/skin/img/sub/ai_detail09banner.png) no-repeat center / cover;
}
#edu_ai_01_10 .subTop {
    background: url(/skin/img/sub/ai_detail10banner.png) no-repeat center / cover;
}
#edu_ai_01_11 .subTop {
    background: url(/skin/img/sub/ai_detail11banner.png) no-repeat center / cover;
}
#edu_ai_01_12 .subTop {
    background: url(/skin/img/sub/ai_detail12banner.png) no-repeat center / cover;
}
#edu_ai_01_13 .subTop {
    background: url(/skin/img/sub/ai_detail13banner.png) no-repeat center / cover;
}
#edu_ai_01_14 .subTop {
    background: url(/skin/img/sub/ai_detail14banner.png) no-repeat center / cover;
}
#edu_ai_01_15 .subTop {
    background: url(/skin/img/sub/ai_detail15banner.png) no-repeat center / cover;
}
#edu_ai_01_16 .subTop {
    background: url(/skin/img/sub/ai_detail16banner.png) no-repeat center / cover;
}
#edu_ai_01_17 .subTop {
    background: url(/skin/img/sub/ai_detail17banner.png) no-repeat center / cover;
}
#edu_ai_01_18 .subTop {
    background: url(/skin/img/sub/ai_detail18banner.png) no-repeat center / cover;
}
#edu_ai_01_19 .subTop {
    background: url(/skin/img/sub/ai_detail19banner.png) no-repeat center / cover;
}
#edu_ai_01_20 .subTop {
    background: url(/skin/img/sub/ai_detail20banner.png) no-repeat center / cover;
}
#edu_ai_01_21 .subTop {
    background: url(/skin/img/sub/ai_detail21banner.png) no-repeat center / cover;
}
#edu_ai_01_22 .subTop {
    background: url(/skin/img/sub/ai_detail22banner.png) no-repeat center / cover;
}
#edu_ai_01_23 .subTop {
    background: url(/skin/img/sub/ai_detail23banner.png) no-repeat center / cover;
}
#edu_ai_01_24 .subTop {
    background: url(/skin/img/sub/ai_detail24banner.png) no-repeat center / cover;
}
#edu_ai_01_25 .subTop {
    background: url(/skin/img/sub/ai_detail25banner.png) no-repeat center / cover;
}
#edu_ai_01_26 .subTop {
    background: url(/skin/img/sub/ai_detail26banner.png) no-repeat center / cover;
}

@media (min-width: 1440px) {
    .edu01.edu02.program.program07 .con>.container {
        max-width: 1380px;
        width: 100%;
        margin: 0 auto;
        padding: 0 35px;
    }
}

.subContent .con .con-tit-h3 {
    font-size: 40px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    text-align: center;
    border: 0;
    font-weight: bold;
    line-height: 1.3;
    padding: 0;
}
.new-program .con0 .col-sm-12{
    position: relative;
}
#edu_ai_01_1 .con0 .col-sm-12::before,
#edu_ai_01_2 .con0 .col-sm-12::before,
#edu_ai_01_5 .con0 .col-sm-12::before,
#edu_ai_01_6 .con0 .col-sm-12::before,
#edu_ai_01_9 .con0 .col-sm-12::before,
#edu_ai_01_11 .con0 .col-sm-12::before,
#edu_ai_01_17 .con0 .col-sm-12::before,
#edu_ai_01_20 .con0 .col-sm-12::before,
#edu_ai_01_25 .con0 .col-sm-12::before{
    position: absolute;
    content: "\f1e3";
    font-family: "material symbols outlined";
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
    font-size: 200px;
    font-weight: 300;
    color: #c2e4fb;
}
.new-program .con+.con {
    padding-bottom: 150px;
}
.new-program .con02 {
    padding: 50px 0 50px !important;
    background: #edefea;
}
.new-program .con03{
    padding-top: 80px;
}
.new-program .inner {
    padding-top: 60px;
}

.con-tit-h3+.suggest-wrap {
    flex-direction: column;
    display: flex;
    gap: 80px;
}

.con-tit-h3+.suggest-wrap li {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.con-tit-h3+.suggest-wrap li.special-li {
    color: var(--page-point-color);
}

.subContent .inner table {
    width: 100%;
}

.new-program .tab-content {}

.new-program .tab-content {}

.new-program .tab-content .tab-pane {
    opacity: 1;
}


.subContent .tab-content #myTab {
    border: 0;
    padding: 0;
}
.subContent .tab-content #myTab li{
    margin-right: 10px;
    margin-top: 0;
}
.subContent .tab-content #myTab li a{
    color: #777;
}

.subContent .tab-content #myTab li.active a{
    /* color: #333; */
}

.subContent .tab-content #myTab li.onactive a {
    color: #000;
    border-bottom: 1px solid #333;
}

.subContent .tab-content #myTab li a {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    border-bottom: 1px solid transparent;
    line-height: 1em;
    padding-bottom: 2px;
}

.subContent .tab-content tr {
    border-bottom: 1px solid #86c9ca;
    vertical-align: top;
}
.new-program .club-plus tr:first-child{
    border-top: 2px solid #86c9ca;
}
.new-program .club-plus tr {
    border-bottom: 2px solid #86c9ca;
    vertical-align: top;
}

.subContent .tab-content tr:last-child {
    border-bottom: 0;
}

.subContent .tab-content td,
.subContent .tab-content th {
    font-size: 20px;
    padding: 19px 0;
    line-height: 1em;
}
.subContent .tab-content th {
    color: #336666;
}
 .profile  .new_edu > a >img{
    width: 200px;
    height: 150px;
    margin: 0 auto;
    object-fit: contain;
}
.new-program .club-plus td{
    display: block;
    padding: 10px 0 0 0;
}
.new-program .club-plus th{
    padding: 10px 0;
}
.new-program .club-plus td,
.new-program .club-plus th {
    font-size: 20px;
}
.new-program .club-plus td >span{
    color: red;
    font-weight: 500;
}
.new-program .club-plus td:last-child{
    padding: 10px 0;
}
.subContent .tab-content tr
.new-program .tab-content th {}

.new-program .tab-content td {
    display: block;
    font-weight: 500;
}

.new-program .tab-content tr.check-box td {
    margin-right: 20px;
    display: inline-block;
}

.new-program .tab-content td img {
    display: inline-block;
    height: 100%;
    object-fit: contain;
    margin-bottom: 2px;
    margin-right: 2px;
}
.new-program .tab-content td ul {
    padding-top: 30px;
}
.new-program .tab-content td.place {
    padding-top: 0;
}
.new-program .tab-content td ul li small {
    font-size: 15px;
}
.new-program .tab-content td ul li {
    padding-left: 0;
    position: relative;
}
.new-program .tab-content td ul li + li {
    margin-top: 12px;
}

.new-program .tab-content td.place ul li {
    padding-left: 15px;
}
.new-program .tab-content td.place ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 9px;
}
.new-program .tab-content td.place ul li + li {
    margin-top: 7px;
}
.new-program  .msg-img {
    padding-top: 100px;
}

.new-program .msg-img img + img {
    padding-top: 100px;
}
.new-program .con03 .con03-desc {
}

.new-program .con03 .desc-tit {
    font-size: 20px;
    text-align: left;
    color: var(--page-point-color);
    margin-bottom: 40px;
}

.new-program .con03 .desc-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.desc-info-inner {
    padding: 15px 20px 24px;
    background: #f5f5f5;
    border-radius: 20px;
}

.desc-info-inner .info-inner-tit {
    text-align: center;
    width: fit-content;
    padding: 9px 18px;
    font-size: 20px;
    margin: 0 auto;
    font-weight: 700;
    background: #b6d2c2;
    border-radius: 25px;
    line-height: 1em;
}

.desc-info .desc-info-inner:last-child ul {
}

.desc-info-inner ul {
    margin: 0;
    padding: 15px 0 0 0 !important;
}
.desc-info-inner ul .step-class{
    color: var(--page-point-color);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}
.desc-info-inner ul li {
    font-size: 18px;
    padding-left: 18px;
    position: relative;
    font-weight: 500;
}
.desc-info-inner ul li + li {
    margin-top: 2px;
}
.desc-info-inner ul li::before {
    content: "";
    position: absolute;
    left: 5px;
    width: 6px;
    height: 2px;
    background: #333;
    top: 11px;
}
.club-plus + .con03-plus{
    padding-top: 150px;
}
.con03-plus .study-img-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35.5px;
    padding-top: 80px;
}

.con03-plus .study-img-wrap img {
    width: 100%;
    object-fit: cover;
    background: #ddd;
}
.con03-plus .study-img-wrap img.no-data-img{
    position: relative;
}
.con03-plus .study-img-wrap img.no-data-img::before{
    position: absolute;
    content: "준비 중 입니다.";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    color: #333;
    
}

.new-program .club-plus{
    background: #edefea;
    padding-top: 50px;
    padding-bottom: 50px !important;
}
.new-program  .con04 {
    background: url(/skin/img/sub/subCon04Bg.png) no-repeat center / cover;
    padding-top: 90px;
}

.new-program .con04 .small-tit {
    display: block;
    width: fit-content;
    background: #aec9bc;
    color: #fff;
    font-size: 25px;
    padding: 0px 5px;
    margin-bottom: 150px;
}

.new-program .con04 .con-tit-h4 {
    font-size: 30px;
    line-height: 1.8em;
    margin-bottom: 70px;
}

.new-program .con04 .con-tit-h4>span {
    color: var(--page-point-color);
}

.new-program .con04 .con-tit-h4::after {
    display: none;
}

.new-program .talent-btn {
    display: block;
    width: fit-content;
    margin: 150px auto 0;
    font-size: 30px;
    color: #fff;
    background: #333;
    padding: 17px 60px;
    border-radius: 40px;
}

.new-program .talent-btn:hover {
    text-decoration: none;
    background: #c8e09a;
}

.new-program .t-img-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.t-img-wrap .talent-img {
    display: flex;
    justify-content: center;
    background: linear-gradient(#e7eae3, #d0e1d8);
    padding: 40px 0 40px;
    border-radius: 20px;
    cursor: default !important;
}

.talent-wrap .talent-img img {}

.new-program .review-img {
    display: flex;
    flex-direction: column;
    gap: 150px;
    padding-top: 150px;
}

.review-img img {}

.new-program .con06 {
    background: url(/skin/img/sub/subCon06Bg.png) no-repeat center / cover;
    height: 1000px;
}

.new-program .ready {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-top: 150px;
}

.new-program .ready .ready-text {
    font-size: 30px;
    font-weight: 700;
}

.new-program .con08 {
    background: #e0e0de;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 80px !important;
}

.new-program .con08 .con-tit-h3 span {
    color: var(--page-point-color);
}

.new-program .con09 {
    background: url(/skin/img/main/main-sec03bg.png) no-repeat center;
    background-size: cover;
    position: relative;
    padding-top: 200px;
    background-position-y: 200px;
}

.new-program .con09::before {
    background: url(/skin/img/main/main-sec03_02bg.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position-y: -600px;
}

.new-program .con09 .con-tit-p {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: center;
}

.new-program .con09 .color-tit {
    color: #53b72d;
}

.new-program .con10{
    padding-top: 150px;
}
.new-program .con.con11::before> {
    display: none !important;
}

.new-program .con11::before {
    display: none;
}

.new-program .con11 .bg-line {
    height: 195px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b6d2c2;
}

.con11 .bg-line p {
    font-size: 40px;
    font-weight: 700;
}

.con11 .class-wrap {
    display: flex;
    flex-direction: column;
    gap: 65px;
    padding-bottom: 50px;
}

.con11 .class-wrap .class {}

.con11 .class .class-tit {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.con11 .class .class-img-wrap {
    background: #f5f5f5;
    padding: 35px 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 20px;
    gap: 60px;
}

.con11 .class .class-img-wrap img {}

.new-program .con12 {}

.new-program .detail-box {
    text-align: end !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 170px 0 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    background: none !important;
}

.new-program .detail-box span {
    position: relative;
    padding-left: 30px;
    margin-right: 20px;
    margin: 0 20px 0 0 !important;
    display: inline-block !important;
    font-size: 20px;
}

.new-program .detail-box span::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: #bdc2e2;
    border-radius: 5px;
}

.new-program .detail-box span:last-child {
    margin: 0;
}

.new-program .detail-box span:last-child::before {
    background: #b6d2c2;
}

.new-program .recommend {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.recommend .class-recommend {
    padding: 40px 35px 40px;
    background: #f5f5f5;
    border-radius: 20px;
    box-shadow: 7px 4px 5px #e7e7e7;
}

.recommend .class-recommend .recom-tit {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--page-point-color);
    margin: 0 0 35px 0;
    padding: 0 !important;
}

.recommend .class-recommend ul {
    margin: 0;
}

.recommend .class-recommend ul li {
    font-size: 20px;
    line-height: 1.8;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.class-recommend ul li span {
    background: #b6d2c2;
    margin-left: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}

.class-recommend ul li .club {
    margin-left: 10px;
    background: #bdc2e2;
}

.new-program .con14 {
    background: url(/skin/img/sub/subCon14Bg.png) no-repeat center / cover;
    height: 1600px;
}

.new-program .con15::before {
    display: none;
}

.con15 .rule {
    display: flex;
    flex-direction: column;
    gap: 150px;
    padding-top: 150px;
}

.rule .rule-wrap {
    display: grid;
    grid-template-columns: 0.15fr 1fr;
}

.rule .rule-wrap .rule-table {
    margin-bottom: 50px;
}

.rule-wrap .rule-table thead th {
    padding: 15px 0;
    text-align: center;
    font-weight: 500;
}

.rule-wrap .rule-table tr,
.rule-wrap .rule-table td {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    padding: 14px 50px;
    font-weight: 600;
}

.rule-wrap .rule-table td.warning {
    color: red;
}

.rule .rule-wrap img {}

.rule .rule-wrap .rule-tit {
    font-size: 30px;
    font-weight: 700;
    margin: 35px 0 70px 0;
}

.rule ul {
    margin: 0;
    padding-bottom: 30px !important;
}

.rule ul li {
    position: relative;
    font-size: 20px;
    padding-left: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.rule ul li.plus-list {
    padding-left: 32px;
    font-weight: 400;
    padding-top: 5px;
    font-size: 20px;
    line-height: 1.65;
}

.rule ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    background: #333;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.rule ul li.plus-list::before {
    position: absolute;
    content: "※";
    left: 14px;
    top: 2px;
    font-size: 22px;
    color: #333;
    width: 0;
    height: 0;
}

.new-program .con16 {
    background: #b6d2c2;
    padding-top: 50px;
}

.con16 .how-study {}

.con16 .img-tit-wrap {
    align-items: center;
    display: flex;
    gap: 40px;
}

.con16 .img-tit-wrap img {}

.con16 .img-tit-wrap p {
    font-size: 30px;
    font-weight: 700;
}

.how-study .how-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 80px;
}

.how-wrap .how-img-wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

.how-wrap .how-img-wrap::after {
    content: "";
    width: 56px;
    height: 30px;
    background: url("/skin/img/sub/arrow.png");
    position: absolute;
    right: -70px;
    top: 33%;
    /* content: "\e5c8"; */
    /* font-family: "Material Symbols outlined"; */
    font-size: 55px;
    color: #d6ff00;
    transform: translate(0, -50%);
}

.how-wrap .how-img-wrap:last-child::after {
    display: none;
}

.how-wrap .how-img-wrap .how-desc {
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 5px 0;
    font-size: 15px;
    min-height: 90px;
    align-content: center;
    font-weight: 600;
    line-height: 1.3;
}

.how-wrap .how-img-wrap .how-img {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    padding: 25px 0 20px;
}

.how-img-wrap .how-img img {
    height: 130px;
    object-fit: contain;
}

.how-img-wrap .how-img span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
}
.new-program .con17{
    padding-top: 150px;
}
.new-program .con17 .inquiry-wrap {
    background: url(/skin/img/sub/subCon16.png) no-repeat center / cover;
}

.new-program .con17::before {
    display: none;
}

.new-program .con17 .inqury-tit {
    display: flex;
    gap: 50px;
    padding-bottom: 60px;
    align-items: center;
}
.con17 .inqury-tit img{}
.con17 .inqury-tit .inqury-txt{}
.con17 .inqury-tit .inqury-txt p{
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.con17 .inqury-tit .inqury-txt span{
    font-size: 18px;
    font-weight: 600;
}

.new-program .con17 .inquiry-wrap {
    display: flex;
    gap: 80px;
    justify-content: center;
    padding-bottom: 60px;
}
.new-program .con18 .map-tit{}
.new-program .con18 .map-tit .map-p{
    font-weight: 800;
}
.new-program .con18 .map-tit p{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}
.loca-map {
    padding-top: 5px !important;
}
/* 하단 카피라이트 설정 시작*/
.footer_copy {
    background: #cccccc;
    width: 100%;
    padding: 70px 0;
}

.footer_copy .text-center {
    text-align: left;
    float: none;
}

.footer-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 0.65fr 1fr 1fr;
}

.footer-wrap .company-img {}

.footer-wrap .company-info {}

.footer-wrap .company-inquiry {}

.footer-wrap .company-inquiry li:first-child {
    padding-bottom: 10px;
}

.footer-wrap .company-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.footer-wrap>div p {
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px;
}

.footer-wrap>div ul {
    margin: 0;
}

.footer-wrap>div li {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
}

.footer-wrap .company-link ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.footer-wrap .company-link li {}

.footer-wrap .company-link li a {}


/* 하단 카피라이트 설정 끝*/


/*                                       리뉴얼 전                                */








/* login */

.login-layout,
.id-find-layout,
.pw-find-layout {
    background: #f5f5f5;
    padding: 100px 15px;
}

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 0px;
}

.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr {
    display: none;
}

.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body {
    padding: 0;
}

.login-layout .panel-body>div.col-sm-12,
.id-find-layout .panel-body>div.col-sm-12,
.pw-find-layout .panel-body>div.col-sm-12 {
    float: none;
}

.login-layout .panel-body>div.col-sm-12 h2,
.id-find-layout .panel-body>div.col-sm-12 h2,
.pw-find-layout .panel-body>div.col-sm-12 h2 {
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}

.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}

.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}

.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

.login-layout label,
.id-find-layout label,
.pw-find-layout label {
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}

.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ddd;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}

.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus {
    border-color: #aaa;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    float: none;
    width: 100%;
    height: 50px;
    background: #117b4e;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}

.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover {
    background: #11ab69;
}

.login-layout form>div>p,
.id-find-layout form>div>p,
.pw-find-layout form>div>p {
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}

/* .login-layout form > div > p:nth-of-type(1){width: 40%;}
.login-layout form > div > p:nth-of-type(2){width: 43%;}
.login-layout form > div > p:nth-of-type(3){width: 17%;} */
.login-layout form>div>p+p,
.id-find-layout form>div>p+p,
.pw-find-layout form>div>p+p {
    border-left: 1px solid #ccc;
}

.login-layout form>div>p>a,
.id-find-layout form>div>p>a,
.pw-find-layout form>div>p>a {
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

@media (max-width: 768px) {

    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }

    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }

    .login-layout .panel-body>div.col-sm-12 h2,
    .id-find-layout .panel-body>div.col-sm-12 h2,
    .pw-find-layout .panel-body>div.col-sm-12 h2 {
        font-size: 24px;
    }

    .inner-box-msg p {
        font-size: 12px;
    }

    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }

    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control {
        font-size: 13px;
        height: 36px;
    }

    .login-layout form>div>p>a,
    .id-find-layout form>div>p>a,
    .pw-find-layout form>div>p>a {
        font-size: 12px;
    }

    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning {
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}

.li-dash>li,
.li-dot>li,
.li-dash>dd,
.li-dot>dd {
    padding-left: 20px;
    position: relative;
}

.li-dash>li:before,
.li-dot>li:before,
.li-dash>dd:before,
.li-dot>dd:before {
    content: "-";
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
}

.li-dot>li:before,
.li-dot>dd:before {
    content: "·";
}

* {
    word-break: keep-all;
}

.subContent ul {
    padding: 0;
}

/*nav scroll
.scroll_nav.navbar-inverse .navbar-header {width: auto; transition:all ease .3s}
.scroll_nav.navbar-inverse .navbar-brand{float: left; transition:all ease .3s}
.scroll_nav.navbar-inverse .navbar-collapse{ margin-top: 25px; transition:all ease .3s}
.scroll_nav.navbar-inverse .navbar-nav{float: left !important; transition:all ease .3s}
.scroll_nav.navbar-inverse > .container{width: 100%;padding: 0;max-width: 1170px; transition:all ease .3s}
.scroll_nav.navbar-inverse .navbar-nav{float: right !important; transition:all ease .3s}*/
/* 상단 서브 메뉴 설정 끝*/


/*slide*/
@media (width >=768px) {

    .carousel .carousel-inner .item {
        aspect-ratio: 1920/700;
        /* height: 700px !important; */
    }
}

@media (width < 768px) {

    .carousel .carousel-inner .item {
        height: 29vw !important;
        background-size: cover;
    }
}

.carousel .carousel-inner .item {
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-caption {
    padding: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.carousel-caption h2 {
    font-size: 44px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 56px;
    margin-bottom: 16px;
}

.carousel-caption p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.02em;
    opacity: 0.8;
    margin-bottom: 40px;
}

.carousel-caption a {
    display: inline-block;
    background: #85db9e;
    background-image: linear-gradient(to right, #85db9e 0%, #197567 100%);
    color: #fff;
    font-size: 16px;
    width: 240px;
    height: 56px;
    line-height: 56px;
    border-radius: 80px;
    text-decoration: none;
}

.carousel-caption a:hover,
.carousel-caption a:focus {
    background: transparent;
    border: 2px solid #fff;
    line-height: 52px;
}

.carousel-control .glyphicon {
    font-size: 75px;
    height: 89px;
    width: 75px;
    margin-top: -30px;
}











/*sub*/
.sub-layout {
    /* padding-top: 144px !important; */
    padding-top: 84px !important;
}

.subTop {
    width: 100%;
    height: 380px;
}

.edu01 .subTop {
    background: url(/skin/img/sub/subTop.png) no-repeat center / cover;
}

.subTop .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.subTop span {
    font-size: 15px;
    font-weight: 700;
    color: #999;
    letter-spacing: -0.034em;
}

.subTop h2 {
    margin: 10px 0 15px;
    font-weight: 700;
    font-size: 45px;
    color: #111;
    letter-spacing: -0.08em;
    position: relative;
    padding-bottom: 25px;
}

.subTop h2:after {
    content: "";
    width: 35px;
    height: 3px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.subTop p {
    font-size: 16px;
    letter-spacing: -0.04em;
    font-weight: 600;
}

.subTop ul {
    position: absolute;
    right: 0;
    font-weight: 600;
    color: #222;
    line-height: 1.6;
    padding: 15px 0 0;
}

.subTop ul:before {
    content: "";
    width: 20px;
    height: 3px;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}

.subTitle {
    margin-bottom: 64px;
}

.subTitle h3,
.subContent .con h3 {
    margin: 0;
    font-size: 32px;
    letter-spacing: -0.04em;
    border-left: 6px solid #e4e4e4;
    line-height: 1;
    margin-bottom: 16px;
    position: relative;
    padding-left: 16px;
}

.subTitle h3:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e4e4e4;
    display: block;
    position: absolute;
    bottom: -16px;
}

.subContent {
    padding: 80px 0 0;
}

/*edu01*/
#edu01 .col-md-4 a,
.camp_list .nav-tabs a {
    display: block;
    text-decoration: none;
    text-align: center;
    min-height: 320px;
    position: relative;
    max-width: 280px;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    transition: all ease 0.3s;
}

#edu01 .col-md-4 a dl,
.camp_list .nav-tabs a dl {
    width: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#edu01 .col-md-4 a dl dt,
.camp_list .nav-tabs a dl dt {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    margin: 0 auto 50px;
    max-width: 150px;
    min-height: 150px;
    border-radius: 50%;
    padding-top: 30px;
    color: #fff;
    margin: 0 auto 60px;
    position: relative;
}

#edu01 .col-md-4 a dl dt:after,
.camp_list .nav-tabs a dl dt:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #ddd;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

#edu01 .col-md-4 a dl dd,
.camp_list .nav-tabs a dl dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.034em;
    color: #222;
}

#edu01 .col-md-4:nth-of-type(3) a dl dt,
.camp_list_3day {
    background: #ff4040;
}

#edu01 .col-md-4:nth-of-type(2) a dl dt,
.camp_list_2day {
    background: #4458ab;
}

#edu01 .col-md-4:nth-of-type(1) a dl dt,
.camp_list_1day {
    background: #197567;
}

#edu01 .col-md-4 a:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 16px rgba(25, 117, 103, 0.24);
}

/*edu01_1*/
* {
    padding: 0;
    margin: 0;
}

.accordion_area ul {
    width: 100%;
    border: 2px solid #ccc;
    list-style: none;
}

/* .accordion_area ul li{  padding:10px 0 0 10px; 
  border-top:1px dotted #ccc; 
  margin-bottom:10px;} */

.accordion_area ul li:first-child {
    border: 0 none;
}

.accordion_area ul li a {
    line-height: 20px;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding: 15px 60px;
}

.accordion_area ul li p {
    display: block;
    overflow: hidden;
    background: rgb(248, 248, 248);
    color: rgb(34, 34, 34);
    font-weight: 600;
    padding: 20px 60px 40px;
    font-size: 15px;
    margin: 0px;
}

.edu01 .con {
    margin-bottom: 120px;
}

.edu01 .con:last-child {
    margin-bottom: 0;
}

.con h4,
.edu01 .con1 .big_text {
    font-size: 39px;
    font-weight: bold;
    letter-spacing: -0.04em;
    color: #222;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.edu01 .con2 h4:after,
.edu01 .con1 .big_text:after,
.con h4:after {
    content: "";
    width: 24px;
    height: 4px;
    background: #c8c8c8;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.edu01 .con1 .big_text+p {
    font-size: 16px;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #444;
    line-height: 32px;
}

.program_table_area .table tr th {
    vertical-align: middle;
    background: #e8e8e8;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    border-bottom: 1px dashed #ffffff;
}

.program_table_area .table tr td ul {
    margin: 0;
}

.program_table_area .table tr td li {
    line-height: 32px;
}

.program_table_area .table tr td {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.08em;
    color: #222;
    padding: 24px 32px;
    border-bottom: 1px dashed #d4d4d4;
}

.edu01_1_con3_area {
    overflow: hidden;
    width: 100%;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(120, 120, 120, 0.4);
}

.edu01_1_con3_area>p {
    float: left;
    font-size: 38px;
    width: 20%;
    font-weight: 700;
    text-align: center;
    color: #222;
    line-height: 1;
    margin-top: 45px;
}

.edu01_1_con3_area_inner {
    float: left;
    width: 80%;
}

.edu01_1_con3_area_inner th {
    font-size: 18px;
    letter-spacing: -0.08em;
    font-weight: 700;
    color: #222;
    border-right: 1px solid #ddd;
}

.edu01_1_con3_area_inner table>tbody>tr>td {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.08em;
    color: red;
    line-height: 1.5;
    padding-left: 20px;
}

.edu01_1_con3_area_inner td span {
    display: block;
    font-size: 13px;
    color: #999;
    font-weight: 600;
}

.edu01_1_con3_area_inner table {
    margin: 0;
}

.edu01_1_con3_area_inner table>tbody>tr:last-child>td {
    color: #222;
}

.con h4 small {
    display: block;
    font-size: 14px;
    letter-spacing: -0.04em;
    font-weight: 600;
    margin-top: 5px;
    color: #999;
}

.activity_ineer {
    padding: 20px 15px;
    border: 1px solid #ddd;
    margin-bottom: 32px;
    background: #fff;
    border-radius: 10px;
}

.activity_ineer dt {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
    /* margin-bottom: 14px; */
    padding-bottom: 15px;
}

.activity_ineer dt:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #ccc;
    display: block;
    margin-top: 15px;
}

.activity_ineer dd {
    letter-spacing: -0.07em;
    font-size: 15px;
}

.edu01 .con15,
.edu01 .con4 {
    position: relative;
    margin-top: 120px;
}

.edu01 .con15:before,
.edu01 .con4:before {
    content: "";
    position: absolute;
    background: #f8f8f8;
    width: 100%;
    height: 1350px;
    left: 0;
    top: 40px;
}

.edu01 .con4:before {
    height: 720px;
}

.activity_area {
    padding-top: 50px;
}

.activity02 .col-md-3:first-child {
    margin-left: 12.5%;
}

.edu01 .con4 h4 {
    color: #245a4c;
}

.edu01 .con4 h4 small {
    color: #245a4c;
}

.edu01_1_con7 dl dt {
    text-align: center;
    font-size: 18px;
    color: #222;
    padding-bottom: 7px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
    letter-spacing: -0.04em;
}

.edu01_1_con7 dl dd {
    text-align: left;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.6;
}

.edu01 .con7 {
    position: relative;
}

.edu01 .con7:before {
    content: "";
    width: 100%;
    height: 460px;
    position: absolute;
    background: #b5f9d7;
    top: 40px;
}

.edu01 .con7 h3 {
    margin-bottom: 40px;
}

.edu01_1_con7 img {
    box-shadow: 1px 1px 14px rgba(120, 120, 120, 0.3);
}

.edu01 .con7 dl {
    padding: 20px;
    background: #fff;
    box-shadow: 1px 1px 13px rgba(120, 120, 120, 0.3);
}

.edu01#edu02 .con7 dl,
.edu01#edu03 .con7 dl,
.edu01#edu01_1 .con7 dl {
    min-height: 210px;
}

.edu01 .con6 p {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    margin: 0 auto 50px;
    max-width: 150px;
    min-height: 150px;
    border-radius: 50%;
    padding-top: 30px;
    color: #fff;
    margin: 0 auto 45px;
    position: relative;
    background: #ff4040;
    text-align: center;
}

.edu01 .con8 h3 {
    margin-bottom: 20px;
}

.review_area {
    background: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 40px 70px;
    margin-bottom: 30px;
    height: auto;
}

.review_area:last-child {
    margin-bottom: 0;
}

.review_area .col-md-3,
#review .review_area .col-md-4 {
    border-right: 1px solid #ddd;
    padding-bottom: 10px;
}

.review_area .col-md-3 img,
#review .review_area .col-md-4 img {
    float: left;
    width: 55px;
    margin-right: 15px;
}

.review_area .name_area {
    float: left;
}

.review_area .name_area p {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 25px;
}

.review_area .name_area img {
    width: 110px;
}

.review_area .col-md-8 p,
.review_area .col-md-9 p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    padding-left: 30px;
    color: #000;
}

.review_area .col-md-1 p {
    font-weight: 600;
    color: #111;
    background: #ddd;
    text-align: center;
    border-radius: 5px;
    display: none;
}

.edu01 .con10 {
    margin-bottom: 120px !important;
}

.edu01 .con10 dl:first-child,
.maincon6 dl {
    margin-bottom: 40px;
}

.edu01 .con10 dl,
.maincon6 dl {
    text-align: left;
    min-width: 325px;
    display: inline-block;
}

.edu01 .con10 .col-md-6,
.maincon6 .col-md-6 {
    text-align: center;
}

.edu01 .con10 dl dt,
.maincon6 dl dt {
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #111;
    display: inline-block;
    border-bottom: 2px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 15px;
}

.edu01 .con10 dl dd,
.maincon6 dl dd {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.034em;
}

.edu01 .con11 {
    position: relative;
}

.edu01 .con11:before {
    content: "";
    position: absolute;
    background: #ffffd2;
    padding: 20px;
    width: 100%;
    height: 450px;
    left: 0;
    top: 40px;
}

.notice_area {
    padding: 45px 0 0;
    text-align: center;
}

.notice_area ul {
    padding-left: 60px;
    text-align: center;
    display: inline-block;
    padding: 0;
}

.notice_area ul li {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
    line-height: 1.5;
    position: relative;
    padding-left: 38px;
    text-align: left;
}

.notice_area ul li:before {
    content: "\f00c";
    font-family: "fontawesome";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #5c9e9e;
    color: #fff;
    padding: 1px 5.3px;
    border-radius: 50%;
}

.edu01 .con12 .table tbody {
    text-align: center;
}

.edu01 .con12 .table tbody tr th,
.edu01 .con12 .table tbody tr td {
    font-size: 16px;
    text-align: center;
    color: #222;
    border: 1px solid #ddd;
    padding: 16px;
}

.edu01_2.edu01 .con6 p {
    background: #4458ab;
}

.edu01_3.edu01 .con6 p {
    background: #197567;
}

.edu01.edu02 .subTop {
    background: url(/skin/img/sub/subTop02.png) no-repeat center / cover;
}

.edu01 .activity_ineer {
    position: relative;
    padding: 20px 15px 40px;
}

.edu01 .activity_ineer a {
    display: block;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 17px;
    letter-spacing: -0.04em;
    text-decoration: none;
}

.edu01 .activity_ineer a i {
    margin-right: 10px;
}

.edu01 .activity_ineer a:hover {
    background: #61a69e;
}

.edu01 .con5_progress tbody tr th {
    text-align: center;
    vertical-align: middle;
    background: #40857d;
    color: #fff;
    font-size: 16px;
    padding: 22px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    font-weight: 500;
    border: 1px solid #555;
}

.edu01.edu02 .con5_progress tbody tr td {
    padding: 20px;
    border: 1px solid #ddd;
}

.edu01.edu02 .con5_progress tbody tr td dl {
    margin: 0;
}

.edu01.edu02 .con5_progress tbody tr td dl dt {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #111;
    margin-bottom: 3px;
    padding-left: 20px;
}

.edu01.edu02 .con5_progress tbody tr td dl dt:before {
    content: "\f058";
    font-family: "fontawesome";
    display: block;
    background: #fff;
    position: absolute;
    color: #ccc;
    left: 0;
    top: 0;
}

.edu01.edu02 .con5_progress tbody tr td dl dd {
    font-size: 14px;
    color: #222;
    letter-spacing: -0.034em;
    font-weight: 500;
    margin-bottom: 3px;
}

.edu01.edu03 .subTop {
    background: url(/skin/img/sub/subTop03.png) no-repeat center / cover;
    border-bottom: 1px solid #ddd;
}

.edu01.edu04 .subTop {
    background: url(/skin/img/sub/subTop04.png) no-repeat center / cover;
    border-bottom: 1px solid #ddd;
}

.edu01.edu04 .activity_ineer,
.edu01.edu05 .activity_ineer,
.edu01.edu06 .activity_ineer {
    padding: 20px 15px 20px;
    min-height: 375px;
}

.edu01.edu04 .con5 h4.edu01.edu05 .con5 h4,
.edu01.edu06 .con5 h4 {
    margin-bottom: 0;
}

.edu01.edu04 .con5 p,
.edu01.edu05 .con5 p,
.edu01.edu06 .con5 p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.08em;
    margin-bottom: 60px;
}

.edu01.edu05 .subTop {
    background: url(/skin/img/sub/subTop05.png) no-repeat center / cover;
    border-bottom: 1px solid #e8e8e8;
}

.edu01.edu06 .subTop {
    background: url(/skin/img/sub/subTop03.png) no-repeat center / cover;
    border-bottom: 1px solid #ddd;
}

.edu01.edu07 .subTop {
    background: url(/skin/img/sub/subTop07.png) no-repeat center / cover;
    border-bottom: 1px solid #ddd;
}

.edu01.edu06 .con2 {
    margin-bottom: 120px;
}

.edu01.edu06 .con4 {
    margin-bottom: 160px;
    margin-top: 0;
}

.edu01.edu06 .con4:before {
    height: 405px;
}

/*program*/
.edu01.program .subTop {
    background: url(/skin/img/sub/subTop08.jpg) no-repeat center / cover;
    position: relative;
}

.program .subTop .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.program .subTop .container h2 {
    margin: 0;
    padding-bottom: 15px;
}

.program .subTop .container p {
    color: #378381;
    margin-bottom: 15px;
}

.edu01.program .con h4 {
    padding-bottom: 0;
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 600;
    line-height: 1.6;
}

.edu01.program .con {
    margin-bottom: 120px;
    /* margin: 0; */
}

.edu01.program .con:last-child {
    margin-bottom: 0;
}

.program .subTop .container h2:after {
    content: "";
    display: none;
}

.program .con13 p {
    padding: 37px 29px 22px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    margin-bottom: 60px;
    background: #f8f8f8;
    position: relative;
    font-weight: 500;
    letter-spacing: -0.08em;
    font-size: 15px;
    min-height: 125px;
}

.program .con13 p::before {
    display: none;
}

.program .con13 p:before {
    content: "\f00c";
    font-family: "fontawesome";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 45px;
    padding: 12px 0px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.program .con14 p {
    padding-left: 15px;
    /* text-align: center; */
    font-size: 16px;
    letter-spacing: -0.08em;
    font-weight: 500;
    background: #f8f8f8;
    padding: 10px 0 10px 40px;
    position: relative;
}

.program .con14 p:before {
    content: "\f058";
    font-family: "fontawesome";
    display: block;
    /* background: #fff; */
    position: absolute;
    color: #40857d;
    font-size: 20px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.program .con h5 {
    font-size: 28px;
    letter-spacing: -0.08em;
    font-weight: 700;
    color: #222;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-align: center;
}

.program_subtitle_p {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.08em;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.program_subtitle_p:before {
    content: "";
    width: 250px;
    background: #888;
    position: absolute;
    display: block;
    height: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
}

.program_check_p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.08em;
    margin-bottom: 20px;
}

.step_area {
    overflow: hidden;
    padding: 20px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.step_left {
    float: left;
    padding-right: 20px;
    border-right: 1px solid #ddd;
    width: 25%;
}

.step_left p {
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.08em;
}

.step_right {
    float: left;
    padding-left: 20px;
    width: 75%;
}

.step_right p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.08em;
    line-height: 1.6;
    margin-top: 23px;
}

.program_check_p i {
    color: #fff;
    background: #60a59e;
    padding: 5px;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 10px;
    margin-top: 0px;
    display: inline-block;
}

.program .con15 {
    position: relative;
}

.program .con15:before {
    content: "";
    position: absolute;
    background: #ffffd2;
    padding: 20px;
    width: 100%;
    height: 280px;
    left: 0;
    top: 120px;
}

.program .con15 .program_subtitle_p,
.program .con17 .program_subtitle_p {
    margin-bottom: 50px;
}

.program_check_p+p {
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.08em;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 40px;
}

.program .con17 {
    position: relative;
}

.program .con17:before {
    content: "";
    position: absolute;
    background: #ecfec9;
    padding: 20px;
    width: 100%;
    height: 570px;
    left: 0;
    top: 120px;
}

.program .con17 .step_right p {
    margin-top: 43px;
}

.program .con17 ul {
    margin-top: 30px;
}

.program .con17 ul li {
    font-size: 15px;
    letter-spacing: -0.08em;
    color: #222;
    font-weight: 500;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

.program .con17 ul li span {
    position: absolute;
    display: block;
    background: #fff;
    width: 30px;
    text-align: center;
    padding: 4.5px 0;
    border-radius: 50%;
    left: 0;
    top: -5px;
}

.program .con20 .program_check_p,
.program02 .con17 .program_check_p,
.program03 .con17 .program_check_p,
.program04 .con17 .program_check_p {
    margin: 0;
}

.program .program_check_p+.program_check_p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.program .con20 ul {
    margin-top: 40px;
}

.program .con20 ul li {
    font-size: 14px;
    letter-spacing: -0.1em;
    font-weight: 500;
    padding-top: 5px;
    border-top: 1px solid #60a59e;
    margin-bottom: 15px;
    color: #222;
}

.program .con .col-md-6 img {
    margin-bottom: 20px;
}

.program02 .step_right p {
    margin-top: 30px;
}

.program02 .con17 .program_check_p+.program_check_p {
    margin-bottom: 40px;
}

.program02 .con17:before {
    height: 670px;
}

.program02 .con20 .program_subtitle_p:before {
    width: 450px;
}

.program03 .program_subtitle_p:before {
    width: 300px;
}

.program03 .con20 .program_subtitle_p:before {
    width: 420px;
}

.program03 .con17 .program_subtitle_p {
    margin-bottom: 30px;
}

.program.program04 .con17:before,
.program.program05 .con17:before,
.program.program06 .con17:before {
    height: 700px;
}

.program.program03 .con17:before {
    top: 104px;
    height: 635px;
}

.program04 .con15 .program_subtitle_p:before {
    width: 180px;
}

.program04 .con17 .program_subtitle_p:before {
    width: 310px;
}

.program04 .con20 .program_subtitle_p:before {
    width: 435px;
}

.program05 .con15 .program_subtitle_p:before {
    width: 200px;
}

.program05 .con17 .program_subtitle_p:before {
    width: 220px;
}

.program05 .con20 .program_subtitle_p:before {
    width: 450px;
}

.program06 .step_right p {
    margin-top: 30px;
}

.program06 .con15 .program_subtitle_p:before {
    width: 200px;
}

.program06 .con17 .program_subtitle_p:before {
    width: 320px;
}

.program06 .con20 .program_subtitle_p:before {
    width: 500px;
}

.program06 .con17 .program_subtitle_p+p,
.program07 .con17 .program_subtitle_p+p {
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.08em;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 40px;
}

.program06 .con17 .program_subtitle_p,
.program07 .con17 .program_subtitle_p {
    margin-bottom: 50px;
}

.program06.program .con15:before {
    height: 240px;
}

.program07 .con17:before {
    height: 680px;
}

.program07 .con15 .program_subtitle_p:before {
    width: 425px;
}

.program07 .con17 .program_subtitle_p:before {
    width: 420px;
}

.program07 .con19 .program_subtitle_p:before {
    width: 315px;
}

.program07 .con20 .program_subtitle_p {
    font-size: 25px;
}

.program07 .con20 .program_subtitle_p:before {
    width: 600px;
}

/*준바중*/
.maintenance {
    margin-top: 5px;
    border: 7px solid #e5e5e5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
    margin-bottom: 10px;
}

.maintenance .big-cont {
    display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}

/*profile*/
.profile .subTop {
    width: 100%;
    height: 320px;
    background: url(/skin/img/sub/subTop09.png) no-repeat center / cover;
    text-align: center;
}

.profile.youth_camp .subTop {
    text-align: left;
    height: 380px;
}

.profile .subTop h2:after {
    left: 50%;
    transform: translateX(-50%);
}

.profile.youth_camp .subTop h2:after {
    left: 0;
    transform: translateX(0);
}

.profile .profile_area {
    padding: 40px 32px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    min-height: 390px;
}

.profile_name {
    margin-bottom: 24px;
}

.profile .profile_area .profile_name span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.08em;
    color: #222;
    display: block;
}

.profile .profile_area .profile_name p {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.06em;
    color: #000;
}

.profile .profile_area .profile_name p small {
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    margin-left: 20px;
}

.profile .profile_area .profile_name p:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    background: #ddd;
}

.profile_data p {
    position: relative;
    font-size: 15px;
    letter-spacing: -0.08em;
    color: #000;
}

.profile_data .row div:nth-of-type(2) dl {
    border-right: 1px solid #ddd;
    margin-bottom: 0;
}

.profile_data .row div:nth-of-type(3) dl {
    padding-left: 10px;
}

.profile_data dl dt {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
    position: relative;
}

.profile_data dl dd {
    font-size: 14px;
    letter-spacing: -0.08em;
    color: #000;
    margin-bottom: 3px;
}

.profile_data dl dt,
.profile_data p {
    padding-left: 10px;
}

.profile_data dl dt:before,
.profile_data p:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #000;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.profile_data dl dd {
    padding-left: 10px;
}

/*company*/
.company .con {
    margin-bottom: 120px;
}

.company .con:last-child {
    margin-bottom: 0;
}

.company .subTop,
.camp_mail .subTop {
    width: 100%;
    height: 320px;
    background: url(/skin/img/sub/subTop09.png) no-repeat center / cover;
    text-align: center;
}

.company .subTop h2:after,
.camp_mail .subTop h2:after {
    left: 50%;
    transform: translateX(-50%);
}

.company .subContent .con h3 {
    margin: 0;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 16px 40px;
    display: inline-block;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    background: #fff;
}

.company .subContent .con .comapny_title {
    position: relative;
    margin-bottom: 40px;
}

.company .subContent .con1 .comapny_title {
    margin-bottom: 0;
}

.company .subContent .con .comapny_title:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.company_bg {
    padding: 30px 0;
    text-align: center;
}

.company01_con1_inner {
    overflow: hidden;
    text-align: center;
    display: inline-block;
    margin-bottom: 40px;
    padding: 10px;
}

.company01_con1_inner img {
    float: left;
    border-radius: 50%;
    max-width: 200px;
    margin: 0 20px;
    box-shadow: 1px 1px 7px rgba(190, 190, 190, 0.4);
}

.company_bg dl {
    clear: both;
}

.company_bg dl dt {
    font-size: 15px;
    color: #000;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}

.company_bg dl dd {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1.6;
}

.company .con2 .greeting {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.08em;
    color: #000;
    line-height: 1.4;
}

.company .con2 .greeting:after {
    content: "";
    width: 45px;
    height: 3px;
    background: #ccc;
    margin-bottom: 15px;
    display: block;
    margin-top: 15px;
}

.company .con2 p {
    font-size: 15px;
    letter-spacing: -0.05em;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #000;
}

.company .con2 p span {
    font-weight: 700;
    color: #388282;
    letter-spacing: -0.08em;
}

.company .maincon2_inner {
    min-height: 280px;
}

.company .con4 .clearfix {
    margin: 20px 0;
}

.company .maincon2_inner+a {
    text-align: center;
    display: block;
    background: #333;
    color: #fff;
    padding: 10px 0;
    font-weight: 600;
    text-decoration: none;
    transition: all ease 0.3s;
}

.company .maincon2_inner+a:hover {
    background: #378381;
}

.company .con4 .company_con4_inner .col-md-3:nth-of-type(1) {
    margin-left: 12.5%;
}

.company .con4 .company_con4_inner {
    background: #44a372;
    padding: 60px 0;
    position: relative;
}

.company_con4_inner:before {
    content: "";
    width: 150px;
    height: 215px;
    position: absolute;
    display: block;
    left: 19%;
    top: 8%;
    background: url(/skin/img/main/maincon2_bg2.png) no-repeat center / cover;
}

.company_con4_inner:after {
    content: "";
    width: 315px;
    height: 258px;
    position: absolute;
    display: block;
    right: 8%;
    bottom: 0;
    background: url(/skin/img/main/maincon2_bg1.png) no-repeat center / cover;
}

.company_con4_inner .col-md-3:last-child {
    z-index: 1;
}

.company .con5 h4 {
    font-size: 24px;
    position: relative;
    text-align: left;
}

.company .con5 h4:after {
    content: "";
    width: 32px;
    height: 4px;
    background: #222;
    display: block;
    position: absolute;
    left: 0;
    right: auto;
    bottom: -20px;
    transform: none;
}

/* .company .con5 .year{font-size: 24px;font-weight: 700;color: #999;margin-bottom: 10px;} */
.company .con5 .year {
    font-size: 39px;
    font-weight: 700;
    color: #388282;
    margin-top: 30px;
    margin-bottom: 0;
    margin-right: 40px;
    margin-left: 0px;
    text-align: right;
}

.company .con5 .col-md-offset-6 .year {
    text-align: left;
    margin-left: 40px;
    margin-right: 00px;
}

.company_con5_inner_left {
    text-align: right;
    /* box-shadow: 2px 2px 8px rgba(0,0,0,0.2); */
    /* padding: 40px; */
    padding: 20px 0;
    margin-right: 40px;
    /* border-radius: 8px;background: #f8f8f8; */
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px dashed #ddd;
    background: none;
}

.company .company_con5_inner_left h4 {
    text-align: right;
}

.company .con5 .company_con5_inner_left h4:after {
    right: 0;
    left: auto;
}

.company_con5_inner_right {
    text-align: left;
    /* box-shadow: 2px 2px 8px rgba(0,0,0,0.2); */
    padding: 20px 0;
    margin-left: 40px;
    /* border-radius: 8px;background: #f8f8f8; */
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px dashed #ddd;
    background: none;
}

.company .con5 ul li,
.company .con5 dl dd {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.08em;
    font-weight: 500;
    margin-bottom: 5px;
}

.company .con5 dl dt {
    display: inline-block;
    background: #ddd;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.company_con5_inner_left ul li {
    margin-left: 125px;
}

.company_con5_inner_left dl dt {
    margin-left: 250px;
}

.company_con5_inner_left dl dd {
    margin-left: 250px;
}

.company .con5 .company_con5_inner_right dl dd {
    display: block;
}

.company .con6 dl {
    width: 180px;
    height: 180px;
    background: #eaeaea;
    padding: 50px 24px;
    text-align: center;
    border-radius: 100%;
}

.company .con6 dl dd {
    letter-spacing: -0.08em;
    font-weight: 600;
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 5px;
    padding-bottom: 4px;
    font-size: 18px;
}

.company .con6 dl dt {
    font-size: 30px;
    letter-spacing: -0.08em;
}

.company .con6 p {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 40px;
    color: #2d6146;
    text-align: center;
    margin-bottom: 32px;
}

.company .con7 .company_bg02 {
    background: #ffffd2;
    padding: 60px 0;
}

.company .con7 dl dt {
    width: 140px;
    font-size: 15px;
    color: #000;
}

.company .con7 dl dd {
    font-size: 15px;
    letter-spacing: -0.08em;
    font-weight: 500;
    margin-bottom: 5px;
}

.company .subContent .con7 .comapny_title {
    margin-bottom: 0;
}

#review .subTop,
#media .subTop,
#edu .subTop,
#satisfaction .subTop,
#edu .subTop {
    width: 100%;
    height: 320px;
    background: url(/skin/img/sub/subTop09.png) no-repeat center / cover;
    text-align: center;
}

#review .subTop h2:after,
#edu .subTop h2:after,
#satisfaction .subTop h2:after {
    left: 50%;
    transform: translateX(-50%);
}

/*bbs*/
.dh-board .table>thead>tr>th,
.dh-board .table>tbody>tr>th,
.dh-board .table>tfoot>tr>th,
.dh-board .table>thead>tr>td,
.dh-board .table>tbody>tr>td,
.dh-board .table>tfoot>tr>td {
    padding: 16px 20px;
    color: #666;
    font-size: 14px;
}

.dh-board .table>thead>tr>th {
    background: #f8f8f8;
    vertical-align: middle;
    border-bottom: 1px dotted #bdbdbd;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.03em;
}

.dh-board .table>tbody>tr>td {
    border-bottom: 1px dotted #dedede;
}

.dh-board .table>tbody>tr>td>strong>a {
    color: #555;
}

.dh-board>.table-hover {
    border-top: 2px solid #2d2d2d;
    border-bottom: 1px solid #ccc;
    margin: 0px 0 30px;
}

.dh-board>.table-hover>tbody>tr:hover td {
    background-color: #f9f9f9;
}

.dh-board>.table-hover>tbody>tr:hover>td>strong>a {
    color: #000;
}

.dh-margin-top {
    margin-top: 40px;
    display: inline-block;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    border: none;
    background-color: #fff;
    width: 25%;
    margin: 0 0 20px;
    padding: 0 10px;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b>div {
    margin: 0;
    padding: 0;
    border: 1px solid #e5e5e5;
}

.dhb-txt-box-type-b-img-layout {
    padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
    border: none;
    min-height: 200px;
    max-height: 200px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dhb-txt-box-type-b-text-layout h4 {
    font-size: 14px;
    margin: 15px 0;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
    margin-top: 0;
    float: none;
    text-align: left;
    display: none;
}

.txt-box-footer em {
    display: none;
}

.txt-box-footer em>span.regdate {
    font-style: normal;
    color: #666;
    font-size: 13px;
}

.txt-box-footer em>span:last-child {
    display: none;
}

.txt-box-footer small.hits {
    display: none;
}

@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {
        width: 100%;
        margin: 10px 0 20px;
    }
}

.label {
    background: rgba(0, 0, 0, 0);
    padding: 0 5px;
    font-size: 90%;
}

.label-danger {
    color: #d83d0f;
}

.label-primary {
    color: #d83d0f;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #d83d0f;
    border: 1px solid #d83d0f !important;
}

.pagination>li>a,
.pagination>li>span {
    color: #9d8478;
    border: 1px solid #fff !important;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #9d8478;
}

.dh-margin-top form#insertForm {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 0 0;
}

.text-bbs7 #review .dh-board {
    position: relative;
}

.text-bbs7 #review .dh-margin-top>.col-md-5 {
    width: 100%;
}

.text-bbs7 #review .dh-margin-top form#insertForm {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: none;
    display: flex;
    flex-direction: row-reverse;
}

.text-bbs7 #review .dh-margin-top form#insertForm>div {
    width: 100%;
}

.btnRead {
    font-weight: 500;
}

.btn-default,
.btn-primary,
.btn-danger {
    background-image: none;
}

.btn-group,
.btn-group-vertical {
    margin: 10px 0 30px;
}

.dh-view-box {
    margin-top: 0px;
}

.sns-box {
    display: none;
}

.dh-view-box>.row>.page-header {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    margin: 0;
}

.dh-view-box>.row>.page-header>h4 {
    color: #333;
    font-size: 23px;
    margin: 14px 0;
}

.dh-view-box>.row>.dh-view-info {
    border-bottom: 1px solid #ccc;
    background: rgba(0, 0, 0, 0);
    padding: 8px 20px 8px;
    color: #888;
}

.dh-view-box>.row>.dh-view-info>span {
    padding: 0 15px 0 0;
}

.dh-view-box>.row>.dh-view-info>span:nth-child(2) {
    display: none;
}

.is_admin .dh-view-box>.row>.dh-view-info>span:nth-child(2) {
    display: inline;
}

.dh-view-box>.row>.dh-view-info>span>strong {
    color: #555;
    padding: 0 5px 0 0;
}

.dh-view-box .dh-attach h6 {
    margin: 0 0 0;
    padding: 5px 5px 0;
}

.dh-view-box>.row:nth-child(2)>div:nth-child(3) {
    padding: 30px 20px 60px !important;
    min-height: 100px;
}

.dh-board #btnNew,
.pagination>.active>a {
    background: #197567;
    border: 1px solid #197567 !important;
}



/* join page */
.join-layout .subContent {
    padding: 40px 0 0;
}

.join-layout>.row,
.join-view-layout>.row {
    margin: 30px auto 80px;
    width: 1200px;
    max-width: 100%;
    padding: 30px;
    background: #fff;
}

.join-layout .jumbotron {
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0 0 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.join-layout .jumbotron h1 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #333;
    margin: 0;
    display: inline-block;
}

.join-layout .jumbotron p {
    display: none;
}

.join-agree-area .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}

.join-agree-area .panel .row {
    padding: 0 !important;
}

.join-agree-area .form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    background: #f3f3f3;
    padding: 10px 15px;
    font-size: 13px;
}

.join-agree-area .panel-footer {
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 20px 0 0;
}

.join-agree-area .panel-footer .btn-default {
    background: #5fa49e;
    border: 1px solid #5fa49e;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
    color: #fff;
}

.join-agree-area .panel-footer .btn-default:hover {
    border-color: #7dd29e;
    background: #7dd29e;
}

.join-layout .form-horizontal .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.join-layout .form-horizontal .panel-heading {
    font-weight: 500;
    padding: 0;
    letter-spacing: -0.02em;
    color: #333;
    font-size: 18px;
    background: url(/skin/img/sub/ico-title.png) no-repeat left 2px;
    padding-left: 21px;
    margin: 0 0 15px;
    border: none;
    line-height: 1.1;
}

.join-layout .form-horizontal .panel-body {
    padding: 0;
    border-top: 1px solid #ddd;
}

.join-layout .form-horizontal .panel-body .form-group {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.join-layout .form-horizontal .form-group .control-label {
    text-align: left;
    width: 200px;
    padding: 20px 15px;
    font-size: 14px;
    background: #f3f3f3;
}

.join-layout .form-horizontal .form-group .control-label br {
    display: none;
}

.join-layout .form-horizontal .form-group .control-label .text-danger {
    color: #2a72e7;
    font-weight: 400;
}

.join-layout .form-horizontal .panel-body .form-group .col-sm-6 {
    padding: 13px 15px 0;
}

@media (min-width: 768px) {
    .join-layout .form-horizontal .panel-body .form-group .col-sm-6 {
        width: 40%;
    }
}

.join-layout .form-horizontal .panel-body .joinForm-zipcode .col-sm-3 {
    padding: 13px 15px 0;
}

.join-layout .form-horizontal .form-group .form-control {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ddd;
}

.join-layout .form-horizontal .joinForm-addr .control-label {
    padding: 40px 15px;
}

.join-layout .form-horizontal .form-group label.error {
    font-size: 10px;
    margin: 0;
}

.join-layout .form-horizontal .panel-footer {
    border: none;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
}

.join-layout .form-horizontal .panel-footer .form-group {
    padding: 20px 0 0 !important;
    margin-bottom: 0;
}

.join-layout .form-horizontal .panel-footer .btn {
    border: 1px solid #f3f3f3;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
    background: #f3f3f3;
}

.join-layout .form-horizontal .panel-footer .btn-default:hover {
    border-color: #e3e3e3;
    background: #e3e3e3;
}

.join-layout .form-horizontal .panel-footer .btn-success {
    border: 1px solid #5fa49e;
    background: #5fa49e;
}

.join-layout .form-horizontal .panel-footer .btn-success:hover {
    background: #7dd29e;
}

@media (max-width: 767px) {
    .join-layout .jumbotron {
        font-size: 24px;
        padding-top: 23px;
    }

    .join-layout .form-horizontal .panel-body .form-group {
        padding: 15px 0;
    }

    .join-layout .form-horizontal .panel-body .joinForm-zipcode .col-sm-3 {
        padding: 0;
    }

    .join-layout .form-horizontal .form-group .control-label {
        width: auto;
        background: rgba(0, 0, 0, 0);
        padding: 0;
    }

    .join-layout .form-horizontal .panel-body .form-group .col-sm-6 {
        padding: 0;
    }
}

/*2019-05-13*/
.edu01 .subTop a,
#youth_club_all .subTop a {
    font-size: 17px;
    color: #fff;
    background: #20595a;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 30px;
    border: 2px solid #20595a;
    transition: all ease 0.3s;
}

.edu01 .subTop a:hover,
#youth_club_all .subTop a:hover {
    color: #fff;
    border: 2px solid #378180;
    background: #378180;
}

#edu01_1.edu01 .con4 {
    margin-top: 0;
}

#edu01_1.edu01 .con6 {
    margin-top: 120px;
}

.edu01 .con6 img {
    border: 1px solid #ddd;
}

.edu01#edu03 .activity_ineer {
    min-height: 400px;
}

.program .con13 p span {
    margin-top: 10px;
    display: block;
}

.program.program07 .con13 p {
    padding: 37px 20px 22px;
}

.profile .tab_area ul {
    overflow: hidden;
}

.profile .tab_area ul li {
    float: left;
    width: calc(100% / 7);
}

.text-bbs6 .form-group.filter-items a,
.text-bbs9 .form-group.filter-items a {
    width: calc(100% / 5);
    display: inline-block;
}

.profile .tab_area ul li a,
.text-bbs6 .form-group.filter-items a .filter-label,
.text-bbs9 .form-group.filter-items a .filter-label {
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    border: 1px solid #ddd;
    margin-right: 10px;
    transition: all ease 0.3s;
    text-decoration: none;
}

.text-bbs6 .form-group.filter-items a,
.text-bbs9 .form-group.filter-items a {
    display: inline-block;
}

.profile .tab_area ul li:nth-of-type(7) a,
.text-bbs6 .form-group.filter-items a:nth-of-type(5) .filter-label,
.text-bbs9 .form-group.filter-items a:nth-of-type(5) .filter-label {
    margin: 0;
}

.profile .tab_area ul li.active a,
.text-bbs6 .form-group.filter-items a.on .filter-label,
.text-bbs9 .form-group.filter-items a.on .filter-label {
    background: #388281;
    border-color: #388281;
    color: #fff !important;
}

.profile .tab_area ul li a:hover,
.text-bbs6 .form-group.filter-items a:hover .filter-label,
.text-bbs9 .form-group.filter-items a:hover .filter-label {
    border-color: #388281;
    color: #388281;
}

.text-bbs6 .review_area p {
    margin-bottom: 5px;
}

.text-bbs6 .review_area .clearfix {
    margin: 10px 0;
}

.text-bbs6 .review_area .col-md-12 p {
    font-size: 16px;
    padding-left: 20px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-bbs6 .review_area .col-md-3,
#review .review_area .col-md-4 {
    border-right: none;
}

.profile .tab_area ul li:last-child a {
    display: none;
}

#company01 .con3 .company01_con3_inner {
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(190, 190, 190, 0.4);
    text-align: center;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    border: 1px solid #ddd;
}

#company01 .con3 .company01_con3_inner img {
    width: 130px;
    padding-top: 30px;
}

#company01 .con3 .company01_con3_inner p {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

#company01 .con3 .company01_con3_inner p span {
    display: block;
    font-size: 12px;
    color: #999;
}

#company01 .con3 .col-md-3>p {
    font-size: 14px;
    letter-spacing: -0.034em;
    /* text-align: center; */
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    position: relative;
}

#company01 .con3 .col-md-3>p:before {
    content: "";
    width: 1px;
    height: 50px;
    display: block;
    background: #63aa9e;
    margin: 0 auto 20px;
}

#company01 .con3 .col-md-3>p span {
    /*  border: 1px solid rgb(99, 170, 158); */
    display: block;
    padding: 20px 15px;
    border-radius: 10px;
    box-shadow: 1px 1px 7px rgba(99, 170, 158, 0.5);
    min-height: 150px;
}

@media (min-width: 768px) {
    #company01 .con3 .clearfix+.col-md-3 {
        margin-left: 12.5%;
    }
}

#company01 .con3 .clearfix {
    margin: 40px 0;
}

.maincon5 .col-md-3 a {
    transition: all ease 0.3s;
    display: block;
    transform: translateY(0);
}

.maincon5 .col-md-3 a:hover {
    transform: translateY(-7px);
}

/*2019-05-20*/
.main-business .maincon2_inner {
    min-height: 220px;
}

.activity01 {
    margin-top: 40px;
}

#edu01_1.edu04 .con4,
#edu01_1.edu05 .con4,
#edu01_1.edu07 .con4 {
    margin-top: 120px;
}

.edu01.edu04 .con4 h4,
.edu01.edu05 .con4 h4,
.edu01.edu06 .con4 h4 {
    color: #222;
}

/*serch_box*/

#search_content_area>.con,
.youth_camp #search_content_area>.row>.con {
    display: none;
}

#search_content_area>.con.show {
    display: block;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInUp;
}

.search_area input {
    float: left;
    width: 83%;
    border-radius: 0;
}

.search_area button {
    float: right;
    border-radius: 0;
    background: #388281;
    border-color: #388281;
    margin-bottom: 10px;
}

.search_box_inner {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    height: 350px;
    background: #f8f8f8;
}

.search_box_inner p {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.search_box {
    display: none;
}

.search_num {
    font-weight: 500;
    clear: both;
    margin-bottom: 10px;
}

/*mail*/
.main-form div>p {
    display: inline-block;
    width: 140px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.034em;
    color: #222;
}

.main-form div>p>i {
    color: #518583;
    margin-right: 5px;
}

.main-form .form-control {
    display: inline-block;
    width: calc(100% - 150px);
    box-shadow: none;
    border-radius: 3px;
    border-color: #e0e0e0;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}

.main-form .col-sm-12 #text_area {
    height: 250px;
    float: left;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 0;
}

.main-form>div {
    padding-bottom: 20px;
}

.main-form>div.table-responsive {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto 60px;
}

.main-form .form-control:focus,
.main-form select:focus {
    border-color: rgba(99, 170, 158, 1);
}

.agree-box {
    text-align: center;
}

.agree-box a {
    display: inline-block;
    /* margin-right: 10px; */
    color: rgba(99, 170, 158, 1);
    text-decoration: underline;
    font-size: 15px;
}

.main-form .agree-btn {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
    width: 180px;
    height: 50px;
    font-size: 16px;
    letter-spacing: -0.03em;
    border-radius: 0;
    border: none;
    background: rgba(99, 170, 158, 1);
    transition: all ease 0.3s;
}

.agree-modal-inner p,
.agree-modal-inner li {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

.agree-modal-inner h5 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}

.agree-modal-inner h3 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#agree-modal .modal-body {
    padding: 0 15px 60px;
}

.body-layout {
    padding-right: 0 !important;
}

.main-form .col-sm-12 #text_area::placeholder {
    font-size: 21px;
}

.main-form div>.txetarea_area+p {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #d00000;
    text-align: right;
}

/*2019-05-28*/
.text-bbs6 .subTitle {
    margin-bottom: 20px;
}

#review .owl-carousel .owl-item img {
    width: 55px;
}

#review .owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 4px 10px;
    transform: translateY(-50%);
}

#review .owl-carousel .owl-nav .owl-next {
    right: 0;
    left: auto;
}

@media (min-width: 768px) {
    #company01 .con2 .col-md-8 {
        padding-left: 60px;
    }
}

#company01 .con3 .company01_con3_inner.inner_height+p span {
    min-height: 195px;
}

.profile .con {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px dashed #ddd;
}

.profile .con:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.join-layout .form-horizontal .panel-body .form-group.joinForm-receive-email .col-sm-6.form-control-static {
    width: 5%;
}

.join-layout .form-horizontal .panel-body .form-group.joinForm-receive-email {
    overflow: hidden;
}

.join-layout .form-horizontal .panel-body .form-group.joinForm-receive-email {
    border-bottom: none;
}

#receive_email {
    margin: 12px 0 0;
}

.joinForm-tel>p {
    text-align: left;
    font-size: 13px;
    letter-spacing: -0.034em;
    background: #fff;
    padding: 3px 0;
    /* border-top: 1px solid #ddd; */
    font-weight: 400;
    /* display: inline-block; */
    color: #2a72e7;
}

/*2019-06-03*/
.maincon6 {
    padding: 60px 0;
}

.maincon6 .main_title_span {
    margin-bottom: 20px;
}

.footer_copy .text-center .col-md-6 ul li span {
    margin-right: 10px;
    line-height: 1;
    padding-right: 10px;
    display: inline-block;
    border-right: 1px solid #999;
}

.footer_copy .text-center .col-md-6 ul li span:last-child {
    border-right: none;
}

.footer_copy .text-center .col-md-3 ul li span {
    display: block;
    text-indent: 22px;
    font-size: 90%;
    margin-top: 5px;
}

#edu_request .col-md-5>div {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-bottom: 20px;
    min-height: 175px;
}

#edu_request .col-md-5>div a {
    display: block;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.034em;
    text-decoration: none;
    background: #ddd;
    padding: 20px 30px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 20px;
}

#edu_request .col-md-5>div a span {
    font-size: 20px;
    padding: 7px 12px 12px 16px;
    border-radius: 50%;
    background: #fff;
    line-height: 1;
    margin-top: 3px;
    float: right;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    transition: all ease 0.3s;
}

#edu_request .col-md-5>div p {
    font-size: 16px;
    text-align: center;
    line-height: 1.6em;
}

#edu_request .request_right p {
    padding-top: 15px;
}

#edu_request .col-md-5>div a:hover span {
    background: #3a827f;
    color: #fff;
}

#edu_request_inner .con1 .request_inner {
    max-width: 1000px;
    margin: 0 auto;
}

#edu_request_inner .con1 .request_inner .col-md-3 a {
    text-decoration: none;
    text-align: center;
    background: #eaeaea;
    display: block;
    font-size: 18px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 500;
    border: 1px solid #ddd;
    letter-spacing: -0.034em;
    transition: all ease 0.3s;
}

#edu_request_inner .con1 .request_inner .col-md-3 a:hover {
    color: #fff;
    background: #3a827f;
    border-color: #3a827f;
}

@media (min-width: 768px) {
    #edu_request_inner .con1 .request_inner .col-md-3.col-md-offset-2 {
        margin-left: 12.5%;
    }
}

/*2019-06-04*/
#edu01 .col-md-4:nth-of-type(3) a dl dd:after,
#edu01 .col-md-4:nth-of-type(2) a dl dd:after {
    content: "(통학형 / 숙박형)";
    display: block;
    font-size: 85%;
    color: #555;
    position: absolute;
    font-weight: 400;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}

.edu01_1_con3_area_inner td span.vat,
.vat02 {
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    font-size: 15px;
    line-height: 1.5;
}

/*2019-08-02*/
#edu .maincon2_inner {
    border: 1px solid #ddd;
    margin-bottom: 40px;
    min-height: 245px;
    padding: 24px 15px;
}

#edu .new_edu {
    transform: translateY(0);
    transition: all ease 0.3s;
}

#edu .new_edu:hover {
    transform: translateY(-15px);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

#edu .maincon2_inner dd {
    letter-spacing: -0.12em;
}

@media (min-width: 768px) {
    #edu .col-md-3 {
        padding: 0 5px;
    }
}

#edu .new_edu a {
    color: #333;
    text-decoration: none;
}

#edu .new_edu a .price {
    color: #d60e0e;
}

#edu .new_edu a dt small {
    font-size: 60%;
    margin-left: 8px;
}

/*2019-08-08*/
.visit_class .new_edu {
    color: #333;
}

.visit_class .new_edu a {
    display: block;
    border: 2px solid #ddd;
    color: #333;
    transition: all ease 0.3s;
    min-height: 425px;
    text-decoration: none;
    height: 100%;
}

.visit_class .new_edu a .maincon2_inner {
    min-height: auto;
}

.visit_class .new_edu a .maincon2_inner dd {
    font-size: 14px;
    letter-spacing: -0.034em;
    font-weight: 500;
    padding-left: 0;
}

.visit_class .con13 .clearfix {
    margin-bottom: 60px;
}

.visit_class .con13 .clearfix+.col-md-3 {
    margin-left: 0;
}

.visit_class .new_edu a:hover {
    border-color: #67b09e;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.edu01.visit_class .con2,
.edu01.edu03 .con2 {
    margin-bottom: 120px;
}

.program .text_red,
.edu08 .text_red {
    font-weight: 600;
    color: #d41c1c;
}

.program .text_red small,
.edu08 .text_red small {
    font-weight: 400;
    font-size: 14px;
}

.edu03 .program_table .vat02,
.edu04 .program_table .vat02,
.edu05 .program_table .vat02,
.edu06 .program_table .vat02 {
    margin-left: 5px;
    font-weight: 600;
    color: #d41c1c;
}

/*2019-08-21*/
.dh-view-box .col-xs-12 p span font {
    letter-spacing: 0.02em;
    line-height: 1.5;
}

.company_con5_inner_left.camp_2019 dl dt,
.company_con5_inner_left.camp_2019 dl dd {
    margin-left: 200px;
}

.quick_area {
    display: none;
}

.fix {
    position: fixed;
    top: 300px;
    right: 5%;
    z-index: 100;
    transition: all ease 0.6s;
}

.move {
    position: absolute;
    top: 700px;
    transition: all ease 0.6s;
    right: 5%;
    z-index: 100;
}

.Quickmenu {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.Quickmenu .online_quick {
    min-width: 120px;
}

.Quickmenu h4 {
    font-size: 16px;
    letter-spacing: -0.08em;
    background: #555;
    color: #fff;
    text-align: center;
    padding: 30px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.Quickmenu ul li a {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #333;
    letter-spacing: -0.04em;
    text-decoration: none;
    background: #fff;
}

.Quickmenu ul {
    margin: 0;
}

.Quickmenu ul li:last-child a {
    border-bottom: none;
}

.edu01.program .con13:last-child {
    margin-bottom: 60px;
}

.Quickmenu h4 small {
    color: #fff;
}

/*2019-10-16*/
#winter .con1 a {
    text-decoration: none;
}

#winter .con1 a p {
    text-align: center;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    padding: 10px;
    background: #eaeaea;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#winter .con1 a:hover p {
    color: #fff;
    background: #3a827f;
    border-color: #3a827f;
}

#winter_vacation_camp_coding .con6 {
    margin-top: 120px;
}

#winter_vacation_camp_coding .con15:before,
#winter_vacation_camp_1day .con15:before {
    display: none;
}

#winter_vacation_camp_coding .con15,
#winter_vacation_camp_1day .con15 {
    background: #f8f8f8;
    margin-top: 0;
}

#winter_vacation_camp_1day .con15.camp_step {
    background: transparent;
}

#winter_vacation_camp_1day .con15.camp_step:before {
    height: 270px;
    display: block;
    top: 320px;
}

#winter_vacation_camp_1day .con17:before {
    height: 660px;
}

#winter_vacation_camp_coding .con7:before {
    background: #d3e8ff;
}

#winter_vacation_camp_coding .edu01_1_con7 dl {
    min-height: 208px;
}

#winter_vacation_camp_coding .edu01_1_con7 dl dt {
    font-size: 17px;
}

.winter_vacation_camp .notice_area2 ul li,
.main-form .notice_area2 ul li {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: -0.034em;
    line-height: 1.5;
    color: #111;
    font-weight: 500;
}

.winter_vacation_camp .notice_area2 ul li span,
.main-form .notice_area2 ul li span {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    padding-left: 15px;
    color: #333;
    font-weight: 400;
}

.edu01 .main-form .con11,
.edu01 .main-form .con12 {
    margin-bottom: 40px;
}

.winter_vacation_camp.edu01 .con11:before,
.edu01 .main-form .con11:before {
    height: 570px;
    background: #f8f8f8;
}

.notice_area2 ul {
    margin: 35px 0;
}

#winter_vacation_camp_coding .con10 .col-md-6+.col-md-12 {
    margin-top: 30px;
}

.winter_vacation_camp .con10 .location_inner {
    margin-top: 30px;
    text-align: center;
}

.winter_vacation_camp .con10 .location_inner p {
    font-size: 20px;
    margin-bottom: 15px;
}

.winter_vacation_camp .con10 .location_inner dl dt {
    text-align: center;
    display: block;
    border-bottom: none;
    margin-bottom: 5px;
    font-size: 18px;
}

.winter_vacation_camp .con10 .location_inner ul {
    text-align: left;
    min-width: 325px;
    display: inline-block;
}

.winter_vacation_camp .con10 .location_inner dl dd,
.winter_vacation_camp .con10 .location_inner ul li {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.winter_vacation_camp .con10 .location_inner img {
    margin-bottom: 15px;
}

.winter_vacation_camp .con10 .location_inner ul+dl {
    margin-top: 20px;
}

#winter_vacation_camp_coding .coading_camp_bg a {
    display: block;
    background: #0a427d;
    text-align: center;
}

.winter_vacation_camp .con10 .location_inner h3 {
    font-size: 24px;
    text-align: left;
}

#winter_vacation_camp_coding .coading_camp_bg p {
    font-size: 28px;
    color: #fff;
    background: #e71015;
    display: inline-block;
    padding: 10px 80px;
    border-radius: 10px;
    margin: 10px 0 30px;
}

#winter_vacation_camp_1day .coading_camp_bg a {
    display: block;
    background: #1f9482;
    text-align: center;
}

#winter_vacation_camp_1day .coading_camp_bg p {
    font-size: 28px;
    color: #963;
    background: #e8f0b5;
    display: inline-block;
    padding: 10px 80px;
    border-radius: 10px;
    margin: 30px 0 30px;
}

.camp_mail .subContent .table.table-type03,
.youth_camp_inner .subContent .table.table-type03 {
    border-top: 2px solid #0068b7;
}

.camp_mail .subContent .table.table-type03 tr th,
.camp_mail .subContent .table.table-type03 tr td,
.youth_camp_inner .subContent .table.table-type03 tr td,
.youth_camp_inner .subContent .table.table-type03 tr th {
    padding: 16px 12px !important;
    border: 1px solid #dedede !important;
    letter-spacing: -0.02em;
    word-break: keep-all;
    vertical-align: middle !important;
    font-size: 16px;
}

.youth_camp_inner .subContent .table.table-type03 tr td {
    text-align: center;
}

.camp_mail .subContent .table.table-type03 tr th,
.youth_camp_inner .subContent .table.table-type03 tr th {
    color: #333;
    background: #f8f8f8;
    text-align: center;
}

.camp_mail .subContent .table.table-type03 tr td,
.youth_camp_inner .subContent .table.table-type03 tr td {
    color: #666;
}

#winter_vacation_camp_coding_mail .main-form .form-control {
    width: 250px;
}

.camp_mail .subContent .table.table-type03 tr td span {
    font-size: 13px;
    display: block;
    color: #222;
    margin-top: 5px;
}

.camp_mail .subContent .table.table-type03 tr:first-child td span {
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
}

.camp_mail .subContent .table.table-type03.camp_schedule tr:first-child td {
    padding: 5px !important;
}

.camp_mail .camp_schedule .radio {
    padding: 0;
    margin: 0;
    width: 50%;
    float: left;
    text-align: center;
}

.camp_mail .camp_schedule .radio label {
    letter-spacing: 0.034em;
    margin-bottom: 5px;
    text-align: center;
}

.camp_mail .subContent .table.table-type03 tr td strong {
    color: #333;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.camp_mail .subContent .table.table-type03 tr td p {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

#winter_vacation_camp_coding .con20 .col-md-12 {
    text-align: center;
}

#winter_vacation_camp_coding .con20 .col-md-12 a {
    display: block;
    width: 220px;
    /* height: 50px; */
    font-size: 19px;
    letter-spacing: -0.03em;
    border-radius: 0;
    border: none;
    padding: 20px;
    color: #fff;
    background: #e71015;
    transition: all ease 0.3s;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

#winter_vacation_camp_coding .con20 .col-md-12 a:hover {
    color: #fff;
    background-color: #0a427d;
    border-color: #0a427d;
}

#winter_vacation_camp_1day .con20 .col-md-12 a {
    display: block;
    width: 220px;
    /* height: 50px; */
    font-size: 19px;
    letter-spacing: -0.03em;
    border-radius: 0;
    border: none;
    padding: 20px;
    color: #963;
    background: #e8f0b5;
    transition: all ease 0.3s;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

#winter_vacation_camp_1day .con20 .col-md-12 a:hover {
    color: #333;
    background-color: #b5f9d7;
    border-color: #b5f9d7;
}

#winter_vacation_camp_coding .con21 p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

#winter_vacation_camp_coding .con21 p span.color_b {
    color: #002ccd;
    font-weight: 600;
}

#winter_vacation_camp_coding .con21 p span.bg_p {
    background: #fbd1d2;
    color: #000;
}

#winter_vacation_camp_coding .con21 p strong {
    font-weight: 500;
    color: #000;
    display: inline-block;
}

#winter_vacation_camp_coding .con21 p i {
    display: inline-block;
    margin-left: 20px;
}

#winter_vacation_camp_coding .con h5 {
    font-size: 28px;
    letter-spacing: -0.08em;
    font-weight: 700;
    color: #222;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-align: center;
}

#winter_vacation_camp_coding .con.camp_step .col-md-12 p,
#winter_vacation_camp_1day .con.camp_step .col-md-12 p {
    background: #f68484;
    padding: 10px;
    font-size: 28px;
    letter-spacing: -0.04em;
    color: #fff;
    margin-bottom: 40px;
    max-width: 900px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 60px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    max-width: 950px;
}

#winter_vacation_camp_1day .con.camp_step .col-md-12 p {
    background: rgba(99, 170, 158, 1);
}

#winter_vacation_camp_coding .con.camp_step .program_check_p {
    text-align: left;
    margin-bottom: 2px;
    position: relative;
    padding-left: 26px;
}

#winter_vacation_camp_coding .con.camp_step .program_check_p i {
    position: absolute;
    left: 0;
    top: 3px;
    background: #f56766;
}

#winter_vacation_camp_coding .con.camp_step .program_check_p+p {
    text-align: left;
    text-indent: 25px;
}

#winter_vacation_camp_coding .con.camp_step .step_area {
    max-width: 650px;
    margin: 0 auto;
}

#winter_vacation_camp_coding .con.camp_stepstep_right p {
    letter-spacing: 0.02em;
    line-height: 1.4;
}

#winter_vacation_camp_coding .con22.camp_step .step_area {
    margin-bottom: 40px;
}

#winter_vacation_camp_coding .con22.camp_step .step_area02 {
    background: #ecf3f9;
}

#winter_vacation_camp_coding .con23.camp_step .program_subtitle_p:before {
    width: 420px;
}

#winter_vacation_camp_coding .con24.camp_step .program_subtitle_p:before {
    width: 440px;
}

#winter_vacation_camp_coding .con27.camp_step .program_subtitle_p:before {
    width: 320px;
}

#winter_vacation_camp_coding .con28.camp_step .program_subtitle_p:before {
    width: 420px;
}

#winter_vacation_camp_coding .con25.camp_step .program_subtitle_p:before {
    width: 270px;
}

#winter_vacation_camp_1day .con20 .program_subtitle_p:before {
    width: 450px;
}

#winter_vacation_camp_1day .con15 .program_subtitle_p.pen_edu:before {
    width: 200px;
}

#winter_vacation_camp_1day .con17 .program_subtitle_p.pen_create:before {
    width: 230px;
}

#winter_vacation_camp_1day .con15 .program_subtitle_p.vr_edu:before {
    width: 180px;
}

#winter_vacation_camp_1day .con17 .program_subtitle_p.vr_create:before {
    width: 330px;
}

#winter_vacation_camp_1day .con19 .program_subtitle_p.vr_card:before {
    width: 330px;
}

#winter_vacation_camp_1day .con19 .program_subtitle_p.vr_job:before {
    width: 430px;
}

#winter_vacation_camp_coding .camp_step {
    position: relative;
}

#winter_vacation_camp_coding .con22.camp_step:before {
    content: "";
    width: 100%;
    height: 285px;
    background: #deefff;
    position: absolute;
    top: 300px;
}

#winter_vacation_camp_coding .con23.camp_step:before {
    content: "";
    width: 100%;
    height: 485px;
    background: #deefff;
    position: absolute;
    top: 105px;
}

#winter_vacation_camp_coding .con24.camp_step:before {
    content: "";
    width: 100%;
    height: 620px;
    background: #deefff;
    position: absolute;
    top: 285px;
}

#winter_vacation_camp_coding .con26.camp_step .step_area {
    margin-bottom: 60px;
}

#winter_vacation_camp_coding .con26.camp_step:before {
    content: "";
    width: 100%;
    height: 210px;
    background: #deefff;
    position: absolute;
    top: 475px;
}

#winter_vacation_camp_coding .con27.camp_step:before {
    content: "";
    width: 100%;
    height: 610px;
    background: #deefff;
    position: absolute;
    top: 280px;
}

#winter_vacation_camp_coding .con26.camp_step .clearfix,
#winter_vacation_camp_coding .con27.camp_step .clearfix {
    margin-bottom: 30px;
}

#winter_vacation_camp_coding .con12 {
    margin-bottom: 60px;
}

.color_R {
    color: #dc0606 !important;
}

/*2019-07-31*/
#review .subContent {
    padding: 80px 0 60px;
}

/*2019-11-26*/
.youth_camp.profile .tab_area ul li,
.profile .tab_area ul li:first-child {
    width: calc(100% / 6);
}

.youth_camp.profile .tab_area ul li:last-child a {
    display: block;
}

.youth_camp .youth_content a {
    color: #333;
    text-decoration: none;
}

.youth_camp .youth_content {
    transform: translateY(0);
    transition: all ease 0.3s;
}

.youth_camp .youth_content:hover {
    transform: translateY(-15px);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.youth_camp.profile #search_content_area .con {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.youth_camp .maincon2_inner {
    border: 1px solid #ddd;
    margin-bottom: 40px;
    min-height: 245px;
    padding: 15px;
    border-top: none;
}

.img_border.youth_content img {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 21px 0 0;
}

.youth_camp .maincon2_inner dt small {
    font-size: 70%;
    margin-left: 5px;
}

.youth_camp .maincon2_inner dd,
#youth_club_all.youth_camp .new_edu dd {
    padding: 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
}

.youth_camp .maincon2_inner li {
    font-size: 13px;
    letter-spacing: -0.12em;
    line-height: 20px;
    color: #444;
    font-weight: 600;
    margin-bottom: 4px;
    padding-left: 12px;
}

.youth_camp .maincon2_inner dt span {
    font-size: 13px;
    letter-spacing: -0.08em;
    display: inline-block;
    padding: 5px 10px;
    color: #111;
    border-radius: 5px;
    margin-bottom: 5px;
}

.youth_camp .maincon2_inner dt span.maker {
    background: #e8f9e4;
}

.youth_camp .maincon2_inner dt span.coding {
    background: #c9edf3;
}

.youth_camp .maincon2_inner dt span.start {
    background: #f0e2f9;
}

.youth_camp .maincon2_inner dt span.steam {
    background: #ffd3d3;
}

.youth_camp .youth_content a .price,
.visit_new .new_edu a .price {
    color: #d60e0e;
}

.steam_not_yet {
    position: relative;
    background: #f8f8f8;
    border: 1px solid #ddd;
    width: 100%;
    height: 300px;
}

.steam_not_yet p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    font-size: 32px;
    font-weight: 600;
    color: #888;
}

.youth_camp .subContent {
    padding: 40px 0 104px;
}

.profile.youth_camp .con {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.visit_new .new_edu a {
    display: block;
    border: 2px solid #ddd;
    color: #333;
    transition: all ease 0.3s;
    min-height: 471px;
    text-decoration: none;
    height: 100%;
    margin-bottom: 40px;
    padding: 20px 0 0 0;
}

.visit_new .new_edu a:hover {
    border-color: #67b09e;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.visit_new .new_edu a .maincon2_inner {
    margin: 0;
    min-height: auto;
    border: none;
}

.youth_camp.visit_new .maincon2_inner dd {
    padding-left: 12px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #444;
}

.tab_area02 li {
    width: calc(100% / 7);
    float: left;
}

.tab_area02 li a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 5px;
    padding: 10px 0;
    border-radius: 8px;
    background: #deebf7;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

.tab_area02 li.active a {
    background: #deebf7;
    color: #388281;
    border-color: #388281;
}

.profile .con.tab_area02 {
    padding-bottom: 0;
    border-bottom: none;
}

/*2019-12-03*/
#application .con1 .clearfix {
    margin-bottom: 20px;
}

#application .con1 .agree-box {
    margin-top: 60px;
}

/*2019-12-10*/
.camp_mail .camp_schedule .radio label:after {
    content: "(마감)";
    display: inline-block;
    margin-left: 5px;
    font-weight: 700;
    color: #c30000;
    font-size: 80%;
}

/* .camp_mail .main-form .camp_schedule tr td .radio:nth-of-type(1) label:nth-of-type(1):after{visibility: hidden;}
.camp_mail .main-form .camp_schedule tr td .radio:nth-of-type(1) label:nth-of-type(2):after{visibility: hidden;} */

/*2019-12-11*/
#youth_club_all.profile .subTop {
    background: url(/skin/img/sub/subTop04.png) no-repeat center / cover;
    height: 380px;
}

/*2019-12-17*/
#special_lecture.edu01 .con {
    margin-bottom: 0;
}

/*2019-12-18*/
.youth_camp.profile.age_edu .tab_area ul li {
    width: calc(100% / 6);
}

/*2020-01-21*/
#review .bbs-area .table .regdate {
    display: none;
}

/*2020-01-23*/
.text-bbs6 .dh-view-box>div:nth-of-type(2) .dh-view-info span:nth-of-type(2) {
    display: none;
}

/*2020-02-20*/
.visit_new_2020 .maincon2_inner dt span.steam {
    background: #fae8e8;
}

.visit_new_2020.profile .tab_area ul li {
    width: calc(100% / 4);
}

.visit_new_2020.profile .tab_area ul li:last-child a {
    display: block;
}

/*2020-02-24*/
.visit_class_quick_area02 .con25,
.online .con25 {
    padding: 50px 0;
    background: #f8f8f8;
}

.visit_class_quick_area02 .con25 p,
.online .con25 p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}

.online.program .con13 p {
    margin-top: 20px;
}

.visit_class_quick_area02 .subTop,
.online .subTop {
    height: 320px;
}

.visit_class_quick_area02.edu01.edu02 .con5_progress tbody tr td dl+dl {
    margin-top: 20px;
}

.program.visit_new_2020_maker_2 .subTop .container h2 {
    padding-bottom: 0;
}

/*2020-03-11*/
.youth_camp_inner .activity_ineer {
    padding: 20px 15px 20px;
    min-height: 180px;
}

.youth_camp_inner .activity_ineer.icon_activity {
    position: relative;
    padding: 20px 25px 70px;
    min-height: 450px;
}

.youth_camp_inner .activity_ineer.icon_activity02 {
    position: relative;
    padding: 20px 25px 70px;
}

.youth_camp_inner .activity_ineer dl {
    margin-bottom: 0;
}

.camp_list ul li {
    width: 33.333%;
}

.camp_list2 ul li:first-child {
    margin-left: 16.666%;
}

.camp_list1 ul li:first-child {
    margin-left: 33.333%;
}

.edu01_3.edu01 .tab-content .tab-pane:nth-of-type(1) .con6 p,
.color_1day {
    background: #197567 !important;
}

.edu01_3.edu01 .tab-content .tab-pane:nth-of-type(2) .con6 p,
.color_2day {
    background: #4458ab !important;
}

.edu01_3.edu01 .tab-content .tab-pane:nth-of-type(3) .con6 p,
.color_3day {
    background: #ff4040 !important;
}

.edu01_3.edu01 .camp_list2 .tab-content .tab-pane:nth-of-type(1) .con6 p {
    background: #4458ab !important;
}

.edu01_3.edu01 .camp_list2 .tab-content .tab-pane:nth-of-type(2) .con6 p {
    background: #ff4040 !important;
}

.camp_list .edu01_1_con3_area>p {
    margin-top: 16px;
}

.camp_list ul {
    margin-bottom: 100px;
    border-bottom: none;
}

.youth_camp_inner .activity01 .col-md-12 h5,
.youth_camp_inner .activity02 .col-md-12 h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.edu01 .con15.bg_short:before {
    height: 1200px;
}

.edu01 .con15.bg_short02:before {
    height: 1140px;
}

.edu01 .con15.bg_long:before {
    height: 1950px;
}

/*2020-05-26*/
.carousel .carousel-inner .item1 img,
.carousel .carousel-inner .item2 img {
    display: none;
}

/*2020-05--28*/
.dh-view-box .page-header h4:after {
    display: none;
}

.dh-board .subject .glyphicon {
    color: #636363;
}

.dh-view-box+div.row .page-header h4 {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dh-view-box+div.row .page-header h4:after {
    display: none;
}

.dh-view-box+div.row .col-md-12:nth-of-type(2) .page-header {
    margin: 0;
    border-bottom: none;
}

.dh-view-box+div.row .col-md-12:nth-of-type(2) .page-header h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.dh-view-box+div.row .panel-body div {
    font-size: 18px;
    color: #222;
}

.dh-view-box+div.row .panel-body p {
    font-size: 14px;
}

.dh-view-box+div.row .panel-body p .btn-group {
    margin: 0;
}

/*2020-06-15*/
#media .dhb-txt-box-type-b-img-layout .thumb-hidden {
    min-height: 180px;
}

#media .dhb-txt-box-type-b-text-layout h4 {
    margin: 10px 0 15px;
}

#media .dhb-txt-box-type-b-text-layout h4 small {
    display: inline;
}

.main_bbs01 .page-header {
    display: none;
}

.main_bbs01 .dh-front-blog>.col-md-4 {
    width: 50%;
    float: left;
}

.main_bbs01 .dh-front-blog>.col-md-4>.thumbnail {
    min-height: 189px;
    margin: 0;
    border: none;
}

.main_bbs01 .dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    height: 189px;
    border: none;
}

.main_bbs01 .thumbnail .caption {
    display: none !important;
}

/*2020-07-17*/
.online_edu.profile .tab_area ul li {
    width: calc(100% / 4);
}

.onlone_price {
    color: #d60e0e !important;
}

.onlone_price span {
    display: block;
    color: #333;
}

.youth_camp .maincon2_inner dt span.special {
    background: #fee5bd;
}

.visit_new.online_edu .new_edu a {
    min-height: 490px;
}

.edu-drone-gif {
    position: relative;
}

.edu-drone-gif .box {
    position: absolute;
    display: block;
}

.edu-drone-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-drone-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-drone-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-drone-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-drone-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-drone-link {
    position: relative;
}

.edu-drone-link .link-box {
    display: block;
    position: absolute;
}

.edu-drone-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-drone-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-drone-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-drone-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-autovehicle-gif {
    position: relative;
}

.edu-autovehicle-gif .box {
    position: absolute;
    display: block;
}

.edu-autovehicle-gif.gif1 .box {
    left: 66.5%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-autovehicle-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-autovehicle-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-autovehicle-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-autovehicle-link {
    position: relative;
}

.edu-autovehicle-link .link-box {
    display: block;
    position: absolute;
}

.edu-autovehicle-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-autovehicle-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-autovehicle-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-autovehicle-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-youtube-gif {
    position: relative;
}

.edu-youtube-gif .box {
    position: absolute;
    display: block;
}

.edu-youtube-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-youtube-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-youtube-link {
    position: relative;
}

.edu-youtube-link .link-box {
    display: block;
    position: absolute;
}

.edu-youtube-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-youtube-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-youtube-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-youtube-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-arvr-experience-gif {
    position: relative;
}

.edu-arvr-experience-gif .box {
    position: absolute;
    display: block;
}

.edu-arvr-experience-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-arvr-experience-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-arvr-experience-link {
    position: relative;
}

.edu-arvr-experience-link .link-box {
    display: block;
    position: absolute;
}

.edu-arvr-experience-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-experience-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-experience-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-experience-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-geppetto-gif {
    position: relative;
}

.edu-geppetto-gif .box {
    position: absolute;
    display: block;
}

.edu-geppetto-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-geppetto-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-geppetto-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-geppetto-link {
    position: relative;
}

.edu-geppetto-link .link-box {
    display: block;
    position: absolute;
}

.edu-geppetto-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-geppetto-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-geppetto-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-geppetto-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-gather-town-link {
    position: relative;
}

.edu-gather-town-link .link-box {
    display: block;
    position: absolute;
}

.edu-gather-town-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-gather-town-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-gather-town-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-gather-town-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-arvr-design-gif {
    position: relative;
}

.edu-arvr-design-gif .box {
    position: absolute;
    display: block;
}

.edu-arvr-design-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-arvr-design-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-arvr-design-link {
    position: relative;
}

.edu-arvr-design-link .link-box {
    display: block;
    position: absolute;
}

.edu-arvr-design-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-design-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-design-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-arvr-design-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-bigdata-ai-gif {
    position: relative;
}

.edu-bigdata-ai-gif .box {
    position: absolute;
    display: block;
}

.edu-bigdata-ai-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-bigdata-ai-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-bigdata-ai-link {
    position: relative;
}

.edu-bigdata-ai-link .link-box {
    display: block;
    position: absolute;
}

.edu-bigdata-ai-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-bigdata-ai-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-bigdata-ai-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-bigdata-ai-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-3dpen-designer-gif {
    position: relative;
}

.edu-3dpen-designer-gif .box {
    position: absolute;
    display: block;
}

.edu-3dpen-designer-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-3dpen-designer-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-3dpen-designer-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-3dpen-designer-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-3dpen-designer-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-3dpen-designer-link {
    position: relative;
}

.edu-3dpen-designer-link .link-box {
    display: block;
    position: absolute;
}

.edu-3dpen-designer-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dpen-designer-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dpen-designer-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dpen-designer-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-3dprinting-expert-gif {
    position: relative;
}

.edu-3dprinting-expert-gif .box {
    position: absolute;
    display: block;
}

.edu-3dprinting-expert-gif.gif1 .box {
    width: 52%;
    height: 35%;
    top: 51.8%;
    left: 24.2%;
}

.edu-3dprinting-expert-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-3dprinting-expert-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-3dprinting-expert-gif.gif4 .box {}

.edu-3dprinting-expert-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-3dprinting-expert-link {
    position: relative;
}

.edu-3dprinting-expert-link .link-box {
    display: block;
    position: absolute;
}

.edu-3dprinting-expert-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dprinting-expert-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dprinting-expert-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-3dprinting-expert-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-smartfarm-gif {
    position: relative;
}

.edu-smartfarm-gif .box {
    position: absolute;
    display: block;
}

.edu-smartfarm-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-smartfarm-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-smartfarm-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-smartfarm-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-smartfarm-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-smartfarm-link {
    position: relative;
}

.edu-smartfarm-link .link-box {
    display: block;
    position: absolute;
}

.edu-smartfarm-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smartfarm-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smartfarm-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smartfarm-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-smarthome-gif {
    position: relative;
}

.edu-smarthome-gif .box {
    position: absolute;
    display: block;
}

.edu-smarthome-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-smarthome-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-smarthome-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-smarthome-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-smarthome-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-smarthome-link {
    position: relative;
}

.edu-smarthome-link .link-box {
    display: block;
    position: absolute;
}

.edu-smarthome-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smarthome-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smarthome-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-smarthome-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-newenergy-gif {
    position: relative;
}

.edu-newenergy-gif .box {
    position: absolute;
    display: block;
}

.edu-newenergy-gif.gif1 .box {
    left: 66.5%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-newenergy-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-newenergy-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-newenergy-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-newenergy-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-newenergy-link {
    position: relative;
}

.edu-newenergy-link .link-box {
    display: block;
    position: absolute;
}

.edu-newenergy-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-newenergy-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-newenergy-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-newenergy-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-makeymakey-gif {
    position: relative;
}

.edu-makeymakey-gif .box {
    position: absolute;
    display: block;
}

.edu-makeymakey-gif.gif1 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-makeymakey-gif.gif2 .box {
    left: 35%;
    top: 52.4%;
    width: 30%;
    height: 35.3%;
}

.edu-makeymakey-gif.gif3 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-makeymakey-gif.gif4 .box {
    width: 52%;
    height: 35%;
    top: 52.8%;
    left: 24.2%;
}

.edu-makeymakey-gif .box img {
    height: 100%;
    width: 100%;
}

.edu-makeymakey-link {
    position: relative;
}

.edu-makeymakey-link .link-box {
    display: block;
    position: absolute;
}

.edu-makeymakey-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-makeymakey-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-makeymakey-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-makeymakey-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-block-entry-link {
    position: relative;
}

.edu-block-entry-link .link-box {
    display: block;
    position: absolute;
}

.edu-block-entry-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-entry-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-entry-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-entry-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-block-scratch-link {
    position: relative;
}

.edu-block-scratch-link .link-box {
    display: block;
    position: absolute;
}

.edu-block-scratch-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-scratch-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-scratch-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-block-scratch-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-light-flower-link {
    position: relative;
}

.edu-light-flower-link .link-box {
    display: block;
    position: absolute;
}

.edu-light-flower-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-light-flower-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-light-flower-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-light-flower-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-led-light-link {
    position: relative;
}

.edu-led-light-link .link-box {
    display: block;
    position: absolute;
}

.edu-led-light-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-light-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-light-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-light-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-led-interior-link {
    position: relative;
}

.edu-led-interior-link .link-box {
    display: block;
    position: absolute;
}

.edu-led-interior-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-interior-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-interior-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-led-interior-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-lie-detector-link {
    position: relative;
}

.edu-lie-detector-link .link-box {
    display: block;
    position: absolute;
}

.edu-lie-detector-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-lie-detector-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-lie-detector-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-lie-detector-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

.edu-burglar-alarm-link {
    position: relative;
}

.edu-burglar-alarm-link .link-box {
    display: block;
    position: absolute;
}

.edu-burglar-alarm-link .link-box.box1 {
    top: 19.7%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-burglar-alarm-link .link-box.box2 {
    top: 45.5%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-burglar-alarm-link .link-box.box3 {
    top: 71.3%;
    left: 16.4%;
    width: 65.3%;
    height: 23.2%;
}

.edu-burglar-alarm-link.link-k .link-box.kakao {
    width: 100%;
    height: 17.7%;
    top: 72.3%;
    left: 0;
}

/*mobile*/
@media (max-width: 767px) {
    .visit_new.online_edu .new_edu a {
        min-height: auto;
    }

    .menuTop {
        position: absolute;
        top: 0;
        text-align: right;
        padding: 10px 0;
        right: 0;
    }

    .menuTop ul {
        margin: 0;
    }

    .menuTop li.dropdown a {
        padding-bottom: 0;
    }

    .navbar-inverse .navbar-header {
        padding: 4px 0;
        border-top: 1px solid #f4f4f4;
        margin: 0;
    }

    .navbar-inverse .navbar-brand {
        padding: 0 5px;
        float: left;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #3c807f;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #ddd;
        width: 18px;
    }

    .footer_copy .text-center {
        padding: 0 15px;
    }

    .container_contents,
    .sub-layout {
        padding-top: 96px;
    }

    .carousel-caption {
        left: 5%;
        right: 5%;
    }

    .carousel-caption h2 {
        line-height: 48px;
        margin-bottom: 15px;
        font-size: 32px;
        font-weight: 500;
    }

    .carousel-caption a {
        font-weight: 500;
    }

    .carousel-caption p {
        font-size: 15px;
    }

    .maincon1 {
        padding: 60px 0 80px;
    }

    .main_title_h3 {
        line-height: 32px;
        font-size: 24px;
    }

    .main_title_h3:before {
        margin-bottom: 12px;
    }

    .main_title_span {
        font-size: 12px;
        margin-bottom: 25px;
    }

    .maincon2:before {
        left: -8%;
        top: 4%;
        opacity: 0.4;
    }

    .maincon2 {
        padding: 60px 0;
    }

    .maincon2 .row>div:first-child p {
        font-size: 21px;
        line-height: 1.3;
    }

    .maincon2 .col-md-3 {
        margin-bottom: 20px;
        z-index: 1;
    }

    .maincon2 .col-md-3 img {
        width: 100%;
    }

    .maincon2 .clearfix {
        margin: 30px 0;
    }

    .maincon2 .col-md-12 {
        z-index: 1;
    }

    .maincon2:after {
        right: 0;
        bottom: 0;
    }

    .maincon3 .row .col-md-6:nth-of-type(2) {
        text-align: center;
    }

    .maincon3 .maincon03_inner {
        overflow: hidden;
        display: inline-block;
    }

    .maincon3 dl,
    .company .con6 dl {
        padding: 35px 20px;
        width: 125px;
        height: 125px;
        margin: 0 5px;
    }

    .maincon3 dl dd,
    .company .con6 dl dd {
        font-size: 14px;
    }

    .maincon3 dl dt,
    .company .con6 dl dt {
        font-size: 17px;
    }

    .maincon3 .col-md-10 p {
        font-size: 20px;
        margin-bottom: 25px;
        line-height: 1.4;
    }

    .maincon4 {
        height: 700px;
    }

    .maincon5 .col-md-3 a {
        margin-bottom: 20px;
    }

    .maincon5 .main_title_h3 {
        margin-top: 40px;
    }

    .maincon6 .col-md-6 iframe {
        margin-bottom: 30px;
    }

    .footer_copy h2 {
        margin-bottom: 10px;
    }

    .footer_copy .text-center .row>div {
        margin-bottom: 20px;
    }

    .footer_copy .text-center .row>div:last-child {
        margin-bottom: 0;
    }

    .footer_copy {
        padding: 40px 0 30px;
    }

    .navbar-nav .open .dropdown-menu {
        transform: translateX(0);
        text-align: center;
        padding-top: 0;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        padding-bottom: 13px;
    }

    .subTop {
        height: 330px;
    }

    .subTop span {
        font-size: 14px;
    }

    .subTop h2 {
        font-size: 32px;
    }

    .subTop p {
        font-size: 14px;
    }

    .edu01 .subTop a {
        font-size: 15px;
    }

    .subTop ul {
        display: none;
    }

    .subTitle h3:after {
        width: 92%;
    }

    #edu01 .col-md-4 a {
        margin-bottom: 20px;
    }

    .edu01 .con1 .big_text+p {
        font-size: 15px;
        letter-spacing: -0.034em;
        line-height: 28px;
    }

    .program_table_area .table tr td li {
        line-height: 25px;
    }

    .program_table_area .table tr td {
        padding: 10px;
        font-size: 14px;
        letter-spacing: -0.1em;
    }

    .edu01_1_con3_area {
        padding: 30px 10px;
    }

    .edu01_1_con3_area>p {
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }

    .edu01_1_con3_area_inner {
        float: none;
        width: 100%;
    }

    .edu01_1_con3_area_inner th {
        font-size: 16px;
        text-align: center;
        width: 25%;
    }

    .edu01_1_con3_area_inner table>tbody>tr>td {
        font-size: 15px;
        padding-left: 10px;
    }

    .edu01_1_con3_area_inner table>tbody>tr:last-child>td {
        font-weight: 500;
    }

    .edu01 .con6 p {
        margin: 0 auto 20px;
        padding-top: 28px;
        max-width: 130px;
        min-height: 130px;
        font-size: 34px;
    }

    .activity02 .col-md-3:first-child {
        margin-left: 0;
    }

    .edu01_1_con7 img {
        width: 100%;
    }

    .edu01 .con7:before {
        height: 1800px;
    }

    .review_area {
        padding: 40px 20px 20px;
    }

    .review_area .col-md-3 {
        overflow: hidden;
        margin-bottom: 20px;
        border-right: none;
    }

    .review_area .name_area p {
        margin-bottom: 15px;
    }

    .review_area .name_area p br {
        display: none;
    }

    .review_area .col-md-8 p {
        padding-left: 0;
    }

    .edu01_1_con3_area_inner th {
        padding: 5px;
    }

    .accordion_area ul li a {
        padding: 15px 20px;
        font-size: 15px;
        letter-spacing: -0.08em;
    }

    .accordion_area ul li p {
        display: block;
        overflow: hidden;
        padding: 20px 20px 40px;
        font-weight: 500;
    }

    .edu01 .con10 iframe {
        margin-bottom: 20px;
    }

    .edu01 .con11:before {
        height: 600px;
    }

    .program .subTop .container {
        transform: translateY(-50%);
        left: 5%;
        right: 5%;
    }

    .edu01.program .con h4 {
        margin-bottom: 70px;
    }

    .program .con14 p {
        padding: 10px 0 10px 40px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .step_left {
        float: none;
        width: 100%;
        padding: 0;
        border-right: none;
    }

    .program .con .col-md-6 .step_left img {
        width: 60%;
        margin: 0 auto;
    }

    .step_left p {
        font-size: 17px;
    }

    .step_right {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .program .con15:before {
        height: 450px;
    }

    .step_right p {
        margin-top: 20px;
    }

    .program_check_p {
        font-size: 17px;
    }

    .program .con17:before {
        height: 700px;
    }

    .program .con20 ul {
        margin: 0;
    }

    .program .con20 ul li {
        margin-bottom: 5px;
        width: 50%;
        float: left;
        padding-left: 0px;
        border-top: none;
        text-align: center;
    }

    .program02 .con20 .program_subtitle_p:before,
    .program03 .con20 .program_subtitle_p:before,
    .program04 .con20 .program_subtitle_p:before,
    .program05 .con20 .program_subtitle_p:before,
    .program06 .con20 .program_subtitle_p:before,
    .program07 .con15 .program_subtitle_p:before,
    .program07 .con17 .program_subtitle_p:before,
    .program07 .con20 .program_subtitle_p:before {
        width: 100%;
    }

    .program03 .con17 .program_subtitle_p {
        margin-bottom: 50px;
    }

    .program04.program .con15:before {
        height: 380px;
    }

    .program02.program .con15:before {
        height: 410px;
    }

    .program03.program .con15:before {
        height: 400px;
    }

    .program06.program .con15:before {
        height: 355px;
    }

    .program05.program .con15:before {
        height: 420px;
    }

    .program07.program .con15:before {
        height: 370px;
        top: 110px;
    }

    .program.program05 .con17:before {
        height: 1245px;
    }

    .program.program06 .con17:before {
        height: 1160px;
    }

    .program.program07 .con17:before {
        height: 1180px;
        top: 120px;
    }

    .program.program02 .con17:before {
        height: 1210px;
    }

    .program.program03 .con17:before {
        height: 1215px;
    }

    .program.program04 .con17:before {
        height: 1190px;
    }

    .program07 .con20 .program_subtitle_p {
        font-size: 25px;
    }

    .edu01 .con4:before {
        height: 2250px;
    }

    .edu01.edu05 .con7:before,
    .edu01.edu06 .con7:before {
        height: 985px;
    }

    .edu01.edu06 .con4:before {
        height: 1355px;
    }

    .profile .subTop {
        height: 180px;
    }

    .profile .tab_area ul li {
        width: 33.333%;
        margin-bottom: 5px;
    }

    .profile .tab_area ul li:first-child {
        float: none;
    }

    .profile .tab_area ul li:first-child::after {
        content: "";
        clear: both;
        display: block;
    }

    .profile .tab_area ul li:nth-of-type(7) a,
    .text-bbs6 .form-group.filter-items a:last-child .filter-label {
        margin-right: 5px;
    }

    .profile_data .row div:nth-of-type(2) dl {
        border-right: none;
    }

    .profile_data .row>div {
        margin-bottom: 15px;
    }

    .text-bbs6 .form-group.filter-items a,
    .text-bbs9 .form-group.filter-items a {
        width: 50%;
    }

    .text-bbs6 .review_area .col-md-3,
    .text-bbs6 .review_area .clearfix {
        margin: 0;
    }

    #review .subTop,
    .company .subTop {
        height: 180px;
    }

    #company01 .con2 img {
        margin-bottom: 20px;
    }

    .company01_con1_inner img {
        max-width: 120px;
        margin: 0 10px;
    }

    #company01 .con3 .col-md-3 {
        margin-bottom: 20px;
    }

    #company01 .con3 .clearfix {
        display: none;
    }

    #company01 .con3 .company01_con3_inner.inner_height+p span,
    .company .maincon2_inner {
        min-height: auto;
    }

    .company .con4 .company_con4_inner .col-md-3:nth-of-type(1) {
        margin-left: 0;
    }

    .company_con4_inner .col-md-3 {
        margin-bottom: 20px;
    }

    .company_con5_inner_left {
        text-align: left;
    }

    .company .con5 ul li,
    .company .con5 dl dd {
        display: block;
        margin-left: 0;
    }

    .company .company_con5_inner_left h4 {
        text-align: left;
    }

    .company .con5 .company_con5_inner_left h4:after {
        left: 0;
        right: auto;
    }

    .company .con5 .col-md-6>div {
        margin-bottom: 20px;
    }

    .company .con6 .col-xs-4 {
        padding: 0 5px;
        text-align: center;
    }

    .company .con6 img {
        margin-top: 20px;
    }

    .company .con7 iframe {
        margin-bottom: 20px;
    }

    #edu_request .col-md-5>div {
        margin-bottom: 30px;
        min-height: 160px;
    }

    #edu_request .col-md-5>div p {
        font-size: 15px;
    }

    #edu_request .col-md-5>div a {
        font-size: 26px;
        padding: 15px 30px;
    }

    #edu_request .col-md-5>div a span {
        margin-top: 0;
    }

    #edu_request_inner .subTitle {
        margin-bottom: 30px;
    }

    #edu_request_inner .subTitle h3 {
        font-size: 19px;
    }

    #edu_request_inner .con1 .request_inner .col-md-3 a {
        font-size: 17px;
    }

    #profile01 .con img {
        width: 100%;
        border-radius: 4px;
    }

    .join-layout>.row,
    .join-view-layout>.row {
        padding: 0;
    }

    .join-layout .form-horizontal .panel-heading {
        padding: 0;
    }

    #receive_email {
        float: left;
        width: 10%;
    }

    .joinForm-receive-email .form-control-static p {
        width: 90%;
        float: left;
        text-align: left;
        font-size: 13px;
        letter-spacing: -0.034em;
        background: #fff;
        padding: 3px 0;
        /* border-top: 1px solid #ddd; */
        font-weight: 400;
        /* display: inline-block; */
        color: #2a72e7;
    }

    .joinForm-receive-email+p {
        display: none;
    }

    .join-layout .form-horizontal .panel-body .form-group.joinForm-receive-email .col-sm-6.form-control-static {
        width: 100%;
    }

    .panel-footer .form-group>div {
        width: 50%;
        float: left;
    }

    /*2019-06-25*/
    .navbar-header {
        position: relative;
    }

    .navbar-inverse .navbar-toggle {
        float: left;
        margin-right: 0;
        margin-left: 15px;
        border: 2px solid #ddd;
    }

    .navbar-inverse .navbar-brand {
        float: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .navbar-inverse .navbar-brand img {
        width: 180px;
    }

    .navbar-header .navbar-brand+a {
        display: block;
        float: right;
        color: #ddd;
        border: 2px solid;
        width: 40px;
        height: 40px;
        font-size: 20px;
        /* line-height: 1.75; */
        position: relative;
        text-align: center;
        border-radius: 50%;
        margin-top: 6px;
        margin-right: 10px;
    }

    .navbar-header .navbar-brand+a i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    /* .subContent > .container, .subContent > .con {padding-left: 20px;padding-right: 20px;} */
    .maincon2_inner dt {
        font-size: 20px;
    }

    .maincon4 .col-md-6 dl dt {
        font-size: 22px;
    }

    .maincon4 .col-md-6 dl dd {
        font-size: 14px;
    }

    .main-business .maincon2_inner {
        min-height: 185px;
    }

    .subTitle h3,
    .subContent .con h3 {
        font-size: 24px;
    }

    .program .program_subtitle_p {
        font-size: 24px;
        line-height: 1;
        padding: 7px 0 7px;
        letter-spacing: -0.1em;
    }

    .program_subtitle_p:before {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .program .con13 p {
        padding: 37px 15px 22px;
    }

    .program .con13 p:last-child {
        margin-bottom: 0;
    }

    .edu01 .con7:before {
        left: 0;
    }

    .edu01 .con4:before {
        height: 1600px;
    }

    .con h4,
    .edu01 .con1 .big_text {
        font-size: 24px;
    }

    .edu01 .con1 .big_text+p {
        font-size: 14px;
        letter-spacing: -0.1em;
    }

    .company .con4 .company_con4_inner,
    .company .con7 .company_bg02 {
        margin-left: -20px;
        padding: 60px 20px;
        margin-right: -20px;
    }

    .company .con6 p {
        font-size: 22px;
    }

    .company .subContent .con .comapny_title {
        margin-left: -20px;
        margin-right: -20px;
    }

    .maincon2 .col-md-12 span {
        font-size: 12px;
    }

    .edu01 .con10 dl dd,
    .maincon6 dl dd {
        letter-spacing: -0.08em;
    }

    .footer_copy ul li {
        margin-bottom: 10px;
    }

    .footer_copy ul li:nth-of-type(4) {
        margin-bottom: 0;
    }

    .profile .tab_area ul li a,
    .text-bbs6 .form-group.filter-items a .filter-label {
        margin-right: 5px;
        font-size: 13px;
    }

    .company_con5_inner_left.camp_2019 dl dt,
    .company_con5_inner_left.camp_2019 dl dd {
        margin-left: 0;
    }

    #company01 .con2 .col-md-4 {
        height: 350px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    #edu_request .request_right p {
        padding-top: 0;
    }

    #winter .con1 a p {
        font-size: 15px;
        padding: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #company01 .con3 .col-md-3>p span {
        min-height: auto;
    }

    #winter_vacation_camp_coding .coading_camp_bg p,
    #winter_vacation_camp_1day .coading_camp_bg p {
        margin: 20px 0 20px;
        padding: 10px 40px;
        font-size: 17px;
    }

    .company .subTop,
    .camp_mail .subTop {
        height: 240px;
    }

    .activity_ineer dt,
    .activity_ineer dd {
        font-size: 13px;
    }

    .edu01 .activity_ineer {
        padding: 20px 15px 20px;
        min-height: 336px;
    }

    .winter_vacation_camp .con15 .activity01 .col-xs-6 {
        padding: 0 5px;
    }

    #winter_vacation_camp_coding .con21 p {
        font-size: 14px;
    }

    #winter_vacation_camp_coding .con21 p i {
        margin-left: 0;
        margin-bottom: 15px;
    }

    #winter_vacation_camp_coding .con21 p span.color_b {
        display: inline-block;
        margin-top: 15px;
    }

    #winter_vacation_camp_coding .con.camp_step .col-md-12 p,
    #winter_vacation_camp_1day .con.camp_step .col-md-12 p {
        font-size: 16px;
    }

    #winter_vacation_camp_coding .con.camp_step .col-md-12 p span,
    #winter_vacation_camp_1day .con.camp_step .col-md-12 p span {
        font-size: 20px;
        display: block;
    }

    #winter_vacation_camp_coding .con26.camp_step:before {
        height: 380px;
        top: 545px;
        left: 0;
    }

    .program_subtitle_p {
        font-size: 24px;
    }

    .program_subtitle_p:before {
        width: 210px;
    }

    #winter_vacation_camp_coding .con.camp_step .program_check_p+p {
        padding-left: 25px;
        text-indent: 0;
    }

    #winter_vacation_camp_coding .con27.camp_step .program_subtitle_p:before {
        width: 275px;
    }

    #winter_vacation_camp_coding .con27.camp_step:before {
        top: 320px;
        left: 0;
        height: 310px;
    }

    #winter_vacation_camp_coding .con28.camp_step .program_subtitle_p:before {
        width: 360px;
    }

    #winter_vacation_camp_coding .con22.camp_step:before {
        top: 400px;
        left: 0;
        height: 400px;
    }

    #winter_vacation_camp_coding .con23.camp_step:before {
        top: 320px;
        left: 0;
        height: 160px;
    }

    #winter_vacation_camp_coding .con23.camp_step .program_subtitle_p:before {
        width: 360px;
    }

    #winter_vacation_camp_coding .con24.camp_step .program_subtitle_p:before {
        width: 380px;
    }

    #winter_vacation_camp_coding .con24.camp_step:before {
        left: 0;
        top: 435px;
        height: 265px;
    }

    #winter_vacation_camp_coding .con25.camp_step .program_subtitle_p:before {
        width: 240px;
    }

    .winter_vacation_camp .con10 .location_inner ul+dl {
        margin-bottom: 60px;
    }

    .winter_vacation_camp .con10 .location_inner h3 {
        line-height: 1.3;
    }

    .winter_vacation_camp.edu01 .con11:before,
    .edu01 .main-form .con11:before {
        height: 980px;
    }

    #winter_vacation_camp_1day.edu01 .con7:before {
        height: 1790px;
    }

    #winter_vacation_camp_1day.edu01 .activity_ineer {
        min-height: auto;
    }

    #winter_vacation_camp_1day .con15.camp_step:before {
        height: 315px;
        top: 420px;
    }

    #winter_vacation_camp_1day .con16 .clearfix,
    #winter_vacation_camp_1day .con17 .clearfix,
    #winter_vacation_camp_1day .con19 .clearfix {
        margin-bottom: 30px;
    }

    #winter_vacation_camp_1day .con17 .program_subtitle_p.pen_create:before {
        width: 200px;
    }

    #winter_vacation_camp_1day .con17:before {
        top: 268px;
        height: 280px;
    }

    #winter_vacation_camp_1day .con20 .program_subtitle_p:before {
        width: 380px;
    }

    #winter_vacation_camp_1day .con15 .program_subtitle_p.vr_edu:before {
        width: 150px;
    }

    #winter_vacation_camp_1day .con20+.con15.camp_step:before {
        height: 337px;
        top: 396px;
    }

    #winter_vacation_camp_1day .con17 .program_subtitle_p.vr_create:before {
        width: 270px;
    }

    #winter_vacation_camp_1day .con19 .program_subtitle_p.vr_card:before {
        width: 270px;
    }

    #winter_vacation_camp_1day.winter_vacation_camp.edu01 .con11:before {
        height: 995px;
    }

    .carousel .carousel-inner .item1 {
        background: url(/skin/img/slide/slide_mobile02.jpg) no-repeat center / cover;
    }

    .carousel .carousel-inner .item2 {
        background: url(/skin/img/slide/slide_mobile.jpg) no-repeat center / cover;
    }

    .carousel .carousel-inner .item1 img,
    .carousel .carousel-inner .item2 img {
        display: block;
    }

    .carousel .carousel-inner .item2 img.slide_img_2 {
        max-width: 90%;
        margin: 0 auto;
    }

    .carousel .carousel-inner .item2 img.slide_img_1 {
        max-width: 90%;
        margin: 50px auto 0;
    }

    .carousel .carousel-inner .item1 img.slide_img_3 {
        max-width: 90%;
        margin: 0 auto 0;
        padding-top: 30px;
    }

    .carousel .carousel-inner .item1 img.slide_img_4 {
        max-width: 80%;
        margin: 30px auto 0;
    }

    .carousel-control .glyphicon {
        font-size: 40px;
    }

    .youth_camp.profile.age_edu .tab_area ul li {
        width: calc(100% / 3);
    }

    .dh-board .table>thead>tr>th,
    .dh-board .table>tbody>tr>th,
    .dh-board .table>tfoot>tr>th,
    .dh-board .table>thead>tr>td,
    .dh-board .table>tbody>tr>td,
    .dh-board .table>tfoot>tr>td {
        padding: 15px;
        letter-spacing: -0.06em;
    }

    .maincon3 {
        padding: 80px 0 20px;
    }

    .main_bbs01 {
        margin-bottom: 20px;
    }

    .profile.youth_camp .subTop {
        height: 220px;
    }

    .profile.online_edu .tab_area {
        margin-bottom: 0;
    }

    .youth_camp.profile .tab_area ul li {
        float: left;
        width: 33.333%;
    }

    .profile.online_edu .tab_area ul li {
        width: auto;
        float: none;
        display: inline-block;
    }

    .profile.online_edu .tab_area ul li a {
        padding: 5px 10px;
    }

    .profile.online_edu .tab_area02 {
        margin-bottom: 30px;
    }

    .profile.online_edu .tab_area02 li {
        width: calc(100% / 3);
    }

    .profile.online_edu .tab_area02 li a {
        font-size: 13px;
    }

    .visit_new .tab_area02 li {
        width: calc(100% / 2);
        margin-bottom: 5px;
    }

    .steam_not_yet {
        text-align: center;
    }

    .online .subTop {
        height: 180px;
    }

    .review_area .col-md-8 p,
    .review_area .col-md-9 p {
        font-size: 14px;
        padding-left: 0;
    }

    .program_table_area .table tr th {
        font-size: 14px;
        padding: 5px;
    }

    .edu01.program .con {
        margin-bottom: 60px;
    }

    .edu01 .con5_progress tbody tr th {
        font-size: 14px;
        padding: 10px;
    }

    .visit_class_quick_area02 .con25 p,
    .online .con25 p {
        margin-bottom: 15px;
    }

    .edu01 .con10 {
        margin-bottom: 60px !important;
    }

    .edu01 .con12 .table tbody tr th,
    .edu01 .con12 .table tbody tr td {
        padding: 10px;
        font-size: 14px;
    }

    .notice_area ul li {
        font-size: 14px;
    }

    #camp_quick03 .activity_ineer {
        min-height: auto;
    }

    .icon_activity02.activity_ineer {
        min-height: auto;
        padding: 10px 10px 70px;
    }

    #edu01 .col-md-4 a,
    .camp_list .nav-tabs a {
        min-height: 150px;
    }

    #edu01 .col-md-4 a dl,
    .camp_list .nav-tabs a dl {
        width: 100%;
    }

    #edu01 .col-md-4 a dl dt,
    .camp_list .nav-tabs a dl dt {
        font-size: 20px;
        max-width: 80px;
        min-height: 80px;
        padding-top: 18px;
        color: #fff;
        margin: 0 auto 30px;
    }

    #edu01 .col-md-4 a dl dt:after,
    .camp_list .nav-tabs a dl dt:after {
        bottom: -18px;
    }

    #edu01 .col-md-4 a dl dd,
    .camp_list .nav-tabs a dl dd {
        font-size: 13px;
    }

    .activity01 .col-md-3,
    .activity02 .col-md-3 {
        width: 50%;
        float: left;
        padding: 0 8px;
    }

    .edu01#edu02 .con7 dl,
    .edu01#edu03 .con7 dl,
    .edu01#edu01_1 .con7 dl {
        min-height: auto;
    }

    .edu01.program .subTop {
        height: 180px;
    }

    .activity01+.activity01 {
        margin-top: 0;
    }
}

#experience_booth .con {
    margin-bottom: 0;
}

#experience_booth .subTop {
    border-bottom: none;
}

/* 폼 성공 페이지 */
#form_success {
    height: calc(100vh - 405px);
    padding: 30px 15px;
    min-height: 500px;
}

#form_success .container {
    position: relative;
    height: 100%;
}

#form_success .sucess_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 740px;
    max-width: 100%;
    padding: 60px 60px 80px;
    text-align: center;
    background: #74b692;
    border-radius: 20px;
    color: #fff;
}

#form_success i {
    display: block;
    font-size: 90px;
    margin-bottom: 30px;
    color: #c7e198;
}

#form_success .form_success_title {
    font-size: 33px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 20px;
}

#form_success .form_success_info {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
}

/* 23-09-06 */
.youtube-box {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    border-radius: 10px;
    background-color: #000;
}

.youtube-box iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.location-map >iframe{
    /* width: 1280px !important; */
    height: 574px !important;
}
/* 반응형 1106 리뉴얼 */
@media (max-width:1200px) {
    .new-program .con17 .inquiry-wrap {
        display: grid;
        padding-bottom: 60px;
    }
    .navbar-inverse .navbar-nav>li>a {
        background: none;
        color: #444;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 1;
        padding: 31px 30px !important;
        margin: 0;
        display: block;
    }   
    .feature-img img {
        position: relative;
        height: 200px;
        object-fit: contain;
        width: 100%;
        padding: 0 50px;
    }
    .feature-img {
        gap: 0px;
        height: 400px;
        justify-content: space-evenly;
    }
    .feature-img .feature-tit {
        font-size: 20px;
    }
    .feature-img .feature-desc {
        font-size: 18px;
    }
}
@media (max-width:991px) {
    .new-program .con17 .inquiry-wrap > img{
        margin: 0 auto;
    }
    .how-wrap .how-img-wrap::after {
        right: calc(50% - 56px);
        top: unset;
        bottom: -60px;
        font-size: 55px;
        color: #d6ff00;
        transform: translate(-50%, 0) rotate(90deg);
    }
    .how-study .how-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 80px;
    }
    .rule ul li {
        font-size: 18px;
    }
    .rule .rule-wrap .rule-tit {
        font-size: 25px;
    }
    .rule-wrap .rule-table tr, .rule-wrap .rule-table td {
        font-size: 17px;
    }
    .new-program .con14 {
        height: 800px;
    }
    .recommend .class-recommend {
        padding: 20px 20px;
    }
    .new-program .recommend {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .recommend .class-recommend ul li {
        font-size: 15px;
    }
    .con11 .class .class-img-wrap {
        padding: 35px 30px;
        gap: 20px;
    }
    .new-program .t-img-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .desc-info-inner ul li {
        font-size: 14px;
    }
    .con-tit-h3+.suggest-wrap li {
        font-size: 25px;
    }
    .subContent .con .con-tit-h3 {
        font-size: 30px;
    }
    .con-tit-h3+.suggest-wrap {
        gap: 45px;
    }
    .sub-layout{
        padding-top: 161px !important;
    }
    .footer-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .sec02 .parnter-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
    .feature-img .feature-desc {
        font-size: 16px;
    }
    .feature-img img {
        height: 120px;
    }
    .feature-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .main-tit-row .img-tit-wrap p {
        font-size: 20px;
    }
    .main-tit-row .img-tit-wrap span {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .grade-wrap .tab-pane.active .tab-inners {
        gap: 15px;
    }
    .tab-content .grade-info .grade-tit {
        font-size: 17px;
    }
    .con02 .box-info .pro-tit-desc {
        font-size: 14px;
    }
    .con02 .box-info .pro-tit {
        font-size: 18px;
    }
    .con02 .box-info .pro-cost {
        font-size: 18px;
    }
    .main-con .link-wrap ul {
        gap: 15px;
    }
    .main-con .link-wrap {
        gap: 20px;
    }
    .navbar-inverse > .container{
        display: flex;
        flex-direction: column;
    }   
    .navbar-inverse .navbar-nav>li>a {
        font-size: 18px;
        padding: 31px 20px !important;
    }
    .container_contents {
        padding-top: 161px;
    }
    .carousel .carousel-inner .item {
        background-size: cover;
        height: 400px !important;
    }
}
@media (max-width:767px) {
    .new-program .con03 .desc-info {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .footer-wrap {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .main-tit-row .img-wrap {
        display: grid;
        grid-template-columns: 200px 200px;
        gap: 25px;
    }
    .main-tit-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: column;
        gap: 30px;
    }
    .sec02 .con02 .video-wrap {
        grid-template-columns: 1fr;
        margin: 0;
    }
    .main-tit-row .img-tit-wrap span {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .main-tit-row .img-tit-wrap p {
        font-size: 20px;
    }
    .main-tit-row h3 {
        font-size: 35px;
    }
    .grade-wrap .tab-pane.active .tab-inners {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 15px;
    }
    .main-con .link-wrap {
        flex-direction: column;
    }
    .feature-img {
        height: 300px;
        padding: 0 15px;
    }
    .navbar-inverse .navbar-nav{
        float: unset !important;
    }
    .carousel .carousel-inner .item {
        height: 300px !important;
    }
    .container_contents {
        padding-top: 89px;
    }
    .main-con-tit .con-tit-h3 {
        font-size: 30px;
    }
    .location-map >iframe {
        height: 350px !important;
    }
    .rule-wrap .rule-table tr, .rule-wrap .rule-table td {
        padding: 14px 20px;
    }
    .rule ul li.plus-list {
        padding-left: 32px;
        font-weight: 400;
        padding-top: 5px;
        font-size: 16px;
        line-height: 1.65;
    }
}
@media (max-width:576px) {
    .rule-wrap .rule-table tr, .rule-wrap .rule-table td {
        font-size: 14px;
    }
    .new-program .con14 {
        height: 550px;
    }
    .con11 .bg-line p {
        font-size: 30px;
    }
    .new-program .con11 .bg-line {
        height: 130px;
    }
    .new-program .recommend {
        grid-template-columns: repeat(1, 1fr);
    }
    .subContent .tab-content td, .subContent .tab-content th {
        font-size: 15px;
        padding: 19px 0;
        line-height: 1em;
    }
    .con-tit-h3+.suggest-wrap li {
        font-size: 20px;
    }
    .subContent .con .con-tit-h3 {
        font-size: 25px;
    }
    #edu_ai_01_1 .con0 .col-sm-12::before, #edu_ai_01_2 .con0 .col-sm-12::before, #edu_ai_01_5 .con0 .col-sm-12::before, #edu_ai_01_6 .con0 .col-sm-12::before, #edu_ai_01_9 .con0 .col-sm-12::before, #edu_ai_01_11 .con0 .col-sm-12::before, #edu_ai_01_17 .con0 .col-sm-12::before, #edu_ai_01_20 .con0 .col-sm-12::before, #edu_ai_01_25 .con0 .col-sm-12::before {
        font-size: 140px;
    }
    .con11 .class .class-img-wrap {
        padding: 35px 30px;
        gap: 30px;
        grid-template-columns: 1fr;
    }
    .con11 .class .class-img-wrap > a{
        display: flex;
        justify-content: center;
    }
    .new-program .t-img-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .sec07 .con-tit-h5 {
        font-size: 18px;
    }
    .main-con .video-text .video-tit {
        font-size: 18px;
    }
    .sec01-con-tit h4 {
        font-size: 18px;
    }
    .main-con .link-wrap .link-tit {
        font-size: 18px;
    }
    .main-con .link-wrap li a {
        font-size: 15px;
    }
    .footer-wrap .company-link ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .carousel .carousel-inner .item {
        height: 180px !important;
    }
    .inquiry-wrap {
        gap: 40px;
        grid-template-columns: 1fr;
    }
    .feature-img {
        width: 300px;
        margin: 0 auto;
    }
    .feature-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .sec02 .parnter-wrap {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 15px;
    }
    .main-tit-row .img-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .con02 .pro-box .box-inner {
        margin: 0 10px;
    }
    .main-con .link-wrap ul {
        gap: 15px;
        flex-flow: wrap;
    }
    .comming-class-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .con03 .grade-wrap li a {
        padding: 3px 10px;
        font-size: 15px;
    }
    .con03 .grade-wrap .nav-tabs {
        padding: 5px 10px;
    }
    .grade-wrap .tab-pane.active .tab-inners {
        grid-template-columns: repeat(1, 1fr);
    }
    .new-program .talent-btn {
        margin: 70px auto 0;
        font-size: 20px;
        padding: 10px 45px;
    }
    .con16 .img-tit-wrap img {
        height: 70px;
    }
    .con16 .img-tit-wrap p {
        font-size: 22px;
        font-weight: 700;
    }
    .new-program .club-plus td, .new-program .club-plus th {
        font-size: 16px;
    }
}
@media (max-width:425px) {
    .new-program .con14 {
        height: 440px;
    }
    .con11 .class .class-img-wrap img {
        height: 70px;
    }
    .subTop {
        height: 200px;
    }
}