@charset "utf-8";

html {min-width: auto;}
body, ul, li, p, div, span, b, strong {
    word-break: keep-all;
    line-height: 1.3;
}
img {max-width: 100%;}
#container {max-width: none;}
#container_title {display: none;}
.container {
    max-width: 1300px;
    margin: 0 auto;
}
#ft {margin-top: 0;}

.visible-l,
.visible-t,
.visible-m {display: none;}

.visible-pc {display: block;}
.hidden-pc {display: none;}

@media all and (max-width: 1200px) {
    .visible-l {display: block;}
    .hidden-l {display: none;}
}
@media all and (max-width: 1024px) {
    .visible-t {display: block;}
    .hidden-t {display: none;}
}
@media all and (max-width: 767px) {
    .visible-m {display: block;}
    .hidden-m {display: none;}
}

.sub-title {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 250px;
    position: relative;
}
.sub-title::before {
    content: "";
    background: rgb(13,29,28);
    opacity: 0.85;
    width: 36%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.sub-title .container {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 100%;
}
.sub-title h2 {
    display: flex;
    align-items: center;
}
.sub-title h2 b {
    font-size: 30px;
    margin-left: 15px;
    color: #fff;
}

.sub-menu {
    background: #ecedf0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 0 10px;
}
.sub-menu li {
    margin-right: 80px;
    height: 100%;
}
.sub-menu li:last-child {margin-right: 0;}
.sub-menu li a {
    height: 100%;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s;
    text-align: center;
}
.sub-menu li a::after {
    content: "";
    background: transparent;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sub-menu li a:hover,
.sub-menu li.active a {color: #097b63;}
.sub-menu li.active a::after {background: #097b63;}

.tab-menu {margin-top: 80px;}
.tab-menu ul {
    display: flex;
    border: 1px solid #097b63;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}
.tab-menu ul li {flex: 1;}
.tab-menu ul li a {
    font-size: 16px;
    height: 50px;
    font-weight: 600;
    border-right: 1px solid #097b63;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .3s;
}
.tab-menu ul li:last-child a {border-right: none;}
.tab-menu ul li a:hover {color: #097b63;}
.tab-menu ul li.active a {
    color: #fff;
    background: #097b63;
}

.sub-content section {
    position: relative;
    padding: 120px 0;
}
.sub-content section:last-child {padding-bottom: 150px;}
.sub-content .title {margin-bottom: 50px;}
.sub-content .title h2 {
    font-size: 42px;
    font-weight: bold;
    word-break: keep-all;
}
.sub-content .title h3 {
    font-size: 36px;
    font-weight: bold;
    word-break: keep-all;
}
.sub-content .title h4 {
    font-size: 30px;
    font-weight: bold;
    word-break: keep-all;
}
.sub-content .title h2 span,
.sub-content .title h3 span,
.sub-content .title h4 span {color: #097b63;}
.sub-content .title .title-sub {
    font-size: 30px;
    color: #777;
    text-decoration: underline;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 80px;
}
.sub-content .title .title-sub span {color: #097b63;}
.sub-content .title .title-sub span.red {color: #ff1f1f;}
.sub-content .title .title-sub span.black {color: #111;}
.sub-content .title p {
    font-size: 18px;
    margin-top: 20px;
}
.sub-content p.green {
    font-size: 20px;
    font-weight: bold;
    color: #097b63;
    margin-top: 20px;
    line-height: 1.5;
}
.sub-content p.gray {
    font-size: 20px;
    font-weight: bold;
    color: #666;
    margin-top: 25px;
    line-height: 1.5;
}
.sub-content .desc {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.sub-content .desc span {
    color: #097b63;
    font-weight: bold;
}
.sub-content .desc strong {
    font-size: 24px;
    color: #097b63;
    display: block;
}
.sub-content .bar-title {
    display: flex;
    align-items: start;
    margin-bottom: 25px;
}
.sub-content .bar-title::before {
    content: "";
    width: 4px;
    height: 24px;
    background: #097b63;
    display: block;
    margin-top: 2px;
}
.sub-content .bar-title b {
    width: calc(100% - 4px);
    padding-left: 10px;
    font-size: 24px;
}
.sub-content .bar-title b span {color: #097b63;}
.sub-content .more-btn {
    border: 1px solid #097b63;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #097b63;
    display: block;
    text-align: center;
    transition: all .3s;
    margin: 0 auto;
    background: #fff;
}
.sub-content .more-btn:hover {
    background: #097b63;
    color: #fff;
}
.sub-content .bottom-30 {margin-bottom: 30px;}
.sub-content .bottom-80 {margin-bottom: 80px;}
.sub-content .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #097b63;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.sub-content .table-wrap table {
    width: 100%;
    font-size: 16px;
    border-collapse: collapse;
}
.sub-content .table-wrap table th {
    background: #0d1d1c;
    color: #fff;
    padding: 15px;
    text-align: center;
}
.sub-content .table-wrap table td {
    padding: 15px 20px;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
}
.sub-content .table-wrap table td.td-bg {
    background: #eceeef;
    text-align: center;
}
.sub-content .table-wrap table td.td-left {text-align: left;}
.sub-content .table-wrap table td span {color: #097b63;}

.sub-content .list-wrap > li {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}
.sub-content .list-wrap > li:last-child {margin-bottom: 0;}
.sub-content .list-wrap > li::before {
    content: "";
    background: #097b63;
    width: 5px;
    height: 5px;
    display: block;
    margin-top: 8px;
}
.sub-content .list-wrap > li p {
    width: calc(100% - 5px);
    padding-left: 8px;
    font-size: 18px;
    letter-spacing: -0.3px;
    word-break: keep-all;
    line-height: 1.4;
}
.sub-content .list-wrap > li p span {color: #097b63;}
.sub-content .list-wrap > li p span.gray {
    font-size: 16px;
    color: #666;
}

.sub-content .label-box .label {
    font-size: 16px;
    font-weight: bold;
    background: #097b63;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 6px 15px;
    display: inline-block;
}
.sub-content .label-box .txt {
    background: #fff;
    border-radius: 0 5px 5px 5px;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #097b63;
    line-height: 1.4;
    letter-spacing: -0.3px;
}

.sub-content .video {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 56.25%;
}
.sub-content .video iframe {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.sub-content .toggle-wrap {
    position: relative;
    overflow: hidden;
}
.sub-content .toggle-wrap .more-view {
    margin-top: 10px;
    text-align: center;
}
.sub-content .toggle-wrap .more-view button {
    background: none;
    border: none;
    display: inline-block;
}
.sub-content .toggle-wrap .more-view button span {
    display: inline-block;
    vertical-align: middle;
    background: #097b63;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: relative;
    margin-right: 8px;
}
.sub-content .toggle-wrap .more-view button span::before {
    content: "";
    background: #fff;
    width: 10px;
    height: 2px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sub-content .toggle-wrap .more-view button span::after {
    content: "";
    background: #fff;
    width: 2px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sub-content .toggle-wrap .more-view button b {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #097b63;
    font-weight: bold;
}
.sub-content .toggle-wrap .toggle-content {
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
    position: relative;
    max-height: 480px;
}
.sub-content .toggle-wrap .toggle-content::after {
    content: "";
    background: linear-gradient(to bottom, transparent, #fff);
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.sub-content .toggle-wrap.expanded .toggle-content {max-height: 10000px !important;}
.sub-content .toggle-wrap.expanded .toggle-content::after,
.sub-content .toggle-wrap.expanded .more-view span::after {content: none;}

.sub-content .bank {
    background: #f0f1f6;
    border-radius: 10px;
    margin-top: 50px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-content .bank h4 {
    color: #097b63;
    font-size: 18px;
}
.sub-content .bank .desc {
    font-weight: 500;
    padding-left: 25px;
}
.sub-content .notice {
    padding: 30px 0;
    margin-bottom: -50px;
    text-align: center;
}
.sub-content .notice b {
    display: block;
    margin-bottom: 10px;
}

@media all and (max-width: 1300px) {
    .container {margin: 0 30px;}
}
@media all and (max-width: 767px) {
    .container {margin: 0 15px;}

    .sub-title {
        height: 100px;
        background-position: center right -150px;
    }
    .sub-title::before {width: 50%;}
    .sub-title h2 img {width: 22px;}
    .sub-title h2 b {
        font-size: 20px;
        margin-left: 10px;
    }

    .sub-menu {height: 60px;}
    .sub-menu li {margin-right: 30px;}
    .sub-menu li a {font-size: 15px;}

    .tab-menu {margin-top: 30px;}
    .tab-menu ul li a {
        font-size: 14px;
        height: 42px;
    }

    .sub-content section {padding: 50px 0;}
    .sub-content section:last-child {padding-bottom: 80px;}
    .sub-content .title {margin-bottom: 30px;}
    .sub-content .title h2 {font-size: 28px;}
    .sub-content .title h3 {font-size: 24px;}
    .sub-content .title h4 {font-size: 20px;}
    .sub-content .title .title-sub {
        font-size: 20px;
        margin-top: 50px;
    }
    .sub-content .title p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-content p.gray,
    .sub-content p.green {
        font-size: 16px;
        margin-top: 15px;
    }
    .sub-content .desc {font-size: 15px;}
    .sub-content .desc strong {font-size: 18px;}
    .sub-content .number {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
    .sub-content .more-btn {
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }
    .sub-content .bar-title {margin-bottom: 15px;}
    .sub-content .bar-title::before {
        width: 3px;
        height: 20px;
    }
    .sub-content .bar-title b {
        width: calc(100% - 3px);
        font-size: 16px;
    }
    .sub-content .table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
    }
    .sub-content .table-wrap::-webkit-scrollbar {height: 6px;}
    .sub-content .table-wrap::-webkit-scrollbar-track {background-color:#eeeeee; border-radius: 6px}
    .sub-content .table-wrap::-webkit-scrollbar-thumb {background-color:#097b63; border-radius: 6px;}
    .sub-content .table-wrap table {font-size: 14px;}
    .sub-content .table-wrap table th,
    .sub-content .table-wrap table td {padding: 10px;}
    .sub-content .list-wrap > li {margin-bottom: 5px;}
    .sub-content .list-wrap > li p {font-size: 15px;}
    .sub-content .list-wrap > li p span.gray {font-size: 14px;}
    .sub-content .label-box .label {font-size: 15px;}
    .sub-content .label-box .txt {
        font-size: 15px;
        padding: 15px;
    }
    .sub-content .bank {
        margin-top: 10px;
        padding: 20px;
    }
    .sub-content .bank h4 {
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sub-content .bank .desc {padding: 0;}
    .sub-content .bank .desc img {width: 50px;}
    .sub-content .notice {margin-bottom: -15px;}
}
@media all and (max-width: 375px) {
    .sub-menu li {margin-right: 15px;}
    .sub-menu li a {font-size: 14px;}
}

/* 브랜드 스토리 */
.sub-brandstory .section-01 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-brandstory .section-01 .txt {padding-right: 50px;}
.sub-brandstory .section-02 {
    background: url(/page/img/stugym_brandstory_bg_01.jpg) center / cover no-repeat;
    text-align: center;
    color: #fff;
}
.sub-brandstory .section-02 .top {
    font-size: 24px;
    font-weight: bold;
}
.sub-brandstory .section-02 .top .green-txt {
    margin-bottom: 25px;
    border-bottom: 2px solid #19dba3;
    display: inline-block;
}
.sub-brandstory .section-02 .top .green-txt span {color: #19dba3;}
.sub-brandstory .section-02 .top .gray-txt {
    margin-bottom: 80px;
    border-bottom: 2px solid #bec4c1;
    display: inline-block;
}
.sub-brandstory .section-02 .top .gray-txt span {color: #bec4c1;}
.sub-brandstory .section-02 .bottom > div {margin-bottom: 50px;}
.sub-brandstory .section-02 .bottom > div:last-child {margin-bottom: 0;}
.sub-brandstory .section-02 .bottom > div strong {
    font-size: 24px;
    color: #19dba3;
    display: block;
    margin-bottom: 10px;
}
.sub-brandstory .section-03 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-brandstory .section-03 .txt {padding-right: 50px;}
.sub-brandstory .section-04 {
    background: url(/page/img/stugym_brandstory_bg_02.jpg) center / cover no-repeat;
    text-align: center;
}
.sub-brandstory .section-05 .desc .box {
    background: #f4f6f9;
    border-radius: 10px;
    padding: 20px;
    margin: 15px 0;
}
.sub-brandstory .section-05 .desc .box b {
    display: block;
    color: #097b63;
}
.sub-brandstory .section-05 .certificate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 50px;
}
.sub-brandstory .section-05 .certificate li {
    width: calc((100% - 60px)/7);
    margin-right: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.sub-brandstory .section-05 .certificate li:last-child {margin-right: 0;}
.sub-brandstory .section-06 {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.sub-brandstory .section-06 > div {
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    padding: 120px 30px 0;
}
.sub-brandstory .section-06 .left {
    background-image: url(/page/img/stugym_brandstory_bg_03.jpg);
}
.sub-brandstory .section-06 .right {
    background-image: url(/page/img/stugym_brandstory_bg_04.jpg);
    color: #fff;
}
.sub-brandstory .section-06 .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 60px;
}
.sub-brandstory .section-06 .btn-wrap li {margin-right: 10px;}
.sub-brandstory .section-06 .btn-wrap li:last-child {margin-right: 0;}
.sub-brandstory .section-06 .btn-wrap li a {display: block;}
.sub-brandstory .section-06 .more-btn {
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: #097b63;
    max-width: 250px;
    font-size: 18px;
    margin: 50px auto 60px;
    transition: all .3s;
    border: none;
}
.sub-brandstory .section-06 .more-btn:hover {background: #19dba3;}
.sub-brandstory .section-07 .desc p {margin: 40px 0 20px;}
.sub-brandstory .section-07 .sign {
    display: flex;
    align-items: center;
    margin-top: 100px;
}
.sub-brandstory .section-07 .sign b {
    font-size: 16px;
    margin-right: 15px;
}
.sub-brandstory .section-07 .img {
    position: absolute;
    right: 50px;
    bottom: 0;
    max-width: 800px;
    width: 100%;
}
@media all and (max-width: 1024px) {
    .sub-brandstory .section-06 > div {
        width: 100%;
    }
    .sub-brandstory .section-07 .img {max-width: 500px;}
}
@media all and (max-width: 991px) {
    .sub-brandstory .section-01 .txt,
    .sub-brandstory .section-03 .txt {width: 70%;}
    .sub-brandstory .section-01 .img,
    .sub-brandstory .section-03 .img {width: 30%;}
    .sub-brandstory .section-07 .img {max-width: 350px;}
}
@media all and (max-width: 767px) {
    .sub-brandstory .section-01 .container,
    .sub-brandstory .section-03 .container {flex-wrap: wrap;}
    .sub-brandstory .section-01 .txt,
    .sub-brandstory .section-03 .txt {
        padding: 0 0 15px;
        width: 100%;
    }
    .sub-brandstory .section-01 .img,
    .sub-brandstory .section-03 .img {
        width: 100%;
        text-align: center;
    }
    .sub-brandstory .section-01 .img img,
    .sub-brandstory .section-03 .img img {max-width: 200px;}
    .sub-brandstory .section-02 .top {font-size: 18px;}
    .sub-brandstory .section-02 .top .green-txt {margin-bottom: 15px;}
    .sub-brandstory .section-02 .top .gray-txt {margin-bottom: 40px;}
    .sub-brandstory .section-02 .bottom > div {margin-bottom: 30px;}
    .sub-brandstory .section-02 .bottom > div strong {font-size: 18px;}
    .sub-brandstory .section-05 .certificate {
        margin-top: 30px;
        margin-bottom: -10px;
        justify-content: center;
    }
    .sub-brandstory .section-05 .certificate li {
        width: calc((100% - 30px)/4);
        margin-bottom: 10px;
    }
    .sub-brandstory .section-05 .certificate li:nth-child(4n) {margin-right: 0;}
    .sub-brandstory .section-06 > div {padding: 50px 15px 0;}
    .sub-brandstory .section-06 .btn-wrap {margin: 30px 0 40px;}
    .sub-brandstory .section-06 .more-btn {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin: 30px auto 40px;
    }
    .sub-brandstory .section-07 .desc p {margin: 30px 0 15px;}
    .sub-brandstory .section-07 .sign {margin-top: 40px;}
    .sub-brandstory .section-07 .sign b {font-size: 14px;}
    .sub-brandstory .section-07 .sign img {width: 50px;}
    .sub-brandstory .section-07 .img {
        max-width: 200px;
        right: 15px;
    }
}

/* 회사 개요 */
.sub-summary .section-01 {text-align: center;}
.sub-summary .section-01 .brand-name {margin: 30px 0 150px;}
.sub-summary .section-01 .history {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    text-align: left;
    position: relative;
}
.sub-summary .section-01 .history::after {
    content: "";
    border: 4px solid #dee1e0;
    display: block;
    width: 100%;
    height: 11px;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 61px;
}
.sub-summary .section-01 .history li {
    position: relative;
    width: 25%;
    padding-right: 30px;
    z-index: 1;
}
.sub-summary .section-01 .history li .date {
    font-size: 30px;
    font-weight: bold;
    color: #097b63;
}
.sub-summary .section-01 .history li .date::after {
    content: "";
    background: #fff;
    border: 4px solid #097b63;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    display: block;
    margin: 20px 0 30px;
}
.sub-summary .section-01 .history li .logo {height: 28px;}
.sub-summary .section-01 .history li b {
    font-size: 18px;
    display: block;
    margin: 15px 0 25px;
}
.sub-summary .section-02 {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.sub-summary .section-02 > div {
    width: 50%;
    position: relative;
    padding: 120px 100px;
}
.sub-summary .section-02 .left {background: #f5f6fa;}
.sub-summary .section-02 .right {
    background: #097b63;
    color: #fff;
    position: relative;
}
.sub-summary .section-02 .right .img {
    position: absolute;
    right: 50px;
    bottom: 0;
    max-width: 392px;
    width: 100%;
}
.sub-summary .section-03 {text-align: center;}
.sub-summary .section-03 .principle {
    display: flex;
    flex-wrap: wrap;
}
.sub-summary .section-03 .principle li {
    width: 33.33%;
    padding: 0 30px;
}
.sub-summary .section-03 .principle li strong {
    font-size: 24px;
    color: #097b63;
    display: block;
    margin: 50px 0 25px;
}
.sub-summary .section-04 {background: #f5f6fa;}
.sub-summary .section-04 .title {text-align: center;}
.sub-summary .section-04 .content {}
.sub-summary .section-04 .content > div {margin-bottom: 100px;}
.sub-summary .section-04 .content > div:last-child {margin-bottom: 0;}
.sub-summary .section-04 .content h4 {
    font-size: 30px;
    border-bottom: 1px solid #111;
    padding-bottom: 15px;
    margin-bottom: 50px;
}
.sub-summary .section-04 .content h4 span {
    font-size: 20px;
    color: #097b63;
    margin-left: 8px;
}
.sub-summary .section-04 .content .motivation > li {margin-bottom: 100px;}
.sub-summary .section-04 .content .motivation > li:last-child {margin-bottom: 0;}
.sub-summary .section-04 .content .motivation > li h5 {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
}
.sub-summary .section-04 .content .motivation > li h5 b {
    width: calc(100% - 30px);
    font-size: 24px;
    padding-left: 15px;
}
.sub-summary .section-04 .content .motivation > li .process-wrap .process {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.sub-summary .section-04 .content .motivation > li .process-wrap .process:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sub-summary .section-04 .content .motivation > li .process {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}
.sub-summary .section-04 .content .motivation > li .process > li {
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
}
.sub-summary .section-04 .content .motivation > li .process > li:last-child {margin-right: 0;}
.sub-summary .section-04 .content .motivation > li .process > li > div {
    border: 2px solid #ddd;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 20px 15px;
}
.sub-summary .section-04 .content .motivation > li .process > li > div::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    display: block;
    position: absolute;
    right: -26px;
}
.sub-summary .section-04 .content .motivation > li .process > li:first-child > div {border: 2px dashed #097b63;}
.sub-summary .section-04 .content .motivation > li .process > li.border-green > div {border: 2px solid #097b63;}
.sub-summary .section-04 .content .motivation > li .process > li:last-child > div::after {content: none;}
.sub-summary .section-04 .content .motivation > li .process > li > div.add-txt {
    background: #097b63;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: auto;
    padding: 10px;
    display: block;
    border: none;
    color: #fff;
    margin-top: 10px;
}
.sub-summary .section-04 .content .motivation > li .process > li > div.add-txt::after {content: none;}
.sub-summary .section-04 .content .motivation > li .process > li > div > div {width: 100%;}
.sub-summary .section-04 .content .motivation > li .process .double {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-summary .section-04 .content .motivation > li .process .double .plus {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 10px;
}
.sub-summary .section-04 .content .motivation > li .process .double .plus span::before {
    content: "";
    background: #097b63;
    width: 2px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sub-summary .section-04 .content .motivation > li .process .double .plus span::after {
    content: "";
    background: #097b63;
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub-summary .section-04 .content .motivation > li .process > li img {margin-bottom: 10px;}
.sub-summary .section-04 .content .motivation > li .process > li b {
    display: block;
    font-size: 18px;
}
.sub-summary .section-04 .content .motivation > li .process > li b span {color: #097b63;}
.sub-summary .section-04 .content .motivation > li .process > li p {
    font-size: 16px;
    border-top: 1px solid #097b63;
    margin-top: 10px;
    padding-top: 10px;
}
.sub-summary .section-04 .content .motivation > li .process > li p span {color: #097b63;}

.sub-summary .section-04 .content .motivation > li:first-child .process > li {width: calc((100% - 180px)/7);}
.sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li {width: calc((100% - 150px)/6);}
.sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(6n) {margin-right: 0;}
.sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(6n) > div::after {content: none;}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:first-child > li {
    width: calc((100% - 90px)/4);
    min-height: 165px;
}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:first-child > li:nth-child(4n) {margin-right: 0;}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:first-child > li:nth-child(4n) > div::after {content: none;}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:nth-child(2) > li,
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:last-child > li {width: calc((100% - 120px)/5);}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:nth-child(2) > li:nth-child(5n),
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:last-child > li:nth-child(5n) {margin-right: 0;}
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:nth-child(2) > li:nth-child(5n) > div::after,
.sub-summary .section-04 .content .motivation > li:nth-child(3) .process:last-child > li:nth-child(5n) > div::after {content: none;}
.sub-summary .section-04 .content .box {
    background: #fff;
    border-radius: 10px;
    margin-top: 30px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
}
.sub-summary .section-04 .content .box .left {
    font-size: 18px;
    font-weight: bold;
}
.sub-summary .section-04 .content .box .left b {
    display: block;
    font-size: 20px;
    color: #097b63;
    margin-bottom: 8px;
}
.sub-summary .section-04 .content .box .right {
    border-left: 1px solid #ddd;
    margin-left: 50px;
    padding-left: 50px;
    display: flex;
    flex-wrap: wrap;
}
.sub-summary .section-04 .content .box .right > div {
    border: 1px solid #097b63;
    border-radius: 10px;
    position: relative;
    padding: 20px;
    padding-right: 50px;
    display: flex;
    align-items: center;
}
.sub-summary .section-04 .content .box .right > div:first-child {margin-right: 30px;}
.sub-summary .section-04 .content .box .right > div:first-child::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    display: block;
    position: absolute;
    right: -26px;
}
@media all and (max-width: 1300px) {
    .sub-summary .section-02 > div {padding: 120px 30px;}
}
@media all and (max-width: 1024px) {
    .sub-summary .section-01 .img-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
    }
    .sub-summary .section-01 .img-wrap::-webkit-scrollbar {height: 6px;}
    .sub-summary .section-01 .img-wrap::-webkit-scrollbar-track {background-color:#eeeeee; border-radius: 6px}
    .sub-summary .section-01 .img-wrap::-webkit-scrollbar-thumb {background-color:#097b63; border-radius: 6px;}
    .sub-summary .section-01 .img-wrap img {
        width: 1000px;
        max-width: none;
    }
    .sub-summary .section-02 > div {width: 100%;}
    .sub-summary .section-04 .content .motivation > li .process {justify-content: center;}
    .sub-summary .section-04 .content .motivation > li:first-child .process > li {
        width: calc((100% - 90px)/4);
        margin-bottom: 80px;
    }
    .sub-summary .section-04 .content .motivation > li:first-child .process > li:nth-child(4n) {margin-right: 0;}
    .sub-summary .section-04 .content .motivation > li:first-child .process > li:nth-child(4n) > div::after {content: none;}
    .sub-summary .section-04 .content .box .left {width: 100%;}
    .sub-summary .section-04 .content .box .right {
        width: 100%;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div {
        width: 100%;
        margin: 0 0 30px;
    }
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-summary .section-05 .content > div:nth-child(3) .functions > li {
        width: 100%;
        margin: 0 0 30px;
    }
}
@media all and (max-width: 991px) {
    .sub-summary .section-01 .brand-name {margin: 0 0 80px;}
    .sub-summary .section-01 .history {padding: 20px 0;}
    .sub-summary .section-01 .history::after {
        content: "";
        border: 4px solid #dee1e0;
        display: block;
        width: 11px;
        height: 100%;
        border-radius: 11px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .sub-summary .section-01 .history li {
        width: 100%;
        padding: 0;
        padding-left: 50px;
        margin-bottom: 50px;
    }
    .sub-summary .section-01 .history li:last-child {margin-bottom: 0;}
    .sub-summary .section-01 .history li .date {font-size: 30px;}
    .sub-summary .section-01 .history li .date::after {
        position: absolute;
        top: 5px;
        left: -5px;
        margin: 0;
    }
    .sub-summary .section-01 .history li .logo {margin-top: 20px;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li {width: calc((100% - 90px)/4) !important;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(6n),
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(5n) {margin-right: 30px !important;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(6n) > div::after,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(5n) > div::after {
        content: "" !important;
        background: url(/page/img/process_arrow.svg) center / cover no-repeat;
        width: 18px;
        height: 16px;
        display: block;
        position: absolute;
        right: -26px;
    }
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(4n),
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(4n),
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:last-child {margin-right: 0 !important;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(4n) > div::after,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(4n) > div::after,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:last-child > div::after {content: none !important;}

}
@media all and (max-width: 767px) {
    .sub-summary .section-01 .img-wrap img {width: 800px;}
    .sub-summary .section-01 .brand-name {
        margin-bottom: 50px;
        max-width: 200px;
    }
    .sub-summary .section-01 .history li {
        padding-left: 35px;
        margin-bottom: 40px;
    }
    .sub-summary .section-01 .history li .date {font-size: 20px;}
    .sub-summary .section-01 .history li b {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .sub-summary .section-02 > div {padding: 50px 15px;}
    .sub-summary .section-02 .right .img {
        max-width: 180px;
        right: 15px;
    }
    .sub-summary .section-03 .principle li {
        width: 100%;
        padding: 15px 0;
    }
    .sub-summary .section-03 .principle li strong {
        font-size: 20px;
        margin: 20px 0 15px;
    }
    .sub-summary .section-04 .content > div {margin-bottom: 50px;}
    .sub-summary .section-04 .content h4 {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .sub-summary .section-04 .content h4 span {font-size: 14px;}
    .sub-summary .section-04 .content .motivation > li {margin-bottom: 40px;}
    .sub-summary .section-04 .content .motivation > li h5 b {
        width: calc(100% - 20px);
        font-size: 18px;
    }
    .sub-summary .section-04 .content .motivation > li .process > li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }
    .sub-summary .section-04 .content .motivation > li .process > li > div {height: auto;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(4n) > div::after,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(4n) > div::after,
    .sub-summary .section-04 .content .motivation > li .process > li > div::after {
        content: "" !important;
        bottom: -31px !important;
        left: 48% !important;
        right: auto !important;
        transform: rotate(90deg) translateX(-50%) !important;
    }
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:last-child > div::after,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:last-child > div::after,
    .sub-summary .section-04 .content .motivation > li .process > li:last-child > div::after {content: none !important;}
    .sub-summary .section-04 .content .motivation > li:first-child .process > li {
        margin-bottom: 60px;
    }
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li,
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li {width: 100% !important;}
    .sub-summary .section-04 .content .motivation > li:nth-child(2) .process > li:nth-child(6n),
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process > li:nth-child(5n) {margin-right: 0 !important;}
    .sub-summary .section-04 .content .motivation > li:nth-child(3) .process:first-child > li {min-height: auto;}
    .sub-summary .section-04 .content .box {padding: 20px;}
    .sub-summary .section-04 .content .box .left {font-size: 15px;}
    .sub-summary .section-04 .content .box .left b {font-size: 16px;}
    .sub-summary .section-04 .content .box .right > div {
        width: 100%;
        padding: 15px;
    }
    .sub-summary .section-04 .content .box .right > div:first-child {margin: 0 0 30px;}
    .sub-summary .section-04 .content .box .right > div:first-child::after {
        content: "";
        bottom: -31px;
        left: 48%;
        right: auto;
        transform: rotate(90deg) translateX(-50%);
    }
    .sub-summary .section-05 .content > div {padding-bottom: 50px;}
    .sub-summary .section-05 .content > div:first-child .top h6 {
        font-size: 18px;
        padding: 10px;
    }
    .sub-summary .section-05 .content > div:first-child .top .list-wrap {padding: 20px;}
    .sub-summary .section-05 .content > div:first-child .top .list-wrap li {
        width: 100%;
        padding: 0;
    }
    .sub-summary .section-05 .content > div:first-child .bottom li {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div h6 b {font-size: 18px;}
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div .box {padding: 10px 10px 0;}
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div .box > div {
        width: 100%;
        margin: 0 0 10px;
        min-height: auto;
        font-size: 14px;
    }
    .sub-summary .section-05 .content > div:nth-child(2) .box-wrap > div .box > div b {font-size: 16px;}
    .sub-summary .section-05 .content > div:nth-child(3) {padding-top: 50px;}
    .sub-summary .section-05 .content > div:nth-child(3) .functions > li {
        padding: 20px;
        margin-bottom: 15px;
    }
    .sub-summary .section-05 .content > div:nth-child(3) .functions > li > p {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .sub-summary .section-05 .content > div:nth-child(3) .functions > li > strong {
        font-size: 18px;
        padding-bottom: 12px;
        margin-bottom: 20px;
    }
    .sub-summary .section-05 .content > div:nth-child(4) {padding-top: 50px;}
    .sub-summary .section-05 .content > div:nth-child(4) .features li {
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #ddd !important;
        padding: 30px 0 !important;
    }
    .sub-summary .section-05 .content > div:nth-child(4) .features li:last-child {border-bottom: none !important;}
    .sub-summary .section-05 .content > div:nth-child(4) .features li strong {
        font-size: 20px;
        margin: 20px 0 15px;
    }
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div {
        width: 100%;
        margin: 0 0 50px;
    }
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div::before {
        width: 30px;
        height: 30px;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;
    }
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div::after {
        width: 18px;
        height: 17px;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: -35px;
    }
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div h5 {
        font-size: 18px;
        padding: 10px;
    }
    .sub-summary .section-05 .content > div:nth-child(5) .box-wrap > div ul li {
        font-size: 15px;
        padding: 10px;
    }
}

/* 특허 및 상표 */
.sub-certificate section {padding-bottom: 0;}
.sub-certificate .title {text-align: center;}
.sub-certificate .content > div {
    border-bottom: 1px solid #eee;
    padding: 50px 20px;
}
.sub-certificate .content > div:first-child {border-top: 2px solid #111;}
.sub-certificate .content .top {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-certificate .content .top .img {
    border: 1px solid #ddd;
    width: 180px;
}
.sub-certificate .content .top .txt {
    width: calc(100% - 180px);
    padding-top: 10px;
    padding-left: 50px;
}
.sub-certificate .content .top.no-img .txt {
    padding-left: 0;
    width: 100%;
}
.sub-certificate .content .top .txt h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.sub-certificate .list-wrap li {margin-bottom: 5px;}
.sub-certificate .list-wrap li p {font-size: 16px;}
.sub-certificate .section-01 ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px;
}
.sub-certificate .section-01 ul li {
    width: calc((100% - 45px)/4);
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    background: #f5f6fa;
    border-radius: 10px;
    padding: 30px;
    min-height: 315px;
}
.sub-certificate .section-01 ul li:nth-child(4n) {margin-right: 0;}
.sub-certificate .section-01 ul li strong {
    font-size: 24px;
    display: block;
    margin: 20px 0 30px;
    height: 58px;
}
.sub-certificate .section-01 ul li::after {
    content: "";
    background: url(/page/img/quote_end_gray.svg) center / cover no-repeat;
    width: 59px;
    height: 41px;
    display: block;
    position: absolute;
    right: 25px;
    bottom: 25px;
    opacity: 0.3;
}
.sub-certificate .section-02 .content .bottom {
    background: #f5f6fa;
    border-radius: 10px;
    margin-top: 30px;
    padding: 30px;
    font-size: 16px;
}
.sub-certificate .section-02 .content .bottom > b {
    display: block;
    color: #097b63;
    border-bottom: 1px solid #097b63;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.sub-certificate .section-02 .content .bottom .functions {margin-bottom: 50px;}
.sub-certificate .section-02 .content .bottom .functions li {margin-bottom: 20px;}
.sub-certificate .section-02 .content .bottom .functions li b {
    display: block;
    margin-bottom: 8px;
}
.sub-certificate .section-02 .content .bottom .box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px;
}
.sub-certificate .section-02 .content .bottom .box-wrap > div {
    width: calc((100% - 15px)/2);
    margin-right: 15px;
    margin-bottom: 15px;
}
.sub-certificate .section-02 .content .bottom .box-wrap > div:nth-child(2n) {margin-right: 0;}
.sub-certificate .section-02 .content .bottom .box-wrap > div:last-child {
    margin-right: 0;
    width: 100%;
}
.sub-certificate .section-02 .content .bottom .box-wrap .label-box .txt {border: none;}
.sub-certificate .section-02 .content > div:nth-child(2) .bottom .box-wrap > div {width: 100%;}
.sub-certificate .section-02 .content > div:nth-child(3) .bottom .box-wrap > div .txt {min-height: 175px;}
.sub-certificate .section-02 .content > div:nth-child(3) .bottom .box-wrap > div:last-child .txt {min-height: auto;}
.sub-certificate .section-04 > ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px;
    border-top: 2px solid #111;
    padding: 50px 20px 0;
}
.sub-certificate .section-04 > ul > li {
    width: calc((100% - 15px)/2);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px;
}
.sub-certificate .section-04 > ul > li:nth-child(2n) {margin-right: 0;}
.sub-certificate .section-04 > ul > li > b {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    display: block;
}
.sub-certificate .section-05 .box {
    border-top: 2px solid #111;
    padding: 50px 20px 0;
}
.sub-certificate .section-05 .box .desc {
    background: #f5f6fa;
    padding: 30px;
    border-radius: 10px;
}
@media all and (max-width: 1024px) {
    .sub-certificate .section-01 ul li {width: calc((100% - 30px)/3);}
    .sub-certificate .section-01 ul li:nth-child(4n) {margin-right: 15px;}
    .sub-certificate .section-01 ul li:nth-child(3n) {margin-right: 0;}
}
@media all and (max-width: 767px) {
    .sub-certificate .section-01 ul {margin-bottom: 0;}
    .sub-certificate .section-01 ul li {
        width: 100%;
        padding: 20px 20px 30px;
        min-height: auto;
        margin: 0 0 15px !important;
    }
    .sub-certificate .section-01 ul li:last-child {margin-bottom: 0 !important;}
    .sub-certificate .section-01 ul li strong {
        font-size: 18px;
        margin: 10px 0 20px;
        height: auto;
    }
    .sub-certificate .section-01 ul li::after {
        width: 39px;
        height: 27px;
        right: 15px;
        bottom: 15px;
    }
    .sub-certificate .content > div {padding: 20px 0;}
    .sub-certificate .content .top .img {
        display: block;
        margin: 0 auto;
        width: 150px;
    }
    .sub-certificate .content .top .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .sub-certificate .content .top .txt h4 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .sub-certificate .list-wrap li p {font-size: 15px;}
    .sub-certificate .section-02 .content .bottom {
        font-size: 15px;
        padding: 20px;
        margin-top: 15px;
    }
    .sub-certificate .section-02 .content .bottom > b {margin-bottom: 15px;}
    .sub-certificate .section-02 .content .bottom .box-wrap > div {
        width: 100%;
        margin-right: 0;
    }
    .sub-certificate .section-04 > ul {padding: 20px 0;}
    .sub-certificate .section-04 > ul > li {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }
    .sub-certificate .section-04 > ul > li > b {font-size: 16px;}
    .sub-certificate .section-05 .box {padding: 20px 0 0;}
    .sub-certificate .section-05 .box .desc {padding: 20px;}
}
/* 학습 추적 관리 시스템 */
.sub-system {padding: 120px 0;}
.sub-system .title {text-align: center;}
.sub-system .content > div {padding-bottom: 100px;}
.sub-system .content > div:last-child {padding-bottom: 0;}
.sub-system .content > div:first-child .table-wrap {margin-bottom: 80px;}
.sub-system .content > div:first-child .top {
    background: #fff;
    box-shadow: 0 10px 30px rgb(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}
.sub-system .content > div:first-child .top h6 {
    background: #097b63;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 15px;
}
.sub-system .content > div:first-child .top .list-wrap {
    padding: 30px 50px 22px;
    display: flex;
    flex-wrap: wrap;
}
.sub-system .content > div:first-child .top .list-wrap li {
    width: 50%;
    padding-right: 15px;
    font-weight: 500;
}
.sub-system .content > div:first-child .bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: -15px;
}
.sub-system .content > div:first-child .bottom li {
    width: calc((100% - 30px)/3);
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f5f6fa;
    border-top: 3px solid #097b63;
    padding: 30px;
    display: flex;
    align-items: start;
}
.sub-system .content > div:first-child .bottom li:nth-child(3n) {margin-right: 0;}
.sub-system .content > div:first-child .bottom li .desc {
    width: calc(100% - 30px);
    padding-left: 15px;
    margin-top: -5px;
}
.sub-system .content > div:nth-child(2) .box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.sub-system .content > div:nth-child(2) .box-wrap > div {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
}
.sub-system .content > div:nth-child(2) .box-wrap > div:last-child {margin-right: 0;}
.sub-system .content > div:nth-child(2) .box-wrap > div h6 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.sub-system .content > div:nth-child(2) .box-wrap > div h6 b {
    font-size: 20px;
    width: calc(100% - 30px);
    padding-left: 12px;
}
.sub-system .content > div:nth-child(2) .box-wrap > div .box {
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}
.sub-system .content > div:nth-child(2) .box-wrap > div:first-child .box {border: 2px solid #097b63;}
.sub-system .content > div:nth-child(2) .box-wrap > div:last-child .box {border: 1px solid #ddd;}
.sub-system .content > div:nth-child(2) .box-wrap > div .box > div {
    width: calc((100% - 20px)/3);
    margin-right: 10px;
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-system .content > div:nth-child(2) .box-wrap > div .box > div:last-child {margin-right: 0;}
.sub-system .content > div:nth-child(2) .box-wrap > div .box > div b {
    font-size: 18px;
    width: 100%;
}
.sub-system .content > div:nth-child(2) .box-wrap > div .box > div b span {color: #097b63;}
.sub-system .content > div:nth-child(2) .box-wrap > div .box > div b span.blue {color: #1f54cb;}
.sub-system .content > div:nth-child(3) {
    background: url(/page/img/stugym_summary_bg_01.jpg) center / cover no-repeat;
    padding-top: 100px;
}
.sub-system .content > div:nth-child(3) .title {color: #fff;}
.sub-system .content > div:nth-child(3) .functions {
    display: flex;
    flex-wrap: wrap;
}
.sub-system .content > div:nth-child(3) .functions > li {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
}
.sub-system .content > div:nth-child(3) .functions > li:last-child {margin-right: 0;}
.sub-system .content > div:nth-child(3) .functions > li > p {
    font-size: 60px;
    font-weight: bold;
    color: #097b63;
    margin-bottom: 20px;
    line-height: 1;
}
.sub-system .content > div:nth-child(3) .functions > li > strong {
    font-size: 20px;
    display: block;
    border-bottom: 1px solid #aaa;
    padding-bottom: 30px;
    margin-bottom: 30px;
    line-height: 1.5;
}
.sub-system .content > div:nth-child(4) {padding-top: 100px;}
.sub-system .content > div:nth-child(4) .features {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.sub-system .content > div:nth-child(4) .features li {
    width: 33.33%;
    padding: 20px;
    border-right: 1px solid #ddd;
}
.sub-system .content > div:nth-child(4) .features li:nth-child(3n) {border-right: none;}
.sub-system .content > div:nth-child(4) .features li:first-child,
.sub-system .content > div:nth-child(4) .features li:nth-child(2),
.sub-system .content > div:nth-child(4) .features li:nth-child(3) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
.sub-system .content > div:nth-child(4) .features li:nth-child(4),
.sub-system .content > div:nth-child(4) .features li:nth-child(5),
.sub-system .content > div:nth-child(4) .features li:last-child {padding-top: 50px;}
.sub-system .content > div:nth-child(4) .features li strong {
    font-size: 24px;
    color: #097b63;
    display: block;
    margin: 50px 0 25px;
}
.sub-system .content > div:nth-child(5) .box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-system .content > div:nth-child(5) .box-wrap > div {
    width: calc((100% - 80px)/2);
    margin-right: 80px;
    background: #f5f6fa;
    border-radius: 10px;
    position: relative;
}
.sub-system .content > div:nth-child(5) .box-wrap > div::before {
    content: "";
    background: #097b63;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -65px;
    z-index: 1;
}
.sub-system .content > div:nth-child(5) .box-wrap > div::after {
    content: "";
    background: url(/page/img/double_arrow.svg) center / cover no-repeat;
    width: 21px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -52px;
    z-index: 1;
}
.sub-system .content > div:nth-child(5) .box-wrap > div:last-child {margin-right: 0;}
.sub-system .content > div:nth-child(5) .box-wrap > div:last-child::before,
.sub-system .content > div:nth-child(5) .box-wrap > div:last-child::after {content: none;}
.sub-system .content > div:nth-child(5) .box-wrap > div h5 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 8px 8px 0 0;
}
.sub-system .content > div:nth-child(5) .box-wrap > div ul {padding: 20px;}
.sub-system .content > div:nth-child(5) .box-wrap > div ul li {
    background: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
}
.sub-system .content > div:nth-child(5) .box-wrap > div ul li:last-child {margin-bottom: 0;}
.sub-system .content > div:nth-child(5) .box-wrap .left h5 {background: #dadce2;}
.sub-system .content > div:nth-child(5) .box-wrap .right {border: 2px solid #097b63;}
.sub-system .content > div:nth-child(5) .box-wrap .right h5 {
    background: #097b63;
    color: #fff;
}
.sub-system .content > div:nth-child(6) .table-wrap .td-bg {width: 22%;}
@media all and (max-width: 1024px) {
    .sub-system .content > div:nth-child(2) .box-wrap > div {
        width: 100%;
        margin: 0 0 30px;
    }
    .sub-system .content > div:nth-child(2) .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-system .content > div:nth-child(3) .functions > li {
        width: 100%;
        margin: 0 0 30px;
    }
}
@media all and (max-width: 767px) {
    .sub-system {padding: 50px 0;}
    .sub-system .content > div {padding-bottom: 50px;}
    .sub-system .content > div:first-child .top h6 {
        font-size: 18px;
        padding: 10px;
    }
    .sub-system .content > div:first-child .top .list-wrap {padding: 20px;}
    .sub-system .content > div:first-child .top .list-wrap li {
        width: 100%;
        padding: 0;
    }
    .sub-system .content > div:first-child .bottom li {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }
    .sub-system .content > div:nth-child(2) .box-wrap > div h6 b {font-size: 18px;}
    .sub-system .content > div:nth-child(2) .box-wrap > div .box {padding: 10px 10px 0;}
    .sub-system .content > div:nth-child(2) .box-wrap > div .box > div {
        width: 100%;
        margin: 0 0 10px;
        min-height: auto;
        font-size: 14px;
    }
    .sub-system .content > div:nth-child(2) .box-wrap > div .box > div b {font-size: 16px;}
    .sub-system .content > div:nth-child(3) {padding-top: 50px;}
    .sub-system .content > div:nth-child(3) .functions > li {
        padding: 20px;
        margin-bottom: 15px;
    }
    .sub-system .content > div:nth-child(3) .functions > li > p {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .sub-system .content > div:nth-child(3) .functions > li > strong {
        font-size: 18px;
        padding-bottom: 12px;
        margin-bottom: 20px;
    }
    .sub-system .content > div:nth-child(4) {padding-top: 50px;}
    .sub-system .content > div:nth-child(4) .features li {
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #ddd !important;
        padding: 30px 0 !important;
    }
    .sub-system .content > div:nth-child(4) .features li:last-child {border-bottom: none !important;}
    .sub-system .content > div:nth-child(4) .features li strong {
        font-size: 20px;
        margin: 20px 0 15px;
    }
    .sub-system .content > div:nth-child(5) .box-wrap > div {
        width: 100%;
        margin: 0 0 50px;
    }
    .sub-system .content > div:nth-child(5) .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-system .content > div:nth-child(5) .box-wrap > div::before {
        width: 30px;
        height: 30px;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;
    }
    .sub-system .content > div:nth-child(5) .box-wrap > div::after {
        width: 18px;
        height: 17px;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: -35px;
    }
    .sub-system .content > div:nth-child(5) .box-wrap > div h5 {
        font-size: 18px;
        padding: 10px;
    }
    .sub-system .content > div:nth-child(5) .box-wrap > div ul li {
        font-size: 15px;
        padding: 10px;
    }
}

/* 대표이사소개 */
.sub-ceo .title {text-align: center;}
.sub-ceo .section-01 .container {position: relative;}
.sub-ceo .section-01 .title {
    text-align: left;
    margin-bottom: 150px;
    padding-right: 380px;
}
.sub-ceo .section-01 .title .top-txt {
    font-size: 30px;
    color: #097b63;
    margin-bottom: 20px;
}
.sub-ceo .section-01 .img {
    position: absolute;
    right: 0;
    top: 0;
}
.sub-ceo .section-01 .history {
    position: relative;
    padding: 20px 0;
}
.sub-ceo .section-01 .history::after {
    content: "";
    border: 4px solid #dee1e0;
    display: block;
    width: 11px;
    height: 100%;
    border-radius: 11px;
    position: absolute;
    top: 0;
    left: calc(22% - 10px);
}
.sub-ceo .section-01 .history > li {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    margin-bottom: 100px;
}
.sub-ceo .section-01 .history > li:last-child {margin-bottom: 0;}
.sub-ceo .section-01 .history > li .date {
    font-size: 60px;
    font-weight: bold;
    color: #097b63;
    line-height: 1;
    width: 22%;
    position: relative;
}
.sub-ceo .section-01 .history > li .date::after {
    content: "";
    background: #fff;
    border: 4px solid #097b63;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    display: block;
    position: absolute;
    top: 10px;
    right: -6px;
    z-index: 1;
}
.sub-ceo .section-01 .history > li .detail {
    width: 78%;
    padding-left: 80px;
}
.sub-ceo .section-01 .history > li .title {
    text-align: left;
    margin-bottom: 30px;
}
.sub-ceo .section-01 .history > li p.gray {margin-top: 10px;}
.sub-ceo .section-01 .history > li .box {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 30px;
}
.sub-ceo .section-01 .history > li:nth-child(2) .box {
    border: 3px dashed #097b63;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.sub-ceo .section-01 .history > li .box strong {
    font-size: 24px;
    color: #097b63;
    border-bottom: 1px solid #097b63;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.sub-ceo .section-01 .history > li .box strong img {margin-top: -5px;}
.sub-ceo .section-01 .history > li .box .list-wrap b {
    display: block;
    margin-bottom: 5px;
}
.sub-ceo .section-01 .history > li .box .list-wrap .desc {color: #111;}
.sub-ceo .section-01 .history > li .bar-title {margin: 50px 0 20px;}
.sub-ceo .section-01 .history > li .bar-title::before {height: 19px;}
.sub-ceo .section-01 .history > li .bar-title b {font-size: 20px;}
.sub-ceo .section-01 .history > li .table-wrap {margin-bottom: 30px;}
.sub-ceo .section-01 .label-box {margin-top: 80px;}
.sub-ceo .section-01 .label-box .txt {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}
.sub-ceo .section-01 .label-box .txt > div {
    width: 33.33%;
    border-right: 1px solid #ddd;
    text-align: center;
}
.sub-ceo .section-01 .label-box .txt > div:last-child {border-right: none;}
.sub-ceo .section-01 .label-box .txt > div strong {
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}
.sub-ceo .section-02 {background: #f5f6fa;}
.sub-ceo .section-02 .principle {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.sub-ceo .section-02 .principle li {
    width: 33.33%;
    padding: 0 30px;
}
.sub-ceo .section-02 .principle li strong {
    font-size: 24px;
    color: #097b63;
    display: block;
    margin: 50px 0 25px;
}
.sub-ceo .section-02 .box {
    background: #fff;
    margin: 80px 0 100px;
    border-radius: 10px;
    padding: 30px;
}
.sub-ceo .section-02 .box .list-wrap li b {
    display: block;
    margin-bottom: 5px;
}
.sub-ceo .section-02 .box .list-wrap li .desc {color: #111;}
.sub-ceo .section-02 .box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-ceo .section-02 .box-wrap > div {
    width: calc((100% - 15px)/2);
    margin-right: 15px;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.sub-ceo .section-02 .box-wrap > div:first-child {
    background: #097b63;
    color: #fff;
}
.sub-ceo .section-02 .box-wrap > div:last-child {
    background: #e4e6ea;
    color: #097b63;
    margin-right: 0;
}
.sub-ceo .section-03 {background: url(/page/img/stugym_ceo_bg.jpg) center / cover no-repeat;}
.sub-ceo .section-03 .box {
    background: #fff;
    padding: 80px;
    display: flex;
    flex-wrap: wrap;
}
.sub-ceo .section-03 .box .title {
    width: 33%;
    text-align: left;
}
.sub-ceo .section-03 .box .title h3 img {
    max-width: 245px;
    width: 100%;
    margin-top: 15px;
}
.sub-ceo .section-03 .box .content {
    width: 67%;
    border-left: 1px solid #ddd;
    padding-left: 80px;
}
.sub-ceo .section-03 .box .content > div {margin-bottom: 50px;}
.sub-ceo .section-03 .box .content > div:last-child {margin-bottom: 0;}
.sub-ceo .section-03 .box .content > div > b {
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}
@media all and (max-width: 1024px) {
    .sub-ceo .section-01 .history > li .date {font-size: 50px;}
    .sub-ceo .section-03 .box {padding: 50px;}
    .sub-ceo .section-03 .box .title h3 img {
        max-width: 180px;
        display: block;
    }
    .sub-ceo .section-03 .box .content {padding-left: 50px;}
}
@media all and (max-width: 991px) {
    .sub-ceo .section-01 .history::after {left: 0;}
    .sub-ceo .section-01 .history > li {
        margin-bottom: 50px;
        padding-left: 50px;
        position: relative;
    }
    .sub-ceo .section-01 .history > li .date {
        position: static;
        width: 100%;
        font-size: 30px;
    }
    .sub-ceo .section-01 .history > li .date::after {
        right: auto;
        left: -5px;
    }
    .sub-ceo .section-01 .history > li .date br {display: none;}
    .sub-ceo .section-01 .history > li .detail {
        width: 100%;
        padding: 30px 0 0;
    }
    .sub-ceo .section-03 .box .title {width: 100%;}
    .sub-ceo .section-03 .box .content {
        width: 100%;
        border-left: none;
        border-top: 1px solid #ddd;
        padding: 50px 0 0;
    }
}
@media all and (max-width: 767px) {
    .sub-ceo .section-01 .title {
        text-align: center;
        padding: 0;
        margin-bottom: 30px;
    }
    .sub-ceo .section-01 .title .top-txt {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .sub-ceo .section-01 .img {
        position: static;
        text-align: center;
        margin-bottom: 30px;
    }
    .sub-ceo .section-01 .history > li {
        padding-left: 35px;
        margin-bottom: 40px;
    }
    .sub-ceo .section-01 .history > li .date {font-size: 24px;}
    .sub-ceo .section-01 .history > li .date::after {top: 0;}
    .sub-ceo .section-01 .history > li .detail {padding-top: 15px;}
    .sub-ceo .section-01 .history > li .box {padding: 20px;}
    .sub-ceo .section-01 .history > li .box strong {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-ceo .section-01 .history > li .bar-title b {font-size: 16px;}
    .sub-ceo .section-01 .label-box .txt {padding: 0 15px;}
    .sub-ceo .section-01 .label-box .txt > div {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 25px 0;
    }
    .sub-ceo .section-01 .label-box .txt > div strong {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-ceo .section-02 .principle li {
        width: 100%;
        padding: 15px 0;
    }
    .sub-ceo .section-02 .principle li strong {
        font-size: 20px;
        margin: 20px 0 15px;
    }
    .sub-ceo .section-02 .box {margin: 40px 0 50px;}
    .sub-ceo .section-02 .box-wrap > div {
        width: 100%;
        padding: 20px;
        font-size: 16px;
        margin: 0 0 15px;
    }
    .sub-ceo .section-02 .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-ceo .section-03 {padding-bottom: 50px !important;}
    .sub-ceo .section-03 .box {padding: 30px;}
    .sub-ceo .section-03 .box .title h3 img {
        max-width: 120px;
        margin-top: 5px;
    }
    .sub-ceo .section-03 .box .content {padding-top: 25px;}
    .sub-ceo .section-03 .box .content > div {margin-bottom: 25px;}
    .sub-ceo .section-03 .box .content > div > b {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

/* 공신력 */
.sub-trust .title {text-align: center;}
.sub-trust .section-01 .title {margin-bottom: 0;}
.sub-trust .section-01 .title img {
    height: 50px;
    margin-bottom: 30px;
}
.sub-trust .section-01 .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-trust .section-02 {padding-top: 0;}
.sub-trust .section-02 .title {
    background: #097b63;
    color: #fff;
    padding: 100px 0 180px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.sub-trust .section-02 .title .container {
    position: relative;
    z-index: 1;
}

.sub-trust .section-02 .title img {
    position: absolute;
    right: -50px;
    bottom: -70px;
}
.sub-trust .section-02 .box-wrap {
    position: relative;
    z-index: 1;
    margin-top: -120px;
}
.sub-trust .section-02 .box-wrap > div {
    margin-bottom: 50px;
    border-radius: 10px;
    background: #f5f6fa;
    padding: 50px;
    border-bottom: 10px solid #097b63;
    position: relative;
    overflow: hidden;
    min-height: 500px;
}
.sub-trust .section-02 .box-wrap > div:last-child {margin-bottom: 0;}
.sub-trust .section-02 .box-wrap > div .txt {
    width: 65%;
    position: relative;
    z-index: 2;
}
.sub-trust .section-02 .box-wrap > div .txt .name {
    border-bottom: 1px solid #aaa;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.sub-trust .section-02 .box-wrap > div .txt .name p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
.sub-trust .section-02 .box-wrap > div .txt .name strong {
    font-size: 36px;
    color: #097b63;
}
.sub-trust .section-02 .box-wrap > div .txt .name strong span {
    font-size: 16px;
    color: #777;
    font-weight: normal;
}
.sub-trust .section-02 .box-wrap > div .txt .desc {margin-top: 10px;}
.sub-trust .section-02 .box-wrap > div .txt .table-wrap {margin-top: 40px;}
.sub-trust .section-02 .box-wrap > div .txt .table-wrap table {font-size: 15px;}
.sub-trust .section-02 .box-wrap > div .txt .table-wrap table td {padding: 10px;}
.sub-trust .section-02 .box-wrap > div .txt .table-wrap table td b {display: block;}
.sub-trust .section-02 .box-wrap > div .txt .table-wrap table .td-bg {width: 60px;}
.sub-trust .section-02 .box-wrap > div .img {
    position: absolute;
    right: 50px;
    bottom: 0;
}
.sub-trust .section-02 .box-wrap > div .img::after {
    content: "";
    background: url(/page/img/trust_txt.svg) center / cover no-repeat;
    width: 403px;
    height: 285px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.3;
}
.sub-trust .section-02 .box-wrap > div .img .profile-img {
    position: relative;
    z-index: 1;
}
.sub-trust .section-03 {padding-top: 0;}
.sub-trust .section-03 .desc {text-align: center;}
.sub-trust .section-03 .desc strong {margin-bottom: 30px;}
.sub-trust .section-03 .bar-title {margin-top: 80px;}
.sub-trust .section-03 .table-wrap table th {
    border-bottom: 1px solid rgb(221,221,221,0.2);
    padding: 10px;
}
.sub-trust .section-03 .table-wrap table td {padding: 10px;}
.sub-trust .section-04 {
    background: url(/page/img/trust_bg.jpg) center / cover no-repeat;
    text-align: center;
}
.sub-trust .section-04 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: -20px;
}
.sub-trust .section-04 ul li {
    width: calc((100% - 60px)/4);
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 10px 30px rgb(0,0,0,0.1);
    text-align: center;
}
.sub-trust .section-04 ul li:nth-child(4n),
.sub-trust .section-04 ul li:last-child {margin-right: 0;}
.sub-trust .section-04 ul li b {
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}
.sub-trust .section-04 ul li .img {
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.sub-numbering .video-wrap {
    max-width: 1000px;
    margin: 80px auto;
}

@media all and (max-width: 1024px) {
    .sub-trust .section-02 .box-wrap > div .img .profile-img {max-width: 280px;}
}
@media all and (max-width: 991px) {
    .sub-trust .section-02 .box-wrap > div .txt .name strong span {
        display: block;
        margin-top: 10px;
    }
    .sub-trust .section-02 .box-wrap > div .img {
        right: 30px;
    }
    .sub-trust .section-02 .box-wrap > div:first-child .txt {width: 100%;}
    .sub-trust .section-02 .box-wrap > div:first-child .txt .name,
    .sub-trust .section-02 .box-wrap > div:first-child .txt .list-wrap {width: 65%;}
    .sub-trust .section-02 .box-wrap > div:first-child .img {
        bottom: auto;
        top: 30px;
    }
    .sub-trust .section-02 .box-wrap > div .img .profile-img {max-width: 250px;}
    .sub-trust .section-02 .box-wrap > div:last-child {min-height: auto;}
    .sub-trust .section-04 ul {margin-bottom: -15px;}
    .sub-trust .section-04 ul li {
        width: calc((100% - 45px)/4);
        margin-right: 15px;
        margin-bottom: 15px;
        padding: 20px;
    }
}
@media all and (max-width: 767px) {
    .sub-trust .section-01 .title img {
        height: 40px;
        margin-bottom: 20px;
    }
    .sub-trust .section-01 .video-wrap {margin-top: 40px;}
    .sub-trust .section-02 .title {padding: 50px 0 100px;}
    .sub-trust .section-02 .title img {
        max-width: 150px;
        right: -30px;
        bottom: -20px;
    }
    .sub-trust .section-02 .box-wrap {margin-top: -70px;}
    .sub-trust .section-02 .box-wrap > div {
        padding: 30px 20px 0;
        margin-bottom: 30px;
        min-height: auto;
    }
    .sub-trust .section-02 .box-wrap > div .txt {width: 100%;}
    .sub-trust .section-02 .box-wrap > div .txt .name {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .sub-trust .section-02 .box-wrap > div:first-child .txt .name,
    .sub-trust .section-02 .box-wrap > div:first-child .txt .list-wrap {width: 100%;}
    .sub-trust .section-02 .box-wrap > div .txt .name p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sub-trust .section-02 .box-wrap > div .txt .name strong {font-size: 24px;}
    .sub-trust .section-02 .box-wrap > div .txt .name strong span {font-size: 14px;}
    .sub-trust .section-02 .box-wrap > div .img {
        position: relative;
        right: auto !important;
        top: auto !important;
        margin-top: 30px;
        text-align: center;
    }
    .sub-trust .section-02 .box-wrap > div .img .profile-img {max-width: 200px;}
    .sub-trust .section-03 .bar-title {margin-top: 40px;}
    .sub-trust .section-03 .toggle-wrap .toggle-content {overflow-x: auto;}
    .sub-trust .section-04 ul {margin-top: 40px;}
    .sub-trust .section-04 ul li {
        width: calc((100% - 15px)/2);
    }
    .sub-trust .section-04 ul li:nth-child(4n) {margin-right: 15px;}
    .sub-trust .section-04 ul li:nth-child(2n) {margin-right: 0;}
    .sub-trust .section-04 ul li b {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .sub-trust .section-04 ul li .img {margin-bottom: 15px;}
    .sub-numbering .video-wrap {margin: 40px auto;}
}

/* 학원의 가장 큰 문제 */
.sub-story .title {text-align: center;}
.sub-story .section-01 ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 100px;
}
.sub-story .section-01 ul li:last-child {margin-bottom: 0;}
.sub-story .section-01 ul li.full {
    width: 100%;
    display: block;
}
.sub-story .section-01 ul li .left {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
    order: 1;
}
.sub-story .section-01 ul li .right {
    width: calc((100% - 30px)/2);
    order: 2;
}
.sub-story .section-01 ul li .img img {width: 100%;}
.sub-story .section-01 ul li .img-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-story .section-01 ul li .img-wrap > div {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
}
.sub-story .section-01 ul li .img-wrap > div:last-child {margin-right: 0;}
.sub-story .section-01 ul li .img-wrap > div p {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
    line-height: 1.4;
}
.sub-story .section-01 ul li .txt {
    text-align: center;
    padding: 0 15px;
}
.sub-story .section-01 ul li.full .txt {margin-bottom: 80px;}
.sub-story .section-01 ul li .txt strong {
    font-size: 30px;
    display: block;
    margin: 50px 0 25px;
}
.sub-story .section-01 ul li .txt p {
    font-size: 20px;
    line-height: 1.5;
}
.sub-story .section-02 {background: url(/page/img/story_bg_01.jpg) center / cover no-repeat;}
.sub-story .section-02::before {
    content: "";
    background: #097b63;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
}
.sub-story .section-02::after {
    content: "";
    background: url(/page/img/double_arrow.svg) center / cover no-repeat;
    width: 31px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    bottom: -18px;
    z-index: 1;
}
.sub-story .section-02 .title {color: #fff;}
.sub-story .section-02 .box {
    max-width: 1000px;
    background: #fff;
    padding: 50px;
    margin: 0 auto;
}
.sub-story .section-02 .box .inner {
    border-top: 2px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 50px 20px;
    position: relative;
}
.sub-story .section-02 .box .inner strong {
    display: block;
    font-size: 24px;
    margin-bottom: 30px;
}
.sub-story .section-02 .box .inner .symbol {
    position: absolute;
    top: 40px;
    right: 0;
}
.sub-story .section-03 ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.sub-story .section-03 ul li:last-child {margin-bottom: 0;}
.sub-story .section-03 ul li h4 {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
}
.sub-story .section-03 ul li h4 b {
    width: calc(100% - 30px);
    font-size: 24px;
    padding-left: 15px;
}
.sub-story .section-04 {background: url(/page/img/story_bg_02.jpg) center / cover no-repeat;}
.sub-story .section-04 .title {color: #fff;}
.sub-story .section-04 .box {
    max-width: 1000px;
    background: #fff;
    padding: 80px 50px;
    margin: 0 auto;
    text-align: center;
}
.sub-story .section-04 .box .sign {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: 50px;
}
.sub-story .section-04 .box .sign img {width: 96px;}
.sub-story .section-04 .box .sign b {
    font-size: 16px;
    padding-left: 15px;
}
@media all and (max-width: 1024px) {
    .sub-story .section-01 ul li .txt p {font-size: 18px;}
}
@media all and (max-width: 991px) {
    .sub-story .section-01 ul li .right {width: 100%;}
    .sub-story .section-01 ul li .left {
        width: 100%;
        margin: 0;
    }
    .sub-story .section-01 ul li .txt {
        order: 1;
        padding: 0 0 50px;
    }
    .sub-story .section-01 ul li.full .txt {margin-bottom: 0;}
    .sub-story .section-01 ul li .img {order: 2;}
}
@media all and (max-width: 767px) {
    .sub-story .section-01 ul li {margin-bottom: 40px;}
    .sub-story .section-01 ul li .txt {padding-bottom: 30px;}
    .sub-story .section-01 ul li .txt img {width: 30px;}
    .sub-story .section-01 ul li .txt strong {
        font-size: 24px;
        margin: 20px 0 15px;
        word-break: keep-all;
    }
    .sub-story .section-01 ul li .txt p {font-size: 15px;}
    .sub-story .section-01 ul li .img-wrap > div {
        width: 100%;
        margin: 0 0 20px;
    }
    .sub-story .section-01 ul li .img-wrap > div:last-child {margin-bottom: 0;}
    .sub-story .section-01 ul li .img-wrap > div p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-story .section-02 .box {padding: 25px;}
    .sub-story .section-02 .box .inner {padding: 20px 0;}
    .sub-story .section-02 .box .inner strong {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-story .section-02 .box .inner .symbol {
        width: 36px;
        top: 10px;
    }
    .sub-story .section-02::before {
        width: 50px;
        height: 50px;
        bottom: -25px;
    }
    .sub-story .section-02::after {
        width: 21px;
        height: 20px;
        bottom: -12px;
    }
    .sub-story .section-03 ul li {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .sub-story .section-03 ul li h4 {margin-bottom: 15px;}
    .sub-story .section-03 ul li h4 b {
        width: calc(100% - 20px);
        font-size: 18px;
        padding-left: 10px;
    }
    .sub-story .section-04 .box {padding: 35px 25px;}
    .sub-story .section-04 .box .sign {margin-top: 30px;}
    .sub-story .section-04 .box .sign img {width: 60px;}
    .sub-story .section-04 .box .sign b {
        font-size: 14px;
        padding-left: 10px;
    }
}

/* 피트니스클럽 VS 스터짐 */
.sub-compare .title {text-align: center;}
.sub-compare .section-01 p {
    font-size: 24px;
    font-weight: bold;
    color: #097b63;
    text-align: center;
    line-height: 1.5;
}
.sub-compare .section-02 {background: #f5f6fa;}
.sub-compare .section-02 .box-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.sub-compare .section-02 .box-title > div {
    width: 50%;
    font-size: 30px;
    font-weight: bold;
    color: #666;
    text-align: center;
}
.sub-compare .section-02 ul li {
    margin-bottom: 50px;
    background: #fff;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.sub-compare .section-02 ul li:last-child {margin-bottom: 0;}
.sub-compare .section-02 ul li > div {
    width: 50%;
    padding: 40px;
}
.sub-compare .section-02 ul li .left::after {
    content: "=";
    background: #77ccb9;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    text-align: center;
    display: block;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sub-compare .section-02 ul li .right {
    background: #097b63;
    border-radius: 40px;
    color: #fff;
}
.sub-compare .section-02 ul li strong {
    font-size: 24px;
    display: block;
    margin: 30px 0 5px;
}
.sub-compare .section-03 {background: url(/page/img/story_compare_bg.jpg) center / cover no-repeat;}
.sub-compare .section-03 ul li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 100px 0;
    text-align: center;
    color: #fff;
}
.sub-compare .section-03 ul li:last-child {border-bottom: none;}
.sub-compare .section-03 ul li .title h4 span {color: #19dba3;}
@media all and (max-width: 991px) {
    .sub-compare .section-02 .box-title {margin-bottom: 20px;}
    .sub-compare .section-02 ul li,
    .sub-compare .section-02 ul li .right {border-radius: 20px;}
    .sub-compare .section-02 ul li > div {padding: 30px;}
    .sub-compare .section-02 ul li strong {
        font-size: 21px;
        margin: 20px 0 5px;
    }
    .sub-compare .section-02 ul li .left::after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 28px;
    }
    .sub-compare .section-03 ul li {padding: 50px 0;}
}
@media all and (max-width: 767px) {
    .sub-compare .section-01 p {
        font-size: 18px;
        line-height: 1.4;
    }
    .sub-compare .section-02 .box-title {margin-bottom: 12px;}
    .sub-compare .section-02 .box-title > div {font-size: 18px;}
    .sub-compare .section-02 .box-title > div img {height: 25px;}
    .sub-compare .section-02 ul li {margin-bottom: 20px;}
    .sub-compare .section-02 ul li,
    .sub-compare .section-02 ul li .right {border-radius: 10px;}
    .sub-compare .section-02 ul li > div {padding: 15px;}
    .sub-compare .section-02 ul li strong {
        font-size: 18px;
        margin: 15px 0 5px;
    }
    .sub-compare .section-02 ul li .left::after {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }
    .sub-compare .section-03 ul li {padding: 40px 0;}
}
@media all and (max-width: 375px) {
    .sub-compare .section-02 ul li strong {font-size: 16px;}
}

/* 스터짐 MOVIE */
.sub-movie {
    background: url(/page/img/story_movie_bg.jpg) center / cover no-repeat;
    padding: 120px 0 150px;
}
.sub-movie .title {text-align: center;}
.sub-movie .title h2 {color: #fff;}
.sub-movie .title h2 img {margin-right: 20px;}
.sub-movie .box-wrap {
    max-width: 1000px;
    margin: 0 auto;
}
.sub-movie .box-wrap > div {
    background: #fff;
    padding: 50px;
    margin-bottom: 80px;
}
.sub-movie .box-wrap > div:last-child {margin-bottom: 0;}
.sub-movie .box-wrap .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 30px;
}
.sub-movie .box-wrap .title img {height: 35px;}
.sub-movie .box-wrap .content {
    border-top: 2px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 50px 20px;
}
.sub-movie .box-wrap .content strong {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}
.sub-movie .box-wrap .content > p {
    font-size: 16px;
    font-weight: bold;
    color: #777;
}
.sub-movie .box-wrap > div:first-child .content .list-wrap {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
}
.sub-movie .box-wrap > div:first-child .content .list-wrap li {margin-bottom: 20px;}
.sub-movie .box-wrap > div:first-child .content .list-wrap li:last-child {margin-bottom: 0;}
.sub-movie .box-wrap > div:first-child .content .list-wrap li p span {
    display: block;
    color: #111;
    margin-top: 5px;
}
.sub-movie .box-wrap > div:last-child .content img {margin-top: 30px;}
.sub-movie .box-wrap > div:last-child .content ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.sub-movie .box-wrap > div:last-child .content ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.sub-movie .box-wrap > div:last-child .content ul li strong span {color: #097b63;}
@media all and (max-width: 767px) {
    .sub-movie {padding: 50px 0;}
    .sub-movie .title h2 img {
        width: 30px;
        margin-right: 12px;
    }
    .sub-movie .box-wrap > div {
        padding: 25px;
        margin-bottom: 30px;
    }
    .sub-movie .box-wrap .title {margin-bottom: 15px;}
    .sub-movie .box-wrap .title img {height: 20px;}
    .sub-movie .box-wrap .content {padding: 20px 0;}
    .sub-movie .box-wrap .content strong {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .sub-movie .box-wrap .content > p {font-size: 14px;}
    .sub-movie .box-wrap > div:first-child .content .list-wrap {
        padding-top: 20px;
        margin-top: 20px;
    }
    .sub-movie .box-wrap > div:last-child .content ul li {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .sub-movie .box-wrap > div:last-child .content img {margin-top: 15px;}
}

/* 역치와 학습 */
.sub-threshold .section-01 {text-align: center;}
.sub-threshold .section-01 .img-wrap {
    margin: 50px auto;
    display: flex;
    max-width: 1100px;
}
.sub-threshold .section-01 .img-wrap img {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.sub-threshold .section-02 {
    background: url(/page/img/story_threshold_bg.jpg) center / cover no-repeat;
    padding: 100px 0;
}
.sub-threshold .section-02 .box {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
}
.sub-threshold .section-02 .scene {
    border-top: 2px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 50px 20px;
}
.sub-threshold .section-02 .scene > li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.sub-threshold .section-02 .scene > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sub-threshold .section-02 .scene strong {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}
.sub-threshold .section-02 .scene strong span {color: #097b63;}
.sub-threshold .section-02 .scene .list-wrap li {margin-bottom: 12px;}
.sub-threshold .section-02 .scene .list-wrap li:last-child {margin-bottom: 0;}
.sub-threshold .section-02 .scene .list-wrap li p span {
    display: block;
    color: #111;
    margin-top: 5px;
}
.sub-threshold .section-02 .scene img {margin-top: 30px;}
@media all and (max-width: 767px) {
    .sub-threshold .section-01 .img-wrap {margin: 30px auto;}
    .sub-threshold .section-01 .img-wrap img {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
    }
    .sub-threshold .section-02 {padding: 50px 0;}
    .sub-threshold .section-02 .box {padding: 25px;}
    .sub-threshold .section-02 .scene {padding: 20px 0;}
    .sub-threshold .section-02 .scene strong {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .sub-threshold .section-02 .scene > li {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .sub-threshold .section-02 .scene img {margin-top: 15px;}
}

/* 스터짐 상세 기능 */
.sub-features .section-01 {text-align: center;}
.sub-features .section-01 .title h3 {margin-top: 120px;}
.sub-features .section-01 ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-features .section-01 ul li {
    width: calc((100% - 120px)/4);
    margin-right: 40px;
}
.sub-features .section-01 ul li:last-child {margin-right: 0;}
.sub-features .section-01 ul li .ico {}
.sub-features .section-01 ul li .txt {
    background: #e5e6ea;
    border-radius: 10px;
    padding: 15px;
    margin: 30px 0;
}
.sub-features .section-01 ul li .txt .step {
    font-weight: 900;
    color: #097b63;
    font-size: 20px;
    margin-bottom: 5px;
}
.sub-features .section-01 ul li .txt p {
    font-size: 18px;
    font-weight: 500;
}
.sub-features .section-01 ul li .img {
    min-height: 335px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-features .section-02 {padding: 0;}
.sub-features .section-02 > ul > li {
    padding: 100px 0;
    border-bottom: 1px solid #ddd;
}
.sub-features .section-02 > ul > li:last-child {border-bottom: none;}
.sub-features .section-02 > ul > li.full {text-align: center;}
.sub-features .section-02 > ul > li .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sub-features .section-02 > ul > li.full .container {display: block;}
.sub-features .section-02 .title {margin-bottom: 30px;}
.sub-features .section-02 .title h4 {
    display: flex;
    align-items: center;
}
.sub-features .section-02 .title h4 b {
    padding-left: 15px;
}
.sub-features .section-02 > ul > li.full h4 {justify-content: center;}
.sub-features .section-02 .desc strong {margin-top: 20px;}

.sub-features .section-02 .txt {
    width: 47%;
    padding-right: 30px;
}
.sub-features .section-02 .txt .list-wrap {
    background: #f5f6fa;
    padding: 20px;
    margin-top: 30px;
}
.sub-features .section-02 .txt .list-wrap li p .note {
    font-size: 16px;
    color: #666;
}
.sub-features .section-02 .img {
    width: 53%;
    display: flex;
    justify-content: center;
}
.sub-features .section-02 > ul > li.full .img {
    width: 100%;
    display: block;
    margin-top: 50px;
}
.sub-features .section-02 .img > div {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
}
.sub-features .section-02 .img > div:last-child {margin-right: 0;}
.sub-features .section-02 .box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.sub-features .section-02 .box-wrap > div {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    box-shadow: 0 10px 30px rgb(0,0,0,0.1);
    background: #fff;
    padding: 30px;
}
.sub-features .section-02 .box-wrap > div:last-child {margin-right: 0;}
.sub-features .section-02 .box-wrap > div .name {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.sub-features .section-02 .box-wrap > div .name span {
    background: #edeef2;
    border-radius: 3px;
    padding: 3px 10px;
    margin-left: 10px;
    font-weight: 500;
}
.sub-features .section-02 .box-wrap > div .desc {text-align: left;}
.sub-features .section-02 .box-wrap > div .desc strong {
    font-size: 18px;
    color: #111;
    margin-top: 0;
}
.sub-features .section-02 .box-wrap > div .img {margin-top: 15px !important;}
.sub-features .section-02 .box-wrap > div .btn-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-features .section-02 .box-wrap > div .btn-wrap > a {
    width: calc((100% - 10px)/2);
    margin-right: 10px;
}
.sub-features .section-02 .box-wrap > div .btn-wrap > a:last-child {margin-right: 0;}
.sub-features .section-02 .box-wrap > div .video-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.sub-features .section-02 .box-wrap > div .video-wrap > div {
    width: calc((100% - 10px)/2);
    margin-right: 10px;
}
.sub-features .section-02 .box-wrap > div .video-wrap > div:last-child {margin-right: 0;}

.sub-features .section-02 > ul > li:first-child {background: #f5f6fa;}
.sub-features .section-02 > ul > li:first-child::before {
    content: "";
    background: #097b63;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.sub-features .section-02 > ul > li:first-child .container {
    position: relative;
    z-index: 1;
}
.sub-features .section-02 > ul > li:first-child .title,
.sub-features .section-02 > ul > li:first-child .desc {color: #fff;}
.sub-features .section-02 > ul > li:first-child .title .number {
    background: #fff;
    color: #097b63;
}
.sub-features .section-02 > ul > li:nth-child(2) .img > div {position: relative;}
.sub-features .section-02 > ul > li:nth-child(2) .img > div::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
}
.sub-features .section-02 > ul > li:nth-child(2) .img > div:last-child::after {content: none;}
.sub-features .section-02 > ul > li:nth-child(4) .img > div {width: 100%;}
.sub-features .section-02 > ul > li:nth-child(5) {background: #f5f6fa;}
.sub-features .section-02 > ul > li:nth-child(5) .box-wrap > div {width: calc((100% - 40px)/3);}
.sub-features .section-02 > ul > li:nth-child(5) .box-wrap > div:first-child .btn-wrap > a {width: calc((100% - 20px)/3);}
.sub-features .section-02 > ul > li:nth-child(6) .box-wrap > div .more-btn {max-width: 300px;}
.sub-features .section-02 > ul > li:nth-child(8) {background: #f5f6fa;}
.sub-features .section-02 > ul > li:nth-child(9) .img,
.sub-features .section-02 > ul > li:last-child .img {display: block;}
.sub-features .section-02 > ul > li:nth-child(9) .img > div,
.sub-features .section-02 > ul > li:last-child .img > div {
    width: 100%;
    text-align: right;
}
.sub-features .section-03 {
    background: url(/page/img/features_bg.jpg) center / cover no-repeat;
    padding: 180px 0;
    text-align: center;
    color: #fff;
}
.sub-features .section-03 img {width: 190px;}
.sub-features .section-03 p {
    font-size: 20px;
    font-weight: 500;
    margin: 50px 0 15px;
}
.sub-features .section-03 strong {font-size: 40px;}
@media all and (max-width: 1024px) {
    .sub-features .section-02 .box-wrap > div .desc {text-align: center;}
    .sub-features .section-02 > ul > li:nth-child(5) .box-wrap > div {
        width: 100%;
        margin: 0 0 20px;
    }
    .sub-features .section-02 > ul > li:nth-child(5) .box-wrap > div:last-child {margin-bottom: 0;}
}
@media all and (max-width: 991px) {
    .sub-features .section-01 ul {margin-bottom: -60px;}
    .sub-features .section-01 ul li {
        width: calc((100% - 40px)/2);
        margin-bottom: 60px;
    }
    .sub-features .section-01 ul li:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width: 767px) {
    .sub-features .section-01 .title h3 {margin-top: 50px;}
    .sub-features .section-01 ul li .txt {
        margin: 15px 0;
        min-height: 89px;
    }
    .sub-features .section-01 ul li .txt .step,
    .sub-features .section-01 ul li .txt p {
        font-size: 15px;
        word-break: keep-all;
    }
    .sub-features .section-01 ul li .img {min-height: auto;}
    .sub-features .section-02 .title h4 {justify-content: center;}
    .sub-features .section-02 > ul > li {padding: 50px 0;}
    .sub-features .section-02 > ul > li.full .img {margin-top: 30px;}
    .sub-features .section-02 > ul > li:first-child::before {height: 250px;}
    .sub-features .section-02 .txt {
        width: 100%;
        padding: 0 0 30px;
    }
    .sub-features .section-02 .txt .desc {text-align: center;}
    .sub-features .section-02 .img {width: 100%;}
    .sub-features .section-02 .box-wrap {margin-top: 30px;}
    .sub-features .section-02 .box-wrap > div .btn-wrap > a {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .sub-features .section-02 .box-wrap > div .btn-wrap > a:last-child {margin-bottom: 0;}
    .sub-features .section-02 > ul > li:nth-child(5) .box-wrap > div {padding: 20px;}
    .sub-features .section-02 .box-wrap > div {
        width: 100%;
        margin: 0 0 20px;
        padding: 20px;
    }
    .sub-features .section-02 .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-features .section-02 .txt .list-wrap {margin-top: 15px;}
    .sub-features .section-02 .box-wrap > div .name {font-size: 16px;}
    .sub-features .section-02 .box-wrap > div .desc {text-align: left;}
    .sub-features .section-03 {padding: 80px 0 !important;}
    .sub-features .section-03 img {width: 100px;}
    .sub-features .section-03 p {
        font-size: 16px;
        margin: 30px 0 15px;
        line-height: 1.4;
        word-break: keep-all;
    }
    .sub-features .section-03 strong {font-size: 30px;}
}
/* 사용가이드 */
.sub-guide .title {text-align: center;}
.sub-guide .tab-menu {margin-top: 0;}
.sub-guide .section-01 {padding-bottom: 0;}
.sub-guide .section-02 > div {
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-guide .section-02 > div:last-child {border-bottom: none;}
.sub-guide .section-02 > div h3 {
    width: 30%;
    padding-right: 50px;
    display: flex;
    align-items: center;
    padding-top: 100px;
}
.sub-guide .section-02 > div:first-child h3 {padding-top: 0;}
.sub-guide .section-02 > div h3 b {
    font-size: 24px;
    margin-left: 15px;
}
.sub-guide .section-02 > div ul {
    width: 70%;
    border-left: 1px solid #ddd;
    padding: 100px 0;
    padding-left: 80px;
}
.sub-guide .section-02 > div:first-child ul {padding-top: 0;}
.sub-guide .section-02 > div:last-child ul {padding-bottom: 0;}
.sub-guide .section-02 > div ul li {margin-bottom: 30px;}
.sub-guide .section-02 > div ul li:last-child {margin-bottom: 0;}
.sub-guide .section-02 > div ul li h4 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.sub-guide .section-02 > div ul li h4 .number {display: block;}
.sub-guide .section-02 > div ul li h4 b {
    font-size: 20px;
    margin-left: 15px;
}
.sub-guide .section-02 > div ul li .desc .store {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}
.sub-guide .section-02 > div ul li .desc .store a {
    opacity: 0.2;
    cursor: default;
}
.sub-guide .section-02 > div ul li .desc .store a.active {
    opacity: 1;
    cursor: pointer;
}
.sub-guide .section-02 > div ul li .desc .store a img {width: 100px;}
.sub-guide .section-02 > div ul li .more-btn {
    margin: 15px 0 0;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}
.sub-guide .section-02 > div:nth-child(2) ul li h4 .number {background: #0e423f;}
.sub-guide .section-02 > div:nth-child(2) ul li .more-btn {
    border-color: #0e423f;
    color: #0e423f;
}
.sub-guide .section-02 > div:nth-child(2) ul li .more-btn:hover {
    background: #0e423f;
    color: #fff;
}
.sub-guide .section-02 > div:nth-child(3) ul li h4 .number {background: #0d1d1c;}
.sub-guide .section-02 > div:nth-child(3) ul li .more-btn {
    border-color: #0d1d1c;
    color: #0d1d1c;
}
.sub-guide .section-02 > div:nth-child(3) ul li .more-btn:hover {
    background: #0d1d1c;
    color: #fff;
}
@media all and (max-width: 1024px) {
    .sub-guide .section-02 > div {margin-bottom: 80px;}
    .sub-guide .section-02 > div:last-child {margin-bottom: 0;}
    .sub-guide .section-02 > div h3 {
        width: 100%;
        padding: 0 0 50px !important;
    }
    .sub-guide .section-02 > div ul {
        width: 100%;
        border-left: none;
        border-top: 1px solid #111;
        padding: 50px 0 !important;
    }
    .sub-guide .section-02 > div:last-child ul {padding-bottom: 0 !important;}
}
@media all and (max-width: 767px) {
    .sub-guide .section-02 > div {margin-bottom: 50px;}
    .sub-guide .section-02 > div h3 {padding-bottom: 15px !important;}
    .sub-guide .section-02 > div h3 img {height: 45px;}
    .sub-guide .section-02 > div h3 b {
        font-size: 18px;
        margin-left: 10px;
    }
    .sub-guide .section-02 > div ul {padding: 30px 0 !important;}
    .sub-guide .section-02 > div ul li h4 b {
        font-size: 16px;
        margin-left: 10px;
    }
    .sub-guide .section-02 > div ul li .more-btn {
        height: 36px;
        line-height: 36px;
        max-width: 180px;
        margin-top: 12px;
    }
}
.sub-guide-detail .title {text-align: center;}
.sub-guide-detail .section-01 {padding-bottom: 0;}
.sub-guide-detail .section-02 {
    padding: 0;
    max-width: 1000px;
    margin: 0 auto;
}
.sub-guide-detail .section-02 .title .number {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 24px;
    margin: 0 auto;
}
.sub-guide-detail .section-02 .title h3 {margin: 20px 0 10px;}
.sub-guide-detail .section-02 .content {
    border-top: 2px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 50px 100px;
}
.sub-guide-detail .section-02 .content .video {
    background: #eeeeee;
    margin-bottom: 50px;
}
.sub-guide-detail .section-02 .content h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 30px;
}
.sub-guide-detail .section-02 .content .img-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 50px 0 20px;
}
.sub-guide-detail .section-02 .content .img-wrap img {margin: 0 15px 30px;}
.sub-guide-detail .section-02 .content .box {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 30px;
}
.sub-guide-detail .section-02 .btn-wrap {
    text-align: center;
    margin-top: 50px;
    position: relative;
}
.sub-guide-detail .section-02 .btn-wrap .list-btn {max-width: 250px;}
.sub-guide-detail .section-02 .btn-wrap .prev-btn,
.sub-guide-detail .section-02 .btn-wrap .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.sub-guide-detail .section-02 .btn-wrap .prev-btn {left: 0;}
.sub-guide-detail .section-02 .btn-wrap .next-btn {right: 0;}
.sub-guide-detail .section-02 .btn-wrap .prev-btn span,
.sub-guide-detail .section-02 .btn-wrap .next-btn span {
    font-weight: 600;
    font-size: 16px;
    color: #666;
    margin: 0 12px;
}
.sub-guide-detail .section-02 .btn-wrap .prev-btn img {transform: rotate(180deg)}
@media all and (max-width: 1000px) {
    .sub-guide-detail .section-02 .content {padding: 50px 20px;}
}
@media all and (max-width: 767px) {
    .sub-guide-detail .section-02 .content {padding: 20px 0;}
    .sub-guide-detail .section-02 .content h4 {
        font-size: 16px;
        margin: 30px 0 15px;
    }
    .sub-guide-detail .section-02 .content .img-wrap {margin: 30px 0 15px;}
    .sub-guide-detail .section-02 .content .img-wrap img {margin: 0 10px 15px;}
    .sub-guide-detail .section-02 .content .box {padding: 15px;}
    .sub-guide-detail .section-02 .btn-wrap {margin-top: 20px;}
    .sub-guide-detail .section-02 .btn-wrap .list-btn {max-width: 80px;}
    .sub-guide-detail .section-02 .btn-wrap .prev-btn span,
    .sub-guide-detail .section-02 .btn-wrap .next-btn span {display: none;}
}

/* 스터짐 PT */
.sub-pt .sec{position:relative;padding:120px 0;text-align:center;background-repeat:no-repeat;}
.sub-pt .sec01{background-image:url('/img/pt_img1_bg.jpg');background-size:cover;background-position:center center;}
.sub-pt .sec02{background-image:url('/img/pt_img2_bg.jpg');background-size:cover;background-position:center bottom;background-color:#1e1e1e;}
.sub-pt .sec03{background-image:url('/img/pt_img3_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .sec04{background-image:url('/img/pt_img4_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .sec05{background-image:url('/img/pt_img5_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .sec06{background-image:url('/page/img/pt/pt_img6_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .sec07{background-image:url('/img/pt_img7_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .sec08{background-image:url('/img/pt_img8_bg.jpg');background-size:cover;background-position:center bottom;}
.sub-pt .inner{max-width:1280px;margin:0 auto;}
.sub-pt .inner img{max-width:100%;}
.sub-pt .br_img{position:absolute;right:0;bottom:0;}
.sub-pt .mobile{display:none;}

.sub-pt .box {
    border-radius: 10px;
    background: #fff;
    padding: 30px;
    margin: 100px 0;
}
.sub-pt .table-wrap table td {
    background: #f5f6fa;
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 20px;
}
.sub-pt .table-wrap table td.td-bg-green {
    background: #097b63;
    color: #fff;
    font-weight: bold;
    border-right: none;
}
.sub-pt .table-wrap .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-pt .table-wrap .btn-wrap a {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.sub-pt .table-wrap .btn-wrap a:last-child {margin-right: 0;}
.sub-pt .table-wrap .btn-wrap a b {
    font-size: 14px;
    color: #097b63;
    margin-left: 8px;
    font-weight: 900;
}
.sub-pt .sec02 ul,
.sub-pt .sec08 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.sub-pt .sec06 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}
.sub-pt .sec06 ul li {
    width: calc((100% - 60px)/3);
    background: #484a4e;
    padding: 40px 20px 30px;
    margin-right: 30px;
}
.sub-pt .sec06 ul li:last-child {margin-right: 0;}
.sub-pt .sec06 ul li strong {
    font-size: 32px;
    color: #fff;
    display: block;
}
.sub-pt .sec06 ul li .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin: 20px 0;
}
.sub-pt .sec06 ul li p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.sub-pt .sec06 ul li .btn-wrap {margin-top: 30px;}
.sub-pt .sec06 ul li .btn-wrap a {
    display: block;
    background: #097b63;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    max-width: 300px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 10px;
    transition: all .3s;
}
.sub-pt .sec06 ul li .btn-wrap a:hover {opacity: 0.8;}
.sub-pt .sec06 ul li .btn-wrap a:last-child {margin-bottom: 0;}
.sub-pt .sec06 .box > .img img {
    max-width: 1100px;
    width: 100%;
    margin-bottom: 50px;
}
@media all and (max-width: 1280px) {
    .sub-pt .inner {padding: 0 15px;}
    .sub-pt .sec02 ul li,
    .sub-pt .sec08 ul li {
        width: calc((100% - 30px)/3);
        margin-right: 15px;
    }
    .sub-pt .sec02 ul li:last-child,
    .sub-pt .sec08 ul li:last-child {margin-right: 0;}
}
@media all and (max-width: 1024px) {
    .sub-pt .sec06 ul li {
        width: 100%;
        margin: 0 0 15px;
    }
}
@media all and (max-width: 991px) {
    .sub-pt .sec{padding:80px 0;}
    .sub-pt .pc{display:none;}
    .sub-pt .mobile{display:block;}
    .sub-pt img.mobile, .sub-pt .mobile img{margin: 0 auto;}
    .sub-pt .sec02{background-size:100% auto;}
    .sub-pt .table_scroll{padding:25px 15px;background-color:#fff;border-radius:10px;margin:36px 5%;}
    .sub-pt .table_scroll .scroll{overflow-x:auto;}
    .sub-pt .sec06 .box > .img img {
        max-width: 100%;
        width: auto;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .sub-pt .sec02 ul li,
    .sub-pt .sec08 ul li {
        width: 100%;
        margin: 0 0 15px;
    }
    .sub-pt .sec06 ul li {
        width: 100%;
        margin: 0 0 15px;
    }
    .sub-pt .sec06 ul li strong {font-size: 28px;}
    .sub-pt .sec06 ul li p {font-size: 18px;}
    .sub-pt .sec06 ul li .btn-wrap a {font-size: 18px;}
    .sub-pt .table-wrap table {width: 700px;}
    .sub-pt .table-wrap table td {
        font-size: 15px;
        padding: 10px;
    }
    .sub-pt .table-wrap .btn-wrap {
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sub-pt .table-wrap .btn-wrap a {margin: 0 0 10px;}
    .sub-pt .table-wrap .btn-wrap a b {font-size: 13px;}
}
@media all and (max-width: 480px) {
    .sub-pt .sec02 ul li img,
    .sub-pt .sec08 ul li img {max-width: 260px;}
}

/* 스터짐Books */
/*.sub-books section {
    padding: 120px 0;
    text-align: center;
}
.sub-books .section-01 {
    background: url(/page/img/contents_books_bg_01.jpg) center / cover no-repeat;
}
.sub-books .section-01 h2 {
    font-size: 80px;
    color: #097b63;
    font-weight: 100;
    letter-spacing: 20px;
}
.sub-books .section-01 p {
    font-size: 48px;
    color: #097b63;
    margin: 40px 0 100px;
}
.sub-books .section-02 {
    background: url(/page/img/contents_books_bg_01.jpg) center / cover no-repeat;
    padding: 100px 0;
}
.sub-books .section-02 .video-wrap {
    max-width: 1000px;
    margin: 0 auto 80px;
}
.sub-books .section-02 p {
    font-size: 32px;
    color: #097b63;
}
.sub-books .section-03 {background: #0D1D1C;}
.sub-books .section-03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sub-books .section-03 ul li {
    width: calc((100% - 72px)/4);
    margin-right: 24px;
    color: #097b63;
    background: #f5f6fa;
    border-radius: 10px;
    padding: 40px 25px 25px;
    min-height: 300px;
}
.sub-books .section-03 ul li:last-child {margin-right: 0;}
.sub-books .section-03 ul li strong {
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin: 15px 0 10px;
}
.sub-books .section-03 ul li p {
    font-size: 15px;
    font-weight: 500;
}
.sub-books .section-03 ul li p span {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
}
.sub-books .section-03 h3 {
    background: #097b63;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
    margin: 100px auto;
    max-width: 400px;
}
.sub-books .section-03 h3.visible-991 {display: none;}
.sub-books .section-03 h3 strong {
    font-size: 24px;
    font-weight: 800;
    display: block;
}
.sub-books .section-03 h3 span {
    font-size: 20px;
    font-weight: 500;
}
.sub-books .section-04 {padding: 160px 0;}
.sub-books .section-04 h2 {
    font-size: 80px;
    font-weight: 100;
    letter-spacing: 20px;
}
.sub-books .section-04 h2 b {font-weight: 800;}
.sub-books .section-04 .box-txt {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background: #000;
    padding: 12px;
    margin: 65px auto;
    max-width: 630px;
}
.sub-books .section-04 .btn-wrap {
    display: flex;
    margin: 0 auto 100px;
}
.sub-books .section-04 .btn-wrap a {
    width: calc((100% - 72px)/4);
    margin-right: 24px;
    border-radius: 10px;
    background: #097b63;
    color: #fff;
    padding: 16px 20px 16px 30px;
    transition: all .3s;
}
.sub-books .section-04 .btn-wrap a:last-child {margin-right: 0;}
.sub-books .section-04 .btn-wrap a:hover {opacity: 0.9;}
.sub-books .section-04 .btn-wrap a > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-books .section-04 .btn-wrap a > div > div {
    display: flex;
    align-items: center;
}
.sub-books .section-04 .btn-wrap a > div > div img {width: 18px;}
.sub-books .section-04 .btn-wrap a strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 5px;
}
.sub-books .section-04 .btn-wrap a span {
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.sub-books .section-04 .btn-wrap a .arrow {width: 8px;}
.sub-books .section-04 p {
    font-size: 40px;
    font-weight: 500;
}
.sub-books .section-04 p b {font-weight: 800;}
.sub-books .section-05 {background: #f5f6fa;}
.sub-books .section-05 .box {
    background: #fff;
    border: 1px solid #CBD2E0;
    border-radius: 10px;
    padding: 50px 50px 70px;
    max-width: 1050px;
    margin: 0 auto;
}
.sub-books .section-05 .box p {
    font-size: 24px;
    font-weight: 500;
    margin-top: 50px;
}
.sub-books .section-06 {
    background: url(/page/img/contents_books_bg_03.jpg) center / cover no-repeat;
    padding: 160px 0;
    min-height: 1080px;
}
.sub-books .section-06 .txt {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.sub-books .section-06 .txt p {
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    margin-left: 15px;
}
.sub-books .section-06 .txt p b {font-weight: 800;}
.sub-books .section-07 {
    background: #f5f6fa;
    padding: 240px 0;
}
.sub-books .section-07 > div {
    position: relative;
    margin-bottom: 240px;
}
.sub-books .section-07 > div:last-child {margin-bottom: 0;}
.sub-books .section-07 > div h3 {
    background: #097b63;
    border-radius: 10px;
    max-width: 630px;
    margin: 0 auto 60px;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    padding: 15px;
    z-index: 1;
    position: relative;
}
.sub-books .section-07 > div .box {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
}
.sub-books .section-07 > div .box > div {
    background: #fff;
    border-bottom: 10px solid #097b63;
    min-height: 660px;
}
.sub-books .section-07 > div .box .left {
    width: 32%;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.sub-books .section-07 > div .box .right {
    width: calc(68% - 24px);
    padding: 40px;
}
.sub-books .section-07 > div .box .right > div {margin-bottom: 40px;}
.sub-books .section-07 > div .box .right > div:last-child {margin-bottom: 0;}
.sub-books .section-07 > div .box .right > div h4 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    max-width: 300px;
    margin-bottom: 20px;
}
.sub-books .section-07 > div .box .right > div:first-child h4 {background: #77CCB9;}
.sub-books .section-07 > div .box .right > div:nth-child(2) h4 {background: #097b63;}
.sub-books .section-07 > div .box .right > div:last-child h4 {background: #000;}
.sub-books .section-07 > div .box .right > div .sub-txt {
    margin-bottom: 20px;
    text-align: left;
    border-radius: 5px;
    padding: 15px 20px;
    border: 1px solid #ddd;
}
.sub-books .section-07 > div .box .right > div .sub-txt b {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.sub-books .section-07 > div .box .right > div .sub-txt p span {
    font-size: 16px;
    display: block;
}
.sub-books .section-07 > div .box .right > div .list-wrap li::before {
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 4px;
}
.sub-books .section-07 > div .box .right > div .list-wrap li p {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}
.sub-books .section-07 > div .box .right > div .btn-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-books .section-07 > div .box .right > div .more-btn {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    max-width: 120px;
    margin: 10px 0 0;
    margin-right: 10px;
}
.sub-books .section-07 > div .box .right > div .more-btn:last-child {margin-right: 0;}
.sub-books .section-07 > div .bg {
    position: absolute;
    top: 0;
}
.sub-books .section-07 > div:nth-child(odd) .bg {left: 0;}
.sub-books .section-07 > div:nth-child(2n) .bg {right: 0;}
@media all and (max-width: 1200px) {
    .sub-books .section-04 .btn-wrap a {padding-left: 20px;}
    .sub-books .section-04 .btn-wrap a span {font-size: 18px;}
}
@media all and (max-width: 1024px) {
    .sub-books .section-04 .btn-wrap {flex-wrap: wrap;}
    .sub-books .section-04 .btn-wrap a {
        width: calc((100% - 24px)/2);
        margin-bottom: 24px;
    }
    .sub-books .section-04 .btn-wrap a:nth-child(2n) {margin-right: 0;}
    .sub-books .section-04 .btn-wrap a strong {font-size: 20px;}
}
@media all and (max-width: 991px) {
    .sub-books .section-03 h3 {margin-top: 0;}
    .sub-books .section-03 h3.hidden-991 {display: none;}
    .sub-books .section-03 h3.visible-991 {display: block;}
    .sub-books .section-03 ul li {
        width: calc((100% - 24px)/2);
        margin-bottom: 24px;
    }
    .sub-books .section-03 ul li:nth-child(2n) {margin-right: 0;}
    .sub-books .section-06 .txt p {font-size: 36px;}
    .sub-books .section-07 > div .box > div {
        width: 100% !important;
        min-height: auto;
    }
    .sub-books .section-07 > div .box .left {
        margin-bottom: 24px;
        margin-right: 0;
    }
}
@media all and (max-width: 767px) {
    .sub-books section {padding: 50px 0;}
    .sub-books .section-01 h2 {font-size: 36px;}
    .sub-books .section-01 p {
        font-size: 24px;
        margin: 20px 0 40px;
    }
    .sub-books .section-02 {padding: 50px 0;}
    .sub-books .section-02 .video-wrap {margin-bottom: 40px;}
    .sub-books .section-02 p {font-size: 20px;}
    .sub-books .section-03 h3 {margin-bottom: 30px;}
    .sub-books .section-03 h3 strong {font-size: 20px;}
    .sub-books .section-03 h3 span {font-size: 16px;}
    .sub-books .section-03 ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 25px;
        min-height: auto;
    }
    .sub-books .section-04 {padding: 50px 0;}
    .sub-books .section-04 h2 {font-size: 36px;}
    .sub-books .section-04 .box-txt {
        font-size: 20px;
        margin: 30px auto;
    }
    .sub-books .section-04 .btn-wrap a {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
    }
    .sub-books .section-04 .btn-wrap a > div > div img {width: 14px;}
    .sub-books .section-04 .btn-wrap a strong {
        font-size: 18px;
        margin-left: 5px;
        margin-right: 3px;
    }
    .sub-books .section-04 .btn-wrap a span {font-size: 15px;}
    .sub-books .section-04 p {font-size: 18px;}
    .sub-books .section-05 .box {padding: 30px 20px;}
    .sub-books .section-05 .box img {width: 70px;}
    .sub-books .section-05 .box p {
        font-size: 16px;
        margin-top: 30px;
    }
    .sub-books .section-06 {
        padding: 50px 0;
        min-height: 500px;
    }
    .sub-books .section-06 .txt {padding: 10px 20px;}
    .sub-books .section-06 .txt img {height: 36px;}
    .sub-books .section-06 .txt p {
        font-size: 20px;
        text-align: left;
    }
    .sub-books .section-07 {padding: 50px 0;}
    .sub-books .section-07 > div {margin-bottom: 50px;}
    .sub-books .section-07 > div h3 {
        margin-bottom: 30px;
        font-size: 24px;
        padding: 10px;
    }
    .sub-books .section-07 > div .box .right {padding: 25px;}
    .sub-books .section-07 > div .box .right > div {margin-bottom: 25px;}
    .sub-books .section-07 > div .box .right > div h4 {
        font-size: 18px;
        padding: 8px;
        max-width: none;
    }
    .sub-books .section-07 > div .box .right > div .sub-txt {padding: 12px 15px;}
    .sub-books .section-07 > div .box .right > div .sub-txt b {font-size: 16px;}
    .sub-books .section-07 > div .box .right > div .sub-txt p span {font-size: 15px;}
    .sub-books .section-07 > div .box .right > div .list-wrap li p {font-size: 15px;}
}*/

/* 435 학습법 */
.sub-method .title {text-align: center;}
.sub-method .title h3 {margin-top: 120px;}
.sub-method .section-01 .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sub-method .section-01 .content > div {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
}
.sub-method .section-01 .content > div:last-child {margin-right: 0;}
.sub-method .section-02 {padding: 0 !important;}
.sub-method .section-02 .method-list > li {
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
.sub-method .section-02 .method-list > li:first-child {background: #f5f6fa;}
.sub-method .section-02 .method-list > li:first-child::after {
    content: "";
    background: url(/page/img/gachon_emblem.png) center / cover no-repeat;
    width: 420px;
    height: 420px;
    display: block;
    position: absolute;
    right: -50px;
    bottom: -50px;
}
.sub-method .section-02 .method-list > li h4 {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
}
.sub-method .section-02 .method-list > li h4 b {
    width: calc(100% - 30px);
    font-size: 24px;
    padding-left: 15px;
}
.sub-method .section-02 .method-list > li .bar-title {margin-bottom: 15px;}
.sub-method .section-02 .method-list > li .bar-title::before {height: 19px;}
.sub-method .section-02 .method-list > li .bar-title b {font-size: 20px;}
.sub-method .section-02 .method-list > li .box-wrap {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    z-index: 1;
    position: relative;
}
.sub-method .section-02 .method-list > li .box-wrap .top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}
.sub-method .section-02 .method-list > li .box-wrap .top > div {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
    margin-bottom: 30px;
}
.sub-method .section-02 .method-list > li .box-wrap .top > div:nth-child(2n) {margin-right: 0;}
.sub-method .section-02 .method-list > li .box-wrap .top .box {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 30px;
}
.sub-method .section-02 .method-list > li .box-wrap .top .box .box-list {
    display: flex;
    flex-wrap: wrap;
}
.sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li {
    width: calc((100% - 20px)/3);
    margin-right: 10px;
    border: 2px dashed #097b63;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    text-align: center;
}
.sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li:last-child {margin-right: 0;}
.sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li p {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li strong {
    font-size: 30px;
    color: #097b63;
}
.sub-method .section-02 .method-list > li .box-wrap .bottom {margin-top: 30px;}
.sub-method .section-02 .method-list > li .box-wrap .bottom .table-wrap table th {
    border-bottom: 1px solid rgb(221,221,221,0.2);
    padding: 10px;
}
.sub-method .section-02 .method-list > li .box-wrap .bottom .table-wrap table td {padding: 10px;}
.sub-method .section-02 .method-list > li .box-wrap .bottom .note {
    font-size: 16px;
    color: #666;
    margin-top: 30px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child {
    width: 50%;
    background: #097b63;
    color: #fff;
    text-align: center;
    padding: 60px 20px;
    border-radius: 10px 0 0 10px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child strong {
    font-size: 24px;
    display: block;
    margin-bottom: 15px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child p {
    font-size: 20px;
    line-height: 1.4;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:last-child {
    width: 50%;
    position: relative;
    background: #f5f6fa;
    padding: 60px 50px;
    border-radius: 0 10px 10px 0;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:last-child::after {
    content: "";
    background: url(/page/img/quote_end_green.svg) center / cover no-repeat;
    width: 48px;
    height: 34px;
    display: block;
    position: absolute;
    top: -15px;
    right: 30px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .learning {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px 0;
}
.sub-method .section-02 .method-list > li:nth-child(2) .top .learning b {
    font-size: 20px;
    text-decoration: underline;
    margin-left: 8px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom > div {margin-bottom: 50px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom > div:last-child {margin-bottom: 0;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .label-box .label {font-size: 18px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .label-box .txt {padding: 30px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .list-wrap {margin-bottom: 15px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .list-wrap li p {font-weight: bold;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .table-wrap {margin-bottom: 20px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .more-btn {max-width: 250px;}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 40px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap > div {
    width: calc((100% - 20px)/3);
    margin-right: 10px;
    background: #f5f6fa;
    border-radius: 5px;
    padding: 20px;
}
.sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap > div:last-child {margin-right: 0;}
.sub-method .section-02 .method-list > li:last-child {background: url(/page/img/contents_method_bg.jpg) center / cover no-repeat;}
@media all and (max-width: 1024px) {
    .sub-method .section-01 .content > div {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .sub-method .section-01 .content .txt {margin-bottom: 50px;}
    .sub-method .section-02 .method-list > li .box-wrap .top > div {
        width: 100%;
        margin-right: 0;
    }
}
@media all and (max-width: 767px) {
    .sub-method .title h3 {margin-top: 50px;}
    .sub-method .section-01 .content .txt {margin-bottom: 30px;}
    .sub-method .section-02 .method-list > li {padding: 50px 0;}
    .sub-method .section-02 .method-list > li h4 {margin-bottom: 15px;}
    .sub-method .section-02 .method-list > li h4 b {
        width: calc(100% - 20px);
        font-size: 18px;
        padding-left: 10px;
    }
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap > div {
        width: 100%;
        margin: 0 0 10px;
    }
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-method .section-02 .method-list > li .box-wrap {padding: 25px;}
    .sub-method .section-02 .method-list > li .bar-title b {font-size: 16px;}
    .sub-method .section-02 .method-list > li .box-wrap .top .box {padding: 20px;}
    .sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li {
        width: 100%;
        margin: 0 0 10px;
    }
    .sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li:last-child {margin-bottom: 0;}
    .sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li p {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .sub-method .section-02 .method-list > li .box-wrap .top .box .box-list li strong {font-size: 24px;}
    .sub-method .section-02 .method-list > li .toggle-wrap .toggle-content {overflow-x: auto;}
    .sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child {
        width: 100%;
        padding: 25px;
        border-radius: 10px 10px 0 0;
    }
    .sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child strong {font-size: 20px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:first-child p {font-size: 15px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:last-child {
        width: 100%;
        padding: 25px;
        border-radius: 0 0 10px 10px;
    }
    .sub-method .section-02 .method-list > li:nth-child(2) .top .box-wrap > div:last-child::after {content: none;}
    .sub-method .section-02 .method-list > li:nth-child(2) .top .learning {margin: 40px 0;}
    .sub-method .section-02 .method-list > li:nth-child(2) .top .learning b {font-size: 15px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom > div {margin-bottom: 30px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .label-box .label {font-size: 15px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .label-box .txt {padding: 15px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom > div:first-child .table-wrap table {width: 500px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .more-btn {max-width: none;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap {margin-top: 20px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .box-wrap > div {padding: 15px;}
    .sub-method .section-02 .method-list > li:nth-child(2) .bottom .list-wrap {margin-bottom: 10px;}
}

/* 무료 교재 */
.sub-free .title {text-align: center;}
.sub-free .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-free .btn-wrap .more-btn {margin: 0 5px;}
.sub-free .viewer-btn,
.sub-free .download-btn {
    width: auto;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    padding: 0 30px;
    font-size: 0;
}
.sub-free .viewer-btn > div,
.sub-free .download-btn > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sub-free .viewer-btn span {
    background: url(/page/img/viewer.png) center / cover no-repeat;
    width: 18px;
    height: 14px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}
.sub-free .viewer-btn:hover span {background-image: url(/page/img/viewer_white.png)}
.sub-free .download-btn span {
    background: url(/page/img/download.svg) center / cover no-repeat;
    width: 16px;
    height: 15px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}
.sub-free .download-btn:hover span {background-image: url(/page/img/download_white.svg)}
.sub-free .viewer-btn b,
.sub-free .download-btn b {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}
.sub-free .section-01 .video-wrap {
    max-width: 1000px;
    margin: 80px auto 0;
}
.sub-free .section-01 .content {margin-top: 150px;}
.sub-free .section-01 .content ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 120px;
}
.sub-free .section-01 .content ul li .left {
    width: 50%;
    order: 1;
}
.sub-free .section-01 .content ul li .right {
    width: 50%;
    order: 2;
}
.sub-free .section-01 .content ul li .img img {width: 100%;}
.sub-free .section-01 .content ul li .txt {
    text-align: center;
    padding: 0 15px;
}
.sub-free .section-01 .content ul li .txt strong {
    font-size: 30px;
    display: block;
    margin-bottom: 25px;
}
.sub-free .section-01 .content ul li .txt p {
    font-size: 20px;
    line-height: 1.5;
}
.sub-free .section-01 .content > .box {
    background: url(/page/img/contents_free_bg_01.jpg) center / cover no-repeat;
    border-radius: 10px;
    padding: 80px 50px;
}
.sub-free .section-01 .content > .box .title h4 {color: #097b63;}
.sub-free .section-01 .content > .box .list-wrap li {
    align-items: start;
    margin-bottom: 20px;
}
.sub-free .section-01 .content > .box .list-wrap li:last-child {margin-bottom: 0;}
.sub-free .section-01 .content > .box .list-wrap li p {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    font-size: 20px;
}
.sub-free .section-01 .content > .box .list-wrap li p b {
    width: 23%;
    padding-right: 20px;
}
.sub-free .section-01 .content > .box .list-wrap li p span {
    width: 77%;
    color: #111;
    line-height: 1.5;
}
.sub-free .section-01 .content .bottom {
    margin-top: 120px;
    border-top: 2px solid #111;
}
.sub-free .section-01 .content .bottom > div {
    border-bottom: 1px solid #ddd;
    padding: 50px;
}
.sub-free .section-01 .content .bottom h4 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.sub-free .section-01 .content .bottom h4 span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #097b63;
}
.sub-free .section-01 .content .bottom h4 b {
    font-size: 24px;
    width: calc(100% - 30px);
    padding-left: 10px;
}
.sub-free .section-01 .content .bottom .desc p {margin-bottom: 8px;}
.sub-free .section-01 .content .bottom .desc p .box {
    color: #fff;
    font-weight: bold;
    background: #097b63;
    margin-top: 4px;
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
}
.sub-free .section-01 .content .bottom .more-btn {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    width: auto;
    padding: 0 30px;
}
.sub-free .section-01 .content .bottom > div:first-child .more-btn {
    margin-right: 8px;
    vertical-align: middle;
}
.sub-free .section-01 .content .bottom > div:last-child .more-btn {margin-left: 8px;}
.sub-free .section-01 .download-count {
    border: 2px dashed #097b63;
    padding: 20px;
    text-align: center;
    margin-top: 120px;
    background: #f5f6fa;
}
.sub-free .section-01 .download-count p {
    font-size: 20px;
    font-weight: 500;
}
.sub-free .section-01 .download-count p span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #097b63;
    display: inline-block;
    margin-right: 10px;
}
.sub-free .section-01 .download-count p b {color: #097b63;}
.sub-free .download-section {text-align: center;}
.sub-free .download-section .title h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-free .download-section .title h2 .number {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
}
.sub-free .download-section .title h2 b {margin-left: 20px;}
.sub-free .download-section .title p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}
.sub-free .download-section .box {
    background: #fff;
    border-radius: 10px;
    padding: 40px 40px 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.sub-free .download-section .box > div {
    width: calc((100% - 40px)/2);
    margin-right: 40px;
    margin-bottom: 30px;
}
.sub-free .download-section .box > div:nth-child(2n) {margin-right: 0;}
.sub-free .download-section .box > div.full {
    width: 100%;
    margin-right: 0;
}
.sub-free .download-section .box > div.third {
    width: calc((100% - 80px)/3);
    margin-right: 40px;
}
.sub-free .download-section .box > div.third:nth-child(3n) {margin-right: 0;}
.sub-free .download-section .box .bar-title {
    text-align: left;
    margin-bottom: 15px;
}
.sub-free .download-section .box .bar-title::before {
    height: 19px;
    margin-top: 4px;
}
.sub-free .download-section .box .bar-title b {font-size: 20px;}
.sub-free .download-section .box .inner-box {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 30px;
    height: calc(100% - 51px);
}
.sub-free .download-section .box .inner-box .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}
.sub-free .download-section .box .inner-box .txt > p {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 20px;
}
.sub-free .download-section .box .inner-box .txt > p img {margin-left: 7px;}
.sub-free .download-section .box .inner-box .table-wrap table td {text-align: left;}
.sub-free .download-section .box .inner-box .table-wrap table td > span {
    color: #111;
    font-weight: 500;
    margin-left: 10px;
}
.sub-free .download-section .box > div.full .inner-box {
    display: flex;
    align-items: start;
    height: auto;
}
.sub-free .download-section .box > div.full .inner-box .img {
    width: 300px;
    height: auto;
    margin-top: -4px;
}
.sub-free .download-section .box > div.full .inner-box .txt {
    width: calc(100% - 300px);
    padding-left: 10px;
}
.sub-free .section-02 {background: url(/page/img/contents_free_bg_02.jpg) center / cover no-repeat;}
.sub-free .section-02 .title h2 .number {color: #fff;}
.sub-free .section-02 .title h2 b {color: #097b63;}
.sub-free .section-03 {background: url(/page/img/contents_free_bg_03.jpg) center / cover no-repeat;}
.sub-free .section-03 .title h2 .number {
    background: #fff;
    color: #097b63;
}
.sub-free .section-03 .title h2 b,
.sub-free .section-03 .title p,
.sub-free .section-03 .container > .desc {color: #fff;}
.sub-free .section-04 {background: url(/page/img/contents_free_bg_04.jpg) center / cover no-repeat;}
.sub-free .section-04 .title h2 .number {
    background: #fff;
    color: #0d1d1c;
}
.sub-free .section-04 .title h2 b,
.sub-free .section-04 .title p {color: #fff;}
.sub-free .section-04 .desc {letter-spacing: -0.5px;}
.sub-free .section-04 .desc p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
.sub-free .section-04 .btn-wrap {
    display: block;
    margin-top: 30px;
}
.sub-free .section-04 .btn-wrap a {margin-bottom: 10px;}
.sub-free .section-04 .btn-wrap a:last-child {margin-bottom: 0;}
.sub-free .section-04 .btn-wrap div {
    background: #097b63;
    color: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 10px;
}
.sub-free .section-04 .btn-wrap div:last-child {margin-bottom: 0;}
.sub-free .section-05 .box {
    padding: 0;
    margin-top: 0;
}
.sub-free .section-05 .box .inner-box > p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
@media all and (max-width: 1300px) {
    .sub-free .viewer-btn,
    .sub-free .download-btn {padding: 0 15px;}
}
@media all and (max-width: 1024px) {
    .sub-free .section-01 .content ul li .txt p {font-size: 18px;}
    .sub-free .download-section .box > div.full .inner-box {display: block;}
    .sub-free .download-section .box > div.full .inner-box .img {width: 100%;}
    .sub-free .download-section .box > div.full .inner-box .txt {
        width: 100%;
        padding: 10px 0 0;
    }
    .sub-free .download-section .box > div.third {
        width: 100%;
        margin: 0 0 30px;
    }
}
@media all and (max-width: 991px) {
    .sub-free .section-01 .content {margin-top: 80px;}
    .sub-free .section-01 .content ul li {margin-bottom: 100px;}
    .sub-free .section-01 .content ul li .right,
    .sub-free .section-01 .content ul li .left {width: 100%;}
    .sub-free .section-01 .content ul li .img {order: 1;}
    .sub-free .section-01 .content ul li .txt {
        padding: 50px 0 0;
        order: 2;
    }
    .sub-free .section-01 .content > .box .list-wrap li p b {
        width: 100%;
        padding: 0 0 20px;
    }
    .sub-free .section-01 .content > .box .list-wrap li p span {width: 100%;}
    .sub-free .section-01 .content .bottom > div {padding: 50px 30px;}
    .sub-free .section-01 .content .bottom > div:last-child .more-btn {margin-top: 5px;}
    .sub-free .table-wrap .btn-wrap,
    .sub-free .section-02 .btn-wrap {display: block;}
    .sub-free .table-wrap .btn-wrap a,
    .sub-free .section-02 .btn-wrap a {
        display: block;
        margin: 5px auto;
        width: 150px;
    }
}
@media all and (max-width: 767px) {
    .sub-free .section-01 .video-wrap {margin: 40px auto;}
    .sub-free .section-01 .content {margin-top: 0;}
    .sub-free .section-01 .content ul li {margin-bottom: 40px;}
    .sub-free .section-01 .content ul li .txt {padding-top: 30px;}
    .sub-free .section-01 .content ul li .txt strong {font-size: 24px;}
    .sub-free .section-01 .content ul li .txt p {font-size: 15px;}
    .sub-free .section-01 .content > .box {padding: 30px;}
    .sub-free .section-01 .content > .box .list-wrap li p {font-size: 16px;}
    .sub-free .section-01 .content > .box .list-wrap li p b {padding-bottom: 10px;}
    .sub-free .section-01 .content .bottom {margin-top: 40px;}
    .sub-free .section-01 .content .bottom > div {padding: 20px 10px;}
    .sub-free .section-01 .content .bottom h4 {margin-bottom: 15px;}
    .sub-free .section-01 .content .bottom h4 span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
    .sub-free .section-01 .content .bottom h4 b {
        width: calc(100% - 20px);
        font-size: 20px;
    }
    .sub-free .section-01 .content .bottom .more-btn {padding: 0 15px;}
    .sub-free .section-01 .content .bottom .desc p .box {font-size: 14px;}
    .sub-free .section-01 .download-count {
        margin-top: 50px;
        padding: 15px;
    }
    .sub-free .section-01 .download-count p {font-size: 16px;}
    .sub-free .section-01 .download-count p span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
    .sub-free .download-section .title h2 .number {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 18px;
    }
    .sub-free .download-section .title h2 b {margin-left: 12px;}
    .sub-free .download-section .title p {font-size: 18px;}
    .sub-free .download-section .box {
        padding: 20px;
        margin-top: 30px;
    }
    .sub-free .download-section .box > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .sub-free .download-section .box .bar-title b {font-size: 18px;}
    .sub-free .download-section .box .inner-box {
        height: auto;
        padding: 20px;
    }
    .sub-free .download-section .box .inner-box .img {height: auto;}
    .sub-free .table-wrap .btn-wrap a,
    .sub-free .section-02 .btn-wrap a {
        padding: 0 10px;
        width: 100%;
    }
    .sub-free .section-02 .btn-wrap {display: flex;}
    .sub-free .section-02 .btn-wrap a {margin: 0 5px;}
    .sub-free .section-02 .table-wrap .btn-wrap {display: block;}
    .sub-free .section-02 .table-wrap .btn-wrap a {margin: 5px 0;}
    .sub-free .viewer-btn b,
    .sub-free .download-btn b {font-size: 13px;}
    .sub-free .download-section .box .inner-box .txt > p {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .sub-free .download-section .box .inner-box .txt > p img {width: 18px;}
    .sub-free .download-section .table-wrap table th:first-child {display: none;}
    .sub-free .download-section .table-wrap table td {display: block;}
    .sub-free .download-section .table-wrap table td:first-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .sub-free .download-section .box .inner-box .table-wrap table td > span {margin-left: 0;}
    .sub-free .download-section .box .inner-box .table-wrap table td > img {width: 24px;}
    .sub-free .section-05 .box {
        padding: 0;
        margin: 0;
    }
    .sub-free .section-05 .box .inner-box > p {font-size: 16px;}
}

/* 스터짐 MEMBER */
.sub-member .title {text-align: center;}
.sub-member .section-01 .content {
    display: flex;
    flex-wrap: wrap;
}
.sub-member .section-01 .content .desc {
    width: 69%;
    padding-right: 50px;
}
.sub-member .section-01 .content .img {
    width: 31%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/page/img/team_member_img.jpg) center / cover no-repeat;
}
.sub-member .section-01 .content .img img {max-width: 250px;}
.sub-member .section-02 {
    background: #f5f6fa;
    text-align: center;
}
.sub-member .section-02 .ceo {
    background: #044d3e;
    width: 180px;
    height: 180px;
    border-radius: 180px;
    padding: 10px;
    margin: 0 auto 60px;
    position: relative;
}
.sub-member .section-02 .ceo::after {
    content: "";
    background: #aaa;
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -30px;
}
.sub-member .section-02 .ceo .inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
}
.sub-member .section-02 .ceo .inner p {
    font-size: 18px;
    font-weight: 500;
}
.sub-member .section-02 .ceo .inner strong {
    display: block;
    font-size: 30px;
    margin-top: 5px;
}
.sub-member .section-02 .brand {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
}
.sub-member .section-02 .brand > div > div {position: relative;}
.sub-member .section-02 .brand .box {
    position: relative;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
}
.sub-member .section-02 .brand .line-01 .box,
.sub-member .section-02 .brand .line-02 .box {margin-bottom: 60px;}
.sub-member .section-02 .brand .line-03 .box:last-child {margin-bottom: 0;}
.sub-member .section-02 .brand .box::after {
    content: "";
    background: #aaa;
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -30px;
}
.sub-member .section-02 .brand .box:first-child::before {
    content: "";
    background: #aaa;
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    top: -30px;
}
.sub-member .section-02 .brand .line-03 .box:last-child::after {content: none;}
.sub-member .section-02 .brand .box-title {
    position: relative;
    color: #fff;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 10px;
}
.sub-member .section-02 .brand .line-01 .box-title::before {
    content: "";
    width: 27px;
    height: 33px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.sub-member .section-02 .brand .box-content {
    font-weight: 500;
    padding: 15px 20px;
}
.sub-member .section-02 .brand .content-inner {padding: 5px 0;}
.sub-member .section-02 .brand .content-inner .inner-title {
    color: #111;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
    word-break: break-word;
}
.sub-member .section-02 .brand .content-inner .name-list {padding: 15px 0;}
.sub-member .section-02 .brand .name-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.sub-member .section-02 .brand .name-list li:first-child {padding-top: 0;}
.sub-member .section-02 .brand .name-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sub-member .section-02 .brand .stugym {width: 81.84%;}
.sub-member .section-02 .brand .stugym > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sub-member .section-02 .brand .stugym > div > div {
    width: calc((100% - 120px)/4);
    margin-right: 30px;
}
.sub-member .section-02 .brand .stugym .line-01::before {
    content: "";
    background: #aaa;
    width: calc((((100% - 120px)/4) * 2) + 75px);
    height: 1px;
    display: block;
    position: absolute;
    top: -30px;
    right: 0;
}
.sub-member .section-02 .brand .stugym .line-02::before {
    content: "";
    background: #aaa;
    width: calc(((100% - 120px)/4) + 30px);
    height: 1px;
    display: block;
    position: absolute;
    left: calc(50% - 15px);
    transform: translateX(-50%);
    top: -30px;
}
.sub-member .section-02 .brand .stugym .line-03::before {
    content: "";
    background: #aaa;
    width: calc((100% - ((100% - 120px)/4)) - 30px);
    height: 1px;
    display: block;
    position: absolute;
    left: calc(50% - 15px);
    transform: translateX(-50%);
    top: -30px;
}
.sub-member .section-02 .brand .stugym .box-title {background: #097b63;}
.sub-member .section-02 .brand .stugym .line-01 .box-title::before {background: url(/page/img/symbol.svg) center / cover no-repeat;}
.sub-member .section-02 .brand .stugym .line-03 .box-title {background: #1ba286;}
.sub-member .section-02 .brand .stugym .line-03 .box:first-child .box-title {background: #097b63;}
.sub-member .section-02 .brand .stugym .content-inner .inner-title {background: #c9e6e0;}
.sub-member .section-02 .brand .pharmmedilab {width: 18.16%;}
.sub-member .section-02 .brand .pharmmedilab .line-01::before {
    content: "";
    background: #aaa;
    width: 50%;
    height: 1px;
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
}
.sub-member .section-02 .brand .pharmmedilab .line-03::before {
    content: "";
    background: #aaa;
    width: calc(100% + 30px);
    height: 1px;
    display: block;
    position: absolute;
    top: -30px;
    right: 50%;
}
.sub-member .section-02 .brand .pharmmedilab .box-title {background: #002d73;}
.sub-member .section-02 .brand .pharmmedilab .line-01 .box-title::before {background: url(/page/img/pharmmedilab_symbol.svg) center / cover no-repeat;}
.sub-member .section-02 .brand .pharmmedilab .content-inner .inner-title {background: #ccd7e8;}

.sub-member .section-03 ul {margin: 50px 0;}
.sub-member .section-03 ul li {
    background: #f5f6fa;
    border-left: 5px solid #097b63;
    padding: 15px 30px;
    display: flex;
    align-items: start;
    font-size: 18px;
    margin-bottom: 10px;
}
.sub-member .section-03 ul li:last-child {margin-bottom: 0;}
.sub-member .section-03 ul li b {
    width: 12%;
    color: #097b63;
}
.sub-member .section-03 ul li span {
    width: 88%;
    padding-left: 20px;
    border-left: 1px solid #ccc;
}
@media all and (max-width: 991px) {
    .sub-member .section-01 .content .desc {
        width: 100%;
        padding: 0 0 50px;
    }
    .sub-member .section-01 .content .img {
        width: 100%;
        background-image: url(/page/img/team_member_img_m.jpg);
        padding: 30px;
    }
    .sub-member .section-01 .content .img img {max-width: 200px;}
    .sub-member .section-02 .brand .box-title {padding: 15px;}
    .sub-member .section-02 .brand .line-01 .box-title::before {content: none;}
    .sub-member .section-02 .brand .box-content {padding: 15px;}
    .sub-member .section-03 ul li {padding: 12px 15px;}
    .sub-member .section-03 ul li b {width: 15%;}
    .sub-member .section-03 ul li span {width: 85%;}
}
@media all and (max-width: 767px) {
    .sub-member .section-01 .content .img img {max-width: 120px;}
    .sub-member .section-02 .ceo {
        width: 120px;
        height: 120px;
        margin: 0 auto 30px;
        padding: 5px;
    }
    .sub-member .section-02 .ceo .inner p {font-size: 15px;}
    .sub-member .section-02 .ceo .inner strong {
        font-size: 20px;
        margin-top: 2px;
    }
    .sub-member .section-02 .brand {font-size: 15px;}
    .sub-member .section-02 .brand .line-01 > div,
    .sub-member .section-02 .brand .line-02 > div {
        width: calc((100% - 15px)/2) !important;
        margin-right: 15px !important;
    }
    .sub-member .section-02 .brand .line-01 > div:last-child,
    .sub-member .section-02 .brand .line-02 > div:last-child {margin-right: 0 !important;}
    .sub-member .section-02 .brand .line-03 > div {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 40px;
    }
    .sub-member .section-02 .brand .pharmmedilab .line-03 > div:last-child {margin-bottom: 0;}
    .sub-member .section-02 .brand .pharmmedilab .line-01 > div,
    .sub-member .section-02 .brand .pharmmedilab .line-02 > div {width: 100% !important;}
    .sub-member .section-02 .brand .pharmmedilab .line-01 .box {margin-bottom: 30px;}
    .sub-member .section-02 .brand .line-02 .box {margin-bottom: 30px;}
    .sub-member .section-02 .brand .stugym,
    .sub-member .section-02 .brand .pharmmedilab {width: 100%;}

    .sub-member .section-02 .brand .box {border-radius: 5px;}
    .sub-member .section-02 .brand .box-title {border-radius: 5px;}
    .sub-member .section-02 .brand .box-title,
    .sub-member .section-02 .brand .box-content {padding: 10px;}

    .sub-member .section-02 .brand .content-inner .name-list {padding: 10px 0;}

    .sub-member .section-02 .ceo::after,
    .sub-member .section-02 .brand .line-01 .box:first-child::before,
    .sub-member .section-02 .brand .line-02 .box::after,
    .sub-member .section-02 .brand .stugym .line-01::before,
    .sub-member .section-02 .brand .pharmmedilab .line-01::before,
    .sub-member .section-02 .brand .pharmmedilab .line-03::before,
    .sub-member .section-02 .brand .stugym .line-03::before,
    .sub-member .section-02 .brand .line-03 .box:first-child::before {content: none;}
    .sub-member .section-02 .brand .stugym .line-02::before {
        width: 52%;
        left: 50%;
    }
    .sub-member .section-03 ul {margin: 30px 0;}
    .sub-member .section-03 ul li {
        border-left: 3px solid #097b63;
        font-size: 15px;
    }
    .sub-member .section-03 ul li b {width: 28%;}
    .sub-member .section-03 ul li span {width: 72%;}
}

/* 강사 및 튜터 소개 */
.sub-tutor .section-01 {text-align: center;}
.sub-tutor .section-01 .title {margin-bottom: 0;}
.sub-tutor .section-01 .title .title-sub {margin-bottom: 50px;}
.sub-tutor .section-01 .title .img:nth-child(3) {margin-bottom: 50px;}
.sub-tutor .section-02 {
    background: #f5f6fa;
    padding: 0 !important;
}
.sub-tutor .section-02 .title {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 100px 0 180px;
    position: relative;
    overflow: hidden;
    margin: 0;
    text-align: center;
}
.sub-tutor .section-02 > div:first-child .title {background-image: url(/page/img/team_tutor_bg_01.jpg)}
.sub-tutor .section-02 > div:nth-child(2) .title {background-image: url(/page/img/team_tutor_bg_02.jpg)}
.sub-tutor .section-02 > div:last-child .title {background-image: url(/page/img/team_tutor_bg_03.jpg)}
.sub-tutor .section-02 .box-wrap {
    position: relative;
    z-index: 1;
    margin-top: -120px;
    padding-bottom: 120px;
}
.sub-tutor .section-02 .box-wrap > div {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 50px;
    position: relative;
    margin-bottom: 50px;
}
.sub-tutor .section-02 .box-wrap > div:last-child {margin-bottom: 0;}
.sub-tutor .section-02 .box-wrap .emblem {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 80px;
}
.sub-tutor .section-02 .box-wrap .top {
    display: flex;
    flex-wrap: wrap;
}
.sub-tutor .section-02 .box-wrap .top .img {width: 26%;}
.sub-tutor .section-02 .box-wrap .top .txt {
    width: 74%;
    padding-top: 10px;
    padding-left: 50px;
}
.sub-tutor .section-02 .box-wrap .top .txt > p {
    font-size: 18px;
    font-weight: bold;
    color: #097b63;
}
.sub-tutor .section-02 .box-wrap .top .txt > strong {
    font-size: 30px;
    display: block;
    margin: 6px 0 20px;
}
.sub-tutor .section-02 .box-wrap .top .txt .list-wrap {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px 25px;
}
.sub-tutor .section-02 .box-wrap .top .txt .list-wrap li {margin-bottom: 3px;}
.sub-tutor .section-02 .box-wrap .top .txt .list-wrap li p {font-weight: 500;}
.sub-tutor .section-02 .box-wrap .top .txt .slogan {
    position: relative;
    margin-top: 20px;
}
.sub-tutor .section-02 .box-wrap > div:last-child .top .txt .slogan {margin-top: 50px;}
.sub-tutor .section-02 .box-wrap .top .txt .slogan::after {
    content: "";
    background: url(/page/img/quote_end_gray.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}
.sub-tutor .section-02 .box-wrap .top .txt .slogan p {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}
.sub-tutor .section-02 .box-wrap .top .txt .slogan p b {
    font-size: 20px;
    color: #097b63;
    margin-left: 8px;
    margin-top: -5px;
}
.sub-tutor .section-02 .box-wrap .top .txt .slogan .desc {
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.sub-tutor .section-02 .box-wrap .bottom {margin-top: 30px;}
.sub-tutor .section-02 .box-wrap .bottom .label {
    background: #0d1d1c;
    font-size: 18px;
}
.sub-tutor .section-02 .box-wrap .bottom .txt {
    border: 1px solid #0d1d1c;
    padding: 15px 30px;
}
.sub-tutor .section-02 .box-wrap .bottom .txt ul li {
    border-bottom: 1px solid #ddd;
    padding: 13px 0;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-tutor .section-02 .box-wrap .bottom .txt ul li:last-child {border-bottom: none;}
.sub-tutor .section-02 .box-wrap .bottom .txt ul li b {width: 20%;}
.sub-tutor .section-02 .box-wrap .bottom .txt ul li span {width: 80%;}

.sub-tutor .section-02 > div:last-child .box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-tutor .section-02 > div:last-child .box-wrap > div {
    width: calc((100% - 30px)/2);
    margin: 0;
    margin-right: 30px;
}
.sub-tutor .section-02 > div:last-child .box-wrap > div:last-child {margin-right: 0;}
.sub-tutor .section-02 > div:last-child .box-wrap strong {
    font-size: 24px;
    display: block;
    border-bottom: 2px solid #111;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.sub-tutor .section-02 > div:last-child .box-wrap .desc {
    line-height: 1.7;
}
@media all and (max-width: 1024px) {
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li b {width: 25%;}
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li span {width: 75%;}
}
@media all and (max-width: 991px) {
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li b {width: 35%;}
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li span {width: 65%;}
}
@media all and (max-width: 767px) {
    .sub-tutor .section-01 .title .title-sub {margin-bottom: 30px;}
    .sub-tutor .section-01 .title .img:nth-child(3) {margin-bottom: 0;}
    .sub-tutor .section-02 .title {padding: 40px 0 100px;}
    .sub-tutor .section-02 .box-wrap {
        margin-top: -70px;
        padding-bottom: 50px;
    }
    .sub-tutor .section-02 .box-wrap > div {
        padding: 20px;
        margin-bottom: 30px;
    }
    .sub-tutor .section-02 .box-wrap .emblem {
        top: 30px;
        right: 30px;
        width: 60px;
    }
    .sub-tutor .section-02 .box-wrap .top .img {
        width: 100%;
        text-align: center;
    }
    .sub-tutor .section-02 .box-wrap .top .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .sub-tutor .section-02 .box-wrap .top .txt > p {font-size: 15px;}
    .sub-tutor .section-02 .box-wrap .top .txt > strong {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .sub-tutor .section-02 .box-wrap .top .txt .list-wrap {padding: 12px 18px;}
    .sub-tutor .section-02 .box-wrap .top .txt .slogan p b {
        font-size: 16px;
        margin-top: -2px;
    }
    .sub-tutor .section-02 .box-wrap .bottom {margin-top: 20px;}
    .sub-tutor .section-02 .box-wrap .bottom .label {font-size: 15px;}
    .sub-tutor .section-02 .box-wrap .bottom .txt {padding: 5px 15px;}
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li {
        padding: 10px 0;
        font-size: 15px;
    }
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li b {
        width: 100%;
        margin-bottom: 5px;
    }
    .sub-tutor .section-02 .box-wrap .bottom .txt ul li span {width: 100%;}
    .sub-tutor .section-02 > div:last-child .box-wrap > div {
        width: 100%;
        margin: 0 0 15px;
    }
    .sub-tutor .section-02 > div:last-child .box-wrap > div:last-child {margin-bottom: 0;}
    .sub-tutor .section-02 > div:last-child .box-wrap strong {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
}

/* 입시 정보 */
.sub-admissions .title {text-align: center;}
.sub-admissions .section-01 .title img {
    height: 50px;
    margin-bottom: 30px;
}
.sub-admissions .section-01 .title h3 {margin-top: 120px;}
.sub-admissions .section-01 .title .video-wrap {
    max-width: 1100px;
    margin: 80px auto 0;
}
.sub-admissions .section-01 .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 300px;
    background: url(/page/img/admissions_bg_01.jpg) center / cover no-repeat;
    max-width: 720px;
    margin: 0 auto;
}
.sub-admissions .section-01 .top li {
    width: 240px;
    height: 240px;
    border-radius: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: rgba(9,123,99,0.8);
    margin: 0 -15px;
}
.sub-admissions .section-01 .bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.sub-admissions .section-01 .bottom li {
    width: 50%;
    padding: 10px 40px;
    border-right: 1px solid #ddd;
}
.sub-admissions .section-01 .bottom li:nth-child(2n) {border-right: none;}
.sub-admissions .section-01 .bottom li:first-child,
.sub-admissions .section-01 .bottom li:nth-child(2) {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.sub-admissions .section-01 .bottom li:nth-child(3),
.sub-admissions .section-01 .bottom li:last-child {padding-top: 40px;}
.sub-admissions .section-01 .bottom li h4 {
    display: flex;
    align-items: start;
}
.sub-admissions .section-01 .bottom li h4 b {
    width: calc(100% - 30px);
    font-size: 24px;
    padding-left: 15px;
}
.sub-admissions .section-01 .bottom li h4 b span {color: #097b62;}
.sub-admissions .section-01 .bottom li .desc {
    margin-top: 15px;
    margin-left: 45px;
}
.sub-admissions .section-01 .bottom li p {
    background: #e7e9eb;
    padding: 10px 15px;
    font-size: 20px;
    color: #097b63;
    font-weight: bold;
    margin: 15px 0;
    margin-left: 45px;
    display: inline-block;
}
.sub-admissions .section-01 .bottom li p span {
    font-size: 15px;
    color: #666;
}
.sub-admissions .section-01 .bottom li .table-wrap {
    margin-left: 45px;
    border-top: 1px solid #111;
}
.sub-admissions .section-01 .bottom li .table-wrap td {padding: 10px 20px;}
.sub-admissions .section-01 .bottom li .table-wrap td.td-bg {font-weight: bold;}
.sub-admissions .section-01 .banner {
    margin-top: 50px;
    display: block;
    position: relative;
}
.sub-admissions .section-01 .banner .box {
    background: #097b63;
    border-radius: 10px;
    width: 100%;
    height: 120px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all .3s;
}
.sub-admissions .section-01 .banner:hover .box {background: #066551;}
.sub-admissions .section-01 .banner .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.sub-admissions .section-01 .banner .inner > img {margin-left: -200px;}
.sub-admissions .section-01 .banner .inner p {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-left: 50px;
    margin-right: 20px;
}
.sub-admissions .section-01 .banner .inner span {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    line-height: 36px;
    background: #fff;
    display: inline-block;
    text-align: center;
}
.sub-admissions .section-01 .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.sub-admissions .section-01 .btn-wrap b {
    font-size: 20px;
    margin-right: 20px;
}
.sub-admissions .section-01 .btn-wrap .link-btn {
    background: #fff;
    border: 1px solid #097b63;
    height: 42px;
    line-height: 42px;
    display: block;
    transition: all .3s;
    font-size: 16px;
    color: #097b63;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
    max-width: 180px;
    width: 100%;
}
.sub-admissions .section-01 .btn-wrap .link-btn:hover {
    background: #097b62;
    color: #fff;
}
.sub-admissions .section-01 .bottom-txt {
    text-align: center;
    font-size: 24px;
    margin-top: 100px;
}
.sub-admissions .section-01 .bottom-txt > div:first-child {margin-bottom: 30px;}
.sub-admissions .section-01 .bottom-txt > div:first-child strong {font-size: 30px;}
.sub-admissions .section-01 .bottom-txt > div:last-child strong {
    font-size: 50px;
    color: #097B63;
}
.sub-admissions .section-01 .bottom-txt strong span {
    font-size: 30px;
    display: block;
    color: #111;
}
.sub-admissions .section-01 .bottom-txt > div:last-child p {
    font-size: 30px;
    margin-top: 50px;
}
.sub-admissions .section-02 {background: #f5f6fa;}
.sub-admissions .section-02 .container > div {margin-bottom: 100px;}
.sub-admissions .section-02 .container > div:last-child {margin-bottom: 0;}
.sub-admissions .section-02 .container > div:first-child .table-wrap .more-btn {
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    margin: 10px 0 0;
}
.sub-admissions .section-02 .container > div:first-child .table-wrap .td-bg .name {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-admissions .section-02 .container > div:first-child .table-wrap .td-bg .name img {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    margin-right: 5px;
}
.sub-admissions .section-02 .container > div:first-child .table-wrap .td-bg .more-btn {
    max-width: 180px;
    margin: 10px auto 0;
}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap th,
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap td {width: 14.28%;}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap .td-bg-lightgreen {background: #e1f0ed;}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap .td-bg-green {
    background: #097b63;
    color: #fff;
}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap p {font-weight: 500;}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap ul {margin-top: 8px;}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap ul li {
    background: #fff;
    border-radius: 3px;
    font-weight: bold;
    padding: 3px 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap ul li:last-child {margin-bottom: 0;}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap ul li.blue {
    background: #1172bc;
    color: #fff;
}
.sub-admissions .section-02 .container > div:nth-child(2) .table-wrap .td-bg-green ul li {color: #111;}
.sub-admissions .section-02 .container > div:nth-child(3) .map {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -80px;
}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div {margin-right: 30px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:last-child {margin-right: 0;}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner {position: relative;}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-img {min-height: 505px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-img img {max-width: none;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:first-child .inner .map-img img {width: 541px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-img img {width: 404px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:last-child .inner .map-img img {width: 455px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-txt a {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid #097b63;
    background: #fff;
    color: #097b63;
    transition: all .3s;
    box-shadow: 0 10px 20px rgb(0,0,0,0.1);
}
.sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-txt a:hover {
    background: #097b63;
    color: #fff;
}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:first-child .inner .map-txt a:first-child {top: 100px; left: 200px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:first-child .inner .map-txt a:nth-child(2) {top: 120px; left: 305px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:first-child .inner .map-txt a:nth-child(3) {top: 90px; left: 405px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:first-child .inner .map-txt a:nth-child(4) {top: 80px; left: 295px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:first-child {top: 150px; left: 96px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(2) {top: 150px; left: 170px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(3) {top: 270px; left: 0;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(4) {top: 270px; left: 110px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(5) {top: 270px; left: 180px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(6) {top: 410px; left: 35px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(7) {top: 410px; left: 110px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(8) {top: 380px; left: 180px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(9) {bottom: 0; left: 210px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:nth-child(2) .inner .map-txt a:nth-child(10) {top: 340px; left: 180px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:last-child .inner .map-txt a:first-child {top: 35px; right: 20px;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:last-child .inner .map-txt a:nth-child(2) {top: 110px; right: 0;}
.sub-admissions .section-02 .container > div:nth-child(3) .map > div:last-child .inner .map-txt a:nth-child(3) {top: 150px; right: 0;}
.sub-admissions .section-02 .container > div:nth-child(3) .map p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap > div:last-child {margin-bottom: 0;}
.sub-admissions .section-02 .container > div:last-child .box-wrap h5 {
    width: 12%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    background: #097b63;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap ul {
    width: calc(88% - 10px);
    margin-left: 10px;
    background: #eceeef;
    border-radius: 5px;
    padding: 20px 20px 10px;
    display: flex;
    flex-wrap: wrap;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap ul li a {
    background: #fff;
    border-radius: 3px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    transition: all .3s;
}
.sub-admissions .section-02 .container > div:last-child .box-wrap ul li a:hover {border: 1px solid #097b63;}
.sub-admissions .section-02 .container > div:last-child .box-wrap ul li a b {
    font-size: 18px;
    margin-left: 10px;
    margin-right: 20px;
}
@media all and (max-width: 1300px) {
    .sub-admissions .section-02 .container > div:nth-child(3) .map {margin: 0 auto;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map > div {margin: 0 -40px;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map .inner {transform: scale(0.8);}
    .sub-admissions .section-02 .container > div:nth-child(3) .map p {margin-top: 0;}
}
@media all and (max-width: 1024px) {
    .sub-admissions .section-02 .container > div:nth-child(3) .map {display: block;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map > div {
        width: 100%;
        margin: 0 0 60px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sub-admissions .section-02 .container > div:nth-child(3) .map .inner {
        transform: scale(1);
        display: inline-block;
    }
    .sub-admissions .section-02 .container > div:nth-child(3) .map .inner .map-img {min-height: auto;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map p {
        margin-top: 30px;
        width: 100%;
    }
}
@media all and (max-width: 991px) {
    .sub-admissions .section-01 .bottom li {padding: 10px 20px;}
    .sub-admissions .section-01 .banner .inner > img {
        width: 200px;
        margin-left: -100px;
    }
    .sub-admissions .section-01 .banner .inner p {
        font-size: 24px;
        margin-left: 40px;
    }
    .sub-admissions .section-02 .container > div:first-child .table-wrap .btn-wrap .more-btn {
        width: 100%;
        margin: 0 0 5px;
    }
    .sub-admissions .section-02 .container > div:first-child .table-wrap .btn-wrap .more-btn:last-child {margin-bottom: 0;}
    .sub-admissions .section-02 .container > div:nth-child(2) .table-wrap td {padding: 15px 10px;}
    .sub-admissions .section-02 .container > div:nth-child(2) .table-wrap ul li {font-size: 14px;}
}
@media all and (max-width: 767px) {
    .sub-admissions .section-01 .title h3 {margin-top: 50px;}
    .sub-admissions .section-01 .title .video-wrap {margin-top: 40px;}
    .sub-admissions .section-01 .top {padding: 12px;}
    .sub-admissions .section-01 .top li {
        width: 120px;
        height: 120px;
        font-size: 18px;
    }
    .sub-admissions .section-01 .bottom {margin-top: 30px;}
    .sub-admissions .section-01 .bottom li {
        width: 100%;
        padding: 30px 0 !important;
        border-right: none !important;
        border-bottom: 1px solid #ddd;
    }
    .sub-admissions .section-01 .bottom li h4 b {
        width: calc(100% - 20px);
        padding-left: 10px;
        font-size: 18px;
    }
    .sub-admissions .section-01 .bottom li p {
        font-size: 16px;
        margin-left: 30px;
    }
    .sub-admissions .section-01 .bottom li p span {font-size: 13px;}
    .sub-admissions .section-01 .bottom li .desc {margin-left: 30px;}
    .sub-admissions .section-01 .bottom li .table-wrap {margin-left: 30px;}
    .sub-admissions .section-01 .bottom-txt {
        margin-top: 50px;
        font-size: 20px;
    }
    .sub-admissions .section-01 .bottom-txt > div:first-child strong {font-size: 24px;}
    .sub-admissions .section-01 .bottom-txt > div:last-child strong {font-size: 30px;}
    .sub-admissions .section-01 .bottom-txt > div strong span {font-size: 24px;}
    .sub-admissions .section-01 .bottom-txt > div:last-child p {
        font-size: 24px;
        margin-top: 30px;
    }
    .sub-admissions .section-01 .banner {
        background: #097b63;
        border-radius: 10px;
        padding: 20px;
        margin-top: 100px;
    }
    .sub-admissions .section-01 .banner .box {display: none;}
    .sub-admissions .section-01 .banner .inner {
        display: block;
        text-align: center;
    }
    .sub-admissions .section-01 .banner .inner > img {margin-top: -80px;}
    .sub-admissions .section-01 .banner .inner p {
        font-size: 22px;
        margin: 20px 0 10px;
    }
    .sub-admissions .section-01 .btn-wrap {text-align: center;}
    .sub-admissions .section-01 .btn-wrap b {
        width: 100%;
        display: block;
        font-size: 16px;
        margin: 0 0 10px;
    }
    .sub-admissions .section-01 .btn-wrap .link-btn {width: calc((100% - 10px)/2);}
    .sub-admissions .section-01 .btn-wrap .link-btn:last-child {margin-right: 0;}
    .sub-admissions .section-02 .container > div {margin-bottom: 50px;}
    .sub-admissions .section-02 .container > div:first-child .table-wrap table {width: 700px;}
    .sub-admissions .section-02 .container > div:first-child .table-wrap .more-btn {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
    }
    .sub-admissions .section-02 .container > div:nth-child(2) .table-wrap table {width: 700px;}
    .sub-admissions .section-02 .container > div:nth-child(2) .table-wrap td {padding: 10px;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map > div {margin-bottom: 40px;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map .inner {
        transform: scale(0.8);
        transform-origin: center center;
    }
    .sub-admissions .section-02 .container > div:nth-child(3) .map p {
        margin-top: 0;
        font-size: 16px;
    }
    .sub-admissions .section-02 .container > div:last-child .box-wrap h5 {
        font-size: 16px;
        width: 50px;
    }
    .sub-admissions .section-02 .container > div:last-child .box-wrap ul {
        width: calc(100% - 60px);
        padding: 15px 15px 5px;
    }
    .sub-admissions .section-02 .container > div:last-child .box-wrap ul li a {padding: 3px 10px;}
    .sub-admissions .section-02 .container > div:last-child .box-wrap ul li a b {
        font-size: 15px;
        margin-left: 5px;
        margin-right: 10px;
    }
}
@media all and (max-width: 360px) {
    .sub-admissions .section-02 .container > div:nth-child(3) .map > div {margin-bottom: 0;}
    .sub-admissions .section-02 .container > div:nth-child(3) .map .inner {transform: scale(0.7);}
    .sub-admissions .section-02 .container > div:nth-child(3) .map p {margin-top: -50px;}
    .sub-admissions .section-02 .container > div:last-child .box-wrap ul li {width: 100%;}
    .sub-admissions .section-02 .container > div:last-child .box-wrap ul li a .arrow {margin-left: auto;}
}

/* e-설명회 */
.sub-seminar .title {text-align: center;}
.sub-seminar .title h3 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-seminar .title h3 .number {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
}
.sub-seminar .title h3 b {
    margin-left: 15px;
    color: #fff;
}
.sub-seminar .title h3 b span {color: #8ef3dc;}
.sub-seminar .video-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -50px;
}
.sub-seminar .video-list li {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.sub-seminar .video-list li:nth-child(2n) {margin-right: 0;}
.sub-seminar .video-list li .video {background: #e4e8ef;}
.sub-seminar .video-list li .txt {padding: 30px;}
.sub-seminar .video-list li .txt .bar-title {margin-bottom: 12px;}
.sub-seminar .video-list li .txt .bar-title::before {
    width: 4px;
    height: 19px;
    margin-top: 4px;
}
.sub-seminar .video-list li .txt .bar-title b {font-size: 20px;}
.sub-seminar .video-list li .txt p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.sub-seminar .pt-section {padding: 0;}
.sub-seminar .pt-section .title {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    margin: 0;
}
.sub-seminar .pt-section .content {
    background: url(/page/img/admissions_seminar_bg_06.jpg) center / cover no-repeat;
    padding: 80px 0 120px;
}
.sub-seminar .section-01 .title {margin: 0;}
.sub-seminar .section-01 .video-wrap {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
}
.sub-seminar .section-01 .video-wrap > div {
    width: calc((100% - 60px)/5);
    margin-right: 15px;
}
.sub-seminar .section-01 .video-wrap > div:last-child {margin-right: 0;}
.sub-seminar .section-01 .video-wrap p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
.sub-seminar .section-01 .video-wrap.full {
    max-width: 1100px;
    margin: 80px auto 0;
}
.sub-seminar .section-01 .video-wrap.full > div {
    width: 100%;
    margin: 0;
}
.sub-seminar .section-02.pt-section .title {background-image: url(/page/img/admissions_seminar_bg_01.jpg);}
.sub-seminar .section-02.pt-section .title h3 b,
.sub-seminar .section-06 .title h3 b {color: #111;}
.sub-seminar .section-02.pt-section .title h3 b span {color: #097b63;}
.sub-seminar .section-03.pt-section .title {background-image: url(/page/img/admissions_seminar_bg_02.jpg);}
.sub-seminar .section-03.pt-section .title h3 .number {
    background: #fff;
    color: #097b63;
}
.sub-seminar .section-04.pt-section .title {background-image: url(/page/img/admissions_seminar_bg_03.jpg);}
.sub-seminar .section-04.pt-section .title h3 .number {
    background: #fff;
    color: #0d1d1c;
}
.sub-seminar .section-05 {background: url(/page/img/admissions_seminar_bg_04.jpg) center / cover no-repeat;}
.sub-seminar .section-05 .video-list {margin-bottom: -30px;}
.sub-seminar .section-05 .video-list li {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
}
.sub-seminar .section-05 .video-list li:nth-child(2n) {margin-right: 30px;}
.sub-seminar .section-05 .video-list li:nth-child(3n) {margin-right: 0;}
.sub-seminar .section-06 {background: url(/page/img/admissions_seminar_bg_05.jpg) center / cover no-repeat;}
@media all and (max-width: 767px) {
    .sub-seminar .pt-section .title {padding: 30px 0;}
    .sub-seminar .title h3 .number {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .sub-seminar .title h3 b {text-align: left;}
    .sub-seminar .title h3 b span {display: block;}
    .sub-seminar .video-list {margin-bottom: -20px !important;}
    .sub-seminar .video-list li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    .sub-seminar .video-list li .txt {padding: 20px;}
    .sub-seminar .video-list li .txt .bar-title::before {height: 16px;}
    .sub-seminar .video-list li .txt .bar-title b {
        font-size: 18px;
        padding-left: 6px;
    }
    .sub-seminar .video-list li .txt p {font-size: 16px;}
    .sub-seminar .pt-section .content {padding: 40px 0 50px;}
    .sub-seminar .section-01 .video-wrap {margin: 40px 0 0;}
    .sub-seminar .section-01 .video-wrap > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .sub-seminar .section-01 .video-wrap p {font-size: 16px;}
    .sub-seminar .section-01 .video-wrap.full {margin: 40px 0 0;}
}

/* 결제 */
.sub-payment .title {text-align: center;}
.sub-payment .section-01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
}
.sub-payment .section-01 ul li {
    width: calc((100% - 40px)/3);
    margin-right: 20px;
    padding: 8px;
    border-radius: 100px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.sub-payment .section-01 ul li:first-child {background: #1c856f;}
.sub-payment .section-01 ul li:nth-child(2) {background: #0e423f;}
.sub-payment .section-01 ul li:last-child {
    background: #0d1d1c;
    margin-right: 0;
}
.sub-payment .section-01 ul li .inner {
    border: 1px dashed #fff;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
}
.sub-payment .section-01 ul li .inner img {
    width: 35px;
    height: 30px;
}
.sub-payment .section-01 ul li .inner b {
    font-size: 24px;
    color: #fff;
    margin-left: 5px;
}
.sub-payment .section-01 .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-payment .section-02 {padding-top: 0;}
.sub-payment .section-02 > div {margin-bottom: 100px;}
.sub-payment .section-02 > div:last-child {margin-bottom: 0;}
.sub-payment .section-02 .product {
    display: flex;
    flex-wrap: wrap;
}
.sub-payment .section-02 .product > li {
    width: calc((100% - 60px)/4);
    margin-right: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.sub-payment .section-02 .product > li:last-child {margin-right: 0;}
.sub-payment .section-02 .product > li h5 {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.sub-payment .section-02 .product > li:first-child h5 {
    background: #eee;
    color: #111;
}
.sub-payment .section-02 .product > li:nth-child(2) h5 {background: #76ccb9;}
.sub-payment .section-02 .product > li:nth-child(3) h5 {background: #38aa92;}
.sub-payment .section-02 .product > li:last-child h5 {background: #097b63;}
.sub-payment .section-02 .product > li .info {padding: 10px 30px 30px;}
.sub-payment .section-02 .product > li .info > li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.sub-payment .section-02 .product > li .info > li:nth-child(2),
.sub-payment .section-02 .product > li .info > li:nth-child(5) {min-height: 110px;}
.sub-payment .section-02 .product > li .info > li:nth-child(3) {min-height: 180px;}
.sub-payment .section-02 .product > li .info > li:nth-child(4) {min-height: 170px;}
.sub-payment .section-02 .product > li .info > li:last-child {border-bottom: none;}
.sub-payment .section-02 .product > li .info > li b {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.sub-payment .section-02 .product > li .detail {
    color: #666;
    font-size: 16px;
}
.sub-payment .section-02 .product > li .detail .red {
    color: #f42828;
    font-weight: 600;
}

.sub-payment .section-02 .product > li .info > li .list-wrap li {margin-bottom: 0;}
.sub-payment .section-02 .product > li .info > li .list-wrap li p {font-size: 16px;}
.sub-payment .section-02 .product > li .info > li .table-wrap table th,
.sub-payment .section-02 .product > li .info > li .table-wrap table td {
    font-size: 14px;
    padding: 7px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.sub-payment .section-02 .product > li .info > li .table-wrap table td {background: #f5f6fa;}
.sub-payment .section-02 .product > li .price {
    margin-top: 10px;
    text-align: right;
}
.sub-payment .section-02 .product > li .price strong {
    font-size: 24px;
    color: #097b63;
    display: block;
}
.sub-payment .section-02 .product > li .price p {margin-top: 8px;}
.sub-payment .section-02 .product > li .more-btn {margin-top: 25px;}
.sub-payment .section-02 .chuseok {padding-top: 0;}




.sub-payment .section-02 .product_01 {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}
.sub-payment .section-02 .product_01 > li {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.sub-payment .section-02 .product_01 > li:last-child {margin-right: 0;}
.sub-payment .section-02 .product_01 > li h5 {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.sub-payment .section-02 .product_01 > li:first-child h5 {
    background: #eee;
    color: #111;
}
.sub-payment .section-02 .product_01 > li:nth-child(2) h5 {background: #76ccb9;}
.sub-payment .section-02 .product_01 > li:nth-child(3) h5 {background: #38aa92;}
.sub-payment .section-02 .product_01 > li:last-child h5 {background: #097b63;}
.sub-payment .section-02 .product_01 > li .info {padding: 10px 30px 30px;}
.sub-payment .section-02 .product_01 > li .info > li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.sub-payment .section-02 .product_01 > li .info > li:nth-child(2),
.sub-payment .section-02 .product_01 > li .info > li:nth-child(5) {min-height: 110px;}
.sub-payment .section-02 .product_01 > li .info > li:nth-child(3) {min-height: 180px;}
.sub-payment .section-02 .product_01 > li .info > li:nth-child(4) {min-height: 170px;}
.sub-payment .section-02 .product_01 > li .info > li:last-child {border-bottom: none;}
.sub-payment .section-02 .product_01 > li .info > li b {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.sub-payment .section-02 .product_01 > li .detail {
    color: #666;
    font-size: 16px;
}
.sub-payment .section-02 .product_01 > li .detail .red {
    color: #f42828;
    font-weight: 600;
}

.sub-payment .section-02 .product_01 > li .info > li .list-wrap li {margin-bottom: 0;}
.sub-payment .section-02 .product_01 > li .info > li .list-wrap li p {font-size: 16px;}
.sub-payment .section-02 .product_01 > li .info > li .table-wrap table th,
.sub-payment .section-02 .product_01 > li .info > li .table-wrap table td {
    font-size: 14px;
    padding: 7px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.sub-payment .section-02 .product_01 > li .info > li .table-wrap table td {background: #f5f6fa;}
.sub-payment .section-02 .product_01 > li .price {
    margin-top: 10px;
    text-align: right;
}
.sub-payment .section-02 .product_01 > li .price strong {
    font-size: 24px;
    color: #097b63;
    display: block;
}
.sub-payment .section-02 .product_01 > li .price p {margin-top: 8px;}
.sub-payment .section-02 .product_01 > li .more-btn {margin-top: 25px;}









.sub-payment .section-02 .note {
    font-size: 16px;
    margin-top: 30px;
}
.sub-payment .section-02 .bank {
    background: #f0f1f6;
    border-radius: 10px;
    margin-top: 50px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-payment .section-02 .bank h4 {
    color: #097b63;
    font-size: 18px;
}
.sub-payment .section-02 .bank .desc {
    font-weight: 500;
    padding-left: 25px;
}
.sub-payment .section-02 .process {margin-top: 100px;}
.sub-payment .section-02 .process ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}
.sub-payment .section-02 .process ul li {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.sub-payment .section-02 .process ul li:nth-child(3n) {margin-right: 0;}
.sub-payment .section-02 .process ul li::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
}
.sub-payment .section-02 .process ul li:nth-child(3n)::after {content: none;}
.sub-payment .section-02 .process ul li .step {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #097b63;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 15px;
    margin-bottom: 20px;
}
.sub-payment .section-02 .process ul li p {font-size: 16px;}
.sub-payment .section-02 .process ul li p b {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}
.sub-payment .section-02 > div:last-child .content {
    display: flex;
    flex-wrap: wrap;
}
.sub-payment .section-02 > div:last-child .content > div {width: 50%;}
.sub-payment .section-02 > div:last-child .content .right {padding-left: 50px;}
.sub-payment .section-02 > div:last-child .product > li {width: calc((100% - 40px)/3);}
.sub-payment .section-02 > div:last-child .product .detail {padding: 30px;}
.sub-payment .section-02 > div:last-child .product .detail .price {
    min-height: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-payment .section-02 > div:last-child .list-wrap {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 25px;
    margin-top: 30px;
}
.sub-payment .section-02 > div:last-child .list-wrap li {margin: 0;}
.sub-payment .section-02 > div:last-child .list-wrap li p {font-size: 16px;}
.sub-payment .section-02 > div:last-child .content .textbook {
    display: flex;
    flex-wrap: wrap;
}
.sub-payment .section-02 > div:last-child .content .textbook li {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
}
.sub-payment .section-02 > div:last-child .content .textbook li:last-child {margin-right: 0;}
.sub-payment .section-02 > div:last-child .content .textbook li b {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
}
.sub-payment .section-02 > div:last-child .content .textbook li .img {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.sub-payment .section-02 > div:last-child .content .textbook li .btn-wrap a {margin-bottom: 10px;}
.sub-payment .section-02 > div:last-child .content .textbook li .btn-wrap a:last-child {margin-bottom: 0;}
.sub-payment .section-02 > div:last-child .bottom-txt {
    margin-top: 100px;
    text-align: center;
}
.sub-payment .section-02 > div:last-child .bottom-txt strong {
    font-size: 30px;
    color: #097b63;
    display: block;
    margin-bottom: 10px;
}
.sub-payment .section-02 > div:last-child .bottom-txt p {
    font-size: 20px;
    color: #666;
}

/*노지수 쌤 상품 추가*/
.sub-payment .section-02 .add-product {margin-top: 100px;}
.sub-payment .section-02 .add-product > div {margin-bottom: 80px;}
.sub-payment .section-02 .add-product > div:last-child {margin-bottom: 0;}
.sub-payment .section-02 .add-product .box-wrap {position: relative;}
.sub-payment .section-02 .add-product .box-wrap > div {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 50px;
    position: relative;
    margin-bottom: 50px;
}
.sub-payment .section-02 .add-product .box-wrap > div:last-child {margin-bottom: 0;}
.sub-payment .section-02 .add-product .box-wrap .top {
    border: 1px solid #0d1d1c;
    padding: 15px 30px;
    margin-bottom: 40px;
    position: relative;
}
.sub-payment .section-02 .add-product .box-wrap .top .emblem {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 80px;
}
.sub-payment .section-02 .add-product .box-wrap .top ul li {
    border-bottom: 1px solid #ddd;
    padding: 13px 0;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-payment .section-02 .add-product .box-wrap .top ul li:last-child {border-bottom: none;}
.sub-payment .section-02 .add-product .box-wrap .top ul li b {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.sub-payment .section-02 .add-product .box-wrap .top ul li span {
    width: calc(100% - 24px);
    padding-left: 15px;
    font-weight: bold;
}
.sub-payment .section-02 .add-product .box-wrap .top ul li .more-btn {max-width: 300px;}
.sub-payment .section-02 .add-product .box-wrap .bottom {
    display: flex;
    flex-wrap: wrap;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .img {width: 26%;}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt {
    width: 74%;
    padding-top: 10px;
    padding-left: 50px;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt > p {
    font-size: 18px;
    font-weight: bold;
    color: #097b63;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt > strong {
    font-size: 30px;
    display: block;
    margin: 6px 0 20px;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .list-wrap {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px 25px;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .list-wrap li {margin-bottom: 3px;}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .list-wrap li p {font-weight: 500;}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan {
    position: relative;
    margin-top: 20px;
}
.sub-payment .section-02 .add-product .box-wrap > div:last-child .bottom .txt .slogan {margin-top: 50px;}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan::after {
    content: "";
    background: url(/page/img/quote_end_gray.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan p {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan p b {
    font-size: 20px;
    color: #097b63;
    margin-left: 8px;
    margin-top: -5px;
}
.sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan .desc {
    font-weight: 500;
    position: relative;
    z-index: 1;
}


@media all and (max-width: 1024px) {
    .sub-payment .section-02 .product {margin-bottom: -20px;}
    .sub-payment .section-02 .product > li {
        width: calc((100% - 20px)/3);
        margin-bottom: 20px;
    }
    .sub-payment .section-02 .product > li:nth-child(2n) {margin-right: 10px;}

    .sub-payment .section-02 .product_01 {margin-bottom: -20px;}
    .sub-payment .section-02 .product_01 > li {
        width: calc((100% - 20px)/3);
        margin-bottom: 20px;
    }
    .sub-payment .section-02 .product_01 > li:nth-child(2n) {margin-right: 10px;}


}
@media all and (max-width: 991px) {
    .sub-payment .section-02 > div:last-child .content > div {width: 100%;}
    .sub-payment .section-02 > div:last-child .content .right {padding: 50px 0 0;}
}
@media all and (max-width: 767px) {
    .sub-payment .section-01 ul li {
        width: 100%;
        margin: 0 0 10px;
        padding: 5px;
    }
    .sub-payment .section-01 ul li:last-child {margin-bottom: 0;}
    .sub-payment .section-01 ul li .inner {padding: 15px;}
    .sub-payment .section-01 ul li .inner b {font-size: 18px;}
    .sub-payment .section-01 .video-wrap {margin-top: 40px;}
    .sub-payment .section-02 > div {margin-bottom: 50px;}
    .sub-payment .section-02 .product > li {
        width: 100%;
        margin-right: 10px;
    }
    .sub-payment .section-02 .product > li h5 {font-size: 18px;}
    .sub-payment .section-02 .product > li .info {padding: 10px 25px;}
    .sub-payment .section-02 .product > li .info li {min-height: auto !important;}
    .sub-payment .section-02 .note {
        margin-top: 20px;
        font-size: 14px;
    }

    .sub-payment .section-02 .product_01 > li {
        width: 100%;
        margin-right: 10px;
    }
    .sub-payment .section-02 .product_01 > li h5 {font-size: 18px;}
    .sub-payment .section-02 .product_01 > li .info {padding: 10px 25px;}
    .sub-payment .section-02 .product_01 > li .info li {min-height: auto !important;}
    .sub-payment .section-02 .note {
        margin-top: 20px;
        font-size: 14px;
    }

    .sub-payment .section-02 .process {margin-top: 40px;}
    .sub-payment .section-02 .process ul li {
        width: 100%;
        margin-right: 0;
    }
    .sub-payment .section-02 .process ul li::after {
        top: auto;
        bottom: -31px;
        left: 48%;
        right: auto;
        transform: rotate(90deg) translateX(-50%);
    }
    .sub-payment .section-02 .process ul li .step {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .sub-payment .section-02 .process ul li p {font-size: 15px;}
    .sub-payment .section-02 .process ul li p b {font-size: 18px;}
    .sub-payment .section-02 > div:last-child .product > li {width: 100%;}
    .sub-payment .section-02 > div:last-child .product .detail .price {min-height: auto;}
    .sub-payment .section-02 > div:last-child .list-wrap {padding: 20px;}
    .sub-payment .section-02 > div:last-child .content .textbook li {
        width: calc((100% - 15px)/2);
        margin-right: 15px;
    }
    .sub-payment .section-02 > div:last-child .content .textbook li b {font-size: 16px;}
    .sub-payment .section-02 > div:last-child .bottom-txt {margin-top: 50px;}
    .sub-payment .section-02 > div:last-child .bottom-txt strong {font-size: 20px;}
    .sub-payment .section-02 > div:last-child .bottom-txt p {font-size: 15px;}


    .sub-payment .section-02 .add-product {margin-top: 40px;}
    .sub-payment .section-02 .add-product > div {margin-bottom: 40px;}
    .sub-payment .section-02 .add-product .box-wrap > div {
        padding: 20px;
        margin-bottom: 30px;
    }
    .sub-payment .section-02 .add-product .box-wrap .top {margin-bottom: 20px;}
    .sub-payment .section-02 .add-product .box-wrap .top .emblem {display: none;}
    .sub-payment .section-02 .add-product .box-wrap .top {padding: 5px 15px;}
    .sub-payment .section-02 .add-product .box-wrap .top ul li {
        padding: 10px 0;
        font-size: 15px;
    }
    .sub-payment .section-02 .add-product .box-wrap .top ul li b {font-size: 14px;}
    .sub-payment .section-02 .add-product .box-wrap .top ul li span {padding-left: 10px;}
    .sub-payment .section-02 .add-product .box-wrap .bottom .img {
        width: 100%;
        text-align: center;
    }
    .sub-payment .section-02 .add-product .box-wrap .bottom .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .sub-payment .section-02 .add-product .box-wrap .bottom .txt > p {font-size: 15px;}
    .sub-payment .section-02 .add-product .box-wrap .bottom .txt > strong {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .sub-payment .section-02 .add-product .box-wrap .bottom .txt .list-wrap {padding: 12px 18px;}
    .sub-payment .section-02 .add-product .box-wrap > div:last-child .bottom .txt .slogan {margin-top: 25px;}
    .sub-payment .section-02 .add-product .box-wrap .bottom .txt .slogan p b {
        font-size: 16px;
        margin-top: -2px;
    }
}

/* 채용공고 */
.sub-recruit {margin-top: -100px;}
.sub-recruit .title {text-align: center;}
.sub-recruit .section-01 {
    background: url(/page/img/recruit_bg_01.jpg) center / cover no-repeat;
    background-attachment: fixed;
    height: 92vh;
}
.sub-recruit .section-01::before {
    content: "";
    background: #097b63;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
}
.sub-recruit .section-01::after {
    content: "";
    background: url(/page/img/double_arrow.svg) center / cover no-repeat;
    width: 31px;
    height: 30px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    bottom: -18px;
    z-index: 1;
}
.sub-recruit .section-01 .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sub-recruit .section-01 .title {margin: 0;}
.sub-recruit .section-01 .title img {width: 190px;}
.sub-recruit .section-01 .title h2 {
    color: #77ccb9;
    margin: 60px 0;
    font-size: 50px;
}
.sub-recruit .section-01 .title p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
}
.sub-recruit .section-02 {padding: 150px 0 0;}
.sub-recruit .section-02:last-child {padding-bottom: 0;}
.sub-recruit .section-02 > div {margin-bottom: 150px;}
.sub-recruit .section-02 > div:last-child {margin-bottom: 0;}
.sub-recruit .section-02 .ideal ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}
.sub-recruit .section-02 .ideal ul li {
    width: 25%;
    padding: 0 10px;
    text-align: center;
}
.sub-recruit .section-02 .ideal ul li p {
    font-size: 20px;
    font-weight: 600;
    margin-top: 50px;
}
.sub-recruit .section-02 .ideal ul li p span {
    display: block;
    font-size: 16px;
    color: #777;
    margin-top: 12px;
}
.sub-recruit .section-02 .perks ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-recruit .section-02 .perks ul li {
    width: calc((100% - 15px)/2);
    border-radius: 10px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    min-height: 200px;
    display: flex;
    align-items: center;
}
.sub-recruit .section-02 .perks ul li:first-child {
    background-image: url(/page/img/recruit_bg_02.jpg);
    margin-right: 10px;
}
.sub-recruit .section-02 .perks ul li:last-child {
    background-image: url(/page/img/recruit_bg_03.jpg);
    color: #fff;
}
.sub-recruit .section-02 .perks ul li p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}
.sub-recruit .section-02 .responsibilities ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-recruit .section-02 .responsibilities ul li {
    width: calc((100% - 45px)/4);
    margin-right: 15px;
    border-radius: 10px;
    border-top: 5px solid #097b63;
    padding: 30px 30px 70px;
    background: #f5f6fa;
}
.sub-recruit .section-02 .responsibilities ul li:last-child {margin-right: 0;}
.sub-recruit .section-02 .responsibilities ul li strong {
    font-size: 24px;
    display: block;
    margin: 15px 0 20px;
}
.sub-recruit .section-02 .conditions .table-wrap table {border-top: 2px solid #111;}
.sub-recruit .section-02 .conditions .table-wrap table .label-box .label,
.sub-recruit .section-02 .conditions .table-wrap table .label-box .list-wrap li p {font-size: 16px;}
.sub-recruit .section-02 .conditions .table-wrap table .label-box .list-wrap li {margin-bottom: 3px;}
.sub-recruit .section-02 .conditions .table-wrap table .label-box .note {
    color: #777;
    margin-top: 12px;
}
.sub-recruit .section-02 .preferences ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sub-recruit .section-02 .preferences ul li {
    width: 250px;
    height: 250px;
    border-radius: 250px;
    padding: 5px;
    background: #f5f6fa;
    margin-right: 30px;
}
.sub-recruit .section-02 .preferences ul li:last-child {margin-right: 0;}
.sub-recruit .section-02 .preferences ul li .inner {
    border: 2px dashed #097b63;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sub-recruit .section-02 .preferences ul li .inner p {
    font-size: 24px;
    font-weight: bold;
    color: #097b63;
}
.sub-recruit .section-02 .application {
    background: url(/page/img/recruit_bg_04.jpg) center / cover no-repeat;
    padding: 100px 0;
}
.sub-recruit .section-02 .application .box {
    background: #fff;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
}
.sub-recruit .section-02 .application .box .title {
    width: 20%;
    text-align: left;
}
.sub-recruit .section-02 .application .box .content {
    width: 80%;
    border-top: 2px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 50px 20px;
}
.sub-recruit .section-02 .application .box .content .list-wrap li b {margin-right: 15px;}
.sub-recruit .section-02 .application .box .content a {display: inline-block; padding-right: 20px;}
.sub-recruit .section-02 .application .box .content a:hover {
    color: #097b63;
    text-decoration: underline;
}
.sub-recruit .section-02 .application .box .content a img {
    display: inline-block;
    margin-right: 3px;
}
.sub-recruit .section-02 .application .box .content .contact {
    background: #f5f6fa;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    margin-top: 30px;
}
.sub-recruit .section-02 .application .box .content .contact b {
    color: #097b63;
    margin-right: 30px;
}
@media all and (max-width: 1200px) {
    .sub-recruit {margin-top: 0;}
}
@media all and (max-width: 1024px) {
    .sub-recruit .section-02 .ideal ul {margin-bottom: -80px;}
    .sub-recruit .section-02 .ideal ul li {
        width: 50%;
        margin-bottom: 80px;
    }
}
@media all and (max-width: 991px) {
    .sub-recruit .section-02 .perks ul li {padding: 30px;}
    .sub-recruit .section-02 .responsibilities ul {margin-bottom: -15px;}
    .sub-recruit .section-02 .responsibilities ul li {
        width: calc((100% - 15px)/2);
        margin-bottom: 15px;
        padding: 30px;
    }
    .sub-recruit .section-02 .responsibilities ul li:nth-child(2n) {margin-right: 0;}
    .sub-recruit .section-02 .preferences ul li {
        width: 200px;
        height: 200px;
        border-radius: 200px;
        margin-right: 15px;
    }
    .sub-recruit .section-02 .preferences ul li .inner p {font-size: 20px;}
    .sub-recruit .section-02 .application .box .title {
        width: 100%;
        margin-bottom: 30px;
    }
    .sub-recruit .section-02 .application .box .content {width: 100%;}
}
@media all and (max-width: 767px) {
    .sub-recruit .section-01 {
        height: auto;
        padding: 100px 0;
    }
    .sub-recruit .section-01::before {
        width: 50px;
        height: 50px;
        bottom: -25px;
    }
    .sub-recruit .section-01::after {
        width: 21px;
        height: 20px;
        bottom: -12px;
    }
    .sub-recruit .section-01 .title img {width: 130px;}
    .sub-recruit .section-01 .title h2 {
        font-size: 28px;
        margin: 30px 0;
    }
    .sub-recruit .section-01 .title p {font-size: 16px;}
    .sub-recruit .section-02 {padding: 50px 0;}
    .sub-recruit .section-02 > div {margin-bottom: 50px;}
    .sub-recruit .section-02 .ideal ul {margin: 0;}
    .sub-recruit .section-02 .ideal ul li {
        width: 100%;
        margin-bottom: 40px;
    }
    .sub-recruit .section-02 .ideal ul li:last-child {margin-bottom: 0;}
    .sub-recruit .section-02 .ideal ul li p {
        font-size: 16px;
        margin-top: 25px;
    }
    .sub-recruit .section-02 .ideal ul li p span {
        font-size: 14px;
        margin-top: 8px;
    }
    .sub-recruit .section-02 .perks ul li {
        width: 100%;
        padding: 25px;
        min-height: auto;
    }
    .sub-recruit .section-02 .perks ul li:first-child {margin: 0 0 10px;}
    .sub-recruit .section-02 .perks ul li p {font-size: 16px;}
    .sub-recruit .section-02 .responsibilities ul li {
        width: calc((100% - 10px)/2);
        padding: 20px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .sub-recruit .section-02 .responsibilities ul li strong {
        font-size: 18px;
        margin: 10px 0 15px;
    }
    .sub-recruit .section-02 .conditions .table-wrap table .label-box .label,
    .sub-recruit .section-02 .conditions .table-wrap table .label-box .list-wrap li p {font-size: 14px;}
    .sub-recruit .section-02 .preferences ul li {
        width: 100%;
        height: auto;
        border-radius: 50px;
        margin: 0 0 10px;
    }
    .sub-recruit .section-02 .preferences ul li .inner {
        padding: 15px;
        border-radius: 50px;
    }
    .sub-recruit .section-02 .preferences ul li .inner p {font-size: 16px;}
    .sub-recruit .section-02 .application {padding: 50px 0;}
    .sub-recruit .section-02 .application .box {padding: 25px;}
    .sub-recruit .section-02 .application .box .title {margin-bottom: 20px;}
    .sub-recruit .section-02 .application .box .content {padding: 20px 0;}
    .sub-recruit .section-02 .application .box .content .list-wrap li {margin-bottom: 10px;}
    .sub-recruit .section-02 .application .box .content .list-wrap li b {
        display: block;
        margin: 0 0 5px;
    }
    .sub-recruit .section-02 .application .box .content .contact {
        font-size: 15px;
        margin-top: 20px;
    }
    .sub-recruit .section-02 .application .box .content .contact b {
        display: block;
        margin: 0 0 5px;
    }
}

/*필수 체크 사항*/
.sub-check {text-align: center;}
.sub-check .section-01 .title-sub img {
    display: block;
    margin: 30px auto;
}
.sub-check .box {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}
.sub-check .box::after {
    content: "";
    background: url(/page/img/quote_end_green.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    top: -10px;
    right: 30px;
}
.sub-check .box p {
    font-size: 24px;
    line-height: 1.6;
}
.sub-check .box p span {
    font-weight: bold;
    color: #097b63;
}
.sub-check .section-01 .video-wrap {
    max-width: 800px;
    margin: 0 auto 80px;
}
.sub-check .section-01 .box {
    max-width: 1100px;
    background: #f5f6fa;
    margin: 0 auto;
}
.sub-check .section-01 .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 841px;
    margin: 80px auto 0;
}
.sub-check .section-01 .bottom > div:first-child {
    width: 26.87%;
    margin-right: 50px;
    min-width: auto;
}
.sub-check .section-01 .bottom > div:last-child {width: calc(73.13% - 50px)}
.sub-check .section-01 .bottom .more-btn {
    max-width: none;
    width: 100%;
    margin-top: 10px;
}
.sub-check .section-02 {
    background: #f5f6fa;
    overflow: hidden;
    position: relative;
}
.sub-check .section-02::after {
    content: "";
    background: url(/page/img/check_02_bg.jpg) right bottom / contain no-repeat;
    display: block;
    width: 1180px;
    height: 655px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.sub-check .section-02 .container {
    position: relative;
    z-index: 1;
}
.sub-check .section-02 .title-sub p {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}
.sub-check .section-02 .box {
    padding-bottom: 80px;
    max-width: 1100px;
    margin: 0 auto;
}
.sub-check .section-02 .box p {
    font-weight: bold;
    margin-bottom: 40px;
}
.sub-check .section-02 .box .ebs-logo {
    position: absolute;
    left: 30px;
    bottom: -20px;
}
.sub-check .section-02 .bottom {margin-top: 100px;}
.sub-check .section-02 .bottom p:first-child {
    font-size: 24px;
    font-weight: bold;
}
.sub-check .section-02 .bottom p:first-child span {color: #097b63;}
.sub-check .section-02 .bottom p:last-child {
    font-size: 20px;
    font-weight: 500;
    color: #555;
    margin-top: 20px;
}
.sub-check .section-03 {background: url(/page/img/check_03_bg.jpg) center / cover no-repeat;}
.sub-check .section-03 .title {color: #fff;}
.sub-check .section-03 .title img {
    width: 200px;
    margin-bottom: 35px;
}
.sub-check .section-03 .title .title-sub {color: #8ef3dc;}
.sub-check .section-03 .title p {
    font-size: 24px;
    margin-top: 80px;
}
.sub-check .section-03 .box {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}
.sub-check .section-03 .box > div {
    width: 50%;
    padding: 0 50px;
    text-align: center;
}
.sub-check .section-03 .box > div:first-child {border-right: 1px solid #ddd;}
.sub-check .section-03 .box .label {
    display: inline-block;
    background: #097b63;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 3px 20px;
    border-radius: 50px;
    margin-bottom: 30px;
}
.sub-check .section-03 .box p {
    font-size: 24px;
    font-weight: 500;
}
.sub-check .section-03 .box p span {color: #111;}
.sub-check .section-03 .box img  {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: inline-block;
    margin: 40px 0 10px;
}
.sub-check .section-03 .box .more-btn {max-width: 230px;}
.sub-check .section-04 .box-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    justify-content: center;
    margin: 0 auto -15px;
}
.sub-check .section-04 .box-wrap > div {
    width: calc((100% - 30px)/3);
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 2px dashed #c6c6c6;
    min-height: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 500;
}
.sub-check .section-04 .box-wrap > div:nth-child(3n) {margin-right: 0;}
.sub-check .section-04 .result-arrow {margin: 30px auto;}
.sub-check .section-04 .bottom-txt {
    font-size: 24px;
    font-weight: bold;
}
.sub-check .section-04 .bottom-txt span {color: #097b63;}
.sub-check .section-04 .box {
    background: #f5f6fa;
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    text-align: left;
}
.sub-check .section-04 .box strong {
    font-size: 30px;
    color: #097b63;
    width: 25%;
    padding-right: 50px;
}
.sub-check .section-04 .box p {
    font-size: 20px;
    width: 75%;
    padding-left: 50px;
    border-left: 1px solid #ccc;
}
.sub-check .section-05 {background: #f5f6fa;}
.sub-check .section-05 > .title {padding-bottom: 50px;}
.sub-check .section-05 .content > div .title {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin: 0;
}
.sub-check .section-05 .content > div .title h3 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-check .section-05 .content > div .title .number {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #097b63;
    font-size: 20px;
    background: #fff;
    font-weight: bold;
}
.sub-check .section-05 .content > div .title b {
    color: #fff;
    margin-left: 15px;
}
.sub-check .section-05 .content > div .review-list {
    padding: 100px 0;
    text-align: left;
}
.sub-check .section-05 .content > div:first-child .title {background-image: url(/page/img/check_05_bg_01.jpg)}
.sub-check .section-05 .content > div:first-child .review-list ul li {
    margin-bottom: 20px;
    max-width: 900px;
}
.sub-check .section-05 .content > div:first-child .review-list ul li:nth-child(2n) {margin-left: auto;}
.sub-check .section-05 .content > div:first-child .review-list ul li .name {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.sub-check .section-05 .content > div:first-child .review-list ul li .name b {
    font-size: 24px;
    margin-left: 10px;
}
.sub-check .section-05 .content > div:first-child .review-list ul li .bubble {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    position: relative;
}
.sub-check .section-05 .content > div:first-child .review-list ul li .bubble::after {
    content: "";
    background: url(/page/img/check_05_bubble_triangle.svg) center / cover no-repeat;
    width: 30px;
    height: 26px;
    display: block;
    position: absolute;
    left: 50px;
    bottom: -26px;
}
.sub-check .section-05 .content > div:first-child .review-list ul li:nth-child(2n) .name {justify-content: right;}
.sub-check .section-05 .content > div:first-child .review-list ul li:nth-child(2n) .name b {
    margin-left: 0;
    margin-right: 10px;
}
.sub-check .section-05 .content > div:first-child .review-list ul li:nth-child(2n) .bubble::after {
    left: inherit;
    right: 50px;
}

.sub-check .section-05 .content > div:last-child .title {background-image: url(/page/img/check_05_bg_02.jpg)}
.sub-check .section-05 .content > div:last-child .container > div:first-child {margin-bottom: 50px;}
.sub-check .section-05 .content > div:last-child .review-list {padding-bottom: 0;}
.sub-check .section-05 .content > div:last-child .review-list h4 b {line-height: 1.2;}
.sub-check .section-05 .content > div:last-child .review-list ul li {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-check .section-05 .content > div:last-child .review-list ul li:last-child {margin-bottom: 0;}
.sub-check .section-05 .content > div:last-child .review-list ul li .txt {
    width: calc(100% - 230px);
    padding-right: 40px;
}
.sub-check .section-05 .content > div:last-child .review-list ul li .txt .name {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.sub-check .section-05 .content > div:last-child .review-list ul li .txt .name b {
    font-size: 20px;
    margin-left: 15px;
}
.sub-check .section-05 .content > div:last-child .review-list ul li .img {
    width: 230px;
    border: 1px solid #ddd;
}
@media all and (max-width: 1300px) {
    .sub-check .section-03 .box p {font-size: 20px;}
}
@media all and (max-width: 991px) {
    .sub-check .section-01 .bottom > div:first-child {
        width: 28%;
        margin-right: 15px;
    }
    .sub-check .section-01 .bottom > div:last-child {width: calc(72% - 15px)}
    .sub-check .section-04 .box strong {
        width: 100%;
        display: block;
        padding: 0 0 30px;
    }
    .sub-check .section-04 .box p {
        width: 100%;
        padding: 0;
        border: none;
    }
    .sub-check .section-05 .content > div:last-child .review-list ul li .txt {
        width: 100%;
        padding: 0 0 40px;
    }
    .sub-check .section-05 .content > div:last-child .review-list ul li .img {
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .sub-check .title .title-sub {margin-top: 30px;}
    .sub-check .box {padding: 25px;}
    .sub-check .box::after {
        width: 30px;
        height: 21px;
        top: -5px;
        right: 15px;
    }
    .sub-check .box p {
        font-size: 16px;
        line-height: 1.4;
    }
    .sub-check .section-01 .title-sub img {
        margin: 15px auto;
        max-width: 180px;
    }
    .sub-check .section-01 .bottom {margin-top: 30px;}
    .sub-check .section-01 .bottom > div:first-child {width: 27%;}
    .sub-check .section-01 .bottom > div:last-child {width: calc(73% - 15px);}
    .sub-check .section-02 .title-sub p {font-size: 16px;}
    .sub-check .section-02 .box p {margin-bottom: 20px;}
    .sub-check .section-02 .box {padding-bottom: 50px;}
    .sub-check .section-02 .box .ebs-logo {
        left: 15px;
        bottom: -10px;
        width: 120px;
    }
    .sub-check .section-02 .bottom {margin-top: 60px;}
    .sub-check .section-02 .bottom p:first-child {font-size: 16px;}
    .sub-check .section-02 .bottom p:last-child {font-size: 15px;}
    .sub-check .section-03 .title img {
        width: 120px;
        margin-bottom: 20px;
    }
    .sub-check .section-03 .title p {
        font-size: 16px;
        margin-top: 30px;
    }
    .sub-check .section-03 .box {padding: 0 25px;}
    .sub-check .section-03 .box > div {
        width: 100%;
        padding: 25px 0;
    }
    .sub-check .section-03 .box .label {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .sub-check .section-03 .box p {font-size: 16px;}
    .sub-check .section-03 .box img {
        margin-top: 20px;
        max-width: 180px;
    }
    .sub-check .section-03 .box .more-btn {max-width: 180px;}
    .sub-check .section-03 .box > div:first-child {
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
    .sub-check .section-04 .box-wrap > div {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 18px;
        padding: 10px;
        min-height: 150px;
    }
    .sub-check .section-04 .box-wrap > div:nth-child(3n) {margin-right: 10px;}
    .sub-check .section-04 .box-wrap > div:nth-child(2n) {margin-right: 0;}
    .sub-check .section-04 .result-arrow {
        margin: 15px auto;
        max-width: 180px;
    }
    .sub-check .section-04 .bottom-txt {font-size: 18px;}
    .sub-check .section-04 .box {margin-top: 40px;}
    .sub-check .section-04 .box strong {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .sub-check .section-04 .box p {font-size: 15px;}
    .sub-check .section-05 > .title {padding-bottom: 10px;}
    .sub-check .section-05 .content > div .title {padding: 20px 0;}
    .sub-check .section-05 .content > div .title .number {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 15px;
    }
    .sub-check .section-05 .content > div:last-child .container > div:first-child {margin-bottom: 30px;}
    .sub-check .section-05 .content > div .review-list {padding: 40px 0;}
    .sub-check .section-05 .content > div:first-child .review-list ul li .name {margin-bottom: 12px;}
    .sub-check .section-05 .content > div:first-child .review-list ul li .name img {width: 18px;}
    .sub-check .section-05 .content > div:first-child .review-list ul li .name b {font-size: 18px;}
    .sub-check .section-05 .content > div:first-child .review-list ul li .bubble {padding: 25px;}
    .sub-check .section-05 .content > div:first-child .review-list ul li .bubble::after {
        width: 20px;
        height: 17px;
        left: 20px;
        bottom: -17px;
    }
    .sub-check .section-05 .content > div:first-child .review-list ul li:nth-child(2n) .bubble::after {right: 20px;}
    .sub-check .section-05 .content > div:last-child .review-list ul li {padding: 25px;}
    .sub-check .section-05 .content > div:last-child .review-list ul li .txt .name b {
        font-size: 16px;
        margin-left: 5px;
    }
}

/*학습 프로세스*/
.sub-process {text-align: center;}
.sub-process .section-01 {padding-bottom: 0;}
.sub-process .section-01 .title {margin-bottom: 0;}
.sub-process .section-01 .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}

.sub-process .content > div {margin-bottom: 80px;}
.sub-process .content > div:last-child {margin-bottom: 0;}
.sub-process .content > div h4 {
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.sub-process .content > div h4 b {
    font-size: 24px;
    margin-left: 15px;
}
.sub-process .table-wrap table td {
    font-size: 18px;
    padding: 25px;
}
.sub-process .table-wrap table .td-bg {font-weight: bold;}
.sub-process .table-wrap table td p {
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
}
.sub-process .section-02 .process {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.sub-process .section-02 .process li {
    width: calc((100% - 120px)/5);
    margin-right: 30px;
    background: #f5f6fa;
    border-radius: 10px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding: 10px;
}
.sub-process .section-02 .process li::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
}
.sub-process .section-02 .process li:last-child {margin-right: 0;}
.sub-process .section-02 .process li:last-child::after {content: none;}
.sub-process .section-02 .box-wrap {
    border: 2px solid #097b63;
    border-radius: 10px;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.sub-process .section-02 .box-wrap > div {
    width: 25%;
    border-right: 1px solid #ccc;
    padding: 10px 40px;
    text-align: left;
}
.sub-process .section-02 .box-wrap > div h5 {
    font-size: 20px;
    font-weight: bold;
    color: #097b63;
    margin-bottom: 20px;
}
.sub-process .section-02 .box-wrap > div:last-child {
    width: 100%;
    padding: 0;
    border: none;
    margin-top: 30px;
}
.sub-process .section-02 .box-wrap > div:last-child a {
    display: block;
    background: #097b63;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    text-align: center;
}

.sub-process .section-03 {background: #f5f6fa;}
.sub-process .section-03 .content > div:first-child .box {
    background: url(/page/img/process_02_bg.jpg) center / cover no-repeat;
    border-radius: 10px;
    padding: 40px;
}
.sub-process .section-03 .content > div:first-child .box p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.5;
}
.sub-process .section-03 .content > div:first-child .box .more-btn {
    background: #fff;
    color: #097b63;
    max-width: 250px;
}
.sub-process .section-03 .content > div:last-child .box {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
}
.sub-process .section-03 .content > div:last-child .box .video {
    max-width: 900px;
    margin: 0 auto;
}
.sub-process .section-03 .content > div:last-child .box .txt {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-process .section-03 .content > div:last-child .box .txt img {
    border-right: 1px solid #ddd;
    padding-right: 40px;
    margin-right: 40px;
}
.sub-process .section-03 .content > div:last-child .box .txt p {
    font-size: 20px;
    text-align: left;
}
.sub-process .section-03 .content > div:last-child .box .bottom {
    background: #f5f6fa;
    border-radius: 10px;
    border: 2px solid #ddd;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
}
.sub-process .section-03 .content > div:last-child .box .bottom img {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.sub-process .section-03 .content > div:last-child .box .bottom img:last-child {margin-right: 0;}

.sub-process .section-04 .title p {
    font-size: 26px;
    font-weight: bold;
    color: #097b63;
    margin-top: 50px;
}
.sub-process .section-04 .table-wrap table th,
.sub-process .section-04 .table-wrap table td {width: 33.33%}
.sub-process .section-04 .bottom-txt {
    margin-top: 80px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}
.sub-process .section-04 .bottom-txt b {
    font-weight: bold;
    color: #097b63;
}

.sub-process .section-05 {background: url(/page/img/process_04_bg.jpg) center / cover no-repeat;}
.sub-process .section-05 .title {color: #fff;}
.sub-process .section-05 .title p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 50px;
}
.sub-process .section-05 .box {
    background: #fff;
    padding: 50px 80px;
    position: relative;
}
.sub-process .section-05 .box::after {
    content: "";
    background: url(/page/img/emblem.svg) center / cover no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50px;
    right: 50px;
}
.sub-process .section-05 .box > p {
    font-size: 24px;
    font-weight: bold;
    color: #097b63;
    line-height: 1.5;
}
.sub-process .section-05 .box > p img {
    display: block;
    margin: 0 auto 20px;
}
.sub-process .section-05 .box .inner {
    border-top: 2px solid #111;
    margin-top: 80px;
}
.sub-process .section-05 .box .inner > div {
    border-bottom: 1px solid #ddd;
    padding: 50px 20px;
    text-align: left;
}
.sub-process .section-05 .box .inner > div h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.sub-process .section-05 .box .inner > div h4 span {color: #097b63;}
.sub-process .section-05 .box .inner > div .video-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.sub-process .section-05 .box .inner > div .video-wrap > div {
    width: calc((100% - 40px)/2);
    margin-right: 40px;
}
.sub-process .section-05 .box .inner > div .video-wrap > div:last-child {margin-right: 0;}
.sub-process .section-05 .box .inner > div .video-wrap .video {background: #eee;}
.sub-process .section-05 .box .inner > div .video-wrap > div p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
@media all and (max-width: 991px) {
    .sub-process .section-02 .box-wrap > div {width: 50%;}
    .sub-process .section-02 .box-wrap > div:first-child,
    .sub-process .section-02 .box-wrap > div:nth-child(2) {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
    }
    .sub-process .section-02 .box-wrap > div:nth-child(3),
    .sub-process .section-02 .box-wrap > div:nth-child(4) {padding-top: 30px;}
    .sub-process .section-03 .content > div:last-child .box .txt img {
        border: none;
        padding: 0;
        margin: 0 auto 20px;
    }
    .sub-process .section-03 .content > div:last-child .box .txt p {text-align: center;}
    .sub-process .section-05 .box {padding: 50px;}
}
@media all and (max-width: 767px) {
    .sub-process .section-01 .video-wrap {margin-top: 40px;}
    .sub-process .content > div {margin-bottom: 40px;}
    .sub-process .content > div h4 {margin-bottom: 20px;}
    .sub-content .title .title-sub {margin-top: 30px;}
    .sub-process .table-wrap table td {
        font-size: 14px;
        padding: 10px;
    }
    .sub-process .content > div h4 b {
        font-size: 18px;
        margin-left: 12px;
    }
    .sub-process .section-02 .process {margin-bottom: 15px;}
    .sub-process .section-02 .process li {
        width: calc((100% - 30px)/2);
        margin-bottom: 15px;
        font-size: 18px;
        min-height: 80px;
    }
    .sub-process .section-02 .process li:nth-child(2n) {margin-right: 0;}
    .sub-process .section-02 .process li:nth-child(2n)::after {content: none;}
    .sub-process .section-02 .box-wrap {padding: 0;}
    .sub-process .section-02 .box-wrap > div {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding: 25px !important;
    }
    .sub-process .section-02 .box-wrap > div:nth-last-child(2) {border-bottom: none;}
    .sub-process .section-02 .box-wrap > div h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sub-process .section-02 .box-wrap > div:last-child {
        padding: 0 !important;
        margin: 0;
    }
    .sub-process .section-02 .box-wrap > div:last-child a {font-size: 16px;}
    .sub-process .section-03 .content > div:first-child .box {padding: 25px;}
    .sub-process .section-03 .content > div:first-child .box p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .sub-process .section-03 .content > div:last-child .box {padding: 25px;}
    .sub-process .section-03 .content > div:last-child .box .txt {margin: 25px 0;}
    .sub-process .section-03 .content > div:last-child .box .txt img {
        max-width: 120px;
        margin-bottom: 15px;
    }
    .sub-process .section-03 .content > div:last-child .box .txt p {font-size: 16px;}
    .sub-process .section-03 .content > div:last-child .box .bottom {padding: 15px;}
    .sub-process .section-03 .content > div:last-child .box .bottom img {
        width: 100%;
        margin: 0 0 10px;
    }
    .sub-process .section-03 .content > div:last-child .box .bottom img:last-child {margin-bottom: 0;}
    .sub-process .section-04 .title p {
        font-size: 16px;
        margin-top: 20px;
    }
    .sub-process .section-04 .bottom-txt {
        font-size: 18px;
        margin-top: 30px;
    }
    .sub-process .section-05 .title p {
        font-size: 16px;
        margin-top: 20px;
    }
    .sub-process .section-05 .box {padding: 25px;}
    .sub-process .section-05 .box > p {font-size: 18px;}
    .sub-process .section-05 .box::after {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
    }
    .sub-process .section-05 .box .inner {margin-top: 30px;}
    .sub-process .section-05 .box .inner > div {padding: 20px 0;}
    .sub-process .section-05 .box .inner > div h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-process .section-05 .box .inner > div .video-wrap {margin-top: 20px;}
    .sub-process .section-05 .box .inner > div .video-wrap > div {
        width: 100%;
        margin: 0 0 20px;
    }
    .sub-process .section-05 .box .inner > div .video-wrap > div:last-child {margin-bottom: 0;}
    .sub-process .section-05 .box .inner > div .video-wrap > div p {
        font-size: 15px;
        margin-top: 15px;
    }
}


/*추석 특강*/
.chuseok .box-wrap {
    border: 2px solid #097b63;
    border-radius: 20px;
    overflow: hidden;
}
.chuseok .box-wrap h2 {
    background: url(/page/img/chuseok_title_bg.jpg) center / cover no-repeat;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chuseok .box-wrap h2 b {
    font-size: 36px;
    color: #fff;
    margin-right: 10px;
}
.chuseok .box-wrap .inner {
    background: #f5f6fa;
    padding: 60px 80px;
    text-align: center;
}
.chuseok .box-wrap .inner > strong {
    font-size: 24px;
    display: block;
}
.chuseok .box-wrap .inner .date {
    display: inline-block;
    margin: 40px 0 60px;
    background: #fff;
    padding: 10px 30px;
}
.chuseok .box-wrap .inner .date img {
    display: inline-block;
    vertical-align: middle;
}
.chuseok .box-wrap .inner .date b {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-left: 20px;
    color: #097b63;
}
.chuseok .box-wrap .inner .feature {
    display: flex;
    flex-wrap: wrap;
}
.chuseok .box-wrap .inner .feature li {
    width: 33.33%;
    border-right: 1px solid #ccc;
    padding: 0 20px;
}
.chuseok .box-wrap .inner .feature li:last-child {border-right: none;}
.chuseok .box-wrap .inner .feature li img {width: 40px; height: 40px;}
.chuseok .box-wrap .inner .feature li p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}
.chuseok .box-wrap .inner .benefit {
    background: #fff;
    border: 2px solid #d5d7dd;
    border-radius: 20px;
    padding: 17px 40px;
    margin: 60px 0 50px;
}
.chuseok .box-wrap .inner .benefit li {
    border-bottom: 1px dashed #ccc;
    display: flex;
    align-items: start;
    padding: 12px 0;
}
.chuseok .box-wrap .inner .benefit li:last-child {border-bottom: none;}
.chuseok .box-wrap .inner .benefit li .number {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    background: #111;
}
.chuseok .box-wrap .inner .benefit li span {
    width: calc(100% - 24px);
    font-size: 18px;
    font-weight: 500;
    padding-left: 15px;
    text-align: left;
}
.chuseok .box-wrap .inner .price {text-align: left;}
.chuseok .box-wrap .inner .price .label {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #097b63;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    padding: 10px 50px;
}
.chuseok .box-wrap .inner .price .box {
    background: #fff;
    border-radius: 0 10px 10px 10px;
    padding: 40px;
    text-align: center;
}
.chuseok .box-wrap .inner .price .box::after {content: none;}
.chuseok .box-wrap .inner .price .box > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.chuseok .box-wrap .inner .price .box > div strong {font-size: 30px;}
.chuseok .box-wrap .inner .price .box > div span {
    font-size: 24px;
    margin-left: 10px;
}
.chuseok .box-wrap .inner .price .box > p {
    font-size: 18px;
    color: #666;
    margin-top: 12px;
}
.chuseok .box-wrap .inner .price .box .more-btn {
    max-width: 300px;
    margin-top: 25px;
}
@media all and (max-width: 1200px) {
    .chuseok .box-wrap .inner {padding: 60px 50px;}
}
@media all and (max-width: 991px) {
    .chuseok .box-wrap .inner .date img {width: 30px; height: 25px;}
    .chuseok .box-wrap .inner .date b {
        font-size: 24px;
        margin-left: 12px;
    }
}
@media all and (max-width: 767px) {
    .chuseok .box-wrap h2 {display: block;}
    .chuseok .box-wrap h2 img {margin: 0 auto 8px;}
    .chuseok .box-wrap h2 b {
        font-size: 24px;
        display: block;
        text-align: center;
    }
    .chuseok .box-wrap .inner {padding: 30px 25px;}
    .chuseok .box-wrap .inner > strong {font-size: 18px;}
    .chuseok .box-wrap .inner .date {
        margin: 25px 0;
        padding: 10px 15px;
    }
    .chuseok .box-wrap .inner .date b {
        font-size: 18px;
        display: block;
        margin-top: 5px;
    }
    .chuseok .box-wrap .inner .feature li {
        width: 100%;
        padding: 20px 0;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
    .chuseok .box-wrap .inner .feature li:last-child {border-bottom: none;}
    .chuseok .box-wrap .inner .feature li img {width: 24px; height: 24px;}
    .chuseok .box-wrap .inner .feature li p {
        font-size: 16px;
        margin-top: 12px;
    }
    .chuseok .box-wrap .inner .benefit {
        margin: 30px 0;
        padding: 10px 20px;
        border-radius: 10px;
    }
    .chuseok .box-wrap .inner .benefit li span {font-size: 15px;}
    .chuseok .box-wrap .inner .price .label {
        font-size: 18px;
        padding: 8px 15px;
    }
    .chuseok .box-wrap .inner .price .box {padding: 20px;}
    .chuseok .box-wrap .inner .price .box > div strong {
        font-size: 20px;
        display: block;
        width: 100%;
    }
    .chuseok .box-wrap .inner .price .box > div span {
        font-size: 18px;
        margin: 0;
    }
    .chuseok .box-wrap .inner .price .box > p {
        font-size: 15px;
        margin-top: 8px;
    }
}

/*의대 논술 입시*/
.sub-exam {text-align: center;}
.sub-exam .section-01 .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-exam .section-01 .box {
    background: url(/page/img/medical_exam_01_img.jpg) center / cover no-repeat;
    padding: 50px;
    max-width: 1100px;
    margin: 80px auto 0;
}
.sub-exam .section-01 .box p {
    font-size: 24px;
    font-weight: 600;
}
.sub-exam .section-01 .box strong {
    font-size: 36px;
    display: block;
    color: #097b63;
    margin: 15px 0 25px;
}
.sub-exam .section-01 .box .more-btn {max-width: 250px;}
.sub-exam .section-02 {background: #f0f1f6;}
.sub-exam .section-02 .container > div {margin-bottom: 120px;}
.sub-exam .section-02 .container > div:last-child {margin-bottom: 0;}
.sub-exam .section-02 .top-txt strong {
    font-size: 50px;
    color: #fff;
    background: #097b63;
    border-radius: 10px;
    display: inline-block;
    padding: 10px 50px;
}
.sub-exam .section-02 .top-txt p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 35px;
}
.sub-exam .section-02 .top-txt p b img {
    width: 84px;
    vertical-align: bottom;
}
.sub-exam .section-02 .bar-title {text-align: left;}
.sub-exam .section-02 .table-wrap table {font-size: 18px;}
.sub-exam .section-02 .container > div:nth-child(2) .box {
    background: #fff;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
    margin-bottom: 50px;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child,
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(2) {
    width: 100%;
    margin-right: 0;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child .content {
    font-size: 24px;
    font-weight: 500;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child .content b {font-size: 30px;}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child .content b span {color: #097b63}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(3) .content,
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(3) .content .label-box h5 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #097b63;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 20px;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(3) .content .label-box .list-wrap {
    border: 1px solid #097b63;
    padding: 15px;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box {
    display: flex;
    margin-bottom: 15px;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:first-child {
    width: 100px;
    background: #097b63;
    font-weight: bold;
    color: #fff;
    text-align: center;
    height: 80px;
    line-height: 80px;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:last-child {
    width: calc(100% - 100px);
    height: 80px;
    position: relative;
    background: #f0f1f6;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:last-child::after {
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
}
.sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:last-child .on {
    width: 33.33%;
    background: #595959;
    height: 100%;
}
.sub-exam .section-02 .container > div:last-child .img-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-exam .section-02 .container > div:last-child .img-wrap li {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.sub-exam .section-02 .container > div:last-child .img-wrap li:nth-child(2n) {margin-right: 0;}
.sub-exam .section-02 .container > div:last-child .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-exam .section-02 .container > div:last-child .result-arrow {margin: 50px 0;}
.sub-exam .section-02 .container > div:last-child .table-wrap table th {
    width: 300px;
    border-bottom: 1px solid rgba(170,170,170,0.3);
}
.sub-exam .section-02 .container > div:last-child .table-wrap table td {
    text-align: left;
    border-bottom: 1px solid rgba(170,170,170,0.3);
}
.sub-exam .section-03 .box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-exam .section-03 .box-wrap > div {
    width: calc((100% - 50px)/2);
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.7;
}
.sub-exam .section-03 .box-wrap > div p span {color: #097b63;}
.sub-exam .section-03 .box-wrap > div:first-child {
    padding: 80px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 2px dashed #ced1dc;
    margin-right: 50px;
}
.sub-exam .section-03 .box-wrap > div:first-child::after {
    content: "";
    background: url(/page/img/process_arrow.svg) center / cover no-repeat;
    width: 18px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
}
.sub-exam .section-03 .box-wrap > div:last-child {
    background: url(/page/img/medical_exam_03_img_01.jpg) center / cover no-repeat;
    padding: 10px;
    color: #fff;
}
.sub-exam .section-03 .box-wrap > div:last-child .inner {
    border: 2px dashed #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 30px;
}
.sub-exam .section-03 .box-wrap > div:last-child .inner > div > div {
    margin-bottom: 30px;
    display: flex;
    align-items: start;
    justify-content: center;
}
.sub-exam .section-03 .box-wrap > div:last-child .inner > div > div:last-child {margin-bottom: 0;}
.sub-exam .section-03 .box-wrap > div:last-child .inner > div > div img {width: 32px; height: 28px;}
.sub-exam .section-03 .box-wrap > div:last-child .inner > div > div p {padding-left: 8px;}
.sub-exam .section-04 {padding-top: 0;}
.sub-exam .section-04 .title p {
    font-size: 24px;
    font-weight: 500;
    margin-top: 50px;
}
.sub-exam .section-04 .img {
    max-width: 300px;
    margin: 0 auto 80px;
}
.sub-exam .section-04 .img img {margin-bottom: 30px;}
.sub-exam .section-04 ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto -20px;
}
.sub-exam .section-04 ul li {
    width: calc((100% - 20px)/2);
    background: #f0f1f6;
    border-radius: 10px;
    padding: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: start;
    min-height: 200px;
}
.sub-exam .section-04 ul li:nth-child(2n) {margin-right: 0;}
.sub-exam .section-04 ul li p {
    text-align: left;
    width: calc(100% - 30px);
    padding-left: 15px;
    font-size: 20px;
    line-height: 1.7;
}
.sub-exam .section-04 ul li p b {font-size: 24px;}
.sub-exam .section-04 .container > .more-btn {
    max-width: 300px;
    margin: 80px auto;
}
.sub-exam .section-04 .sample-box {
    max-width: 1000px;
    margin: 100px auto;
    border: 2px dashed #097b63;
    padding: 50px;
    border-radius: 10px;
}
.sub-exam .section-04 .sample-box strong {
    font-size: 30px;
    display: block;
}
.sub-exam .section-04 .sample-box strong span {color: #097b63;}
.sub-exam .section-04 .sample-box .desc {margin: 10px 0 30px;}
.sub-exam .section-04 .sample-box .more-btn {}
.sub-exam .section-04 .bottom-box {
    background: url(/page/img/medical_exam_04_img.jpg) center / cover no-repeat;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    margin: 50px auto 0;
}
.sub-exam .section-04 .bottom-box img {width: 75px;}
.sub-exam .section-04 .bottom-box b {
    font-size: 30px;
    color: #fff;
    margin: 0 20px;
}
.sub-exam .section-04 .bottom-box .more-btn {
    max-width: 250px;
    border: none;
    color: #0a1716;
    margin: 0;
}
.sub-exam .section-04 .bottom-box .more-btn:hover {color: #fff;}

@media all and (max-width: 1024px) {
    .sub-exam .section-03 .box-wrap > div {font-size: 20px;}
}
@media all and (max-width: 767px) {
    .sub-exam .section-01 .video-wrap {margin-top: 30px;}
    .sub-exam .section-01 .box {
        margin-top: 30px;
        padding: 25px;
    }
    .sub-exam .section-01 .box p {font-size: 18px;}
    .sub-exam .section-01 .box strong {font-size: 22px;}
    .sub-exam .section-02 .container > div {margin-bottom: 50px;}
    .sub-exam .section-02 .top-txt strong {
        font-size: 24px;
        padding: 8px 15px;
        border-radius: 5px;
    }
    .sub-exam .section-02 .top-txt p {
        font-size: 18px;
        margin-top: 25px;
    }
    .sub-exam .section-02 .container > div:nth-child(2) .box {padding: 25px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box .bar-title::before {height: 15px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child .content {font-size: 16px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:first-child .content b {
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }
    .sub-exam .section-02 .table-wrap table {font-size: 15px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(3) .content, .sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content {font-size: 16px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(3) .content .label-box h5 {font-size: 16px;}
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:first-child {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .sub-exam .section-02 .container > div:nth-child(2) .box > div:nth-child(4) .content .number-box > div:last-child {
        width: calc(100% - 60px);
        height: 60px;
    }
    .sub-exam .section-02 .container > div:last-child .img-wrap li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .sub-exam .section-02 .container > div:last-child .result-arrow {
        margin: 30px auto;
        max-width: 180px;
    }
    .sub-exam .section-02 .container > div:last-child .table-wrap table th {width: 50px;}
    .sub-exam .section-03 .box-wrap > div {
        width: 100%;
        font-size: 16px;
    }
    .sub-exam .section-03 .box-wrap > div:first-child {
        padding: 25px;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .sub-exam .section-03 .box-wrap > div:first-child::after {
        top: inherit;
        left: 50%;
        right: inherit;
        bottom: -30px;
        transform: translateX(-50%) rotate(90deg);
    }
    .sub-exam .section-03 .box-wrap > div:last-child {padding: 5px;}
    .sub-exam .section-03 .box-wrap > div:last-child .inner {padding: 20px;}
    .sub-exam .section-03 .box-wrap > div:last-child .inner > div > div img {
        width: 24px;
        height: 21px;
    }
    .sub-exam .section-04 .title p {
        font-size: 16px;
        margin-top: 30px;
    }
    .sub-exam .section-04 .img {
        max-width: 200px;
        margin-bottom: 40px;
    }
    .sub-exam .section-04 .img img {margin-bottom: 15px;}
    .sub-exam .section-04 ul li {
        width: 100%;
        padding: 25px;
        margin-right: 0;
        margin-bottom: 10px;
        min-height: auto;
    }
    .sub-exam .section-04 ul li p {
        width: calc(100% - 20px);
        font-size: 15px;
        padding-left: 10px;
    }
    .sub-exam .section-04 ul li p b {font-size: 18px;}
    .sub-exam .section-04 .container > .more-btn {
        max-width: none;
        margin: 40px 0;
    }
    .sub-exam .section-04 .sample-box {
        margin: 50px auto;
        padding: 25px;
    }
    .sub-exam .section-04 .sample-box strong {font-size: 20px;}
    .sub-exam .section-04 .sample-box .desc {margin-bottom: 20px;}
    .sub-exam .section-04 .bottom-box {padding: 30px;}
    .sub-exam .section-04 .bottom-box b {
        font-size: 24px;
        margin: 20px auto;
        width: 100%;
    }
}

/*의대 논술 상품 소개*/
.sub-medical-product .title {text-align: center;}
.sub-medical-product .section-01 {
    max-width: 850px;
    margin: 0 auto;
}
.sub-medical-product .section-01 .product-list {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical-product .section-01 .product-list > li {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.sub-medical-product .section-01 .product-list > li:last-child {margin-right: 0;}
.sub-medical-product .section-01 .product-list > li h3 {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.sub-medical-product .section-01 .product-list > li:first-child h3 {
    background: #e7e9ee;
    color: #097b63;
}
.sub-medical-product .section-01 .product-list > li:last-child h3 {background: #097b63;}
.sub-medical-product .section-01 .product-list > li .info {padding: 10px 30px 30px;}
.sub-medical-product .section-01 .product-list > li .info > li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.sub-medical-product .section-01 .product-list > li .info > li:nth-child(3) {min-height: 160px;}
.sub-medical-product .section-01 .product-list > li .info > li:last-child {border-bottom: none;}
.sub-medical-product .section-01 .product-list > li .info > li b {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.sub-medical-product .section-01 .product-list > li .detail {
    color: #666;
    font-size: 16px;
}
.sub-medical-product .section-01 .product-list > li .detail .red {
    color: #f42828;
    font-weight: 600;
}
.sub-medical-product .section-01 .product-list > li .detail .green {
    color: #097b63;
    font-weight: 600;
}

.sub-medical-product .section-01 .product-list > li .info > li .list-wrap li {margin-bottom: 0;}
.sub-medical-product .section-01 .product-list > li .info > li .list-wrap li p {font-size: 16px;}
.sub-medical-product .section-01 .product-list > li .info > li .table-wrap table th,
.sub-medical-product .section-01 .product-list > li .info > li .table-wrap table td {
    font-size: 14px;
    padding: 7px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.sub-medical-product .section-01 .product-list > li .info > li .table-wrap table td {background: #f5f6fa;}
.sub-medical-product .section-01 .product-list > li .price {
    margin-top: 10px;
    text-align: right;
}
.sub-medical-product .section-01 .product-list > li .price strong {
    font-size: 24px;
    color: #097b63;
    display: block;
}
.sub-medical-product .section-01 .product-list > li .price p {margin-top: 8px;}
.sub-medical-product .section-01 .product-list > li .price p strong {
    display: inline-block;
    margin-left: 5px;
}
.sub-medical-product .section-01 .product-list > li .more-btn {margin-top: 25px;}
.sub-medical-product .section-01 .bank {
    background: #f0f1f6;
    border-radius: 10px;
    margin: 50px 0 20px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-medical-product .section-01 .bank h4 {
    color: #097b63;
    font-size: 18px;
}
.sub-medical-product .section-01 .bank .desc {
    font-weight: 500;
    padding-left: 25px;
}
.sub-medical-product .section-01 .bottom-txt {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical-product .section-01 .bottom-txt b {
    color: #fff;
    background: #097b63;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;
}
.sub-medical-product .section-01 .bottom-txt span {
    padding-left: 15px;
    font-weight: bold;
    color: #111;
    margin-top: 5px;
    display: inline-block;
}
.sub-medical-product .section-02 {
    background: #f5f6fa;
    padding: 0 !important;
}
.sub-medical-product .section-02 .title {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 100px 0 180px;
    position: relative;
    overflow: hidden;
    margin: 0;
    text-align: center;
}
.sub-medical-product .section-02 > div:first-child .title {background-image: url(/page/img/team_tutor_bg_01.jpg)}
.sub-medical-product .section-02 > div:nth-child(2) .title {background-image: url(/page/img/team_tutor_bg_02.jpg)}
.sub-medical-product .section-02 > div:last-child .title {background-image: url(/page/img/team_tutor_bg_03.jpg)}
.sub-medical-product .section-02 .box-wrap {
    position: relative;
    z-index: 1;
    margin-top: -120px;
    padding-bottom: 120px;
}
.sub-medical-product .section-02 .box-wrap > div {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 50px;
    position: relative;
    margin-bottom: 50px;
}
.sub-medical-product .section-02 .box-wrap > div:last-child {margin-bottom: 0;}
.sub-medical-product .section-02 .box-wrap .top {
    border: 1px solid #0d1d1c;
    padding: 15px 30px;
    margin-bottom: 40px;
    position: relative;
}
.sub-medical-product .section-02 .box-wrap .top .emblem {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 80px;
}
.sub-medical-product .section-02 .box-wrap .top ul li {
    border-bottom: 1px solid #ddd;
    padding: 13px 0;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-medical-product .section-02 .box-wrap .top ul li:last-child {border-bottom: none;}
.sub-medical-product .section-02 .box-wrap .top ul li b {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.sub-medical-product .section-02 .box-wrap .top ul li span {
    width: calc(100% - 24px);
    padding-left: 15px;
    font-weight: bold;
}
.sub-medical-product .section-02 .box-wrap .top ul li .more-btn {max-width: 300px;}
.sub-medical-product .section-02 .box-wrap .bottom {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical-product .section-02 .box-wrap .bottom .img {width: 26%;}
.sub-medical-product .section-02 .box-wrap .bottom .txt {
    width: 74%;
    padding-top: 10px;
    padding-left: 50px;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt > p {
    font-size: 18px;
    font-weight: bold;
    color: #097b63;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt > strong {
    font-size: 30px;
    display: block;
    margin: 6px 0 20px;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt .list-wrap {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px 25px;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt .list-wrap li {margin-bottom: 3px;}
.sub-medical-product .section-02 .box-wrap .bottom .txt .list-wrap li p {font-weight: 500;}
.sub-medical-product .section-02 .box-wrap .bottom .txt .slogan {
    position: relative;
    margin-top: 20px;
}
.sub-medical-product .section-02 .box-wrap > div:last-child .bottom .txt .slogan {margin-top: 50px;}
.sub-medical-product .section-02 .box-wrap .bottom .txt .slogan::after {
    content: "";
    background: url(/page/img/quote_end_gray.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt .slogan p {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt .slogan p b {
    font-size: 20px;
    color: #097b63;
    margin-left: 8px;
    margin-top: -5px;
}
.sub-medical-product .section-02 .box-wrap .bottom .txt .slogan .desc {
    font-weight: 500;
    position: relative;
    z-index: 1;
}

@media all and (max-width: 767px) {
    .sub-medical-product .section-01 .product-list > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sub-medical-product .section-01 .product-list > li h5 {font-size: 18px;}
    .sub-medical-product .section-01 .product-list > li .info {padding: 10px 25px;}
    .sub-medical-product .section-01 .product-list > li .info li {min-height: auto !important;}

    .sub-medical-product .section-01 .bank {
        margin-top: 10px;
        padding: 20px;
    }
    .sub-medical-product .section-01 .bank h4 {
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sub-medical-product .section-01 .bank .desc {padding: 0;}
    .sub-medical-product .section-01 .bank .desc img {width: 50px;}
    .sub-medical-product .section-01 .bottom-txt span {
        width: 100%;
        padding: 0;
        margin-top: 8px;
    }

    .sub-medical-product .section-02 .title {padding: 40px 0 100px;}
    .sub-medical-product .section-02 .title h2 {font-size: 24px;}
    .sub-medical-product .section-02 .box-wrap {
        margin-top: -70px;
        padding-bottom: 50px;
    }
    .sub-medical-product .section-02 .box-wrap > div {
        padding: 20px;
        margin-bottom: 30px;
    }
    .sub-medical-product .section-02 .box-wrap .top {margin-bottom: 20px;}
    .sub-medical-product .section-02 .box-wrap .top .emblem {display: none;}
    .sub-medical-product .section-02 .box-wrap .top {padding: 5px 15px;}
    .sub-medical-product .section-02 .box-wrap .top ul li {
        padding: 10px 0;
        font-size: 15px;
    }
    .sub-medical-product .section-02 .box-wrap .top ul li b {font-size: 14px;}
    .sub-medical-product .section-02 .box-wrap .top ul li span {padding-left: 10px;}
    .sub-medical-product .section-02 .box-wrap .bottom .img {
        width: 100%;
        text-align: center;
    }
    .sub-medical-product .section-02 .box-wrap .bottom .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .sub-medical-product .section-02 .box-wrap .bottom .txt > p {font-size: 15px;}
    .sub-medical-product .section-02 .box-wrap .bottom .txt > strong {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .sub-medical-product .section-02 .box-wrap .bottom .txt .list-wrap {padding: 12px 18px;}
    .sub-medical-product .section-02 .box-wrap > div:last-child .bottom .txt .slogan {margin-top: 25px;}
    .sub-medical-product .section-02 .box-wrap .bottom .txt .slogan p b {
        font-size: 16px;
        margin-top: -2px;
    }
}

/*약술 논술 파이널 프로그램 소개*/
.sub-final .title {text-align: center;}
.sub-final .table-wrap table {font-size: 18px;}
.sub-final .table-wrap table td {
    padding: 20px;
    font-weight: 500;
    width: 25%;
}
.sub-final .table-wrap table td .price {
    font-size: 24px;
    color: #097b63;
}
.sub-final .table-wrap table td .more-btn {
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
}
.sub-final .table-wrap.margin-top {margin-top: 60px;}
.sub-final .table-wrap.margin-top > strong {
    font-size: 30px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.sub-final .table-wrap.margin-top > strong span {
    display: block;
    font-size: 18px;
    font-weight: normal;
}
.sub-final .note {
    font-size: 16px;
    color: #444;
    margin-top: 30px;
}
.sub-final .section-01 .title {margin-bottom: 80px;}
.sub-final .section-01 .title .title-sub {margin-top: 50px;}
.sub-final .section-01 .title .title-bottom {
    font-size: 24px;
    margin-top: 40px;
}
.sub-final .section-01 .title .title-bottom b {
    display: block;
    color: #f43535;
}
.sub-final .section-01 .table-wrap > strong {
    font-size: 24px;
    color: #097b63;
    display: block;
    margin-bottom: 30px;
}
.sub-final .section-01 .table-wrap th .logo {
    width: 96px;
    vertical-align: text-bottom;
}
.sub-final .section-01 .inner-table {
    width: 100%;
    margin-top: 10px;
}
.sub-final .section-01 .inner-table td {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 16px;
}
.sub-final .section-01 .inner-table td.td-bg {background: #eceeef;}
.sub-final .section-01 .img-wrap {
    margin-top: 80px;
    text-align: center;
}
.sub-final .section-01 .img-wrap b {
    font-size: 30px;
    display: block;
    margin-bottom: 30px;
}
.sub-final .section-01 .video-wrap {
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-final .section-01 .video-wrap p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}
.sub-final .section-02 {background: url(/page/img/final_about_bg.jpg) center / cover no-repeat;}
.sub-final .section-02 .desc b {
    font-size: 21px;
    color: #097b63;
}
.sub-final .section-02 .desc .inner-box {
    background: rgba(255,255,255,0.5);
    border: 1px solid #097b63;
    padding: 30px;
    border-radius: 10px;
}
.sub-final .section-02 .desc .inner-box b {color: #111;}
.sub-final .section-02 .box-wrap {
    margin-top: 50px;
    background: url(/page/img/final_about_banner_bg.jpg) center / cover no-repeat;
    padding: 50px;
    text-align: center;
    border-radius: 10px;
}
.sub-final .section-02 .box-wrap p {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
}
.sub-final .section-02 .box-wrap p b {font-size: 24px;}
.sub-final .section-02 .box-wrap .more-btn {
    margin-top: 25px;
    max-width: 250px;
}
.sub-final .procedure > li {margin-bottom: 100px;}
.sub-final .procedure > li:last-child {margin-bottom: 0;}
.sub-final .procedure > li h4 {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
    font-size: 24px;
}
.sub-final .procedure > li h4 .number {
    display: inline-block;
    width: auto;
    padding: 0 10px;
}
.sub-final .procedure > li h4 b {
    padding-left: 15px;
    font-size: 24px;
}
.sub-final .procedure > li .img-wrap img {
    margin-bottom: 15px;
    border-radius: 10px;
}
.sub-final .procedure > li .img-wrap img:last-child {margin-bottom: 0;}
.sub-final .procedure > li .video-wrap {text-align: center;}
.sub-final .procedure > li .video-wrap .video {background: #eee;}
.sub-final .procedure > li .video-wrap p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}
.sub-final .procedure > li .label-box .label {
    font-size: 20px;
    padding: 8px 20px;
}
.sub-final .procedure > li .label-box .features-list {
    border: 2px solid #097b63;
    border-radius: 0 10px 10px 10px;
    padding: 40px;
    background: #fff;
}
.sub-final .procedure > li .label-box .features-list > li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
.sub-final .procedure > li .label-box .features-list > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sub-final .procedure > li .label-box .features-list > li b {
    font-size: 20px;
    display: block;
    color: #097b63;
    margin-bottom: 15px;
}
.sub-final .procedure > li .label-box .features-list > li .list-wrap.split {
    display: flex;
    flex-wrap: wrap;
}
.sub-final .procedure > li .label-box .features-list > li .list-wrap.split li {
    width: 50%;
    padding-right: 30px;
}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap > div:first-child {width: 45%;}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap > div:last-child {width: 55%;}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap .img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap .img-wrap li {
    width: calc((100% - 30px)/4);
    margin-right: 10px;
    margin-bottom: 10px;
}
.sub-final .procedure > li .label-box .features-list > li.sample-wrap .img-wrap li:nth-child(4n) {margin-right: 0;}
.sub-final .procedure > li .purchase-btn {
    margin: 50px 0 80px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-final .procedure > li .purchase-btn .more-btn {
    width: auto;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    background: #097b63;
    margin: 0;
    margin-right: 10px;
    max-width: none;
    padding: 0 30px;
    display: inline-block;
}
.sub-final .procedure > li .purchase-btn .more-btn.red-btn {
    background: #df3636;
    border: 1px solid #df3636;
}
.sub-final .procedure > li .purchase-btn .more-btn img {margin-right: 5px;}
.sub-final .procedure > li .purchase-btn .more-btn:last-child {margin-right: 0;}
.sub-final .procedure > li .purchase-btn .more-btn:hover {
    border: 1px solid #0d1d1c;
    background: #0d1d1c;
}
.sub-final .procedure > li .purchase-btn p {
    font-size: 18px;
    margin-top: 20px;
    width: 100%;
}
.sub-final .procedure > li h5 {
    font-size: 20px;
    margin: 30px 0 15px;
}
.sub-final .textbook-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 80px;
}
.sub-final .textbook-list li {
    width: calc((100% - 160px)/5);
    margin-right: 40px;
    margin-bottom: 40px;
}
.sub-final .textbook-list li:nth-child(5n) {margin-right: 0;}
.sub-final .textbook-list li:last-child {margin-right: 0;}
.sub-final .textbook-list li p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.sub-final .textbook-list li img {
    border: 1px solid #ddd;
    overflow: hidden;
}
.sub-final .textbook-list li .more-btn {margin-top: 15px;}
.sub-final .procedure > li .bottom-txt {margin-top: 40px;}
.sub-final .procedure > li .bottom-txt strong {
    display: block;
    margin-bottom: 8px;
    font-size: 24px;
    color: #097b63;
}
.sub-final .procedure > li .bottom-txt .box-wrap {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: -15px;
}
.sub-final .procedure > li .bottom-txt .box-wrap > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}
.sub-final .procedure > li .bottom-txt .box-wrap > div:last-child {margin-right: 0;}
.sub-final .procedure > li .bottom-txt .box-wrap > div:last-child::after {content: none;}
.sub-final .procedure > li .bottom-txt .box-wrap > div span {
    background: #f5f6fa;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sub-final .procedure > li .bottom-txt .box-wrap > div::after {
    content: "";
    background: url(/page/img/process_arrow_circle.svg) center / cover no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 10px;
}
.sub-final .section-03 .title h3,
.sub-final .section-04 .title h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-final .section-03 .title h3 span,
.sub-final .section-04 .title h3 span {
    background: #097b63;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 20px;
}
.sub-final .section-03 .arena-img {
    border-radius: 10px;
    margin-bottom: 80px;
}
.sub-final .section-03 .video-wrap {
    max-width: 800px;
    margin: 80px auto;
}
.sub-final .section-03 .txt-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 120px 0;
    font-size: 36px;
    color: #097b63;
    font-weight: bold;
}
.sub-final .section-03 .txt-wrap img {margin-left: 5px;}
.sub-final .section-03 .procedure > li:last-child .title p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.5;
}
.sub-final .section-03 .procedure > li:last-child .title p b {color: #097b63;}
.sub-final .section-03 .procedure > li:last-child .video-wrap {margin-top: 50px;}
.sub-final .section-03 .procedure > li:last-child .label-box .features-list > li:nth-last-child(2) {
    padding-bottom: 0;
    border-bottom: none;
}
.sub-final .section-03 .procedure > li:last-child .label-box .features-list > li .note-box {
    background: #f0f1f6;
    border-radius: 10px;
    padding: 30px;
    font-size: 18px;
}
.sub-final .section-03 .procedure > li:last-child .label-box .features-list > li .note-box b {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #111;
}
.sub-final .section-03 .procedure > li:last-child .label-box .features-list > li .note-box .table-wrap {margin: 10px 0;}
.sub-final .section-03 .procedure > li:last-child .label-box .features-list > li .note-box .table-wrap td {background: rgba(255,255,255,0.5)}
.sub-final .section-03 .note b,
.sub-final .section-04 .note b {
    color: #097b63;
    display: block;
    margin-top: 5px;
}
.sub-final .section-03 .tutor-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-final .section-03 .tutor-wrap .img {width: 26%;}
.sub-final .section-03 .tutor-wrap .txt {
    width: 74%;
    padding-top: 10px;
    padding-left: 50px;
}
.sub-final .section-03 .tutor-wrap .txt > p {
    font-size: 18px;
    font-weight: bold;
    color: #097b63;
}
.sub-final .section-03 .tutor-wrap .txt > strong {
    font-size: 30px;
    display: block;
    margin: 6px 0 20px;
}
.sub-final .section-03 .tutor-wrap .txt .list-wrap {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 20px 25px;
}
.sub-final .section-03 .tutor-wrap .txt .list-wrap li {margin-bottom: 3px;}
.sub-final .section-03 .tutor-wrap .txt .list-wrap li p {font-weight: 500;}
.sub-final .section-03 .tutor-wrap .txt .slogan {
    position: relative;
    margin-top: 30px;
}
.sub-final .section-03 .tutor-wrap .txt .slogan::after {
    content: "";
    background: url(/page/img/quote_end_gray.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}
.sub-final .section-03 .tutor-wrap .txt .slogan p {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}
.sub-final .section-03 .tutor-wrap .txt .slogan p b {
    font-size: 20px;
    color: #097b63;
    margin-left: 8px;
    margin-top: -5px;
}
.sub-final .section-03 .tutor-wrap .txt .slogan .desc {
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.sub-final .section-04 {background: #f5f6fa;}
.sub-final .section-04 .title p {
    font-size: 24px;
    color: #097b63;
    margin-top: 50px;
    font-weight: bold;
}
.sub-final .section-04 .title strong {
    font-size: 24px;
    margin-top: 30px;
    font-weight: bold;
    display: block;
}
.sub-final .section-04 .numbering-img {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.sub-final .section-04 .numbering-img img {
    width: calc((100% - 15px)/2);
    margin-right: 15px;
    border-radius: 10px;
}
.sub-final .section-04 .numbering-img img:last-child {margin-right: 0;}
.sub-final .section-04 .video-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 80px 0;
}
.sub-final .section-04 .video-wrap .video {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
}
.sub-final .section-04 .video-wrap .video:nth-child(2) {margin-right: 0;}
.sub-final .section-04 .video-wrap p {width: 100%;}
.sub-final .section-04 .numbering-btn .btn-wrap {
    display: flex;
    justify-content: center;
    margin: -100px auto 100px;
}
.sub-final .section-04 .numbering-btn .btn-wrap a {
    width: calc((100% - 72px)/4);
    margin-right: 24px;
    border-radius: 10px;
    background: #097b63;
    color: #fff;
    padding: 16px 20px 16px 30px;
    transition: all .3s;
}
.sub-final .section-04 .numbering-btn .btn-wrap a:last-child {margin-right: 0;}
.sub-final .section-04 .numbering-btn .btn-wrap a:hover {opacity: 0.9;}
.sub-final .section-04 .numbering-btn .btn-wrap a > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-final .section-04 .numbering-btn .btn-wrap a > div > div {
    display: flex;
    align-items: center;
}
.sub-final .section-04 .numbering-btn .btn-wrap a > div > div img {width: 18px;}
.sub-final .section-04 .numbering-btn .btn-wrap a strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 5px;
}
.sub-final .section-04 .numbering-btn .btn-wrap a span {
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.sub-final .section-04 .numbering-btn .btn-wrap a .arrow {width: 8px;}
.sub-final .section-05 {
    background: url(/page/img/final_powerup_bg_01.jpg) center / cover no-repeat;
}
.sub-final .section-05 .title {color: #fff;}
.sub-final .section-05 .title h2 span {
    background: #fff;
    color: #097b63;
    padding: 5px 15px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 20px;
}
.sub-final .section-05 .title h3 {
    margin: 40px 0 20px;
    color: #4adea6;
}
.sub-final .section-05 .title p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}
.sub-final .section-05 .title .desc {
    margin-top: 30px;
    text-decoration: underline;
}
.sub-final .section-05 h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}
.sub-final .section-05 .box-wrap {
    border-radius: 10px;
    background: #fff;
    padding: 50px;
}
.sub-final .section-05 .box-wrap h4 {
    color: #111;
    margin-bottom: 15px;
    text-align: center;
}
.sub-final .section-05 .box-wrap h4 .red-btn {
    width: auto;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    background: #df3636;
    border: 1px solid #df3636;
    padding: 0 30px;
    display: inline-block;
}
.sub-final .section-05 .box-wrap h4 .red-btn img {margin-right: 5px;}
.sub-final .section-05 .box-wrap h4 .red-btn:hover {
    border: 1px solid #0d1d1c;
    background: #0d1d1c;
}
.sub-final .section-05 .box-wrap .table-wrap {margin-bottom: 50px;}
.sub-final .section-05 .box-wrap strong {
    display: flex;
    align-items: start;
    margin: 0 0 30px;
}
.sub-final .section-05 .box-wrap strong span {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    background: #097b63;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}
.sub-final .section-05 .box-wrap strong b {
    width: calc(100% - 40px);
    font-size: 24px;
    color: #097b63;
    padding-left: 15px;
    margin-top: 6px;
}
.sub-final .section-05 .box-wrap .video-wrap {
    max-width: 800px;
    margin: 50px auto;
    text-align: center;
}
.sub-final .section-05 .box-wrap .video-wrap .video {background: #eee;}
.sub-final .section-05 .box-wrap .video-wrap p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}
.sub-final .section-04 .sconn {margin-top: 80px;}
.sub-final .section-04 .sconn .video-wrap {
    max-width: 900px;
    margin: 0 auto;
    display: block;
}
.sub-final .section-04 .sconn .video-wrap .video {
    width: 100%;
    margin: 0;
}
.sub-final .section-04 .sconn .txt {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-final .section-04 .sconn .txt img {
    border-right: 1px solid #ddd;
    padding-right: 40px;
    margin-right: 40px;
}
.sub-final .section-04 .sconn .txt p {
    font-size: 20px;
    text-align: left;
}
.sub-final .section-04 .sconn .bottom {
    background: #f5f6fa;
    border-radius: 10px;
    border: 2px solid #ddd;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
}
.sub-final .section-04 .sconn .bottom img {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.sub-final .section-04 .sconn .bottom img:last-child {margin-right: 0;}
.sub-final .section-04 .rights {
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    line-height: 1.5;
    font-weight: 500;
}
.sub-final .section-04 .rights .more-btn {
    margin-top: 20px;
    max-width: 250px;
}
@media all and (max-width: 1200px) {
    .sub-final .section-04 .numbering-btn .btn-wrap a {padding-left: 20px;}
    .sub-final .section-04 .numbering-btn .btn-wrap a span {font-size: 18px;}
}
@media all and (max-width: 1024px) {
    .sub-final .table-wrap table td .more-btn {
        height: auto;
        line-height: 1.3;
        padding: 10px;
    }
    .sub-final .section-04 .numbering-btn .btn-wrap {
        flex-wrap: wrap;
        margin-top: -50px;
    }
    .sub-final .section-04 .numbering-btn .btn-wrap a {
        width: calc((100% - 24px)/2);
        margin-bottom: 24px;
    }
    .sub-final .section-04 .numbering-btn .btn-wrap a:nth-child(2n) {margin-right: 0;}
    .sub-final .section-04 .numbering-btn .btn-wrap a strong {font-size: 20px;}
}
@media all and (max-width: 991px) {
    .sub-final .textbook-list li {width: calc((100% - 80px)/3);}
    .sub-final .textbook-list li:nth-child(5n) {margin-right: 40px;}
    .sub-final .textbook-list li:nth-child(3n) {margin-right: 0;}
    .sub-final .section-04 .sconn .txt img {
        border: none;
        padding: 0;
        margin: 0 auto 20px;
    }
    .sub-final .section-04 .sconn .txt p {text-align: center;}
}
@media all and (max-width: 767px) {
    .sub-final .table-wrap table {font-size: 14px;}
    .sub-final .table-wrap table th, .sub-final .table-wrap table td {padding: 10px;}
    .sub-final .table-wrap.margin-top {margin-top: 30px;}
    .sub-final .table-wrap.margin-top > strong {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .sub-final .table-wrap.margin-top > strong span {font-size: 15px;}
    .sub-final .note {
        font-size: 14px;
        margin-top: 15px;
    }
    .sub-final .procedure > li {margin-bottom: 40px;}
    .sub-final .procedure > li h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-final .procedure > li h4 b {
        font-size: 18px;
        padding-left: 12px;
        margin-top: -2px;
    }
    .sub-final .procedure > li .img-wrap img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .sub-final .procedure > li .video-wrap p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-final .procedure > li .label-box .label {
        font-size: 16px;
        padding: 6px 15px;
    }
    .sub-final .procedure > li .label-box .features-list {padding: 20px;}
    .sub-final .procedure > li .label-box .features-list > li {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .sub-final .procedure > li .label-box .features-list > li b {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sub-final .procedure > li .label-box .features-list > li .list-wrap.split li {
        width: 100%;
        padding-right: 0;
    }
    .sub-final .procedure > li .label-box .features-list > li.sample-wrap > div:first-child {width: 100%;}
    .sub-final .procedure > li .label-box .features-list > li.sample-wrap > div:last-child {
        width: 100%;
        margin-top: 20px;
    }
    .sub-final .procedure > li .purchase-btn {margin: 30px 0 40px;}
    .sub-final .procedure > li .purchase-btn .more-btn {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin: 0 0 10px;
    }
    .sub-final .procedure > li .purchase-btn .more-btn:last-child {margin-bottom: 0;}
    .sub-final .procedure > li .purchase-btn p {
        font-size: 15px;
        margin-top: 12px;
    }
    .sub-final .procedure > li h5 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    .sub-final .table-wrap table td .price {font-size: 16px;}
    .sub-final .textbook-list {margin: 40px 0 -30px;}
    .sub-final .textbook-list li {
        width: calc((100% - 20px)/2);
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .sub-final .textbook-list li:nth-child(5n),
    .sub-final .textbook-list li:nth-child(3n) {margin-right: 20px;}
    .sub-final .textbook-list li:nth-child(2n) {margin-right: 0;}
    .sub-final .textbook-list li p {font-size: 16px;}
    .sub-final .textbook-list li .more-btn {margin-top: 10px;}
    .sub-final .procedure > li .bottom-txt {margin-top: 20px;}
    .sub-final .procedure > li .bottom-txt strong {font-size: 18px;}
    .sub-final .procedure > li .bottom-txt .box-wrap {
        font-size: 15px;
        margin-bottom: -10px;
    }
    .sub-final .procedure > li .bottom-txt .box-wrap > div {margin-bottom: 10px;}
    .sub-final .procedure > li .bottom-txt .box-wrap > div span {padding: 8px;}
    .sub-final .procedure > li .bottom-txt .box-wrap > div::after {
        width: 16px;
        height: 16px;
        margin: 0 5px;
    }
    .sub-final .section-01 .title {margin-bottom: 30px;}
    .sub-final .section-01 .title .title-sub {margin-top: 30px;}
    .sub-final .section-01 .title .title-bottom {
        font-size: 18px;
        margin-top: 30px;
    }
    .sub-final .section-01 .table-wrap > strong {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-final .section-01 .table-wrap > strong img {width: 24px;}
    .sub-final .section-01 .table-wrap table td.td-bg {width: 5%;}
    .sub-final .section-01 .table-wrap th .logo {width: 80px;}
    .sub-final .section-01 .inner-table td {font-size: 14px;}
    .sub-final .section-01 .img-wrap {margin-top: 40px;}
    .sub-final .section-01 .img-wrap b {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-final .section-01 .video-wrap {margin: 40px auto 0;}
    .sub-final .section-01 .video-wrap p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-final .section-02 .desc b {font-size: 18px;}
    .sub-final .section-02 .desc .inner-box {padding: 20px;}
    .sub-final .section-02 .box-wrap {
        margin-top: 30px;
        padding: 30px;
    }
    .sub-final .section-02 .box-wrap p {font-size: 16px;}
    .sub-final .section-02 .box-wrap p b {font-size: 20px;}
    .sub-final .section-03 .title h3 span,
    .sub-final .section-04 .title h3 span {
        border-radius: 5px;
        margin: 0 0 5px;
        padding: 4px 12px;
        width: 100%;
        font-size: 20px;
    }
    .sub-final .section-03 .arena-img {margin-bottom: 30px;}
    .sub-final .section-03 .video-wrap {margin: 40px auto;}
    .sub-final .section-03 .tutor-wrap .img {
        width: 100%;
        text-align: center;
    }
    .sub-final .section-03 .tutor-wrap .txt {
        width: 100%;
        padding: 20px 0 0;
    }
    .sub-final .section-03 .tutor-wrap .txt > p {font-size: 15px;}
    .sub-final .section-03 .tutor-wrap .txt > strong {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .sub-final .section-03 .tutor-wrap .txt .list-wrap {padding: 12px 18px;}
    .sub-final .section-03 .tutor-wrap .txt .slogan p b {
        font-size: 16px;
        margin-top: -2px;
    }
    .sub-final .section-03 .txt-wrap {
        font-size: 18px;
        margin: 50px 0;
        text-align: center;
    }
    .sub-final .section-03 .txt-wrap img {display: none;}
    .sub-final .section-03 .procedure > li:last-child .title p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-final .section-03 .procedure > li:last-child .label-box .features-list > li .note-box {
        padding: 20px;
        font-size: 15px;
    }
    .sub-final .section-04 .title p {
        font-size: 18px;
        margin-top: 20px;
    }
    .sub-final .section-04 .title strong {
        font-size: 18px;
        margin-top: 15px;
    }
    .sub-final .section-04 .numbering-img {margin-bottom: 15px;}
    .sub-final .section-04 .numbering-img img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .sub-final .section-04 .video-wrap {margin: 40px 0;}
    .sub-final .section-04 .video-wrap .video {
        width: 100%;
        margin: 0 0 15px;
    }
    .sub-final .section-04 .video-wrap .video:nth-last-child(2) {margin-bottom: 0;}
    .sub-final .section-04 .numbering-btn .btn-wrap {margin: 0 0 60px;}
    .sub-final .section-04 .numbering-btn .btn-wrap a {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
    }
    .sub-final .section-04 .numbering-btn .btn-wrap a > div > div img {width: 14px;}
    .sub-final .section-04 .numbering-btn .btn-wrap a strong {
        font-size: 18px;
        margin-left: 5px;
        margin-right: 3px;
    }
    .sub-final .section-04 .numbering-btn .btn-wrap a span {font-size: 15px;}
    .sub-final .section-05 h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sub-final .section-05 .box-wrap h4 .red-btn {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin: 0 0 10px;
    }
    .sub-final .section-05 .title h2 span {
        border-radius: 5px;
        margin: 0 0 5px;
        padding: 4px 12px;
        width: 100%;
        font-size: 20px;
    }
    .sub-final .section-05 .title h3 {
        margin: 20px 0 15px;
        color: #4adea6;
    }
    .sub-final .section-05 .title p {font-size: 15px;}
    .sub-final .section-05 .title .desc {margin-top: 20px;}
    .sub-final .section-05 .box-wrap {padding: 20px;}
    .sub-final .section-05 .box-wrap .table-wrap {margin-bottom: 20px;}
    .sub-final .section-05 .box-wrap strong {margin: 20px 0 12px;}
    .sub-final .section-05 .box-wrap strong span {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .sub-final .section-05 .box-wrap strong b {
        width: calc(100% - 30px);
        padding-left: 10px;
        margin-top: 0;
        font-size: 18px;
    }
    .sub-final .section-05 .box-wrap .video-wrap {margin: 30px auto;}
    .sub-final .section-05 .box-wrap .video-wrap p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-final .section-04 .sconn {margin-top: 25px;}
    .sub-final .section-04 .sconn .txt {margin: 25px 0;}
    .sub-final .section-04 .sconn .txt img {
        max-width: 120px;
        margin-bottom: 15px;
    }
    .sub-final .section-04 .sconn .txt p {font-size: 16px;}
    .sub-final .section-04 .sconn .bottom {padding: 15px;}
    .sub-final .section-04 .sconn .bottom img {
        width: 100%;
        margin: 0 0 10px;
    }
    .sub-final .section-04 .sconn .bottom img:last-child {margin-bottom: 0;}
    .sub-final .section-04 .rights {
        font-size: 15px;
        margin-top: 30px;
    }
}
@media all and (max-width: 480px) {
    .sub-final .section-01 .table-wrap > table {width: 500px;}
}

/*약술 논술 파이널 기출분석집 무료 배포*/
.sub-final-free .title {text-align: center;}

.sub-final-free .section-01 .title {margin-bottom: 80px;}
.sub-final-free .section-01 .title .title-sub {margin-top: 50px;}
.sub-final-free .section-01 .img-wrap img {
    margin-bottom: 15px;
    border-radius: 10px;
}
.sub-final-free .section-01 .img-wrap img:last-child {margin-bottom: 0;}
.sub-final-free .section-01 .note {
    margin-top: 40px;
    display: flex;
    align-items: start;
}
.sub-final-free .section-01 .note span {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #097b63;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.sub-final-free .section-01 .note .desc {
    width: calc(100% - 24px);
    padding-left: 12px;
}
.sub-final-free .section-01 .note .desc b {color: #097b63;}
.sub-final-free .section-01 .note .desc .more-btn {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    width: auto;
    padding: 0 30px;
    margin: 0 8px;
    vertical-align: middle;
}
.sub-final-free .section-01 .note .desc .more-btn span {
    background: url(/page/img/download.svg) center / cover no-repeat;
    width: 16px;
    height: 15px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
}
.sub-final-free .section-01 .note .desc .more-btn:hover span {background-image: url(/page/img/download_white.svg)}
.sub-final-free .section-01 .note .desc .more-btn:hover b {color: #fff;}
.sub-final-free .section-01 .video-wrap {
    text-align: center;
    max-width: 800px;
    margin: 80px auto 0;
}
.sub-final-free .section-01 .video-wrap .video {background: #eee;}
.sub-final-free .section-01 .video-wrap p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}
.sub-final-free .section-01 .bottom-wrap {
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
}
.sub-final-free .section-01 .bottom-wrap > div {
    width: 50%;
    padding: 80px;
    text-align: center;
}
.sub-final-free .section-01 .bottom-wrap .title {margin-bottom: 30px;}
.sub-final-free .section-01 .bottom-wrap strong {
    display: inline-block;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 50px;
    line-height: 1;
}
.sub-final-free .section-01 .bottom-wrap p {
    font-size: 20px;
    font-weight: 500;
    min-height: 60px;
    margin: 40px 0 50px;
}
.sub-final-free .section-01 .bottom-wrap .box {
    padding: 15px 40px;
    font-size: 18px;
    display: inline-block;
}
.sub-final-free .section-01 .bottom-wrap .left {background: url(/page/img/final_free_bg_01.jpg) center / cover no-repeat;}
.sub-final-free .section-01 .bottom-wrap .left strong {
    background: #097b63;
    color: #fff;
}
.sub-final-free .section-01 .bottom-wrap .left .box {
    background: #e5e6eb;
    color: #097b63;
}
.sub-final-free .section-01 .bottom-wrap .right {
    background: url(/page/img/final_free_bg_02.jpg) center / cover no-repeat;
    color: #fff;
}
.sub-final-free .section-01 .bottom-wrap .right .title h3 {color: #fff;}
.sub-final-free .section-01 .bottom-wrap .right strong {
    background: #fff;
    color: #097b63;
}
.sub-final-free .section-01 .bottom-wrap .right .box {
    background: #055a48;
    color: #fff;
}
.sub-final-free .section-02 {padding: 0;}
.sub-final-free .section-02 .container > div {margin-bottom: 120px;}
.sub-final-free .section-02 .title {margin-bottom: 50px;}
.sub-final-free .section-02 .title h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-final-free .section-02 .title h3 span {
    background: #097b63;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    display: inline-block;
    margin-left: 20px;
}
.sub-final-free .section-02 .download-section .box {
    border-radius: 0;
    padding: 0;
    display: block;;
    margin: 0;
}
.sub-final-free .section-02 .bottom-txt {
    text-align: center;
    font-weight: bold;
    font-size: 50px;
}
.sub-final-free .section-02 .bottom-txt span {color: #097b63;}
.sub-final-free .section-02 .bottom-txt .more-btn {
    max-width: 600px;
    margin-top: 50px;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}
.sub-final-free .section-03 {background: url(/page/img/final_free_bg_03.jpg) center / cover no-repeat;}
.sub-final-free .section-03 .container > div {margin-bottom: 120px;}
.sub-final-free .section-03 .container > div:last-child {margin-bottom: 0;}
.sub-final-free .section-03 .title {margin-bottom: 50px;}
.sub-final-free .section-03 .title h3 {color: #fff;}
.sub-final-free .section-03 .title h3 span {color: #4adea6;}
.sub-final-free .section-03 .title h3 img {
    width: 60px;
    margin-right: 10px;
}
.sub-final-free .section-03 .box {
    background: #fff;
    border-radius: 10px;
    padding: 60px;
    text-align: center;
}
.sub-final-free .section-03 .box > p {
    font-size: 24px;
    line-height: 1.7;
}
.sub-final-free .section-03 .box > p span {
    color: #097b63;
    font-weight: bold;
}
.sub-final-free .section-03 .box > p span b {font-size: 26px;}
.sub-final-free .section-03 .box .bottom {
    background: #f5f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 200px;
    max-width: 1000px;
    margin: 60px auto 0;
}
.sub-final-free .section-03 .box .bottom::after {
    content: "";
    background: url(/page/img/quote_end_green.svg) center / cover no-repeat;
    width: 58px;
    height: 41px;
    display: block;
    position: absolute;
    top: -10px;
    right: 30px;
}
.sub-final-free .section-03 .box .bottom p {
    font-size: 32px;
    margin-left: 30px;
    text-align: left;
}
.sub-final-free .section-03 .box .bottom p strong {
    display: block;
    font-size: 40px;
    color: #097b63;
}
.sub-final-free .section-04 {
    background: #f5f6fa;
    padding: 100px 0;
}
.sub-final-free .section-04 .box {
    border: 2px solid #097b63;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 50px 40px 40px;
}
.sub-final-free .section-04 .box h4 {
    position: absolute;
    top: -18px;
    left: 40px;
    background: #097b63;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
}

@media all and (max-width: 1300px) {
    .sub-final-free .section-01 .bottom-wrap > div {padding: 80px 30px;}
}
@media all and (max-width: 1024px) {
    .sub-final-free .section-03 .box .bottom p {font-size: 24px;}
    .sub-final-free .section-03 .box .bottom p strong {font-size: 32px;}
}
@media all and (max-width: 767px) {
    .sub-final-free .section-01 .title {margin-bottom: 30px;}
    .sub-final-free .section-01 .title .title-sub {margin-top: 30px;}
    .sub-final-free .section-01 .img-wrap {margin-top: 10px;}
    .sub-final-free .section-01 .img-wrap img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .sub-final-free .section-01 .img-wrap img:last-child {margin-bottom: 0;}
    .sub-final-free .section-01 .note {margin-top: 20px;}
    .sub-final-free .section-01 .note .desc .more-btn {
        width: 100%;
        display: block;
        margin: 5px 0 0;
    }
    .sub-final-free .section-01 .video-wrap {margin-top: 30px;}
    .sub-final-free .section-01 .video-wrap p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sub-final-free .section-01 .bottom-wrap {margin-top: 40px;}
    .sub-final-free .section-01 .bottom-wrap > div {
        width: 100%;
        padding: 40px 15px;
    }
    .sub-final-free .section-01 .bottom-wrap .title {margin-bottom: 20px;}
    .sub-final-free .section-01 .bottom-wrap strong {font-size: 18px;}
    .sub-final-free .section-01 .bottom-wrap p {
        font-size: 16px;
        min-height: auto;
        margin: 20px 0 30px;
    }
    .sub-final-free .section-01 .bottom-wrap .box {
        padding: 15px;
        font-size: 15px;
    }
    .sub-final-free .section-02 .container > div {margin-bottom: 50px}
    .sub-final-free .section-02 .title {margin-bottom: 30px;}
    .sub-final-free .section-02 .title h3 b {display: block;}
    .sub-final-free .section-02 .title h3 span {margin: 5px 0 0;}
    .sub-final-free .section-02 .bottom-txt {font-size: 24px;}
    .sub-final-free .section-02 .bottom-txt .more-btn {
        height: 50px;
        line-height: 50px;
        margin-top: 25px;
        font-size: 16px;
    }
    .sub-final-free .section-03 .title h3 img {
        display: block;
        margin: 0 auto 10px;
    }
    .sub-final-free .section-03 .container > div {margin-bottom: 50px;}
    .sub-final-free .section-03 .title {margin-bottom: 30px;}
    .sub-final-free .section-03 .box {padding: 25px;}
    .sub-final-free .section-03 .box > p {
        font-size: 18px;
        line-height: 1.5;
    }
    .sub-final-free .section-03 .box > p span b {font-size: 20px;}
    .sub-final-free .section-03 .box .bottom {
        display: block;
        height: auto;
        margin-top: 30px;
        text-align: center;
        padding: 25px;
    }
    .sub-final-free .section-03 .box .bottom::after {
        width: 30px;
        height: 21px;
        top: -5px;
        right: 15px;
    }
    .sub-final-free .section-03 .box .bottom img {max-width: 160px;}
    .sub-final-free .section-03 .box .bottom p {
        font-size: 16px;
        text-align: center;
        margin: 0;
    }
    .sub-final-free .section-03 .box .bottom p strong {font-size: 24px;}
    .sub-final-free .section-04 {padding: 50px 0 !important;}
    .sub-final-free .section-04 .box {padding: 30px 20px 20px;}
    .sub-final-free .section-04 .box h4 {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        top: -15px;
        left: 20px;
    }
}

/*Books+인강 구매*/
.sub-bundle {overflow: hidden;}
.sub-bundle.sub-content section {padding: 120px 0;}
.sub-bundle.sub-content .title {margin-bottom: 50px;}
.sub-bundle.sub-content .title h2 {font-size: 36px;}
.sub-bundle.sub-content .headline {padding: 150px 30px;}
.sub-bundle .headline .logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.sub-bundle .headline .logo {max-width: 300px;}
.sub-bundle .headline .logo-wrap .plus {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    position: relative;
    margin: 0 50px;
}
.sub-bundle .headline .logo-wrap .plus span::before {
    content: "";
    background: #097b62;
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sub-bundle .headline .logo-wrap .plus span::after {
    content: "";
    background: #097b62;
    width: 2px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sub-bundle .headline .gray {margin-top: 50px;}
.sub-bundle.sub-content .sample {padding: 0;}
.sub-bundle .sample .box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.sub-bundle .sample .box:last-child {margin-bottom: 0;}
.sub-bundle .sample .box > li {
    border: 1px solid #097b63;
    display: flex;
    flex-wrap: wrap;
    margin-right: 30px;
    position: relative;
}
.sub-bundle .sample .box > li:first-child {width: 63%;}
.sub-bundle .sample .box > li:last-child {
    width: calc(37% - 30px);
    margin-right: 0;
}
.sub-bundle .sample .box-02 > li {width: calc((100% - 30px)/2) !important;}
.sub-bundle .sample .box > li .box-title {
    width: 200px;
    position: relative;
    padding: 30px;
    display: block;
}
.sub-bundle .sample .box > li .box-title h3 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 25px;
}
.sub-bundle .sample .box > li .box-title span {
    background: #fff;
    border-radius: 40px;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 15px;
}
.sub-bundle .sample .box > li .box-title .more-btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    background: none;
    border: none;
    width: auto;
    height: auto;
    line-height: 1;
}
.sub-bundle .sample .box > li .box-title .more-btn b {
    color: #fff;
    margin-right: 0;
}
.sub-bundle .sample .box > li .box-title .more-btn img {margin-left: 10px;}
.sub-bundle .sample .box > li .box-content {
    width: calc(100% - 200px);
    padding: 30px;
}
.sub-bundle .sample .box > li .box-content .bubble {
    position: absolute;
    top: -40px;
    right: -35px;
    z-index: 1;
}
.sub-bundle .sample .box > li .box-content .bubble img {width: 80px;}
.sub-bundle .sample .box > li .book-list {
    display: flex;
    flex-wrap: wrap;
}
.sub-bundle .sample .box > li .book-list li {
    flex: 1;
    margin-right: 20px;
    text-align: center;
}
.sub-bundle .sample .box > li .book-list li:last-child {margin-right: 0;}
.sub-bundle .sample .box > li .book-list li img {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-height: 243px;
}
.sub-bundle .sample .box > li .book-list li p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
.sub-bundle .sample .box-01 .box-title {background: #097b63;}
.sub-bundle .sample .box-01 .box-title span {color: #097b63;}
.sub-bundle .sample .box-02 > li {border-color: #0e423f;}
.sub-bundle .sample .box-02 .box-title {background: #0e423f;}
.sub-bundle .sample .box-02 .box-title span {color: #0e423f;}
.sub-bundle .sample .box-03 > li {border-color: #0d1d1c;}
.sub-bundle .sample .box-03 .box-title {background: #0d1d1c;}
.sub-bundle .sample .box-03 .box-title span {color: #0d1d1c;}
.sub-bundle .sample .more-btn {margin: 50px auto 0;}

.sub-bundle .product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sub-bundle .product-list > li {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    position: relative;
}
.sub-bundle .product-list > li:nth-child(3n),
.sub-bundle .product-list > li:last-child {margin-right: 0;}
.sub-bundle .product-list h4 {
    font-size: 22px;
    text-align: center;
}
.sub-bundle .product-list .product-title .bubble {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 1;
}
.sub-bundle .product-list .info {padding: 30px;}
.sub-bundle .product-list .info > li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}
.sub-bundle .product-list .info > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.sub-bundle .product-list .info > li:nth-last-child(2) {
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: none;
}
.sub-bundle .product-list .info h5 {margin-bottom: 8px;}
.sub-bundle .product-list .info .detail {font-size: 18px;}
.sub-bundle .product-list .info .price-wrap {min-height: 53px;}
.sub-bundle .product-list .info .price-wrap > div {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 5px;
}
.sub-bundle .product-list .info .price-wrap > div:last-child {margin-bottom: 0;}
.sub-bundle .product-list .info .price-wrap b {
    width: 50%;
    display: flex;
    align-items: center;
    color: #097b62;
}
.sub-bundle .product-list .info .price-wrap b span {padding-left: 5px;}
.sub-bundle .product-list .info .price-wrap .price {
    width: 50%;
    text-align: right;
}
.sub-bundle .product-list .info .price-wrap .price .discount {
    font-size: 16px;
    font-weight: bold;
    color: #f12b2b;
    font-style: italic;
    margin-left: 5px;
    vertical-align: middle;
}
.sub-bundle .product-list .info .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.sub-bundle .product-list .info .box.gray {
    background: #edebeb;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.sub-bundle .product-list .info .box .emoji-check {width: 27px;}
.sub-bundle .product-list .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
}
.sub-bundle .product-list .btn-wrap .more-btn {
    width: calc((100%));
    height: 50px;
    background: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    max-width: none;
    position: relative;
}
.sub-bundle .product-list .btn-wrap .more-btn:hover {
    background: #097b62;
    color: #fff;
}
.sub-bundle .product-list .btn-wrap .more-btn:nth-child(2n) {margin-right: 0;}
.sub-bundle .product-list .btn-wrap .more-btn.bubble::after {
    content: "";
    background: url(/img/custom/buuble_recommend.svg) center / cover no-repeat;
    display: block;
    width: 60px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
}
.sub-bundle .guide-banner {
    background: url(/img/custom/bundle_textbook_bg.jpg) center / cover no-repeat;
    border-radius: 10px;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.sub-bundle .guide-banner > b {
    font-size: 30px;
    margin-right: 30px;
}
.sub-bundle .guide-banner .more-btn {margin: 0;}
.sub-bundle .note .point {
    border: 4px dashed #097b62;
    padding: 30px;
    border-radius: 10px;
}
.sub-bundle .note .point b {
    background: #097b62;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 8px;
}
.sub-bundle .note-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 30px;
    margin: 20px 0 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-bundle .note-box .more-btn {
    border: 1px solid #097b62;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    width: 120px;
    background: #fff;
    color: #097b62;
    display: inline-block;
    margin: 0 10px;
}
.sub-bundle .note-box h4 {
    display: flex;
    align-items: center;
    font-size: 21px;
    width: 280px;
}
.sub-bundle .note-box h4 b {
    padding-left: 10px;
    font-weight: bold;
}
.sub-bundle .note-box ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}
.sub-bundle .note-box ul li:last-child {margin-bottom: 0;}
.sub-bundle .note-box ul li b {
    font-size: 18px;
}
.sub-bundle .note-box ul li .number {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    line-height: 24px;
    font-size: 14px;
}
.sub-bundle .note-box ul li p {
    width: calc(100% - 24px);
    font-size: 18px;
    padding-left: 10px;
}
.sub-bundle .note-box ul li .underline {text-decoration: underline;}
.sub-bundle .note-box.sconn .txt {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-bundle .note-box.sconn .img {
    position: relative;
    width: 100%;
    padding: 0 25px;
    margin: 0;
}
.sub-bundle .note-box.textbook-slider-wrap {
    display: block;
    margin: 0 0 80px;
}
.sub-bundle .note-box.textbook-slider-wrap .img {
    position: relative;
    padding: 0 25px;
    margin: 0 auto;
    max-width: 955px;
}
.sub-bundle .note-box.sconn .img .sconn-slider,
.sub-bundle .note-box.textbook-slider-wrap .textbook-slider {box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.sub-bundle .note-box.sconn .img .prev-btn,
.sub-bundle .note-box.textbook-slider-wrap .prev-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #097b62;
    border: none;
}
.sub-bundle .note-box.sconn .img .prev-btn img,
.sub-bundle .note-box.textbook-slider-wrap .prev-btn img {transform: rotate(-180deg)}
.sub-bundle .note-box.sconn .img .next-btn,
.sub-bundle .note-box.textbook-slider-wrap .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #097b62;
    border: none;
}
.sub-bundle .note-box.sconn .video-wrap {
    width: 100%;
    padding: 0 25px;
    margin-top: 40px;
}
.sub-bundle .blog-box {
    border-radius: 10px;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-bundle .blog-box > b {
    font-size: 24px;
    margin-right: 30px;
}
.sub-bundle .blog-box .more-btn {margin: 0;}
.sub-bundle .individual {
    margin-top: 50px;
    text-align: left;
}
.sub-bundle .individual .table-wrap {
    border-radius: 0;
    position: relative;
    overflow: visible;
}
.sub-bundle .individual .table-wrap th .bubble {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 1;
}
.sub-bundle .individual .table-wrap th .bubble img {width: 80px;}
.sub-bundle .individual .table-wrap td {padding: 10px;}
.sub-bundle .individual .link-btn {
    max-width: 171px;
    margin: 0 auto;
}

.sub-bundle.sub-content .textbook {padding-bottom: 0;}
.sub-bundle .textbook .video-wrap {
    max-width: 1100px;
    margin: 0 auto;
}
.sub-bundle .textbook .video-wrap .more-btn {margin: 50px auto 100px;}
.sub-bundle .textbook .video-wrap.shorts {
    max-width: 500px;
    margin-top: 80px;
}
.sub-bundle .textbook .img {
    text-align: center;
    margin-bottom: 80px;
}
.sub-bundle .textbook .img .more-btn {
    max-width: 300px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.2);
}
.sub-bundle .note.margin-bottom {margin: 0 0 15px;}
.sub-bundle .textbook .product-list h4 {
    background: linear-gradient(to right, #00b68f, #00a17f);
    height: 60px;
    line-height: 60px;
    color: #fff;
}
.sub-bundle .textbook .product-list h4 span {
    font-weight: normal;
    font-size: 18px;
}
.sub-bundle .textbook .product-list .btn-wrap .more-btn:last-child {
    width: 100%;
    max-width: none;
    margin-right: 0;
}
.sub-bundle .textbook .blog-box {background: url(/img/custom/bundle_textbook_bg.jpg) center / cover no-repeat}

.sub-bundle .textbook .btn-wrap {
    max-width: 1100px;
    margin: 0 auto 80px;
}
.sub-bundle .textbook .btn-wrap li {
    background: #eceeef;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border-left: 5px solid #097b62;
}
.sub-bundle .textbook .btn-wrap li p {
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
}
.sub-bundle .textbook .btn-wrap li p span {
    font-size: 20px;
    font-weight: 500;
}
.sub-bundle .textbook .btn-wrap li a {margin: 0;}
.sub-bundle .textbook .sample-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -20px;
}
.sub-bundle .textbook .sample-list li {
    width: calc((100% - 40px)/3);
    margin-right: 20px;
    margin-bottom: 20px;
}
.sub-bundle .textbook .sample-list li:nth-child(3n) {margin-right: 0;}
.sub-bundle .textbook .sample-list li a {
    padding: 0 15px;
    max-width: none;
}
.sub-bundle .textbook .sample-list li a b {font-weight: 600;}
.sub-bundle .textbook .sample-list li a img {
    margin: 0 !important;
    margin-right: 10px !important;
    height: 20px;
}
.sub-bundle .textbook .sample-list li a:hover {background: #00a17f}
.sub-bundle .textbook .sample-list.question {
    max-width: 700px;
    margin: 0 auto 80px;
}
.sub-bundle .textbook .sample-list.question li {
    width: 100%;
    margin-right: 0;
}
.sub-bundle .lecture .product-title {
    background: #0d1d1c;
    padding: 20px;
    text-align: center;
    border-radius: 20px 20px 0 0;
}
.sub-bundle .lecture .product-title h4 {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 6px 20px;
    margin-bottom: 20px;
}
.sub-bundle .lecture .product-title .img {margin-bottom: -20px;}
.sub-bundle .lecture .blog-box {
    background: url(/img/custom/bundle_lecture_bg.jpg) center / cover no-repeat;
    color: #fff;
}
.sub-bundle .lecture .blog-box .more-btn {background: #fff;}
.sub-bundle .lecture .blog-box .more-btn b {color: #097b62;}
.sub-bundle .guide {background: #f5f6fa;}
.sub-bundle .guide ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-bundle .guide ul li {
    width: calc((100% - 60px)/3);
    margin-right: 30px;
}
.sub-bundle .guide ul li:last-child {margin-right: 0;}
.sub-bundle .guide ul li h3 {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    border-radius: 10px 10px 0 0;
    background: #01735b;
    width: 130px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.sub-bundle .guide ul li .box {
    background: #fff;
    border-radius: 0 10px 10px 10px;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    height: calc(100% - 42px)
}
.sub-bundle .guide ul li .box .ico {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-bundle .guide ul li .box p {
    font-size: 20px;
    margin-top: 20px;
}
.sub-bundle .guide ul li .box .more-btn {
    height: 50px;
    max-width: 200px;
    color: #fff;
    margin-top: 20px;
}
.sub-bundle .schedule .note-top {
    font-size: 18px;
    margin-bottom: 15px;
}
.sub-bundle .schedule .emoji-check {max-height: 20px;}
.power-up-modal .table-wrap .link-btn {
    max-width: 171px;
    margin: 0 auto;
}
.power-up-modal .table-wrap th,
.power-up-modal .table-wrap td {border: 1px solid #ddd;}

@media all and (max-width: 1024px) {
    .sub-bundle .textbook .sample-list li {width: calc((100% - 40px)/3)}
    .sub-bundle .textbook .sample-list li:nth-child(4n) {margin-right: 20px;}
    .sub-bundle .textbook .sample-list li:nth-child(3n) {margin-right: 0;}
    .sub-bundle .sample .box > li .box-title {
        width: 150px;
        padding: 20px;
    }
    .sub-bundle .sample .box > li .box-title h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .sub-bundle .sample .box > li .box-title span {
        font-size: 18px;
        padding: 6px 12px;
    }
    .sub-bundle .sample .box > li .box-content {width: calc(100% - 150px)}
}
@media all and (max-width: 991px) {
    .sub-bundle .sample .box > li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .sub-bundle .product-list > li {width: calc((100% - 30px)/2);}
    .sub-bundle .product-list > li:nth-child(3n) {margin-right: 30px;}
    .sub-bundle .product-list > li:nth-child(2n),
    .sub-bundle .product-list > li:last-child {margin-right: 0;}
    .sub-bundle .note-box h4 {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .sub-bundle .individual .table-wrap,
    .sub-bundle .schedule .table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .sub-bundle .textbook .individual .table-wrap table {width: 550px;}
    .sub-bundle .lecture .individual .table-wrap table {width: 450px;}
    .sub-bundle .schedule .table-wrap table {width: 450px;}
    .sub-bundle .individual .table-wrap .link-btn {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .sub-bundle.sub-content section {padding: 50px 0;}
    .sub-bundle.sub-content .title {margin-bottom: 30px;}
    .sub-bundle.sub-content .title h2 {font-size: 28px;}
    .sub-bundle.sub-content .headline {padding: 50px 15px;}
    .sub-bundle .individual .table-wrap th {position: relative;}
    .sub-bundle .individual .table-wrap th .bubble {
        top: 43px;
        right: 32px;
    }
    .sub-bundle .individual .table-wrap th .bubble img {
        width: 50px;
    }
    .sub-bundle .headline .logo-wrap {margin-bottom: 30px;}
    .sub-bundle .headline .logo {
        max-width: calc((100% - 70px)/2);
        width: 100%;
    }
    .sub-bundle .headline .logo-wrap .plus {
        width: 40px;
        height: 40px;
        margin: 0 15px;
    }
    .sub-bundle .headline .logo-wrap .plus span::before {width: 14px;}
    .sub-bundle .headline .logo-wrap .plus span::after {height: 14px;}
    .sub-bundle .headline .gray {margin-top: 20px;}
    .sub-bundle .textbook .video-wrap.shorts {margin-top: 40px;}
    .sub-bundle .sample .green {font-size: 18px;}
    .sub-bundle .sample .box {margin-bottom: 15px;}
    .sub-bundle .sample .box > li {margin-bottom: 15px;}
    .sub-bundle .sample .box > li:last-child {margin-bottom: 0;}
    .sub-bundle .sample .box > li .box-title {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .sub-bundle .sample .box > li .box-title h3 {
        font-size: 20px;
        margin: 0;
        margin-right: 10px;
    }
    .sub-bundle .sample .box > li .box-title span {font-size: 16px;}
    .sub-bundle .sample .box > li .box-title .more-btn {
        width: 100%;
        position: static;
        margin-top: 15px;
    }
    .sub-bundle .sample .box > li .box-content {
        width: 100%;
        padding: 20px;
    }
    .sub-bundle .sample .box > li .book-list {margin-bottom: -20px;}
    .sub-bundle .sample .box > li .book-list li {
        width: calc((100% - 12px)/2);
        margin-right: 12px;
        margin-bottom: 20px;
    }
    .sub-bundle .sample .box > li .book-list li p {font-size: 15px;}
    .sub-bundle .sample .box > li .box-content .bubble {top: -30px; right: -20px;}
    .sub-bundle .sample .box > li .box-content .bubble img {width: 70px;}
    .sub-bundle .sample .more-btn {margin-top: 30px;}
    .sub-bundle .textbook .video-wrap .more-btn {margin: 20px auto 50px;}
    .sub-bundle .textbook .img {margin-bottom: 40px;}
    .sub-bundle .textbook .img .more-btn {margin-top: 20px;}
    .sub-bundle .textbook .btn-wrap {margin-bottom: 40px;}
    .sub-bundle .textbook .btn-wrap li {
        margin-bottom: 10px;
        border-left-width: 3px;
        flex-wrap: wrap;
        text-align: center;
    }
    .sub-bundle .textbook .btn-wrap li p {
        font-size: 18px;
        padding: 0 0 12px;
        width: 100%;
    }
    .sub-bundle .textbook .btn-wrap li p span {font-size: 16px;}
    .sub-bundle .textbook .btn-wrap li a {margin: 0 auto;}
    .sub-bundle .textbook .sample-list {margin-bottom: -10px;}
    .sub-bundle .textbook .sample-list li {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .sub-bundle .textbook .sample-list li:nth-child(4n),
    .sub-bundle .textbook .sample-list li:nth-child(3n) {margin-right: 10px;}
    .sub-bundle .textbook .sample-list li:nth-child(2n) {margin-right: 0;}
    .sub-bundle .product-list > li {
        width: 100%;
        margin: 0 0 15px !important;
        border-radius: 10px;
    }
    .sub-bundle .product-list > li:last-child {margin-bottom: 0 !important;}
    .sub-bundle .product-list h4 {font-size: 18px;}
    .sub-bundle .product-list .bubble img {width: 60px;}
    .sub-bundle .lecture .product-title {border-radius: 10px 10px 0 0;}
    .sub-bundle .product-list .info {padding: 20px;}
    .sub-bundle .product-list .info > li {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .sub-bundle .product-list .info .detail {
        font-size: 16px;
        min-height: auto !important;
    }
    .sub-bundle .product-list .info .box.gray {
        font-size: 16px;
        padding: 8px 12px;
    }
    .sub-bundle .product-list .btn-wrap .more-btn {
        font-size: 16px;
        height: 45px;
    }
    .sub-bundle .product-list .btn-wrap .more-btn.bubble::after {
        width: 50px;
        top: -10px;
        right: -10px;
    }
    .sub-bundle .guide-banner {padding: 20px;}
    .sub-bundle .guide-banner > b {
        width: 100%;
        font-size: 18px;
        margin: 0 0 15px;
        text-align: center;
    }
    .sub-bundle .guide-banner .more-btn {margin: 0 auto;}
    .sub-bundle .note .point {
        border-width: 3px;
        padding: 20px;
    }
    .sub-bundle .note-box {
        border-radius: 10px;
        margin: 15px 0 30px;
        padding: 20px;
    }
    .sub-bundle .note-box h4 {font-size: 18px;}
    .sub-bundle .note-box ul li {margin-bottom: 8px;}
    .sub-bundle .note-box ul li b {font-size: 15px;}
    .sub-bundle .note-box ul li p {font-size: 15px;}
    .sub-bundle .note-box.textbook-slider-wrap {margin-bottom: 50px;}
    .sub-bundle .note-box.sconn .txt {margin-bottom: 20px;}
    .sub-bundle .note-box.sconn .img,
    .sub-bundle .note-box.textbook-slider-wrap .img {padding: 0;}
    .sub-bundle .note-box.sconn .img .prev-btn,
    .sub-bundle .note-box.textbook-slider-wrap .img .prev-btn {
        width: 40px;
        height: 40px;
        left: -25px;
    }
    .sub-bundle .note-box.sconn .img .next-btn,
    .sub-bundle .note-box.textbook-slider-wrap .img .next-btn {
        width: 40px;
        height: 40px;
        right: -25px;
    }
    .sub-bundle .note-box.sconn .video-wrap {
        margin-top: 15px;
        padding: 0;
    }
    .sub-bundle .blog-box {padding: 20px;}
    .sub-bundle .blog-box > b {
        width: 100%;
        font-size: 18px;
        margin: 0 0 15px;
        text-align: center;
    }
    .sub-bundle .blog-box .more-btn {margin: 0 auto;}
    .sub-bundle .textbook .product-list h4 {
        height: 45px;
        line-height: 45px;
    }
    .sub-bundle .textbook .product-list h4 span {font-size: 14px;}
    .sub-bundle .textbook .note-box .more-btn {margin: 10px 0 0;}
    .sub-bundle .product-list .info .price-wrap b {width: 35%;}
    .sub-bundle .product-list .info .price-wrap .price {width: 65%;}
    .sub-bundle .product-list .info .price-wrap .price .discount {font-size: 14px;}
    .sub-bundle .guide ul li {
        width: 100%;
        margin: 0 0 20px;
    }
    .sub-bundle .guide ul li:last-child {margin-bottom: 0;}
    .sub-bundle .guide ul li h3 {
        font-size: 16px;
        width: 120px;
        height: 38px;
        line-height: 38px;
    }
    .sub-bundle .guide ul li .box {
        padding: 20px;
        height: auto;
    }
    .sub-bundle .guide ul li .box p {
        font-size: 16px;
        margin-top: 15px;
    }
    .sub-bundle .schedule .note-top {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .sub-bundle .schedule .table-wrap img {
        max-width: 14px;
        max-height: 18px;
    }
}
@media all and (max-width: 350px) {
    .sub-bundle .textbook .sample-list li a {height: 65px;}
    .sub-bundle .textbook .sample-list li a b {
        font-size: 15px;
        line-height: 1.2;
    }
}

/*약술 논술 메디컬*/
.sub-medical .intro .title {text-align: center;}
.sub-medical .intro .title + .bottom {margin-top: 120px;}
.sub-medical .intro .box-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}
.sub-medical .intro .box-wrap > div {
    width: calc((100% - 20px)/2);
    margin-right: 20px;
}
.sub-medical .intro .box-wrap > div:last-child {margin-right: 0;}
.sub-medical .intro .box-wrap > div > div {
    text-align: center;
    border-radius: 10px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.sub-medical .intro .box-wrap .top {
    background: #f5f6fa;
    color: #777;
    font-style: italic;
}
.sub-medical .intro .box-wrap .top img {
    position: absolute;
    top: -10px;
    right: 30px;
}
.sub-medical .intro .box-wrap .top::after {
    content: "";
    background-color: #fff;
    background-image: url(/img/custom/medical_intro_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 18px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    z-index: 1;
}
.sub-medical .intro .box-wrap .bottom {
    background: #097b62;
    color: #fff;
    text-decoration: underline;
    margin-top: 10px;
}
.sub-medical .strategy {
    background: url(/img/custom/medical_strategy_bg.jpg) center / cover no-repeat;
    background-attachment: fixed;
}
.sub-medical .strategy .title {text-align: center;}
.sub-medical .strategy .box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical .strategy .box-wrap > li {
    width: calc((100% - 40px)/3);
    margin-right: 20px;
}
.sub-medical .strategy .box-wrap > li:last-child {margin-right: 0;}
.sub-medical .strategy .box-wrap .label {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #0d1d1c;
    border-radius: 10px 10px 0 0;
    width: 90px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.sub-medical .strategy .box-wrap .box {
    border-radius: 0 10px 10px 10px;
    border: 2px dashed #097b62;
    padding: 50px 40px;
    background: #fff;
    height: calc(100% - 40px);
}
.sub-medical .strategy .box-wrap h3 {
    font-size: 30px;
    color: #097b62;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.sub-medical .title {text-align: center;}
.sub-medical .system .top .content > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.sub-medical .system .top .content > div:last-child {margin-bottom: 0;}
.sub-medical .system .top .left {
    width: 25%;
    padding-right: 80px;
}
.sub-medical .system .top .left p {
    display: flex;
    align-items: center;
}
.sub-medical .system .top .left p b {
    font-size: 30px;
    color: #097b62;
    padding-left: 12px;
}
.sub-medical .system .top .left h3 {
    font-size: 30px;
    margin-top: 30px;
}
.sub-medical .system .top .right {
    width: 75%;
    padding-left: 80px;
    border-left: 1px solid #ddd;
}
.sub-medical .system .top .content > div:first-child .right ul li {
    background: #f5f6fa;
    padding: 17px 40px;
    font-size: 20px;
    margin-bottom: 10px;
}
.sub-medical .system .top .content > div:first-child .right ul li:last-child {margin-bottom: 0;}
.sub-medical .system .top .content > div:first-child .right .case > div {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.sub-medical .system .top .content > div:first-child .right .case .txt {
    width: calc(100% - 100px);
    padding-right: 30px;
}
.sub-medical .system .top .content > div:first-child .right .case .txt h4 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.sub-medical .system .top .content > div:first-child .right .case .txt h4 span {
    font-size: 24px;
    padding-left: 12px;
}
.sub-medical .system .top .content > div:first-child .right .case .img {width: 100px;}
.sub-medical .system .top .content > div:nth-child(2) .right {position: relative;}
.sub-medical .system .top .content > div:nth-child(2) .right h4 {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    background: #097b62;
}
.sub-medical .system .top .content > div:nth-child(2) .right .ebs {
    position: absolute;
    top: 0;
    right: 0;
    width: 124px;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li {
    width: calc((100% + 60px)/5);
    margin-right: -15px;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li .arrow {position: relative;}
.sub-medical .system .top .content > div:nth-child(2) .right ul li .arrow img {
    max-width: none;
    width: 100%;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li .arrow span {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    position: relative;
    padding-top: 30px;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li p::before {
    content: "";
    border-top: 2px dashed #ddd;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.sub-medical .system .top .content > div:nth-child(2) .right ul li p::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 3px solid #097b62;
    border-radius: 16px;
    background: #fff;
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.sub-medical .system .bottom {margin-top: 150px;}
.sub-medical .system .bottom ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical .system .bottom ul li {
    width: calc((100% - 90px)/4);
    margin-right: 30px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 50px 30px;
    text-align: center;
}
.sub-medical .system .bottom ul li:last-child {margin-right: 0;}
.sub-medical .system .bottom ul li h3 {
    font-size: 30px;
    padding: 25px 0 35px;
}
.sub-medical .system .bottom ul li p {font-size: 20px;}
.sub-medical .nursing {padding: 0;}
.sub-medical .nursing .title {
    background: url(/img/custom/medical_nursing_title_bg.jpg) center / cover no-repeat;
    padding-top: 120px;
    text-align: center;
    height: 400px;
    margin: 0;
}
.sub-medical .nursing .title h2 {color: #fff;}
.sub-medical .nursing .content {
    position: relative;
    z-index: 1;
    margin-top: -120px;
}
.sub-medical .product .content .container {margin: 0;}
.sub-medical .nursing .content .top {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 30px;
    padding: 50px 0;
}
.sub-medical .nursing .content .top ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-medical .nursing .content .top ul li {
    width: 25%;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 10px 20px;
}
.sub-medical .nursing .content .top ul li p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}
.sub-medical .nursing .content .bottom {
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
}
.sub-medical .nursing .content .bottom .txt {
    width: 45%;
    padding: 40px 60px 65px;
    background: url(/img/custom/medical_nursing_img_1.jpg) center / cover no-repeat;
}
.sub-medical .nursing .content .bottom .txt h3 {
    font-size: 32px;
    font-weight: 900;
    color: #002d73;
    margin: 20px 0;
}
.sub-medical .nursing .content .bottom .txt p {font-size: 22px;}
.sub-medical .nursing .content .bottom .txt .more-btn {
    background: #002d73;
    color: #fff;
    border: none;
    max-width: 250px;
    margin-top: 30px;
    display: inline-block;
}
.sub-medical .nursing .content .bottom .img {
    width: 38%;
    background: url(/img/custom/medical_nursing_img_2.jpg) center / cover no-repeat;
}
.sub-medical .nursing .content .bottom .blue {
    width: 17%;
    background: #002d73;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.sub-medical .nursing .content .bottom .blue p {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    text-decoration: underline;
}
.sub-medical .nursing .content .bottom .blue .symbol {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
}
.sub-medical .product .content .content-title {
    margin-bottom: 100px;
    text-align: center;
}
.sub-medical .product .content .content-title h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.sub-medical .product .content .content-title h3 b {
    font-size: 42px;
    font-weight: bold;
    padding-left: 15px;
}
.sub-medical .product .content .content-title p {
    font-size: 30px;
    color: #777;
    text-decoration: underline;
    font-weight: bold;
}
.sub-medical .product .content .content-title strong {
    display: block;
    font-size: 30px;
    margin-top: 30px;
    color: #097b62;
}
.sub-medical .product .content .content-title .speech-bubble {
    font-size: 24px;
    font-weight: bold;
    background: #097b62;
    position: relative;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 50px;
    color: #fff;
    transform: translate(0, -5px);
    animation: speechBubble 0.8s ease-in-out 0s infinite alternate;
    margin-bottom: 30px;
}
@keyframes speechBubble {
    0% {transform: translate(0, -5px);}
    100% {transform: translate(0, 0);}
}
.sub-medical .product .content .content-title .speech-bubble::after {
    content: "";
    background: url(/img/custom/bubble_triangle.svg) center / cover no-repeat;
    display: block;
    position: absolute;
    height: 14px;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 20 / 18;
}
.sub-medical .product .content .top {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 120px;
}
.sub-medical .product .content .middle {
    max-width: 1000px;
    margin: 100px auto 0;
}
.sub-medical .product .content .middle .box-wrap {
    border: 2px dashed #aaa;
    border-radius: 20px;
    padding: 50px;
    position: relative;
}
.sub-medical .product .content .middle .box-wrap h3 {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: -22px;
    left: 40px;
    background: #fff;
    padding: 0 10px;
    display: inline-block;
}
.sub-medical .product .content .middle .role-list > li {
    background: #f5f6fa;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    margin-bottom: 20px;
}
.sub-medical .product .content .middle .role-list > li:last-child {margin-bottom: 0;}
.sub-medical .product .content .middle .role-list > li h4 {
    font-size: 24px;
    color: #097b63;
    width: 24%;
    padding-right: 20px;
}
.sub-medical .product .content .middle .role-list > li > div {
    width: 76%;
    padding-left: 50px;
    border-left: 1px solid #ddd;
    font-size: 20px;
}
.sub-medical .product .content .middle .role-list .list-wrap {margin-top: 5px;}
.sub-medical .product .content .middle .role-list .list-wrap li p {font-size: 20px;}
.sub-medical .product .content .middle .role-list > li .img {
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.sub-medical .product .content .middle .bottom-txt {
    text-align: center;
    padding: 100px 0 30px;
}
.sub-medical .product .content .middle .bottom-txt > div {margin-bottom: 80px;}
.sub-medical .product .content .middle .bottom-txt > div:last-child {margin-bottom: 0;}
.sub-medical .product .content .middle .bottom-txt > div img {
    display: block;
    margin: 0 auto 20px;
}
.sub-medical .product .content .middle .bottom-txt > div p {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
}
.sub-medical .product .content .middle .bottom-txt > div p span {color: #097b63;}
.sub-medical .product .content .middle .bottom-txt > div p strong {
    display: inline-block;
    position: relative;
}
.sub-medical .product .content .middle .bottom-txt > div p strong::after {
    content: "";
    background: #ddf1ed;
    height: 20px;
    display: block;
    position: absolute;
    left: -8px;
    bottom: 2px;
    width: calc(100% + 16px);
}
.sub-medical .product .content .middle .bottom-txt > div p strong b {
    position: relative;
    z-index: 1;
}
.sub-medical .product .content .middle .bottom-txt > div .desc {margin-top: 50px;}
.sub-medical .product .content .bottom .container > div {
    margin-bottom: 50px;
    border-radius: 60px;
    background: #097b63;
    display: flex;
    flex-wrap: wrap;
}
.sub-medical .product .content .program .table-wrap {
    overflow: visible;
    position: relative;
}
.sub-medical .product .content .program .table-wrap table {font-size: 18px;}
.sub-medical .product .content .program .table-wrap .bubble {
    position: absolute;
    top: -40px;
    left: -40px;
    z-index: 1;
}
.sub-medical .product .content .program .bottom-txt {
    text-align: center;
    margin-top: 50px;
}
.sub-medical .product .content .program .bottom-txt strong {
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
}
.sub-medical .product .content .program .bottom-txt strong span {color: #097b62;}
.sub-medical .product .content .bottom .container > div:last-child {margin-bottom: 0;}
.sub-medical .product .content .bottom .div-title {
    width: 22%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sub-medical .product .content .bottom .div-title h3 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3;
}
.sub-medical .product .content .bottom .div-title .box-txt {
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    padding: 2px 8px;
    display: inline-block;
    color: #097b63;
    margin-bottom: 20px;
}
.sub-medical .product .content .bottom .div-title p {
    font-size: 20px;
    color: #fff;
}
.sub-medical .product .content .bottom .div-content {
    width: 78%;
    background: #f6f7fb;
    border-radius: 60px;
    padding: 50px;
}
.sub-medical .product .content .bottom .div-content .table-wrap th,
.sub-medical .product .content .bottom .div-content .table-wrap td {padding: 20px;}
.sub-medical .product .content .bottom .div-content .table-wrap th {border: 1px solid rgba(255,255,255,0.1)}
.sub-medical .product .content .bottom .div-content .table-wrap .td-bg {
    width: 20%;
    font-size: 20px;
}
.sub-medical .product .content .bottom .div-content .table-wrap th:nth-child(2),
.sub-medical .product .content .bottom .div-content .table-wrap td:nth-child(2) {
    border-right: 4px solid #097b63;
    border-left: 4px solid #097b63;
}
.sub-medical .product .content .bottom .div-content .table-wrap tr:first-child th:nth-child(2) {border-top: 4px solid #097b63;}
.sub-medical .product .content .bottom .div-content .table-wrap tr:last-child td:nth-child(2) {border-bottom: 4px solid #097b63;}
.sub-medical .product .content .bottom .div-content .note span {color: #097b63;}
.sub-medical .product .content .bottom .container > div:nth-child(2) {background: #094f7b;}
.sub-medical .product .content .bottom .container > div:last-child {background: #008097;}
.sub-medical .product .content .bottom .blue {color: #094f7b !important;}
.sub-medical .product .content .bottom .turquoise {color: #008097 !important;}
.sub-medical .note {
    font-size: 18px;
    margin-top: 15px;
}
.sub-medical .product .content .program .note .list-wrap li {margin-bottom: 0;}
.sub-medical .challenge {
    background: url(/img/custom/medical_challenge_bg.jpg) center / cover no-repeat;
    padding: 160px 20px;
    text-align: center;
    color: #fff;
}
.sub-medical .challenge h3 {
    font-size: 50px;
    color: #0ef2c2;
}
.sub-medical .challenge .title-sub {
    color: #fff;
    margin: 40px 0 30px;
}
.sub-medical .challenge .title-sub span {
    background: #097b62;
    border-radius: 10px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
}
.sub-medical .challenge .title-sub img {margin-left: 10px;}
.sub-medical .challenge p {font-size: 24px;}
.sub-medical .challenge .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    margin: 60px auto 0;
}
.sub-medical .challenge .btn-wrap .more-btn {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    border: none;
}
.sub-medical .challenge .btn-wrap .more-btn:first-child {
    background: #097b62;
    color: #fff;
    margin: 0 auto;
}
@media all and (max-width: 1024px) {
    .sub-medical .strategy .box-wrap .box {padding: 40px 30px;}
    .sub-medical .strategy .box-wrap h3 {font-size: 25px;}
    .sub-medical .system .top .left {
        width: 100%;
        padding: 0 0 50px;
    }
    .sub-medical .system .top .left h3 br {display: none;}
    .sub-medical .system .top .right {
        width: 100%;
        padding: 50px 0 0;
        border-left: none;
        border-top: 1px solid #ddd;
    }
    .sub-medical .system .bottom ul {margin-bottom: -30px;}
    .sub-medical .system .bottom ul li {
        width: calc((100% - 30px)/2);
        margin-bottom: 30px;
    }
    .sub-medical .system .bottom ul li:nth-child(2n) {margin-right: 0;}
    .sub-medical .nursing .content .bottom .txt {padding: 50px 30px;}
}
@media all and (max-width: 767px) {
    .sub-medical .intro .title + .bottom {margin-top: 40px;}
    .sub-medical .intro .box-wrap > div {
        width: 100%;
        margin: 0 0 20px;
    }
    .sub-medical .intro .box-wrap > div > div {
        min-height: 100px;
        font-size: 18px;
    }
    .sub-medical .intro .box-wrap .top img {
        width: 30px;
        top: -8px;
        right: 20px;
    }
    .sub-medical .intro .box-wrap .top::after {
        width: 40px;
        height: 40px;
        background-size: 16px 14px;
        bottom: -25px;
    }
    .sub-medical .strategy .box-wrap > li {
        width: 100%;
        margin: 0 0 15px;
    }
    .sub-medical .strategy .box-wrap .label {
        font-size: 15px;
        width: 70px;
        height: 32px;
        line-height: 32px;
        border-radius: 5px 5px 0 0;
    }
    .sub-medical .strategy .box-wrap .box {
        padding: 25px;
        height: auto;
    }
    .sub-medical .strategy .box-wrap h3 {
        font-size: 18px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .sub-medical .system .top .left {padding-bottom: 15px;}
    .sub-medical .system .top .left p img {width: 24px;}
    .sub-medical .system .top .left p b {
        font-size: 18px;
        padding-left: 10px;
    }
    .sub-medical .system .top .left h3 {
        font-size: 20px;
        margin-top: 10px;
    }
    .sub-medical .system .top .right {padding-top: 20px;}
    .sub-medical .system .top .content > div {margin-bottom: 40px;}
    .sub-medical .system .top .content > div:first-child .right ul li {
        padding: 12px 20px;
        font-size: 16px;
    }
    .sub-medical .system .top .content > div:first-child .right .case .txt {
        width: calc(100% - 60px);
        padding-right: 20px;
    }
    .sub-medical .system .top .content > div:first-child .right .case .txt h4 {align-items: start;}
    .sub-medical .system .top .content > div:first-child .right .case .txt h4 img {
        width: 24px;
        margin-top: 3px;
    }
    .sub-medical .system .top .content > div:first-child .right .case .txt h4 span {
        font-size: 18px;
        padding-left: 10px;
    }
    .sub-medical .system .top .content > div:first-child .right .case .img {width: 60px;}
    .sub-medical .system .top .content > div:nth-child(2) .right h4 {
        font-size: 18px;
    }
    .sub-medical .system .top .content > div:nth-child(2) .right .ebs {
        top: 20px;
        width: 80px;
    }
    .sub-medical .system .top .content > div:nth-child(2) .right ul li .arrow span,
    .sub-medical .system .top .content > div:nth-child(2) .right ul li p {font-size: 14px;}
    .sub-medical .system .bottom {margin-top: 50px;}
    .sub-medical .system .bottom ul {margin-bottom: -15px;}
    .sub-medical .system .bottom ul li {
        width: calc((100% - 15px)/2);
        margin-right: 15px;
        margin-bottom: 15px;
        padding: 30px 20px;
        border-radius: 10px;
    }
    .sub-medical .system .bottom ul li .ico img {height: 45px;}
    .sub-medical .system .bottom ul li h3 {
        font-size: 20px;
        padding: 15px 0 20px;
    }
    .sub-medical .system .bottom ul li p {font-size: 15px;}
    .sub-medical .nursing .title {
        padding-top: 50px;
        height: 300px;
    }
    .sub-medical .nursing .content .top {
        border-radius: 10px;
        padding: 0 30px;
    }
    .sub-medical .nursing .content .top ul li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 20px 0;
    }
    .sub-medical .nursing .content .top ul li:last-child {border-bottom: none;}
    .sub-medical .nursing .content .top ul li p {
        font-size: 18px;
        margin-top: 15px;
    }
    .sub-medical .nursing .content .bottom {margin-top: 50px;}
    .sub-medical .nursing .content .bottom .txt {
        width: 100%;
        padding: 30px;
        text-align: center;
    }
    .sub-medical .nursing .content .bottom .txt .label-img {width: 80px;}
    .sub-medical .nursing .content .bottom .txt h3 {
        font-size: 20px;
        margin: 10px 0;
    }
    .sub-medical .nursing .content .bottom .txt p {font-size: 15px;}
    .sub-medical .nursing .content .bottom .txt .more-btn {
        max-width: 200px;
        margin-top: 15px;
    }
    .sub-medical .nursing .content .bottom .img {
        width: 100%;
        height: 250px;
    }
    .sub-medical .nursing .content .bottom .blue {
        width: 100%;
        padding: 30px;
    }
    .sub-medical .nursing .content .bottom .blue p {font-size: 20px;}
    .sub-medical .product .content .content-title {margin-bottom: 50px;}
    .sub-medical .product .content .content-title h3 {margin-bottom: 10px;}
    .sub-medical .product .content .content-title h3 b {
        font-size: 24px;
        padding-left: 10px;
    }
    .sub-medical .product .content .content-title p {font-size: 20px;}
    .sub-medical .product .content .content-title .speech-bubble {
        font-size: 18px;
        padding: 11px 20px 10px;
    }
    .sub-medical .product .content .content-title strong {
        font-size: 20px;
        margin-top: 15px;
    }
    .sub-medical .product .content .top {padding: 50px 15px 0;}
    .sub-medical .product .content .middle {margin-top: 50px;}
    .sub-medical .product .content .middle .box-wrap {padding: 30px 20px 20px;}
    .sub-medical .product .content .middle .box-wrap h3 {
        font-size: 20px;
        top: -17px;
        left: 20px;
    }
    .sub-medical .product .content .middle .role-list > li {
        padding: 20px 20px 55px;
        margin-bottom: 15px;
    }
    .sub-medical .product .content .middle .role-list > li h4 {
        font-size: 18px;
        width: 100%;
        padding: 0 0 10px;
    }
    .sub-medical .product .content .middle .role-list > li > div {
        width: 100%;
        border-top: 1px solid #ddd;
        border-left: none;
        padding: 15px 0 0;
        font-size: 15px;
    }
    .sub-medical .product .content .middle .role-list .list-wrap li p {font-size: 15px;}
    .sub-medical .product .content .middle .role-list > li .img {
        right: 20px;
        bottom: 20px;
        height: 45px;
    }
    .sub-medical .product .content .middle .bottom-txt {padding: 40px 0 20px;}
    .sub-medical .product .content .middle .bottom-txt > div {margin-bottom: 20px;}
    .sub-medical .product .content .middle .bottom-txt > div img {
        margin-bottom: 10px;
        width: 24px;
    }
    .sub-medical .product .content .middle .bottom-txt > div p {font-size: 20px;}
    .sub-medical .product .content .middle .bottom-txt > div p strong::after {
        left: -3px;
        width: calc(100% + 6px);
        height: 12px;
    }
    .sub-medical .product .content .middle .bottom-txt > div .desc {margin-top: 20px;}
    .sub-medical .product .content .program {margin-top: -35px}
    .sub-medical .product .content .program .table-wrap {
        overflow-x: auto;
        padding: 35px 0 0;
    }
    .sub-medical .product .content .program .table-wrap table {
        width: 600px;
        font-size: 15px;
    }
    .sub-medical .product .content .program .table-wrap .bubble {
        top: 0;
        left: 0;
    }
    .sub-medical .product .content .program .table-wrap .bubble img {width: 50px;}
    .sub-medical .product .content .program .bottom-txt {margin-top: 20px;}
    .sub-medical .product .content .program .bottom-txt strong {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sub-medical .product .content .bottom .container > div {
        margin-bottom: 30px;
        border-radius: 20px;
    }
    .sub-medical .product .content .bottom .div-title {
        width: 100%;
        padding: 20px;
    }
    .sub-medical .product .content .bottom .div-title h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .sub-medical .product .content .bottom .div-title .box-txt {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .sub-medical .product .content .bottom .div-title p {font-size: 15px;}
    .sub-medical .product .content .bottom .div-content {
        width: 100%;
        border-radius: 20px;
        padding: 20px;
    }
    .sub-medical .product .content .bottom .div-content .table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .sub-medical .product .content .bottom .div-content .table-wrap table {width: 500px;}
    .sub-medical .product .content .bottom .div-content .table-wrap th,
    .sub-medical .product .content .bottom .div-content .table-wrap td {padding: 10px;}
    .sub-medical .product .content .bottom .div-content .table-wrap .td-bg {
        width: auto;
        font-size: 15px;
    }
    .sub-medical .note {
        font-size: 15px;
        margin-top: 10px;
    }
    .sub-medical .challenge {padding: 80px 20px;}
    .sub-medical .challenge h3 {font-size: 30px;}
    .sub-medical .challenge .title-sub span {
        padding: 3px 6px;
        border-radius: 5px;
    }
    .sub-medical .challenge p {font-size: 16px;}
    .sub-medical .challenge .btn-wrap {margin-top: 30px;}
    .sub-medical .challenge .btn-wrap .more-btn {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
}