@charset "utf-8";

.bg_pink { background-color: #F9EDFF;}
.bg_green { background-color: #EEF9F7;}
.bg_blue { background-color: #EDF2FF;}

.price_main_visual { padding: 303px 0 153px 0; background: url("/wp-content/uploads/sites/2/image/price/price_main_bg.webp") no-repeat center/cover;  text-align: center;}
.price_main_visual h1 { font-size: 44px; font-weight: 700; line-height: 1.5; color: #2E2F32; text-align: center; margin-bottom: 20px;}
.price_main_visual p {font-size: 24px; font-weight:500; line-height:1.5; margin-bottom: 68px;}
.price_main_visual .free_btn { display: inline-flex; align-items: center; gap: 4px;  font-size: 28px; line-height:40px; padding: 24px 52px; border-radius: 60px;}
.price_cont { padding: 134px 0 152px;}
.price_cont .cont_wrap ul {display: flex; gap: 18px;}
.price_cont .cont_wrap ul li { display: flex; flex-direction: column; align-items: center; gap: 25px; width: 33%; box-sizing: border-box; border-radius: 22px; padding: 50px 0; box-shadow: 3px 2px 7px 0px #0000000D;}
.price_cont .cont_wrap ul li > div { display: flex; gap: 8px; background-color: #fff; border-radius: 60px; padding: 14px 28px; }
.price_cont .cont_wrap ul li .txt {  font-size: 34px; font-weight:700; line-height: 1.41;}
.price_cont .cont_wrap p { text-align: center; font-size: 28px; font-weight: 600; line-height:1.42; color: #333; margin-top:76px;}

.price_need {background-color: #F9FBFF; padding: 128px 0;}
.price_need h2 { font-size: 40px; margin-bottom: 78px;}
.price_need .need_wrap {display: flex; gap: 24px;}
.price_need .need_wrap .need_box {width: 50%; border-radius: 22px; padding: 49px 84px;}
.price_need .need_wrap .need_box ul { gap: 28px; display: flex; flex-direction: column;} 
.price_need .need_wrap .need_box ul li {display:flex; gap: 24px; align-items: center; padding: 7px 32px; background-color: #fff; border-radius: 14px; } 
.price_need .need_wrap .need_box.bg_blue ul li { box-shadow: 4px 3px 19px 0px #D5E6FECF;}
.price_need .need_wrap .need_box.bg_pink ul li { box-shadow: 4px 3px 19px 0px #E8CFF4CF;}
.price_need .need_wrap .need_box ul li p { min-width: 218px; font-size:18px; font-weight:500; line-height: 1.66; color: #333;}
.price_need .need_wrap .need_box p span { color: var(--color-p); font-weight:600; }
.price_need .need_wrap .need_box ul li.reverse {flex-direction: row-reverse;}

.price_share { padding: 176px 0 183px 0; }
.price_share .txt_1 { font-size: 24px; font-weight:800; line-height: 1.5; color: var(--color-p); margin-bottom: 16px; text-align: center;}
.price_share h2 { font-size: 40px; font-weight:700; line-height: 1.5; margin-bottom: 26px;}
.price_share .txt_2 { font-size: 24px; font-weight:500; line-height: 1.5; margin-bottom: 78px; text-align: center;}
.price_share .share_wrapper {position: relative; width: 100%;  aspect-ratio: 1200 / 608; margin-bottom: 132px;}
.price_share .share_wrapper .share_img {position: absolute; } 
.price_share .share_wrapper .price_txt {position: absolute; top:51%; left:50%; transform: translate(-50%, -50%); text-align: center; color: #fff;}
.price_share .share_wrapper .price_txt p.price_sub { font-size: 28px; font-weight:700; line-height: 1.19; margin-bottom: 5px;}
.price_share .share_wrapper .price_txt p.price_won { font-size: 100px; font-weight:800; line-height: 1.19;}
.price_share .share_wrapper .price_txt .price_won span { font-size: 58px; font-weight:800; line-height: 1.8; margin-left:8px;}
.price_share .share_wrapper .share_btn {position: absolute; bottom: -44px; left:50%; transform: translate(-50%, 0%);  display: inline-flex; align-items: center; gap: 4px;  font-size: 28px; line-height:40px; padding: 24px 52px; border-radius: 60px; }
.price_share .share_caution { background-color: #F5F5F5; padding: 48px 108px; border-radius: 22px;}
.price_share .share_caution p { font-size: 28px; font-weight:600; line-height: 1.42; color: var(--color-p); margin-bottom: 24px;}
.price_share .share_caution ul li {position: relative; font-size: 18px; font-weight:500; line-height: 2; padding-left:10px; }
.price_share .share_caution ul li::before { content: ""; width: 3px; height: 3px; background-color: #333; display: block; position: absolute; border-radius: 50px; top: 16px; left: 0;}

@media screen and (max-width: 640px) {
    .container_12 {padding: 0 40px;}
    .price_main_visual { padding: 70px 0 73px 0; background: url("/wp-content/uploads/sites/2/image/price/price_main_bg_mb.webp") no-repeat center/cover;text-align: center;}
    .price_main_visual h1 { font-size: 32px; line-height: 1.25;}
    .price_main_visual p { font-size: 20px; line-height: 1.6; margin-bottom: 36px;}
    .price_main_visual .free_btn { font-size: 18px; line-height: 21.6px; padding: 16px 32px;}
    .price_main_visual .free_btn img { width: 22px; height: 22px;}
    
    .price_cont { padding: 66px 0 106px;}
    .price_cont .cont_wrap ul { flex-direction: column; gap: 16px;}
    .price_cont .cont_wrap ul li {width: 100%; padding: 32px 0; gap: 20px;}
    .price_cont .cont_wrap ul li > div { padding: 10px 20px; border-radius: 43px;}
    .price_cont .cont_wrap ul li .txt { font-size: 22px; line-height: 34px;}
    .price_cont .cont_wrap ul li > div > img { width: 36px; height: 36px;}
    .price_cont .cont_wrap p { font-size: 16px; line-height: 1.75; margin-top: 60px;}

    .price_need { padding: 78px 0;}
    .price_need h2 { font-size: 22px; line-height: 1.36; margin-bottom: 38px;}
    .price_need .need_wrap { flex-direction: column; gap: 20px;}
    .price_need .need_wrap .need_box {width: 100%; padding: 27px 30px; border-radius: 10px;}
    .price_need .need_wrap .need_box ul li {justify-content: space-between;}
    .price_need .need_wrap .need_box ul li img { width: 46px; height: 46px;}
    .price_need .need_wrap .need_box ul li p { min-width: 130px;  font-size: 12px; line-height: 17px;;}
    .price_need .need_wrap .need_box p span { gap: 14px;}

    .price_share { padding: 78px 0 104px;}
    .price_share h2 { font-size: 20px; margin-bottom: 10px;}
    .price_share .txt_1 { font-size: 12px; line-height: 1.4; margin-bottom: 8px;}
    .price_share .txt_2 { margin-bottom: 48px; font-size: 12px; }

    .price_share .share_wrapper { margin-bottom: 140px;}
    .price_share .share_wrapper .price_txt p.price_sub { font-size: 6.53px; line-height: 7.8px; margin-bottom: 1px;}
    .price_share .share_wrapper .price_txt p.price_won { font-size: 23.3px; line-height: 27.85px;}
    .price_share .share_wrapper .price_txt .price_won span { font-size: 13.53px; line-height: 24.63px;}
    .price_share .share_wrapper .share_btn { font-size: 18px; line-height: 21.48px; padding:16px 32px; width: 204px; bottom: -74px;}
    .price_share .share_wrapper .share_btn img {width: 22px; height: 22px;}
    .price_share .share_caution { padding: 20px 24px; border-radius: 10px;}
    .price_share .share_caution p { font-size: 13px; font-weight: 700; line-height: 10px; margin-bottom: 12px;}
    .price_share .share_caution ul li { font-size: 11px; line-height: 17px; font-weight: 400; margin-bottom: 4px;}
    .price_share .share_caution ul li::before {top:8px; width: 2px; height: 2px; }

}