/*추가 공통*/
.about .plusTit {font-size: 2.4rem; font-weight: 800; padding-left: 1.5rem; box-sizing: border-box; position: relative; margin-bottom: 3.2rem;}
.about .plusTit::before {content: ''; position: absolute; top: 0.2rem; left: 0; width: 0.3rem; height: 2.3rem; background-color: #CE001F;}

@media screen and (max-width: 920px) {
    .about .plusTit {font-size: 1.8rem; margin-bottom: 2.5rem;}
    .about .plusTit::before {height: 1.8rem}
}

/*대외인증마크*/
.about .markArea {}
.about .markTitle {font-size: 3.2rem; font-weight: bold; margin-bottom: 8rem;}
.about .markSec {}
.about .markSec01 {}
.about .markSec02 {margin-top: 12rem;}
.about .markSec03 {margin-top: 12rem;}
.about .markSec .markLst {display: flex; gap: 3rem;}
.about .markSec .markLst li {width: calc((100% - 6rem) / 3);}
.about .markSec .markLst .imgArea {}
.about .markSec .markLst .txtArea {font-size: 1.8rem; font-weight: bold; padding-top: 2.4rem; text-align: center; line-height: 2.8rem;}

@media screen and (max-width: 920px) {
    .about .markSec02 {margin-top: 6rem;}
    .about .markSec03 {margin-top: 6rem;}
    .about .markSec .markLst {flex-wrap: wrap; gap: 4rem 1.5rem;}
    .about .markSec .markLst li {width: calc((100% - 1.5rem) / 2);}
    .about .markSec .markLst .txtArea {font-size: 1.4rem; padding-top: 1.2rem; line-height: 2.2rem;}
}

/*캐릭터*/
.about_tab_box {padding: 1.5rem; background: #F9F9F9; border-radius: 4rem; display: flex; gap: 2rem;}
.about_tab_box li {width: calc((100% - 2rem) / 2); background: #fff; border-radius: 3rem; transition: 0.2s;}
.about_tab_box li.on {color: #fff; background: #CE001F; box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2);}
.about_tab_box li:hover {color: #fff; background: #CE001F; box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2);}
.about_tab_box li a {display: block; font-size: 1.8rem; padding: 2rem 0; text-align: center;}

@media screen and (max-width: 920px) {
    .about_tab_box {padding: 1.2rem 1rem; border-radius: 2rem; gap: 0.9rem;}
    .about_tab_box li {border-radius: 1rem}
    .about_tab_box li a {font-size: 1.4rem; padding: 1.2rem 0;}
}

.about .charSec01 {display: flex; flex-direction: column; align-items: center; margin-top: 12rem;}
.about .charSec01 .imgArea {width: 56rem; margin-bottom: 4rem}
.about .charSec01 .txtArea {display: block; background: #FAFAFA; border-radius: 1.5rem; text-align: center; font-size: 1.8rem; padding: 4rem 0; line-height: 3.3rem; width: 100%;}
.about .charSec02 {margin-top: 12rem;}
.about .charSec02 .imgArea {max-width: 100rem; margin: 0 auto; margin-top: 10rem; }
.about .charSec03 {margin: 16rem 0;}
.about .charSec03 .charArea {gap: 10.5rem; display: flex; align-items: center; padding: 0 4rem 0 6.5rem;}
.about .charSec03 .charArea .imgArea {min-width: 22rem; width: 22rem;}
.about .charSec03 .charArea .txtArea {}
.about .charSec03 .charArea .txtArea .nameImg {width: 38.4rem; margin-bottom: 4rem;}
.about .charSec03 .charArea .txtArea .nameTxt {font-size: 1.6rem; line-height: 2.5rem;}
.about .charSec03 .charLine {margin: 8rem 0;}

.about .dwn_btn_area {text-align: center;}
.about .dwn_btn_area .dwn_btn {display: inline-block; padding: 2.9rem 3.2rem; border: 1px solid #E0E0E0; border-radius: 5rem; text-align: center; font-size: 1.8rem; color: #212121; margin: 0 auto; width: auto;}
.about .dwn_btn_area .dwn_btn:hover {font-weight: 700; box-shadow: inset 0 -7px rgba(0, 0, 0, 5%);}

@media screen and (max-width: 920px) {
    .about .charSec01 {margin-top: 4rem;}
    .about .charSec01 .imgArea {width: 25rem;}
    .about .charSec01 .txtArea {padding: 3rem; font-size: 1.6rem}

    .about .charSec02 {margin-top: 5.2rem;}
    .about .charSec02 .imgArea {max-width: 21.5rem; margin-top: 6rem}

    .about .charSec03 {margin: 8rem 0;}
    .about .charSec03 .charArea {padding: 0; flex-direction: column; gap: 2.4rem;}
    .about .charSec03 .charArea .imgArea {width: 17rem; min-width: 17rem;}
    .about .charSec03 .charArea .txtArea .nameImg {width: 100%; margin-bottom: 2.4rem;}
    .about .charSec03 .charArea .txtArea .nameTxt {font-size: 1.4rem; line-height: 2.5rem;}
    .about .charSec03 .charLine {margin: 6rem 0;}

    .about .dwn_btn_area .dwn_btn {font-size: 1.4rem; padding: 2rem 0; width: 100%;}
}

/*키비쥬얼*/
.keySec01 {display: flex; flex-direction: column; align-items: center; gap: 6rem; margin-top: 12rem;}
.keySec01 .imgArea {max-width: 48rem;}
.keySec01 .txtArea {padding: 5.1rem 0; background: #FAFAFA; border-radius: 1.5rem; font-size: 1.8rem; line-height: 3.3rem; text-align: center; width: 100%}

.keySec02 {margin-top: 13rem;}
.keySec02 .meanLst {}
.keySec02 .meanLst01 {}
.keySec02 .meanLst02 {margin-top: 6rem;}
.keySec02 .meanLst .tit {font-size: 1.8rem; border-bottom: 1px solid #212121; margin-bottom: 2rem; padding-bottom: 2rem; font-weight: bold;}
.keySec02 .meanLst .imgArea {}
.keySec02 .meanLst .lstArea {display: flex; flex-wrap: wrap; gap: 6rem 0;}
.keySec02 .meanLst .lstArea li {display: flex; gap: 3.2rem; width: 33.333%;}
.keySec02 .meanLst .lstArea li .grad {width: 18rem; height: 18rem; padding: 1.6rem; font-size: 1.6rem; color: #fff; border-radius: 1rem;}
.keySec02 .meanLst .lstArea li .mTxt {}
.keySec02 .meanLst .lstArea li .mtxt1 {padding: 0.6rem 1rem; border-radius: 8rem; border-radius: 8rem; font-size: 1.4rem; color: #fff; display: inline-block;}
.keySec02 .meanLst .lstArea li .mtxt2 {font-size: 1.8rem; font-weight: bold; margin: 1.2rem 0 1.6rem;}
.keySec02 .meanLst .lstArea li .mtxt3 {font-size: 1.6rem; color: #363636; line-height: 2.2rem;}
.keySec02 .meanLst .lstArea li .mtxt4 {font-size: 1.4rem; color: #363636; margin-top: 2.4rem; line-height: 1.6;}

.keySec02 .meanLst .lstArea li.lst01 .grad {background: url('../img/about/key_bg_01.png') no-repeat center/cover;}
.keySec02 .meanLst .lstArea li.lst01 .mtxt1 {background: #CD6A4C}
.keySec02 .meanLst .lstArea li.lst01 .mtxt2 {color: #CD6A4D;}
.keySec02 .meanLst .lstArea li.lst02 .grad {background: url('../img/about/key_bg_02.png') no-repeat center/cover;}
.keySec02 .meanLst .lstArea li.lst02 .mtxt1 {background: #DB3757}
.keySec02 .meanLst .lstArea li.lst02 .mtxt2 {color: #DA3556;}
.keySec02 .meanLst .lstArea li.lst03 .grad {background: url('../img/about/key_bg_03.png') no-repeat center/cover;}
.keySec02 .meanLst .lstArea li.lst03 .mtxt1 {background: #E3963A}
.keySec02 .meanLst .lstArea li.lst03 .mtxt2 {color: #E39539;}
.keySec02 .meanLst .lstArea li.lst04 .grad {background: url('../img/about/key_bg_04.png') no-repeat center/cover;}
.keySec02 .meanLst .lstArea li.lst04 .mtxt1 {background: #387C9A}
.keySec02 .meanLst .lstArea li.lst04 .mtxt2 {color: #377C9A;}
.keySec02 .meanLst .lstArea li.lst05 .grad {background: url('../img/about/key_bg_05.png') no-repeat center/cover;}
.keySec02 .meanLst .lstArea li.lst05 .mtxt1 {background: #2F9D8A}
.keySec02 .meanLst .lstArea li.lst05 .mtxt2 {color: #319E8B;}

@media screen and (max-width: 920px) {
    .keySec01 {margin-top: 6rem; gap: 4rem;}
    .keySec01 .imgArea {max-width: 24rem;}
    .keySec01 .txtArea {font-size: 1.6rem; padding: 3rem;}

    .keySec02 {margin-top: 5rem;}
    .keySec02 .meanLst .tit {font-size: 1.6rem;}
    .keySec02 .meanLst .lstArea {flex-direction: column; gap: 4rem;}
    .keySec02 .meanLst .lstArea li {width: 100%; gap: 2rem;}
    .keySec02 .meanLst .lstArea li .grad {width: 12rem; height: 12rem;}
    .keySec02 .meanLst .lstArea li .mtxt1 {font-size: 1.2rem;}
    .keySec02 .meanLst .lstArea li .mtxt2 {font-size: 1.6rem; margin: 1.2rem 0;}
    .keySec02 .meanLst .lstArea li .mtxt3 {font-size: 1.4rem;}
    .keySec02 .meanLst .lstArea li .mtxt4 {font-size: 1.4rem; margin-top: 1.5rem}
}















.
