@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
/* font-family: 'Great Vibes', cursive; */

.sub_contain { padding: 120px 0; }
.sub_wrap { position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media (max-width: 1240px) {
    .sub_wrap { max-width: calc(100% - 40px); }
}
@media (max-width: 1230px) {
    .sub_contain { padding: 90px 0; }
}
@media (max-width: 1024px) {
    .sub_contain { padding: 30px 0; }
}

/* 서브6_8 */
.sub6_8 { padding-bottom: 0 !important; }
.sub6_8 .contents { position: relative; background: url('/image/sub5_bg.jpg')no-repeat 50% 0;background-size: cover;padding: 120px 0;}
.sub6_8 .desc1 { margin-bottom: 30px; text-align: center; font-weight: 500; font-size: 20px; color: #000; line-height: 1.4; }

.sub6_8 .form_wrap { position: relative; left: 50%; transform: translateX(-50%); max-width: 500px; }
.sub6_8 .form_wrap th {padding: 20px 0;font-size: 18px;font-weight:350;color: #01464d;text-align: left;}
.sub6_8 .form_wrap td {padding: 5px 15px;font-size: 16px;color: #505050;}
.sub6_8 .form_wrap td input {width: 100%;height: 40px;border: 1px solid #dadada;}
.sub6_8 .form_wrap td select {height: 40px;width: 100%;border: 1px solid #dadada;color: #505050;}
.sub6_8 .form_wrap td textarea {width: 100%;border: 1px solid #dadada;}

.sub6_8 .form_btn {padding: 0;margin: 30px 0 0;height: auto;line-height: 1;}
.sub6_8 .form_btn > p {display: inline-block;}
.sub6_8 .form_btn > p a {display: inline-block;padding: 15px 0;font-size: 18px;color: #ffffff;text-align: center;width: 150px;background: #4d4d4d;font-weight: 350;margin-left: 10px;line-height: 1;border-radius: 5px}
.sub6_8 .form_btn > p input {padding: 15px 0;font-size: 18px;color: #ffffff;text-align: center;width: 150px;border: none;background: #01464d;margin-right: 10px;line-height: 1;vertical-align: baseline;font-weight: 350;border-radius: 5px}
.sub6_8 .form_btn > p .cancel_btn { display: inline-block; padding: 15px 0; font-size: 18px; color: #fff; text-align: center; width: 150px; background-color: #4d4d4d; font-weight: 350; margin-left: 10px; line-height: 1; border-radius: 5px; cursor: pointer; }

@media (max-width: 1024px) {
    .sub6_8 .contents { padding: 30px 0; }
    .sub6_8 .desc1 { margin-bottom: 20px; font-size: 15px; }
    .sub6_8 .desc1 br { display: none; }
    .sub6_8 .form_wrap td input {width: 100%;}
    .sub6_8 .form_wrap th {font-size: 16px;width: 25%;}
    .sub6_8 .form_wrap td {font-size: 14px;}
    .sub6_8 .form_wrap td input {height: 35px;}
    .sub6_8 .form_wrap td select {height: 35px;}    

    .sub6_8 .form_btn {margin: 20px auto;}
    .sub6_8 .form_btn > p a {width: 120px;}
    .sub6_8 .form_btn > p input {width: 120px;appearance: none; -webkit-appearance: none;border-radius: 5px}
    .sub6_8 .form_btn > p a {font-size: 16px;}
    .sub6_8 .form_btn > p input {font-size: 16px; margin-right: 5px; }    
    .sub6_8 .form_btn > p .cancel_btn { margin-left: 5px; width: 120px; font-size: 16px; border-radius: 5px; }
}

/* 서브6_8_2 */
.sub6_8_2 { position: relative; }
.sub6_8_2 .table_wrap { position: relative; }
.sub6_8_2 .table_wrap table { position: relative; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 3px solid #01464d; border-left: 1px solid #dadada; }
.sub6_8_2 .table_wrap table thead th, .sub6_8_2 .table_wrap table tbody th, .sub6_8_2 .table_wrap table tbody td { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.sub6_8_2 .table_wrap table thead th { padding: 15px 5px; text-align: center; font-weight: 500; font-size: 18px; color: #fff; background-color: #917259; }
.sub6_8_2 .table_wrap table tbody th { font-weight: normal; font-size: 16px; color: #000; background-color: #f8f8f8; }
.sub6_8_2 .table_wrap table tbody td { padding: 10px; text-align: center; font-size: 16px; color: #4d4d4d; line-height: 1.5; }

@media (max-width: 1230px) {
    .sub6_8_2 .table_wrap table thead th, .sub6_8_2 .table_wrap table tbody th, .sub6_8_2 .table_wrap table tbody td { font-size: 16px; }
}
@media (max-width: 1024px) {
    .sub6_8_2 .table_wrap { overflow-x: scroll; }
    .sub6_8_2 .table_wrap table { width: 150%; }
    .sub6_8_2 .table_wrap table thead th, .sub6_8_2 .table_wrap table tbody th, .sub6_8_2 .table_wrap table tbody td { font-size: 15px; }
    .sub6_8_2 .table_wrap table thead th { padding: 14px 5px; }
    .sub6_8_2 .table_wrap table tbody td { padding: 9px; }
}

/* 서브6_8_3 cert 공통 */
.sub6_8_3 { position: relative; overflow: hidden; }
.sub6_8_3 .cert { display: none; position: relative; text-align: center; }
.sub6_8_3 .cert.active { display: block; }

.sub6_8_3 .print { margin-top: 35px; text-align: center; }
.sub6_8_3 .print a { display: inline-block; padding: 15px 0; font-weight: 350; font-size: 18px; color: #fff; width: 150px; border: none; background-color: #01464d; border-radius: 5px; }
@media (max-width: 1024px) {
    .sub6_8_3 .print { margin-top: 25px; }
    .sub6_8_3 .print a { width: 120px; border-radius: 5px; font-size: 16px; }
}

/* cert1 */
.cert1 { position: relative; left: 50%; transform: translateX(-50%); width: 630px; height: 943px; background: url(/cert/cert1.jpg?ver=2) no-repeat center/cover; }
.cert1 p { position: absolute; font-size: 20px; color: #000; background-color: #fff; }
.cert1 .txt1 { top: 330px; left: 225px; }
.cert1 .txt2 { top: 409px; left: 225px; }
.cert1 .txt3 { top: 447px; left: 225px; }
.cert1 .cert_num { top:110px;left:82px; }
.cert1 .cert_date { bottom: 121px;right: 83px; }
@media (max-width: 1024px) {
    .cert1 { width: 61.5234vw; height: 92.0898vw; }
    .cert1 p { font-size: 1.9531vw; }
    .cert1 .txt1 { top: 32.2266vw; left: 21.9727vw; }
    .cert1 .txt2 { top: 39.9414vw; left: 21.9727vw; }
    .cert1 .txt3 { top: 43.6523vw; left: 21.9727vw; }
    .cert1 .cert_num { top:10.7422vw; left:8.0078vw; }
    .cert1 .cert_date { bottom: 11.8164vw; right: 8.1055vw; }
}

/* cert2 */
.cert2 { position: relative; left: 50%; transform: translateX(-50%); width: 630px; height: 470px; background: url(/cert/cert2.jpg) no-repeat center/cover; }
.cert2 .txt1 { position: absolute; top: 230px; left: 150px; width: 445px; text-align: center; font-family: 'Great Vibes', cursive; font-weight: bold; font-size: 30px; color: #000; }
.cert2 .cert_num { position: absolute; bottom: 20px; left: 10px; font-weight: normal; font-size: 14px; color: #fff; }
.cert2 .cert_date { position: absolute; left: 235px; bottom: 66px; font-weight: 500; font-size: 16px; color: #000; }
@media (max-width: 1024px) {
    .cert2 { width: 61.5234vw; height: 45.8984vw; }
    .cert2 .txt1 { top: 22.4609vw; left: 14.6484vw; width: 43.4570vw; font-size: 2.9297vw; }
    .cert2 .cert_num { bottom: 1.9531vw; left: 0.9766vw; font-size: 1.3672vw; }
    .cert2 .cert_date { left: 22.9492VW; bottom: 6.4453VW; font-size: 1.5625VW; }
}

/* cert3 */
.cert3 { position: relative; left: 50%; transform: translateX(-50%); width: 630px; height: 470px; background: url(/cert/cert3.jpg) no-repeat center/cover; }
.cert3 .txt1 { position: absolute; top: 245px; /* left: 90px; */ width: 100%; text-align: center; font-family: 'Great Vibes', cursive; font-weight: bold; font-size: 30px; color: #000; background-color: transparent; /* background-color: #fff; */ }
.cert3 .cert_date { position: absolute; bottom: 47px; left: 50%; transform: translateX(-50%); font-weight: 600; font-size: 18px; color: #000; }
.cert3 .cert_num { position: absolute; bottom: 40px; left: 40px; font-weight: normal; font-size: 14px; color: #293c5c; }
@media (max-width: 1024px) {
    .cert3 { width: 61.5234vw; height: 45.8984vw; }
    .cert3 .txt1 { top: 23.9258vw; /* left: 8.7891vw; */ font-size: 2.9297vw; }
    .cert3 .cert_date { bottom: 4.5898vw; font-size: 1.7578vw; }
    .cert3 .cert_num { bottom: 3.9063vw; left: 3.9063vw; font-size: 1.3672vw; }
}