@charset "UTF-8";
.about_component{}
.about_inner{width: 100%;padding: calc((50px * 1.2) + (32px + 56px)) var(--main-page-x) 96px;}

.about_wrap{display: grid;grid-template-columns: 4fr 9fr;}
.about_wrap .about_hd{min-width: 0;}
.about_wrap .hd_desc_box{}
.about_wrap .hd_desc_box .desc_tit_box{}
.about_wrap .hd_desc_box .desc_tit_box .desc_tit{font-size: var(--fs-50);font-weight: 600;line-height: var(--lh-60);color: var(--color-blue-txt);letter-spacing: -0.025em;}
.about_wrap .hd_desc_box .desc_txt_box{}
.about_wrap .hd_desc_box .desc_tit_box + .desc_txt_box{margin-top: 16px;}
.about_wrap .hd_desc_box .desc_txt_box .desc_txt{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-24);color: var(--color-blue-txt);letter-spacing: -0.025em;}
.about_wrap .hd_desc_box .desc_txt_box .desc_txt.pc_ver{display: block;}
.about_wrap .hd_desc_box .desc_txt_box .desc_txt.mo_ver{display: none;}
.about_wrap .hd_desc_box .desc_txt_box .desc_txt span{display: block;font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-24);color: var(--color-blue-txt);letter-spacing: -0.025em;}

.about_wrap .about_bd{min-width: 0;}

.about_wrap .about_card_box .card_list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;}
.about_wrap .about_card_box .card_item{width: 100%;background-color: var(--color-gray3);border-radius: 20px;box-sizing: border-box;}
.about_wrap .about_card_box .card_item.item_01{grid-column: 1 / -1;width: 72%;justify-self: end;background-color: var(--color-blue-bg);aspect-ratio: 640 / 383;min-height: 400px;max-height: 480px;}
.about_wrap .about_card_box .card_item.item_02{grid-column: 1;background-color: var(--color-black2);aspect-ratio: 430 / 230;min-height: 280px;max-height: 320px;}
.about_wrap .about_card_box .card_item.item_03{grid-column: 2;aspect-ratio: 430 / 230;min-height: 280px;max-height: 320px;}
.about_wrap .about_card_box .card_item.item_04{grid-column: 1 / -1;}

.about_wrap .about_card_box .card_item .item_inner{width: 100%;height: 100%;padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;column-gap: 8px}
.about_wrap .about_card_box .card_item.item_04 .item_inner{padding: 45px 30px;}

.about_wrap .about_card_box .card_item .item_tit_box{}
.about_wrap .about_card_box .card_item .item_tit_box .item_tit{}
.about_wrap .about_card_box .card_item .item_tit_box .item_tit span{display: inline-block;font-size: var(--fs-60);font-weight: 600;line-height: var(--lh-72);color: var(--color-white);letter-spacing: -0.025em;}

.about_wrap .about_card_box .card_item .item_txt_box{}
.about_wrap .about_card_box .card_item .item_txt_box .item_txt{}
.about_wrap .about_card_box .card_item .item_txt_box .item_txt span{display: block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-26);color: var(--color-white);letter-spacing: -0.025em;}

.about_wrap .about_card_box .card_item.item_01 .item_tit_box .item_tit span{font-size: var(--fs-44);line-height: var(--lh-56);}
.about_wrap .about_card_box .card_item.item_02 .item_tit_box .item_tit span{line-height: var(--lh-56);}
.about_wrap .about_card_box .card_item.item_03 .item_tit_box .item_tit span{color: var(--color-blue-txt);}
.about_wrap .about_card_box .card_item.item_04 .item_tit_box .item_tit span{font-size: var(--fs-90);line-height: var(--lh-100);color: var(--color-black);}

.about_wrap .about_card_box .card_item.item_01 .item_txt_box .item_txt span{}
.about_wrap .about_card_box .card_item.item_02 .item_txt_box .item_txt span{}
.about_wrap .about_card_box .card_item.item_03 .item_txt_box .item_txt span{color: var(--color-black);}











