@charset "utf-8";

/* content */
.layout_full#sri_section {overflow:visible}
.layout_full #content {width:100%;margin:57px auto 0}

/* section inner */
.wrap_job_pass .section_inner {width:1260px;margin:0 auto}
.wrap_job_pass [class*="section"] {box-sizing:border-box}
.wrap_job_pass [class*="visual"] .txt_deco,
.wrap_job_pass [class*="section"] .txt_deco {position:absolute;content:'';display:block;background-repeat:no-repeat;background-position:0 0;z-index:-1}

/* visual */
.wrap_job_pass .visual {position:relative;overflow:hidden;padding:80px 0 0;background:linear-gradient(0deg, #0C1533 0%, #0C1533 100%), #111}
.wrap_job_pass .visual::after {position:absolute;content:'';left:0;top:-100px;width:1075px;height:1021px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/visual_bg.png) no-repeat 0 0;z-index:0}
.wrap_job_pass .visual .title {position:relative;text-align:center;z-index:10}
.wrap_job_pass .visual .title .sub_tit {position:relative;display:block;margin:0 0 53px;font-size:48px;font-weight:700;letter-spacing:2px;color:var(--white)}
.wrap_job_pass .visual .title .sub_tit .txt_deco {bottom:-10px;left:50%;margin-left:-35px;width:187px;height:71px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/visual_txt_deco.png)}
.wrap_job_pass .visual .title .main_tit {margin:0 0 48px}
.wrap_job_pass .visual .desc {position:relative;font-size:24px;line-height:36px;color:#BECDE9;z-index:5}
.wrap_job_pass .visual .desc::before {position:absolute;content:'';top:-10px;left:50%;margin-left:-235px;width:174px;height:174px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/visual_bg_pencil.png) no-repeat 50% 50%;z-index:0}
.wrap_job_pass .visual .icon_wrap {position:relative;width:100%;height:523px}
.wrap_job_pass .visual .icon {position:absolute;top:-100px;left:50%;animation:dropBounce 1s ease-out forwards;z-index:10}
.wrap_job_pass .visual .icon .icon_float {display:block;animation:floating 2.5s ease-in-out infinite;animation-delay:1s}
.wrap_job_pass .visual .icon01 {--target-top:211px;margin-left:-416px;z-index:10;animation-delay:0.7s}
.wrap_job_pass .visual .icon01 .icon_float {animation-delay:0.1s}
.wrap_job_pass .visual .icon02 {--target-top:85px;margin-left:-312px;z-index:5;animation-delay:0.6s}
.wrap_job_pass .visual .icon02 .icon_float {animation-delay:0.2s}
.wrap_job_pass .visual .icon03 {--target-top:58px;margin-left:-245px;animation-delay:0.5s}
.wrap_job_pass .visual .icon03 .icon_float {animation-delay:0.3s}
.wrap_job_pass .visual .icon04 {--target-top:74px;margin-left:75px;z-index:15;animation-delay:0.4s}
.wrap_job_pass .visual .icon04 .icon_float {animation-delay:0.4s}
.wrap_job_pass .visual .icon05 {--target-top:26px;margin-left:201px;z-index:15;animation-delay:0.3s}
.wrap_job_pass .visual .icon05 .icon_float {animation-delay:0.5s}
.wrap_job_pass .visual .icon06 {--target-top:290px;margin-left:63px;z-index:10;animation-delay:0.2s}
.wrap_job_pass .visual .icon06 .icon_float {animation-delay:0.6s}
/* animation fade in */
.wrap_job_pass .visual .sub_tit,
.wrap_job_pass .visual .main_tit,
.wrap_job_pass .visual .desc,
.wrap_job_pass .visual .icon_wrap {opacity:0;animation:fadeIn 1s forwards}
.wrap_job_pass .visual .sub_tit {animation-delay:0.1s}
.wrap_job_pass .visual .main_tit {animation-delay:0.2s}
.wrap_job_pass .visual .desc {animation-delay:0.3s}
.wrap_job_pass .visual .icon_wrap {animation-delay:0.5s}
@keyframes dropBounce {
    0% {transform:translateY(0);animation-timing-function:ease-in}
    70% {transform:translateY(calc(var(--target-top) - (-100px)));animation-timing-function:ease-out}
    80% {transform:translateY(calc(var(--target-top) - (-100px) + 30px));animation-timing-function:ease-in}
    90% {transform:translateY(calc(var(--target-top) - (-100px)));animation-timing-function:ease-out}
    95% {transform:translateY(calc(var(--target-top) - (-100px) + 10px));animation-timing-function:ease-in}
    100% {transform:translateY(calc(var(--target-top) - (-100px)));animation-timing-function:ease-in}
}
@keyframes floating {
    0% {transform:translateY(0)}
    50% {transform:translateY(-20px)}
    100% {transform:translateY(0)}
}

