@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* region === FONT ### [700] 500 [400] 300 100 */
@font-face {
    font-family: 'Spoqa';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}
/* endregion */

/* 추가 20240813 */
@keyframes expand { 0% { width: 0; height: 0; } 100% { /* JavaScript에서 크기 조정 */ } }
@keyframes scan { 0% { top: 0; } 25% { top: 100%; } 50% { top: 0; } 75% { top: 100%; } 100% { top: 0; } }

/* region === RESET / HELPER ### */
* {margin:0;padding:0;border: 0;vertical-align: baseline;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
html,body, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd ,section,nav  {padding:0; border:0;}
ul, ol, li{margin:0; padding:0; list-style:none;}
label, input, button, select, img, a, i {vertical-align:bottom; border:none;}
input, textarea, button, select {font-family:inherit;}
button {padding:0; cursor:pointer;}
p {margin:0; padding:0;}
img {max-width:100%; max-height:100%; object-fit:contain; object-position:50% 50%;}
table {width:100%; margin:0; padding:0; border:none; border-collapse:collapse}
hr {display:none;}
a, a:link, a:visited, a:hover, a:focus, a:active {text-decoration:none;}
:focus {outline:none;}
p {margin: 0 0 0px 0; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.3; margin-top: 5px; margin-bottom: 10px;font-weight: 600;}
*::-webkit-scrollbar {width: 5px;}
*::-webkit-scrollbar-thumb {background-color: #777;}
*::-webkit-scrollbar-track {background-color: #ccc;}

.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}

.fr {float:right !important}
.fl {float:left !important}
.fn {float:none !important}

.pd10 {padding:10px !important}
.pb0 {padding-bottom:0px !important}

.pdlr10 {padding-left:10px !important;padding-right:10px !important;}
.pdlr20 {padding-left:20px !important;padding-right:20px !important;}
.mb0 {margin-bottom:0px !important}
.mr0 {margin-right:0px !important}

.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt120 {margin-top:120px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}
.ml70 {margin-left:70px !important}
.ml90 {margin-left:90px !important}
.mr20 {margin-right:20px !important}

.fs8 {font-size:8px !important;}
.fs10 {font-size:10px !important;}
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.vat {vertical-align:top !important;}

/* endregion */

/* region === COMMON ### */
html,body {margin:0 auto; position:relative;font-family:'Spoqa','Malgun Gothic'; font-size:13px; line-height:1.6; color:#000;font-weight:400;width:100%;}

.bg_main {background-color:#516feb !important;color:#fff !important;}
.bg_white {background-color:#f6f6f6 !important;color:#000 !important;}
.bg_gray {background-color:#f1f1fb !important;color:#000 !important;}

.bg_sub_cyan {background-color:#3dc8f9 !important;color:#fff !important;}
.bg_sub_green {background-color:#2ad2d1 !important;color:#fff !important;}
.bg_sub_blue {background-color:#334ca9 !important;color:#fff !important;}
.bg_sub_navy {background-color:#192c4c !important;color:#fff !important;}

.bg1 {background-color:#192c4c !important;color:#fff !important;}
.bg2 {background-color:#9c70e3 !important;color:#fff !important;}
.bg3 {background-color:#ffd264 !important;color:#fff !important;}
.bg4 {background-color:#ff783c !important;color:#fff !important;}
.bg5 {background-color:#516feb !important;color:#fff !important;}

.bg_chart_green {background-color:#1cd6a7 !important;color:#fff !important;}
.bg_chart_yellow {background-color:#ffd264 !important;color:#fff !important;}
.bg_chart_orange {background-color:#ff783c !important;color:#fff !important;}
.bg_chart_red {background-color:#ff3232 !important;color:#fff !important;}
.bg_chart_cyan {background-color:#3dc8f9 !important;color:#fff !important;}
.bg_chart_purple {background-color:#9c70e3 !important;color:#fff !important;}
.bg_chart_blue {background-color:#5070eb !important;color:#fff !important;}
.bg_chart_navy {background-color:#334aa7 !important;color:#fff !important;}
.bg_chart_magenta {background-color:#ff32ff !important;color:#fff !important;}

.color2 {color:#222 !important;}
.color4 {color:#444 !important;}
.color6 {color:#666 !important;}
.color9 {color:#999 !important;}

.ccyan {color:#3dc8f9 !important;}
.cgreen {color:#2ad2d1 !important;}
.cblue {color:#5070eb !important;}
.cnavy {color:#334aa7 !important;}
.corange {color:#ff783c !important;}
.cyellow {color:#ffd264 !important;}
.cred {color:#ff3232 !important;}
.cmagneta {color:#ff32ff !important;}

.pointer {cursor:pointer !important}
/* endregion */

span.icon-exclam {margin:4px 0 0 10px;vertical-align:top; display:inline-block;cursor:pointer;width:20px;height:20px;background:url(/static/resource/temp/exclam_icon.jpg) no-repeat 0 0;}

/* region = PRINT */
@media print {
    body, html {
      width: 100%;
      height: auto;
      overflow: visible;
    }
    /* 스크롤바를 숨기고 싶은 요소에 대한 추가 스타일 */
    .scrollable-element {
      overflow: visible !important;
      height: auto !important;
    }
  }


/* region === INPUT ### */
input[type="number"],input[type="date"],input[type="text"], input[type="password"] , input[type="search"] { height: 45px;  line-height: 45px; padding-left:20px;color:#000;font-weight:400;background-color: #f6f6f6;border-radius:6px;border:1px solid #e4e4e4}
input[type="number"].readonly,input[type="date"].readonly,input[type="text"].readonly {color:#999 !important;}
input[type="number"]:focus,input[type="date"]:focus,input[type="text"]:focus,input[type="search"]:focus, input[type="password"]:focus {background-color: #fff;}
input[type="number"],input[type="date"],input[type="text"],input[type="password"],input[type="search"],input[type="email"] {height: 45px;line-height: 45px;padding-left: 20px;color: #000;font-weight: 400;background-color: #f6f6f6;border-radius: 6px;border: 1px solid #e4e4e4;} /* 추가 (230425) */

textarea {padding:10px;min-height:60px;border: 1px solid #ddd;}
select {-webkit-appearance: none;
    -moz-appearance: none;height: 32px;  line-height: 32px;padding: 0 30px 0 20px;color:#000;font-weight:400;border:1px solid #e4e4e4;border-radius:6px;background:#fff url(/static/resource/common/input_down.png) right 5px center no-repeat;background-size:12px 12px;}
select option {line-height: 32px;padding: 0 10px;color:#000;font-weight:400;background-color:#fff;}
select.list {background-image: inherit;height: auto !important; padding: 0 10px !important;}
select.big {height: 42px;  line-height: 42px;font-weight:700;background-position:right 5px center;font-size:18px;}
select.big option {line-height: 42px;padding: 0 10px;color:#000;font-weight:700;font-size:18px;}
select.mid {height: 32px;line-height: 32px;font-weight:500;background-position:right 5px center;font-size: 16px;}
select.mid option {line-height: 32px;padding: 0 10px;color:#000;font-weight:500;font-size:16px;}

label.switch_label input[type="checkbox"].input { display: none; }
span.switch {position: relative;display: inline-block;height: 26px;border-radius: 13px;
    background-color: #999;color: #fff;cursor: pointer;
    transition: all .3s;
}
span.switch > * {transition: all .3s;font-size: 12px;line-height:26px;}
span.switch .marble {position: absolute;top: 1px;left: 1px;display: block;width: 24px;height: 24px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
span.switch .text {padding-left: 30px;padding-right: 10px;line-height: 25px;}
label.switch_label .input:checked + span.switch {background-color: #d5a150;padding-right:20px;}
label.switch_label .input:checked + span.switch .text {padding-left: 12px;}
label.switch_label .input:checked + span.switch .marble {left:auto;right:1px;}

input[type="checkbox"]+span{display: inline-block;width: 24px;height: 24px;background: url('/static/resource/common/check.png') no-repeat 4px 8px;background-size:16px 16px;cursor:pointer;}
input[type='checkbox']:checked+span{background-image:url('/static/resource/common/check_on.png');}
input[type='checkbox']{display:none;}
input[type="checkbox"]+span.text{width: auto;background-position:4px 4px;padding: 0 10px 0 30px;line-height:24px;font-weight:450;}

label.survey-checkbox{display:inline-flex;align-items:center;gap:8px;}
label.survey-checkbox input[type="checkbox"]+span.text{position:relative;display:inline-flex;align-items:center;width:auto;height:auto;padding:0 0 0 28px;margin:0;background:none !important;background-image:none !important;line-height:150%;}
label.survey-checkbox input[type="checkbox"]+span.text::before{content:'';position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:5px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNycgdmlld0JveD0nMCAwIDE2IDE3JyBmaWxsPSdub25lJz48cmVjdCB4PScwLjUnIHk9JzEnIHdpZHRoPScxNScgaGVpZ2h0PScxNScgcng9JzMuNScgZmlsbD0nd2hpdGUnIHN0cm9rZT0nI0U0RTRFNCcvPjwvc3ZnPg==") center/contain no-repeat;transition:background .2s ease,border-color .2s ease;}
label.survey-checkbox input[type="checkbox"]:checked+span.text{background:none !important;background-image:none !important;}
label.survey-checkbox input[type="checkbox"]:checked+span.text::before{border-color:transparent;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNycgdmlld0JveD0nMCAwIDE2IDE3JyBmaWxsPSdub25lJz48cmVjdCB5PScwLjUnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgcng9JzQnIGZpbGw9JyM1MTZGRUInLz48cGF0aCBkPSdNNCA3LjVMNyAxMC41TDEyIDUuNScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScxLjUnLz48L3N2Zz4=") center/contain no-repeat;}
label.survey-checkbox input[type="checkbox"]:focus-visible+span.text::before{box-shadow:0 0 0 2px rgba(81,111,235,.4);}

label.survey-radio{display:inline-flex;align-items:center;gap:8px;}
label.survey-radio input[type="radio"]+span.text{position:relative;display:inline-flex;align-items:center;width:auto;height:auto;padding:0 0 0 24px;margin:0;background:none !important;background-image:none !important;line-height:150%;}
label.survey-radio input[type="radio"]+span.text::before{content:'';position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:50%;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2JyBmaWxsPSdub25lJz48Y2lyY2xlIGN4PSc4JyBjeT0nOCcgcj0nNy41JyBmaWxsPSd3aGl0ZScgc3Ryb2tlPScjRTRFNEU0Jy8+PC9zdmc+") center/contain no-repeat;transition:background .2s ease,border-color .2s ease;}
label.survey-radio input[type="radio"]:checked+span.text{background:none !important;background-image:none !important;}
label.survey-radio input[type="radio"]:checked+span.text::before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2JyBmaWxsPSdub25lJz48Y2lyY2xlIGN4PSc4JyBjeT0nOCcgcj0nNy41JyBmaWxsPSd3aGl0ZScgc3Ryb2tlPScjRTRFNEU0Jy8+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzQnIGZpbGw9JyM1MTZGRUInLz48L3N2Zz4=") center/contain no-repeat;}
label.survey-radio input[type="radio"]:focus-visible+span.text::before{box-shadow:0 0 0 2px rgba(81,111,235,.4);}

input[type="radio"]+span{display: inline-block;width: 24px;height: 24px;background: url('/static/resource/temp/radio.png') no-repeat 4px 4px;background-size:22px 22px;cursor:pointer;margin-bottom: -4px;}
input[type='radio']:checked+span{background-image:url('/static/resource/temp/radio_on.png');}
input[type='radio']{display:none;}
input[type="radio"]+span.text{width: auto;background-position:4px 0px;padding: 0 10px 0 30px;line-height:24px;margin-bottom:0;}

/* endregion */

/* region === PAGING ### */
ul.pagination {text-align:center; margin:0 auto}
ul.pagination li {display:inline-block;vertical-align: middle;margin:2px 5px;width:26px; height:26px;line-height:26px;background-repeat:no-repeat; background-position:center;background-size: cover;font-size:12px;border-radius:16px;}
ul.pagination li.on {background-color:#2b80ff;color:#fff;}
ul.pagination li a {vertical-align:top;width:100%; height:26px; line-height:26px;font-size:12px; color:#000; text-align:center;display:inline-block;border-radius:16px;}
ul.pagination li a:hover {background-color:#e4e4e4;}
ul.pagination li.disabled {opacity:0.5}
ul.pagination li a:hover {opacity:0.8}
ul.pagination li.front {background:url(/static/resource/common/down_arrow.png) 2px 2px no-repeat;background-size: 21px 21px;transform: rotate(90deg);
    -webkit-transform: rotate(90deg);}
ul.pagination li.end {background:url(/static/resource/common/down_arrow.png) 2px 2px no-repeat;background-size: 21px 21px;    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);}

/* endregion */

/* region === MASK/TOAST/LAYER ### */
/* LAYER POP */
#popWrap {position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100000;}
#popBg {position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color:#000;opacity:0.7;}
.pop-box{width:80%;background-color:#fff; z-index:100; position:absolute; top:50%; max-width:300px; left: 50%;
    transform: translate(-50%, -50%);}
.pop-box .pop-title{text-align:center; color:#333; font-weight:600; font-size:20px;border-bottom:1px solid #ddd; line-height:60px;height:60px}
.pop-box .pop-con{text-align:center; color:#000; font-size:18px; padding:30px 30px; line-height:1.4;word-break:keep-all;}
.pop-box .pop-btn-wrap{display:flex;}
.pop-box .pop-btn-wrap .pop-btn.half { display: inline-block;width: 50%;}
.pop-box .pop-btn-wrap .pop-btn.blue { color:#fff;background-color:#516feb;}
.pop-box .pop-btn-wrap .pop-btn.white { color:#000;background-color:#fff;}
.pop-box .pop-btn-wrap .pop-btn.black { color:#fff;background-color:#222;}
.pop-box .pop-btn-wrap .pop-btn{display:block;width:100%; height:54px; line-height:54px; color:#818182; background-color:#ebebeb; text-align:center;  font-weight:600; font-size:16px;}

.layer_pop { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.8); z-index:99;overflow:auto; display:flex; align-items:center; justify-content:center; }
.layer_pop .pop_cont {position:relative; width:650px;margin:160px auto 50px; }
.layer_pop .pop_cont.mg_box {margin:0 auto;} /* 수정: 화면 중앙 정렬 (230425) */
.layer_pop .pop_cont.reserve_pop {width:730px;} /* 추가 (230419) */
.layer_pop .pop_close {display:block; background:url(/static/resource/common/close.png) center center no-repeat; width:39px; height:39px; position:absolute; top:16px; right:20px;background-size:16px 16px;}
.layer_pop .card{padding:30px;}

.backdrop-mask {position:fixed;left: 0;top: 0;width:100%;height:100vh;background-color:rgba(0,0,0,0.6);display:none;z-index: 100001;}
.mask-message {margin:50vh auto 0;padding:20px 20px;background-color:#6bb8f9;border:1px solid #6bb8f9;border-radius:5px;width:80%;max-width:270px;font-size:1.1rem;text-align:center;color:#fff;transform: translateY(-50%);}

.toast {visibility: hidden; min-width: 250px;margin-left: -125px; background-color:#516feb;color: #fff; text-align: center;  border-radius: 6px;padding: 16px;position: fixed;  z-index: 9999; left: 50%; bottom: 30px;}
.toast.show {visibility: visible;animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}
/* endregion */

/* region === FLEX WRAP ### */
.flex_hor_wrap {display:flex;flex-direction:row;margin:0 -5px;}
.flex_ver_wrap {display:flex;flex-direction:column;}
.flex_hor_wrap a{flex-grow:1}
.flex_hor_wrap a.btn {margin:0 5px;}
.flex_hor_wrap span.spacer {display:inline-block;height:20px;width:1px;background-color:#000;flex-grow: 0;margin: 10px 0;}
span.spacer {flex-grow:1}
span.detail-spacer {width:55px;padding-left:10px;} /* 추가 (230112) */
span.detail-spacer-s {width:30px;} /* 추가 (230323) */
span.detail-spacer-e {width:45px;} /* 추가 (230323) */
/* endregion */

/* region === BUTTON ### */
a.btn {color: #fff;display:inline-block;position: relative; padding: 15px 40px; margin:0px; font-size: 15px; font-weight: 400; line-height: 1; text-decoration: none; letter-spacing: 0; cursor: pointer; background-color: transparent; border: 0; border-radius:6px; outline: 0; transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);text-align:center;background-color:#516feb;}
a.btn:not(.on).disabled {background-color:#ddd;color:#999;}
a.btn:not(.disabled):hover {transition: none;box-shadow: 0 14px 26px -12px rgba(0,0,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2)}
a.btn.btn-tiny {padding:13px 30px;font-size:14px;}
a.btn.btn-micro {padding:8px 16px;font-size:13px;}

a.btn.btn-white-border {background-color:#fff;color:#516feb;border:1px solid #516feb;}
a.btn.btn-white {background-color:#fff;color:#000;border:1px solid #e4e4e4;}
a.btn.btn-black {background-color:#000;}
a.btn.btn-gray {background-color:#444;}
a.btn.btn-blue {background-color:#334ca9;}
a.btn.btn-red {background-color:#ff3232;}

a.btn-simple {padding:10px 20px;color:#000;}
a.btn-simple:hover {opacity:0.8;}
a.btn-blue-underbar {color:#516feb;padding:6px 5px;border-bottom:2px solid #516feb}
a.btn-blue-underbar:hover {opacity:0.8;}
/* endregion */

/* region === CARD ### */
.card {padding:12px;position: relative;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);background-color:#fff;border-radius:12px;}
.card-title {font-size:20px;font-weight:700;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e4e4e4;line-height:1;}
/* endregion */

/* region === TABLE ### */
.table {width:100%; border-spacing: 0; border-collapse: collapse; }
.table tr td, .table tr th {text-align: left; padding: 5px 0px 5px 10px;vertical-align:middle;} /* 수정 (230419) */
.table tr th {font-weight:500;font-size:15px;vertical-align:middle;}
.table.center tr td, .table.center tr th {text-align: center; padding: 5px 0px 5px 25px;} /* 수정 (230327) */
.table tr td.left, .table tr th.left {text-align: left; padding-left: 10px;}
.table.table-scroll {margin-top:1px !important;}
.table.table-scroll thead {position: sticky;top: 0;background-color:#fff;z-index:1;}

/* endregion */

/* region === LOGIN ### */
body.login {background:url(/static/resource/common/background_login.jpg) 0 0 no-repeat; background-size:1920px 1080px;}
.card.login {position:absolute;left:1190px;top:223px;width:512px;height:631px;padding:60px 57px;text-align:center}

a.btn.btn-login.on {background-color:#516feb;color:#fff;border:1px solid #516feb;}
a.btn.btn-login {background-color:#fff;color:#516feb;border:1px solid #516feb;padding:15px 25px;line-height:1.4;}

.card.login a.btn.btn-black {padding:20px;}
.card.login .logo_login img {width:280px;height:auto;}
.card.login .logo_desc {font-size:18px;font-weight:500;color:#333;}
.login span.text-bottom {padding:6px 0;display: inline-block;}
.thumb {display:inline-block;width:100px;height:100px;border-radius:50px;background:#fff url(/static/resource/user/default.png) center center no-repeat;background-size:cover;}
.blue-desc {color:#516feb;}

.card.login input[type="text"], .card.login input[type="password"], .card.login a.btn-black{ display:block;width:100%;}
a.btn-exit {font-size:14px;position:absolute;right:20px;top:20px;color:#fff;}

.table td.td-result {font-size: 16px;padding: 20px 0;text-align: center;font-weight:500;}
.table.left td, .table.left th {text-align:left !important;padding-left:10px !important;}
/* endregion */

/* region === EVALUATE - MEMBER ### */
body.evaluate {background-color:#f6f6f6;padding:0;}
.contents.member {padding:110px 200px 20px 370px;}
.side {position:fixed;left:0;top:0;padding:110px 0 0 0px;width:200px;height:100vh;color:#999;border-right:1px solid #e4e4e4;display:flex;flex-direction:column;z-index:11;background-color:#fff;}
.side .thumb{margin:0 auto;}
.side-message {margin:14px auto 0; font-size:14px;color:#000;}
.member-name {margin:14px auto 0; font-size:13px;color:#000;font-weight:400;text-align:center;}
.member-grade {width:80px;height:24px;margin:5px auto; border-radius:12px;line-height:24px;font-size:12px;color:#fff;background-color:#516feb;text-align:center;}
.side-info-wrap {margin:14px 0 0px;padding-bottom:10px; display:flex;flex-direction:row;border-bottom:1px solid #e4e4e4;display:flex;flex-direction:column;}
.side-info {display:flex;flex-direction:row;padding:0 20px;margin-bottom:5px;}
.side-info-wrap .key {font-size:12px;width:60px;text-align:left}
.side-info-wrap .value {text-align:right;flex-grow: 1;}

.side-menu-wrap {margin:0 0px;border-bottom:1px solid #e4e4e4;flex-grow:1}
.side-menu-item {display:flex;flex-direction:row;transition: all .5s ease-in-out;}
a.side-menu {padding:0px 0 0px 50px;height:40px; line-height:40px;font-size:11px; background:url(/static/resource/common/icon_member.png) 20px 8px no-repeat;background-size:21px 21px;flex-grow:1;color:#999;text-align:left;}
.side-menu-item.on:not(.has-sub) {background-color:#f1f1fb;}
.side-menu-item.on a.side-menu{color:#516feb;}

.side-menu-item-sub {display:none;flex-direction:column;}
.side-menu-item.on + .side-menu-item-sub {display:flex;}
a.side-menu-sub {padding:0px 30px 0px 50px;height:40px; line-height:40px;font-size:11px; flex-grow:1;color:#999;text-align:left;transition: all .5s ease-in-out;}
a.side-menu-sub.on{color:#516feb;background-color:#f1f1fb;}

#btn_member a.side-menu {background-image:url(/static/resource/common/icon_member.png);}
#btn_member.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_member.png);}
#btn_report a.side-menu {background-image:url(/static/resource/common/icon_report.png);}
#btn_report.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_report_click.png);}
#btn_pos a.side-menu {background-image:url(/static/resource/common/icon_poseval.png);}
#btn_pos.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_poseval_click.png);}
#btn_mov a.side-menu {background-image:url(/static/resource/common/icon_mvmteval.png);}
#btn_mov.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_mvmteval_click.png);}
#btn_growth a.side-menu {background-image:url(/static/resource/common/icon_mvmteval.png);}
#btn_growth.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_mvmteval_click.png);}
#btn_jnt a.side-menu {background-image:url(/static/resource/common/icon_jnteval.png);}
#btn_jnt.side-menu-item.on a.side-menu  {background-image:url(/static/resource/common/icon_jnteval_click.png);}
#btn_prgm a.side-menu {background-image:url(/static/resource/common/icon_program.png);}
#btn_prgm.side-menu-item.on a.side-menu  {background-image:url(/static/resource/common/icon_program_click.png);}
#btn_survey a.side-menu {background-image:url(/static/resource/common/icon_usersurvey.png);}
#btn_survey.side-menu-item.on a.side-menu {background-image:url(/static/resource/common/icon_usersurvey_click.png);}

a.side-menu-arrow {display:inline-block;width:40px;height:40px;background:url(/static/resource/common/down_arrow.png) 10px 10px no-repeat;background-size:21px 21px;    transition: all .5s ease-in-out;}
.side-menu-item.on a.side-menu-arrow {transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.side-bottom {margin:0 0px;display:flex;flex-direction:row;}
a.side-logout {padding:0px 30px 0px 50px;height:50px; line-height:50px; font-size:12px; background:url(/static/resource/common/icon_logout.png) 20px 14px no-repeat;background-size:21px 21px;flex-grow:1;color:#999;text-align:left;transition: all .5s ease-in-out;}
a.side-menu-fold {display:inline-block;width:50px;height:50px;background:url(/static/resource/common/close_side.png) 10px 10px no-repeat;background-size:30px 30px;}

.top {position:fixed;left:0;top:0;padding-left:200px;width:100%;display:flex;flex-direction:row;justify-content:space-between; background-color:#192c4c;z-index:21;}
.img-top-logo {height:20px;position:absolute;left:20px;top:17px;}
.top-menu {display:flex;flex-direction:row;}
a.top-menu-item {line-height:54px;height:54px;padding:0 20px;color:#fff;font-size:15px;}
a.top-menu-item.on {color:#516feb;}
#top_company_text {font-weight:500;line-height:54px;height:54px;padding:0 20px 0 0px;color:#fff;}
#top_company_thumb {height:30px;width:30px;background:url(/static/resource/center/profile.png) center center no-repeat;background-size:cover;border-radius:15px;display:inline-block;margin:0 10px 12px 0px;vertical-align: bottom;}

.contents .main-title {font-size:32px;font-weight:700;line-height:1;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e4e4e4;}
.contents .sub-title {margin-top:20px; font-size:18px;font-weight:700;line-height:1;padding:10px 0 20px;}
.contents .search-wrap {display:flex;flex-direction:row;}
.contents a.btn.btn-search {width:120px;height:41px;line-height:41px;padding:0;}

.contents .search-wrap .search-wrap-line {}
.contents .search-wrap span.title {margin:0 10px 5px 0;display:inline-block;min-width:60px;/*min-width:unset;*/}
/* .contents .search-wrap span.title.unset {min-width:unset;} 추가(230803) */
.contents .search-wrap input[type="date"], .contents .search-wrap input[type="text"] {height: 32px;  line-height: 32px;color:#000;font-weight:400;border-radius:6px;border:1px solid #e4e4e4;margin-right:10px;background-color: #fff;}
.contents .search-wrap input[type="date"]:focus, .contents .search-wrap input[type="text"]:focus {background-color: #fff;}
.contents .search-wrap a.btn.btn-search {width:120px;height:32px;line-height:32px;padding:0;}

span.point {color:#3dc8f9;}

.table-wrap {padding:15px 30px 5px 30px;box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);background-color:#fff;border-radius:12px;height:570px;}
.table-title {font-size:18px;font-weight:500;}
.table-desc {float:right;color:#999;font-size:12px;}
.table-wrap .table.main {margin:0 -30px;}

.table.main {width:calc(100% + 60px);}
.table.main tr td, .table.main tr th {color:#444; text-align: center; padding: 7px 0px;vertical-align:middle;height:40px;}
.table.main tr th {color:#888; font-weight:400;font-size:13px;}
.table.main tr:not(:last-child){border-bottom:1px solid #e4e4e4;}
.table.main tr.on{background-color:#f1f1fb;}
.table.main.member tr{cursor:pointer;}

a.btn.btn-table {padding: 7px 16px;font-size: 13px;background-color:#fff;color:#888;border:1px solid #e4e4e4;}
.table.main tr.on a.btn.btn-table {background-color:#516feb;color:#fff;border:1px solid #516feb}

.pop-subtitle {font-size:16px;font-weight:700;margin-top:20px;}
.select-test-wrap {margin:0px auto;width:600px;text-align:center;display:flex;justify-content: center;}
.select-test-item {display:inline-block;width:250px;height:144px;margin:5px 5px 10px 5px;cursor:pointer;border-radius:12px;background:#fff url(/static/resource/common/icon_member.png) center 24px no-repeat;background-size:52px 52px; border:1px solid #e4e4e4;text-align:center;padding-top:86px;color:#000;font-size:16px;font-weight:500;}
.select-test-item.on {border:1px solid #516feb; background-color:#f1f1fb;}
.select-test-item.pos {background-image:url(/static/resource/common/button_poseval_off.png);}
.select-test-item.pos.on {background-image:url(/static/resource/common/button_poseval_click.png);}
.select-test-item.mov {background-image:url(/static/resource/common/button_mvmteval_off.png);}
.select-test-item.mov.on {background-image:url(/static/resource/common/button_mvmteval_click.png);}
.select-test-item.jnt {background-image:url(/static/resource/common/button_jnteval_off.png);}
.select-test-item.jnt.on {background-image:url(/static/resource/common/button_jnteval_click.png);}
.select-test-item.report {background-image:url(/static/resource/common/button_report_off.png);}
.select-test-item.report.on {background-image:url(/static/resource/common/button_report_click.png);}
/* endregion */

body {}
.side {height:1080px;}
#contents {width:1920px;height:1080px;overflow:hidden;}
/* region === EV - RESULT - POS ### */
.evaluate .contents.pos-result {padding:110px 60px 20px 260px;}
.main-title-sub {margin-left:20px;font-size:13px;}
.detail-bone-wrap .sub-tab-menu {margin-top:30px;} /* 추가 (230309) */
.sub-tab-menu {margin-top:20px;display:flex;flex-direction:row;justify-content: space-between;align-items: center;}
.sub-tab-menu a.tab-menu {font-size:16px;font-weight:500;color:#666;height:36px;line-height:36px;width:60px;margin-right:20px;}
.sub-tab-menu a.tab-menu.on {color:#516feb;border-bottom:4px solid #516feb;}
.sub-tab-menu.small a.tab-menu {font-size:16px;font-weight:700;color:#666;height:30px;line-height:30px;width:auto;margin-right:0;} /* 수정 (230309) */
.sub-tab-menu.small a.tab-menu.on {color:#516feb;border-bottom:2px solid #516feb;}
.tab-card-wrap {margin-top:30px;display:flex;flex-direction:row;width:390px;} /* 수정 (230515) */
.tab-card.card {padding:15px 20px;height:80px;flex:1 1 0;position:relative;margin-right:10px;}
.tab-card.card:last-child {margin-right:0px;}
.tab-card.card.ps-count-box {display:none;margin-left:0;background:#E2E2E2;height:50px;padding-top:6px;justify-content:center;} /* 추가 (230313) */
.tab-card.card.ps-count-box.on {display:flex;} /* 추가 (230515) */
.tab-card.card.mt-count-box {display:none;margin-left:0;background:#E2E2E2;height:50px;padding-top:6px;justify-content:center;} /* 추가 (230313) */
.tab-card.card.mt-count-box.on {display:flex;} /* 추가 (230330) */
.tab-card-title {font-weight:500;font-size:14px;}
.tab-card-title.count-text {margin:8px 10px 0 0;}
.tab-card-score {font-size:24px;letter-spacing:-1px;font-weight:700;}
.tab-card-score span{font-size:14px;margin:0 0 7px 5px;color:#999;display:inline-block;vertical-align:bottom;}
.tab-card-score span.arrow{margin:0 0 5px 5px !important;}
.tab-card-score span.desc{font-size:18px;margin-bottom:4px;}
.tab-card-score span.pnt-desc {margin-left:5px;font-size:13px;margin-left:10px;}

.date-selector-wrap {text-align:right;margin:14px 0 10px;}
.date-selector-wrap span.title{float:left;font-size:20px;font-weight:700;}
.date-selector-wrap a.btn.btn-check {padding:8px 16px;font-size:13px;background-color:#fff;color:#555;border:1px solid #e4e4e4;margin-bottom:-4px;}
.date-selector-wrap a.btn.btn-check.on {color:#fff;background-color: #516feb;border-color:#516feb;}
.date-desc{margin-right:10px;}
.contents select.date {width:130px; font-size:12px; color:#444; height: 32px;  line-height: 32px; margin-bottom:-4px;}

.pos-result-summary-wrap {display:flex;flex-direction:row;}
.pos-result-summary-wrap .sub-tab-menu {/*display:block;*/display:flex;justify-content:space-evenly;} /* 수정 (230309) */
.pos-result-summary-wrap .table.table-th-gray {display:table;margin-top:10px;}
.pos-result-summary-wrap .table.table-th-gray td {text-align:center;}
.pos-result-summary-wrap .table.table-th-gray.small td {padding:0;vertical-align: middle;font-size:12px;}
.card.pos-result-summary-section1 {padding:30px 45px 20px;margin-right:10px;height:780px;} /* 수정 (230308) */
.card.pos-result-summary-section1.detail-content {display:flex; flex-direction:column;} /* 추가 (230307) */
.card.pos-result-summary-section2.detail-content {display:flex; flex-direction:column;overflow-y:hidden;} /* 추가 (230307) */
#nodata.detail-nodata {display:none;padding:221px 235px;background-color:#fff;width:100%;z-index:1;} /* 추가 (230428) */
.detail-content .section-sub {width:400px;} /* 추가 (230309) */
.card.pos-result-summary-section2 {padding:30px 45px 20px;height:680px;flex-grow:1;overflow-y:auto;/*overflow-x:hidden;*/} /* 수정 (230308) */
.card.pos-result-summary-section2 .vscroll-content-wrap {/*padding:0 45px;*/display:flex;flex-direction:row;}
.card.pos-result-summary-section2 .section-sub {flex:1 1 0;}
.card.pos-result-summary-section2 .section-sub:first-child {margin-right:20px;}
.card.pos-result-summary-section2 .section-title {padding-bottom:0;}
.card.pos-result-summary-section2 .section-title-sub{margin:10px 0 0;font-size:16px;}
.detail-content-item {display:flex;justify-content:space-between; /*padding-left:10px;*/} /* 추가 (230308) */
.detail_muscle {width:410px} /* 추가 (230307) */
.section-title-sub {display:flex;flex-direction:row;}
.section-title-sub .title {font-size:16px;}
.legend-wrap.check-box{display:flex;justify-content:end;width:100%;} /* 추가(230303) */
.legend-wrap .legend-part-s{display:flex;flex-direction:column;margin-left:15px;} /* 추가 (230323) */
.legend-wrap .legend-part-e{display:flex;flex-direction:column;margin-left:15px;} /* 추가 (230323) */
.legend-wrap .rect {display:inline-block;width:11px;height:11px;margin-left:10px;}
.legend-wrap .round {display:inline-block;width:11px;height:11px;border-radius:12px;margin-left:10px;}
.legend-wrap .line {display:inline-block;width:10px;height:3px;vertical-align:bottom;margin-bottom:11px;}
.legend-wrap .legend {font-size:12px;line-height:12px;color:#555;}
.legend-label {}

/*.legend-label-s:nth-child(2) {padding-left:1px;}  추가(230112) */
/*.legend-label-s:nth-child(3) {padding-left:1px;}  추가(230112) */
/*.legend-label-s:nth-child(4) {padding-left:1px;}  추가(230112) */
/*.legend-label-e:nth-child(2) {padding-left:1px;}  추가(230112) */
/*.legend-label-e:nth-child(3) {padding-left:1px;}  추가(230112) */
/*.legend-label-e:nth-child(4) {padding-left:1px;}  추가(230112) */

.legend-label-s .legend {margin-left:0px;} /* 추가(230112) */
.legend-label-e .legend {margin-left:0px;} /* 수정(230112) */
.cog-wrap {display:flex;flex-direction:row;}
.cog-wrap .cog-text {flex-grow:1;font-size:16px;font-weight:600;text-align:center;}
.cog-wrap .cog-image:first-child{padding-right:10px;}
input[type="checkbox"]+span.text.legend {padding:0 2px 0 22px;}
.section-btn-tab-wrap {margin:30px 0;text-align:left;}
a.btn.btn-tab-menu {padding:8px 16px;font-size:13px;background-color:#e4e4e4;color:#555;border:1px solid #e4e4e4;margin-bottom:-4px;font-weight:700;}
a.btn.btn-tab-menu.on {color:#516feb;background-color: #fff;}

.pos-result-type .card.pos-result-summary-section2 {height:780px;} /* 수정 (230329) */
.pos-main-title-wrap {display:flex;flex-direction:row;margin:0px 0 10px;padding:0 45px;height:50px;}
.pos-main-title-wrap .line-wrap {flex-grow:1;border-bottom:1px solid #e4e4e4;margin:0px 10px 0 0;padding:10px 10px 10px 0; display:flex;flex-direction:row;}
.pos-main-title-wrap .line-wrap .title {font-size:20px;font-weight:700;}
.pos-main-title-wrap .line-wrap .desc {font-size:16px;color:#999;margin:5px 0px 0 20px;display:inline-block;}
.pos-main-title-wrap .line-wrap .desc2 {font-size:13px;color:#000;display:inline-block;margin:6px 20px 0 0;}
.pos-main-title-wrap .line-wrap .score {font-size:36px;font-weight:700;    margin-top: -14px;}

.line-wrap.line-header {gap: 10px;display:flex;flex-direction:row;justify-content:space-between;flex-grow:1;border-bottom:1px solid #e4e4e4;} /* 추가 (230308) */
.line-wrap.line-header .desc {font-size:16px;color:#999;margin:5px 20px 0 0px;display:inline-block;} /* 추가 (230308) */
.line-wrap.line-header .desc2 {font-size:16px;color:#999;display:inline-block;margin:6px 20px 0 0;} /* 추가 (230308) */

.detail-card-box {display:flex;justify-content:space-between;width:375px;} /* 추가 (230609) */
.detail-card-header {display:flex;} /* 추가 (230609) */
.detail-card-title {font-weight:500;font-size:14px;line-height:40px;} /* 추가 (230609) */
.detail-card-score {font-size:24px;letter-spacing:-1px;font-weight:700;padding-left:10px;} /* 추가 (230609) */
.detail-card-score span {font-size:14px;margin:0 0 7px 5px;color:#999;display:inline-block;vertical-align:bottom;} /* 추가 (230609) */

.pos-main-title-wrap .point-wrap {background-color:#e4e4e4;padding:10px;text-align:center;border-radius:6px;width:320px;display:flex;flex-direction:row;}
.pos-main-title-wrap .point-wrap .desc {width:80px;font-size:13px;color:#000;margin:7px 20px 0 0;display:inline-block;vertical-align:top;}
.pos-main-title-wrap .point-wrap .title {font-size:20px;font-weight:700;flex-grow:1}

.pos-sub-title-wrap {padding:10px 0;display:flex;flex-direction:row;} /* 수정 (230309) */
.pos-sub-title-wrap .title {font-size:16px;font-weight:700;}
.pos-sub-title-wrap .desc {font-size:13px;color:#000;margin:5px 10px 0 0;display:inline-block;}
.pos-sub-title-wrap select {padding: 0 20px 0 10px;}
.pos-sub-flex-content-wrap {display:flex;flex-direction:row;}
.pos-sub-flex-content-wrap .image-wrap{width:230px;height:360px; margin-right:10px;}
.pos-sub-flex-content-wrap .info-wrap {}
.pos-sub-flex-content-wrap .info-wrap .title {font-size:16px;font-weight:700;}
.pos-sub-flex-content-wrap .info-wrap {}
.pos-sub-flex-content-wrap .index-chart-wrap .index-point .title {font-size:20px;line-height:1;}

.pos-sub-content-wrap {width:400px;position:relative;text-align:center;margin-bottom:290px;} /* 수정 (241218 margin-top:30px; 삭제) */
.pos-result-detail .legend-wrap {position:absolute;top:5px;right:10px;}
.pos-sub-content-wrap .image-wrap {text-align:center;width:400px;margin:10px auto;}
.pos-sub-content-wrap .title {font-size:16px;font-weight:700;}
.title.title-style {text-align:left;padding:25px 0 0 0;} /* 추가 (230309) */
.title.title-style.title-first-style {padding:0 0 10px 0;} /* 추가 (230608) */
.button-outline {font-weight:bold;background-color:#ededed;color:gray;padding:5px 8px;border-radius:5px;} /* 추가 (230608) */
.dmg_button-outline {font-weight:bold;background-color:#ededed;color:gray;padding:5px 8px;border-radius:5px; margin: 0 1rem 1rem 0;}
.index-chart-wrap {position:relative;padding-top:50px;width:290px;margin:0px auto;}
.index-chart-wrap .index-point {position:absolute;top:10px;left:calc(18% - 25px);text-align:center;width:50px;}
.index-chart-wrap .point-style {display:none;} /* 추가 (230320) */
.index-chart-wrap .point-style.on {display:block;} /* 추가 (230320) */
.pos-sub-content-wrap .index-chart-wrap .index-point .title {font-size:20px;line-height:1;}

.pos-result-detail .card.pos-result-summary-section1, .pos-result-detail .card.pos-result-summary-section2 {height:760px;}

.double-index-wrap {display:none;width:375px;/*margin:10px auto 0;*/text-align:center;} /* 수정 (230316) */
.double-index-wrap.on {display:block;} /* 추가 (230316) */
.double-index-wrap .title {display:inline-block;font-size:14px;font-weight:500;width:24px;vertical-align:top;}
.detail-graph-wrap {display:flex;flex-direction:row;justify-content:space-between;/*padding-left:15px;*/margin-top:5px;} /* 추가 (230315) */
.detail-graph-texts {display:flex;flex-direction:row;justify-content:space-between;margin-left:160px;width:200px;color:lightslategray;} /* 추가 (230315) */
.detail-graph-text {font-size:14px;font-weight:500;} /* 추가 (230315) */
.pstype-matching-index {color: red;} /* [자세검사] 상세보기 - 세부유형과 연관된 지표 색상 변경 (230706) */
.detail-graph-text span.icon-exclam {margin: 2px 0 0 3px;vertical-align: top;display: inline-block;cursor: pointer;width: 20px;height: 20px;background: url(/static/resource/temp/exclam_icon.jpg) no-repeat 0 0;} /* 추가 (230609) */

/* [자세검사] 상세보기 - 상세유형 이미지 */
#pos_type {margin-left: -10%; z-index: 1; max-width: 50%; margin-top: 3%; border-radius: 4%; filter: drop-shadow(5px 5px 5px #c3c3c3);}
.td_detail_type span.exclam {margin: 2px 0 0 3px;vertical-align: top;display: inline-block;cursor: pointer;width: 20px;height: 20px;background: url(/static/resource/temp/exclam_icon.jpg) no-repeat 0 0;}
.td_detail_type span.exclam:hover+.pos_type_image {display:block;}

/*[자세검사] 상세보기 - 유형에 따른 설명 이미지 띄우는 기능*/
.pos_type_image {display: none; position: absolute; margin-left: -40%;}
.exclam:hover .pos_type_image {display: block;}

/* .play_btn {cursor: pointer; width: 1rem; height: 1rem; background: url(/static/resource/common/icon_play.png) no-repeat 0 0;} */
.detail-graph-text .hover-text-box {display:none;position:absolute;background-color:wheat;padding:7px;border-radius:5px;z-index:10;} /* 추가 (230609) */
.detail-graph-text .icon-exclam:hover+.hover-text-box {display:block;} /* 추가 (230609) */
.detail-graph-status {display:inline-block;position:absolute;width:40px;margin-left:5px;font-weight:bold;font-size:12px;color:tomato;border-radius:10px;background-color:peachpuff;} /* 추가 (230609) */
.progress-wrap {display:inline-block;width:110px;height:20px;background-color:#ededed;border-radius:5px;position:relative;} /* 수정 (230609) */
.progress-item {display:inline-block;position:absolute;font-size:12px;color:#fff;line-height:20px;height:20px;border:1px solid white;border-radius:5px;background-color:#555;top:0;} /* 수정 (230609) */
.progress-wrap.left .progress-item {left:0;}
.progress-wrap.right .progress-item {right:0;}

.pos-result-detail  .card.pos-result-summary-section2 .section-sub:first-child {/*border-right:1px solid #e4e4e4;padding-right:20px;*/} /* 수정 (230308) */
.mov-result.detail .card.pos-result-summary-section2 .section-sub {width:560px;}
.mov-result.type .card.pos-result-summary-section2 .section-sub {width:560px;}

.section-item-title-wrap {display:flex;flex-direction:row;}
.section-item-title-wrap .title{font-size:16px;font-weight:700;}
.card-content.vscroll-pop {height:700px;overflow-y:auto;overflow-x:hidden;}
.vscroll-pop .sub-table-wrap  {padding-right:10px;}
.vscroll-pop .table.table-th-gray {display:table;}

.stack-chart-wrap {display:flex;flex-direction:column;margin-top:15px;}
.stack-chart-wrap .title {margin:20px 0;text-align:center; font-size:16px;font-weight:500;flex-grow:1;}
.stack-chart-wrap .title span.icon-exclam {margin:4px 0 0 10px;vertical-align:top; display:inline-block;cursor:pointer;width:20px;height:20px;background:url(/static/resource/temp/exclam_icon.jpg) no-repeat 0 0;}
.stack-chart-wrap .title .layer-img {width:250px;display:none;}
.stack-chart-wrap .title .icon-exclam:hover+.layer-img{display:block; position:absolute; z-index:10;margin-left:88px;}
.stack-chart-wrap .stack-chart {display:inline-block;width:276px;height:100px;position:relative;background:url(/static/resource/temp/stack_chart.jpg) no-repeat 0 0;margin:0 auto;}
/* 언어별 stack chart 배경 이미지 */
body[data-lang="ko"] .stack-chart-wrap .stack-chart,
body:not([data-lang]) .stack-chart-wrap .stack-chart {background:url(/static/resource/temp/stack_chart.jpg) no-repeat 0 0;}
body[data-lang="en"] .stack-chart-wrap .stack-chart {background:url(/static/resource/temp/stack_chart_en.jpg) no-repeat 0 0;}
.stack-chart-wrap .stack-chart .item {position:absolute;color:#fff;font-size:11px;height:20px;line-height:20px;}
.stack-chart-wrap .stack-chart .item.bdanger {right:124px;text-align:left;padding-left:4px; border-top-left-radius:10px;border-bottom-left-radius:10px;}
.stack-chart-wrap .stack-chart .item.bnormal {left:150px;text-align:right;padding-right:8px; border-top-right-radius:10px;border-bottom-right-radius:10px;}
.stack-chart-wrap .stack-chart .item.first {top:5px;}
.stack-chart-wrap .stack-chart .item.second {top:49px;}
.pop_cont .report-nodata {margin:50px auto;}
/* endregion */

/* region === EV - REPORT ### */
.report-wrap {display:flex;flex-direction:row;}
.card.report-main {flex-grow:1;display:flex;flex-direction:row;padding:20px 45px;margin-right:10px;}
.report-section1 {width:345px;margin-right:10px;}
.section-title {font-weight:700;font-size:20px;padding-bottom:20px;}
.section-title-desc {font-size:12px;color:#999;margin-left:10px;}
.section-item-wrap {padding:0px 0px 0 0;text-align:center;}
a.section-item {height:61px;line-height:61px;font-weight:700;padding:0 20px; color: #000;border-radius: 8px;font-size: 16px;box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);letter-spacing:-1px;margin-bottom:10px;}
a.section-item.on {background-color:#f1f1fb;}
a.section-item .section-point{float:right;height:61px;line-height:61px;font-weight:700;font-size:16px;}

.report-section2 {flex-grow:1;padding:40px 0px 20px 20px;}
.report-summary {display:flex;flex-direction:row;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e4e4e4;}
.report-summary-item1 {flex-grow:1;border-right:1px solid #e4e4e4;margin-right:30px;}
.report-summary-title-inline {font-weight:700;font-size:17px;margin-right:10px;}
.report-summary-title-select {margin:0 0 -4px 0px;}
.report-summary-item2 {width:210px;}
.report-summary-title {font-weight:700;font-size:15px;}
.report-summary-point {font-size:32px;letter-spacing:-2px;font-weight:700;text-align:right;}

.report-pos {}
.report-pos-title {font-weight:700;font-size:16px;}
.report-pos-index-wrap {display:flex;flex-direction:row;margin-top:20px;padding:0 40px;}
.report-pos-index-item {flex-grow:1;text-align:center;display:flex;flex-direction:row;margin-right:10px;}
.report-pos-index-item-desc {font-size:12px;font-weight:700;line-height:40px;color:#444;margin-right:10px;}
.report-pos-index-item-point {font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px;margin-right:10px;}
.report-pos-index-item-arrow {font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px;margin-left:-10px;}
.line-chart-wrap {}
.line-chart-x {color:#666;padding:0 4px;}
.card.report-sub {width:520px;height:260px;padding:20px 30px;}
.section-title {}
.sub-chart-wrap {display:flex;flex-direction:row;padding:0px 0px;}
.chart-wrap {position:relative;width:170px;}
.pie-score {position:absolute;top:56px;left:0;font-size:36px;color:#999;font-weight:700;text-align:center;width:100%;}
.chart-desc-wrap {flex-grow:1;padding:40px 30px}
.index-info-row {display:flex;flex-direction:row;}
.index-info-col {flex-grow:1;display:flex;flex-direction:row;margin-right:30px;}
.index-key {flex-grow:1;font-size:13px;color:#666;line-height:44px;}
.index-score {font-size:28px;font-weight:700;line-height:44px;}
/* endregion */

/* region === EV - REPORT - POS ### */
.pos-visual{margin:0 auto;position:relative;}
.pos-visual img{width:300px;height:550px;opacity:0.7;}
.marker-wrap {display:none;}
.marker-wrap.on {display:block;}
.type-marker-wrap {display:none;}   /* 추가 (241028) */
.type-marker-wrap.on {display: inline-block;}   /* 추가 (241028) */

.pos-bone-s .marker-wrap.on {margin-top:20px;} /* 추가 (230309) */
.pos-bone-e .marker-wrap.on {margin-top:20px;} /* 추가 (230309) */
.pos-muscle-s .marker-wrap.on {margin-top:20px;} /* 추가 (230309) */
.pos-muscle-e .marker-wrap.on {margin-top:20px;} /* 추가 (230309) */
.pos-muscle-s .type-marker-wrap.on {margin-top:20px; position: relative;} /* 추가 (230309) */

.spot {display:inline-block;width:14px;height:14px;position:absolute;border-radius:6px;opacity:0.6;cursor:pointer;}
.spot, .spot.g1 {box-shadow: 0 0 6px 2px #2ad2d1;background-color:#2ad2d1;}
.spot.g2 {box-shadow: 0 0 6px 2px #ffd264;background-color:#ffd264;}
.spot.g3 {box-shadow: 0 0 6px 2px #ff783c;background-color:#ff783c;}
.spot.g4 {box-shadow: 0 0 6px 2px #ff3232;background-color:#ff3232;}
.spot.on {background-color:#fff;opacity:1;}

.report-summary-title-desc {font-size:12px;}
.pos .report-pos-index-wrap {padding:0 120px;}
.pos .report-pos-index-wrap.single {padding:0 230px;}
.pos .report-pos-index-wrap.single .report-pos-index-item.first {margin-right:0;}
.pos .report-pos-index-wrap.single .report-pos-index-item.second {display:none;}

.card.report-sub.s1 {}
.section-title-sub {font-weight:700;font-size:20px;margin:0px 0 20px;letter-spacing:-1px;}
.sub-chart-wrap {display:flex;flex-direction:row;}
.report-pos-item-title {font-size:13px;font-weight:700;color:#000;margin-bottom:20px;}
.report-pos-item {text-align:right;}
.report-pos-item-point {font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px;}
.report-pos-item-arrow {font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px;margin-left:-10px;}
.sub-chart-item {flex-grow:1;padding-right:40px;}
.chart-hor-wrap {width:300px;}
div.line {height:1px;background-color:#e4e4e4;margin:10px 0;}
/* endregion */

/* region === EV - REPORT - JNT / NODATA ### */
.jnt .report-pos-index-wrap {padding:0 140px;}
.section-cube {display:inline-block;width:21px;height:21px;background:url(/static/resource/common/icon_report.png) 0px 0px no-repeat;background-size: 21px 21px;margin:0 5px -4px 0;}
.report-nodata {margin:200px auto 0;text-align:center;}
.card.report-sub.s2 {height:320px;}
/* endregion */

/* region === POS TEST ### */
.evaluate .contents.pos-test {padding:110px 200px 20px 370px;}
.contents.pos-test .main-title {border:0;margin-bottom:0;}
.contents .main-title span.desc{font-size:16px;color:#999;margin-left:10px;font-weight:400;}
.contents.pos-test .card {width:1380px;height:870px;padding:30px 230px;}
.contents.pos-test .card .test-title {font-size:20px;color:#000;font-weight:700;height:30px;}
.contents.pos-test .card .test-desc {font-size:14px;color:#999;margin-left:20px;font-weight:400;}
.sequence-wrap {float:right;display:flex;flex-direction:row;}
.seq-number {display:inline-block;width:26px;height:26px;line-height:26px;font-size:16px;background-color:#516feb;border-radius:13px;color:#fff;font-weight:700;margin-right:10px;text-align:center;}
.seq-text {line-height:26px;font-size:16px;color:#000;margin-right:10px;border-radius: 20px}
.notice-box {position: relative;top: 10%;left: 31%;background-color:rgba(255, 255, 255); width:360px;padding: 30px;border-radius: 20px; align-items: center;justify-content: center;}
.seq-notice {display:inline-flex;line-height:15px;font-size:16px;color:#000000;font-weight:700;text-align:center;align-items: center;margin-top: 0; width: 100%; line-height: 1.5;justify-content: center;flex-shrink: 0;}
.loading-img {margin-right: 20px;align-items: center;}
/* .loading-img img {width: 40px; height: auto; margin-bottom: auto;} */
.loading-img img {width: 40px; height: auto; margin-bottom: auto;}
.mt-loading-img img {width: 50px; height: auto; margin-bottom: auto;}
.pre-notice-box {position: absolute;top: 10%;left: 13%;line-height: 1.6;background-color:rgba(255, 255, 255); width:720px;height:50px;padding: 10px;border-radius: 20px;display: flex; align-items: center;justify-content: center;}
.pre-seq-notice {display: flex; flex-direction: column; gap: 15ps;font-size:16px;color:#000;border-radius: 20px}
.blue-text {color: blue;}
.yellow-underline {background: linear-gradient(to top, yellow 100%, transparent 100%);}
.pre-seq-text {line-height:26px;font-size:16px;color:#000;border-radius: 20px;line-height: 1.5;font-weight: 700;}
.pre-seq-img {margin-right: 20px;align-items: center;}
.pre-seq-img img {width: 25px; height: auto;opacity: 0.8; margin-bottom: 5px;}
seq-line {display:inline-block;width:20px;height:2px;background-color:#516feb;margin:13px 10px 0 0;}
.seq-number.off{background-color:#999;}
.seq-text.off{color:#999;}
.seq-line.off{background-color:#999;}
.carmera-wrap {position:relative;margin-top:10px;background-color:#ababa3;width:960px;height:720px;overflow:hidden;}
.img-camera {position: absolute; top: 0; left: 0; width:100%;height:100%;}
img.img-camera {width:100%;height:100%;object-fit: cover;}
.camera-title {position:absolute;top:30px;left:30px;color:#fff;opacity:0.7;font-size:14px;}
.btn-arrow {position:absolute;width:56px;height:56px;left:30px;top:330px;}
.btn-arrow.right {left:inherit;right:30px;}
.camera-message {position:absolute;width:100%;line-height:56px;left:0px;top:330px;color:#fff;font-size:40px;font-weight:700;text-align:center;}
/* endregion */

/* region === POS-SURVEY ### */
.evaluate .contents.pos-survey {padding:110px 200px 20px 370px;}
.contents.pos-survey .main-title {border:0;margin-bottom:0;}
.contents.pos-survey .card {
    * {
        font-family: Pretendard, sans-serif;
    }
    width:1380px;height:870px;
    padding:60px;
    display: flex;
    gap: 46px;
    flex-direction: column;
    >.div-1 {

        font-size: 18px;
        font-weight: 800;
        line-height: 27px;
    }
    >.div-2 >div:nth-child(1), >.div-3 >div:nth-child(1), >.div-4 >div:nth-child(1) {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding-left: 8px;
    }
    >.div-2 {
        display: flex;
        gap: 20px;
        flex-direction: column;
        > div:nth-child(2) {
            display: flex;
            padding: 0 20px;
            gap: 8px;
            >button {
                width: 120px;
                height: 34px;
                border: 1px solid #E4E4E4;
                border-radius: 6px;
                background-color: #fff;

                font-size: 14px;
                font-weight: 500;
                line-height: 18px;
                color: #737373;

                &.active {
                    background-color: #516FEB;
                    border-color: #516FEB;
                    color: #fff;
                }
            }
        }
    }
    >.div-3 {
        display: flex;
        gap: 20px;
        flex-direction: column;
        > div:nth-child(2) {
            display: flex;
            gap: 24px;
            padding: 0 20px;
        }
    }
    >.div-4 {
        display: flex;
        gap: 8px;
        flex-direction: column;
        > div:nth-child(2) {
            padding: 0 20px;
            display: flex;
            gap: 8px;
            flex-direction: column;

            >div:nth-child(1) {
                line-height: 15px;
                font-size: 10px;
                font-weight: 400;
                color: #737373;
            }
            >div:not(:nth-child(1)) {
                display: flex;
                align-items: center;
                gap: 0;

                >div:nth-child(1) {
                    flex: 0 0 104px;
                    font-size: 12px;
                    line-height: 18px;
                    font-weight: 600;
                }
                >div:nth-child(3) {
                    padding: 8px 0;
                    display: flex;
                    align-items: center;
                    gap: 8px;

                    >div {
                        cursor: pointer;
                        display: flex;
                        gap: 4px;
                        flex-direction: column;
                        align-items: center;
                        opacity: 0.4;

                        font-size: 12px;
                        font-weight: 600;
                        img {
                            width: 24px;
                        }
                        &.active {
                            opacity: 1;
                        }
                    }

                }
            }
        }
    }
    >.div-5 {
        display: flex;
        width: 800px;
        justify-content: center;
        button {
            background-color: #1637C0;
            width: 110px;
            height: 37px;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            border-radius: 6px;
        }
    }
}
.contents.pos-survey .card .test-title {font-size:20px;color:#000;font-weight:700;}
.contents.pos-survey .card .test-desc {font-size:14px;color:#999;margin-left:20px;font-weight:400;}
/* endregion */

/* 추가20240813 */
/* #imageContainer {position: relative; width: 960px; height: 720px; overflow: hidden; display: flex; justify-content: center; align-items: center;} */
#cameraAngle {position: absolute; top: 50px; left: 50px; width: 300px; height: 500px; border: 2px solid transparent; box-sizing: border-box; transform: translate(-50%, -50%); animation: expand 0.5s forwards; will-change: transform, opacity;}
.corner {position: absolute; width: 40px; height: 40px; border: 5px solid rgb(255, 255, 255); border-radius: 5px;}
.top-left {top: 0; left: 0; border-right: none; border-bottom: none;}
.top-right {top: 0; right: 0; border-left: none; border-bottom: none;}
.bottom-left {bottom: 0; left: 0; border-right: none; border-top: none;}
.bottom-right {bottom: 0; right: 0; border-left: none; border-top: none;}
#scanLine {position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, rgba(2, 225, 225, 0) 0%, rgba(2, 225, 225, 0.9) 10%, white 50%, rgba(2, 225, 225, 0.9) 90%, rgba(2, 225, 225, 0) 100%); box-shadow: 0 0 40px rgba(2, 225, 225, 0.5), 0 0 40px rgba(2, 225, 225, 0.3), 0 0 20px rgba(2, 225, 225); animation: scan 6s infinite; display: none;}


/* region === POS-RESULT ### */
.evaluate .contents.pos-result {padding:110px 40px 20px 260px;}
.sub-tab-menu-border {margin-top:20px;display:flex;flex-direction:row;}
.sub-tab-menu-border a.tab-menu-border {flex:1;font-size:14px;font-weight:500;color:#666;height:36px;line-height:36px;text-align:center;background-color:#f6f6f6;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;min-width: 100px;
    padding: 0 12px;}
.sub-tab-menu-border a.tab-menu-border:last-child {border-right:1px solid #e4e4e4;}
.sub-tab-menu-border a.tab-menu-border.on {color:#516feb;background-color:#fff;}
.pos-result-image-wrap:first-child {padding-right:20px;border-right:1px solid #e4e4e4;}
.pos-result-image-wrap:last-child {padding-left:20px;}
.pos-result-image-title {margin:5px 0;}
.pos-result-image-title .title {font-size:16px;font-weight:500;}
.pos-result-image-title .date-desc {font-size:13px;color:#999;margin:0 2px 0 100px;line-height:32px;}
.pos-result-select {}
.landmark-wrap {width:391px;height:293px;background-color:#000;position:relative;margin:10px auto 30px;overflow:hidden;}
.landmark-wrap .landmark {width:391px;height:293px;position:absolute;left:0;top:0;}
.landmark-wrap .landmark video {width:100%;height:100%;}
img.rotate-icon {position:absolute;right:10px;bottom:10px;width:40px;}
.img-wrap {margin-top:10px;}
.contents.pos-result .report-section2 {display:flex;margin-top: 50px;}
.contents.pos-result .card.report-main {height:700px;box-shadow:none;border-top-left-radius:0;border:1px solid #e4e4e4}
.contents.pos-result .card.report-sub {width:auto;height:700px;}
.contents.pos-result .section-item-wrap {height:auto;}

.contents.pos-result .section-title-sub {margin-bottom:10px;}
.section-title-sub .desc {font-weight:700;font-size:16px;margin-left:10px;}
.section-title-sub-desc {font-size:13px;}
.section-title-small {font-weight:700;font-size:16px;}

.section-score {font-size:42px;letter-spacing:-2px;font-weight:700;text-align:center;}
.chart-hor-desc {font-size:13px;color:#999;}

#summary_view {}
.report-section2.with-table {}
.contents.pos-result .report-section2.with-table {margin-top:0;}
.table.table-th-gray {display:block;}
.table.table-th-gray th,.table.table-th-gray td {border:1px solid #e4e4e4;}
.table.table-th-gray th {background-color:#f6f6f6;text-align:center;font-size:13px;padding:5px 10px;}
.table.table-th-gray td {text-align:left;padding:10px 10px;}
[data-i18n="common.exerciseType"] {
    min-width: 106px;
}
[data-i18n="common.category"] {min-width: 46px;}
[data-i18n="common.exerciseName"], [data-i18n="ps_result_type.injuryType"]{min-width:112px;}
[data-i18n="ps_result_detail.examSummary"]{font-size:12px !important;}
[data-i18n="ps_result_summary.postureBalanceImprovement"]{font-size: 13px !important;line-height:24px;}
.table-td-gray {
    background-color: #f6f6f6;
    text-align: center;
    text-align: left;
    padding: 10px;
}

#summary_view a.btn-image {float:right;}
.sub-tab-menu-content {border:1px solid #e4e4e4;padding:20px;}
a.line-selector {display:block;margin:0;padding:10px 0;border-bottom:1px solid #e4e4e4;color:#000;font-size:14px;}
a.line-selector.on {background-color:#f1f1fb;}
a.line-selector .title {font-weight:700;margin:0 10px;}
.video-wrap {position:relative;margin-top:10px;}
a.btn-play-video {position:absolute;left:240px;top:140px;}

.hor-legend {font-size:12px;color:#999;}
.hor-legend .xleg {margin-left:24px;}
.hor-legend .oleg {margin-left:240px;}
#detail_view .chart-hor-wrap {width:auto;}

.bone {display:inline-block;position:absolute;}
.bone.pointer {cursor:pointer;} /* 추가 (230321) */
.bone.lrc-l {}
.bone.lrc-r {}
.bone.lrc-c {}
.bone.gr-danger {}
.bone.gr-warning {}
.bone.gr-normal {width:36px !important;height:36px !important;margin-left:-18px !important;margin-top:-18px !important;background-image:url(/static/resource/pos/skel_icon_green.png) !important;}
.bone.gr-normal .value {top:7px  !important;}
.bone.gr-normal.lrc-c .value {left:34px;  /*!important;*/}
.bone.gr-normal.lrc-l .value {left:34px; /*!important;*/}
/* .bone.gr-normal.lrc-r .value {right:34px; !important} */
.bone.ty-hor {width:31px;height:20px;margin-left:-15px;margin-top:0px;background:url(/static/resource/pos/arrow_red_3.png) no-repeat 0 0;}
.bone.ty-hor .value{top: -1px; left:-50px;}
.bone.ty-hor.lrc-l .value, .bone.ty-hor.lrc-c .value{left:35px;}
/* .bone.ty-hor.lrc-r .value{right:35px;} */
.bone.ty-hor.gr-danger.dir-plus {background-image:url(/static/resource/pos/arrow_red_3.png);}
.bone.ty-hor.gr-danger.dir-minus {background-image:url(/static/resource/pos/arrow_red_4.png);}
.bone.ty-hor.gr-warning.dir-plus {background-image:url(/static/resource/pos/arrow_yellow_3.png);}
.bone.ty-hor.gr-warning.dir-minus {background-image:url(/static/resource/pos/arrow_yellow_4.png);}
.bone.ty-hor.gr-danger.dir-minus.lrc-r {background-image:url(/static/resource/pos/arrow_red_4.png);}
.bone.ty-hor.gr-danger.dir-plus.lrc-r {background-image:url(/static/resource/pos/arrow_red_3.png);}
.bone.ty-hor.gr-warning.dir-minus.lrc-r {background-image:url(/static/resource/pos/arrow_yellow_4.png);}
.bone.ty-hor.gr-warning.dir-plus.lrc-r {background-image:url(/static/resource/pos/arrow_yellow_3.png);}

.bone.ty-ver {width:20px;height:31px;margin-left:-10px;margin-top:-15px;background:url(/static/resource/pos/arrow_red_1.png) no-repeat 0 0;}
.bone.ty-ver.lrc-l .value, .bone.ty-ver.lrc-c .value{left:25px;}
.bone.ty-ver.lrc-r .value{right:25px;}
.bone.ty-ver.gr-danger.dir-minus {background-image:url(/static/resource/pos/arrow_red_1.png);}
.bone.ty-ver.gr-danger.dir-plus {background-image:url(/static/resource/pos/arrow_red_2.png);}
.bone.ty-ver.gr-warning.dir-minus {background-image:url(/static/resource/pos/arrow_yellow_1.png);}
.bone.ty-ver.gr-warning.dir-plus {background-image:url(/static/resource/pos/arrow_yellow_2.png);}

.bone.ty-roth {width:56px;height:24px;margin-left:-28px;margin-top:-12px;background:url(/static/resource/pos/arrow_red_5.png) no-repeat 0 0;}
.bone.ty-roth.lrc-l .value, .bone.ty-roth.lrc-c .value{left:60px;}
.bone.ty-roth.lrc-r .value{right:60px;}
.bone.ty-roth.gr-danger.dir-minus {background-image:url(/static/resource/pos/arrow_red_5.png);}
.bone.ty-roth.gr-danger.dir-plus {background-image:url(/static/resource/pos/arrow_red_6.png);}
.bone.ty-roth.gr-warning.dir-minus {background-image:url(/static/resource/pos/arrow_yellow_5.png);}
.bone.ty-roth.gr-warning.dir-plus {background-image:url(/static/resource/pos/arrow_yellow_6.png);}
.bone.ty-roth.gr-danger.dir-minus.lrc-r {background-image:url(/static/resource/pos/arrow_red_6.png);}
.bone.ty-roth.gr-danger.dir-plus.lrc-r {background-image:url(/static/resource/pos/arrow_red_5.png);}
.bone.ty-roth.gr-warning.dir-minus.lrc-r {background-image:url(/static/resource/pos/arrow_yellow_6.png);}
.bone.ty-roth.gr-warning.dir-plus.lrc-r {background-image:url(/static/resource/pos/arrow_yellow_5.png);}

.bone.ty-rotv {width:56px;height:24px;margin-left:-28px;margin-top:-12px;background:url(/static/resource/pos/arrow_red_7.png) no-repeat 0 0;}
.bone.ty-rotv.lrc-l .value, .bone.ty-rotv.lrc-c .value{left:60px;}
.bone.ty-rotv.lrc-r .value{left:60px;}
.bone.ty-rotv.gr-danger.dir-minus {background-image:url(/static/resource/pos/arrow_red_7.png);}
.bone.ty-rotv.gr-danger.dir-plus {background-image:url(/static/resource/pos/arrow_red_8.png);}
.bone.ty-rotv.gr-warning.dir-minus {background-image:url(/static/resource/pos/arrow_yellow_7.png);}
.bone.ty-rotv.gr-warning.dir-plus {background-image:url(/static/resource/pos/arrow_yellow_8.png);}

.bone.lrc-l.section-front.gr-normal .value {left:35px;}
.bone.lrc-l.section-front.gr-warning .value {left:25px;}
.bone.lrc-l.section-front.ty-hor .value {left:35px;}
.bone.lrc-l.section-lateral .value {left:-80px;} /**/
.bone.lrc-l.section-lateral.ty-hor .value {left:-70px;}
.bone.lrc-l.section-lateral.ty-hor.gr-normal .value {left:-70px;}
/*.bone.lrc-l.section-lateral.gr-warning .value {left:-65px;}*/
.bone.lrc-r.section-lateral .value {left:40px;}
.bone.lrc-c.section-lateral .value {left:-65px;}
.bone.lrc-r.section-lateral.ty-rotv .value {left:60px;}

.bone.pointer img.img-pointer {width:36px;height:36px;max-width:inherit;max-height:inherit;position:absolute;}

.bone.pointer.lrc-r  img.img-pointer {right:-27px;top:-4px}
.bone.pointer.lrc-l  img.img-pointer {left:-30px;top:-4px}
.bone.pointer.lrc-c  img.img-pointer {top:-30px;}

#marker_wrap_top .bone.ty-roth.lrc-l .value{left:auto;right:60px;}
#marker_wrap_top .bone.ty-roth.lrc-r .value{right:auto;left:60px;}
#marker_wrap_top_s .bone.ty-roth.lrc-l .value{left:auto;right:60px;} /* 수정 (230309) */
#marker_wrap_top_e .bone.ty-roth.lrc-l .value{left:auto;right:60px;} /* 수정 (230309) */
#marker_wrap_top_s .bone.ty-roth.lrc-r .value{right:auto;left:60px;} /* 수정 (230309) */
#marker_wrap_top_e .bone.ty-roth.lrc-r .value{right:auto;left:60px;} /* 수정 (230309) */


.bone .value{position:absolute;font-size:14px;top:3px;font-weight:800; background-color: rgba(255, 255, 255, 0.8); padding: 2px 4px; border-radius: 8px;}
.bone.gr-danger .value{color:#ff3232;}
.bone.gr-warning .value {color:#ff783c;}

.pos-visual img.muscle {position:absolute;width:inherit;height:inherit;}
/* endregion */

/* region === MOV - EDIT ### */
.evaluate .contents.mov-edit {padding:110px 40px 20px 260px;}

.contents.mov-edit .report-section2 {display:flex;margin-top: 50px;}
.contents.mov-edit .report-main {width:1100px;margin-right:16px;}
.contents.mov-edit .report-sub-wrap {flex-grow:1}
.contents.mov-edit .report-sub {width:auto;height:810px;padding:20px 0;position:relative;}
.contents.mov-edit .section-item-wrap {height:auto;}
.contents.mov-edit .section-title {width:auto;padding:20px 0 10px;}

.mov-swiper-wrap.swiper-container {padding:5px;margin:-5px 0;}
a.swiper-slide.mov-prog-item {display:inline-block;width:120px;height:60px;line-height:60px; box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);background-color:#fff;border-radius:12px;font-size:16px;font-weight:700;color:#000;text-align:center;margin-right:12px;overflow:hidden;}
a.swiper-slide.mov-prog-item.plus {background-color:#f1f1fb;}
a.swiper-slide.mov-prog-item.plus img {vertical-align:middle;}
a.swiper-slide.mov-prog-item.on {background-color:#516feb;color:#fff;}

.table-wrap.round-border {padding:0;border-radius:12px;box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);overflow:hidden;height:auto ;}
.table-wrap.round-border .table.table-th-gray {display:table;}
.table-wrap.round-border .table.table-th-gray th{text-align:left;padding:10px 20px;}
.table-wrap.round-border .table.table-th-gray label{display:inline-block;width:120px;}
.table-wrap.round-border .table.table-th-gray input.search {text-align:left;width:430px;height:32px;line-height:32px;background-position:10px 4px;}
.pos-search-btn-wrap{margin-top:30px;text-align:center;}
.pos-search-btn-wrap a.btn{display:inline-block;width:230px;margin:0 5px;}
.table.bottom-border tr {border-bottom:1px solid #e4e4e4;}
.contents.mov-edit .report-sub .section-title {border-bottom:1px solid #e4e4e4;padding:10px 20px 30px;}



.mov-edit-section-wrap {display:flex;flex-direction:row;}
.mov-edit-section-1 {width:200px;padding-top:60px;}
a.btn.btn-mov-edit {display:block;width:200px;height:80px;line-height:80px;padding:0; background-color:#fff;color:#666;margin-bottom:10px;font-weight:700;}
a.btn.btn-mov-edit.on {background-color:#f1f1fb;color:#516feb;border:1px solid #516feb;}

.mov-edit-section-2 {width:300px;margin:140px 80px 0;position:relative;}
.mov-edit-section-2 span.body-pointer {position:absolute;display:none;width:52px;height:53px;background:url(/static/resource/common/body_pointer.png) 0 0 no-repeat;}
.mov-edit-section-2 span.body-pointer.on {display:none;}

.mov-edit-section-3 {width:450px;margin-right:20px;}
.mov-edit-icon {float:right;vertical-align:bottom;margin-top:-5px;cursor:pointer;}
.table-wrap.mov-list {height:640px;overflow:hidden;}
.mov-list-scroll-wrap {height:540px;overflow-y:auto;overflow-x:hidden;margin:0 -30px;padding:0 0px;}
.mov-list-scroll-wrap .table th {position: sticky;top: 0;background-color:#fff;z-index:1;}


.mov-edit-section-4 {flex-grow:1}
.mov-pgm-scroll-wrap {padding:0px;background-color:#f6f6f6;border-radius:12px;height:700px;border:2px solid #516feb;overflow:hidden}
.mov-pgm-item-header {background-color:#f6f6f6;border-bottom:1px solid #e4e4e4;}
.mov-pgm-item-header .header {padding-left:20px;height:50px;line-height:50px;color:#666;display:inline-block;} /* 수정 (230330) */
.mov-pgm-item-wrap {padding:0 0px;overflow-y:auto;background-color:#fff;position:relative;}
.mov-pgm-item {position:relative;background-color:#fff;}
.delete-icon {display:inline-block;width:24px;height:24px;background:url(/static/resource/temp/delete_icon.png) 0 0 no-repeat;cursor:pointer;
    background-size: 24px 24px;float: right;margin: 12px 10px 0 0;}
.mov-pgm-item .line-main {padding:8px 0 2px;display:flex;flex-direction:row;border-bottom:1px solid #e4e4e4;margin:0 20px 0 20px;}
.mov-pgm-item .line-sub {padding:8px 0 2px 103px;display:flex;flex-direction:row;border-bottom:1px solid #e4e4e4;margin:0 40px 0 60px;}
.mov-pgm-item img.detail {position:absolute;left:30px;top:5px;cursor:pointer;width:20px;height:30px;}
.mov-pgm-item .gubun {display:inline-block;font-size:14px;font-weight:500;width:150px;margin-left:63px;}
.mov-pgm-item .title {display:inline-block;font-size:12px;color:#999;width:160px;}
.mov-pgm-item img.delete {cursor:pointer;width:20px;height:30px;margin-right:5px;}
.spinner {display:flex;flex-direction:row;border-radius:6px;background-color:#f1f1fb;padding:0 5px;line-height:30px;}
.spinner .ctrl {color:#999;cursor:pointer;padding:0 5px;font-weight:500;}
.spinner input[type="text"] {height:30px;line-height:30px;text-align:center;padding:0;background-color:#f1f1fb;font-size:13px;font-weight:500;border:0;width:30px;}
.spinner input[type="text"]:focus {background-color:#f1f1fb;}

.mov-pgm-btn-wrap {padding:10px 0px 0px 0px;display:flex;flex-direction:row;}
.mov-pgm-btn-wrap a.btn {flex-grow:1;padding:20px 0;}
.mov-pgm-btn-wrap a.btn:first-child {margin-right:10px;}
/* endregion */

/* region === MOV - TEST ### */
.evaluate .contents.mov-test {padding:110px 200px 20px 370px;}
.contents.mov-test .main-title {border:0;margin-bottom:0;}
.contents .main-title span.desc{font-size:16px;color:#999;margin-left:10px;font-weight:400;}
.contents.mov-test .card {width:1380px;height:870px;padding:30px 210px;}
.contents.mov-test .card .test-title {font-size:20px;color:#000;font-weight:700;}
.contents.mov-test .card .test-desc {font-size:14px;color:#999;margin-left:20px;font-weight:400;}
.test-title span.order {color:#2ac3d1;margin-right:10px;}
.test-title span.desc {color:#666;font-size:13px;margin-left:10px;}

.evaluate .contents.mov-survey {padding:110px 200px 20px 370px;}
.survey-wrap {height:700px;overflow-y:auto;overflow-x:hidden;margin-top:20px;}
.survey-wrap .table.table-survey th {position: sticky;top: 0;background-color:#f1f1fb;z-index:1;}
.survey-wrap .table.table-survey tr:nth-child(even) {background-color:#f6f6f6;}
.survey-wrap .table.table-survey input[type=text] {height:30px;line-height:30px;padding:0;width:80px;text-align:center;}
.survey-wrap .table.table-survey .input-text-desc {margin-bottom:5px;}
.survey-wrap .table.table-survey th, .survey-wrap .table.table-survey td {padding:16px;font-size:14px}
.survey-wrap .table.table-survey td:first-child {text-align:center;}
.survey-wrap .table.table-survey td:last-child {text-align:right;padding-right:30px;}

.contents.mov-test.mov-survey-mps .card {padding:30px 150px;}
.survey-wrap.mps {text-align:center;}
.mps-img-flex-wrap {display:flex;flex-direction:row;margin:20px auto;width:1054px;}
.mps-img-wrap {position:relative;}
.mps-img-wrap img {width:auto;height:auto;}
.mps-pointer {position:absolute;cursor:pointer;width:11px;height:11px;background:url(/static/resource/mvmt/mps_pain.png) no-repeat 0 0;}
.mps-pointer.on {background-image:url(/static/resource/mvmt/mps_pain_click.png);}

.contents.mov-test.mov-survey-slump .card {padding:30px 120px;}
.survey-wrap.slump {text-align:center;height:auto;}
.slump-flex-wrap {display:flex;flex-direction:row;margin:60px auto 30px;border-bottom:1px solid #e4e4e4;padding-bottom:30px;}
.slump-video-wrap {}
.slump-table-wrap {margin-left:20px;flex-grow:1}
.slump-table-wrap .table th {background-color:#f6f6f6; }
.slump-table-wrap .table th, .slump-table-wrap .table td {padding:10px 0 10px 20px;}

.contents.mov-test.mov-survey-slump-check .card {padding:30px 150px;}
.survey-wrap.slump-check {text-align:center;}
.slump-check-wrap {width:527px;margin:0 auto;}
.slump-check-img-wrap {position:relative;;}
.slump-check-img-wrap img {width:auto;height:auto;}
.slump-pointer {position:absolute;cursor:pointer;}
.pain-pointer {position:absolute;cursor:pointer;width:17px;height:17px;background:url(/static/resource/mvmt/painlocation.png) no-repeat 0 0;}
.pain-pointer.on {background-image:url(/static/resource/mvmt/painlocation_click.png);}
.pain-select-wrap {padding:10px 20px;position:absolute;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);background-color:#fff;border-radius:8px;display:none;text-align:left;z-index:9;width:130px;}
.pain-select-wrap .title {font-size:16px;color:#000;font-weight:500;margin-bottom:10px;}
.pain-select-wrap .ckb-wrap {margin-bottom:5px;}
img.pain_no {margin:3px 10px 0 0; display: inline-block;vertical-align: top;}
.jimun {font-size:15px;color:#000000;text-align:left;}   /*padding-top:20px;*/
.evaluate .contents.mov-test.movement #video_frame {position:absolute;width:960px;height:720px;left:0px;bottom:0px;}
.evaluate .contents.mov-test.movement #video_frame.mini {position:absolute;width:300px;height:180px;left:30px;bottom:20px;}

/* endregion */

/* region === MOV - RESULT ### */
.cnormal  {color:#3bc879 !important;}
.cwarning {color:#ff783c !important;}
.cdanger {color:#ff3232 !important;}

.bnormal  {background-color:#3bc879 !important;color:#fff !important;}
.bwarning {background-color:#ff783c !important;color:#fff !important;}
.bdanger {background-color:#ff3232 !important;color:#fff !important;}

.select-wrap {position:relative; margin:10px 0;}
.select-line {display:flex;flex-direction:row;cursor:pointer;}

.select-line.now {background: #fff url(/static/resource/common/input_down.png) right 5px center no-repeat;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.select-line .header {background-color:#f6f6f6;font-size:16px;font-weight:500;text-align:center;padding:10px;width:120px;}
.select-line .data {flex-grow:1;padding:11px 0 11px 20px;font-size:14px;}
.select-bubble {display:none;z-index:99;position:absolute;top:50px;left:0;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); background-color: #fff;border-radius: 12px;width:100%;}
.select-bubble.on {display:block;}
.select-bubble .select-line.on {background-color:#e6e6e6;}
.select-bubble .select-line.on .header{background-color:#dfdfdf;}
.select-bubble .select-line:hover{background-color:#f6f6f6;}
.select-bubble .select-line:hover .header{background-color:#efefef;}

.mov-danger-wrap {display:flex;flex-direction:row;}
.mov-danger-wrap .dtitle {font-size:16px;font-weight:500;padding-top:50px;width:120px;text-align:center;}
.mov-danger-wrap .desc {font-size:13px;font-weight:400;color:#999;padding-top:55px;width:40px;}
.mov-danger-wrap .score {font-size:16px;font-weight:500;padding-top:50px;flex-grow:1;text-align:center;}
.detail .mov-danger-wrap .score {font-size:21px;text-align:left;padding-left: 20px;}

.pos-result-summary-wrap .table.table-th-gray.small td.left {text-align:left;padding-left:20px;}
.pos-result-summary .section-title-sub.chart {margin:30px 0 0;}
.mov-result .table.table-th-gray.small td {padding:4px 0;}
.pos-result-summary-wrap .index-chart-wrap .index-point .title {font-size:20px;line-height:1;}

.bar-chart-table {text-align:left;}
.bar-chart-table .item {height:16px;line-height:16px;font-size:10px;color:#fff;text-align:right;padding-right:5px;border-bottom-right-radius:6px;border-top-right-radius:6px;margin:0;}
.bar-chart-table .item:first-child{margin-bottom:5px; margin-top: 5px;}
.mov-result.detail .card.pos-result-summary-section1 { height:803px;}
.mov-result.detail .card.pos-result-summary-section2 { height:auto;overflow-y:auto;}
.mov-result.detail .card.pos-result-summary-section2 .vscroll-contents { height:700px;overflow-y:auto;overflow-x:hidden;}
.mov-result.detail .card.pos-result-summary-section2 .section-sub:first-child {border-right:1px solid #e4e4e4;padding-right:20px;}

.mov-result.type .card.pos-result-summary-section1 { height:770px;} /* 수정 (230412) */
.mov-result.type .card.pos-result-summary-section2 { height:770px;} /* 수정 (230412) */
.section-item-title-desc {font-size:13px;color:#999;text-align:left;margin-top:10px;}
.section-scroll-wrap {height:800px;overflow-y:auto;overflow-x:hidden;} /* 수정 (230811) */

#tb_programs #tbody tr.on {background-color:#f1f1fb;}
#tb_programs #tbody tr.off {display:none !important;}

.summary .tab-card-score span {margin-left:10px;}
.has-ellipsis .ellipsis {width:230px;}
#stbody_etc .ellipsis, #etbody_etc .ellipsis  {width:130px; text-align: left; padding-left: 10px;}
#tbody_history .ellipsis  {width:290px; text-align: left; padding-left: 10px;}
a.btn-landmark-play {position:absolute;left:10px;top:10px;}
.detail .report-nodata {margin:0px auto;padding:100px 0; position:absolute;width:100%;left:0;top:0;height:100%;background-color:#fff;}
#detail_contents {position:relative;}
.mov-result.type select.mid {width:190px;}
#tbody_test td.al {padding-left:10px;}
.has-ellipsis #tbody_test  .ellipsis {width:280px;}
.has-ellipsis #stbody_test  .ellipsis, .has-ellipsis #etbody_test  .ellipsis {width:190px;}
#reference {margin-top:6px;color:#555;}
#reference b {color:#000;margin-right:10px;}
.muscle-name-wrap {display:flex;flex-direction:row;margin:10px -5px 0;}
.muscle-item {flex:1 1 0;padding:6px 12px;position: relative;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);background-color:#fff;border-radius:6px;margin:0 5px;text-align:left;}
.muscle-header {font-weight:500;}
.muscle-name {width:120px;}
.muscle-item.absolute {position:absolute;bottom:10px;}
.muscle-item.absolute.left {left:10px;}
.muscle-item.absolute.right {right:10px;}

/* 토글 버튼 스타일 */
.toggle-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.toggle-button {
    display: none; /* 라디오 버튼 숨기기 */
}

.toggle-button + label {
    flex: 1;
    min-width: 120px;
    padding: 12px 20px;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.toggle-button + label:hover {
    background-color: #f1f1fb;
}

.toggle-button:checked + label {
    background-color: #516feb;
    color: #fff;
    border-color: #516feb;
}
/* endregion */

/* region === JNT - EDIT, TEST, RESULT ### */
.evaluate .contents.mov-test.jnt-survey {padding:110px 200px 20px 370px;}

.jnt-edit .table-wrap.mov-list {}
.jnt-edit .table-wrap.round-border .table.table-th-gray label {width:100px;}
.contents.mov-edit.jnt-edit .report-sub {height:860px;}
.contents.mov-edit.jnt-edit .mov-pgm-item-wrap {height:660px;}


/* endregion */

/* region === MANAGE ### */
body.manage {background-color:#f6f6f6;padding:0;}
body.manage .contents {padding:110px 60px 20px 260px !important;}
.sub-title-flex-wrap {display:flex;flex-direction:row;}
.c-date-ctrl {display:inline-block;padding:5px 20px;box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);background-color:#fff;border-radius:12px;border:1px solid #e4e4e4;text-align:center;}
.c-date-ctrl .arrow {display:inline-block;line-height:33px;color:#999;font-size:13px;cursor:pointer;}
.c-date-ctrl .date {display:inline-block;line-height:33px;color:#000;font-size:13px;font-weight:500;margin:0 40px;cursor:pointer;}

.c-table-wrap {padding:0px;box-shadow: 0 0 3px 0 rgba(0,0,0, 0.2);background-color:#fff;border-radius:12px;height:740px;overflow-y: auto;overflow-x: hidden;border:1px solid #e4e4e4;}
.c-table {width:100%; border-spacing: 0; border-collapse: collapse; }
.c-table thead tr th {position: sticky;top:-1px;z-index:1;}
.c-table tr td, .c-table tr th {text-align: center; padding: 5px 5px;vertical-align:top;font-size:13px;border:1px solid #eee;}
.c-table tr th {font-weight:500;font-size:13px;background-color:#f6f6f6;}
.c-table thead tr th {padding:10px;}
.c-table tbody th {padding-top:20px;}
.c-table tbody th::after {content: "";display: inline-block;vertical-align: top;min-height: 90px;}
.c-table td.today, .c-table th.today{background-color:#fdfbe9 !important;}
.c-table td.holiday, .c-table th.holiday{background-color:#ffc0cb4f !important;}
.c-table td.sunday, .c-table th.sunday{background-color:#f9f9f9 !important;}
.c-table span.holiday {float:right;color:red;}
.c-btn {display:block;margin:1px 5px 1px 5px;height:32px;line-height:32px;color:#fff;font-size:12px;border-radius:6px;background-color:#5070eb;cursor:pointer;}
/* endregion */