@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@font-face {
    font-family: "BMJUA";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/BMJUA.otf") format("opentype");
}

@font-face {
	font-family: 'Gmarket Sans';
    font-style: normal;    
    font-weight: 700;
	src: url('../fonts/GmarketSansBold.woff2') format('woff2'), url('../fonts/GmarketSansBold.woff') format('woff');
}
@font-face {
	font-family: 'Gmarket Sans';
    font-style: normal;    
    font-weight: 500;
	src: url('../fonts/GmarketSansMedium.woff2') format('woff2'), url('../fonts/GmarketSansMedium.woff') format('woff');
}


/* postai common */
.postai-wrap{overflow: hidden; position: relative; margin-left: -74px; width: calc(100% + 74px); font-family: "Pretendard Variable", Pretendard, sans-serif; color: #000; word-break: keep-all;}

.postai-wrap .tablet-only{display: none;}

.postai-wrap .c-red{color: #FE4E4E;}
.postai-wrap .c-mint{color: #03FFC9;}
.postai-wrap .c-green{color: #0A9073;}
.postai-wrap .c-yellow{color: #FFCD4A;}

.postai-wrap .inner{padding: 100px;}
.postai-wrap .sec-tit{margin-bottom: 60px; font-family: "Gmarket Sans", sans-serif; font-size: 86px; font-weight: 700; text-align: center;}
.postai-wrap .sec-tit .sub{display: inline-block; width: 100%; font-size: 50px; font-weight: 500;}
.postai-wrap .sec-tit .sub strong{font-weight: 700;}

.postai-wrap .box-border-wrap{padding: 80px; background-color: #03FFC9;}
.postai-wrap .box-border-wrap .inner{padding: 100px 20px; border: 40px solid #000; border-radius: 40px; background-color: #fff;}
.postai-wrap .num-list{margin: 0 auto; width: fit-content; font-family: "BMJUA", sans-serif; counter-reset: count;}
.postai-wrap .num-list li{position: relative; padding-left: calc(48px + 20px); font-size: 40px; line-height: 1.3; counter-increment: count; word-break: keep-all;}
.postai-wrap .num-list li::before{content: counter(count); position: absolute; top: 4px; left: 0; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-size: 28px; color: #fff; background-color: #666; border-radius: 10px;}
.postai-wrap .num-list li + li{margin-top: 40px;}

.postai-wrap .noti-list li{position: relative; padding-left: 24px; font-size: 28px; font-weight: 600; color: #666;}
.postai-wrap .noti-list li::before{content: ''; position: absolute; top: calc(11px + (6px / 2)); left: 0; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #666;}
.postai-wrap .noti-list li.c-red::before{background-color: #FE4E4E;}
.postai-wrap .noti-list li + li{margin-top: 20px;}


/* postai content */
.postai-wrap .visual-wrap{padding: 100px 40px; background: #03FFC9;}
.postai-wrap .visual-wrap .txt-list{margin-top: 100px;}
.postai-wrap .visual-wrap .txt-list li{padding: 30px; font-family: "BMJUA", sans-serif; font-size: 60px; color: #fff; text-align: center; background-color: #000; border-radius: 20px;}
.postai-wrap .visual-wrap .txt-list li + li{margin-top: 20px;}

.postai-wrap .banner-wrap{padding: 60px; text-align: center; background-color: #000;}
.postai-wrap .banner-wrap .tit-wrap .sub-tit{font-size: 50px; font-weight: 600; color: #fff;}
.postai-wrap .banner-wrap .tit-wrap .tit{margin-top: 10px; font-family: "Gmarket Sans", sans-serif; font-size: 86px; font-weight: 700; color: #FE4E4E;}

.postai-wrap .recommend-wrap{background-color: #000;}
.postai-wrap .recommend-wrap .inner{border-color: #03FFC9;}

.postai-wrap .youtube-wrap{background-color: #F8F8F8;}
.postai-wrap .youtube-wrap .youtube-list li + li{margin-top: 100px;}
.postai-wrap .youtube-wrap .youtube-list .tit{padding: 30px; font-family: "BMJUA", sans-serif; font-size: 50px; color: #fff; text-align: center; border-bottom: 2px solid #f8f8f8; background: #000; border-radius: 20px 20px 0 0;}
.postai-wrap .youtube-wrap .youtube-list .video{position: relative; padding-top: 52.25%;}
.postai-wrap .youtube-wrap .youtube-list .video iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.postai-wrap .plan-wrap{background-color: #000;}
.postai-wrap .plan-wrap .sec-tit{color: #fff;}
.postai-wrap .plan-wrap .plan-list .plan-box{overflow: hidden; border-radius: 40px; background-color: #fff;}
.postai-wrap .plan-wrap .plan-list .plan-box + .plan-box{margin-top: 40px;}
.postai-wrap .plan-wrap .plan-list .plan-box .tit{padding: 30px; font-size: 50px; font-weight: 900; text-align: center; background-color: #03FFC9;}
.postai-wrap .plan-wrap .plan-list .plan-box .desc-list{padding: 40px; font-size: 40px; font-weight: 600;}
.postai-wrap .plan-wrap .plan-list .plan-box .desc-list li{display: flex; gap: 16px;}
.postai-wrap .plan-wrap .plan-list .plan-box .desc-list li::before{content: ''; flex-shrink: 0; display: block; width: 52px; height: 52px; background: url("../../img/post_new/ico_check.png") no-repeat center / contain;}
.postai-wrap .plan-wrap .plan-list .plan-box .desc-list li + li{margin-top: 32px;}
.postai-wrap .plan-wrap .plan-list .plan-box .noti-list{padding: 40px; background-color: #f8f8f8;}

.postai-wrap .suggest-wrap{background-color: #03FFC9;}
.postai-wrap .suggest-wrap .sec-tit{letter-spacing: -3px;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box{overflow: hidden; border-radius: 20px; background-color: #fff;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box + .suggest-box{margin-top: 40px;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box .tit{padding: 30px 40px; font-size: 40px; font-weight: 800; color: #fff; background-color: #000;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list{padding: 30px 40px;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li{font-size: 32px; color: #000; line-height: 1.4;}
.postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li::before{top: calc(13px + (8px / 2)); width: 8px; height: 8px; background-color: #000;}

.postai-wrap .price-wrap .price-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; text-align: center;}
.postai-wrap .price-wrap .price-list .price-box{display: flex; flex-direction: column; padding: 40px; background-color: #000; border-radius: 20px;}
.postai-wrap .price-wrap .price-list .price-box .tit-wrap{min-height: 95px;}
.postai-wrap .price-wrap .price-list .price-box .tit-wrap .tit{font-family: "BMJUA", sans-serif; font-size: 50px; color: #fff;}
.postai-wrap .price-wrap .price-list .price-box .tit-wrap .desc{margin-top: 10px; font-size: 28px; font-weight: 600; color: #03FFC9;}
.postai-wrap .price-wrap .price-list .price-box .fee{display: flex; flex-direction: column; margin-top: 40px; min-height: 104px; font-family: "Gmarket Sans", sans-serif; font-size: 60px; font-weight: 700; color: #FFCD4A; line-height: 1; text-transform: uppercase;}
.postai-wrap .price-wrap .price-list .price-box .fee small{display: inline-block; margin-top: 10px; width: 100%; font-family: 'Pretendard', sans-serif; font-size: 28px; font-weight: 600; color: rgba(255, 255, 255, 0.8);}
.postai-wrap .price-wrap .price-list .price-box .btn-wrap{display: flex; flex-direction: column; gap: 10px; margin-top: 60px; height: 100%;}
.postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn{font-family: "BMJUA", sans-serif; font-size: 28px; border-radius: 20px;}
.postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn.white{color: #666; background-color: #fff;}
.postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn.primary{height: 100%; color: #000; background-color: #03FFC9;}

.postai-wrap .review-wrap{background-color: #000;}
.postai-wrap .review-wrap .sec-tit{color: #fff;}
.postai-wrap .review-wrap .review-list .review-box{padding: 40px; background-color: #fff; border-radius: 20px;}
.postai-wrap .review-wrap .review-list .review-box + .review-box{margin-top: 20px;}
.postai-wrap .review-wrap .review-list .review-box .rating-wrap{display: flex; align-items: center;}
.postai-wrap .review-wrap .review-list .review-box .rating-wrap .rating{display: flex; align-items: center; gap: 6px;}
.postai-wrap .review-wrap .review-list .review-box .rating-wrap .rating li{width: 28px; height: 28px; background: url("../../img/post_new/ico_start_off.png") no-repeat center / contain;}
.postai-wrap .review-wrap .review-list .review-box .rating-wrap .rating li.on{background-image: url("../../img/post_new/ico_start_on.png");}
.postai-wrap .review-wrap .review-list .review-box .rating-wrap .txt{margin-left: 14px; font-family: "Gmarket Sans", sans-serif; font-size: 24px; font-weight: 700;}
.postai-wrap .review-wrap .review-list .review-box .review-txt{margin: 20px 0; font-size: 28px; font-weight: 500; word-break: keep-all;}
.postai-wrap .review-wrap .review-list .review-box .info-txt{display: flex; align-items: center; font-size: 18px; font-weight: 500; color: #666;}
.postai-wrap .review-wrap .review-list .review-box .info-txt span::after{content: ''; display: inline-block; margin: 3px 12px 0; width: 1px; height: 16px; background-color: #666;}
.postai-wrap .review-wrap .review-list .review-box .info-txt span:last-child:after{display: none;}

.postai-wrap .faq-wrap .accordion-wrap .accordion-item:last-child{border-bottom: 2px solid #ddd;}
.postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-tit{display: flex; align-items: center; gap: 20px; padding: 30px; font-size: 32px; font-weight: 800; word-break: keep-all; border-top: 2px solid #ddd; cursor: pointer; line-height: 1.6;}
.postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-tit::after{content: ''; flex-shrink: 0; display: block; margin-left: auto; width: 32px; height: 32px; background: url("../../img/post_new/ico_arrow.png") no-repeat center / contain; transition: all 0.5s;}
.postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-body{display: none; padding: 30px; font-size: 28px; font-weight: 500; line-height: 1.5; word-break: keep-all; background-color: #03FFC9;}
.postai-wrap .faq-wrap .accordion-wrap .accordion-item.active .accordion-tit::after{transform: rotate(180deg);}
.postai-wrap .faq-wrap .accordion-wrap .accordion-item.active .accordion-body{border-top: 2px solid #ddd;}

@media (max-width: 1800px) {
    .postai-wrap .inner{padding: 100px 30px;}
    .postai-wrap .sec-tit{margin-bottom: 60px; font-size: 76px;}
    .postai-wrap .sec-tit .sub{font-size: 50px;}

    .postai-wrap .box-border-wrap{padding: 30px;}
    .postai-wrap .box-border-wrap .inner{padding: 80px 30px; border-width: 30px;}
    .postai-wrap .num-list li br{display: none;}

    .postai-wrap .visual-wrap .txt-list li{font-size: 50px;}

    .postai-wrap .banner-wrap{padding: 60px 20px;}
    .postai-wrap .banner-wrap .tit-wrap .sub-tit{font-size: 40px;}
    .postai-wrap .banner-wrap .tit-wrap .tit{font-size: 76px;}
}

@media (max-width: 1400px) {
    .postai-wrap{margin-left: -24px; width: calc(100% + 24px);}
    .postai-wrap .tablet-only{display: block;}
}

@media (max-width: 1280px) {
    .postai-wrap .price-wrap .price-list{gap: 20px;}
    .postai-wrap .price-wrap .price-list .price-box{padding: 40px 20px 20px;}
}

@media (max-width: 900px) {
    .postai-wrap{margin: -80px -40px; width: calc(100% + 80px);}
    .postai-wrap .mo-only{display: block !important;}

    .postai-wrap .noti-list li{padding-left: 24px; font-size: 32px; line-height: 1.4;}
    .postai-wrap .noti-list li::before{top: calc(13px + (8px / 2)); width: 8px; height: 8px;}
    .postai-wrap .noti-list li + li{margin-top: 20px;}

    .postai-wrap .visual-wrap{padding: 100px 20px;}
    .postai-wrap .visual-wrap .txt-list li{font-size: 40px;}
    .postai-wrap .visual-wrap .txt-list li + li{margin-top: 20px;}

    .postai-wrap .banner-wrap{padding: 60px 20px;}
    .postai-wrap .banner-wrap .tit-wrap .sub-tit{font-size: 40px;}
    .postai-wrap .banner-wrap .tit-wrap .tit{margin-top: 10px; font-size: 76px;}

    .postai-wrap .suggest-wrap .sec-tit{letter-spacing: 0;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li{font-size: 36px;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li::before{top: calc(14px + (10px / 2)); width: 10px; height: 10px;}

    .postai-wrap .price-wrap .price-list{grid-template-columns: auto; gap: 40px;}
    .postai-wrap .price-wrap .price-list .price-box{padding: 40px; border-radius: 20px;}
    .postai-wrap .price-wrap .price-list .price-box .tit-wrap .tit{font-size: 60px;}
    .postai-wrap .price-wrap .price-list .price-box .tit-wrap .desc{font-size: 32px;}
    .postai-wrap .price-wrap .price-list .price-box .fee{min-height: fit-content; font-size: 70px;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap{gap: 20px; margin-top: 60px; height: fit-content;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn{height: 100px; font-size: 32px;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn.primary{height: 100px;}
    .postai-wrap .price-wrap .price-list .price-box.mega .btn-wrap .btn.primary{height: 200px;}
    
    .postai-wrap .review-wrap .review-list .review-box{padding: 40px;}
    .postai-wrap .review-wrap .review-list .review-box .review-txt{font-size: 32px;}
    .postai-wrap .review-wrap .review-list .review-box .info-txt{font-size: 24px;}
    .postai-wrap .review-wrap .review-list .review-box .info-txt span::after{width: 2px; height: 18px;}

    .postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-tit{font-size: 36px;}
    .postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-body{font-size: 32px;}
}
@media (max-width: 720px) {
    .postai-wrap{margin: -11.11vw -5.56vw; width: calc(100% + 11.11vw);}
    .postai-wrap .inner{padding: 13.89vw 4.17vw;}
    .postai-wrap .sec-tit{margin-bottom: 8.33vw; font-size: 10.56vw;}
    .postai-wrap .sec-tit .sub{font-size: 6.94vw;}

    .postai-wrap .box-border-wrap{padding: 4.17vw;}
    .postai-wrap .box-border-wrap .inner{padding: 11.11vw 4.17vw; border-width: 4.17vw; border-radius: 5.56vw;}
    .postai-wrap .num-list li{padding-left: calc(6.67vw + 2.78vw); font-size: 5.56vw;}
    .postai-wrap .num-list li::before{top: 0.56vw; width: 6.67vw; height: 6.67vw; font-size: 3.89vw; border-radius: 1.39vw;}
    .postai-wrap .num-list li + li{margin-top: 5.56vw;}

    .postai-wrap .noti-list li{padding-left: 3.33vw; font-size: 4.44vw; line-height: 1.4;}
    .postai-wrap .noti-list li::before{top: calc(1.81vw + (1.11vw / 2)); width: 1.11vw; height: 1.11vw;}
    .postai-wrap .noti-list li + li{margin-top: 2.78vw;}

    .postai-wrap .visual-wrap{padding: 13.89vw 2.78vw;}
    .postai-wrap .visual-wrap .txt-list{margin-top: 13.89vw;}
    .postai-wrap .visual-wrap .txt-list li{padding: 4.17vw; font-size: 5.56vw; border-radius: 2.78vw;}
    .postai-wrap .visual-wrap .txt-list li + li{margin-top: 2.78vw;}

    .postai-wrap .banner-wrap{padding: 8.33vw 2.78vw;}
    .postai-wrap .banner-wrap .tit-wrap .sub-tit{font-size: 5.56vw;}
    .postai-wrap .banner-wrap .tit-wrap .tit{margin-top: 1.39vw; font-size: 10.56vw;}

    .postai-wrap .youtube-wrap .youtube-list li + li{margin-top: 13.89vw;}
    .postai-wrap .youtube-wrap .youtube-list .tit{padding: 4.17vw; font-size: 6.94vw; border-bottom-width: 0.28vw; border-radius: 2.78vw 2.78vw 0 0;}

    .postai-wrap .plan-wrap .plan-list .plan-box{border-radius: 5.56vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box + .plan-box{margin-top: 5.56vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .tit{padding: 4.17vw; font-size: 6.94vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .desc-list{padding: 5.56vw; font-size: 5.56vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .desc-list li{gap: 2.22vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .desc-list li::before{width: 7.22vw; height: 7.22vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .desc-list li + li{margin-top: 4.44vw;}
    .postai-wrap .plan-wrap .plan-list .plan-box .noti-list{padding: 5.56vw;}

    .postai-wrap .suggest-wrap .sec-tit{letter-spacing: -0.42vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box{border-radius: 2.78vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box + .suggest-box{margin-top: 5.56vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .tit{padding: 4.17vw 5.56vw; font-size: 5.56vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list{padding: 4.17vw 5.56vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li{font-size: 5.00vw;}
    .postai-wrap .suggest-wrap .suggest-list .suggest-box .noti-list li::before{top: calc(1.94vw + (1.39vw / 2)); width: 1.39vw; height: 1.39vw;}

    .postai-wrap .price-wrap .price-list{grid-template-columns: auto; gap: 5.56vw;}
    .postai-wrap .price-wrap .price-list .price-box{padding: 5.56vw; border-radius: 2.78vw;}
    .postai-wrap .price-wrap .price-list .price-box .tit-wrap{min-height: 13.19vw;}
    .postai-wrap .price-wrap .price-list .price-box .tit-wrap .tit{font-size: 8.33vw;}
    .postai-wrap .price-wrap .price-list .price-box .tit-wrap .desc{margin-top: 1.39vw; font-size: 4.44vw;}
    .postai-wrap .price-wrap .price-list .price-box .fee{margin-top: 6.94vw; min-height: fit-content; font-size: 9.72vw;}
    .postai-wrap .price-wrap .price-list .price-box .fee small{margin-top: 1.39vw; font-size: 3.89vw;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap{gap: 2.78vw; margin-top: 8.33vw; height: fit-content;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn{height: 13.89vw; font-size: 4.44vw; border-radius: 2.78vw;}
    .postai-wrap .price-wrap .price-list .price-box .btn-wrap .btn.primary{height: 13.89vw;}
    .postai-wrap .price-wrap .price-list .price-box.mega .btn-wrap .btn.primary{height: 27.78vw;}
    
    .postai-wrap .review-wrap .review-list .review-box{padding: 5.56vw; border-radius: 2.78vw;}
    .postai-wrap .review-wrap .review-list .review-box + .review-box{margin-top: 2.78vw;}
    .postai-wrap .review-wrap .review-list .review-box .rating-wrap .rating{gap: 0.83vw;}
    .postai-wrap .review-wrap .review-list .review-box .rating-wrap .rating li{width: 3.89vw; height: 3.89vw;}
    .postai-wrap .review-wrap .review-list .review-box .rating-wrap .txt{margin-left: 1.94vw; font-size: 3.89vw; }
    .postai-wrap .review-wrap .review-list .review-box .review-txt{margin: 2.78vw 0; font-size: 4.44vw; line-height: 1.6;}
    .postai-wrap .review-wrap .review-list .review-box .info-txt{font-size: 3.33vw;}
    .postai-wrap .review-wrap .review-list .review-box .info-txt span::after{margin: 0.42vw 1.67vw 0; width: 0.28vw; height: 2.50vw;}

    .postai-wrap .faq-wrap .accordion-wrap .accordion-item:last-child{border-bottom-width: 0.28vw;}
    .postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-tit{gap: 2.78vw; padding: 4.17vw; font-size: 5.00vw; border-top-width: 0.28vw; line-height: 1.6;}
    .postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-tit::after{width: 4.44vw; height: 4.44vw;}
    .postai-wrap .faq-wrap .accordion-wrap .accordion-item .accordion-body{padding: 4.17vw; font-size: 4.44vw;}
    .postai-wrap .faq-wrap .accordion-wrap .accordion-item.active .accordion-body{border-top-width: 0.28vw;}
}