@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(https://www.saraminimage.co.kr/sri/font/Pretendard-Bold.subset.woff2) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(https://www.saraminimage.co.kr/sri/font/Pretendard-SemiBold.subset.woff2) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(https://www.saraminimage.co.kr/sri/font/Pretendard-Regular.subset.woff2) format('woff');
}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, b, strong, input, textarea, button, select {margin:0;padding:0;border:0;font-family:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {font-size:16px;line-height:1;-webkit-text-size-adjust:none}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
table {border-spacing:0;border-collapse:collapse;table-layout:fixed}
hr {display:none}
img {vertical-align:top}
em,i,address {font-style:normal}
a {text-decoration:none}
legend,caption {clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px}
/* form element */
input,
textarea,
button,
select {padding:0;border-radius:0;font-size:14px;-webkit-appearance:none}
input[type="checkbox"],
input[type="radio"] {margin:0; border:1px solid #999}
input[type="radio"] {-webkit-appearance:radio}
input[type="checkbox"] {width:20px;height:20px;border:1px solid #909191;-webkit-appearance:checkbox}
input:checked[type="checkbox"],
input:checked[type="radio"] {background-color:#2d2d2d}
input::-webkit-input-placeholder {color:#999}
input[type="number"],
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {border:1px solid #ccc}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}
button {border:none;box-sizing:border-box;background:none;cursor:pointer}
.blind {clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px}
.layer_dim {position:absolute;top:0;left:0;z-index:1000;width:100%;background:rgba(0,0,0,0.7)}

/* common */
body.hide {overflow:hidden;position:fixed;height:100%}
#oasis #wrap_oasis {position:relative}
#oasis #wrap_oasis.is_float_btn {padding-bottom:54px}
#oasis .header {z-index:100}
#oasis .content {z-index:50}
#oasis .wrap_layer {z-index:1001}

/* input */
input.inpTypoBox {padding:0 15px}

/* radio button switch */
.inpRdoSw {display:block;vertical-align:middle}
.inpRdoSw:after {display:table;clear:both;content:"";table-layout:fixed}
.inpRdoSw .inOption {float:left;position:relative;width:50%}
.inpRdoSw .inOption+.inOption {margin-left:-1px}
.inpRdoSw .inOption>input {position:absolute;top:0;width:1px;height:1px;outline:none;opacity:0;pointer-events:none}
.inpRdoSw .inOption>.lbl {display:inline-block;padding:3px 14px 5px;width:100%;height:40px;border:1px solid #ddd;box-sizing:border-box;color:#444;font-size:16px;line-height:30px;text-align:center;vertical-align:top;background-color:#fff;cursor:pointer}
.inpRdoSw .inOption:nth-child(n + 2):after {position:absolute;top:0;left:-1px;z-index:2;width:2px;height:100%;content:""}
.inpRdoSw .inOption>input:focus+.lbl {outline:5px auto -webkit-focus-ring-color;outline:1px dotted invert}
.inpRdoSw .inOption>input:checked+.lbl {position:relative;z-index:2;border-color:currentColor;color:#2365f2}
.inpRdoSw .inOption>input:disabled+.lbl {border-color:#ddd;color:#888;background-color:#efefef;cursor:default}
.inpRdoSw.sizeM .inOption>.lbl {padding-top:5px;padding-bottom:7px;height:32px}
.inpRdoSw.sizeL .inOption>.lbl {padding-top:8px;padding-bottom:10px;height:40px;font-size:15px;line-height:20px}

/* select */
.inpSelBox {width:100%}

/* button */
.layer_btn_top,
.search_panel_btn_top {display:none;position:fixed;right:10px;bottom:10px;z-index:100;width:40px;height:34px;font-size:0;text-indent:-1000px;background-image:url(//www.saraminimage.co.kr/sri/mobile/ico/common_sri_tab_bar_180828.png);background-position:-105px -160px;background-size:250px auto}
.layer_btn_back,
.search_panel_btn_back {display:inline-block;position:fixed;bottom:10px;left:10px;z-index:100;width:40px;height:34px;font-size:0;text-indent:-1000px;background-image:url(//www.saraminimage.co.kr/sri/mobile/ico/common_sri_tab_bar_180828.png);background-position:-5px -160px;background-size:250px auto}
.layer_btn_home {display:inline-block;position:fixed;bottom:10px;left:55px;z-index:100;width:40px;height:34px;font-size:0;text-indent:-1000px;background-image:url(//www.saraminimage.co.kr/sri/mobile/ico/common_sri_tab_bar_180828.png);background-position:-55px -160px;background-size:250px auto}
.layer_btn_top._view {bottom:60px}
.layer_btn_top.layer_btn_top2,
.layer_btn_back.layer_btn_back2,
.layer_btn_home.layer_btn_home2 {bottom:10px}
.nav_only .layer_btn_top.layer_btn_top2,
.nav_only .layer_btn_back.layer_btn_back2,
.nav_only .layer_btn_home.layer_btn_home2 {bottom:10px}
.layer_btn_top.layer_btn_top_show {display:inline-block}

.layer_btn_top .icoArrow,
.search_panel_btn_top .icoArrow,
.layer_btn_back .icoArrow,
.search_panel_btn_back .icoArrow,
.layer_btn_home .icoArrow{background-color:transparent}
.layer_btn_top .icoArrow:before,
.search_panel_btn_top .icoArrow:before,
.layer_btn_back .icoArrow:before,
.search_panel_btn_back .icoArrow:before,
.layer_btn_home .icoArrow:before{content:none}

/* icon */
#oasis .ico_question {display:inline-block;overflow:hidden;width:24px;height:24px;text-indent:-9999px;white-space:nowrap;background:url(//www.saraminimage.co.kr/sri/mobile/oasis/ico_question.png) 50% 50% no-repeat;background-size:14px 14px;content:""}

/* progress */
#oasis .area_progress {display:inline-block;position:fixed;top:52px;z-index:99;width:100%;height:3px;background-color:#f0f0f0}
#oasis .area_progress span {display:block;overflow:hidden;width:0;height:3px;font-size:0;text-indent:100%;white-space:nowrap;background-color:#5b76f5}

/* layout */
#oasis .header {position:fixed;width:100%;height:52px;border-bottom:1px solid #dedfe2;box-sizing:border-box;text-align:center;vertical-align:top;background:#fff}
#oasis .header h1 {overflow:hidden;padding:0 60px 0 60px;color:#222;font-size:17px;font-weight:bold;line-height:51px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
#oasis .header .n_close {position:absolute;top:0;left:0;width:51px;height:51px;background:#fff url(//www.saraminimage.co.kr/sri/mobile/oasis/btn_n_close.png) 50% 50% no-repeat;background-size:15px 15px}
#oasis .header .all_question {position:absolute;top:0;right:0;padding:0 14px;height:51px;color:#4876ef;font-size:13px}
#oasis .header .logo {display:flex;margin:0 auto;width:90px;height:52px;align-items:center;justify-content:center}
#oasis .content {position:relative;padding-top:51px}
#oasis.wrap_siat .content {padding-top:24px}
#oasis .content h3.tit_area {padding:11px 14px;border-bottom:1px solid #f0f0f0;color:#222;font-size:16px;font-weight:bold;line-height:24px}


#oasis .wrap_layer {display:block;visibility:hidden;position:fixed;top:50%;left:0;padding:15px;width:calc(100% - 30px)}
#oasis .layer_inner {position:relative;width:100%;background-color:#fff}
#oasis .layer_inner .layer_close {overflow:hidden;position:absolute;top:0;right:0;width:42px;height:42px;background:#fff url(//www.saraminimage.co.kr/sri/mobile/oasis/btn_n_close.png) 50% 50% no-repeat;background-size:15px 15px}
#oasis .layer_inner .layer_close .txt {clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px}
#oasis .layer_inner .box_question {padding:24px 15px 22px;font-size:16px;line-height:25px}
#oasis .layer_inner .box_question dl {margin-top:5px}
#oasis .layer_inner .box_question dl:first-child {margin-top:0}
#oasis .layer_inner .box_question dt {color:#4a65f3;font-weight:bold}
#oasis .layer_inner .box_question dd {color:#222}
#oasis .layer_inner .box_question dd span.ex {display:block;color:#888}

/* 인적성검사 공통 - 문제지 */
#oasis .area_float_btn {position:fixed;bottom:0;z-index:10;width:100%;height:54px;color:#fff;line-height:50px;text-align:center;background-color:#aaa}
#oasis .bg_gray {min-height:calc(100vh - 99px);background:#f9f9f9}
#oasis .cont_test {padding:30px}
#oasis .btn_common {display:block;margin-top:10px;width:100%;height:48px;color:#fff;font-size:16px;background:#4876ef}
#oasis .btn_common:disabled {color:#d7d7d7;background:#aaa;cursor:default}
#oasis .area_float_btn .btn_common {margin:0;height:54px}
#oasis .area_float_btn .btn_event {display:block;margin:0;width:100%;height:54px;color:#fff;font-size:16px;background:#141d55}
#oasis .area_float_btn .btn_prev {display:block;margin:0;width:100%;height:54px;color:#fff;font-size:16px;background:#656566}
#oasis .area_float_btn.btns:after {display:table;clear:both;content:"";table-layout:fixed}
#oasis .area_float_btn.btns button {float:left;width:50%}
#oasis .content label[class^="inp_chk"],
#oasis .content label[class^="inp_rdo"] {display:inline-block;position:relative;vertical-align:top;-webkit-tap-highlight-color:transparent}
#oasis .content label[class^="inp_chk"]>input,
#oasis .content label[class^="inp_rdo"]>input {position:absolute;opacity:0;pointer-events:none}
#oasis .content label[class^="inp_chk"]>.lbl,
#oasis .content label[class^="inp_rdo"]>.lbl {display:inline-block;line-height:26px}
#oasis .content label[class^="inp_chk"]>.lbl:before,
#oasis .content label[class^="inp_rdo"]>.lbl:before {display:inline-block;overflow:hidden;margin:0 9px 0 0;width:27px;height:27px;vertical-align:top;background:url(//www.saraminimage.co.kr/sri/mobile/oasis/ico_input.png) no-repeat;background-size:60px auto;content:""}
#oasis .content label[class^="inp_chk"]>input:focus+.lbl:before,
#oasis .content label[class^="inp_rdo"]>input:focus+.lbl:before {outline:5px auto -webkit-focus-ring-color}
#oasis .content label[class^="inp_chk"].size_m>.lbl {line-height:21px}
#oasis .content label[class^="inp_chk"].size_m>.lbl:before {width:23px;height:23px}
#oasis .content label[class^="inp_chk"].size_m>.lbl em.essential {color:#4876ef} /* wmg-21193 */
#oasis .content label[class^="inp_chk"].size_s>.lbl {line-height:19px}
#oasis .content label[class^="inp_chk"].size_s>.lbl:before {width:20px;height:20px}
#oasis .content label[class^="inp_chk"] input:checked+.lbl:before,
#oasis .content label[class^="inp_rdo"] input:checked+.lbl:before {background-position-x:-30px}
#oasis .content .inp_chk_r.size_m input+.lbl:before {background-position-y:-30px}
#oasis .content .inp_chk_r.size_s input+.lbl:before {background-position-y:-60px}
#oasis .content .inp_rdo input+.lbl:before {background-position-y:-90px}
#oasis .tooltip_caution {display:none;color:#fff;font-size:15px;font-weight:bold;line-height:30px;text-align:center;background:#ff817e}
#oasis .tooltip_caution.on {display:block}

/* 인적성검사 공통 - 문제지 > 답변 type1 */
#oasis .area_answer {padding:30px}
#oasis .area_answer .list_answer_type1 {position:relative;margin:0 -10px;text-align:center}
#oasis .area_answer .list_answer_type1:before {position:absolute;top:10px;left:13%;width:74%;height:3px;border-top:1px solid #e8e8eb;border-bottom:1px solid #e8e8eb;background:#f0f0f0;content:""}
#oasis .area_answer .list_answer_type1:after {display:table;clear:both;content:"";table-layout:fixed}
#oasis .area_answer .list_answer_type1 li {display:inline-block;position:relative;width:16.6%;vertical-align:top}
#oasis .area_answer .list_answer_type1.four li {width:25%}
#oasis .area_answer .list_answer_type1 .inp_rdo .lbl {width:32px;color:#666;font-size:13px;line-height:16px;word-break:keep-all}
#oasis .area_answer .list_answer_type1 .inp_rdo .lbl:before {display:block;float:none;margin:0 auto 10px}
/* 인적성검사 공통 - 문제지 > 답변 type2 */
#oasis .area_answer .list_answer_type2 {margin:0;text-align:left}
#oasis .area_answer .list_answer_type2:after {display:table;clear:both;content:"";table-layout:fixed}
#oasis .area_answer .list_answer_type2 li {display:flex;position:relative;margin-top:-1px;padding:13px 15px;width:calc(100% - 30px);border:1px solid #ebebeb;vertical-align:top;background-color:#fff}
#oasis .area_answer .list_answer_type2 li.active {z-index:1;border-color:#666}
#oasis .area_answer .list_answer_type2 .inp_rdo .lbl {padding-left:37px;color:#444;font-size:16px;line-height:19px;word-break:break-all}
#oasis .area_answer .list_answer_type2 .inp_rdo .lbl:before {display:block;float:none;position:absolute;top:50%;left:0;margin-top:-13px}

#oasis .area_answer .list_answer_type2 .txt_capsule {display:inline-block;margin-right:0;margin-left:auto;min-width:60px;border-radius:11px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:600;line-height:21px;text-align:center;background-color:#56a7ff}
#oasis .area_answer .list_answer_type2 .txt_capsule.color_red {background-color:#e56575}

#oasis .area_answer .list_answer_type2 li[class^="ranking"] .lbl:before {display:flex;width:27px;height:27px;color:#fff;font-size:14px;font-weight:bold;content:"";align-items:center;justify-content:center}
#oasis .area_answer .list_answer_type2 li[class^="ranking"] input:checked+.lbl:before {border-radius:27px;background-image:none}
#oasis .area_answer .list_answer_type2 .ranking1 input:checked+.lbl:before {background-color:#4876ef;content:"1"}
#oasis .area_answer .list_answer_type2 .ranking2 input:checked+.lbl:before {background-color:#6c90f1;content:"2"}
#oasis .area_answer .list_answer_type2 .ranking3 input:checked+.lbl:before {background-color:#8fabf3;content:"3"}
#oasis .area_answer .list_answer_type2 .ranking4 input:checked+.lbl:before {background-color:#b2c4f5;content:"4"}
#oasis .area_answer .list_answer_type2 .ranking5 input:checked+.lbl:before {background-color:#d5dff7;content:"5"}

/* 인적성검사 공통 - 문제지 > 질문 */
#oasis .area_question {padding:25px 30px;background:#fff}
#oasis .area_question .info_status {position:relative}
#oasis .area_question .info_status .num_current {color:#222;font-size:36px;font-weight:bold}
#oasis .area_question .info_status .txt_total {color:#888;font-size:13px;line-height:17px}
#oasis .area_question .info_status .txt_total:before {display:inline-block;margin:-7px 3px 0 0;color:#dbdbdb;vertical-align:middle;content:"/"}
#oasis .area_question .info_status .txt_total .num_total {display:inline-block;margin:0 1px 2px 0;font-size:16px;line-height:18px;vertical-align:bottom}
#oasis .area_question .info_status .txt_total .num_percent {color:#5b76f5;font-weight:bold}
#oasis .area_question .info_status .txt_time {position:absolute;right:0;bottom:0;color:#222;font-size:15px;font-weight:bold}
#oasis .area_question .info_status .txt_time:before {display:inline-block;width:14px;height:14px;vertical-align:top;background:url(//www.saraminimage.co.kr/sri/mobile/oasis/ico_timer.png) no-repeat;background-size:14px 14px;content:""}
#oasis .area_question .info_status .txt_time.caution {color:#ff6764}
#oasis .area_question .info_status .txt_time.caution:before {background:url(//www.saraminimage.co.kr/sri/mobile/oasis/ico_timer_caution.png) no-repeat;background-size:14px 14px}
#oasis .area_question .txt_question {display:block;padding-top:20px;color:#222;font-size:20px;font-weight:normal;line-height:30px}

/* 적성검사 - 문제지 > 예시 */
.aptitude .area_example {padding:30px 30px 0}
.aptitude .area_example .example_inner {padding:30px;border:1px solid #aeaeae;font-size:16px;line-height:20px}
.aptitude .area_example .example_inner b {font-weight:bold}
.aptitude .area_example .example_inner ul {list-style:disc}
.aptitude .area_example .example_inner ol {list-style:decimal}
.aptitude .area_example .example_inner ol li,
.aptitude .area_example .example_inner ul li {margin-left:15px}
.aptitude .area_example.ex_img .example_inner {padding:0 30px;border:0 none;text-align:center}
.aptitude .area_example.ex_img .example_inner img {width:100%}
#oasis.aptitude .area_answer {padding-top:24px}
#oasis.aptitude .area_answer img {width:100%}

.aptitude .navigator_dimmed {position:fixed;bottom:0;z-index:100;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)}
.aptitude .box_navigator {position:fixed;right:-80%;z-index:101;height:100%;background:#fff}
.aptitude .box_navigator .quest_nav {width:70vw}
.aptitude .box_navigator .quest_nav .tit_nav {position:relative;margin:19px 0 30px;padding:0 30px 11px;width:calc(100% - 60px);border-bottom:1px solid #ddd;color:#222;font-size:17px}
.aptitude .box_navigator .quest_nav .btn_close {position:absolute;top:0;right:30px;color:#4876ef;font-size:13px}
.aptitude .box_navigator .quest_nav .tbl_quest_nav {overflow-y:auto;padding:1px 30px 0;width:calc(100% - 60px);text-align:center}
.aptitude .box_navigator .quest_nav .tbl_quest_nav:after {display:table;clear:both;content:"";table-layout:fixed}
.aptitude .box_navigator .quest_nav .tbl_quest_nav li {float:left;margin:-1px 0 0 -1px;width:25%;height:44px;border:1px solid #ddd;box-sizing:border-box}
.aptitude .box_navigator .quest_nav .tbl_quest_nav li button {width:100%;height:100%;color:#c5c5c5;font-size:16px;text-align:center;background:#f0f0f0}
.aptitude .box_navigator .quest_nav .tbl_quest_nav li.on button {color:#c1c1c1;background:#fff}
.aptitude .box_navigator .quest_nav .tbl_quest_nav li.check {position:relative;z-index:1;border-color:#c4d4ff}
.aptitude .box_navigator .quest_nav .tbl_quest_nav li.check button {color:#4876ef;font-weight:bold;background:#dde6ff url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_quest_check.png) no-repeat 50% 50%;background-size:50%}
.aptitude .box_navigator .btn_submit {position:absolute;bottom:0;left:0;z-index:2;width:100%;height:54px;color:#fff;font-size:16px;background:#5b76f5}
.aptitude .box_navigator .btn_submit:disabled {color:#d7d7d7;background:#aaa;cursor:default}

/* WMG-28501 공통(로그인, 추가 정보 입력, 인적성 유의사항, 응시 완료, 응시 중단) */
.wrap_siat {color:#373f57;font-size:14px}
.wrap_siat img {max-width:100%;height:auto}
.wrap_siat .inner {padding:0 30px}

.wrap_siat .tit_msg,
.wrap_siat .tit_msg button {color:#222;font-size:14px;font-weight:bold;line-height:1.6}
.wrap_siat .txt_msg {color:#222;font-size:12px;line-height:1.6}
.wrap_siat .txt_msg+.txt_msg {margin-top:16px}
.wrap_siat .tit_msg .txt_sub{font-weight: normal}

.wrap_siat .color_blue {color:#4876ef}
.wrap_siat .color_orange {color:#ff6d6a}

.wrap_siat .txt_highlight {display:inline-block;position:relative;padding:0 6px}
.wrap_siat .txt_highlight:after {display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:11px;border-radius:10px;content:""}
.wrap_siat .txt_highlight span {display:inline-block;position:relative;z-index:5;padding-bottom:2px;font-size:14px;font-weight:bold}
.wrap_siat .txt_highlight.color_blue:after {background-color:#eaeffd}
.wrap_siat .txt_highlight.color_blue span {color:#4876ef}
.wrap_siat .txt_highlight.color_red:after {background-color:#fae4e6}
.wrap_siat .txt_highlight.color_red span {color:#e56575}

.wrap_siat [class^="list"] li {font-size:13px;line-height:1.6}
.wrap_siat .list_dot {margin-left:20px;text-align:left}
.wrap_siat .list_dot>li {list-style-type:disc}
.wrap_siat .list_hypen {text-align:left}
.wrap_siat .list_hypen>li {position:relative;padding-left:8px}
.wrap_siat .list_hypen>li:before {position:absolute;top:0;left:0;content:"-"}
.wrap_siat .list_dot .list_hypen {margin-left:12px}
.wrap_siat .list_star {text-align:left}
.wrap_siat .list_star>li {position:relative;padding-left:8px}
.wrap_siat .list_star>li:before {position:absolute;top:0;left:0;content:"*"}

.wrap_siat .btn_toggle {position:relative;min-width:13px;min-height:23px}/* WMG-37407 */
.wrap_siat .btn_toggle .ico_arrow_up {display:block;position:absolute;top:50%;right:0;margin-top:-4px;transition:all 0.25s ease-in-out;transform:rotate(180deg)}
.wrap_siat .cont_toggle .list_dot+.tit_msg {margin-top:12px}
.wrap_siat .cont_toggle {display:none}
.wrap_siat .box_cont.expand .ico_arrow_up {transform:rotate(0)}
.wrap_siat .box_cont.expand .cont_toggle{display:block}

.wrap_siat .section p {line-height:1.4}
.wrap_siat .section+.section,
.wrap_siat .section .box_form+.box_form,
.wrap_siat .section .box_cont+.box_cont,
.wrap_siat .section .box_cont+.box_guide {margin-top:24px}
.wrap_siat .section .box_form+.box_guide {margin-top:32px}
.wrap_siat .section .box_form .tit_msg,
.wrap_siat .section .box_cont .tit_msg {display:block;margin-bottom:8px}
.wrap_siat .section .box_form .inpRdoSw+.select_career {margin-top:8px}

/* WMG-28501 본문 */
.wrap_siat .container {padding:52px 0 54px;min-height:calc(100vh - 106px);background-color:#f4f6fa}

/* WMG-28501 본문 상단 컨시어지 */
.wrap_siat .area_concierge {padding:24px 0 40px;min-height:180px;box-sizing:border-box;background:#fff url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_human.png) no-repeat bottom 16px right 0;background-size:45% auto}
.wrap_siat .area_concierge .tit_msg {font-size:24px;line-height:normal}
.wrap_siat .area_concierge .tit_msg+.txt_msg {margin-top:4px;width:74%}
.wrap_siat .area_concierge .tit_msg {font-size:5.6vw;line-height:7vw}

/* WMG-28501 주요 컨텐츠 */
.wrap_siat .content {margin-top:-16px;padding:24px 0 38px;border-top-left-radius:16px;border-top-right-radius:16px;background-color:#f4f6fa}

.wrap_siat .section.section_guide {margin-top:48px}
.wrap_siat .section.section_guide .box_cont+.box_cont {margin-top:32px}
.wrap_siat .section.section_guide .tit_msg {margin-bottom:12px}
.wrap_siat .section.section_guide .tit_msg,
.wrap_siat .section.section_guide .tit_msg button {display:block;width:100%;font-size:15px;text-align:left}

.wrap_siat .box_agree .header_agree {padding:0 10px}
.wrap_siat .box_agree .cont_agree {margin-top:16px;padding:0 24px;border-radius:4px;background-color:#fff}
.wrap_siat .box_agree .cont_agree .list_dot {margin-left:0;color:#222}
.wrap_siat .box_agree .cont_agree .list_dot>li {padding:16px 0;list-style-position:inside;font-weight:bold}
.wrap_siat .box_agree .cont_agree .list_dot>li .list_hypen>li {margin-top:8px;font-weight:normal}
.wrap_siat .box_agree .cont_agree li+li {border-top:1px solid #d7dce5}
.wrap_siat .box_agree+.box_guide {margin-top:16px}

/* WMG-28501 인적성검사 유의사항 */
.wrap_siat_guide .box_info {border-radius:4px;background-color:#fff}
.wrap_siat_guide .box_info:after {display:table;clear:both;content:""}
.wrap_siat_guide .box_info .col_info {float:left;padding:12px;width:50%;box-sizing:border-box;line-height:1.6;text-align:center}
.wrap_siat_guide .box_info .col_info dt,
.wrap_siat_guide .box_info .col_info dd,
.wrap_siat_guide .box_info .col_info svg {display:inline-block}
.wrap_siat_guide .box_info .col_info dd {font-size:15px}

/* WMG-28501 인적성검사 응시 중단, 응시 완료 */
.wrap_siat_time_out .container,
.wrap_siat_complete .container {display:flex;text-align:center;background-color:transparent;background-color:#fff;background-image:url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_circle.png), url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_circle2.png), url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_circle3.png), url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_circle4.png);background-repeat:no-repeat;background-position:0 57px, right 14px top 98px, right 26px bottom 0, right 0 bottom 0;background-size:36.1% auto, 36.6% auto, 13% auto, 46.3% auto;justify-content:center;align-items:center}
.wrap_siat_time_out .area_concierge,
.wrap_siat_complete .area_concierge {padding:144px 0 0;background-color:transparent}
.wrap_siat_time_out .area_concierge .txt_highlight+.tit_msg,
.wrap_siat_complete .area_concierge .txt_highlight+.tit_msg {margin-top:17px}
.wrap_siat_time_out .area_concierge .tit_msg+.txt_msg,
.wrap_siat_complete .area_concierge .tit_msg+.txt_msg {margin-top:4px;width:auto}
.wrap_siat_time_out .area_concierge {background:url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_human2.png) no-repeat 50% 0;background-size:224px auto}
.wrap_siat_complete .area_concierge {background:url(//www.saraminimage.co.kr/sri/mobile/oasis/bg_siat_human3.png) no-repeat 50% 0;background-size:224px auto}

/* 접속 횟수 초과 */
.modalWrap {position:fixed;top:50%;left:50%;padding:32px 24px;max-width:325px;width:100%;max-height:440px;border-radius:16px;text-align:center;background:#fff;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:border-box;z-index:1200}
.modalWrap .title {color:#373f57;font-size:18px;font-weight:bold;line-height:26px}
.modalWrap .btnClose {position:absolute;top:32px;right:24px}
.modalWrap .btnClose:after {display:block;width:24px;height:24px;background:url(//www.saraminimage.co.kr/sri/preview/btn_close_modal.png) no-repeat;background-size:24px 24px;content:""}
.modalWrap .modal_cont {margin-top:24px}
.modalWrap .modal_cont .submit {margin-top:24px;width:100%;padding:10px 0;color:#fff;font-size:14px;line-height:20px;border-radius:4px;background:#4876ef}
.modalWrap .modal_cont .submit.reverse {color:#5c667b;border:1px solid #d7dce5;background:#fff}
.modalWrap .modal_cont .submit+.submit {margin-top:12px}
.modalWrap .modal_cont .txt {color:#5c667b;font-size:14px;line-height:20px}
.dimmed {display:none;position:fixed;top:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:1000}

.guidance_layer {position:absolute;top:50%;left:0;margin:0;padding:32px 24px;width:calc(100% - 40px);margin:0 20px;border:none;border-radius:16px;text-align:center;transform:translate(-50%, -50%);box-sizing:border-box;background:#fff;transform:translate(0, -50%);z-index:2000}
.guidance_layer .title  {color:#373f57;font-size:18px;font-weight:bold;line-height:26px}
.guidance_layer .btnClose {position:absolute;top:32px;right:24px}
.guidance_layer .btnClose:after {display:block;width:24px;height:24px;background:url(//www.saraminimage.co.kr/sri/preview/btn_close_modal.png) no-repeat;background-size:24px 24px;content:""}
.guidance_layer .modal_cont {margin-top:24px}
.guidance_layer .modal_cont .txt {color:#5c667b;font-size:14px;line-height:20px}
.guidance_layer .modal_cont .submit {display:block;margin-top:24px;width:100%;padding:10px 0;color:#fff;font-size:14px;line-height:20px;border-radius:4px;background:#4876ef}
.guidance_layer .modal_cont .submit+.submit {margin-top:12px}
.guidance_layer .modal_cont .submit.reverse {color:#5c667b;border:1px solid #d7dce5;background:#fff}

/* 인적성검사 유의사항, 개인정보 수집 및 이용, 개인정보 제 3자 제공 */
.wrap_siat .section.section_guide .js-toggle-wrap+.js-toggle-wrap {margin-top:20px}
.wrap_siat .section.section_guide .box_cont .check_wrap {width:100%;display:flex;align-items:center;justify-content:space-between}
.wrap_siat .section.section_guide .txt_deco {text-decoration:underline;color:#373F57}
.wrap_siat .box_cont .cont_toggle .font_medium {font-size:15px}
.wrap_siat .box_cont .cont_toggle.bg_white {margin-top:12px;padding:16px;background:#fff;border-radius:4px}
.wrap_siat .box_cont .cont_toggle.bg_white p {font-size:13px;line-height:1.6}
.wrap_siat .box_cont .cont_toggle.bg_white li,
.wrap_siat .box_cont .cont_toggle.bg_white p {margin-bottom:8px}
.wrap_siat .box_cont .cont_toggle.bg_white li:last-child,
.wrap_siat .box_cont .cont_toggle.bg_white p:last-child {margin-bottom:0}
.wrap_siat .box_cont .cont_toggle.bg_white ul + p {margin-top:8px}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table {margin-bottom:10px;table-layout:fixed;width:100%;border-collapse:collapse;color:#373F57;font-size:13px;line-height:20px}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table th,
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table td {padding:4px 8px 3px 7px;border:solid #96A0B5;border-width:0 0 1px 1px;font-weight:400}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table thead th,
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table thead td {border-color:#475067}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table tr th:first-child,
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table tr td:first-child {padding-left:8px;border-left:none}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table tbody tr:last-child th,
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table tbody tr:last-child td {padding-bottom:4px;border-bottom:none}
.wrap_siat .box_cont .cont_toggle.bg_white .notice_table .txt_center {text-align:center}