/* section01 */
.wrap_job_pass .section01 {position:relative;overflow:hidden;background:linear-gradient(0deg, #0C1533 0%, #0C1533 100%), #111;text-align:center}
.wrap_job_pass .section01::before {position:absolute;content:'';right:-400px;bottom:-180px;width:1075px;height:1021px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/visual_bg.png) no-repeat 0 0;z-index:0}
.wrap_job_pass .section01 .section_inner {position:relative}
.wrap_job_pass .section01 .title {margin:0 0 72px;font-size:40px;line-height:45px;font-weight:600;color:var(--white)}
.wrap_job_pass .section01 .title .point {color:var(--green70)}
.wrap_job_pass .section01 .title .sub_txt {margin:20px 0 0;font-size:15px;line-height:22px;color:var(--gray50)}
.wrap_job_pass .section01 .box_wrap {position:relative;padding:0 0 100px;display:flex;align-items:center;justify-content:center;gap:40px;z-index:10}
.wrap_job_pass .section01 .box_wrap .box_item {width:320px;height:360px;display:flex;flex-direction:column;justify-content:center;justify-content:center;border-radius:40px;box-shadow:0 24px 32px rgba(0, 0, 0, 0.30)}
.wrap_job_pass .section01 .box_wrap .box_item:nth-child(1) {background:var(--blue90)}
.wrap_job_pass .section01 .box_wrap .box_item:nth-child(2) {background:var(--violet100)}
.wrap_job_pass .section01 .box_wrap .box_item:nth-child(3) {background:var(--gray110)}
.wrap_job_pass .section01 .box_wrap .box_item .img {display:block;margin:0 0 20px;height:124px;display:inline-flex;align-items:center;justify-content:center}
.wrap_job_pass .section01 .box_wrap .counter_up {display:block;margin:0 0 8px;font-size:48px;line-height:68px;color:var(--white)}
.wrap_job_pass .section01 .box_wrap .counter_up span {font-size:32px;line-height:44px;font-weight:400}
.wrap_job_pass .section01 .box_wrap .desc {font-size:20px;line-height:28px;color:var(--white)}
/* animation fade in */
.wrap_job_pass .section01 .title,
.wrap_job_pass .section01 .box_wrap .box_item {opacity:0}
.wrap_job_pass .section01 .ani .title,
.wrap_job_pass .section01 .ani .box_wrap .box_item {animation:fadeIn 1s forwards}
.wrap_job_pass .section01 .ani .title {animation-delay:0.1s}
.wrap_job_pass .section01 .ani .box_wrap .box_item {animation-delay:0.2s}
.wrap_job_pass .section01 .ani .box_wrap .box_item:nth-child(2) {animation-delay:0.3s}
.wrap_job_pass .section01 .ani .box_wrap .box_item:nth-child(3) {animation-delay:0.4s}

/* section02 */
.wrap_job_pass .section02 {position:relative;margin:-280px 0 0;padding:359px 0 165px;background:linear-gradient(180deg, #F1F3FB 83.17%, #FFF 100%)}
.wrap_job_pass .section02 .title {position:relative;display:block;margin:0 0 68px;font-size:32px;line-height:44px;font-weight:600;text-align:center}
.wrap_job_pass .section02 .title .txt_deco {bottom:-6px;left:50%;margin-left:-225px;width:276px;height:27px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec02_txt_deco.png)}
.wrap_job_pass .section02 .box_item {display:flex;justify-content:center;}
.wrap_job_pass .section02 .box_item .tit {display:block;font-size:48px;line-height:68px;color:var(--black)}
.wrap_job_pass .section02 .box_item .desc {margin:24px 0 0;font-size:18px;line-height:26px;color:var(--gray100)}
.wrap_job_pass .section02 .box_item.item01 {gap:97px}
.wrap_job_pass .section02 .box_item.item01 .tit {margin:42px 0 0}
.wrap_job_pass .section02 .box_item.item02 {margin:80px 0 0;gap:104px}
.wrap_job_pass .section02 .box_item.item02 .tit {margin:103px 0 0}
/* animation fade in */
.wrap_job_pass .section02 .title,
.wrap_job_pass .section02 .box_item.item01,
.wrap_job_pass .section02 .box_item.item02 {opacity:0}
.wrap_job_pass .section02 .ani .title,
.wrap_job_pass .section02 .ani .box_item.item01,
.wrap_job_pass .section02 .ani .box_item.item02 {animation:fadeIn 1s forwards}
.wrap_job_pass .section02 .ani .title {animation-delay:0.2s}
.wrap_job_pass .section02 .ani .box_item.item01 {animation-delay:0.4s}
.wrap_job_pass .section02 .ani .box_item.item02 {animation-delay:0.6s}

/* section03 */
.wrap_job_pass .section03 {padding:0 0 160px;background:var(--white)}
.wrap_job_pass .section03 .title_area {font-size:40px;font-weight:600;line-height:64px;color:var(--gray120);text-align:center}
.wrap_job_pass .section03 .title_area.title02 {position:relative;margin:164px 0 0}
.wrap_job_pass .section03 .title_area.title02 .txt_deco {bottom:-25px;left:50%;margin-left:-175px;width:169px;height:98px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec03_txt_deco.png)}
.wrap_job_pass .section03 .box_wrap {margin:86px 0 0}
.wrap_job_pass .section03 .box_item {margin:0 auto;padding:63px 0 0 63px;width:1040px;height:530px;border-radius:40px;border:1px solid var(--gray40);background:var(--white);box-shadow:0 22px 25px 0 rgba(0, 0, 0, 0.04);background-repeat:no-repeat;background-position:0 0;box-sizing:border-box}
.wrap_job_pass .section03 .box_item + .box_item {margin:127px auto 0}
.wrap_job_pass .section03 .box_item.item01 {background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec03_bg01.png)}
.wrap_job_pass .section03 .box_item.item02 {background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec03_bg02.png)}
.wrap_job_pass .section03 .box_item.item03 {background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec03_bg03.png)}
.wrap_job_pass .section03 .box_item.item04 {background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec03_bg04.png)}
.wrap_job_pass .section03 .box_item .tit {display:block;margin:0 0 24px;font-size:32px;line-height:44px;color:var(--black)}
.wrap_job_pass .section03 .box_item .tit .point {color:var(--green100)}
.wrap_job_pass .section03 .box_item .desc {font-size:16px;line-height:26px;color:var(--gray100)}
.wrap_job_pass .section03 .box_item .desc .TipBox {display:inline-block;vertical-align:text-top;margin:-1px 0 0}
.wrap_job_pass .section03 .box_item .desc .TipBox > button {display:inline-flex;align-items:center;}
.wrap_job_pass .section03 .box_item .desc .TipBox svg {width:20px;height:20px;color:var(--gray80)}

