@charset "utf-8";

.wrap_job_package {overflow-x:hidden}
.wrap_job_package [class*="section"] {box-sizing:border-box}
.wrap_job_package img {max-width:100%}

/* visual */
.wrap_job_package .visual {position:relative;padding:40px 0 0;height:626px;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%);text-align:center;box-sizing:border-box}
.wrap_job_package .visual .sub_tit {position:relative;display:inline-block;margin:0 0 24px;padding:0 3px;font-size:18px;font-weight:600;line-height:26px;color:var(--white);text-align:center;z-index:5}
.wrap_job_package .visual .sub_tit::before {position:absolute;content:'';left:0;bottom:0;width:100%;height:16px;border-radius:4px;background:#4B00D1;z-index:-1}
.wrap_job_package .visual .title {position:relative;padding:0 20px;text-align:left;z-index:10}
.wrap_job_package .visual .title img {display:block}
.wrap_job_package .visual .title .tit_01 {max-height:183px;margin:0 0 27px 10px}
.wrap_job_package .visual .title .tit_02 {max-height:230px}
.wrap_job_package .visual .title .desc img {max-height:22px;margin:25px 0 0 10px}
.wrap_job_package .visual .moving_person {position:absolute;top:183px;right:0;z-index:0}
.wrap_job_package .visual .moving_person {overflow:hidden;position:absolute;right:0;top:190px;width:226px;height:231px;border-radius:50%}
.wrap_job_package .visual .moving_person .person {display:inline-block;width:226px;height:231px;background-repeat:no-repeat;background-position:50%}
.wrap_job_package .visual .moving_person .type01 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/visual_slide_img01.png);background-size:225px auto}
.wrap_job_package .visual .moving_person .type02 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/visual_slide_img02.png);background-size:226px auto}
.wrap_job_package .visual .moving_person .type03 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/visual_slide_img03.png);background-size:225px auto}
.wrap_job_package .visual .moving_person .type04 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/visual_slide_img04.png);background-size:225px auto}
.wrap_job_package .visual .img_reading_glass {position:absolute;top:183px;right:0;z-index:0}
.wrap_job_package .visual .img_reading_glass img {max-height:333px}
/* animation fade in */
.wrap_job_package .visual .sub_tit,
.wrap_job_package .visual .title .tit_01,
.wrap_job_package .visual .title .tit_02,
.wrap_job_package .visual .desc,
.wrap_job_package .visual .moving_person,
.wrap_job_package .visual .img_reading_glass {opacity:0;animation:fadeIn 1s forwards}
.wrap_job_package .visual .sub_tit,
.wrap_job_package .visual .title .tit_01 {animation-delay:.1s}
.wrap_job_package .visual .title .tit_02,
.wrap_job_package .visual .desc {animation-delay:.3s}
.wrap_job_package .visual .moving_person,
.wrap_job_package .visual .img_reading_glass {animation-delay:.5s}