.about_wrap .about_card_box .solution_dim{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 199;background-color: var(--color-white);opacity: 0;pointer-events: none;}
.about_wrap .about_card_box .solution_placeholder{display: none;grid-column: 1 / -1;width: 100%;}
.about_wrap .about_card_box .solution_placeholder.active{display: block;}
.about_wrap .about_card_box .acc_card_item.is_fixed{box-sizing: border-box;overflow: hidden;}

.about_wrap .about_card_box .acc_card_item.is_full .item_inner{display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 0;}
.about_wrap .about_card_box .acc_card_item.is_fixed .item_inner{display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 0;}

.about_wrap .about_card_box .acc_card_item .item_hd{width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;cursor: pointer;}
.about_wrap .about_card_box .acc_card_item.is_full .item_hd{flex: 0 0 auto;}

.about_wrap .about_card_box .acc_card_item .acc_btns_box{display: inline-block;line-height: 0;}
.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns{display: inline-block;width: 30px;height: 30px;padding: 5px;box-sizing: content-box;position: relative;}

.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:before,
.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:after{content: '';display: block;width: 30px;height: 6px;background-color: var(--color-black);position: absolute;top: 50%;left: 50%;transform-origin: center;transition: transform .5s cubic-bezier(.4,0,.2,1);}

.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:before{transform: translate(-50%, -50%) rotate(0deg);}
.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:after{transform: translate(-50%, -50%) rotate(90deg);}

.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns.active:before{transform: translate(-50%, -50%) rotate(180deg);}
.about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns.active:after{transform: translate(-50%, -50%) rotate(360deg);}

.about_wrap .about_card_box .acc_card_item .item_bd{width: 100%;height: 0;overflow: hidden;}
.about_wrap .about_card_box .acc_card_item.is_full .item_bd{overflow-x: hidden!important;overflow-y: auto!important;}
.about_wrap .about_card_box .acc_card_item.is_fixed .item_bd{flex: 1 1 auto;min-height: 0;}