/* animation fade in */
.wrap_job_pass .section03 .title_area,
.wrap_job_pass .section03 .box_item.item01,
.wrap_job_pass .section03 .box_item.item02,
.wrap_job_pass .section03 .box_item.item03,
.wrap_job_pass .section03 .box_item.item04 {opacity:0}
.wrap_job_pass .section03 .ani .title_area,
.wrap_job_pass .section03 .ani .box_item.item01,
.wrap_job_pass .section03 .ani .box_item.item02,
.wrap_job_pass .section03 .ani .box_item.item03,
.wrap_job_pass .section03 .ani .box_item.item04 {animation:fadeIn 1s forwards}
.wrap_job_pass .section03 .ani .title01 {animation-delay:0.1s}
.wrap_job_pass .section03 .ani .title02 {animation-delay:0.4s}
.wrap_job_pass .section03 .ani .box_item.item01 {animation-delay:0.8s}
.wrap_job_pass .section03 .ani .box_item.item02 {animation-delay:0.9s}
.wrap_job_pass .section03 .ani .box_item.item03 {animation-delay:1s}
.wrap_job_pass .section03 .ani .box_item.item04 {animation-delay:1.2s}

/* section04 */
.wrap_job_pass .section04 {position:relative;padding:110px 0 104px;background:#2A294F}
.wrap_job_pass .section04::before {position:absolute;content:'';width:284px;height:201px;left:50%;top:-20px;margin-left:170px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/sec04_tit_bg.png) no-repeat 0 0}
.wrap_job_pass .section04 .title {font-size:40px;font-weight:600;line-height:56px;color:var(--white);text-align:center}
.wrap_job_pass .section04 .tit_desc {margin:13px 0 0;font-size:20px;line-height:28px;color:var(--gray30);text-align:center}
.wrap_job_pass .section04 .box_wrap {margin:64px auto 0;width:1260px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}
.wrap_job_pass .section04 .box_item {margin:0 auto;padding:48px 0 0 40px;height:370px;border-radius:40px;background-repeat:no-repeat;background-position:0 0;box-sizing:border-box}
.wrap_job_pass .section04 .box_item.item01 {width:442px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec04_bg01.png)}
.wrap_job_pass .section04 .box_item.item02 {width:794px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec04_bg02.png)}
.wrap_job_pass .section04 .box_item.item03 {width:618px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec04_bg03.png)}
.wrap_job_pass .section04 .box_item.item04 {width:618px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec04_bg04.png)}
.wrap_job_pass .section04 .box_item .tit {display:block;margin:0 0 16px;font-size:32px;line-height:44px;color:var(--white)}
.wrap_job_pass .section04 .box_item .desc {font-size:16px;line-height:24px;color:var(--gray20);text-align:left}
/* animation fade in */
.wrap_job_pass .section04 .title,
.wrap_job_pass .section04 .tit_desc,
.wrap_job_pass .section04 .box_item {opacity:0}
.wrap_job_pass .section04 .ani .title,
.wrap_job_pass .section04 .ani .tit_desc,
.wrap_job_pass .section04 .ani .box_item {animation:fadeIn 1s forwards}
.wrap_job_pass .section04 .ani .title {animation-delay:0.1s}
.wrap_job_pass .section04 .ani .tit_desc {animation-delay:0.2s}
.wrap_job_pass .section04 .ani .item01 {animation-delay:0.3s}
.wrap_job_pass .section04 .ani .item02 {animation-delay:0.4s}
.wrap_job_pass .section04 .ani .item03 {animation-delay:0.5s}
.wrap_job_pass .section04 .ani .item04 {animation-delay:0.6s}

