#price .content .list { margin: 70px 0 0; }
#price .content .list .tab { display: flex; justify-content: center; gap: 10px; }
#price .content .list .tab button { display: flex; align-items: center; justify-content: center; height: 60px; padding:0 35px; border: none; border-radius: 15px; background:#F5F6F7; color: #999; text-align: center; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.21px; text-transform: uppercase; }
#price .content .list .tab button.active { background: #7F40FF; color:#fff; font-weight: 800; }

@media screen and (max-width:1600px) {
    #price .content .list { margin: 63px 0 0; }
    #price .content .list .tab { gap: 9px; }
    #price .content .list .tab button { height: 56.5px; padding: 0 33px; border-radius: 14px; font-size: 19.5px; }
}
@media screen and (max-width:1280px) {
    #price .content .list { margin: 56px 0 0; }
    #price .content .list .tab { gap: 8px; }
    #price .content .list .tab button { height: 53px; padding: 0 31px; border-radius: 13px; font-size: 18px; }
}
@media screen and (max-width:1024px) {
    #price .content .list { margin: 49px 0 0; }
    #price .content .list .tab { gap: 7px; }
    #price .content .list .tab button { height: 49.5px; padding: 0 29px; border-radius: 12px; font-size: 16.5px; }
}
@media screen and (max-width:768px) {
    #price .content .list { margin: 42px 0 0; }
    #price .content .list .tab { gap: 6px; }
    #price .content .list .tab button { height: 46px; padding: 0 27px; border-radius: 11px; font-size: 15px; }
}
@media screen and (max-width:640px) {
    #price .content .list { margin: 35px 0 0; }
    #price .content .list .tab { gap: 5px; }
    #price .content .list .tab button { height: 42.5px; padding: 0 25px; border-radius: 10px; font-size: 13.5px; }
}





#price .content .list .listResult { margin: 120px 0 0; }
#price .content .list .listResult .pricingGrid { display: grid; gap: 10px; align-items: stretch; }
#price .content .list .listResult .pricingGrid.col5{ grid-template-columns: repeat(5,minmax(0,1fr)); }
#price .content .list .listResult .pricingGrid.col4{ grid-template-columns: repeat(4,minmax(0,1fr)); }
#price .content .list .listResult .pricingGrid .pricingCard { position: relative; }
#price .content .list .listResult .pricingGrid .pricingCard .badge { position: absolute; top: -50px; left: 0; right: 0; width: 100%; line-height: 50px; color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 600; letter-spacing: 0.21px; text-transform: uppercase; padding: 0 0 30px; z-index: 1; border-radius: 15px 15px 0 0; }
#price .content .list .listResult .pricingGrid .pricingCard .card { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 30px 15px; border-radius: 15px; background: #fff; z-index: 10; } 
#price .content .list .listResult .pricingGrid .pricingCard.pink .badge { background:#EA65AE; }
#price .content .list .listResult .pricingGrid .pricingCard.blue .badge { background:#8E91EC; }
#price .content .list .listResult .pricingGrid .pricingCard.neon .badge { background:#59df18; }
#price .content .list .listResult .pricingGrid .pricingCard.red .badge { background:#F24C51; }
#price .content .list .listResult .pricingGrid .pricingCard.pink .card { border:2px solid #EA65AE; }
#price .content .list .listResult .pricingGrid .pricingCard.blue .card { border:2px solid #8E91EC; }
#price .content .list .listResult .pricingGrid .pricingCard.neon .card { border:2px solid #59df18; }
#price .content .list .listResult .pricingGrid .pricingCard.red .card { border:2px solid #F24C51; }
#price .content .list .listResult .pricingGrid .pricingCard .thumb { display: flex; align-items: center; justify-content: center; height: 75px; }
#price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 75px; }
#price .content .list .listResult .pricingGrid .pricingCard h2 { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.25px; text-transform: capitalize; margin: 25px 0 0; }
#price .content .list .listResult .pricingGrid .pricingCard .period { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.21px; text-transform: capitalize; margin: 14px 0 0; }
#price .content .list .listResult .pricingGrid .pricingCard .price { text-align: center; color: #222; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.25px; text-transform: capitalize; margin: 14px 0 0; }
#price .content .list .listResult .pricingGrid .pricingCard .price strong { color: #000; font-family: 'Pretendard'; font-size: 35px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.35px; text-transform: capitalize; }
#price .content .list .listResult .pricingGrid .pricingCard .desc { flex: 1; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #DDD; }
#price .content .list .listResult .pricingGrid .pricingCard .desc li { position: relative; padding-left: 13px; color: #222; font-family: 'Pretendard'; font-size: 15px; font-style: normal; font-weight: 400; line-height: 200%; letter-spacing: -0.3px; text-transform: capitalize; }
#price .content .list .listResult .pricingGrid .pricingCard .desc li::before { content: '•'; position: absolute; left: 0; top: 0; }
#price .content .list .listResult .pricingGrid .pricingCard .desc li strong { color: #000; font-family: 'Pretendard'; font-weight: 600; }
#price .content .list .listResult .pricingGrid .pricingCard .btn { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 15px; background: #7F40FF; color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: 240%; letter-spacing: 0.17px; text-transform: uppercase; margin: 20px 0 0; transition: transform .3s ease, box-shadow .3s ease; }
@media (hover:hover) and (pointer:fine) {
    #price .content .list .listResult .pricingGrid .pricingCard:hover{ transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,.08); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn:hover{ transform:translateY(-2px); box-shadow: 0 5px 15px rgba(123,66,246,.25); }
}

