@charset "utf-8";
/* color set */
:root {
    --primary: var(--black);
    --primaryTxt: var(--white);
    --secondary: var(--black);
    --secondaryTxt: var(--white);
    --tertiary: var(--black);
    --tertiaryTxt: var(--white);
    --lastly: var(--black);
    --lastlyTxt: var(--white);
    --attractive1: var(--white);
    --attractive2: #ff1aaf;
    --attractive3: #f6ff00;
    --attractive4: #00f6ff;
    --attractive5: #a9a9a9;
    --attractive6: #5dff00;
    --text01: #1C1C1E;
    --text02: #3A3A3C;
}
/* layout */
#oasis .wrap_result {width:100%;padding-bottom:0;background:var(--white)}
.wrap_result .wrap_result_svq {max-width:768px;margin:0 auto;padding:0 20px;box-sizing:border-box}
#oasis .wrap_result .cont_common {padding:16px;background:#F6F6F6;border-radius:24px;box-sizing:border-box}
header+.wrap_result {padding-top:45px}
header+.wrap_result.is_pc {padding-top:55px}
#oasis.personality > h1 {display:none}
.wrap_result .box_title {padding-bottom:24px;color:var(--text01);text-align:center}
.wrap_result .box_title .txt_title {display:inline-flex;padding:4px 12px;font-size:18px;line-height:26px;background:#F6F6F6;border-radius:24px;box-sizing:border-box}
.wrap_result .box_title .sub_title {display:block;margin-top:12px;font-size:13px;line-height:20px}
.wrap_result .wrap_result_btn {position:fixed;left:0;bottom:0;z-index:1;width:calc(100% - 40px);padding:20px;background:var(--white)}
.wrap_result .wrap_result_btn .btn_examine {width:100%;color:var(--white);font-weight:bold;background-color:#FF0EB0}
.wrap_result .wrap_result_foot {margin:64px auto 86px;color:var(--text02);font-size:13px;line-height:20px;text-align:center}
.wrap_result .wrap_result_foot .copyright {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:var(--text02);font-size:12px;line-height:16px}
.wrap_result .wrap_result_btn+.wrap_result_foot {margin-bottom:182px}
/* WMG-41316 */
.wrap_result_foot .wrap_prepare {margin-top:72px;color:var(--text01)}
.wrap_prepare .txt_title {font-size:20px;line-height:28px}
.wrap_prepare .wrap_prepare_cont {display:grid;grid-template-columns:320px auto;grid-template-rows:1fr 1fr;gap:8px;margin-top:24px}
.wrap_prepare .item_info {padding:24px;font-size:15px;font-weight:bold;line-height:24px;background-color:#F2F2F7;background-image:url('//www.saraminimage.co.kr/sri/svq/begins/ico_values.png');background-repeat:no-repeat;background-position:top right;background-size:contain;border-radius:32px;text-align:left}
.wrap_prepare .item_info:first-of-type {background-color:#EBF9EE;background-image:url('//www.saraminimage.co.kr/sri/svq/begins/ico_check.png')}
.wrap_prepare .item_banner {grid-column:2/3;grid-row:1/3;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:36px;padding:24px;background:url('//www.saraminimage.co.kr/sri/svq/begins/bg_prepare_gradient.png') no-repeat center / cover;color:var(--white);border-radius:32px}
.wrap_prepare .btn_prepare {width:100%;color:#FF0EB0;font-weight:bold;background:var(--white)}
.wrap_prepare .BtnType.btn_prepare {width:272px;border-color:var(--white);}
/* //WMG-41316 */
/* 프로파일 */
.wrap_result_profile .box_summary {display:flex;align-items:center;margin:0 0 24px;padding:16px 0;color:#606062;font-size:12px;line-height:16px;border-bottom:1px solid rgba(142,142,147,0.16)}
.wrap_result_profile .box_summary strong {flex:1}
.wrap_result_profile_card {overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:24px;color:var(--primaryTxt);background:var(--primary)}
.wrap_result_profile_card .box_img {flex-shrink:0;max-width:364px}
.wrap_result_profile_card .box_img source,
.wrap_result_profile_card .box_img img {width:100%;max-width:100%;height:auto}
.wrap_result_profile_card .box_txt {padding:0 24px 20px}
.wrap_result_profile_card .txt_title {font-size:20px;line-height:28px}
.wrap_result_profile_card .txt_desc {margin-top:12px;font-size:14px;font-weight:600;line-height:24px}
.wrap_result .area_btns {display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wrap_result .area_btns button {flex:1;width:100%;border:1px solid #2C2C2E}
.wrap_result .btn_share {color:var(--white);background:#2C2C2E}
.wrap_result .btn_share_img {color:#2C2C2E;background:var(--white)}
.wrap_result_profile_items {margin-top:8px}
.wrap_result_profile_items .box_badge .badge {display:inline-block;padding:4px 6px;color:var(--text01);font-size:13px;font-weight:bold;line-height:18px;border-radius:999px;background:var(--white);box-sizing:border-box}
.wrap_result_profile_items .box_badge .badge:not(.badge_name) {color:var(--primaryTxt);background:var(--primary)}
.wrap_result_profile_items .graph_bar {display:flex;flex-direction:column;gap:32px;margin:32px 0}
.wrap_result_profile_items .graph_bar>li {display:flex;flex-direction:column-reverse}
.wrap_result_profile_items .box_graph {position:relative;display:flex;width:100%;height:24px;margin-top:8px;background:#EBEBEB;border-radius:16px}
.wrap_result_profile_items .box_graph:after {position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:4px;height:4px;background:var(--primaryTxt);border-radius:50%;content:''}
.wrap_result_profile_items .box_graph .bar {height:100%;color:var(--primaryTxt);border-radius:16px;background:var(--primary)}
.wrap_result_profile_items .is_biggest .box_graph {justify-content:flex-end}
.wrap_result_profile_items .box_legend .txt_type:nth-last-of-type(2) .txt_score,
.wrap_result_profile_items .is_biggest .box_legend .txt_type:nth-last-of-type(1) .txt_score {color:var(--primaryTxt)}
.wrap_result_profile_items .is_biggest .box_legend .txt_type:nth-last-of-type(2) .txt_score {color:var(--text02)}
.wrap_result_profile_items .box_legend {position:relative;display:flex;align-items:center;justify-content:space-between;color:#89898A;font-size:14px;line-height:20px}
.wrap_result_profile_items .box_legend .txt_legend {position:absolute;left:50%;transform:translateX(-50%);font-size:12px;line-height:16px}
.wrap_result_profile_items .box_legend .txt_type {position:relative}
.wrap_result_profile_items .box_legend .txt_type .txt_score {position:absolute;bottom:-32px;display:flex;align-items:center;gap:4px;color:var(--text02);font-size:13px;line-height:24px;text-align:center}
.wrap_result_profile_items .box_legend .txt_type .txt_score strong {width:12px}
.wrap_result_profile_items .box_legend .txt_type .txt_score span {width:28px}
.wrap_result_profile_items .box_legend .txt_type:nth-last-of-type(1) {margin-left:auto}
.wrap_result_profile_items .box_legend .txt_type:nth-last-of-type(1) .txt_score {right:6px;flex-direction:row-reverse}
.wrap_result_profile_items .box_legend .txt_type:nth-last-of-type(2) .txt_score {left:6px}
.wrap_result_profile_items .list_comment {display:flex;flex-direction:column;gap:16px}
.wrap_result_profile_items .list_comment>li {margin:8px 0}
.wrap_result_profile_items .list_comment .box_head {display:flex;align-items:center;gap:8px;color:var(--text01);font-size:14px;line-height:20px}
.wrap_result_profile_items .list_comment .badge {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primaryTxt);font-weight:bold;background:var(--primary);border-radius:50%}
.wrap_result_profile_items .list_comment .txt_title {flex:1;display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.wrap_result_profile_items .list_comment .txt_title strong {font-size:16px;line-height:24px}
.wrap_result_profile_items .list_comment .txt_desc {margin-top:8px;color:var(--text02);font-size:13px;line-height:20px}

/* 매력 */
#oasis .wrap_result .wrap_result_best {overflow:hidden;position:relative;z-index:1;margin-top:48px;padding-top:48px;padding-bottom:48px;color:var(--white);background:#282828}
.wrap_result_best .box_title {position:relative;color:var(--white)}
.wrap_result_best .box_title .txt_title {background:rgba(235,235,235,0.15)}
.wrap_result_best .box_title .area_tooltip {position:absolute;top:-16px;right:0}
.wrap_result_best .box_title .area_tooltip .btn_tooltip {width:24px;height:24px;background:url(//www.saraminimage.co.kr/sri/careertip/icon_notice.png) no-repeat center / contain}
.wrap_result_best .box_title .area_tooltip .toolTipWrap2 .toolTip {width:230px}
.wrap_result_best .box_title .area_tooltip .list_define {display:flex;flex-wrap:wrap;gap:4px;color:#373F57;font-size:14px;line-height:20px}
.wrap_result_best .box_title .area_tooltip .list_define>li {display:inline-flex;align-items:center;gap:4px}
.wrap_result_best .box_title .area_tooltip .list_define>li:before {width:6px;height:6px;border-radius:50%;box-sizing:border-box;content:''}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(1):before {border:1px solid #8e8e93}
.wrap_result_best .box_title .area_tooltip .TipCont .TipTxt {width:172px;text-align:left}
.wrap_result_best .box_title .area_tooltip .TipCont .list_define {margin-top:4px}
.wrap_result_best .box_title .area_tooltip .TipCont .btnClose {display:none}
.wrap_result_best .list_attractive {display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.wrap_result_best .list_attractive>li {position:relative}
.wrap_result_best .list_attractive>li:before {position:absolute;z-index:-1;width:372px;height:372px;border-radius:50%;opacity:.05;filter:blur(50px);content:''}
.wrap_result_best .list_attractive>li:nth-of-type(1):before {bottom:calc(100% - 8px);left:calc(100% + 16px)}
.wrap_result_best .list_attractive>li:nth-of-type(2):before {bottom:-38px;right:calc(100% + 16px)}
.wrap_result_best .list_attractive>li:nth-of-type(3):before {top:-187px;left:calc(100% + 16px)}
.wrap_result_best .list_attractive>li:nth-of-type(4):before {bottom:-212px;right:calc(100% + 16px)}
.wrap_result_best .list_attractive>li:nth-of-type(5):before {top:-11px;left:192px}
.wrap_result_best .list_attractive .item_attractive {display:flex;align-items:flex-start;gap:20px;width:100%;max-width:360px;padding:20px;font-size:13px;background:rgba(35,37,27,1);border-radius:24px;box-sizing:border-box}
.wrap_result_best .list_attractive .box_head {flex-shrink:0;width:56px;padding:0 1px;box-sizing:border-box}
.wrap_result_best .list_attractive .box_head .badge {display:inline-flex;align-items:center;justify-content:center;width:100%;height:24px;padding:2px 0;color:var(--text01);border-radius:999px;box-sizing:border-box}
.wrap_result_best .list_attractive .box_head .area_ico {display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:8px;background:rgba(0,0,0,0.3);border-radius:50%}
.wrap_result_best .list_attractive [class*='ico_attractive'] {width:32px;height:32px;background:url('//www.saraminimage.co.kr/sri/svq/begins/ico_attractive.png');background-size:96px 192px}
.wrap_result_best .list_attractive .ico_attractive5 {background-position:0 0}
.wrap_result_best .list_attractive .ico_attractive6 {background-position:-32px 0}
.wrap_result_best .list_attractive .ico_attractive7 {background-position:-64px 0}
.wrap_result_best .list_attractive .ico_attractive9 {background-position:0 -32px}
.wrap_result_best .list_attractive .ico_attractive10 {background-position:-32px -32px}
.wrap_result_best .list_attractive .ico_attractive11 {background-position:-64px -32px}
.wrap_result_best .list_attractive .ico_attractive13 {background-position:0 -64px}
.wrap_result_best .list_attractive .ico_attractive14 {background-position:-32px -64px}
.wrap_result_best .list_attractive .ico_attractive15 {background-position:-64px -64px}
.wrap_result_best .list_attractive .ico_attractive17 {background-position:0 -96px}
.wrap_result_best .list_attractive .ico_attractive18 {background-position:-32px -96px}
.wrap_result_best .list_attractive .ico_attractive19 {background-position:-64px -96px}
.wrap_result_best .list_attractive .ico_attractive21 {background-position:0 -128px}
.wrap_result_best .list_attractive .ico_attractive22 {background-position:-32px -128px}
.wrap_result_best .list_attractive .ico_attractive23 {background-position:-64px -128px}
.wrap_result_best .list_attractive .ico_attractive25 {background-position:0 -160px}
.wrap_result_best .list_attractive .ico_attractive26 {background-position:-32px -160px}
.wrap_result_best .list_attractive .ico_attractive27 {background-position:-64px -160px}
.wrap_result_best .list_attractive .txt_desc {line-height:20px}
.wrap_result_best .list_attractive .is_attractive1:before,
.wrap_result_best .list_attractive .is_attractive1 .box_head .badge  {background:var(--attractive1)}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(2):before,
.wrap_result_best .list_attractive .is_attractive2:before,
.wrap_result_best .list_attractive .is_attractive2 .box_head .badge {background:var(--attractive2)}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(3):before,
.wrap_result_best .list_attractive .is_attractive3:before,
.wrap_result_best .list_attractive .is_attractive3 .box_head .badge {background:var(--attractive3)}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(4):before,
.wrap_result_best .list_attractive .is_attractive4:before,
.wrap_result_best .list_attractive .is_attractive4 .box_head .badge {background:var(--attractive4)}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(5):before,
.wrap_result_best .list_attractive .is_attractive5:before,
.wrap_result_best .list_attractive .is_attractive5 .box_head .badge {background:var(--attractive5)}
.wrap_result_best .box_title .area_tooltip .list_define>li:nth-of-type(6):before,
.wrap_result_best .list_attractive .is_attractive6:before,
.wrap_result_best .list_attractive .is_attractive6 .box_head .badge {background:var(--attractive6)}


/* 유형 */
.wrap_result .wrap_result_svq.wrap_result_type {margin-top:40px}
.wrap_result_type .box_type {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}
.wrap_result_type .box_type .graph_pie {position:relative;width:126px;height:126px}
.wrap_result_type .box_type .graph_pie .box_graph {position:absolute;top:0;left:0;display:block;border-radius:50%}
.wrap_result_type .box_type .graph_pie .box_graph circle {fill:transparent;stroke-width:63}
.wrap_result_type .box_type .graph_pie .box_graph.is_type30 circle {stroke:#2C2C2E}
.wrap_result_type .box_type .graph_pie .box_graph.is_type32 circle {stroke:#FF0EB0}
.wrap_result_type .box_type .graph_pie .box_graph.is_type34 circle {stroke:#665AFF}
.wrap_result_type .box_type .box_legend {display:inline-flex;flex-direction:column;gap:12px}
.wrap_result_type .box_type .box_legend>li {display:flex;align-items:center;color:var(--text01);font-size:13px;line-height:18px}
.wrap_result_type .box_type .box_legend>li:before {width:6px;height:6px;margin-right:4px;border-radius:50%;content:''}
.wrap_result_type .box_type .box_legend strong {margin-left:8px;color:var(--text02);font-size:18px;line-height:26px}
.wrap_result_type .list_comment {display:flex;flex-direction:column;gap:8px;margin-top:8px}
.wrap_result_type .list_comment .btn_accordion {display:flex;align-items:center;gap:4px;width:100%}
.wrap_result_type .list_comment .btn_accordion:after {display:inline-block;margin:-3px 9px 0 auto;width:6px;height:6px;border-top:1px solid var(--text02);border-right:1px solid var(--text02);vertical-align:top;transform:rotate(135deg);content:''}
.wrap_result_type .list_comment .badge {display:inline-flex;align-items:center;padding:6px 10px;color:var(--white);font-size:13px;font-weight:bold;line-height:18px;border-radius:999px;box-sizing:border-box}
.wrap_result_type .list_comment .badge:not(.badge_type) {color:var(--text02);background:var(--white)}
.wrap_result_type .box_type .box_legend .is_black:before,
.wrap_result_type .list_comment .is_black .badge:first-of-type {background:#2C2C2E}
.wrap_result_type .box_type .box_legend .is_magenta:before,
.wrap_result_type .list_comment .is_magenta .badge:first-of-type {background:#FF0EB0}
.wrap_result_type .box_type .box_legend .is_purple:before,
.wrap_result_type .list_comment .is_purple .badge:first-of-type {background:#665AFF}
.wrap_result_type .list_comment .box_desc {display:none;margin-top:32px;color:var(--text02);font-size:13px;line-height:20px}
.wrap_result_type .list_comment .is_expand+.box_desc {display:block}
.wrap_result_type .list_comment dl>dt {display:block;margin:24px 0 8px;font-weight:bold}
.wrap_result_type article+article {margin-top:88px}
.wrap_result_type .box_lineage .graph_lineage {display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px}
.wrap_result_type .box_lineage .graph_lineage ol {flex:1;display:flex;flex-direction:column;gap:2px}
.wrap_result_type .box_lineage .graph_lineage ol>li {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;height:53px;color:#89898A;font-size:13px;line-height:18px;background:#E5E5E5;border-radius:16px}
.wrap_result_type .box_lineage .graph_lineage ol:first-of-type li:nth-of-type(1) {color:var(--primaryTxt);background:var(--primary)}
.wrap_result_type .box_lineage .graph_lineage ol:first-of-type li:nth-of-type(2) {color:var(--secondaryTxt);background:var(--secondary)}
.wrap_result_type .box_lineage .graph_lineage ol:first-of-type li:nth-of-type(3) {color:var(--tertiaryTxt);background:var(--tertiary)}
.wrap_result_type .box_lineage .graph_lineage ol:last-of-type li {color:var(--lastlyTxt);background:var(--lastly)}
.wrap_result_type .box_lineage .box_legend {display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#606062;font-size:13px;line-height:18px}
.wrap_result_type .box_lineage .box_legend .txt_legend {order:2}
.wrap_result_type .box_lineage .box_legend .txt_type:nth-last-of-type(1) {order:3}
.wrap_result_type .box_comment {margin-top:8px}
.wrap_result_type .box_comment .badge {display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;color:var(--white);font-size:13px;line-height:18px;background:var(--text01);border-radius:999px;box-sizing:border-box}
.wrap_result_type .box_comment .list_card {margin-top:32px}
.wrap_result_type .box_comment .list_card>li {display:flex;align-items:center;padding:0 24px;font-size:13px;line-height:18px;border-radius:24px;box-sizing:border-box}
.wrap_result_type .box_lineage+.box_comment .list_card>li:nth-of-type(1) {color:var(--primaryTxt);background:var(--primary)}
.wrap_result_type .box_lineage+.box_comment .list_card>li:nth-of-type(2) {color:var(--secondaryTxt);background:var(--secondary)}
.wrap_result_type .box_lineage+.box_comment .list_card>li:nth-of-type(3) {color:var(--tertiaryTxt);background:var(--tertiary)}
.wrap_result_type .box_comment+.box_comment .list_card>li {color:var(--lastlyTxt);background:var(--lastly)}

.wrap_result_type .box_comment .list_card>li+li {margin-top:4px}
.wrap_result_type .box_comment .list_card .box_txt strong {display:block}
.wrap_result_type .box_comment .list_card .box_thumb {margin-left:auto}
.wrap_result_type .box_comment .box_desc {display:flex;flex-direction:column;gap:12px;margin-top:32px;color:var(--text02);font-size:13px;line-height:18px}
@media (max-width: 767px) {
    .wrap_result_profile_card,
    .wrap_result .area_btns {flex-direction:column}
    .wrap_result_best .list_attractive>li:nth-of-type(1):before {bottom:61px;left:60px}
    .wrap_result_best .list_attractive>li:nth-of-type(2):before {bottom:-1px;right:60px}
    .wrap_result_best .list_attractive>li:nth-of-type(3):before {top:-13px;left:60px}
    .wrap_result_best .list_attractive>li:nth-of-type(4):before {bottom:-81px;right:60px}
    .wrap_result_best .list_attractive>li:nth-of-type(5):before {top:-101px;left:60px}
    /* WMG-41316 */
    .wrap_prepare .wrap_prepare_cont {display:flex;flex-direction:column}
    /* //WMG-41316 */
}
/* 공유하기 레이어 */
.sri_dimmed {display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;width:100%;height:100%;background:rgba(0,0,0,0.65);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lpopBottomUp .tit_lpopBottomUp {display:block;height:30px;border-bottom:1px solid #ededef;box-sizing:border-box;color:#222;font-size:15px;letter-spacing:-1px;line-height:19px}
#sns_share .area_sns {padding:0;box-sizing:border-box;text-align:center}
#sns_share .list_sns {position:relative}
#sns_share .list_sns:after {display:table;clear:both;content:"";table-layout:fixed}
#sns_share .list_sns li {float:left;padding:16px 0;width:20%;box-sizing:border-box}
#sns_share .list_sns li button {width:42px;height:42px}
#sns_share .list_sns li button:before {display:inline-block;width:44px;height:44px;background:url(//www.saraminimage.co.kr/sri/mobile/ico/spr_rview_2024.png) no-repeat 0 0;background-size:400px auto;content:""}
#sns_share .list_sns li.sns_kakao button:before {background-position:0 -150px}
#sns_share .list_sns li.sns_line button:before {background-position:-50px -150px}
#sns_share .list_sns li.sns_facebook button:before {background-position:0 -200px}
#sns_share .list_sns li.sns_twitter button:before {background-position:-50px -200px}
#sns_share .list_sns li.sns_email button:before {background-position:-50px -250px}
#sns_share .sns_url {display:block;float:none;padding-top:15px;width:100%}
#sns_share .sns_url .url_job {display:inline-block;overflow:hidden;width:calc(100% - 64px);height:31px;border:1px solid #f0f0f0;color:#4876ef;line-height:31px;text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:#f9f9f9}
#sns_share .sns_url .txt {display:block;padding-top:8px;color:#666;font-size:13px;letter-spacing:-1px;line-height:16px;text-align:center}
.layer_btn_top2 {display:none}

/* PC ver */
#oasis .wrap_result.is_pc section article {margin:0;border:inherit;border-top:inherit}
#oasis .wrap_result.is_pc section article.wrap_result_profile_items {margin-top:8px}
#oasis .wrap_result.is_pc .wrap_result_type article+article {margin-top:88px}
.wrap_result.is_pc .wrap_result_profile_card+.btn_share {border-color:#2C2C2E}
.wrap_result.is_pc .wrap_result_btn .btn_examine {border-color:#FF0EB0}
.wrap_result.is_pc+.lpopBottomUp {display:none}
/*SRI-184*/
/*app dwon banner*/
.app_action_bnr01 {display: flex;margin:48px auto 0;padding:24px;border-radius:32px;background: linear-gradient(109deg, #FFE1F2 -1.43%, #DCDCFF 100%);align-items: center;justify-content: center;flex-wrap: wrap;gap: 16px;}
.app_action_bnr01 .box_img{max-width:332px;width:272px;height:330px;flex:1;text-align:center;}
.app_action_bnr01 .box_img img {width:272px;height:100%}
.app_action_bnr01 .box_txt {text-align:center;}
.app_action_bnr01 .box_txt .txt {color:#FF0EB0;font-size:13px;font-weight:700;line-height:18px}
.app_action_bnr01 .box_txt .txt_desc {margin-top:8px;color:var(--text01);font-size:20px;font-weight:700;line-height:28px}
.app_action_bnr01 .btn_area{margin-top:16px}
.app_action_bnr01 .btn_app_action {display:inline-flex;gap:4px;height:40px;line-height:24px;padding:8px 24px;box-sizing:border-box;background-color:var(--white);border-radius:32px;color:#FF0EB0;font-size:15px;font-weight:700}

.app_action_bnr02 {margin:48px auto;background:url('https://www.saraminimage.co.kr/sri/svq/begins/img_bnr_action_2.png') no-repeat right center / 138px 132px,linear-gradient(90deg, #FF0EB0 0%, #665AFF 100%);padding:24px;border-radius:16px}
.app_action_bnr02 .box_txt .txt_desc {color:var(--white);font-size:14px;font-weight:700;line-height:20px}
.app_action_bnr02 .btn_area{margin-top:16px}
.app_action_bnr02 .btn_app_action,
.app_action_bnr03 .btn_app_action {display:inline-flex;gap:4px;height:28px;line-height:18px;padding:5px 12px;box-sizing:border-box;background-color:var(--white);border-radius:32px;color:#FF0EB0;font-size:13px;font-weight:700}
.app_action_bnr03 {display: flex;margin:48px auto 0;border-radius:32px;background:#FFE1F2;align-items: center;justify-content: center;flex-wrap: wrap;gap: 16px;}
.app_action_bnr03 .box_img{width:100%;height:260px;text-align:center;}
.app_action_bnr03 .box_img img {width:320px;height:260px}
.app_action_bnr03 .box_txt {flex-shrink:1;padding:24px;text-align:center;}
.app_action_bnr03 .box_txt .txt {color:#FF0EB0;font-size:13px;font-weight:700;line-height:18px}
.app_action_bnr03 .box_txt .txt_desc {margin-top:8px;color:var(--text01);font-size:20px;font-weight:700;line-height:28px}
.app_action_bnr03 .btn_area{margin-top:12px}


@media (min-width: 767px) {

    .app_action_bnr .box_txt{width:332px}
    .app_action_bnr03{gap:0}
    .app_action_bnr03 .box_txt {flex:1}
    .app_action_bnr03 .box_img {padding:24px 22px 0;flex:1;width:320px}
}
/*//SRI-184*/