/*common*/
.sec{padding-bottom:15rem;}
/* top section */
.topList{padding-top:12.5rem;}
.topList li{padding: 10rem 0;}
.topList .top1{background:url('/img/about/about_banner1.png') no-repeat center /cover;}
.topList .top2{background:url('/img/about/about_banner2.png') no-repeat center /cover;}
.topList li h2{color:var(--white,#fff);text-shadow: 0px 3px 5px #00000080;font-size:6rem;font-family:'gmarketsans';font-weight:700;line-height:7.5rem;margin-bottom:3rem;}
.topList p{font-size:2.4rem;color:var(--gray2, #ACA9BB);font-size:2.4rem;line-height:3.2rem;}
/* section1 */
.sec1 .greatingList li{display:flex;justify-content:space-between;margin-bottom:5rem;}
.sec1 .greatingList li:last-of-type{margin-bottom:0;}
.sec1 .greatingList .imgArea{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center; background-color:var(--highlight2, #284ADE);border-radius:2rem;width:18rem;height:25rem;}
.sec1 .greatingList .imgArea img{width:16.2rem;}
.sec1 .greatingList .txtArea{width:calc(100% - 19.6rem);text-align:left;}
.sec1 .greatingList .name{color:var(--white,#fff);font-size:4rem;font-weight:700;font-family:'gmarketsans';}
.sec1 .greatingList .txtArea .title{font-size:3rem;font-weight:700;line-height:4.5rem;color:var(--title, #03367B);margin-bottom:2rem;}
.sec1 .greatingList .txtArea .info{font-size:2.4rem;line-height:3.2rem;color:var(--gray1, #787586);}
/* section2 */
.sec2{background-color:var(--bg, #E9ECFC);}
.sec2 .mv .infoList{color:var(--title, #03367B); }
.sec2 .mv .infoList dl{display:flex;justify-content:center;align-items:center;gap:1.6rem;margin-bottom:2.2rem; }
.sec2 .mv .infoList dt{font-family:'gmarketsans';font-weight:700;font-size:3.5rem;}
.sec2 .mv .infoList dd{font-size:2.4rem;}
.sec2 .mv .visionList{position:relative;height:84.9vw;}
.sec2 .mv .visionList li{position:absolute;border-radius:50%;width:calc(89.3vw/2 + 4rem);height:calc(89.3vw/2 + 4rem);color:var(--white,#fff);text-align:left;}
.sec2 .mv .visionList .txtArea{position:absolute;}
.sec2 .mv .visionList .title{font-weight:700;font-size:4rem;margin-bottom:1.5rem; }
.sec2 .mv .visionList .info{font-size:2.2rem;line-height:3rem;font-weight:300;}
.sec2 .mv .visionList li:nth-of-type(even){text-align:right}
.sec2 .mv .visionList .list1{left:0;top:0;background-color:rgba(255, 63, 140, 0.7);z-index:1;}
.sec2 .mv .visionList .list2{right:0;top:0;background-color:rgba(40, 74, 222, 0.7);}
.sec2 .mv .visionList .list3{left:0;bottom:0;background-color:rgba(40, 74, 222, 0.7);z-index:2;}
.sec2 .mv .visionList .list4{right:0;bottom:0;background-color:rgba(255, 63, 140, 0.7);z-index:1;}
.sec2 .mv .visionList .list1 .txtArea{top:6rem;left:6rem;}
.sec2 .mv .visionList .list2 .txtArea{top:6rem;right:6rem;}
.sec2 .mv .visionList .list3 .txtArea{bottom:6rem;left:6rem;}
.sec2 .mv .visionList .list4 .txtArea{bottom:6rem;right:6rem;}
.sec2 .managementList{text-align:left;}
.sec2 .managementList > li{position:relative;}
.sec2 .managementList .num{position:absolute;left:0;top:-3rem;display:inline-block;width:9.3rem;height:9.3rem;font-family:'gmarketsans';font-size:7.1rem;font-weight:700;padding-top:2rem;text-align:center;color: var(--white,#fff); border-radius:50%;background-color:var(--title, #03367B);background-position:center;background-size: contain;background-repeat:no-repeat;}
.sec2 .managementList .txtArea{padding-left:11rem;}
.sec2 .managementList .title{color:var(--title, #03367B);font-family:'gmarketsans';font-size:3rem;font-weight:700;margin-bottom:1.5rem;}
.sec2 .managementList .infoArea{color:var(--gray1, #787586);font-size:2.4rem;text-indent:-1.4rem;padding-left:1.4rem; line-height:3.2rem;margin-bottom:3rem;}
/* section3 */
.sec3{padding-bottom:0;}
/* section4 */
.sec4 .secTitle h4{letter-spacing:-1.3px;}

/* �º��� */
@media all and (min-width:720px){
    .inner{max-width:750px;}
    /* top section */
    .topList .top1{background-image:url('/img/about/about_banner1_pc.png');}
    .topList .top2{background-image:url('/img/about/about_banner2_pc.png');}
    /* section1 */
    .sec1 .greatingList .imgArea{width:22rem;}
    .sec1 .greatingList .txtArea{width:calc(100% - 24rem)}
    /* section2 */
    .sec2 .inner{max-width:63.8rem;}
    .sec2 .mv .visionList{height:63.2rem; }
    .sec2 .mv .visionList li{width:37.2rem;height:37.2rem;}
}
/* pc */
@media all and (min-width:1280px){
    /*common*/
    .sec{padding-bottom:94px;}
    /* top section */
    .topList li h2 br{display:none;}
    /* section1 */
    .sec1 .greatingList .txtArea .title{font-size:25px;}
    .sec1 .greatingList .txtArea .title br{display:none;}
    .sec1 .greatingList .txtArea .info{font-size:16px;line-height:24px;}
    /* section2 */
    .sec2 .inner{max-width:1000px;display:flex;justify-content:space-between;}
    .sec2 .inner > div{width:63.8rem;}
    .sec2 .mv .infoList dt{font-size:25px;}
    .sec2 .mv .infoList dd{font-size:16px;}
    .sec2 .managementList .title{font-size:25px;}
    .sec2 .managementList .infoArea{font-size:16px;line-height:24px;}
    /* section4 */
    .sec4 .inner{max-width:1200px;}
    
}
@media all and (min-width:1800px){}