@media screen and (max-width:1600px) {
    #price .content .list .listResult { margin: 105px 0 0; }
    #price .content .list .listResult .pricingGrid { gap: 9px; }
    #price .content .list .listResult .pricingGrid .pricingCard .badge { top: -48px; line-height: 48px; font-size: 20px; padding: 0 0 27px; border-radius: 14px 14px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .card { padding: 27px 14px; border-radius: 14px; } 
    #price .content .list .listResult .pricingGrid .pricingCard .thumb { height: 70px; }
    #price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 70px; }
    #price .content .list .listResult .pricingGrid .pricingCard h2 { font-size: 24px; margin: 23px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .period { font-size: 20px; margin: 13px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price { font-size: 24px; margin: 13px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price strong { font-size: 33px; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc { margin: 18.5px 0 0; padding: 18.5px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc li { padding-left: 12px; font-size: 14.75px; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn { border-radius: 14px; font-size: 16.5px; line-height: 250%; margin: 18.5px 0 0; }
}
@media screen and (max-width:1280px) {
    #price .content .list .listResult { margin: 90px 0 0; }
    #price .content .list .listResult .pricingGrid { gap: 10px; }
    #price .content .list .listResult .pricingGrid.col5{ grid-template-columns: repeat(2,minmax(0,1fr)); }
    #price .content .list .listResult .pricingGrid.col4{ grid-template-columns: repeat(2,minmax(0,1fr)); }
    #price .content .list .listResult .pricingGrid .pricingCard.neon ,
    #price .content .list .listResult .pricingGrid .pricingCard.white ,
    #price .content .list .listResult .pricingGrid .pricingCard.pink ,
    #price .content .list .listResult .pricingGrid .pricingCard.blue ,
    #price .content .list .listResult .pricingGrid .pricingCard.red { margin: 46px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard.white::before { content:''; position: absolute; top: -46px; left: 0; right: 0; width: 100%; height: 46px; padding: 0 0 24px; z-index: 1; border-radius: 13px 13px 0 0; background-color: #FFF; }
    #price .content .list .listResult .pricingGrid .pricingCard .badge { top: -46px; line-height: 46px; font-size: 19px; padding: 0 0 24px; border-radius: 13px 13px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .card { padding: 24px 13px; border-radius: 13px; } 
    #price .content .list .listResult .pricingGrid .pricingCard .thumb { height: 65px; }
    #price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 65px; }
    #price .content .list .listResult .pricingGrid .pricingCard h2 { font-size: 23px; margin: 21px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .period { font-size: 19px; margin: 12px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price { font-size: 23px; margin: 12px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price strong { font-size: 31px; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc { margin: 17px 0 0; padding: 17px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc li { padding-left: 11px; font-size: 14.5px; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn { border-radius: 13px; font-size: 16px; line-height: 260%; margin: 17px 0 0; }
}
@media screen and (max-width:1024px) {
    #price .content .list .listResult { margin: 75px 0 0; }
    #price .content .list .listResult .pricingGrid { gap: 9px; }
    #price .content .list .listResult .pricingGrid .pricingCard.neon ,
    #price .content .list .listResult .pricingGrid .pricingCard.white ,
    #price .content .list .listResult .pricingGrid .pricingCard.pink ,
    #price .content .list .listResult .pricingGrid .pricingCard.blue ,
    #price .content .list .listResult .pricingGrid .pricingCard.red { margin: 44px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard.white::before { top: -44px; height: 44px; padding: 0 0 21px; border-radius: 12px 12px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .badge { top: -44px; line-height: 44px; font-size: 18px; padding: 0 0 21px; border-radius: 12px 12px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .card { padding: 21px 12px; border-radius: 12px; } 
    #price .content .list .listResult .pricingGrid .pricingCard .thumb { height: 60px; }
    #price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 60px; }
    #price .content .list .listResult .pricingGrid .pricingCard h2 { font-size: 22px; margin: 19px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .period { font-size: 18px; margin: 11px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price { font-size: 22px; margin: 11px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price strong { font-size: 29px; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc { margin: 15.5px 0 0; padding: 15.5px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc li { padding-left: 10px; font-size: 14.25px; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn { border-radius: 12px; font-size: 15.5px; line-height: 270%; margin: 15.5px 0 0; }
}
@media screen and (max-width:768px) {
    #price .content .list .listResult { margin: 60px 0 0; }
    #price .content .list .listResult .pricingGrid { gap: 10px; }
    #price .content .list .listResult .pricingGrid.col5{ grid-template-columns: 1fr; }
    #price .content .list .listResult .pricingGrid.col4{ grid-template-columns: 1fr; }
    #price .content .list .listResult .pricingGrid .pricingCard.neon ,
    #price .content .list .listResult .pricingGrid .pricingCard.white ,
    #price .content .list .listResult .pricingGrid .pricingCard.pink ,
    #price .content .list .listResult .pricingGrid .pricingCard.blue ,
    #price .content .list .listResult .pricingGrid .pricingCard.red { margin: 42px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard.white::before { top: -42px; height: 42px; padding: 0 0 18px; border-radius: 11px 11px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .badge { top: -42px; line-height: 42px; font-size: 17px; padding: 0 0 18px; border-radius: 11px 11px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .card { padding: 18px 11px; border-radius: 11px; } 
    #price .content .list .listResult .pricingGrid .pricingCard .thumb { height: 55px; }
    #price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 55px; }
    #price .content .list .listResult .pricingGrid .pricingCard h2 { font-size: 21px; margin: 17px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .period { font-size: 17px; margin: 10px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price { font-size: 21px; margin: 10px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price strong { font-size: 27px; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc { margin: 14px 0 0; padding: 14px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc li { padding-left: 9px; font-size: 14px; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn { border-radius: 11px; font-size: 15px; line-height: 280%; margin: 14px 0 0; }
}
@media screen and (max-width:640px) {
    #price .content .list .listResult { margin: 45px 0 0; }
    #price .content .list .listResult .pricingGrid { gap: 9px; }
    #price .content .list .listResult .pricingGrid .pricingCard.neon ,
    #price .content .list .listResult .pricingGrid .pricingCard.white ,
    #price .content .list .listResult .pricingGrid .pricingCard.pink ,
    #price .content .list .listResult .pricingGrid .pricingCard.blue ,
    #price .content .list .listResult .pricingGrid .pricingCard.red { margin: 40px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard.white::before { top: -40px; height: 40px; padding: 0 0 15px; border-radius: 10px 10px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .badge { top: -40px; line-height: 40px; font-size: 16px; padding: 0 0 15px; border-radius: 10px 10px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .card { padding: 15px 10px; border-radius: 10px; } 
    #price .content .list .listResult .pricingGrid .pricingCard .thumb { height: 50px; }
    #price .content .list .listResult .pricingGrid .pricingCard .thumb img { height: 50px; }
    #price .content .list .listResult .pricingGrid .pricingCard h2 { font-size: 20px; margin: 15px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .period { font-size: 16px; margin: 9px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price { font-size: 20px; margin: 9px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .price strong { font-size: 25px; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc { margin: 12.5px 0 0; padding: 12.5px 0 0; }
    #price .content .list .listResult .pricingGrid .pricingCard .desc li { padding-left: 8px; font-size: 13.75px; }
    #price .content .list .listResult .pricingGrid .pricingCard .btn { border-radius: 10px; font-size: 14.5px; line-height: 290%; margin: 12.5px 0 0; }
}





