@charset "utf-8";

.cont-tit2 > .txt-pl {padding-left: 1.4rem;}

/* 공통 */
.sub {
    position: relative;
}
.sub-wrap {
    background: #fff;
    border-radius: 8rem 8rem 0 0;
    position: relative;
    margin-top: -8rem;
}
.sub-inner {
    width: min(1500px,100%);
    margin-inline: auto;
}
.sub-top {
    /* border-radius:0 0 8rem 8rem; */
    overflow: hidden;
    height: 60rem;
    display: flex;
    position: sticky;
    top: 0;
}
.sub-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: all 1s ease-in-out;
}
.sub-top.aos-animate img {
    transform: scale(1);
}

.sub-top-navi {
    padding-top: 6rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 1rem;
}
.sub-top-navi li {
    font-size: 2rem;
    color: #666;
}
.sub-top-navi li:last-child {
    font-weight: 500;
    color: #000;
}
.sub-top-navi img {
    width: 7px;
}
@media (max-width:1080px) {
    .sub-top {
        height: 50rem;
        /* border-radius: 0 0 6rem 6rem; */
    }
}
@media (max-width:768px) {
    .sub-top {
        height: 35rem;
    }
}

/* 타이틀 */
.sub-tit {
    margin-block: 5rem 14rem;
    display: flex;
    flex-flow: column wrap;
}
.sub-tit.center {
    align-items: center;
    text-align: center;
}
.sub-tit h3 {
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 3.6rem;
}
.sub-tit h3 {
    padding-left: 3.5rem;
    position: relative;
    display: inline-block;
}
.sub-tit h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: linear-gradient(90deg,rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
    border-radius: 50%;
    transform: translateY(-50%);
}
.sub-tit h2 {
    margin-block: 2.5rem 4rem;
    font-family: 'Paperlogy';
    font-size: 6.2rem;
    font-weight: 800;
}
.sub-tit h2 * {
    font-family: 'Paperlogy';
    font-size: 6.2rem;
    font-weight: 800;
}
.sub-tit p {
    font-size: 2.5rem;
    font-weight: 500;
}


/* 탭 */
.sub-tab {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 10rem;
    margin-top: 3rem;
}
.sub-tab li {
    font-family: 'Paperlogy';
    font-size: 3.2rem;
    font-weight: 700;
    color: #a5a5a5;
    padding-bottom: 1rem;
    position: relative;
    cursor: pointer;
}
.sub-tab li.on {
    color: #000;
}
.sub-tab li.on::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg,rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
}
.sub-cont .tab-cont.on {
    display: block;
}
.sub-cont .tab-cont {
    display: none;
}
@media (max-width:1080px) {
    .sub-tab {
        gap: 6rem;
    }
    .sub-tab li {
        font-size: 2.8rem;
    }
}
@media (max-width:768px) {
    .sub-tab-wrap {
        width: 100%;
        overflow-x:scroll;
    }
    .sub-tab {
        width: max-content;
        margin-bottom: 1rem;
    }
    .sub-tab-wrap::-webkit-scrollbar {
        height: 6px;
        background-color: #e5e5e5;
    }
    .sub-tab-wrap::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #a5a5a5;
    }
}

/* 타이틀 */
.sub-cont .cont-tit1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.sub-cont .cont-tit1 span {
    font-size: 2rem;
    color: #9b9b9b;
}
.sub-cont .cont-tit2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #4122c3;
    margin-bottom: 2rem;
    position: relative;
    text-indent: -1.4rem;
    padding-left: 1.4rem;
}