/* section05 */
.wrap_job_pass .section05 {padding:120px 0 200px;background:var(--white);text-align:center}
.wrap_job_pass .section05 .sub_tit {display:block;margin:0 0 16px;font-size:24px;line-height:34px;color:var(--gray100)}
.wrap_job_pass .section05 .title {position:relative;margin:0 0 32px;font-size:40px;font-weight:600;line-height:56px;color:var(--black);z-index:0}
.wrap_job_pass .section05 .title sup {display:inline-block;vertical-align:top;margin:-8px 0 0 -8px;font-size:40px;line-height:56px;font-weight:700;color:var(--gray60)}
.wrap_job_pass .section05 .title .txt_deco {bottom:0;left:50%;margin-left:-240px;width:196px;height:28px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec05_txt_deco01.png)}
.wrap_job_pass .section05 .sub_txt {font-size:13px;line-height:20px;color:var(--gray70)}
.wrap_job_pass .section05 .reward_step {margin:48px 0 104px;display:flex;justify-content:center;gap:72px}
.wrap_job_pass .section05 .step_list {position:relative}
.wrap_job_pass .section05 .step_list::after {position:absolute;content:'';top:80px;right:-50px;width:62px;height:42px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/sec05_img_arr.png) no-repeat 0 0}
.wrap_job_pass .section05 .step_list:nth-child(4)::after {content:none}
.wrap_job_pass .section05 .reward_step dt {height:200px;margin:0 0 24px}
.wrap_job_pass .section05 .reward_step dd {font-size:20px;line-height:28px;color:var(--gray120)}
.wrap_job_pass .section05 .reward_step dt strong {font-weight:600}
.wrap_job_pass .section05 .noti_reward_txt {position:relative;font-size:28px;font-weight:600;line-height:50px;color:var(--gray120);z-index:0}
.wrap_job_pass .section05 .noti_reward_txt .txt_deco {bottom:-18px;left:50%;margin-left:-128px;width:162px;height:72px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec05_txt_deco02.png)}
/* animation fade in */
.wrap_job_pass .section05 .sub_tit,
.wrap_job_pass .section05 .title,
.wrap_job_pass .section05 .sub_txt,
.wrap_job_pass .section05 .step_list,
.wrap_job_pass .section05 .noti_reward_txt {opacity:0}
.wrap_job_pass .section05 .ani .sub_tit,
.wrap_job_pass .section05 .ani .title,
.wrap_job_pass .section05 .ani .sub_txt,
.wrap_job_pass .section05 .ani .step_list,
.wrap_job_pass .section05 .ani .noti_reward_txt{animation:fadeIn 1s forwards}
.wrap_job_pass .section05 .ani .sub_tit {animation-delay:0.1s}
.wrap_job_pass .section05 .ani .title {animation-delay:0.2s}
.wrap_job_pass .section05 .ani .sub_txt {animation-delay:0.3s}
.wrap_job_pass .section05 .ani .step_list:nth-child(1) {animation-delay:0.4s}
.wrap_job_pass .section05 .ani .step_list:nth-child(2) {animation-delay:0.5s}
.wrap_job_pass .section05 .ani .step_list:nth-child(3) {animation-delay:0.6s}
.wrap_job_pass .section05 .ani .step_list:nth-child(4) {animation-delay:0.7s}
.wrap_job_pass .section05 .ani .noti_reward_txt {animation-delay:0.8s}

