/* JAYLEE 2020-10-28 : user TEST 인지검사(객관식) */
.open-top-menu {position:relative; display:inline-flex; width:100%; height:52px; margin-left:220px; align-items:center;}
.top-menu-bar .btn-wrap {position:relative; display:inline-flex; min-width:220px; width:auto; padding:0 10px; box-sizing:border-box; align-items:center; justify-content:center;}

#open-top-btn {position:absolute; display:block; width:100%; height:50px; background:url(../images/btn/btn-open-menu.png) no-repeat center center; background-size:16px auto;}
#close-top-btn {position:absolute; display:block; width:100%; height:50px; background:url(../images/btn/btn-close-menu.png) no-repeat center center; background-size:16px auto; z-index:101;}
#open-depth {position:absolute; display:block; width:100%; height: auto; min-height:300px; padding:20px 0; top:52px; left:0; background:#5aacb0; z-index:99;}

.top-menu-bar-depth {position:relative; display:inline-flex; width:100%; height:auto; align-items:center; justify-content:space-evenly; z-index:100;}
.top-menu-bar-depth .btn-page-bottom {position:relative; display:inline-flex; width:80%; min-height:50px; margin-top: 30px; border-radius:30px; justify-content:center; float:inline-end; background-color:#fff;}
.top-menu-bar-depth .logo-wrap {position:relative; display:inline-flex; min-width:350px; height:auto; align-items:center; justify-content:center; flex-wrap: wrap;}

/* MST stage progressing text css */
.stage-notice {
	position: absolute;
    left: 20px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}


/* timer의 css는 layout.css 시트에 있음 */
.user-innerWrap_garo .cog-test-qst-wrap .timer-wrap {position:relative; display:flex; top:0; width:18%; min-width:220px; min-height:90px; max-height:140px; text-align:center; align-items:center;}

.direct-to-box {position:relative; display:inline-flex; width:495px; height:100%; margin:0 10px; align-items:center; justify-content:center;}
.direct-to-box .prev {position:absolute; width:24px; height:24px; left:0; background:url(../images/btn/survey-prev.png) no-repeat center center; background-size:100% auto;}
.direct-to-box .next {position:absolute; width:24px; height:24px; right:0; background:url(../images/btn/survey-next.png) no-repeat center center; background-size:100% auto;}
.direct-to-box > a {position:absolute; display:block; width:40px; height:100%; max-height:190px; justify-content:center; align-items:center; background-color:#78ccd05c; z-index:101;}
.direct-to-box > a:hover {background-color:#469ca0;}
.direct-to-box > a span {position:relative !important; display:inline-flex; height:100% !important;}

.direct-to-box .Info-output {position:relative; width:100%; padding:10px 20px; border:1px solid #fff; border-radius:5px;}

.direct-to-box .Info-output .user-info table {display:inline-flex; width:auto; align-items:center;}
.direct-to-box .Info-output .user-info tr:before {position:relative; display:inline-flex; top:8px; width:4px; height:12px; margin-right:12px; align-items:center; background:#97dde0; content:"";}
.direct-to-box .Info-output .user-info th {min-width:100px; height:28px; text-align:left; font-weight:400; font-size:1.2rem; color:#fff; letter-spacing:0.08em;}
.direct-to-box .Info-output .user-info td {height:28px; text-align:left; font-weight:400; font-size:1.2rem; color:#fff; letter-spacing:0.08em;}

.answer-sheet {width:auto; height:auto; margin:0 5px;}
.answer-sheet ul {display:inline-flex; width:auto; margin:2px 0; margin-right:1px; /* inline 요소 강제여백 교정 */ justify-content:center; padding: 0px;} /* 상하좌우 padding 0px로 설정 [22년 7월 11일 수정] */
.answer-sheet li {display:block; float:left; width:35px; margin:3px;}

.direct-to-slide {position:relative; display:inline-flex; width:100%; height:auto; max-height:205px; justify-content:center;}
.direct-to-slide .answer-sheet .number {display:inline-flex; width:100%; line-height:28px; padding:1px; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#121212; background:#fcffca; /*#fafafa;*/ border-bottom:1px solid #e4c6c6;}
.direct-to-slide .answer-sheet .answer {display:inline-flex; width:100%; line-height:24px; padding:1px; align-items:center; justify-content:center; font-size:15px; font-weight:400; color:#f48356; background:#fff; border-top:1px solid #e4c6c6;}

.btn-page-bottom > .logo-wrap {position:absolute; display:inline-flex; right:20px; height:50px; align-items:center; justify-content:flex-end; z-index:100;}
.btn-page-bottom > .logo-wrap img {width:auto; height:40px;}


.user-innerWrap_garo .cog-test-qst-wrap {position:relative; display:flex; top:0; width:auto; min-height:90px; max-height:140px; padding:5px 20px; overflow:hidden; align-items:center; justify-content:space-between;}

.user-innerWrap_garo .cog-test-qst-wrap .line {display:inline-block; width:100%; line-height:160%; font-weight:400; font-size:14px; color:#777;}
.user-innerWrap_garo .cog-test-qst-wrap .line .number {display:inline-block; width:auto; line-height:160%; margin:0 4px; font-weight:700; font-size:14px; color:#555;}

.user-innerWrap_garo .cog-test-qst-wrap .question {display:inline-block; line-height:160%; padding-bottom:10px; font-weight:400; font-size:18px; color:#444444;}
.user-innerWrap_garo .cog-test-qst-wrap .question .number {display:inline-block !important; height:100%; margin-top:5px; margin-right:10px; font-weight:700; font-size:32px; color:#78798e;}

.user-innerWrap_garo .cog-test-qst-wrap .cog-test-qst-box {position:relative; display:flex; top:0; width:auto; /*width:80%;*/ min-height:90px; max-height:140px; text-align:left; align-items:center; /*flex-wrap:wrap;*/} /* 2021-08-26*/

.user-innerWrap_garo .cog-conts-wrap {position:relative; display:flex; width:auto; height:350px; padding:1px; align-items:center; justify-content:center;}

.user-innerWrap_garo .cog-conts-wrap .choices-box {position:relative; display:inline-flex; width:38%; height:345px; margin-right:1%; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; border:1px solid #b7b7b7; border-radius:2px; overflow:auto; flex-wrap:wrap;}
.user-innerWrap_garo .cog-conts-wrap .choices-box .contents {margin:12px; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; text-align:left;}
.user-innerWrap_garo .cog-conts-wrap .choices-box .multiple-c {width: 100%;height: auto;margin-bottom: 10px;padding-left: 0px !important;}
.user-innerWrap_garo .cog-conts-wrap .choices-box .watermark {margin: 3rem; position: fixed; top: 25%; left: 18%; transform: rotate(-0.1turn); opacity: 0.3; font-size: 60px; color: #eeeeee;} /* 문제풀이창 선택지 영역에 워터마크 css [22년 7월 12일 수정] */


.multiple-c > li {position:relative; display:inline-flex; width:96%; margin:5px 0 10px 0; padding:2px 2px 2px 7px; height:auto; min-height:50px;}
.multiple-c > li a {display: inline-flex;align-items: center;width: 100%;}
.multiple-c > li a:hover .btn-choice {background:#78ccd0; color:#fff;}
.multiple-c > li .btn-choice {position:relative; display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; box-sizing:border-box; border-radius:100%; border:4px solid #78ccd0; font-weight:400; font-size:18px; color:#121212;}
.multiple-c > li.active .btn-choice {border-color:#f48356;}
.multiple-c > li.active a:hover .btn-choice {background:#f48356; color:#fff}
.multiple-c > li .btn-choice-txt {position:relative; display:inline-flex;width:calc(100% - 75px); width:-webkit-calc(100% - 75px); /* WebKit */ width:-moz-calc(100% - 75px); /* Firefox */ width:-ms-calc(100% - 75px); /* MS Explorer */ width:-o-calc(100% - 75px); /* Opera */ line-height: 28px;margin-left: 15px;text-align: left;font-size: 1.4rem;letter-spacing: -0.02em;white-space: normal;}

/* 에디터 레이아웃 설정 */
.multiple-c > li .btn-choice-txt .printf {position: relative;
    width: 100%;
    height: 100%;
    line-height: 28px;
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: -0.02em;
    
    white-space: normal;
    color: black;}
.multiple-c > li .btn-choice-txt .printf div {text-align: left;font-size: 1.4rem;
    letter-spacing: -0.02em;
    white-space: normal;
    color: black;}
.multiple-c > li .btn-choice-number {min-height: 50px;
    height: 100%;
    display: inline-flex;
    align-items: start;}
.user-innerWrap_garo .cog-test-qst-wrap .cog-test-qst-box p,
.user-innerWrap_garo .cog-test-qst-wrap .cog-test-qst-box div {font-size: 18px;color: black;}
.multiple-c > li .btn-choice-txt .printf p {position: relative;display: block;width: 100%;font-size: 1.4rem;color: black;}
.multiple-c > li .btn-choice-txt .printf div {font-size: 1.4rem;}
.user-innerWrap_garo .cog-conts-wrap .passage-box p {font-size: 1.4rem;color: black;}
.user-innerWrap_garo .cog-conts-wrap .passage-box div {font-size: 1.4rem;color: black;}
.user-innerWrap_garo .cog-conts-wrap .passage-box .watermark {margin: 3rem; position: fixed; top: 25%; left: 45%; transform: rotate(-0.1turn); opacity: 0.3; font-size: 60px; color: #eeeeee;} /* 문제풀이창 지문 영역의 워터마크 css [22년 7월 12일 수정] */

.user-innerWrap_garo-sj .cog-conts-wrap .passage-box p {font-size: 1.6rem;color: black;}
.user-innerWrap_garo-sj .cog-conts-wrap .passage-box div {font-size: 1.6rem;color: black;}

/* -- -- */

.user-innerWrap_garo .cog-conts-wrap .passage-box {position:relative; display:inline; width:58%; height:342px; padding:2px 5px 2px 10px; margin-left:1%; white-space:normal; word-break:keep-all; line-height:180% !important; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333; border:1px solid #b7b7b7; border-radius:2px; overflow:auto; flex-wrap:wrap; text-align:left;}
.user-innerWrap_garo .cog-conts-wrap .passage-box .contents {margin:12px; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; color:#333;}

.btn-wrap .answer-bottom-wrap {width: 100%;}
.answer-bottom-wrap {position: relative;display: inline-flex;align-items: center;}
.answer-bottom-wrap .h6 {position:relative; display:inline-flex; height:100%; min-width:60px; justify-content:center; font-size:16px; font-weight:700; color:#888;}
.answer-bottom-wrap .multiple-c {display: inline-flex;position: relative;padding-left: 0 !important;max-width: 515px;}
.answer-bottom-wrap .multiple-c li {width:auto; margin:0;}

.answer-bottom-wrap .multiple2-wrap {display: inline-flex;width: 100%;padding-right: 60px;align-items: center;justify-content: flex-end;flex-wrap: nowrap;}

@media (min-width:1600px){
  .user-innerWrap_garo .cog-conts-wrap {height:510px;}
  .user-innerWrap_garo .cog-conts-wrap .passage-box {height:508px;}
  .user-innerWrap_garo .cog-conts-wrap .choices-box {height:508px;}
}
/* -- -- */


/* tinyMCE editor 출력 설정 JAYLEE 2020-11-11 */
/* left box 보기 설정 */
/* .user-innerWrap_garo .cog-conts-wrap .choices-box .btn-choice-txt img {display: block;max-width: 100%;width: auto;height: 100%;} */

.cog-conts-wrap .choices-box .btn-choice-txt img {display: block;
    max-width: 100%;
    width: auto;
    height: 100%;}

.cog-conts-wrap .passage-box img {display: block;
    max-width: 100%;
    width: auto;
    height: auto;}
    


    
.user-innerWrap_garo .cog-conts-wrap .choices-box table p {position:relative; display:inline-flex; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table span {position:relative; display:inline-flex; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table td {line-height: 180%;font-size: 1.4rem !important; font-family: 'SUIT', 'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif;color: black;}

/* 삭제할 것 */
/* 삭제할 것 */
/* .user-innerWrap_garo .cog-conts-wrap .choices-box table {position:relative; display:table; width: 100% !important; margin:8px 0; line-height:180%; font-size:1.4rem !important; font-family:'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif; color:#333; border:1px solid #d4d4d4;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table tr:first-child > td {background-color:#fff;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table tr {width: auto !important; height:22px !important; padding: 2px 5px; line-height:160%; font-size:1.4rem !important; font-weight:400; color:#333; border-bottom:1px solid #b4b4b4;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table tr:last-child {border-bottom:none;}

.user-innerWrap_garo .cog-conts-wrap .choices-box table td {width: auto !important; height:22px !important; padding: 2px 5px; line-height:160%; font-size:1.4rem !important; font-weight:400; color:#333; border-right:1px solid #b4b4b4;}
.user-innerWrap_garo .cog-conts-wrap .choices-box table td:last-child {border-right:none;} */
/* 삭제할 것 */
/* 삭제할 것 */



/* right box 지문 설정 */
.user-innerWrap_garo .cog-test-qst-wrap .question > span {display:inline;}
.user-innerWrap_garo .cog-conts-wrap .passage-box > span {display:inline; width:100%;}
.user-innerWrap_garo .cog-conts-wrap .passage-box > img {display:inline-block; width:auto; height:auto;}
.user-innerWrap_garo .cog-conts-wrap .passage-box > div span {display:inline;}

/* .user-innerWrap_garo .cog-conts-wrap .passage-box table {position:relative; display:table; width: 100% !important; margin:8px 0; line-height:180%;} */
.user-innerWrap_garo .cog-conts-wrap .passage-box table {width: auto;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table th,
.user-innerWrap_garo .cog-conts-wrap .passage-box table td {line-height: 180%;font-size: 1.4rem !important; font-family: 'SUIT', 'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif;color: black;}


/* 삭제할 것 */
/* 삭제할 것 */
/* .user-innerWrap_garo .cog-conts-wrap .passage-box table tr:first-child > td {background-color:#f1f1f1;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table tr {height:22px !important; padding: 2px 5px; line-height:160%; font-size:1.4rem !important; font-weight:400; color:#333; border-bottom:1px solid #b4b4b4;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table tr:last-child {background-color:#fff; border-bottom:none;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table tr:last-child td {background-color:#fff; border-bottom:none;}

.user-innerWrap_garo .cog-conts-wrap .passage-box table td {height:22px !important; padding: 2px 5px; line-height:160%; font-size:1.4rem !important; font-weight:400; color:#333; border-right:1px solid #dddddd;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table td:last-child {border-right:none;} */

/* .user-innerWrap_garo .cog-conts-wrap .passage-box div {position:relative; display:block; width:100%; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table p {position:relative; display:inline-flex; width:100%; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333;}
.user-innerWrap_garo .cog-conts-wrap .passage-box table span {position:relative; display:inline-flex; line-height:160%; text-align:left; box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem !important; font-weight:400; color:#333;} */

/* .user-innerWrap_garo .cog-conts-wrap .passage-box tr > table,
.user-innerWrap_garo .cog-conts-wrap .passage-box tr:first-child > table,
.user-innerWrap_garo .cog-conts-wrap .passage-box td > table {position:relative; display:table; font-size:1.4rem !important; font-family:'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif; color:#333; line-height:180%; margin:8px 0; border:2px solid #fff;}

.user-innerWrap_garo .cog-conts-wrap .passage-box tr > table tr,
.user-innerWrap_garo .cog-conts-wrap .passage-box tr > table td,
.user-innerWrap_garo .cog-conts-wrap .passage-box td > table tr,
.user-innerWrap_garo .cog-conts-wrap .passage-box td > table tr:first-child,
.user-innerWrap_garo .cog-conts-wrap .passage-box td > table tr:first-child td,
.user-innerWrap_garo .cog-conts-wrap .passage-box td > table td {height:22px !important; padding: 2px 5px; background-color:#fff; border:1px solid #fff;} */
/* 삭제할 것 */
/* 삭제할 것 */
/* -- -- */


/* JAYLEE 2020-10-21 : user 안내사항(동의 필수) list */
.user-innerWrap_garo .notifications {position:relative; display:inline-flex; top:0; width:70%; height:480px; padding:5px 20px; overflow:auto; flex-wrap:wrap; align-items:center;}
.user-innerWrap_garo .notifications .title {display:inline-flex; height:90px; width:100%; line-height:160%; padding-bottom:10px; justify-content:left; align-items:center; font-weight:700; font-size:35px; color:#F8946B;}
.user-innerWrap_garo .notifications .noti-list {position:relative; display:inline-flex; height:360px; width:100%; align-items:flex-start; justify-content:center;}

.user-innerWrap_garo .notifications .noti-list table {position:relative; display:inline-flex; width:auto; align-items:center;}
.user-innerWrap_garo .notifications .noti-list tr:first-child {border-top:2px solid #ececec; border-bottom:2px solid #ececec;}
.user-innerWrap_garo .notifications .noti-list tr {border-bottom:2px solid #ececec;}
.user-innerWrap_garo .notifications .noti-list tr a {display:block; white-space:normal; word-break:keep-all; font-weight:400; font-size:16px; color:#555; text-align:left; letter-spacing:0.08em; text-decoration:none;}
.user-innerWrap_garo .notifications .noti-list th {width:500px; height:50px; padding:2px 5px 2px 30px; white-space:normal; word-break:keep-all; font-weight:400; font-size:18px; color:#555; text-align:left; letter-spacing:0.08em;}
.user-innerWrap_garo .notifications .noti-list td {width:50px; height:50px; padding:2px 5px; white-space:normal; word-break:keep-all; font-weight:400; font-size:18px; color:#555; text-align:center;}

.user-innerWrap_garo .notifications .noti-list .check {position:relative; display:inline-flex; width:30px; height:30px; background:url(../images/btn/ico-inTEST_check__befo.png) no-repeat center center; background-size:18px auto; content:""; z-index:1;} /* white 체크 */
.user-innerWrap_garo .notifications .noti-list .active {position:relative; display:inline-flex; width:30px; height:30px; background:url(../images/btn/ico-inTEST_check__active.png) no-repeat center center; background-size:18px auto; content:""; z-index:2;} /* salmon 체크 */

@media (min-width:1600px){
  .user-innerWrap_garo .notifications {height:650px;}
  .user-innerWrap_garo .notifications .title {height:120px;}
  .user-innerWrap_garo .notifications .noti-list {position:relative; display:inline-flex; height:510px;}

  .user-innerWrap_garo .notifications .noti-list tr a {font-size:18px;}
  .user-innerWrap_garo .notifications .noti-list th {width:780px;}
  .user-innerWrap_garo .notifications .noti-list td {width:70px;}
}
/* -- -- */


/* JAYLEE 2020-10-19 : user TEST 결과 */
.test-info-output > .user-info, .test-info-output > .result-info {height:inherit;}

.test-info-output .result-info {position:relative; width:100%;}
.test-info-output .result-info-score {position:relative; width:100%; height: 350px; overflow: auto;}
.test-info-output .result-info .result-title {width:600px; line-height:160%; height:auto; text-align:center; font-weight:700; font-size:22px; color:#555;}
.test-info-output .result-info .result-deco {position:relative; width:600px; height:100px; margin-top:30px; text-align:center; display: flex; align-items: center;} /* wook 22.10.11 padding-left: 60px 삭제하였음 | display:flex와 align-itmes: center 추가하였음 */
.test-info-output .result-info .result-deco .result-icon {position:relative; width:96px; flex-shrink: 0; height:96px; border-radius:100%; background:url(../images/common/result-report.png) no-repeat center center #78ccd0; background-size:60px auto; display:block; content:"";}
.test-info-output .result-info .result-deco .result-text {width: 504px; flex-shrink: 0; font-size:16px; color:black; letter-spacing:0.12em; word-break: keep-all; white-space: normal;}


.test-info-output .result-info table {position:relative; display:inline-flex; border-spacing:6px; border-collapse:separate; align-items:center;}
.test-info-output .result-info table .dot-required {position:relative; display:inline-block; top:-1px; margin-right:6px; vertical-align:middle; box-sizing:border-box; font-size:1.2rem; color:#77CCCF; font-weight:700;}

.test-info-output .result-info th {width:400px; height:30px; padding:2px 5px; margin-left:20px; white-space:normal; word-break:keep-all; text-align:left; font-weight:400; font-size:15px; color:#555; text-align: center;} /* wook 22-10-07: width를 auto에서 320px로 수정하였고 'text-align: center;' 추가하였음 */
.test-info-output .result-info td {width:100px; height:30px; padding:2px 5px; white-space:normal; word-break:keep-all; text-align:left; font-weight:400; font-size:15px; color:#555; letter-spacing:0.08em; text-align: center;} /* wook 22-10-07: width를 200px에서 90px로 수정하였고 'text-align: center;' 추가하였음 */

.test-info-output .result-info-score table {position:relative; display:inline-flex; border-spacing:6px; border-collapse:separate; align-items:center;}
.test-info-output .result-info-score table .dot-required {position:relative; display:inline-block; top:-1px; margin-right:6px; vertical-align:middle; box-sizing:border-box; font-size:1.2rem; color:#77CCCF; font-weight:700;}

.test-info-output .result-info-score th {width:400px; height:30px; padding:2px 5px; margin-left:20px; white-space:normal; word-break:keep-all; text-align:left; font-weight:400; font-size:15px; color:#555; text-align: center;} /* wook 22-10-07: width를 auto에서 320px로 수정하였고 'text-align: center;' 추가하였음 */
.test-info-output .result-info-score td {width:100px; height:30px; padding:2px 5px; white-space:normal; word-break:keep-all; text-align:left; font-weight:400; font-size:15px; color:#555; letter-spacing:0.08em; text-align: center;} /* wook 22-10-07: width를 200px에서 90px로 수정하였고 'text-align: center;' 추가하였음 */

/* .test-info-output .result-info .test-report-title .title-deco:after {position:relative; display:block; top:6px; left:95px; width:115px; border-bottom:1px dashed #78ccd0; content:""; align-items:center; z-index:1;} */ /* wook 22-09-30: 사용하지 않아서 주석처리함 */
.test-info-output .result-info .test-report-title {position:relative; width:100%; align-items:center; justify-content:center; flex-wrap:wrap;}
.test-info-output .result-info .test-report-title .title-deco {position:relative; display:block; width:20%; height:15px; top:-4px; background:url(../images/common/user-result-deco.png) no-repeat center center;} /* wook 22-09-30: width를 100%에서 20%로 수정하였음 */
.test-info-output .result-info .test-report-title p {position:relative; display:block; width:100%; margin-top:15px; padding:10px 0; align-items:center; justify-content:center; white-space:normal; word-break:keep-all; font-weight:700; font-size:16px; color:#27527a; letter-spacing:0.12em;}
/* -- -- */


/* JAYLEE 2020-10-16 : user 대기실 */
.one-third-wrap {display:inline-flex; width:30%; margin:10px 15px; height:100%; max-height:578px; justify-content:center;}

.one-third-wrap .loginInfo {position:relative; display:inline-flex; width:390px; height:auto; align-items:center; justify-content:center; margin:3em 0; background-color:#fff; max-height:500px; overflow:hidden;}
.one-third-wrap .loginInfo h3 {font-size:25px; line-height:1.2em; color:#303030; font-weight:700; letter-spacing:-0.02em; margin-bottom:40px;}

.one-third-wrap .Info-output .user-info tr:before {position:relative; display:inline-flex; top:8px; width:4px; height:12px; margin-right:12px; background:#f48356; content:""; align-items:center;}
.one-third-wrap .Info-output .user-info th {height:30px; font-weight:400; font-size:14px; color:#000; text-align:left; letter-spacing:0.08em;}
.one-third-wrap .Info-output .user-info td {height:30px; font-weight:400; font-size:14px; color:#000; text-align:left; letter-spacing:0.08em;word-break: break-all;}

.two-thirds-wrap {display:inline-flex; width:65%; margin:20px 15px; height:100%; max-height:558px; justify-content:center; overflow:auto;}

.test-info-output {position:relative; display:inline-flex; width:100%; max-width:600px; height:100%; align-items:center; flex-wrap:wrap;}

.test-info-output ul {width:100%; text-align:left; font-weight:400; font-size:22px; color:#555;}
.test-info-output li {width:100%; line-height:160%; height:40px; text-align:left; font-weight:400; font-size:22px; color:#555;}
.test-info-output li span {display:inline-flex; line-height:160%; height:40px; margin-left:6px; font-weight:700; font-size:22px; color:#222;}

.test-info-output .user-info table {position:relative; display:inline-flex; border-spacing:6px; border-collapse:separate; align-items:center;}
.test-info-output .user-info th {width:150px; height:30px; padding:2px 5px; white-space:normal; word-break:keep-all; font-weight:400; font-size:15px; color:#27868a; /*color:#3b8f92;*/ background-color:#fff7f2; text-align:center;}
.test-info-output .user-info td {width:450px; height:30px; padding:2px 5px; white-space:normal; word-break:keep-all; font-weight:400; font-size:15px; color:#555; text-align:left; letter-spacing:0.08em;}

.test-info-output .user-info .tbl-nested {position:relative; display:inline-flex; border-spacing:0px; border-collapse:collapse;}
.test-info-output .user-info .tbl-nested tr:nth-child(even) {border-spacing:0px; background-color:#f3f3f3; width: 100%;} /* even: 짝수번째만 */

.test-info-output .user-info .test-title th, .test-info-output .user-info .test-title td {font-weight:400; font-size:15px; /*color:#f1902d;*/ background-color:#ffebdf;}

.test-info-output .user-info .waiting-room-date span {position:relative; display:inline-flex; height:30px; font-size:15px; color:#555; align-items:center; letter-spacing:-0.02em;}

.test-info-output .user-info .waiting-room-state {position:relative; display:inline-flex; width:100%; max-width:450px; height:100%; padding:2px 5px; align-items:center; text-align:center;}

.test-info-output .user-info .waiting-room-state ul {position:relative; display:inline-flex; height:80px; justify-content:center;list-style: none;}
.test-info-output .user-info .waiting-room-state li {position:relative; width:80px; height:80px; margin:0 5px; text-align:center; content:'';list-style: none;}
.test-info-output .user-info .waiting-room-state li p {position: absolute; display:block; width:100%; height:35px; bottom:0; margin-block-start:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:400; font-size:15px; color:#dcdcdc; align-items:center; text-align:center;}

.test-info-output .user-info .waiting-room-state li:before {position:absolute; top:18px; left:35px; width:12px; height:12px; border-radius:100px; background:#ececec; content:''; z-index:2;}
.test-info-output .user-info .waiting-room-state li:after {position:absolute; top:22px; left:40px; width:92px; height:2px; background:#ececec; content:''; z-index:0;}
.test-info-output .user-info .waiting-room-state li:last-child:after {width:0px;}

.test-info-output .user-info .waiting-room-state li.active:before {position:absolute; top:15px; left:32px; width:16px; height:16px; border-radius:100px; background:#e88938; content:''; z-index:2;}
.test-info-output .user-info .waiting-room-state li.active p {font-weight:700; font-size:16px; color:#e88938;}
/* -- -- */


/* JAYLEE 2020-10-07 : user-Login 본인확인 화면 */
.userLogin-left .loginInfo h3 {font-size:30px; line-height:1.2em; color:#303030; font-weight:700; letter-spacing:-0.02em; margin-bottom:40px;}

.Info-output {position:relative; width:100%}
.Info-output .user-info {position:relative; display:flex; width:100%;}

.Info-output .user-info tr:before {position:relative; display:inline-flex; top:9px; width:4px; height:14px; margin-right:12px; background:#f48356; content:""; align-items:center;}
.Info-output .user-info th {height:32px; vertical-align: top;padding-top: 4px;font-weight:400; font-size:16px; color:#000; text-align:left; letter-spacing:0.08em;}
.Info-output .user-info td {height:32px; font-weight:400; font-size:16px; color:#000; text-align:left; letter-spacing:0.08em;}

.user-info .user-ID-pic {position:relative; display:inline-flex; width:auto;}
.user-info .user-ID-pic img {max-width:126px; max-height:166px; padding: 3px; object-fit:contain; text-align:center; box-sizing:border-box; border: 2px outset #f4f4f4; border-radius:3px;}

.user-info .notice-confirm {position:relative; display:inline-flex; width:auto; padding:14px; align-items:center; justify-content:center; flex-wrap:wrap;}
.user-info .notice-confirm .p1 {display:inline-flex; min-height:35px; line-height:25px; margin-right:2px; align-items:center; font-weight:700; font-size:15px; color:#666;}
.user-info .notice-confirm .p2 {min-height:55px; line-height:22px; margin-top:5px; align-items:center; font-weight:400; font-size:12px; white-space:pre-line; word-break:keep-all; color:#888;}
.user-info .notice-confirm .p3 {min-height:55px; line-height:22px; margin-top:5px; align-items:center; font-weight:400; font-size:14px; white-space:pre-line; word-break:keep-all; color:#888;}
.user-info .notice-confirm .p1, .user-info .notice-confirm .p2 span {display:inline-flex; font-weight:700; color:#30a4d5;}
.user-info .notice-confirm .p3 span {display:inline-flex; font-weight:700; font-size:14px; color:#555;}

/* JAYLEE 2020-10-21 고객사 로고 영역 추가분 */
.userLogin-right .logo-wrap {position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:350px; height:auto; flex-wrap: wrap;}
.userLogin-right .logo-wrap .btn-page-bottom {position:relative; display:inline-flex; width:80%; justify-content:center; float:inline-end; background-color:#fff; min-height:50px; border-radius:30px;}

.corporate-identity {position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:50px;}
.corporate-identity img {width:auto; height:40px;}
/* -- -- */


/* JAYLEE 2020-09-14 : user main */
.user-main-container {position:relative; display:inline-flex; width:100%; min-width:1150px; height:100%; min-height:700px; align-items:center; justify-content:center;}

.userWrap {position:relative; max-height:850px; min-width:1150px; align-items:center;}
.user-contsWrap {display:flex; justify-content:center; align-items:center; width:100%; max-width:1920px; left:0; top:0; padding:0; margin:0;}
.user-contsBox {position:relative; width:90%; min-height:700px; max-height:850px; background:#fff; border-radius:6px; box-sizing:border-box; border:1px solid #c3d5d6; text-align:center;}

.user-innerWrap_garo {position:relative; display:inline-block; min-width:950px; height:500px; margin:30px 20px; align-items:center;}

/* .user-innerWrap_garo::before{
	margin: 1rem;
	content: "최정욱 \A\A\A\A\A\A 200114001";
	white-space: pre;
	position: fixed;
	top: 28%;
	left: 18%;
	transform: rotate(-0.1turn);
	opacity: 0.1;
	display: inline-block;
	font-size: 90px;
	color: #eeeeee;
}

.user-innerWrap_garo::after{
	margin: 1rem;
	content: "최정욱 \A\A\A\A\A\A 200114001";
	white-space: pre;
	position: fixed;
	top: 33%;
	left: 40%;
	transform: rotate(-0.1turn);
	opacity: 0.1;
	display: inline-block;
	font-size: 90px;
	color: #eeeeee;
} 가상 클래스를 이용하여 워터마크 표출하는 css이며 현재는 사용하지 않지만 추후 사용할 수 있어 주석처리하였음  */




.user-innerWrap_garo .user-bottom-wrap {position:relative; display:flex; width:auto; height:30px; margin:5px 20px; box-sizing:border-box; align-items:center; justify-content:left; font-size:1.4rem;}

.user-innerWrap_garo .main_qst {position:relative; display:inline-flex; width:auto; min-height:110px; max-height:170px; padding:5px 20px; overflow:hidden; align-items:center;}

.user-innerWrap_garo .title {position:relative; display:flex; top:0; width:auto; min-height:90px; max-height:120px; padding:5px 20px; overflow:hidden; align-items:center;}
.user-innerWrap_garo .title h1 {display:inline-block; line-height:150%; font-weight:700; font-size:36px; color:#444444;} /* 글자수 제한 72자 */
.user-innerWrap_garo .title h2 {display:inline-block; line-height:160%; padding-bottom:10px; font-weight:700; font-size:30px; color:#444444;} /* 글자수 제한 72자 */
.user-innerWrap_garo .title h3 {display:inline-block; line-height:160%; padding-bottom:10px; font-weight:700; font-size:25px; color:#444444;} /* 글자수 제한 72자 */

.user-innerWrap_garo .conts-scrBox {position:relative; display:block; padding:5px; width:auto; height:370px; overflow:auto; border: 1px solid #797979; border-radius:2px;}
.conts-scrBox .contents-inner p {box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; text-align:left; margin:12px;} /* 단락 구분 */

.user-innerWrap_garo .conts-scrBox__btm-area {position:relative; display:block; padding:5px; width:auto; height:320px; overflow:auto; border: 1px solid #797979; border-radius:2px;}
.conts-scrBox__btm-area .contents-inner p {box-sizing:border-box; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; text-align:left; margin:12px; color: #000000;} /* 단락 구분 */
.conts-scrBox__btm-area-sj .contents-inner p {box-sizing:border-box; letter-spacing:-0.02em; font-size:1.8rem; font-weight:400; text-align:left; margin:12px;} /* 단락 구분 */
.conts-scrBox__btm-area .contents-inner span {line-height: 1.4em;} /* 에디터 view: 다른 html에서 붙여넣기 하는 경우 span태그 사용하게 됨 */

.contents-inner {width:auto; letter-spacing:-0.02em; font-size:1.4rem; font-weight:400; color: #000000;}

/* 서술형 문항의 답안 글자 수 표시해주는 텍스트 css */
.text-number-count-blank {
	position: relative;
	left: 26.5%;
	width: 155px;
	text-align: right;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

@media (min-width:1600px){
  .user-innerWrap_garo {width:1360px; height:658px;} /* 화면 가로 너비가 1440px 이상이면 컨텐츠 노출영역 높이 상향조정(508px → 658px), wide 모니터 대응 */
  .user-innerWrap_garo .conts-scrBox {height:528px;}
  
  .user-innerWrap_garo .conts-scrBox__btm-area {position:relative; display:block; padding:5px; width:auto; height:505px; overflow:auto; border: 1px solid #797979; border-radius:2px;}

  .conts-scrBox .contents-inner {font-size:1.2rem;}
  .conts-scrBox .contents-inner p {font-size:1.2rem;}
}

.conts-inner__half-area {/*background-color: #f0f0f0;*/ display:inline-flex; width:45%; margin:10px 15px; padding:5px 5px;}
.conts-inner__half-area .test-psych__web-01 {display:inline-flex; position:relative; width:100%; height:auto; max-height:90px; align-items:stretch; text-align:left;}
.conts-inner__half-area .test-psych__web-01 a {display:inline-flex; height:inherit; align-items:center; font-size:48px; font-weight:700; color:#000;}
.conts-inner__half-area .test-psych__web-01 span {display:inline-flex; line-height:1.8rem; box-sizing:border-box; margin:2px 5px 2px 10px; font-size:1.4rem; font-weight:400; color:#8b8b8b;}

.user-contsBox .top-menu-bar {position:relative; display:flex; height:52px; box-sizing: border-box; border-radius: 5px 5px 0 0; background:#78ccd0; align-items:center; justify-content:flex-end;}
.user-contsBox .user-bottom-btnWrap {position:relative; display:inline-flex; min-width:950px; width:98%; margin:0 1%; height:80px; box-sizing:border-box; border-top:1px solid #c3d5d6; align-items:center; justify-items: left;}

.user-bottom-wrap {position:relative; display:inline-flex; width:auto; height:25px; box-sizing:border-box; padding:0 10px; align-items:center; justify-content:center;}
.user-bottom-btnWrap {position:relative; display:flex; height:80px; box-sizing:border-box; padding:0 10px; border-top:1px solid #c3d5d6; align-items:center; justify-content:space-between;}

.user-innerWrap__parts {position:relative; display:inline-flex; width:95%; min-width:950px; height:500px; margin:30px 20px; align-items:center; white-space:nowrap;}

div.vertical-line{width:1px; background-color:#c3d5d6; height:480px; float:left;}

@media (min-width:1600px){
  .user-innerWrap__parts {width:1360px; height:598px; border:4px double #cbdcd5; border-radius: 5px;}
  .user-innerWrap__parts .vertical-line{width:1px; background-color:#c3d5d6; height:550px; float:left;}
  .user-innerWrap__parts .loginInfo {max-height:583px;}
  .user-innerWrap__parts .loginInfo .InfoWrap {margin-top:15px;}
}
/* -- -- */

tr, td {padding: 4px 8px;}
ul, ol, dl {padding-left: 32px;}
li, dt, dd  {font-size: 1.4rem;line-height: 24px;}