/* 테이블 */
.sub-cont .table-tit {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.sub-cont .table-tit .cont-tit2 {
    margin-bottom: 0;
}
.sub-cont .table-tit p {
    font-size: 2rem;
    font-weight: 600;
    color: #9b9b9b;
}
.sub-cont .table-wrap {
    width: 100%;
}
.sub-cont .table-wrap.table-type1 {
    overflow-x: auto;
}
.sub-cont .table-wrap table {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.sub-cont .table-wrap table th {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 2rem 2.5rem;
    background: #f1f1f1;
    border-right: 1px solid #c5c5c5;
    vertical-align: middle;
}
.sub-cont .table-wrap table th.purple {
    color: #4122c3;
}
.sub-cont .table-wrap table th.red {
    color: #f55542;
}
.sub-cont .table-wrap table tbody tr:not(:last-child){
    border-bottom: 1px solid #c5c5c5;
}
.sub-cont .table-wrap table td {
    font-size: 1.8rem;
    padding: 2rem;
    border-right: 1px solid #c5c5c5;
    text-align: center;
    vertical-align: middle;
}
.sub-cont .table-wrap table tr.bg {
    background: #f1f1f1;
}
.sub-cont .table-wrap table th:last-child,
.sub-cont .table-wrap table td:last-child {
    border-right: none;
}
.sub-cont .table-wrap.table-type1::-webkit-scrollbar {
    height: 6px;
    background-color: #e5e5e5;
}
.sub-cont .table-wrap.table-type1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a5a5a5;
}
.sub-cont .table-wrap + p.table-caption {
    font-size: 1.7rem;
    color: #777;
    margin-top: 2rem;
    caption-side: bottom;
    text-align: left;
}



.sub-bottom-navi {
    margin-top: 14rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
    border-top: 1px solid #a5a5a5;
}
.sub-bottom-navi a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 3.4rem 0;
    position: relative;
    transition: all 0.2s;
    height: 100%;
}
.sub-bottom-navi a:hover {
    background: #eaeaea;
}
.sub-bottom-navi .home::before,
.sub-bottom-navi .home::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 50%;
    background: #a5a5a5;
    transform: translateY(-50%);
}
.sub-bottom-navi .home::after {
    left: auto;
    right: 0;
}
.sub-bottom-navi p {
    font-size: 2.2rem;
}
.sub-bottom-navi .arr img {
    width: 3.3rem ;
}
.sub-bottom-navi .prev .arr img {
    transform: rotate(180deg);
}

@media (max-width:1500px) {
    .sub-inner {
        padding-inline: 4%;
    }
}
@media (max-width:768px) {
    .sub-bottom-navi a {
        gap: 1rem ;
    }
    .sub-bottom-navi p {
        width: 100%;
        text-align: center;
        order:2;
    }
    .sub-bottom-navi b {
        display: none;
    }
}

/*a1 기고문*/
.a1 .sub-tit {
    margin-bottom: 7rem;
}
.a1 .sub-cont .img {
    text-align: center;
    margin-bottom: 8rem;
}
.a1 .sub-cont h4 {
    font-size: max(19px,2.4rem);
    font-weight: 700;
}
.a1 .sub-cont p {
    font-size: max(16px, 2rem);
    margin-top: 3rem;
    line-height: 1.6;
}


/*b1*/
.b1 .sub-tit {
    margin-bottom: 16rem;
}
.b1 .tab-cont1 .cont:not(:last-child) {
    margin-bottom: 12rem;
}
.b1 .tab-cont1 .cont6 > h5 {
    font-size: 2rem;
}
.b1 .tab-cont1 .cont6 > p {
    font-size: 1.7rem;
    color: #777;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
    margin-block: 1.5rem 4.5rem;
}
.b1 .tab-cont2 .cont:not(:last-child) {
    margin-bottom: 8rem;
}
.b1 .tab-cont2 p {
    font-size: 2rem;
    line-height: 1.7;
}
.b1 .tab-cont2 p + p {
    margin-top: 2rem;
}
.b1 .tab-cont2 .cont-tit2 {
    margin-bottom: .5rem;
}
.b1 .tab-cont2 .cont2{
    text-align: center;
}
.b1 .tab-cont3 .cont:not(:last-child) {
    margin-bottom:12rem;
}
.b1 .tab-cont3 .cont1 td {
    padding-block: 3rem;
}
.b1 .tab-cont3 .cont1 td p  {
    max-width: 80rem;
    margin-inline: auto;
    text-align: left;
}
/*c1*/
.c1 .sub-tit {
    margin-bottom: 16rem;
}
.c1 .sub-cont .cont-tit1 {
    margin-bottom: 2rem;
}
.c1 .check li {
    font-size: 2rem;
    line-height: 1.6;
    padding-left: 3rem;
    position: relative;
    margin-bottom: 2rem;
}
.c1 .check li:last-child {
    margin-bottom: 0;
}
.c1 .check li::before {
    content: '';
    position: absolute;
    top: 0.75rem;
    left:0;
    width: 2rem;
    height: 1.5rem;
    background: url(../images/common/icon_check.svg) no-repeat center center / contain;

}
.c1 .tab-cont .cont:not(:last-child) {
    margin-bottom: 12rem;
}
.c1 .tab-cont .cont p {     
    font-size: 2rem;
    line-height: 1.6;
}