/* section06 */
.wrap_job_pass .section06 {position:relative;margin:-27px 0 0;padding:56px 0 130px;background:linear-gradient(180deg, var(--white) 15%, var(--yellow30) 35%)}
.wrap_job_pass .section06 .title_area {margin:0 0 73px;text-align:center}
.wrap_job_pass .section06 .title_area .sub_tit {display:block;margin:0 0 24px;font-size:24px;line-height:34px;color:var(--gray100)}
.wrap_job_pass .section06 .title_area .title01,
.wrap_job_pass .section06 .title_area .title02 {font-size:40px;line-height:56px;font-weight:600;color:var(--black)}
.wrap_job_pass .section06 .title_area .title01 {margin:0 0 8px}
.wrap_job_pass .section06 .title_area .title02 {position:relative;display:inline-block;vertical-align:middle;z-index:5}
.wrap_job_pass .section06 .title_area .title02 .txt_deco {bottom:0;left:50%;margin-left:-255px;width:249px;height:25px;background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/sec06_txt_deco01.png)}
.wrap_job_pass .section06 .title_area .TipBox {display:inline-block;vertical-align:middle;margin:0 0 0 3px}
.wrap_job_pass .section06 .title_area .TipBox > button {display:flex;align-items:center}
.wrap_job_pass .section06 .title_area .TipBox > button svg {width:20px;height:20px;color:var(--gray80)}
.wrap_job_pass .section06 .title_area .TipBox .TipTxt {text-align:left}
.wrap_job_pass .section06 .prod_wrap {display:flex;align-items:center;justify-content:center;gap:42px}
.wrap_job_pass .section06 .prod_item {display:flex;flex-direction:column;justify-content:space-between;width:392px;height:515px;border-radius:40px;border:1px solid var(--gray70);box-sizing:border-box}
.wrap_job_pass .section06 .prod_item.item_standard {position:relative;border-radius:40px;border:1px solid var(--gray120)}
.wrap_job_pass .section06 .prod_item.item_standard .badge_recomm {position:absolute;top:-4px;right:40px;width:48px;height:48px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/sec06_badge_recomm.png) no-repeat 0 0}
.wrap_job_pass .section06 .prod_item .prod_price {padding:40px 0 0 40px;height:192px;background:var(--white);border-radius:39px 39px 0 0;box-sizing:border-box}
.wrap_job_pass .section06 .item_basic .prod_price .prod_tit {background:linear-gradient(to right,#5A00FA,#00E384)}
.wrap_job_pass .section06 .item_standard .prod_price .prod_tit  {background:linear-gradient(to right,#5A00FA,#00E384 75%)}
.wrap_job_pass .section06 .item_premium .prod_price .prod_tit {background:linear-gradient(to right,#5A00FA,#00E384 75%)}
.wrap_job_pass .section06 .prod_item .prod_price .prod_tit {display:block;margin:0 0 12px;font-size:36px;line-height:50px;-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap_job_pass .section06 .prod_item .prod_discount {display:flex;align-items:center;gap:4px;margin:0 0 4px}
.wrap_job_pass .section06 .prod_item .prod_discount .origin_price {font-size:18px;line-height:26px;color:var(--gray70);text-decoration:line-through}
.wrap_job_pass .section06 .prod_item .prod_discount .percent {font-size:18px;font-weight:600;line-height:26px;color:var(--violet100)}
.wrap_job_pass .section06 .prod_item .price {font-size:30px;line-height:normal;color:var(--gray120)}
.wrap_job_pass .section06 .prod_item .price span {font-size:18px}
.wrap_job_pass .section06 .prod_info {padding:25px 31px;flex:1;background:var(--gray20);border-radius:0 0 39px 39px;box-sizing:border-box}
.wrap_job_pass .section06 .prod_info .tit {display:block;margin:0 0 12px;padding:0 0 0 12px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray120)}
.wrap_job_pass .section06 .prod_type_list {padding:0 0 0 12px;margin:0 0 29px}
.wrap_job_pass .section06 .prod_type_list li {padding:0 0 0 32px;font-size:15px;line-height:22px;color:var(--gray120);background:url(//www.saraminimage.co.kr/sri/pass_lounge/ico_check_on.png) no-repeat 2px 50%;text-align:left;}
.wrap_job_pass .section06 .prod_type_list li.off {color:rgba(41, 46, 65, 0.2);background-image:url(//www.saraminimage.co.kr/sri/pass_lounge/ico_check_off.png)}
.wrap_job_pass .section06 .prod_type_list li .badge {display:inline-block;vertical-align:middle;padding:4px 8px;font-size:13px;line-height:18px;font-weight:600;color:var(--gray120);border-radius:24px;background:linear-gradient(90deg, var(--blue40) 0%, var(--green40) 100%), var(--white)}
.wrap_job_pass .section06 .prod_type_list li + li {margin:6px 0 0}
.wrap_job_pass .section06 .prod_info .btn_purchase {background:var(--violet100);border-color:var(--violet100);width:100%}
.wrap_job_pass .section06 .prod_info .btn_purchase:hover {background:var(--violet110);border-color:var(--violet110)}
/* animation fade in */
.wrap_job_pass .section06 .title_area .sub_tit,
.wrap_job_pass .section06 .title_area .title01,
.wrap_job_pass .section06 .title_area .title02,
.wrap_job_pass .section06 .title_area .TipBox,
.wrap_job_pass .section06 .prod_item {opacity:0}
.wrap_job_pass .section06 .ani .title_area .sub_tit,
.wrap_job_pass .section06 .ani .title_area .title01,
.wrap_job_pass .section06 .ani .title_area .title02,
.wrap_job_pass .section06 .ani .title_area .TipBox,
.wrap_job_pass .section06 .ani .prod_item {animation:fadeIn 1s forwards}
.wrap_job_pass .section06 .ani .title_area .sub_tit {animation-delay:0.1s}
.wrap_job_pass .section06 .ani .title_area .title01 {animation-delay:0.2s}
.wrap_job_pass .section06 .ani .title_area .title02 {animation-delay:0.3s}
.wrap_job_pass .section06 .ani .title_area .TipBox {animation-delay:0.3s}
.wrap_job_pass .section06 .ani .item_basic {animation-delay:0.5s}
.wrap_job_pass .section06 .ani .item_standard {animation-delay:0.6s}
.wrap_job_pass .section06 .ani .item_premium {animation-delay:0.7s}

/* section07 */
.wrap_job_pass .section07 {padding:72px 0 80px;background:var(--gray100)}
.wrap_job_pass .section07 .section_inner {width:1098px}
.wrap_job_pass .section07 .title {font-size:32px;line-height:44px;font-weight:700;color:var(--gray30)}
.wrap_job_pass .section07 .list_caution {font-size:15px;line-height:26px;color:var(--gray30)}
.wrap_job_pass .section07 .list_caution .tit {display:block;margin:0 0 8px;font-size:22px;font-weight:600;line-height:30px;color:var(--gray20)}
.wrap_job_pass .section07 .list_caution ul + .tit {margin:32px 0 8px}
.wrap_job_pass .section07 .list_caution ul>li {position:relative;padding:0 0 0 10px}
.wrap_job_pass .section07 .list_caution ul>li::before {position:absolute;content:'';left:0;top:11px;width:4px;height:4px;border-radius:50%;background:var(--gray30)}
.wrap_job_pass .section07 .list_caution li ol {margin:0 0 25px}
/* animation fade in */
.wrap_job_pass .section07 .title,
.wrap_job_pass .section07 .list_caution {opacity:0}
.wrap_job_pass .section07 .ani .title,
.wrap_job_pass .section07 .ani .list_caution {animation:fadeIn 1s forwards}
.wrap_job_pass .section07 .ani .title {animation-delay:0.1s}
.wrap_job_pass .section07 .ani .list_caution {animation-delay:0.3s}

/* section08 */
.wrap_job_pass .section08 {background:var(--gray130);min-height:164px}
.wrap_job_pass .section08 .section_inner {padding:40px 0 40px 165px;background:url(//www.saraminimage.co.kr/sri/pass_lounge/sec08_bg.png) no-repeat 80% 100%, url(//www.saraminimage.co.kr/sri/pass_lounge/sec08_bg2.png) no-repeat 80% 100%}
.wrap_job_pass .section08 .title {font-size:32px;line-height:44px;font-weight:600;background:linear-gradient(90deg, var(--skyBlue80) 0%, var(--green60) 59.86%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wrap_job_pass .section08 .txt_btn {margin:8px 0 0;display:flex;align-items:center;gap:8px;font-size:18px;line-height:26px;color:var(--gray40)}
.wrap_job_pass .section08 .txt_btn .btn_link {display:inline-flex;align-items:center;justify-content:center;width:104px;height:32px;font-size:13px;font-weight:600;line-height:18px;color:var(--gray120);background:linear-gradient(90deg, var(--skyBlue80) 0%, var(--green60) 59.86%), var(--white);border-radius:16px}
.wrap_job_pass .section08 .txt_btn .btn_link svg {width:16px;height:16px}
/* animation fade in */
.wrap_job_pass .section08 .section_inner,
.wrap_job_pass .section08 .title,
.wrap_job_pass .section08 .txt_btn {opacity:0}
.wrap_job_pass .section08 .section_inner.ani,
.wrap_job_pass .section08 .ani .title,
.wrap_job_pass .section08 .ani .txt_btn {animation:fadeIn 1s forwards}
.wrap_job_pass .section08 .ani .title {animation-delay:0.2s}
.wrap_job_pass .section08 .ani .txt_btn {animation-delay:0.3s}

/* box floating */
.box_floating {position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 32px;width:800px;height:64px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.90) 0%,rgba(240,243,248,0.90) 100%);box-shadow:0 24px 24px 0 rgba(0,0,0,0.05),0 5px 12px 0 rgba(0,0,0,0.10);backdrop-filter:blur(10px);transition:opacity 0.3s,transform 0.3s;box-sizing:border-box;z-index:100}
.box_floating.hidden {opacity:0;transform:translateX(-50%) translateY(20px);pointer-events:none}
.box_floating .prod_name {display:inline-flex;align-items:center;gap:12px}
.box_floating .prod_name .badge {display:inline-flex;align-items:center;padding:0 6px;height:24px;font-size:13px;line-height:20px;color:var(--white);border-radius:4px;background:var(--violet100)}
.box_floating .prod_name .tit {font-size:22px;line-height:30px;background:linear-gradient(to right,#5A00FA,#00E384);-webkit-background-clip:text;background-clip:text;color:transparent}
.box_floating .prod_price {display:inline-flex;align-items:center;}
.box_floating .prod_price .percent {margin:0 3px 0 0;font-size:18px;line-height:30px;color:var(--violet100)}
.box_floating .prod_price .price {font-size:28px;line-height:38px;color:var(--gray120)}
.box_floating .prod_price .price span {display:inline-block;vertical-align:middle;margin:0 0 0 3px;font-size:16px;line-height:24px;color:var(--gray110)}
.box_floating .prod_price .btn_purchase {margin:0 0 0 12px;width:240px;background:var(--black);border-color:var(--black )}

/*quick_menu*/
.quick_menu {position:fixed;top:50%;right:56px;transform:translateY(50%);margin-top:-125px;min-height:168px;display:flex;flex-direction:column;gap:8px;z-index:100}
.quick_menu [class*="btn"] {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:80px;height:80px;font-size:13px;font-weight:600;color:var(--gray100);border-radius:24px;background:linear-gradient(180deg, var(--white) 0%, var(--gray20) 100%);backdrop-filter:blur(12px)}
.quick_menu [class*="btn"] svg {width:24px;height:24px;color:var(--gray120)}
.quick_menu .btn_top {cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}
.quick_menu .btn_top.show {opacity:1;transform:translateY(0);pointer-events:auto}

/* 공통 animation */
@keyframes fadeIn {
    0% {opacity:0;transform:translateY(30px)}
    100% {opacity:1;transform:translateY(0)}
}