@charset "utf-8";

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

/* section inner */
.wrap_job_package .section_inner {width:1260px;margin:0 auto}
.wrap_job_package [class*="section"] {box-sizing:border-box}

/* visual */
.wrap_job_package .visual {position:relative;overflow:hidden;height:657px;background:linear-gradient(180deg, rgba(81, 0, 231, 0.00) 17.02%, rgba(62, 12, 146, 0.50) 100%), linear-gradient(0deg, rgba(81, 0, 231, 0.91) 0%, rgba(81, 0, 231, 0.91) 100%), linear-gradient(180deg, #F0F4FF 0%, #F4E9F9 100%)}
.wrap_job_package .visual::after {position:absolute;content:'';left:50%;margin-left:-625px;top:-110px;width:1192px;height:807px;background:url(//www.saraminimage.co.kr/sri/job_package/visual_bg.png); /*no-repeat 38% -105px*/ z-index:5}
.wrap_job_package .visual .title {position:relative;width:920px;margin:0 auto;padding:70px 0 0;z-index:20;text-align:center}
.wrap_job_package .visual .sub_tit {position:relative;display:inline-block;margin:0 auto;padding:0 6px;font-size:32px;line-height:44px;color:var(--white)}
.wrap_job_package .visual .sub_tit::before {position:absolute;content:'';width:100%;height:32px;left:0;bottom:0px;border-radius:4px;background:#4B00D1;z-index:-1}
.wrap_job_package .visual .main_tit {height:333px;margin:40px 0 0;padding:0 0 0 19px;display:flex;align-items:center;justify-content:space-between}
.wrap_job_package .visual .desc {margin:50px 0 0;padding:0 0 0 19px;text-align:left}
.wrap_job_package .visual .img_reading_glass {position:absolute;top:168px;left:50%;margin-left:-185px;z-index:10}
.wrap_job_package .visual .moving_person {overflow:hidden;position:absolute;left:50%;margin-left:-160px;top:180px; width:320px;height:320px;border-radius:50%}
.wrap_job_package .visual .moving_person .person {display:inline-block;width:320px;height:320px;background-repeat:no-repeat;background-position:50%}
.wrap_job_package .visual .moving_person .type01 {background-image:url(//www.saraminimage.co.kr/sri/job_package/visual_slide_img01.png)}
.wrap_job_package .visual .moving_person .type02 {background-image:url(//www.saraminimage.co.kr/sri/job_package/visual_slide_img02.png)}
.wrap_job_package .visual .moving_person .type03 {background-image:url(//www.saraminimage.co.kr/sri/job_package/visual_slide_img03.png)}
.wrap_job_package .visual .moving_person .type04 {background-image:url(//www.saraminimage.co.kr/sri/job_package/visual_slide_img04.png)}
/* animation fade in */
.wrap_job_package .visual .sub_tit,
.wrap_job_package .visual .main_tit .tit_01,
.wrap_job_package .visual .main_tit .tit_02,
.wrap_job_package .visual .desc,
.wrap_job_package .visual .moving_person {opacity:0;animation:fadeIn 1s forwards}
.wrap_job_package .visual .sub_tit {animation-delay:0.1s}
.wrap_job_package .visual .main_tit .tit_01 {animation-delay:0.2s}
.wrap_job_package .visual .main_tit .tit_02 {animation-delay:0.3s}
.wrap_job_package .visual .moving_person {animation-delay:0.5s}
.wrap_job_package .visual .desc {animation-delay:0.6s}

/* section01 */
.wrap_job_package .section01 {padding:88px 0 0;height:1032px;background:var(--white);text-align:center}
.wrap_job_package .section01 .section_inner {position:relative}
.wrap_job_package .section01 .section_inner::before,
.wrap_job_package .section01 .section_inner::after {position:absolute;content:'';left:50%;animation:bounceMotion 2.5s infinite}
.wrap_job_package .section01 .section_inner::before {top:286px;margin-left:-543px;width:188px;height:168px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce01.png) no-repeat 0 0}
.wrap_job_package .section01 .section_inner::after {top:601px;left:auto;right:0;width:266px;height:273px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce02.png) no-repeat 0 0}
.wrap_job_package .section01 .article_box [class*="box"] {position:relative;margin:0 auto;display:flex;flex-direction:column;gap:8px; border-radius:16px;background:var(--white);box-sizing:border-box}
.wrap_job_package .section01 .article_box [class*="box"] .tit {color:var(--black);font-weight:600}
.wrap_job_package .section01 .article_box [class*="box"] .source {font-size:16px;line-height:24px;color:var(--gray50)}
.wrap_job_package .section01 .article_box .box01 {padding:28px 0 0;width:759px;height:126px;box-shadow:0px 10px 20px 0px rgba(235, 237, 242, 0.50);z-index:20}
.wrap_job_package .section01 .article_box .box01 .tit {font-size:28px;line-height:38px}
.wrap_job_package .section01 .article_box .box02 {padding:32px 0 0;width:536px;height:118px;margin-top:-7px;box-shadow:0px 10px 20px 0px #E0E3EA;z-index:15}
.wrap_job_package .section01 .article_box .box02 .tit {font-size:22px;line-height:30px}
.wrap_job_package .section01 .article_box .box03 {padding:40px 0 0;width:370px;height:126px;margin-top:-19px;box-shadow:0px 10px 20px 0px #D1D5DF;z-index:10}
.wrap_job_package .section01 .article_box .box03 .tit {font-size:20px;line-height:28px}
.wrap_job_package .section01 .article_box .box04 {padding:40px 0 0;width:244px;height:126px;margin-top:-34px;box-shadow:0px 10px 20px 0px #D1D5DF;opacity:0.3;filter:blur(3.5px);z-index:5}
.wrap_job_package .section01 .article_box .box04 .tit {font-size:14px;line-height:28px}
.wrap_job_package .section01 .title {position:relative;font-size:68px;font-weight:700;line-height:88px;color:var(--black);z-index:10}
.wrap_job_package .section01 .desc {margin:6px 0 0;font-size:32px;line-height:44px;color:var(--black)}
.wrap_job_package .section01 .card_container {position:relative;margin:40px 0 0;display:flex;justify-content:center;z-index:20}
.wrap_job_package .section01 .card_container .card {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 0 50px;width:320px;height:420px;border-radius:48px;box-sizing:border-box;text-align:left}
.wrap_job_package .section01 .card_container .card:nth-child(1) {background:linear-gradient(180deg,rgba(95,22,233,0.00) 29.52%,rgba(61,12,188,0.60) 100%),#D23FF3;transform:rotateZ(-5deg);animation:flip 2s infinite ease-in-out alternate}
.wrap_job_package .section01 .card_container .card:nth-child(2) {margin-top:106px;margin-left:-30px;background:linear-gradient(0deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.10) 100%),linear-gradient(180deg,#0CCAF1 0%,#6EFF42 100%),linear-gradient(180deg,#CDFB37 0%,#6EFF42 100%),#6EFF42;transform:rotateZ(12deg);animation:flip2 2s infinite ease-in-out alternate}
.wrap_job_package .section01 .card_container .card_tit {font-size:36px;line-height:50px;color:var(--white)}
.wrap_job_package .section01 .card_container .card_desc {margin:12px 0 0;font-size:24px;line-height:34px;color:var(--white)}
/* animation fade in */
.wrap_job_package .section01 .article_box .box01,
.wrap_job_package .section01 .article_box .box02,
.wrap_job_package .section01 .article_box .box03,
.wrap_job_package .section01 .article_box .box04,
.wrap_job_package .section01 .title,
.wrap_job_package .section01 .desc,
.wrap_job_package .section01 .card_container {opacity:0}
.wrap_job_package .section01 .ani .article_box .box01,
.wrap_job_package .section01 .ani .article_box .box02,
.wrap_job_package .section01 .ani .article_box .box03,
.wrap_job_package .section01 .ani .article_box .box04,
.wrap_job_package .section01 .ani .title,
.wrap_job_package .section01 .ani .desc,
.wrap_job_package .section01 .ani .card_container {animation:fadeIn 1s forwards}
.wrap_job_package .section01 .ani .article_box .box01 {animation-delay:0.1s}
.wrap_job_package .section01 .ani .article_box .box02 {animation-delay:0.2s}
.wrap_job_package .section01 .ani .article_box .box03 {animation-delay:0.3s}
.wrap_job_package .section01 .ani .article_box .box04 {animation-delay:0.4s}
.wrap_job_package .section01 .ani .title {animation-delay:0.5s}
.wrap_job_package .section01 .ani .desc {animation-delay:0.6s}
.wrap_job_package .section01 .ani .card_container {animation-delay:0.7s}
@keyframes flip{
    0% {transform:rotateZ(-5deg) rotateY(0deg)}
    100% {transform:rotateZ(-5deg) rotateY(-25deg)}
}
@keyframes flip2 {
    0% {transform:rotateZ(12deg) rotateY(0deg)}
    100% {transform:rotateZ(12deg) rotateY(25deg)}
}

/* section02 */
.wrap_job_package .section02 {position:relative;padding:320px 0 0;height:1192px;background:url(//www.saraminimage.co.kr/sri/job_package/sec02_bg_txt.png) no-repeat 100% 100%,linear-gradient(180deg, #F0F4FF 0%, #F4E9F9 100%), linear-gradient(180deg, #F0F4FF 0%, #F4E9F9 100%), linear-gradient(0deg, #DFFEF8 0%, #DFFEF8 100%), #F0FFD8}
.wrap_job_package .section02::before,
.wrap_job_package .section02::after {position:absolute;content:'';animation:bounceMotion 2.5s infinite}
.wrap_job_package .section02::before {top:263px;left:107px;width:351px;height:353px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce04.png) no-repeat 0 0}
.wrap_job_package .section02::after {bottom:-100px; right:73px;width:213px;height:203px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce05.png) no-repeat 0 0}
.wrap_job_package .section02 .title {display:block;text-align:center}
.wrap_job_package .section02 .desc {margin:48px 0 0;font-size:40px;font-weight:600;line-height:56px;color:#111;text-align:center}
.wrap_job_package .section02 .txt_point {color:var(--violet100)}
.wrap_job_package .section02 .info_box {position:relative;margin:72px 0 0}
.wrap_job_package .section02 .main_box {padding:56px 0 0 48px;width:420px;height:408px;border-radius:32px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 44%, rgba(145, 51, 129, 0.40) 100%), linear-gradient(0deg, #1D1928 0%, #1D1928 100%), linear-gradient(180deg, #434343 0%, rgba(54, 54, 54, 0.00) 100%), #040607;box-shadow:0px 14px 14px 0px rgba(0, 0, 0, 0.20), 0px 24px 44px 0px rgba(0, 0, 0, 0.25);box-sizing:border-box}
.wrap_job_package .section02 .main_box .box_tit {font-size:48px;line-height:68px;color:var(--white)}
.wrap_job_package .section02 .main_box .box_desc {margin:32px 0 0;font-size:22px;line-height:30px;color:var(--white)}
.wrap_job_package .section02 .main_box .txt_point {background:linear-gradient(90deg, #FAFE61 0%, #C0F753 92.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}
.wrap_job_package .section02 .main_box + .source {margin:16px 0 0;font-size:13px;line-height:18px;color:var(--gray100)}
.wrap_job_package .section02 .chart_box {position:absolute;display:flex;align-items:center;gap:24px;padding:0 0 0 12px;width:466px;height:208px;border-radius:32px;border:1px solid var(--gray80);background:rgba(255, 255, 255, 0.90);backdrop-filter:blur(16px);filter:drop-shadow(0px 14px 14px rgba(0, 0, 0, 0.16)) drop-shadow(0px 34px 54px rgba(0, 0, 0, 0.18));box-sizing:border-box;z-index:10}
.wrap_job_package .section02 .chart_box.box01 {left:353px;top:41px}
.wrap_job_package .section02 .chart_box.box02 {left:760px;top:212px}
.wrap_job_package .section02 .chart_wrap {position:relative;display:flex;align-items:center}
.wrap_job_package .section02 .chart_wrap .chart_txt {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:16px;line-height:24px;color:var(--gray100);text-align:center}
.wrap_job_package .section02 .chart_wrap .chart_txt .percent {font-size:32px;line-height:44px;color:var(--black)}
.wrap_job_package .section02 .chart_wrap .chart_txt .percent span {font-size:24px;line-height:34px}
.wrap_job_package .section02 .chart_conts .cont_tit {position:relative;padding:0 2px;font-size:28px;line-height:38px;font-weight:600}
.wrap_job_package .section02 .chart_conts .cont_tit::before {position:absolute;content:'';width:100%;height:16px;left:0;bottom:-2px;z-index:-1}
.wrap_job_package .section02 .chart_conts .cont_desc {margin:16px 0 0;font-size:16px;line-height:24px;color:var(--gray100)}
.wrap_job_package .section02 .chart_conts .cont_desc strong {font-weight:600}
.wrap_job_package .section02 .box01 .chart_conts .cont_tit::before {background:#FAFE61}
.wrap_job_package .section02 .box02 .chart_conts .cont_tit::before {background:#C0F753}
/* animation fade in */
.wrap_job_package .section02 .title,
.wrap_job_package .section02 .desc,
.wrap_job_package .section02 .info_box {opacity:0}
.wrap_job_package .section02 .ani .title,
.wrap_job_package .section02 .ani .desc,
.wrap_job_package .section02 .ani .info_box {animation:fadeIn 1s forwards}
.wrap_job_package .section02 .ani .title {animation-delay:0.1s}
.wrap_job_package .section02 .ani .desc {animation-delay:0.2s}
.wrap_job_package .section02 .ani .info_box {animation-delay:0.3s}

/* section03 */
.wrap_job_package .section03 {padding:138px 0 0;height:1485px;background:linear-gradient(180deg, #1D1928 64%, #8939FF 79.5%, rgba(57, 67, 255, 0.00) 100%), linear-gradient(180deg, #1D1928 64%, #E3FF89 79.5%, rgba(227, 255, 137, 0.00) 100%);text-align:center}
.wrap_job_package .section03 .desc {margin:48px 0 0;font-size:28px;font-weight:600;line-height:38px;color:var(--white)}
.wrap_job_package .section03 .desc .txt_underline {position:relative;padding:0 2px;;z-index:5}
.wrap_job_package .section03 .desc .txt_underline::before {position:absolute;content:'';left:0;bottom:-2px;width:100%;height:16px;background:var(--violet100);z-index:-1}
.wrap_job_package .section03 .desc .txt_point {font-weight:600;color:#BBFB39}
.wrap_job_package .section03 .desc .notice {display:block;margin:16px 0 0 ;font-size:15px;font-weight:400;line-height:22px;color:var(--gray50)}
.wrap_job_package .section03 .tab_container {margin:64px 0 0}
.wrap_job_package .section03 .tab_container .tab_list {display:flex;align-items:center;justify-content:center;gap:24px }
.wrap_job_package .section03 .tab_container .tab_list li {filter:drop-shadow(0px 10px 14px rgba(0, 0, 0, 0.10))}
.wrap_job_package .section03 .tab_container .tab_item {display:flex;align-items:center;justify-content:center;gap:20px;width:400px;height:80px;font-size:28px;font-weight:700;color:var(--gray80);border-radius:50px;background:var(--gray40)}
.wrap_job_package .section03 .tab_container .tab_item .arr {display:none;position:relative;width:32px;height:32px}
.wrap_job_package .section03 .tab_container .tab_item .arr:before {position:absolute;left:0;top:3px;content:'';width:15px;height:15px;border-top:4px solid var(--black);border-right:4px solid var(--black);transform:rotate(135deg)}
.wrap_job_package .section03 .tab_container .selected .tab_item {color:var(--black);background:linear-gradient(180deg, rgba(12, 202, 241, 0.60) 0%, rgba(110, 255, 66, 0.60) 100%), #BBFB39}
.wrap_job_package .section03 .tab_container .selected .tab_item .arr {display:block}
.wrap_job_package .section03 .tab_content {margin:-40px 0 0;width:1260px;height:600px;border-radius:56px;background:var(--white);box-shadow:0px 52px 68px 0px rgba(0, 0, 0, 0.40);text-align:left;background-size:670px}
.wrap_job_package .section03 .tab_content .content {display:none; padding:88px 0 0 695px;height:100%;box-sizing:border-box}
.wrap_job_package .section03 .tab_content .content.tab01 {display:block;background:url(//www.saraminimage.co.kr/sri/job_package/sec03_tab_cont01.png) no-repeat 0 0}
.wrap_job_package .section03 .tab_content .content.tab02 {background:url(//www.saraminimage.co.kr/sri/job_package/sec03_tab_cont02.png) no-repeat 0 0}
.wrap_job_package .section03 .tab_content .cont_tit {display:block;margin:0 0 8px;font-size:36px;line-height:50px;color:var(--black)}
.wrap_job_package .section03 .tab_content .cont_tit .txt_point {color:var(--violet100)}
.wrap_job_package .section03 .tab_content .cont_desc {font-size:20px;line-height:28px;color:var(--gray120)}
.wrap_job_package .section03 .tab_content .list_box {margin:24px 0 0;display:flex;flex-direction:column;gap:8px}
.wrap_job_package .section03 .tab_content .list_item {width:501px;height:48px;line-height:48px;border-radius:8px;background:var(--blue20);font-size:16px;font-weight:600;color:var(--gray120);text-align:center}
.wrap_job_package .section03 .tab_content .btn_area {margin:24px 0 0;display:flex;gap:16px}
.wrap_job_package .section03 .tab_content .btn_area .btn {width:241px;height:56px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:8px;transition:all .3s;box-sizing:border-box}
.wrap_job_package .section03 .tab_content .btn_area .btn_download {border:1px solid var(--gray120);background:var(--white);color:var(--gray120)}
.wrap_job_package .section03 .tab_content .btn_area .btn_download:hover {background:var(--black);color:var(--white)}
.wrap_job_package .section03 .tab_content .btn_area .btn_details {background:var(--black);color:var(--white);font-weight:700}
.wrap_job_package .section03 .tab_content .btn_area .btn_details:hover {background:var(--white);border:1px solid var(--black);color:var(--black)}
.wrap_job_package .section03 .source {position:relative;margin:15px 0 0;padding:0 0 0 56px;font-size:13px;line-height:18px;color:var(--gray30);text-align:left}

/* animation fade in */
.wrap_job_package .section03 .title,
.wrap_job_package .section03 .desc,
.wrap_job_package .section03 .tab_container,
.wrap_job_package .section03 .source {opacity:0}
.wrap_job_package .section03 .ani .title,
.wrap_job_package .section03 .ani .desc,
.wrap_job_package .section03 .ani .tab_container,
.wrap_job_package .section03 .ani .source {animation:fadeIn 1s forwards}
.wrap_job_package .section03 .ani .title {animation-delay:0.1s}
.wrap_job_package .section03 .ani .desc {animation-delay:0.2s}
.wrap_job_package .section03 .ani .tab_container {animation-delay:0.4s}
.wrap_job_package .section03 .ani .source {animation-delay:0.5s}

/* section04 */
.wrap_job_package .section04 {position:relative;padding:56px 0 0;height:1168px;background:var(--white);text-align:center}
.wrap_job_package .section04 .title {position:relative;margin:-112px auto 0;display:inline-block;min-width:675px;font-size:58px;line-height:76px;font-weight:700;color:var(--white)}
.wrap_job_package .section04 .title::after {position:absolute;content:'';left:0;top:6px;display:inline-block;width:100%;height:56px;background:var(--violet100);z-index:-1}
.wrap_job_package .section04 .desc {position:relative;font-size:40px;font-weight:700;line-height:56px;color:var(--black);text-align:center;z-index:5}
.wrap_job_package .section04 .desc .notice {position:absolute;bottom:-20px;left:50%;margin-left:293px;font-size:13px;font-weight:400;line-height:18px;color:var(--gray80)}
.wrap_job_package .section04 .prod_explain {position:relative;margin-top:48px;padding-left:426px;display:flex;align-items:center;gap:48px;text-align:left}
.wrap_job_package .section04 .prod_arr {position:absolute;left:50%;bottom:-67px;transform:translateX(-50%);width:140px;height:94px;background:url(//www.saraminimage.co.kr/sri/job_package/sec04_prod_arr.png) no-repeat 0 0;z-index:5}
.wrap_job_package .section04 .prod_arr + .prod_arr {margin-left:428px}
.wrap_job_package .section04 .box_explain {flex-shrink:0;padding:24px 32px 0;width:380px;height:422px;border-radius:32px;box-sizing:border-box;z-index:10}
.wrap_job_package .section04 .box_explain .profile {display:block;margin:0 auto 16px;width:80px;height:80px;background-repeat:no-repeat;background-position:0 0}
.wrap_job_package .section04 .box_explain .badge_area {margin-bottom:24px;display:flex;justify-content:center;gap:8px}
.wrap_job_package .section04 .box_explain .badge {height:28px;padding:0 8px;display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:var(--gray100);background:var(--white);border-radius:8px}
.wrap_job_package .section04 .box_explain.basic {background:var(--violet20);border:1px solid var(--violet80)}
.wrap_job_package .section04 .box_explain.basic .profile {background-image:url(//www.saraminimage.co.kr/sri/job_package/sec04_img_person01.png)}
.wrap_job_package .section04 .box_explain.basic .point {color:var(--violet100)}
.wrap_job_package .section04 .box_explain.plus {background:#FEF3FF;border:1px solid #E310FF}
.wrap_job_package .section04 .box_explain.plus .profile {background-image:url(//www.saraminimage.co.kr/sri/job_package/sec04_img_person02.png)}
.wrap_job_package .section04 .box_explain.plus .point {color:#E310FF}
.wrap_job_package .section04 .box_explain .tit_explain {margin-bottom:16px;font-size:24px;font-weight:600;line-height:34px;color:var(--gray120)}
.wrap_job_package .section04 .box_explain .txt_explain {font-size:15px;line-height:22px;color:var(--gray100)}
.wrap_job_package .section04 .box_explain .txt_explain strong {font-weight:600;color:var(--gray120)}
.wrap_job_package .section04 .prod_wrap {margin:86px 0 0;display:flex;gap:48px;text-align:left}
.wrap_job_package .section04 .price_wrap {position:absolute;left:0;bottom:0;width:100%;height:130px;padding:16px 22px 0 22px;border-radius:0 0 40px 40px;background:var(--gray20);text-align:center;box-sizing:border-box}
.wrap_job_package .section04 .prod_type_list {margin:16px 0 0}
.wrap_job_package .section04 .prod_type_list li {padding:0 0 0 32px;font-size:15px;line-height:26px;color:var(--gray120);background:url(//www.saraminimage.co.kr/sri/job_package/ico_check.png) no-repeat 0 50%;text-align:left}
.wrap_job_package .section04 .prod_type_list li:nth-child(3),
.wrap_job_package .section04 .prod_type_list li:nth-child(4) {color:var(--gray100)}
.wrap_job_package .section04 .prod_type_list li strong {font-weight:600}
.wrap_job_package .section04 .info_discount {margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:4px}
.wrap_job_package .section04 .info_discount .origin_price {font-size:16px;line-height:24px;color:var(--gray80);text-decoration:line-through}
.wrap_job_package .section04 .info_discount .percent {font-size:18px;font-weight:700;line-height:26px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.wrap_job_package .section04 .combine_box {position:relative;flex-shrink:0;padding:30px 0 0 30px;width:380px;height:338px;border-radius:40px;border:2px solid var(--gray40);background:var(--white);z-index:10;box-sizing:border-box}
.wrap_job_package .section04 .combine_box .box_tit {font-size:24px;font-weight:600;line-height:34px;color:var(--black)}
.wrap_job_package .section04 .combine_box .btn_get_more {position:relative;width:100%;height:56px;display:flex;align-items:center;justify-content:center;font-size:20px;pointer-events:none;border-radius:58px;background:var(--white)}
.wrap_job_package .section04 .combine_box .btn_get_more .price {color:var(--gray120)}
.wrap_job_package .section04 .combine_box .info_discount .percent {background-image:linear-gradient(to bottom, var(--gray50), var(--gray100))}
.wrap_job_package .section04 .each_box {display:grid;grid-template-columns:1fr 1fr;gap:32px 50px}
.wrap_job_package .section04 .each_box .prod_item {position:relative;padding:30px 0 0 30px;width:380px;height:338px;border:2px solid var(--gray90);border-radius:40px;background:var(--white);box-sizing:border-box}
.wrap_job_package .section04 .each_box .prod_tit {font-size:24px;line-height:34px}
.wrap_job_package .section04 .each_box .item_basic .txt_point {color:var(--violet100)}
.wrap_job_package .section04 .each_box .item_plus .txt_point {color:#E310FF}
.wrap_job_package .section04 .each_box .info_discount .percent {background-image:linear-gradient(to bottom, #02C6FF, #5B12E2)}
.wrap_job_package .section04 .each_box .price_wrap .btn_purchase {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;font-size:18px;font-weight:700;color:var(--white);border-radius:58px;background:linear-gradient(0deg,#000 0%,#000 100%),linear-gradient(180deg,#2C2C2C 0%,#111 100%)}
.wrap_job_package .section04 .each_box .price_wrap .btn_purchase .price {color:#6EFF42}
.wrap_job_package .section04 .chk_purchase {position:relative;grid-column:1 / 3;display:flex;align-items:center;justify-content:center;gap:8px}
.wrap_job_package .section04 .chk_purchase .InpBox .Chk input:checked~.Lbl:before {background:var(--violet100);border-color:var(--violet100)}
.wrap_job_package .section04 .chk_purchase .InpBox .Chk:hover input:checked+.Lbl:before {background:var(--violet110)}
.wrap_job_package .section04 .chk_purchase .btn_check_before{display:flex;align-items:center;padding:0 23px;height:40px;line-height:38px;font-size:14px;color:var(--gray120);border-radius:20px;background:var(--white);border:1px solid var(--gray120);box-sizing:border-box}
/* animation fade in */
.wrap_job_package .section04 .title,
.wrap_job_package .section04 .desc,
.wrap_job_package .section04 .prod_explain,
.wrap_job_package .section04 .prod_wrap {opacity:0}
.wrap_job_package .section04 .ani .title,
.wrap_job_package .section04 .ani .desc,
.wrap_job_package .section04 .ani .prod_explain,
.wrap_job_package .section04 .ani .prod_wrap {animation:fadeIn 1s forwards}
.wrap_job_package .section04 .ani .title {animation-delay:0.1s}
.wrap_job_package .section04 .ani .desc {animation-delay:0.2s}
.wrap_job_package .section04 .ani .prod_explain {animation-delay:0.3s}
.wrap_job_package .section04 .ani .prod_wrap {animation-delay:0.5s}
@keyframes borderMove {
    0% {background-position:0% 50%}
    50% {background-position:100% 50%}
    100% {background-position:0% 50%}
}

/* section05 */
.wrap_job_package .section05 {padding:79px 0 86px;background:var(--blue40);text-align:center}
.wrap_job_package .section05 .section_inner,
.wrap_job_package .section05 .title_area {position:relative}
.wrap_job_package .section05 .section_inner::before,
.wrap_job_package .section05 .section_inner::after,
.wrap_job_package .section05 .title_area::before,
.wrap_job_package .section05 .title_area::after {position:absolute;content:''}
.wrap_job_package .section05 .section_inner::before {bottom:200px;left:-50px;width:295px;height:339px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce07.png) no-repeat 0 0}
.wrap_job_package .section05 .section_inner::after {top:966px;right:0;width:200px;height:228px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_bounce06.png) no-repeat 0 0}
.wrap_job_package .section05 .title_area::before {top:-113px;left:206px;width:252px;height:296px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_event_review01_v2.png) no-repeat 0 0}
.wrap_job_package .section05 .title_area::after {top:210px;right:100px;width:219px;height:217px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_event_review02_v2.png) no-repeat 0 0}
.wrap_job_package .section05 .event_type {margin:0 auto 22px;display:flex;align-items:center;justify-content:center;width:118px;height:52px;font-size:18px;font-weight:700;color:var(--black);border-radius:50%;border:1px solid #111}
.wrap_job_package .section05 .title {margin-bottom:24px}
.wrap_job_package .section05 .desc {position:relative;margin:0 0 32px;font-size:24px;line-height:34px;color:var(--gray120);z-index:5}
.wrap_job_package .section05 .desc strong {font-weight:600}
.wrap_job_package .section05 .desc .txt_underline {position:relative;padding:0 2px;z-index:5}
.wrap_job_package .section05 .desc .txt_underline::before {position:absolute;content:'';left:0;bottom:-1px;width:100%;height:16px;background:#FFF156;z-index:-1}
.wrap_job_package .section05 .event_period {margin:0 0 15px;font-size:20px;line-height:28px;font-weight:700;color:var(--black)}
.wrap_job_package .section05 .event_tooltip {position:relative;height:38px;display:inline-flex;align-items:center;padding:0 12px;font-size:16px;font-weight:600;color:var(--white);border-radius:32px;background:var(--violet80)}
.wrap_job_package .section05 .event_tooltip::before {position:absolute;content:'';top:-8px;left:50%;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid var(--violet80)}
.wrap_job_package .section05 .gift_list {margin-top:45px}
.wrap_job_package .section05 .wrap_comment_form {width:780px;margin:50px auto 0;padding:40px 50px 56px;text-align:left;border-radius:32px;background:#F4F5F8;box-sizing:border-box}
.wrap_job_package .section05 .wrap_comment_form legend {display:block;margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px;color:var(--black)}
.wrap_job_package .section05 .box_comment {margin:0 0 19px;padding:24px 40px;background:var(--white);border-radius:24px;border:1px solid var(--white);box-sizing:border-box}
.wrap_job_package .section05 .box_comment textarea {overflow-x:hidden;overflow-y:scroll;width:100%;height:auto;min-height:52px;color:var(--gray120);font-size:18px;line-height:26px;border:none;outline:none;resize:none}
.wrap_job_package .section05 .box_comment textarea::-webkit-scrollbar {display:none}
.wrap_job_package .section05 .box_comment:has(.is_invalid) {border-color:var(--coral90)}
.wrap_job_package .section05 .box_comment:has(.is_invalid) .area_count,
.wrap_job_package .section05 .box_comment:has(.is_invalid) .area_count>strong {color:var(--coral90)}
.wrap_job_package .section05 .box_comment .box_foot {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 0;color:var(--gray70);font-size:15px;line-height:22px}
.wrap_job_package .section05 .box_comment .area_count>strong {color:var(--gray80);font-weight:600}
.wrap_job_package .section05 .box_comment .box_foot .btn {display:inline-flex;padding:0 39px;height:40px;align-items:center;font-size:18px;font-weight:700;color:var(--gray80);background:var(--gray20);border-radius:8px}
.wrap_job_package .section05 .box_comment .box_foot .btn_cancel {background-color:var(--gray80);color:var(--white)}
.wrap_job_package .section05 .box_comment.is_write .btn_submit {background:var(--violet90);color:var(--white)}
.wrap_job_package .section05 .area_txt {font-size:14px;line-height:24px;color:var(--gray120);text-align:center}
.wrap_job_package .section05 .area_txt>strong {font-size:16px}
.wrap_job_package .section05 .list_comment .box_head {display:flex;align-items:center;justify-content:space-between;margin:72px 0 0;padding-bottom:14px;font-size:24px;line-height:34px;border-bottom:1px solid var(--gray110);box-sizing:border-box}
.wrap_job_package .section05 .list_comment .box_head .txt_num {color:var(--violet100)}
.wrap_job_package .section05 .list_comment .box_head .area_btns {display:flex;gap:30px}
.wrap_job_package .section05 .list_comment .box_head .area_btns>button {color:var(--gray80)}
.wrap_job_package .section05 .list_comment .box_head .area_btns>button.is_active {color:var(--gray120);font-weight:700}
.wrap_job_package .section05 .list_comment .box_cont .is_nodata {padding:72px 0;font-size:20px;line-height:28px;color:var(--gray120);text-align:center;border-bottom:1px solid var(--gray40)}
.wrap_job_package .section05 .list_comment .box_cont .area_author {display:flex;align-items:center;gap:25px;font-size:20px;line-height:28px;color:var(--gray100)}
.wrap_job_package .section05 .list_comment .box_cont .area_modify {position:relative}
.wrap_job_package .section05 .list_comment .box_cont .area_modify:before {position:absolute;top:50%;left:-13px;transform:translateY(-50%);width:1px;height:19px;background:var(--gray40);content:''}
.wrap_job_package .section05 .list_comment .box_cont .area_modify .btn_modify {font-size:18px;line-height:26px;color:var(--violet80)}
.wrap_job_package .section05 .list_comment .box_cont .txt_comment {margin-top:5px;font-size:20px;line-height:28px;color:var(--gray120);word-break:break-all}
.wrap_job_package .section05 .list_comment .box_cont .txt_comment.is_invalid {color:var(--violet80)}
.wrap_job_package .section05 .list_comment .box_cont .box_comment {margin:0}
.wrap_job_package .section05 .list_comment .box_cont>ul>li {padding:24px 0;border-bottom:1px solid var(--gray40);box-sizing:border-box}
.wrap_job_package .section05 .list_comment .box_foot {text-align:center}
.wrap_job_package .section05 .list_comment .box_foot .PageBox .BtnType {color:#222}
.wrap_job_package .section05 .list_comment .box_foot .PageBox .BtnPrev:after,
.wrap_job_package .section05 .list_comment .box_foot .PageBox .BtnNext:after,
.wrap_job_package .section05 .list_comment .box_foot .PageBox span.BtnType {border-color:#222}
.wrap_job_package .section05 .list_comment .box_foot .PageBox .BtnType:hover {color:var(--violet100)}
.wrap_job_package .section05 .list_comment .box_foot .PageBox .BtnType:hover:after {border-color:var(--violet100)}
/* animation fade in */
.wrap_job_package .section05 .title_area,
.wrap_job_package .section05 .gift_list,
.wrap_job_package .section05 .wrap_comment_form {opacity:0}
.wrap_job_package .section05 .ani .title_area,
.wrap_job_package .section05 .ani .gift_list,
.wrap_job_package .section05 .ani .wrap_comment_form {animation:fadeIn 1s forwards}
.wrap_job_package .section05 .ani .title_area {animation-delay:0.2s}
.wrap_job_package .section05 .ani .gift_list  {animation-delay:0.4s}
.wrap_job_package .section05 .ani .wrap_comment_form {animation-delay:0.6s}

/* section06 */
.wrap_job_package .section06 {padding:80px 0 0;height:794px;background:#2F3541}
.wrap_job_package .section06 .section_inner {width:1100px}
.wrap_job_package .section06 .title {font-size:32px;line-height:44px;font-weight:700;color:var(--gray30)}
.wrap_job_package .section06 .list_caution {margin:32px 0 0 32px;font-size:16px;line-height:26px;color:var(--gray30)}
.wrap_job_package .section06 .list_caution .event_tit {font-weight:600}
.wrap_job_package .section06 .list_caution li {position:relative;padding:0 0 0 25px}
.wrap_job_package .section06 .list_caution li::before {position:absolute;content:'';left:10px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--gray30)}
.wrap_job_package .section06 .list_caution .txt_point {color:var(--coral90)}
.wrap_job_package .section06 .list_caution .link {text-decoration:underline;color:var(--gray30)}
.wrap_job_package .section06 .btn_before_evt_caution {margin-top:24px}
/* animation fade in */
.wrap_job_package .section06 .title,
.wrap_job_package .section06 .list_caution {opacity:0}
.wrap_job_package .section06 .ani .title,
.wrap_job_package .section06 .ani .list_caution {animation:fadeIn 1s forwards}
.wrap_job_package .section06 .ani .title {animation-delay:0.1s}
.wrap_job_package .section06 .ani .list_caution {animation-delay:0.3s}

/* quick menu */
.quick_menu {position:fixed;top:298px;right:48px;filter:drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.16));z-index:100} /* WMG-41368 top:298px 수정 */
.quick_menu [class*="menu"] {width:172px;backdrop-filter:blur(12px)}
.quick_menu [class*="menu"] a {padding-top:12px;display:block;height:104px;border-radius:16px;border:1px solid var(--violet80);background:var(--white);text-align:center;box-sizing:border-box}
.quick_menu [class*="menu"] .event_txt {display:block;font-size:18px;line-height:26px;color:var(--violet100)}
.quick_menu [class*="menu"] .event_desc {font-size:16px;line-height:24px;font-weight:600;color:var(--black)}
.quick_menu [class*="menu"] .arr {margin:6px auto 0;display:block;width:28px;height:28px;background:url(//www.saraminimage.co.kr/sri/job_package/ico_quick_arr.png) no-repeat 50% 50%}
.quick_menu .btn_quick {position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:110px;height:48px;font-size:13px;font-weight:600;color:var(--white);border-radius:16px;background:var(--gray120);backdrop-filter:blur(12px)}
.quick_menu .btn_quick.btn_share {margin:16px auto 0}
.quick_menu .btn_quick.btn_share::after {position:absolute;content:'';left:50%;transform:translateX(-50%);bottom:0;width:64px;height:1px;background:var(--gray110)}
.quick_menu .btn_quick i {flex-shrink:0;width:24px;height:24px;background-repeat:no-repeat;background-position:50% 50%}
.quick_menu .btn_quick .ico_share {margin:0 8px 0 0;background-image:url(//www.saraminimage.co.kr/sri/job_package/ico_share.png)}
.quick_menu .btn_quick .ico_top {margin:0 17px 0 0;background-image:url(//www.saraminimage.co.kr/sri/job_package/ico_top.png)}

/* box floating */
.box_floating {position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:0 56px 0 45px;width:1046px;height:72px;border-radius:16px;background:rgba(255, 255, 255, 0.74);border:1px solid var(--gray40);box-shadow:0px 24px 24px 0px rgba(0, 0, 0, 0.05), 0px 5px 12px 0px rgba(0, 0, 0, 0.10);backdrop-filter:blur(9px);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 .title {display:flex;flex-direction:column;gap:2px}
.box_floating .title>strong {font-size:20px;line-height:28px;font-weight:600;color:#222}
.box_floating .title .desc {font-size:14px;line-height:20px;color:var(--gray80)}
.box_floating .title .desc strong {font-weight:600}
.box_floating .icon {flex-shrink:0;width:85px;height:93px;background:url(//www.saraminimage.co.kr/sri/job_package/icon_box_floating_v2.png) no-repeat;margin:0 8px 12px 0;}
.box_floating .btn_moving_review {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:300px;height:48px;font-size:16px;font-weight:700;color:var(--white);border-radius:8px;background:var(--black)}

/* 구매 전 확인 사항 모달 */
.layer_purchse_before_check {width:800px}
.layer_purchse_before_check .list_wrap {font-size:14px;line-height:22px;color:var(--gray100)}
.layer_purchse_before_check .list_wrap ol ol {padding:0 0 0 15px}

/* certify layer */
.ModalBox.layer_certify {width:420px}
.ModalBox.layer_certify .area_input {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin-bottom:5px;padding-right:4px;height:40px;line-height:40px;color:var(--gray100)}
.ModalBox.layer_certify .TypoBox {justify-content:space-between;margin-bottom:5px;padding-right:3px;width:100%;color:var(--gray100)}
.ModalBox.layer_certify .inp_btn {width:66px}
.ModalBox.layer_certify .noti {font-size:12px;color:var(--gray70)}
.ModalBox.layer_certify .remain_time {margin-bottom:5px;line-height:18px;font-size:12px;color:var(--coral80)}

/* 비장의 합격 카드 뽑기 팝업 */
.layer_card_draw {width:404px;height:504px}
.layer_card_draw .title {position:relative;margin:0 0 24px;padding:0 0 30px;font-size:22px;font-weight:700;line-height:30px;color:var(--gray120);text-align:center}
.layer_card_draw .title .fix_txt {display:flex;justify-content:center;justify-content:center;margin:0 0 6px;font-size:16px;font-weight:600;line-height:24px;color:var(--gray80)}
.layer_card_draw .title .fix_txt .badge {margin:0 0 0 4px;display:inline-flex;align-items:center;padding:0 8px;font-size:12px;font-weight:700;color:var(--orange110);background:var(--orange30);border-radius:44px}
.layer_card_draw .title .before_txt,
.layer_card_draw .title .after_txt {position:absolute;bottom:0;left:0;width:100%;text-align:center}
.layer_card_draw .title .before_txt {animation:scaleFadeReverse 0.2s forwards;animation-delay:.9s}
.layer_card_draw .title .after_txt {opacity:0;animation:scaleFade 0.2s forwards;animation-delay:1.2s}
.layer_card_draw .card_container {position:relative;padding:0 0 30px}
.layer_card_draw .card_container::after {position:absolute;content:'';bottom:0;left:50%;transform:translateX(-50%);width:154px;height:22px;background:url(//www.saraminimage.co.kr/sri/job_package/reward_img_shadow.png) no-repeat 0 100%}
.layer_card_draw .card_container [class*="confetti"] {position:absolute;top:0;width:44px;height:62px;background-position:0 0;background-repeat:no-repeat;z-index:5}
.layer_card_draw .card_container .confetti01 {left:8px;background-image:url(//www.saraminimage.co.kr/sri/job_package/confetti01.png)}
.layer_card_draw .card_container .confetti02 {right:8px;background-image:url(//www.saraminimage.co.kr/sri/job_package/confetti02.png)}
.layer_card_draw .card_container [class*="confetti"] {opacity:0;animation:scaleFade 0.2s forwards}
.layer_card_draw .card_container .confetti01 {animation-delay:1.3s}
.layer_card_draw .card_container .confetti02 {animation-delay:1.5s}
.layer_card_draw .card {position:relative;margin:0 auto;width:180px;height:232px;transform-style:preserve-3d;transition:transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.layer_card_draw .card .card_face {position:absolute;width:100%;height:100%;display:flex;justify-content:center;backface-visibility:hidden}
.layer_card_draw .card .back {transform:rotateY(180deg)}
.layer_card_draw .flip {transform:rotateY(180deg)}
.layer_card_draw .btn_check_close {width:200px;height:52px;display:none;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--white);border-radius:60px;background:var(--gray120)}
.layer_card_draw .layer_option {position:absolute;bottom:-32px;right:0;display:flex;justify-content:flex-end;align-items:center}
.layer_card_draw .layer_option .btn_no_view {margin-left:8px;padding:2px 4px;background-color:#373f57;border-radius:4px;font-size:12px;line-height:20px;color:var(--white)}
.layer_card_draw .layer_option .InpBox .Lbl {color:var(--white)}
.layer_card_draw .layer_option .InpBox + .InpBox {margin-left:24px}
@keyframes scaleFade {
    0% {opacity:0;transform:scale(0) translateY(10px)}
    100% {opacity:1;transform:scale(1) translateY(0)}
}
@keyframes scaleFadeReverse {
    0% {opacity:1;transform:scale(1) translateY(0)}
    100% {opacity:0;transform:scale(0) translateY(10px)}
}

/* 이전 이벤트 유의사항 모달 */
.layer_caution_before {width:800px}
.layer_caution_before .ModalCont {max-height:396px;overflow-y:auto}
.layer_caution_before .cont_caution {font-size:14px;line-height:22px;color:var(--gray100)}
.layer_caution_before .cont_caution .tit {font-weight:600}
.layer_caution_before .cont_caution .txt_point {color:var(--coral90)}

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