/* common */
.layout-inner {max-width: 1408px;margin:0 auto;}
section .section-item:first-child,
section h3 + .section-item {margin-top: 0!important;}
section .section-item:last-child {margin-bottom: 0!important;}
section p {font-size: 18px;color:#373737;font-weight: 500;line-height: 180%;margin:10px 0;}
section div > p:first-child {margin-top:0;}
section div > p:last-child {margin-bottom:0;}
section h3 {font-size: 40px;color:#373737;font-weight: 600;line-height: 130%;margin-bottom: 16px;}
section .box-img {border-radius: 24px;overflow: hidden;}
section br {line-height: 200%;}
picture {display: block;}
picture img {width: 100%;display: block;}

@media (max-width:1100px) {
    .pc-reverse {flex-direction: row;}
    br.mo, .mo-visible {display: block!important;}
    br.pc, .pc-visible {display: none!important;}
    .wrap-flex {flex-wrap: wrap;}
}

@media (max-width:734px) {
    section p {font-size: 16px;line-height: 168%;margin:8px 0}
    section h3 {font-size: 20px;margin-bottom: 6px;}
    section .box-img {border-radius: 12px;}
}

/* wrap-author */
.section-author {padding:32px!important;background-color: #D8E2F6;border-radius: 32px;overflow: hidden;}
.wrap-author {display:flex;justify-content: center;gap:96px;}
.wrap-author .item {display: flex;gap:32px;align-items: center;}
.wrap-author .item p {color:#1f1c1d;font-size: 16px;line-height: 168%;font-weight: 400;}
.wrap-author .item:last-child {max-width: 588px;position: relative;}
.wrap-author .item:last-child::before {content: "";position: absolute;top:0;left:-49px;width:1px;height:85%;background: #88ACF5;}

.wrap-author .box-img {width:102px;border-radius: 16px;overflow: hidden;}
.wrap-author .box-info .label {font-size: 15px;font-weight: 700;letter-spacing: -0.3px;color:#373737;
    background: #FAFDFD;border-radius: 32px;padding:4px 12px 5px;display: inline-block;}
.wrap-author .box-info .name {margin:4px 0;font-size: 18px;color:#1f1c1d;font-weight: 700;line-height: 168%;}
.wrap-author .box-info .sub {font-size: 16px;letter-spacing: 0.32px;font-weight: 600;line-height: 150%;color:#373737;}
.wrap-author .box-info .sub a {color:#3262de}

@media (max-width:1100px) {
    .wrap-author {justify-content: center;gap:28px;flex-wrap: wrap;}
    .wrap-author .item:last-child::before {width:40px;height:1px;left:0;top:-14px}
    .wrap-author .item p {padding: 0;}
}

@media(max-width:1067px) {
    .wrap-author {justify-content: center;gap:28px;flex-wrap: wrap;}
    .wrap-author .item:last-child::before {width:90%;height:1px;left:0;right:0;margin:auto;top:-14px;}
}

@media(min-width:1068px) {
    .wrap-author .item:last-child::before {bottom:0;margin:auto;}
}

@media (min-width:735px) {
    .wrap-author .item:first-child {flex-shrink: 0;}
}

@media (max-width:734px) {
    .section-author {border-radius: 12px;}
    .wrap-author {justify-content: flex-start;}
    .wrap-author .item:last-child::before {width:40px;margin:unset;}
    .wrap-author .item {flex-direction: column;gap:8px;align-items: flex-start;}
    .wrap-author .item p {padding: 0;}
}

/* section-direct */
.section-direct {margin:56px 0;border-radius:32px;background-color: #E9F4D1;}
.section-direct a {padding:32px;border-radius: 32px;overflow: hidden;display:block;}
.section-direct .inner {display: flex;justify-content: center;align-items: center;gap:48px;}
.section-direct .box-content {display: flex;align-items: center;gap:32px;}
.section-direct .box-img {width: 100%;}
.section-direct .box-text .point {font-size: 16px;color:#0B74F0;font-weight: 600;letter-spacing: 0.32px;margin-bottom: 4px;line-height: 150%;}
.section-direct .box-text .title {font-family: 'Noto Serif KR', serif;font-size: 18px;color:#1f1c1d;font-weight: 700;line-height: 168%;margin-top: 0;}
.section-direct .box-button {width: 64px;transition:transform 0.5s;}

@media (min-width:735px) {
    .section-direct a:hover .box-button {transform: translate(5px, -8px);}
    .section-direct .box-img {max-width: 264px;}
    .section-direct .box-text {flex-shrink: 0;}
}

@media (max-width:734px) {
    .section-direct {margin:24px 0;border-radius:16px;}
    .section-direct a {padding:30px 32px 32px;border-radius: 16px;}
    .section-direct .inner {flex-direction: column;gap:16px;}
    .section-direct .box-content {flex-wrap: wrap;gap:16px}
    .section-direct .box-button {width:72px;}
}

section.prev-list {padding-top: 112px;}
section.prev-list .title {font-size: 32px;color:#373737;font-weight: 600;position: relative;
    display: flex;justify-content: flex-start;align-items: center;gap: 32px;}
section.prev-list .title span {white-space: nowrap;}
section.prev-list .title::after {content:"";width:100%;height:1px;background: #989898;}
section.prev-list .group-list {display: flex;flex-wrap: wrap;gap:72px 53px;margin-top: 48px;transition: 0.3s;}
section.prev-list .group-list li {width:205px;border-radius: 2px 8px 8px 2px;filter: drop-shadow(2px 2px 8px rgba(20, 26, 31, 0.32)) drop-shadow(2px 2px 4px rgba(22, 38, 49, 0.08));
    overflow: hidden;background: #aaa;transition: transform 0.5s;position: relative;}
section.prev-list .group-list li img {width: 100%;display: block;}

section.prev-list .group-list li.new::after {content: "New";font-size: 14px;font-weight: 700;letter-spacing: -0.28px;color:#FAFDFD;
    background: #0B74F0;border-radius: 16px;padding:1px 10px 3px 10px;position: absolute;bottom:12px;left:12px;font-family: 'Noto Serif KR', serif;}

@media(min-width:735px) {
    section.prev-list .group-list li:hover {transform: translateY(-10px);}    
}

@media (max-width:734px) {
    section.prev-list {padding-top: 58px;}
    section.prev-list .title {font-size: 22px;gap:16px;}
    section.prev-list .group-list {margin-top: 20px;gap:20px 16px;justify-content: center;}
    section.prev-list .group-list li {width:50%;max-width: 156px;}
}

/* slide-section */
.slide-section .wrap-control {display: flex;margin-top: 16px;justify-content: flex-end;align-items: center;gap:24px;z-index: 10;}
.slide-section .box-progress {display: flex;gap: 16px;align-items: center;}
.slide-section .box-progress .num {font-size: 16px;color:#373737;letter-spacing: 0.96px;font-weight: 500;}
.slide-section .box-progress .control {display:flex;gap:8px;align-items: center;}
.slide-section .box-progress .progress-bar {width:168px;height:2px;background: #dcdcdc;position: relative;}
.slide-section .box-progress .progress-bar .bar {--progress:0;height: 100%;width:var(--progress);
    background-color: #0B74F0;display: block;position: absolute;left:0;top:0;}

.slide-section .wrap-control .btn-play[data-state="play"] svg.play {display: none;}
.slide-section .wrap-control .btn-play[data-state="pause"] svg.pause {display: none;}
.slide-section .wrap-control .btn-play {width:24px;cursor: pointer;border-radius: 100%;overflow: hidden;}
.slide-section .wrap-control .btn-play svg {display: block;}
.slide-section .wrap-control .btn-play svg .fill {stroke: #1F1C1D;transition: 0.3s;}

.slide-section .wrap-control .box-arrow {display: flex;align-items: center;gap:8px;}
.slide-section .wrap-control .box-arrow .btn {cursor: pointer;border-radius: 100%;overflow: hidden;}
.slide-section .wrap-control .box-arrow .btn.next svg {transform: rotate(180deg);}
.slide-section .wrap-control .box-arrow svg {width:56px;}
.slide-section .wrap-control .box-arrow svg .fill {fill:transparent;transition: 0.3s;}
.slide-section .wrap-control .box-arrow svg .stroke {stroke:#E5E5E5;transition: 0.3s;}
.slide-section .wrap-control .box-arrow svg .arrow {stroke:#1F1C1D;transition: 0.3s;}

@media (min-width:735px) {
    .slide-section .wrap-control .btn-play:hover svg .fill {stroke: #0B74F0;}
    .slide-section .wrap-control .box-arrow .btn:hover svg .fill {fill:#E5F0FB}
    .slide-section .wrap-control .box-arrow .btn:hover svg .stroke {stroke:#C8E2FB}
    .slide-section .wrap-control .box-arrow .btn:hover svg .arrow {stroke:#83ABD1}
}

@media (max-width:734px) {
    .slide-section .wrap-content {gap: 12px;}
    .slide-section .wrap-control {margin-top: 12px;justify-content: center;flex-wrap: wrap;gap:12px 18px;}

    .slide-section .box-progress {gap:12px;}
    .slide-section .box-progress .progress-bar {width:138px;}
    .slide-section .box-progress .num {font-size: 14px;letter-spacing: 0.84px;}

    .slide-section .wrap-control .btn-play {width:28px;}
}

/* slide01 */
.slide01 {margin: 56px 0;}
.slide01 .section-inner {max-width: 1440px;margin: 0 auto}
.slide01 .section-inner h3 {margin-bottom: 40px;}
.slide01 .wrap-content {display: flex;max-width: 1728px;margin:0 auto;justify-content: flex-end;gap:64px;align-items: center;}
.slide01 .inner-slide {max-width: 800px;overflow: hidden;}
.slide01 .swiper-wrapper {align-items: flex-end;}
.slide01 .swiper-slide p.main {font-size: 20px;color:#1f1c1d;line-height: 140%;font-weight: 600;margin-bottom: 16px;}
.slide01 .swiper-slide p.sub {font-size: 16px;color:#989898;line-height: 140%;font-weight: 600;margin-top:16px;}

.slide01 .wrap-text .box-text {background-color: #efefef;border-radius: 24px;padding:32px;max-width: 456px;box-sizing: border-box;}
.slide01 .wrap-text .box-text .item {margin:10px 0}
.slide01 .wrap-text .box-text .item:first-child {margin-top:0;}
.slide01 .wrap-text .box-text .item:last-child {margin-bottom:0;}
.slide01 .wrap-text .box-text .tit, .slide01 .wrap-text .box-text li {font-size: 16px;color:#373737;font-weight: 500;line-height: 168%;}
.slide01 .wrap-text .box-text .tit {font-weight: 700;}

@media (max-width:1300px) {
    .slide01 .wrap-content {flex-wrap: wrap;justify-content: center;gap:32px;}
    .slide01 .wrap-text {width: 800px;max-width: 100%;}
    .slide01 .wrap-text .box-text {max-width: 100%;}
}

@media (max-width:734px) {
    .slide01 {margin: 24px 0;}
    .slide01 .section-inner h3 {margin-bottom: 12px;}
    .slide01 .swiper-slide p.main {font-size: 18px;margin-bottom: 10px;}
    .slide01 .swiper-slide p.sub {font-size: 15px;margin-top: 10px;}

    .slide01 .wrap-text .box-text {border-radius: 16px;padding:20px;}
}

/* slide03 */
.slide03 {overflow: hidden;position: relative;padding:140px 0;margin:56px 0 56px 72px;}
.slide03::before {content: '';position: absolute;z-index: -1;background: #f4f9fd;border-radius: 32px;
    width:calc(100% - 72px);left:0;top:0;height:100%;}
.slide03 .wrap-slide {display: flex;gap:48px;align-items: center;height:720px;transform: translateX(600px);position: relative;
    transition: 0.8s;}
.slide03 .slide-item {--size:320px;width:var(--size);height:var(--size);transition: 0.8s;flex-shrink: 0;cursor: pointer;}
.slide03 .slide-item .box-img {border-radius: 32px;box-shadow: 0px 7px 16px 0px rgba(39, 27, 30, 0.10), 0px 29px 29px 0px rgba(39, 27, 30, 0.09), 0px 65px 39px 0px rgba(39, 27, 30, 0.05), 0px 115px 46px 0px rgba(39, 27, 30, 0.01), 0px 179px 50px 0px rgba(39, 27, 30, 0.00);
    transition: 0.8s;}
.slide03 .slide-item .box-img img {pointer-events: none;user-select: none;}
.slide03 .slide-item.active {--size:720px;}
.slide03 .slide-item.active .box-img {box-shadow: 0px 18px 40px 0px rgba(52, 35, 38, 0.13), 0px 73px 73px 0px rgba(52, 35, 38, 0.11), 0px 164px 98px 0px rgba(52, 35, 38, 0.07), 0px 292px 117px 0px rgba(52, 35, 38, 0.02), 0px 456px 128px 0px rgba(52, 35, 38, 0.00);}
.slide03 .box-progress .progress-bar .bar {transition: width 0.8s;}

@media (min-width:1601px) {
    .slide03 .wrap-control {position: absolute;right:134px;bottom:140px;}

    @media (max-width:1900px) {
        .slide03 .wrap-control {max-width: 280px;justify-content: center;flex-wrap: wrap;right:7.05vw;}
    }
}

@media (max-width:1600px) {
    .slide03 {margin-left:32px;padding-bottom:100px;}
    .slide03::before {width: calc(100% - 32px)}
    .slide03 .wrap-control {margin-top:60px;justify-content: center;}
}

@media (max-width:1000px) {
    .slide03 {padding:30px 0;margin:32px 0 24px 16px;}
    .slide03::before {border-radius: 16px;width:calc(100% - 16px)}
    .slide03 .wrap-slide {gap: 6px;height:300px;}
    .slide03 .slide-item {--size:260px;}
    .slide03 .slide-item .box-img {border-radius: 12px;box-shadow: none;}
    .slide03 .slide-item.active {--size:300px;}
    .slide03 .slide-item.active .box-img {box-shadow: 0px 4px 8px 0px rgba(52, 35, 38, 0.18);}

    .slide03 .wrap-control {margin:18px auto 0;max-width: 246px;}
}

/* table */
table {overflow: hidden;border-radius: 24px;min-width:var(--min-width)}
table * {word-break: keep-all;}
table tr th, table tr td {font-size: 16px;line-height: 150%;}
table tbody th, table tbody td {color:#373737;padding:10px 20px;border:#c8e2fb 0px solid;
    border-right-width:1px;border-bottom-width:1px;}
table tbody tr td:last-child {border-right: 0;}
table tbody tr:last-child td, table tbody tr:last-child th {border-bottom: 0;}

table thead th {background-color: #376eac;color:#FAFDFD;font-weight: 500;padding:15px 20px;text-align: center;}
table tbody th {background-color: #E5F0FB;}
table tbody td {font-weight: 500;}

table .td-list li {position: relative;padding-left: 20px;}
table .td-list li::before {content: "";position: absolute;left:7px;top:9px;width:3px;height: 3px;background: #373737;border-radius: 100%;}

.wrap-table {overflow: auto;width:100%;}

@media (max-width:734px) {
    table {min-width: var(--min-width-s);border-radius: 12px;}
    table tr th, table tr td {font-size: 14px;}
    table thead th {padding:10px;}
    table tbody th, table tbody td {padding:8px 10px}

    table .td-list li {padding-left: 13px;}
    table .td-list li::before {left:3px;}

}