/* section01 */
.wrap_job_package .section01 {padding:0;height:689px;background:var(--white);text-align:center}
.wrap_job_package .section01 .section_inner {position:relative}
.wrap_job_package .section01 .article_box {position:relative;height:340px}
.wrap_job_package .section01 .article_box [class*="box"] {position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px; border-radius:8px;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:12px;line-height:14px;color:var(--gray50)}
.wrap_job_package .section01 .article_box .box01 {top:56px;padding:20px 0 0;width:410px;height:88px;box-shadow:0px 5px 10px 0px rgba(235, 237, 242, 0.50);z-index:20}
.wrap_job_package .section01 .article_box .box01 .tit {font-size:18px;line-height:26px}
.wrap_job_package .section01 .article_box .box02 {top:131px;padding:20px 0 0;width:310px;height:80px;box-shadow:0px 5px 10px 0px #E0E3EA;z-index:15}
.wrap_job_package .section01 .article_box .box02 .tit {font-size:15px;line-height:22px}
.wrap_job_package .section01 .article_box .box03 {top:201px;padding:17px 0 0;width:198px;height:68px;box-shadow:0px 5px 10px 0px #D1D5DF;z-index:10}
.wrap_job_package .section01 .article_box .box03 .tit {font-size:13px;line-height:18px}
.wrap_job_package .section01 .article_box .box04 {top:257px;padding:20px 0 0;width:130px;height:67px;box-shadow:0px 5px 10px 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:36px;font-weight:700;line-height:50px;color:var(--black);z-index:10}
.wrap_job_package .section01 .desc {margin:8px 0 0;font-size:20px;line-height:28px;color:var(--black)}
.wrap_job_package .section01 .card_container {position:relative;margin:32px 0 0;display:flex;justify-content:center;z-index:20}
.wrap_job_package .section01 .card_container::before,
.wrap_job_package .section01 .card_container::after {position:absolute;content:'';animation:bounceMotion 2.5s infinite;z-index:15}
.wrap_job_package .section01 .card_container::before {top:40px;left:50%;margin-left:20px;width:132px;height:120px;background:url(//www.saraminimage.co.kr/sri/mobile/job_package/icon_bounce01.png) no-repeat 0 0;background-size:132px}
.wrap_job_package .section01 .card_container::after {top:391px;left:0;width:148px;height:226px;background:url(//www.saraminimage.co.kr/sri//mobile/job_package/icon_bounce02.png) no-repeat 0 0;background-size:148px}
.wrap_job_package .section01 .card_container .card {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 0 50px;width:240px;height:322px;border-radius:32px;transition:transform 0.5s ease-in-out;box-shadow:0px 22px 24px 0px rgba(0, 0, 0, 0.16);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(0);z-index:10}
.wrap_job_package .section01 .card_container .card:nth-child(2) {margin-top:100px;margin-left:-170px;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(15deg);z-index:5}
.wrap_job_package .section01 .card_container .card_tit {font-size:28px;line-height:38px;color:var(--white)}
.wrap_job_package .section01 .card_container .card_desc {margin:16px 0 0;font-size:18px;line-height:26px;color:var(--white)}
.wrap_job_package .section01 .card_container.change .card:nth-child(1) {transform:rotateZ(-8deg);z-index:5}
.wrap_job_package .section01 .card_container.change .card:nth-child(2) {margin-top:171px; transform:rotateZ(0);z-index:20}
/* animation fade in */
.wrap_job_package .section01 .article_box,
.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,
.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 {animation-delay:0.2s}
.wrap_job_package .section01 .ani .title {animation-delay:0.3s}
.wrap_job_package .section01 .ani .desc {animation-delay:0.4s}
.wrap_job_package .section01 .ani .card_container {animation-delay:0.5s}

/* section02 */
.wrap_job_package .section02 {padding:310px 0 40px;background: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 .title {margin:0 0 16px;text-align:center}
.wrap_job_package .section02 .title img {max-width:215px}
.wrap_job_package .section02 .desc {font-size:20px;line-height:28px;color:var(--gray120);text-align:center}
.wrap_job_package .section02 .desc .txt_point {color:var(--violet100)}
.wrap_job_package .section02 .info_box {margin:23px 0 0;padding:0 20px;display:flex;flex-direction:column;gap:16px}
.wrap_job_package .section02 .main_box {padding:24px 32px;border-radius:24px;background:linear-gradient(0deg, #1D1928 0%, #1D1928 100%), rgba(255, 255, 255, 0.90);backdrop-filter:blur(16px);filter:drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.28))}
.wrap_job_package .section02 .main_box .box_tit {display:block;margin:0 0 8px;font-size:24px;line-height:34px;color:var(--white)}
.wrap_job_package .section02 .main_box .box_desc {font-size:15px;line-height:22px;color:var(--gray20)}
.wrap_job_package .section02 .main_box .box_desc .txt_point {font-weight:600;background:linear-gradient(90deg, #FAFE61 0%, #C0F753 92.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wrap_job_package .section02 .chart_box {padding:24px 34px;border-radius:24px;border:1px solid var(--gray80);background:var(--white);backdrop-filter:blur(16px);}
.wrap_job_package .section02 .chart_box .cont_tit {position:relative;display:inline-block;margin:0 0 12px;font-size:24px;line-height:34px;color:var(--black)}
.wrap_job_package .section02 .chart_box .cont_tit .counter_up {font-size:32px;line-height:44px}
.wrap_job_package .section02 .chart_box .cont_tit .counter_up em {font-size:24px;line-height:34px}
.wrap_job_package .section02 .chart_box .txt_deco span {position:relative;z-index:10}
.wrap_job_package .section02 .chart_box .txt_deco .underline {position:absolute;left:0;bottom:2px;width:0;height:16px;animation:fillWidth .5s ease-in-out forwards;z-index:5}
.wrap_job_package .section02 .box01 .txt_deco .underline {background:#FAFE61}
.wrap_job_package .section02 .box02 .txt_deco .underline {background:#C0F753}
.wrap_job_package .section02 .chart_box .cont_desc {font-size:15px;line-height:22px;color:var(--gray100)}
.wrap_job_package .section02 .source {margin:16px 0 0;padding:0 20px;font-size:12px;line-height:14px;color:var(--gray80);text-align:center}
/* animation fade in */
.wrap_job_package .section02 .title,
.wrap_job_package .section02 .desc,
.wrap_job_package .section02 .info_box,
.wrap_job_package .section02 .source {opacity:0}
.wrap_job_package .section02 .ani .title,
.wrap_job_package .section02 .ani .desc,
.wrap_job_package .section02 .ani .info_box,
.wrap_job_package .section02 .ani .source {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}
.wrap_job_package .section02 .ani .source {animation-delay:0.4s}
@keyframes fillWidth {
    from {width:0%}
    to {width:100%}
}

/* section03 */
.wrap_job_package .section03 {padding:64px 0 134px;background:linear-gradient(180deg, #1D1928 64%, #8939FF 86%, 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 .title img {max-height:160px}
.wrap_job_package .section03 .desc {margin:19px 0 0;font-size:20px;font-weight:600;line-height:28px;color:var(--white);word-break:keep-all}
.wrap_job_package .section03 .desc .txt_underline {position:relative;display:inline-block;z-index:5}
.wrap_job_package .section03 .desc .txt_underline::before {position:absolute;content:'';left:0;bottom:0;width:100%;height:8px;background:var(--violet100);z-index:-1}
.wrap_job_package .section03 .desc .txt_point {color:#BBFB39}
.wrap_job_package .section03 .desc .notice {display:block;margin:9px 0 0 ;font-size:13px;font-weight:400;line-height:18px;color:var(--gray50)}
.wrap_job_package .section03 .tab_container {margin:40px auto 0;width:calc(100% - 40px)}
.wrap_job_package .section03 .tab_container .tab_list {display:flex;align-items:center;justify-content:center}
.wrap_job_package .section03 .tab_container .tab_list li {flex:1}
.wrap_job_package .section03 .tab_container .tab_list li .tab_item {border-radius:24px 0 0 0}
.wrap_job_package .section03 .tab_container .tab_list li + li .tab_item{border-radius:0 24px 0 0}
.wrap_job_package .section03 .tab_container .tab_item {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;font-size:16px;font-weight:700;color:var(--gray80);background:var(--gray40)}
.wrap_job_package .section03 .tab_container .tab_item .arr {display:none;position:relative;width:24px;height:24px}
.wrap_job_package .section03 .tab_container .tab_item .arr:before {margin:0 0 0 8px;position:absolute;left:0;top:4px;content:'';width:8px;height:8px;border-top:2px solid var(--black);border-right:2px 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:0;border-radius:0 0 24px 24px;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;height:100%;box-sizing:border-box}
.wrap_job_package .section03 .tab_content .cont_img {display:flex;align-items:center;justify-content:center;height:224px;background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.wrap_job_package .section03 .tab_content .cont_img .badge img {max-height:152px}
.wrap_job_package .section03 .tab01 .cont_img {background-image:url(//www.saraminimage.co.kr/sri//mobile/job_package/sec03_tab01_bg.png)}
.wrap_job_package .section03 .tab02 .cont_img {background-image:url(//www.saraminimage.co.kr/sri//mobile/job_package/sec03_tab02_bg.png)}
.wrap_job_package .section03 .tab_content .inner {padding:0 16px 16px}
.wrap_job_package .section03 .tab_content .cont_tit {display:block;margin:0 0 8px;font-size:24px;line-height:34px;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:15px;line-height:22px;color:var(--gray100)}
.wrap_job_package .section03 .tab_content .list_box {margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.wrap_job_package .section03 .tab_content .list_item {width:100%;padding:12px 0;border-radius:8px;background:var(--blue20);font-size:13px;line-height:18px;font-weight:600;color:var(--gray120);text-align:center;word-break:keep-all}
.wrap_job_package .section03 .tab_content .btn_area {margin:24px 0 0;display:flex;flex-direction:column;gap:8px}
.wrap_job_package .section03 .tab_content .btn_area .btn {width:100%;height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:68px;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_details {background:var(--black);color:var(--white);font-weight:700}
.wrap_job_package .section03 .source {margin:10px 20px 0;padding:0 16px;font-size:12px;line-height:14px;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.3s}
.wrap_job_package .section03 .ani .source {animation-delay:0.4s}

/* section04 */
.wrap_job_package .section04 {position:relative;background:var(--white);text-align:center}
.wrap_job_package .section04 .title {position:relative;margin:-54px auto 0;display:inline-block;min-width:243px;font-size:20px;line-height:28px;font-weight:700;color:var(--white)}
.wrap_job_package .section04 .title::after {position:absolute;content:'';left:0;top:2px;width:100%;height:24px;background:var(--violet100);z-index:-1}
.wrap_job_package .section04 .desc {margin-top:16px;font-size:24px;font-weight:700;line-height:34px;color:var(--black);text-align:center;z-index:5}
.wrap_job_package .section04 .notice {display:block;margin:4px 0 0;font-size:13px;font-weight:400;line-height:18px;color:var(--gray80)}
.wrap_job_package .section04 .prod_wrap {margin:32px 0 0;padding:0 0 24px;text-align:left}
.wrap_job_package .section04 .box_explain {position:relative;padding:24px 40px 24px 24px;width:calc(100% - 40px);margin:0 auto 44px;border-radius:24px;box-sizing:border-box}
.wrap_job_package .section04 .box_explain::after {position:absolute;content:'';left:50%;bottom:-39px;transform:translateX(-50%);width:92px;height:38px;background-repeat:no-repeat;background-position:100% 100%;background-size:92px}
.wrap_job_package .section04 .box_explain.basic::after {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec04_prod_arr01.png)}
.wrap_job_package .section04 .box_explain.plus::after {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec04_prod_arr02.png)}
.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;background-size:80px}
.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 .tit_explain {font-size:20px;font-weight:600;line-height:28px;color:var(--gray120)}
.wrap_job_package .section04 .box_explain .txt_explain {margin-top:16px;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 .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/mobile/job_package/sec04_img_person01.png);background-size:80px}
.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/mobile/job_package/sec04_img_person02.png);background-size:80px}
.wrap_job_package .section04 .box_explain.plus .point {color:#E310FF}
.wrap_job_package .section04 .box_explain.close .profile,
.wrap_job_package .section04 .box_explain.close .badge_area,
.wrap_job_package .section04 .box_explain.close .txt_explain {display:none}
.wrap_job_package .section04 .box_explain .btn_toggle {position:absolute;top:50%;transform:translateY(-50%);right:16px;width:24px;height:24px;border-radius:8px;background:var(--white)}
.wrap_job_package .section04 .box_explain .btn_toggle::before,
.wrap_job_package .section04 .box_explain .btn_toggle::after {position:absolute;content:'';left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:10px;background:var(--violet80)}
.wrap_job_package .section04 .box_explain .btn_toggle::before {width:2px;height:14px}
.wrap_job_package .section04 .box_explain .btn_toggle::after {height:2px;width:14px}
.wrap_job_package .section04 .box_explain.plus .btn_toggle::before,
.wrap_job_package .section04 .box_explain.plus .btn_toggle::after {background:#E310FF}
.wrap_job_package .section04 .box_explain.close .btn_toggle::before,
.wrap_job_package .section04 .box_explain.close .btn_toggle::after {transform:translate(-50%,-50%) rotate(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/mobile/job_package/ico_check.png) no-repeat 2px 50%;background-size:20px;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 .each_box {display:flex;flex-direction:column;align-items:center}
.wrap_job_package .section04 .each_box .prod_item {margin-bottom:58px;position:relative;width:calc(100% - 40px);border:2px solid var(--gray90);border-radius:32px;background:var(--white);box-sizing:border-box}
.wrap_job_package .section04 .each_box .prod_item .item_inner {padding:26px 18px 20px}
.wrap_job_package .section04 .each_box .prod_tit {font-size:24px;font-weight:600;line-height:34px;color:var(--black)}
.wrap_job_package .section04 .each_box .prod_type_list {margin:16px 0 0}
.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 .price_wrap {padding:18px 20px 20px;background:var(--gray20);border-radius:0 0 30px 30px;bottom:-4px;text-align:center;box-sizing:border-box}
.wrap_job_package .section04 .each_box .info_discount {margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:4px}
.wrap_job_package .section04 .each_box .info_discount .origin_price {font-size:16px;line-height:24px;color:var(--gray80);text-decoration:line-through}
.wrap_job_package .section04 .each_box .info_discount .percent {font-size:18px;font-weight:700;line-height:26px;color:#2FFF00;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;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:20px;font-weight:700;color:var(--white);border-radius:58px;background:var(--black)}
.wrap_job_package .section04 .each_box .price_wrap .btn_purchase .price {color:#6EFF42}
.wrap_job_package .section04 .chk_purchase {position:relative;margin:17px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.wrap_job_package .section04 .chk_purchase .chk_box input {position:absolute;top:0;width:1px;height:1px;outline:none;opacity:0;pointer-events:none}
.wrap_job_package .section04 .chk_purchase .chk_box .agree_txt {font-size:12px;line-height:18px;color:var(--gray120)}
.wrap_job_package .section04 .chk_purchase .chk {position:relative;display:inline-block;vertical-align:middle;margin:0 4px 0 0;width:16px;height:16px;border-radius:4px;background:var(--white);border:1px solid var(--gray70);box-sizing:border-box}
.wrap_job_package .section04 .chk_purchase .chk::before {display:none;position:absolute;top:3px;left:3px;width:7px;height:4px;border-bottom:2px solid var(--white);border-left:2px solid var(--white);border-radius:2px;transform:rotate(-45deg);content:''}
.wrap_job_package .section04 .chk_purchase input:checked + label .chk {background:var(--black);border-color:var(--black)}
.wrap_job_package .section04 .chk_purchase input:checked + label .chk::before {display:inline-block;border-color:var(--white)}
.wrap_job_package .section04 .chk_purchase .btn_check_before {border-color:var(--gray80);color:var(--gray80);background:transparent}
/* animation fade in */
.wrap_job_package .section04 .title,
.wrap_job_package .section04 .desc,
.wrap_job_package .section04 .notice,
.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 .notice,
.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 .notice {animation-delay:0.4s}
.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:64px 0 0;background:var(--blue40);text-align:center}
.wrap_job_package .section05 .title_area {position:relative;margin:0 0 27px;z-index:10}
.wrap_job_package .section05 .title_area::before,
.wrap_job_package .section05 .title_area::after {position:absolute;content:''}
.wrap_job_package .section05 .title_area::before {top:-89px;left:12%;transform:translateX(-12%);width:124.5px;height:136px;background:url(//www.saraminimage.co.kr/sri/mobile/job_package/icon_event_review01_v2.png) no-repeat 0 0;background-size:124.5px 136px}
.wrap_job_package .section05 .title_area::after {bottom:175px;right:2%;width:97px;height:96px;background:url(//www.saraminimage.co.kr/sri/mobile/job_package/icon_event_review02_v2.png) no-repeat 0 0;background-size:97px 96px}
.wrap_job_package .section05 .event_type {margin:0 auto 24px;display:flex;align-items:center;justify-content:center;width:98px;height:42px;font-size:14px;font-weight:700;color:var(--black);border-radius:50%;border:1px solid #111}
.wrap_job_package .section05 .title {margin:0 0 24px}
.wrap_job_package .section05 .title img {width:100%;max-width:320px}
.wrap_job_package .section05 .desc {margin:0 0 26px;font-size:18px;line-height:26px;color:var(--gray120)}
.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-bottom:14px;font-size:18px;line-height:26px;font-weight:700;color:var(--black)}
.wrap_job_package .section05 .event_tooltip {position:relative;height:32px;display:inline-flex;align-items:center;padding:0 12px;font-size:13px;font-weight:700;color:var(--white);border-radius:32px;background:var(--violet80)}/*WMG-41540*/
.wrap_job_package .section05 .event_tooltip::before {position:absolute;content:'';top:-8px;left:50%;margin-left:-6px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--violet80)}/*WMG-41540*/
.wrap_job_package .section05 .gift_list {position:relative;padding:0 0 36px;display:flex;flex-wrap:wrap;justify-content:center;z-index:20}
.wrap_job_package .section05 .gift_item {position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;width:290px;height:284px;background-repeat:no-repeat;background-position:50% 100%}
.wrap_job_package .section05 .type01 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec05_gift_v3_01.png);background-size:272px auto}
.wrap_job_package .section05 .type02 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec05_gift_v3_02.png);background-size:272px auto}
.wrap_job_package .section05 .type03 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec05_gift_v3_03.png);background-size:272px auto}
.wrap_job_package .section05 .type04 {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/sec05_gift_v3_04.png);background-size:216px auto}
.wrap_job_package .section05 .gift_list .swiper-pagination {bottom:4px;display:flex;gap:12px;padding:0 32px 0 0}
.wrap_job_package .section05 .gift_list .swiper-pagination-bullet {width:12px;height:12px;background:var(--white);opacity:1}
.wrap_job_package .section05 .gift_list .swiper-pagination-bullet-active {background:var(--violet100)}
.wrap_job_package .section05 .gift_list .controls {position:absolute;bottom:0;left:50%;margin-left:38px;width:20px;height:20px;z-index:20}
.wrap_job_package .section05 .gift_list .controls button {display:none;width:20px;height:20px;background-position:50%;background-repeat:no-repeat;background-size:20px}
.wrap_job_package .section05 .gift_list .controls .btn_auto_play {background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/ico_play.png)}
.wrap_job_package .section05 .gift_list .controls .btn_pause {display:block;background-image:url(//www.saraminimage.co.kr/sri/mobile/job_package/ico_pause.png)}
.wrap_job_package .section05 .wrap_comment_form {margin:56px 0 0;border-radius:32px 32px 0 0;padding:24px 20px 104px;background:#F4F5F8}
.wrap_job_package .section05 .wrap_comment_form .tit_form {display:block;margin-bottom:14px;font-size:15px;line-height:22px;font-weight:600;color:var(--black)}
.wrap_job_package .section05 .box_comment {padding:16px 24px;background:var(--white);border:1px solid var(--white);border-radius:16px;box-sizing:border-box}
.wrap_job_package .section05 .box_comment textarea {overflow-x:hidden;overflow-y:scroll;width:100%;min-height:72px;height:auto;color:var(--gray120);font-size:16px;line-height:24px;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 {color:var(--coral90)}
.wrap_job_package .section05 .box_comment .box_foot {display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:24px;color:var(--gray80);font-size:13px;line-height:18px}
.wrap_job_package .section05 .box_comment .box_foot .area_count {word-break:keep-all;text-align:right}
.wrap_job_package .section05 .box_comment .box_foot .area_count>strong {font-weight:600}
.wrap_job_package .section05 .box_comment .box_foot .btn {display:inline-flex;width:73px;height:32px;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--gray80);background:var(--gray20);border-radius:8px}
.wrap_job_package .section05 .box_comment .box_foot .btn_cancel {width:57px;background-color:var(--gray80);color:var(--white)}
.wrap_job_package .section05 .box_comment .box_foot .btn_cancel + .btn_submit {width:57px}
.wrap_job_package .section05 .box_comment.is_write .btn_submit {background:var(--violet90);color:var(--white)}
.wrap_job_package .section05 .area_txt {margin-top:16px;color:var(--gray80);font-size:12px;line-height:14px}
.wrap_job_package .section05 .area_txt>strong {color:var(--gray120)}
.wrap_job_package .section05 .list_comment .box_head {display:flex;align-items:center;justify-content:space-between;margin:40px 0 0;padding-bottom:10px;font-size:14px;line-height:20px;color:var(--gray120);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:10px}
.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 {font-weight:bold;color:var(--gray120)}
.wrap_job_package .section05 .list_comment .box_cont .is_nodata {padding:40px 0;font-size:15px;line-height:22px;color:var(--gray120);border-bottom:1px solid var(--gray30)}
.wrap_job_package .section05 .list_comment .box_cont .area_author {display:flex;align-items:center;gap:17px;font-size:12px;line-height:14px;color:var(--gray100)}
.wrap_job_package .section05 .list_comment .box_cont .area_author>strong {font-weight:600}
.wrap_job_package .section05 .list_comment .box_cont .area_modify {position:relative;display:flex;align-items:center;gap:8px}
.wrap_job_package .section05 .list_comment .box_cont .area_modify:before {position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:1px;height:12px;background:var(--gray40);content:''}
.wrap_job_package .section05 .list_comment .box_cont .area_modify .btn_modify {color:var(--violet90);font-size:12px}
.wrap_job_package .section05 .list_comment .box_cont .txt_comment {margin-top:8px;font-size:15px;line-height:22px;text-align:left;word-break:break-all;color:var(--gray120)}
.wrap_job_package .section05 .list_comment .box_cont .txt_comment.is_invalid {color:var(--violet90)}
.wrap_job_package .section05 .list_comment .box_cont .box_comment {margin:0}
.wrap_job_package .section05 .list_comment .box_cont .box_comment .box_foot {margin-top:36px}
.wrap_job_package .section05 .list_comment .box_cont>ul>li {padding:16px 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 .pagiNation .btnPrev,
.wrap_job_package .section05 .list_comment .pagiNation .btnNext {background:var(--violet80);border-color:var(--violet80)}
.wrap_job_package .section05 .list_comment .pagiNation .btnPrev:after,
.wrap_job_package .section05 .list_comment .pagiNation .btnNext:after {position:absolute;top:calc(50% + 1px);z-index:2;width:6px;height:6px;border:solid var(--white);transform:translate(-50%, -50%) rotate(45deg);content:"";background:none}
.wrap_job_package .section05 .list_comment .pagiNation .btnPrev:after {left:20px;border-width:0 0 1px 1px}
.wrap_job_package .section05 .list_comment .pagiNation .btnNext:after {left:18px;border-width:1px 1px 0 0}
.wrap_job_package .section05 .list_comment .pagiNation .page {color:var(--gray80);background:var(--gray30);border-color:var(--gray30)}
.wrap_job_package .section05 .list_comment .pagiNation .page.on {font-weight:600;color:var(--gray120);background:var(--white);border-color:var(--white)}
/* 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:40px 20px 150px;background:#2F3541;box-sizing:border-box}
.wrap_job_package .section06 .title {font-size:22px;line-height:30px;font-weight:700;color:var(--gray30)}
.wrap_job_package .section06 .list_caution {margin:16px 0 0 0;font-size:13px;line-height:20px;color:var(--gray30)}
.wrap_job_package .section06 .list_caution + .list_caution  {margin:24px 0 0 0}
.wrap_job_package .section06 .list_caution ul {margin:12px 0 0 0}
.wrap_job_package .section06 .list_caution .event_tit {font-weight:600}
.wrap_job_package .section06 .list_caution li {position:relative;padding:0 0 0 7px}
.wrap_job_package .section06 .list_caution li::before {position:absolute;content:'';left:0;top:8px;width:3px;height:3px;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_area {margin:24px auto 0;text-align:center}
/* animation fade in */
.wrap_job_package .section06 .title,
.wrap_job_package .section06 .list_caution,
.wrap_job_package .section06 .btn_area {opacity:0}
.wrap_job_package .section06 .ani .title,
.wrap_job_package .section06 .ani .list_caution {animation:fadeIn 1s forwards}
.wrap_job_package .section06 .ani .btn_area {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}
.wrap_job_package .section06 .ani .btn_area {animation-delay:0.5s}

/* box_floating */
.wrap_job_package .box_floating {position:fixed;bottom:12px;left:16px;transition:opacity 0.3s,transform 0.3s;padding:0 10px;width:calc(100% - 32px);height:56px;border-radius:32px;background:rgba(255,255,255,0.90);box-shadow:0px 8px 18px 0px rgba(0,0,0,0.16);backdrop-filter:blur(11px);box-sizing:border-box;z-index:100}
.wrap_job_package .box_floating.hidden {opacity:0;transform:translateY(20px);pointer-events:none}
.wrap_job_package .box_floating ul {padding:0 12px;display:flex;align-items:center;justify-content:center;gap:12px;height:56px}
.wrap_job_package .box_floating li {position:relative;height:100%}
.wrap_job_package .box_floating li.bar::before {position:absolute;content:'';width:1px;height:12px;background:var(--gray40);left:50%;top:50%;transform:translate(-50%,-50%)}
.wrap_job_package .box_floating a {position:relative;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray120);text-align:center;word-break:keep-all;z-index:5}
.wrap_job_package .box_floating .highlight {position:relative;z-index:5}
.wrap_job_package .box_floating .highlight::before {position:absolute;content:'';right:-20px;top:-35px;width:37px;height:39px;background:url(//www.saraminimage.co.kr/sri/mobile/job_package/ico_menu_quick.png) no-repeat 0 0;background-size:37px auto;animation:bounceMotionSm infinite 1s;z-index:-1}

/* share btn */
.wrap_job_package .floating_share {position:fixed;width:40px;height:40px;right:16px;bottom:124px;z-index:200}
.wrap_job_package .floating_share .btn_share {display:block;width:40px;height:40px;background:url(//www.saraminimage.co.kr/sri/mobile/job_package/btn_share.png) no-repeat 0 0;background-size:40px}

/* layer */
.layer_div {position:absolute;top:0;left:0;z-index:1000;width:100%;min-height:calc(100vh);background:var(--white)}
.layer_purchse_before_check .layer_content {padding:24px 20px;font-size:14px;line-height:22px;color:var(--gray90)}
.layer_purchse_before_check .layer_content .list_wrap ol ol {padding:0 0 0 12px}

/* certify layer */
.lpopWrap2.layer_certify {display:none;position:fixed}
.lpopWrap2.layer_certify .area_input {display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.lpopWrap2.layer_certify .area_input .txt {font-size:14px}
.lpopWrap2.layer_certify .area_input .inp_btn {flex-shrink:0;margin-left:3px;padding:0 5px;min-width:70px;height:40px;font-size:15px;line-height:40px;letter-spacing:-0.5px;text-align:Center;border-radius:4px;vertical-align:top;box-sizing:border-box}
.lpopWrap2.layer_certify .area_input .inp_btn[disabled] {border:1px solid #d7dce5;color:#b4c0d3;background:#f4f6fa;cursor:default}
.lpopWrap2.layer_certify .area_input input::placeholder {font-size:14px}
.lpopWrap2.layer_certify .area_input input::-webkit-input-placeholder {font-size:14px}
.lpopWrap2.layer_certify .area_input input:-ms-input-placeholder {font-size:14px}
.lpopWrap2.layer_certify .noti {font-size:12px;color:#8491a7}
.lpopWrap2.layer_certify .remain_time {font-size:12px;color:#ff6d6a}

/* 이전 이벤트 유의사항 */
.layer_caution_before .layer_content {padding:24px 20px;font-size:14px;line-height:22px;color:var(--gray90)}
.layer_caution_before .layer_content .caution_conts + .caution_conts {margin-top:8px}
.layer_caution_before .layer_content .caution_conts ul li{position:relative;padding-left:25px}
.layer_caution_before .layer_content .caution_conts ul li:before{position:absolute;content: '';left:10px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--gray100)}
.layer_caution_before .layer_content .btn_wrap {margin-top:16px;text-align:center}

/* 공통 aniamtion */
@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)}
}
@keyframes bounceMotionSm {
    0% {transform:translateY(0)}
    50% {transform:translateY(-5px)}
    100% {transform:translateY(0)}
}