.main {
    background: url('../img/main/main_bg.jpg') 0 0 / cover;
}
.sec01 .arti.n1 {
    padding-left: clamp(7rem, 7.8125vw, 15rem);
    padding-right: clamp(7rem, 7.8125vw, 15rem);
}
.sec01 .arti.n1 .tit_box {
    text-align: center;
    height: 100vh;
}
.sec01 .arti.n1 .tit_box h3,
.sec01 .arti.n1 .tit_box h3 span {
    font-size: clamp(2rem, 2.1094vw, 2.7rem);
    letter-spacing: clamp(.7rem, 1.5625vw, 2rem);
}
.sec01 .arti.n1 .tit_box h2 {
    font-size: clamp(6rem, 5.2083vw, 10rem);
}
.sec01 .arti.n1 .tit_box *,
.sec01 .arti.n1 .txt_box p,
.sec01 .card_wr .tit_box *,
.card_wr .card_box .card_cont *{
    color: var(--white);
}
.sec01 .arti.n1 .txt_box {
    padding-top: clamp(11rem, 15.625vw, 20rem);
    padding-bottom: clamp(11rem, 15.625vw, 20rem);
}
.sec01 .arti.n1 .txt_box .sub_txt {
    text-align: center;
    line-height: 2;
}
.sec01 .arti.n1 .txt_box .sub_txt + .sub_txt {
    margin-top: 3rem;
}
.sec01 .card_wr,
.sec02 .card_wr {
    padding-top: clamp(11rem, 15.625vw, 20rem);
    padding-bottom: clamp(11rem, 15.625vw, 20rem);
    padding-left: clamp(7rem, 7.8125vw, 15rem);
    padding-right: clamp(7rem, 7.8125vw, 15rem);
}
.sec01 .card_wr .card_box .card_cont.n1 .bg {
    background: url('../img/main/arti02_img01.jpg') center / cover no-repeat;
}
.sec01 .card_wr .card_box .card_cont.n2 .bg {
    background: url('../img/main/arti02_img02.jpg') center / cover no-repeat;
}
.sec01 .card_wr .card_box .card_cont.n3 .bg {
    background: url('../img/main/arti02_img03.jpg') center / cover no-repeat;
}
.sec02 .card_wr {
    background: var(--white);
}
.sec02 .card_wr .card_box .card_cont.n1 .bg {
    background: url('../img/main/arti03_img01.jpg') center / cover no-repeat;
}
.sec02 .card_wr .card_box .card_cont.n2 .bg {
    background: url('../img/main/arti03_img02.jpg') center / cover no-repeat;
}
.sec02 .card_wr .card_box .card_cont.n3 .bg {
    background: url('../img/main/arti03_img03.jpg') center / cover no-repeat;
}
.sec01 .card_wr .card_box .card_cont .sub_txt {
    opacity: 1;
    max-height: 20rem;
}
.sec01 .card_wr .card_box .card_cont:hover {
    transform: inherit;
}
.sec01 .card_wr .card_box .card_cont .bg::after {
    opacity: .8;
}
@media screen and (max-width:768px) {
    .sec01 .arti.n1,
    .sec01 .card_wr, .sec02 .card_wr {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .sec01 .arti.n1 .tit_box h2 {
        font-size: clamp(3.8rem, 7.8125vw, 6rem);
    }
    .sec01 .arti.n1 .tit_box h3, .sec01 .arti.n1 .tit_box h3 span {
        font-size: clamp(1.4rem, 2.3438vw, 1.8rem);
    }
}