.c1 .tab-cont1 .cont:not(:last-child) {
    margin-bottom: 8rem;
}
.c1 .tab-cont1 .cont2 {
    text-align: center;
}
.c1 .tab-cont1 .cont3 .cont-tit2 {
    margin-block: 5rem 3rem;
}
.c1 .chart-wrap {
    width: 100%;
    overflow-x: auto;
}
.c1 .chart-wrap .chart-box {
    width: 100%;
    max-width: 1100px;
    margin:4rem auto 0;
}
.c1 .chart-wrap .chart-box canvas {
    width: 100% !important;
    height: auto !important;
}
.c1 .chart-wrap::-webkit-scrollbar {
    height: 6px;
    background-color: #e5e5e5;
}
.c1 .chart-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a5a5a5;
}

.c1 .tab-cont2 .cont {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.c1 .tab-cont2 .cont .txt {
    width: 52%;
}
.c1 .tab-cont2 .cont .txt h5 {
    font-size: 1.8rem;
    color: #777;
    margin-top: 1rem;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
}
.c1 .tab-cont2 .cont .txt .cont-tit2 {
    margin-block:4rem 1rem;
}
.c1 .tab-cont2 .cont .img {
    width: 40%;
}

.c1 .tab-cont3 .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.c1 .tab-cont3 .cont .box {
    padding: 4rem;
    border: 1px solid #a5a5a5;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}
.c1 .tab-cont3 .cont .box:first-child {
    border-right: 0;
}
.c1 .tab-cont3 .cont .box:hover {
    background: #f7f7f7;
}

.c1 .tab-cont3 .cont .box .bottom {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 3rem;
}
.c1 .tab-cont3 .cont .box .bottom h4 {
    font-size: 2.2rem;
    font-weight: 500;
    width: 28rem;
}
.c1 .tab-cont3 .cont .box h4 span {
    display: inline-block;
    width: 3.3rem;
    margin-left: 2rem;
}
.c1 .tab-cont3 .cont .box:hover h4 span {
    animation: moveArrow 1s ease-in-out infinite;
}
.c1 .tab-cont3 .cont .box .img {
    max-width: 210px;
    width: calc(100% - 28rem);
}
.c1 .tab-cont3 .cont .box .img img {
    width: 100%;
}
.c1 .tab-cont3 .cont .box2 .img {
    max-width: 260px;
}
.c1 .tab-cont4 .cont-tit2 {
    margin-bottom: 1rem;
}
.c1 .tab-cont4 .cont-tit2 {
    margin-top: 6rem;
}
.c1 .tab-cont4 .link {
    color: #2c80e8;
    border-bottom: 1px solid #2c80e8;
}
.c1 .tab-cont4 .cont .img {
    text-align: center;
}
.c1 .tab-cont4 .imgs {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1fr;
}
.c1 .tab-cont4 .imgs-2 {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}

.c1 .tab-cont4 .imgs img {
    border-radius: 2rem;
}
.c1 .tab-cont4 .cont2 .img {
    margin-top: 5rem;
}

@media (max-width:1280px) {
    .c1 .sub-tab {
        gap: 6rem;
    }
    .c1 .tab-cont3 .cont .box p br {
        display: none;
    }
    .c1 .tab-cont4 .imgs-2 {
        gap: 4rem;
    }
}
@media (max-width:1080px) {
    .c1 .tab-cont2 .cont .txt {
        width: 100%;
        order:2;
    }
    .c1 .tab-cont2 .cont .img {
        width: 100%;
        max-height: 400px;
        order:1;
        border-radius: 2rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        margin-bottom: 4rem;
    }
    .c1 .tab-cont2 .cont .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width:768px) {
    .c1 .tab-cont3 .cont {
        grid-template-columns: 1fr;
    }
    .c1 .tab-cont3 .cont .box1 {
        border-right: 1px solid #a5a5a5;
        border-bottom: 0;
    }
    .c1 .tab-cont3 .cont .box .img {
        width: calc(100% - 30rem);
        max-width: 140px;
    }
    .c1 .tab-cont4 .imgs-2 {
        grid-template-columns: 1fr;
    }
    
}

/*d1*/
.d1 .sub-cont {
    padding-block: 4rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.d1 .sub-cont li:not(:last-child) {
    padding-bottom: 6rem;
}
.d1 .sub-cont li a {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 8rem;
    position: relative;
}
.d1 .sub-cont li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}
.d1 .sub-cont li .txt {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 4rem;
    padding-left: 0;
    max-width: 88rem;
}
.d1 .sub-cont li .txt h3 {
    font-size: 3.2rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}
.d1 .sub-cont li:hover .txt h3 {
    color: #4122c3;
}
.d1 .sub-cont li .txt p {
    font-size: 2.2rem;
    font-weight: 300;
    margin-top: 2rem;
}
.d1 .sub-cont li .txt p b {
    font-weight: 500;
}
.d1 .sub-cont li .arr {
    position: absolute;
    top:4rem; 
    right:0;
    width: 3.3rem;
    transition: all 0.2s ease-in-out;
}
.d1 .sub-cont li:hover .arr {
    /* transform: translateX(3.3rem); */
    animation: moveArrow 1s ease-in-out infinite;
}
@media (max-width:1080px) {
    .d1 .sub-cont li a {
        gap: 6rem;
    }
}
@media (max-width:768px) {
    .d1 .sub-cont li a {
        grid-template-columns: 1.4fr 3fr;
        gap: 4rem;
    }
    .d1 .sub-cont li .txt h3 {
        font-size: 2.8rem;
    }
    .d1 .sub-cont li .txt p {
        font-size: 2rem;
    }
}
@media (max-width:500px) {
    .d1 .sub-cont li a {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
    .d1 .sub-cont li .txt {
        position: relative;
        padding-top: 0;
    }
    .d1 .sub-cont li .txt h3 {
        font-size: 2.8rem;
        padding-right: 4rem;
    }
    .d1 .sub-cont li .txt p {
        font-size: 2rem;
        margin-top: 3rem;
    }
     .d1 .sub-cont li .arr {
        top:10px;
     }
}

/*e1*/
.e1 .sub-tit h2 {
    margin-bottom: 0;
}
.e1 .slide {
    padding-block: 6rem;
    margin-bottom: 6rem;
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
} 
.e1 .slide .swiper-slide {
    width: 100%;
    height: 100%;
}
.e1 .slide .swiper-slide .video {
    position: relative;
    padding-bottom: 56.25%;
    border-radius: 2rem;
    overflow: hidden;
}
.e1 .slide .swiper-slide .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.e1 .slide .swiper-slide .info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
}
.e1 .slide .swiper-slide .info .img {
    width: 50rem;
    height: 28rem;
    padding: 4rem;
    border: 1px solid #a5a5a5;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.e1 .slide .swiper-slide .info .txt {
    width: calc(100% - 50rem);
    padding-left: 6rem;
}
.e1 .slide .swiper-slide .txt h3 {
    font-size: 4rem;
    font-weight: 800;
    font-family: 'Paperlogy';
    padding-bottom: 2.5rem;
    margin-bottom: 3rem;
    position: relative;
    display: inline-block;
}
.e1 .slide .swiper-slide .txt h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
}
.e1 .slide .swiper-slide .txt h4 {
    font-size: 3rem;
    font-weight: 500;
    font-family: 'Paperlogy';
}
.e1 .slide .swiper-slide .txt ul {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 1rem;
}
.e1 .slide .swiper-slide .txt li {
    font-size: 2.2rem;
    font-weight: 300;
    padding-left: 1rem;
    margin-left: 1rem;
    position: relative;
}
.e1 .slide .swiper-slide .txt li:first-child {
    padding-left: 0;
    margin-left: 0;
}
.e1 .slide .swiper-slide .txt li:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 70%;
    background: #000;
}
.e1 .slide-thum-wrap {
    width: 100%;
    
    position: relative;
}
.e1 .slide-thum-wrap .swiper  {
    overflow: hidden;
}
.e1 .slide-thum-wrap .swiper .swiper-slide {
    width: 100%;
    height: min(300px,28vw);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 6rem 4rem;
    border: 1px solid #a5a5a5;
}
.e1 .slide-thum-wrap .swiper .swiper-slide img {
    width: 100%;
    object-fit: cover;
}
.e1 .slide-thum-wrap .swiper .swiper-slide-thumb-active {
    border: 2px solid #4122c3;
}
@media (max-width:1600px) {
    .e1 .sub-cont {
        padding-inline: 40px;
    }
}
@media (max-width:1500px) {
    .e1 .sub-cont {
        padding-inline: 0;
    }
}
@media (max-width:1080px) {
    .e1 .slide .swiper-slide .info .img {
        width: 35%;
        padding: 4%;
    }
    .e1 .slide .swiper-slide .info .txt {
        width: 65%;
        padding-left: 6%;
    }
}
@media (max-width:768px) {
    .e1 .slide .swiper-slide .txt h3 {
        padding-bottom: 1.5rem;
        margin-bottom: 2rem;
    }
    .e1 .slide .swiper-slide .info li {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
    .e1 .slide .swiper-slide .info li::before {
        display: none;
    }

    .e1 .slide .swiper-slide .info .img {
        height: 20rem;
    }
}

/*f1*/
.f1 .sub-tit h2 {
    margin-bottom: 0;
}
.f1 .sub-cont {
    padding-block: 6rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.f1 .sub-cont .box-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8rem 6rem;
}
.f1 .sub-cont .box .txt {
    margin-top: 3rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.f1 .sub-cont .box .img img {
    width: 100%;
    object-fit: cover;
}
.f1 .sub-cont .box .txt h3 {
    font-size: 3.2rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    width: calc(100% - 3.5rem);
}
.f1 .sub-cont .box .txt img {
    margin-top: 1rem;
    width: 3.3rem;
}
.f1 .sub-cont .box:hover .txt h3 {
    color: #4122c3;
}
.f1 .sub-cont .box:hover .txt img {
    animation: moveArrow 1s ease-in-out infinite;
}
@media (max-width:1500px) {
    .f1 .sub-cont .box-wrap {
        gap: 6rem 4rem;
    }
    .f1 .sub-cont .box .txt  {
        margin-top: 2rem;
    }
    .f1 .sub-cont .box .txt h3 {
        font-size: 2.8em;
    }
}
@media (max-width:768px) {
    .f1 .sub-cont .box-wrap {
        grid-template-columns: 1fr;
    }
}



@media (max-width:767px) {

    .c1 .chart-box{
        min-width:500px;
        padding:10px;
    }

    .c1 .chart-box2>div{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:20px 0;
    }
    
    .c1 .chart-box2 .col-left{
        margin:0;
    }
    
    .c1 .chart-box2 .chart_label{
        flex-direction:column;
        text-align:left;
        margin:25px 0px 0px 20px;
    }

    .c1 .row>li{
        margin-bottom: 20px;
    }
    
}

@media (max-width:575px) {


    .c1 .chart-box2>div{
        flex-direction:column;
        padding:20px 10px 10px;
    }
    .c1 .chart-box2 .chart_label{
        flex-direction:row;
        justify-content:space-between;
        margin:0;
        padding:30px 20px 10px;
        width:100%;
    }


}