#price .content .list .pricingNotice{ margin: 50px 0 0; color: #888; text-align: center; font-family: 'Pretendard'; font-size: 15px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 0.15px; text-transform: uppercase; }

@media screen and (max-width:1600px) {
    #price .content .list .pricingNotice{ margin: 45px 0 0; font-size: 14.5px; }
}
@media screen and (max-width:1280px) {
    #price .content .list .pricingNotice{ margin: 40px 0 0; font-size: 14px; }
}
@media screen and (max-width:1024px) {
    #price .content .list .pricingNotice{ margin: 35px 0 0; font-size: 13.5px; }
}
@media screen and (max-width:768px) {
    #price .content .list .pricingNotice{ margin: 30px 0 0; font-size: 13px; }
}
@media screen and (max-width:640px) {
    #price .content .list .pricingNotice{ margin: 25px 0 0; font-size: 12.5px; }
}


















/* 

@media all and (max-width:1200px){

    .pricingGrid.col5{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .pricingGrid.col4{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media all and (max-width:768px){
    .pricingGrid.col5,
    .pricingGrid.col4{
        grid-template-columns:1fr;
    }
}
 */




#price .bottom { background-size: cover; background-repeat: no-repeat; background-position: center; }
#price .bottom.price { background-image: url('../img/sub/price_bottom.png'); }
#price .bottom .title .h { margin: 20px 0 0; }
#price .bottom .title .t { margin: 0; }


@media screen and (max-width:1600px) {
    #price .bottom .title .h { margin: 19px 0 0; }
}
@media screen and (max-width:1280px) {
    #price .bottom .title .h { margin: 18px 0 0; }
}
@media screen and (max-width:1024px) {
    #price .bottom .title .h { margin: 17px 0 0; }
}
@media screen and (max-width:768px) {
    #price .bottom .title .h { margin: 16px 0 0; }
}
@media screen and (max-width:640px) {
    #price .bottom .title .h { margin: 15px 0 0; }
}