.about_wrap .about_card_box .acc_card_item .solution_list{width: 100%;padding: 24px 0 0;}
.about_wrap .about_card_box .acc_card_item .solution_item{width: 100%;padding: 24px 0;}
.about_wrap .about_card_box .acc_card_item .solution_item + .solution_item{border-top: 1px solid var(--color-black);}
.about_wrap .about_card_box .acc_card_item .solution_item:last-of-type{padding-bottom: 0;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_hd{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 10px;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tit_box{}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tit{font-size: var(--fs-42);font-weight: 700;line-height: var(--lh-50);color: var(--color-black);}

.about_wrap .about_card_box .acc_card_item .solution_item .solution_link_box{flex: 0 0 auto;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_link{display: inline-block;line-height: 0;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_name{display: inline-block;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}

.about_wrap .about_card_box .acc_card_item .solution_item .solution_hd + .solution_bd{margin-top: 24px;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 30px;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_item{display: inline-flex;align-items: center;justify-content: center;min-width: 110px;padding: 0 8px;background-color: var(--color-blue-bg);border-radius: 5px;box-sizing: border-box;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_item .tag_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-26);color: var(--color-white);}

.about_wrap .about_card_box .acc_card_item .solution_item .solution_desc_box{}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_list + .solution_desc_box{margin-top: 24px;}
.about_wrap .about_card_box .acc_card_item .solution_item .solution_desc{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}


@media (max-width: 1440px){}
@media (max-width: 1280px){
    .about_wrap{display: grid;grid-template-columns: 4.5fr 8.5fr;}
    .about_wrap .about_card_box .card_item.item_01{width: 75%;}

    .about_wrap .about_card_box .card_item .item_tit_box .item_tit span{font-size: var(--fs-50);line-height: var(--lh-60);}
    .about_wrap .about_card_box .card_item.item_01 .item_tit_box .item_tit span{font-size: var(--fs-40);line-height: var(--lh-52);}
    .about_wrap .about_card_box .card_item.item_02 .item_tit_box .item_tit span{line-height: var(--lh-46);}
    .about_wrap .about_card_box .card_item.item_04 .item_tit_box .item_tit span{font-size: var(--fs-80);line-height: var(--lh-90);}
}
@media (max-width: 1200px){
    .about_inner{padding: calc(80px + 48px) var(--main-page-x) 64px;}

    .about_wrap{display: block;}
    .about_wrap .about_hd + .about_bd{margin-top: 96px;}

    .about_wrap .hd_desc_box .desc_txt_box .desc_txt.pc_ver{display: none;}
    .about_wrap .hd_desc_box .desc_txt_box .desc_txt.mo_ver{display: block;}

    .about_wrap .about_card_box .card_item:not(.acc_card_item) .item_inner{row-gap: 64px;}
    .about_wrap .about_card_box .card_item.item_01{min-height: unset;max-height: unset;aspect-ratio: unset;}
    .about_wrap .about_card_box .card_item.item_02{min-height: unset;max-height: unset;aspect-ratio: unset;}
    .about_wrap .about_card_box .card_item.item_03{min-height: unset;max-height: unset;aspect-ratio: unset;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
    .about_wrap .about_card_box .card_list{display: flex;flex-direction: column;row-gap: 20px;}

    .about_wrap .about_card_box .card_item.item_01{width: 100%;}

    .about_wrap .about_card_box .card_item .item_tit_box .item_tit span{font-size: var(--fs-40);line-height: var(--lh-48);}
    .about_wrap .about_card_box .card_item.item_01 .item_tit_box .item_tit span{line-height: var(--lh-48);}
    .about_wrap .about_card_box .card_item.item_02 .item_tit_box .item_tit span{line-height: var(--lh-48);}
    .about_wrap .about_card_box .card_item.item_04 .item_tit_box .item_tit span{font-size: var(--fs-40);line-height: var(--lh-48);}


    .about_wrap .about_card_box .card_item.item_04 .item_inner{padding: 24px 20px;}
    .about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:before,
    .about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:after{width: 24px;height: 4px;}

    .about_wrap .about_card_box .acc_card_item .solution_item .solution_hd + .solution_bd{margin-top: 20px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tit{font-size: var(--fs-26);line-height: var(--lh-34);}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_name{font-size: var(--fs-14);line-height: var(--lh-24);}

    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_list{column-gap: 14px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_item{min-width: 80px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_item .tag_name{font-size: var(--fs-14);line-height: var(--lh-24);}
}
@media (max-width: 650px){
    .about_inner{padding: calc(68px + 32px) var(--main-page-x) 48px;}

    .about_wrap .about_card_box .card_item:not(.acc_card_item) .item_inner{row-gap: 48px;}
    .about_wrap .about_card_box .card_item .item_txt_box .item_txt span{font-size: var(--fs-14);line-height: var(--lh-24);}

    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:before,
    .about_wrap .about_card_box .acc_card_item .acc_btns_box .acc_btns:after{width: 20px;height: 3px;}

    .about_wrap .about_card_box .acc_card_item .solution_list{padding: 8px 0 0;}
    .about_wrap .about_card_box .acc_card_item .solution_item{padding: 16px 0 20px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_hd + .solution_bd{margin-top: 16px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_list{column-gap: 10px;row-gap: 8px;flex-wrap: wrap;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_name{font-size: var(--fs-12);line-height: var(--lh-20);}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_item .tag_name{font-size: var(--fs-10);line-height: var(--lh-20);}

    .about_wrap .about_card_box .acc_card_item .solution_item .solution_tag_list + .solution_desc_box{margin-top: 20px;}
    .about_wrap .about_card_box .acc_card_item .solution_item .solution_desc{font-size: var(--fs-12);line-height: var(--lh-18);}

}
@media (max-width: 375px){
    .about_wrap .hd_desc_box .desc_tit_box .desc_tit{font-size: var(--fs-40);line-height: var(--lh-50);}
    .about_wrap .about_card_box .card_item .item_tit_box .item_tit span{font-size: var(--fs-36);line-height: var(--lh-44);}
    .about_wrap .about_card_box .card_item.item_01 .item_tit_box .item_tit span{font-size: var(--fs-34);line-height: var(--lh-42);}
    .about_wrap .about_card_box .card_item.item_02 .item_tit_box .item_tit span{line-height: var(--lh-32);}
    .about_wrap .about_card_box .card_item.item_04 .item_tit_box .item_tit span{font-size: var(--fs-36);line-height: var(--lh-44);}
    .about_wrap .about_card_box .card_item.item_04 .item_inner{padding: 20px 16px;}
    .about_wrap .about_card_box .card_item .item_inner{padding: 16px;}
}