@charset "utf-8";

/*===================================================================
* INFORMATION
* -------------------------------------------------------------------
* @Author : narae (narae-lee@think-tree.com)
* @File Name: common.css
* @Description : 공통 레이아웃 정의
* @Create Date: 2021-11-24
* @Last Update Date: N/A
* @History: N/A
* ====================================================================*/

/* ====================== */
/* TT UI Reset */
/* ====================== */
/* ===== Default ===== */
hr, caption {display:none;}
dl,ul,ol,menu,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
body, * {font-family:'NotoSansKR';font-size:13px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;word-break:keep-all;-webkit-appearance:none;-webkit-border-radius:0;}
html, body {width:100%;min-height:100vh;overflow-x:hidden;-webkit-margin-start:0;-webkit-padding-start:0px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scroll-behavior:smooth;background:#f7f7f7;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
a {text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
a img {border:none;}
address, caption, cite, code, dfn, em, th, var, i {font-style:normal;font-weight:normal;}
a, button, input, textarea, select {-webkit-tap-highlight-color:transparent;}
a, button, input:focus, select:focus, textarea:focus {outline:0 none;}
.skip-navigation a {display:block;height:0;width:0;padding:0;font-size:0;line-height:0;overflow:hidden;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:bold;font-size:1rem;color:#fff;line-height:1;text-align:center;background:black;}
/* ===== Interval ===== */
/* align */
.left {float:left !important;}
.right {float:right !important;}
.tL {text-align:left !important;}
.tR {text-align:right !important;}
.tC {text-align:center !important;}
.right-po {position:absolute !important;top:0;right:0;text-align:left;}
/* space */
.pd0 {padding:0;}
.mg0 {margin:0;}
.ptb1 {padding:1rem 0;}
.pt1 {padding-top:1rem;}
.pt2 {padding-top:2rem;}
.pt5px {padding-top:5px;}
.pr1 {padding-right:1rem;}
.pb1 {padding-bottom:1rem;}
.mt1 {margin-top:1rem;}
.mt5px {margin-top:5px;}
.mb5px {margin-bottom:5px;}
.ml1 {margin-left:1rem;}
.ml5px {margin-left:5px;}
/* width */
.w50 {width:50px !important;}
.w115 {width:115px !important;}
.w120 {width:120px !important;}
.w240 {width:240px !important;}
.w30p {width:30% !important;}
.w90p {width:90% !important;}
.wHalf {width:50% !important;}
.wFull {width:100% !important;}
.wAuto {width:auto !important;}
/* height */
.h9 {height:9rem;}
/* text */
.hidden {display:none;}
/* ===== Size Guide ===== */
/* size (디자인 > 기준 px > rem 변환)
   12pt > 12px > 1rem    |   14pt > 14px > 1.167rem   |   16pt > 16px > 1.333rem   |   18pt > 18px > 1.5rem
   20pt > 20px > 1.667rem  |   22pt > 22px > 1.833rem   |   24pt > 24px > 2rem */
/* ===== Components ===== */
/* input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea {padding:0 1rem;width:100%;height:2.667rem;font-size:1rem;vertical-align:middle;border:1px solid #b9bbc5;color:#1e1d25;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;outline:0 none;}
::-webkit-input-placeholder {text-indent:0.1rem;font-size:1rem;color:#ccc;text-align:left;} /* WebKit browsers */
:-moz-placeholder {text-indent:0.1rem;font-size:1rem;color:#ccc;opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {text-indent:0.1rem;font-size:1rem;color:#ccc;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {text-indent:0.1rem;font-size:1rem;color:#ccc !important;opacity:1;}/* Internet Explorer 10+ */
textarea {height:auto;padding:0.5rem;resize:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
textarea:disabled {background: #f8f8f8;}
input[type="text"]:read-only,
    /* input[type="tel"]:read-only, */
input[type="email"]:read-only,
input[type="number"]:read-only,
input[type="date"]:read-only,
input[type="password"]:read-only,
input[type="search"]:read-only,
textarea:read-only {background: #f8f8f8;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {border:1px solid #444;}
/* textarea:focus {border:1px solid #00563F;} */
input[type="text"]:read-only:focus,
input[type="tel"]:read-only:focus,
input[type="email"]:read-only:focus,
input[type="number"]:read-only:focus,
input[type="date"]:read-only:focus,
input[type="password"]:read-only:focus,
input[type="search"]:read-only:focus,
textarea:read-only:focus {border:1px solid #ccc;}
/* radio */
.radioSet {position:relative;display:inline-block;text-align:left;margin-right:0.4rem;}
.radioSet input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;cursor: pointer;}
.radioSet label {display:inline-block;}
.radioSet label i {position:relative;display:inline-block;margin:-1px 3px 0 0;width:1.4rem;height:1.4rem;vertical-align:middle;border:1px solid #d1d1d3;border-radius:100%;box-sizing:border-box;background:#fff;}
.radioSet input:checked + label i:before {content: '';position:absolute;top:4px;left:4px;width:0.6rem;height:0.6rem;border-radius:100%;background:#00563F;}
.radioSet input:disabled + label i {background:#f8f8f8;}
.radioSet input:disabled + label {color:#888;}
.radioSet input:checked:disabled + label i:before  {background:#9BB8AE;}
.radioSet.noLabel {margin-right:0;}
/* checkBox */
.checkSet {position:relative;display:inline-block;text-align:left;margin-right:0.5rem;}
.checkSet input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;}
.checkSet label i {position:relative;display:inline-block;margin:-1px 3px 0 0;width:1.4rem;height:1.4rem;vertical-align:top;border:1px solid #d1d1d3;box-sizing:border-box;border-radius:3px;background:#fff;}
.checkSet input:checked + label i {border-color:#00563F;background:#00563F;transition:0.1s ease-in;}
.checkSet input:checked + label i:before {content:'';position:absolute;left:0;top:0;bottom:0;right:0;display:block;width:100%;height:100%;background-image:url('../images/i_check.svg');background-repeat:no-repeat;background-size:76% auto;background-position:center;}
.checkSet input:disabled + label i {background:#f8f8f8;}
.checkSet input:checked:disabled + label i {border-color:#D7E8DF;background:#9BB8AE;}
.checkSet.noLabel {margin-right:0;}
/* toggle Button */
.toggleSet {display:inline-block;position:relative;vertical-align:middle;}
.toggleSet input[type="checkbox"] {display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.toggleSet label {position:relative;display:block;width:4.2rem;height:2rem;border-radius:1.5rem;border:1px solid #d1d1d3;background:#fff;cursor:pointer;}
.toggleSet label:after {position:absolute;right:62%;top:50%;content:"";display:block;width:12px;height:12px;margin-top:-6px;box-sizing:border-box;border-radius:50%;background:#ddd;transition:all .3s ease;}
.toggleSet input[type="checkbox"]:checked + label:after {right:14%;background:#00563F;}
.toggleSet input[type="checkbox"]:disabled + label {background:#f8f8f8;}
.toggleSet input[type="checkbox"]:disabled + label:after {background:#d1d3dc;}
.toggleSet input[type="checkbox"]:checked:disabled + label:after {background:#9BB8AE;}
/* labelToggle Button */
.labelToggleSet {display:inline-block;position:relative;vertical-align:middle;}
.labelToggleSet input[type="checkbox"] {display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.labelToggleSet label {position:relative;display:block;width:5.7rem;height:2.1rem;border-radius:1.5rem;border:1px solid #ccc;background:#fff;}
.labelToggleSet label:after {position:absolute;right:1.5rem;top:50%;content:"";display:block;width:1.1rem;height:1.1rem;right:4rem;margin-top:-0.5rem;box-sizing:border-box;border-radius:50%;background:#ddd;transition:all .3s ease;}
.labelToggleSet label span {display:block;padding:0.6rem 0.5rem;line-height:1;color:#333;font-size:0.92rem;text-align:center;}
.labelToggleSet label span:first-child {padding-left:1.1rem;}
.labelToggleSet label span:last-child {display:none;padding-right:1.8rem;}
.labelToggleSet input[type="checkbox"]:checked + label {background:#fff;}
.labelToggleSet input[type="checkbox"]:checked + label:after {right:6px;background:#00563F;}
.labelToggleSet input[type="checkbox"]:checked + label span:first-child {display:none;}
.labelToggleSet input[type="checkbox"]:checked + label span:last-child {display:block;}
.labelToggleSet input[type="checkbox"]:disabled + label:after {background:#ddd;}
.labelToggleSet input[type="checkbox"]:checked:disabled + label:after {background:#9BB8AE;}
/* email */
.emailForm {max-width:500px;}
.emailForm:after {content:"";display:block;clear:both;}
.emailForm > input {float:left;width:38%;}
.emailForm .emailDomain {float:left;width:62%;*zoom:1;}
.emailForm .emailDomain:after {content:"";display:block;clear:both;}
.emailForm .emailDomain > * {float:left;}
.emailForm .emailDomain input,
.emailForm .emailDomain .selectSet {width:calc((100% - 2rem)/2);}
.emailForm .emailDomain .selectSet + input {margin-left:0.5rem;}
.emailForm .emailDomain em {display:inline-block;width:1.5rem;height:2.3rem;line-height:2.6;text-align:center;}
.emailForm.duplicateCase {display:inline-block;width:calc(100% - 80px);vertical-align:middle;}
/* calendar */
.calSet {position:relative;display:inline-block;width:9.2rem;}
/* .calSet input {position:relative;width:100%; padding-right:2.667rem;z-index:1;background:0 !important;} */
/* 2022.07.10 disable을 위하여 bg0 삭제(위에 기존 css 주석처리해놓음) */
.calSet input {position:relative;width:100%; padding-right:2.667rem;z-index:1;}
.calSet button {position:absolute;right:0;top:0;width:2.667rem;height:2.667rem;font-size:0;border:none; background:url('../images/btn_calendar.svg') no-repeat center;background-size:13px;overflow:hidden;z-index:1;}
.calDupSet {clear:left;display:inline-block;vertical-align:middle;}
.calDupSet .calSet {float:left;}
.calDupSet em {float:left;padding:0 0.5rem;line-height:2.5;}
/* select */
.selectSet {position:relative;display:inline-block;height:2.667rem;vertical-align:middle;background:#fff;}
.selectSet:after {position:absolute;right:1rem;top:50%;content:'';width:0;height:0;margin-top:-5px;border:3px solid #333;border-top-color:transparent;border-left-color:transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);z-index:2;}
.selectSet select {position:relative;z-index:2;padding:0 2.5rem 0 1rem;width:100%;height:2.667rem;box-sizing:border-box;border:1px solid #b9bbc5;border-radius:4px;background:transparent;}
.selectSet select:disabled {color:#aaa;background:#f8f8f8;}
.selectSet select::-ms-expand {display:none;}
/* Drag and drop upload */
.dropzone {padding:2rem !important;text-align:center;box-sizing:border-box;border:2px dotted #5231be !important;background:rgba(#5231be, 0.3);}
/* 검색 박스 */
.searchSet {position:relative;display:inline-block;vertical-align:middle;}
.searchSet .sInput {display:inline-block;position:relative;width:15rem;margin-right:4px;}
.searchSet .sInput input {padding:0 2.8rem 0 1rem;width:100%;}
.searchSet .sInput .btnSgo {position:absolute;display:block;right:3px;top:0;bottom:0;width:2.667rem;height:100%;overflow:hidden;white-space:nowrap;font-size:0;border:0;background:url("../images/i_search.svg") no-repeat center;background-size:24px;}
.searchSet .btnSreset {width:2.667rem;height:2.667rem;border-radius:4px;border:1px solid #b9bbc5;font-size:0;text-align:center;vertical-align:middle;background:url("../images/i_Refresh.svg") no-repeat center;}
.searchSet button {cursor:pointer;}
/* file Upload */
.fileFind {position:relative;display:inline-block;vertical-align:middle;}
.fileFind input {position:absolute;top:0;bottom:0;left:0;z-index:2;width:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;}
.fileFind label {color:#fff;border:1px solid #00563F;background:#00563F;}
.fileFind input:disabled + label {color:#fff;background:#ddd;}
.fileFind label,
.fileSet .loadIng,
.fileSet .loadEnd,
.fileSet .loadFail {position:relative;display:inline-block;padding-left:1rem;width:166px;height:2.667rem;text-align:left;line-height:2.5;box-sizing:border-box;font-weight:bold;vertical-align:middle;border-radius:4px;box-sizing:border-box;}
.fileSet.wFull {display:inline-block;width:100%;}
.fileSet.wFull .fileFind,
.fileSet.wFull .fileFind label,
.fileSet.wFull .loadIng,
.fileSet.wFull .loadEnd,
.fileSet.wFull .loadFail {width:100% !important;}
.fileSet .loadIng {color:#40a3a7;border:1px solid #b6d2d5;background:#eff8f9;}
.fileSet .loadIng:after {content:'';display:inline-block;position:absolute;right:3px;width:40px;height:30px;background:url('../images/i_fileUpload.gif')no-repeat;}
.fileSet .loadFail {width:166px;color:#f15d52;border:1px solid #eac5c5;background:#fdf7f7;}
.fileSet .loadEnd {padding:0 3rem 0 1rem;width:auto;border:1px solid #93bddb;background:#eef6fc;}
.fileSet .loadEnd em {display:block;color:#54a4dd;font-weight:bold; word-break:break-all;}
.tls .fileSet .loadEnd,
.tws .fileSet .loadEnd {padding:0 30px 0 1rem;}
.tls .fileSet .loadEnd em,
.tws .fileSet .loadEnd em {display:block;max-width:130px;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.fileSet .loadEnd button {position:absolute;display:inline-block;right:0;top:0;bottom:0;width:2.667rem;height:2.667rem;text-indent:-9999px;overflow:hidden;border:none;background:none;}
.fileSet .fileFind label:after,
.fileSet .loadEnd button:after,
.fileSet .loadFail:after {position:absolute;right:9px;top:20%;font-family:'entypo';font-weight:normal;font-size:1.3rem;line-height:0;}
.fileSet .fileFind label:after {content:'';background-image:url("../images/i_add_white.svg");width:1.5rem;height:1.5rem;}
.fileSet .loadFail:after {content:'';background-image:url("../images/i_block_red.svg");width:1.5rem;height:1.5rem;background-size:100%;}
.fileSet .loadEnd button:after {content:'';background-image:url("../images/i_cancell_blue.svg");width:1.5rem;height:1.5rem;background-size:100%;color:#93bddb;text-indent:0 !important;}
/* ===== Btn ===== */
.btnL,
.btnM,
.btnS {display:inline-block;min-width:auto;color:#FFF;vertical-align:middle;text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:4px;transition:0.2s;background:#00563F;}
.btnL {padding:0 1.2rem;height:3.333rem;font-size:1.333rem;line-height:2.4;}
.btnM {padding:0 1rem;height:2.667rem;font-size:1.167rem;line-height:2.3;}
.btnS {padding:0 1rem;height:2.167rem;line-height:2.1;}
.btnL.blue,
.btnM.blue,
.btnS.blue {color:#fff;background:#93bddb;}
.btnL.green,
.btnM.green,
.btnS.green {color:#fff;background:#94d793;}
.btnL.gray,
.btnM.gray,
.btnS.gray {color:#fff;background:#9f9f9f;}
.btnL.lRed,
.btnM.lRed,
.btnS.lRed {line-height:2;color:#00563F;border:1px solid #00563F;background:0;}
.btnL.lBlue,
.btnM.lBlue,
.btnS.lBlue {line-height:2;color:#93bddb;border:1px solid #93bddb;background:0;}
.btnL.lGreen,
.btnM.lGreen,
.btnS.lGreen {line-height:2;color:#94d793;border:1px solid #94d793;background:0;}
.btnL.lGray,
.btnM.lGray,
.btnS.lGray {line-height:2;color:#a7a7a7;border:1px solid #9f9f9f;background:0;}
.btnL:hover,
.btnM:hover,
.btnS:hover {background:#be5f54;transition:0.2s;}
.btnL.blue:hover,
.btnM.blue:hover,
.btnS.blue:hover {background:#779ab3;}
.btnL.green:hover,
.btnM.green:hover,
.btnS.green:hover {background:#7bb37a;}
.btnL.gray:hover,
.btnM.gray:hover,
.btnS.gray:hover {background:#777777;}
.btnL.lRed:hover,
.btnM.lRed:hover,
.btnS.lRed:hover {background:#f5e9e8;}
.btnL.lBlue:hover,
.btnM.lBlue:hover,
.btnS.lBlue:hover {background:#e4eff7;}
.btnL.lGreen:hover,
.btnM.lGreen:hover,
.btnS.lGreen:hover {background:#e9f5e9;}
.btnL.lGray:hover,
.btnM.lGray:hover,
.btnS.lGray:hover {background:#e4e3e3;}
.btnL[disabled],
.btnM[disabled],
.btnS[disabled] {filter:grayscale(50%) opacity(42%);pointer-events:none;}
/* ===== Text ===== */
/* ===== Icon ===== */
/* ===== Tab ===== */
/* ===== Grid ===== */
/* ===== Join ===== */
#joinWrap {position:relative;display:flex;width:100%;height:100vh;align-items:center;justify-content:center;flex-direction:column;}
#joinWrap .bgBack {position:absolute;left:-150px;right:0;top:0;bottom:0;height:100vh;text-align:center;overflow:hidden;background:url("../images/bg_2.jpg") no-repeat;background-size:100% 100%;}
.joinContainer {position:relative;flex:none;padding:35px 45px 45px;width:425px;background:#fff;border-radius:10px;box-shadow:3px 3px 15px rgba(0, 0, 0, 0.2);}
.joinContainer fieldset {border:0;}
.joinContainer .joinHead {position:relative;margin-bottom:2rem;}
.joinContainer .joinHead h2 {font-size:25px;}
.joinContainer .btnCancel {width:36px;height:36px;background:transparent url("../images/btn_cancel.png") no-repeat center;background-size:17px auto;position:absolute;right:12px;top:12px;border:0;text-indent:-9999px;overflow:hidden;font-size:0;cursor:pointer;}
.joinContainer .joinHead .btnCancel {position:absolute;right:0;top:0;border:0;cursor:pointer;}
.joinContainer .inputSet {margin-bottom:12px;}
.joinContainer .inputSet label {display:block;margin-bottom:8px;font-size:15px;font-weight:500;}
.joinContainer .inputSet input {height:50px;}
.joinContainer .inputSet:last-child {margin-bottom:0;}
.joinContainer .inputSet.mailCase span {position:relative;display:block;}
.joinContainer .inputSet.mailCase span input {padding-right:80px;}
.joinContainer .inputSet.mailCase span input:focus + button {color:#00563F}
.joinContainer .inputSet.mailCase span button {display:inline-block;height:50px;width:80px;position:absolute;right:0;top:0;background:0;border:0;color:#aaa;font-size:15px;letter-spacing:-0.5px;cursor:pointer}
.joinContainer .inputSet.countCase span {position:relative;display:block;}
.joinContainer .inputSet.countCase span input {padding-right:80px;}
.joinContainer .inputSet.countCase span input:focus + button {color:#00563F}
.joinContainer .inputSet.countCase span em {display:inline-block;height:50px;width:80px;position:absolute;right:0;top:0;background:0;text-align:center; border:0;color:#aaa;font-size:15px;letter-spacing:-0.5px;line-height:3.5;}
.joinContainer .grayBox {padding:1rem;font-weight:500;font-size:15px;text-align:center;background:#efefef;margin-bottom:7px;}
.joinContainer .btnArea {padding-top:40px;}
.joinContainer .btnArea .btnL {height:50px;}
.joinContainer .btnArea .btnL {background-image:linear-gradient(90deg, rgba(255,146,135,1) 0%, rgba(255,122,109,1) 25%, rgba(252,80,60,1) 100%);background-size:200% auto;}
.joinContainer .btnArea .btnL:hover {background-position:right center;transition:.3s;}
.joinContainer .loadingMsg {display:block;text-align:left;color:#00563F;margin-top:6px;}
.joinContainer .joinFin {margin-top:100px;text-align:center;}
.joinContainer .joinFin:before {content:"";width:57px;height:57px;display:block;margin:0 auto 25px;background:url("../images/i_fin.png") no-repeat center;background-size:contain;}
.joinContainer .joinFin strong {font-size:25px;font-weight:bold;}
.joinContainer .joinContainer.joinFin p {font-size:15px;color:#a7a7a7;}
.joinContainer .joinFin + .accountInfo {margin:40px 0 67px;}
.joinContainer .accountInfo {background-color:#f6f6f6;text-align:center;height:130px;font-size:16px;line-height:8.2;font-weight:500;}
.joinContainer .tab {margin:10px 0  28px;overflow:hidden;}
.joinContainer .tab .tabItem {display:inline-block;width:50%;float:left;text-align:center;}
.joinContainer .tab .tabItem input {position:absolute;right:0;top:0;bottom:0;right:0;}
.joinContainer .tab .tabItem label {display:block;width:100%;height:40px;color:#a7a7a7;font-size:20px;border-bottom:2px solid #c2c2c2;cursor:pointer;}
.joinContainer .tab .tabItem input:checked + label {color:#444444;border-bottom:2px solid #00563F;font-weight:bold;line-height:1.35;}
.joinContainer .infoMsg {text-align:center;font-weight:600;font-size:15px;line-height:2.2;}
.joinContainer .infoMsg + .accountInfo {margin-top:10px;}
/* ===== Login ===== */
body#login {width:100%;height:100vh;overflow:hidden;}
#loginWrap {width:100%;height:100vh;overflow:hidden;background:rgba(0, 0, 0, 0.4);}
#loginWrap .bgBack {position:absolute;left:-150px;right:0;top:0;bottom:0;height:100vh;text-align:center;overflow:hidden;background:url("../images/bg_2.jpg") no-repeat;background-size:100% 100%;}
#loginWrap .formBack {position:absolute;display:table;left:50%;top:50%;transform:translate(0, -50%);max-height:700px;width:500px;height:calc(100% - 160px);border:1px solid #fff;background:rgba(255,255,255,0.8);z-index:2;box-shadow:0 0 10px rgba(0, 0, 0, 0.23);border-radius:2.3rem;}
#loginWrap .formBack2 {display:table-cell;padding:10rem 3rem 3rem 3rem;vertical-align:top;text-align:center;}
#loginWrap .loginForm {max-width:300px;margin:0 auto;}
#loginWrap .loginForm .btnLogin {margin:1rem 0 0;height:4.2rem;color:#fff;font-size:1.333rem;font-weight:700;transition:0.5s;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);background-image:linear-gradient(90deg, rgba(255,146,135,1) 0%, rgba(255,122,109,1) 25%, rgba(252,80,60,1) 100%);background-size:200% auto;}
#loginWrap .loginForm .btnLogin:hover {background-position:right center;transition:.3s;}
#loginWrap .loginForm h1 {position:relative;font-size:5rem;color:#111;letter-spacing:-1px;word-spacing:-1px;line-height:1.4;}
/* #loginWrap h1:before {content:"";position:absolute;top:-0.5rem;left:0;display:inline-block;width:5rem;height:5rem;text-indent:-9999px;border:1px solid #000;border-radius:50%;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_anduLogo.png") no-repeat center;background-size:contain;} */
#loginWrap.dev h1:before {content:"";display:block;margin:0 0 1rem;width:5rem;height:5rem;text-indent:-9999px;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_logoting_dev.svg") no-repeat center;background-size:contain;}
#loginWrap .loginForm h1 b {font-weight:300;font-size:2rem;color:#999;}
#loginWrap .loginForm h1 span {display:block;font-size:2.167rem;font-family:inherit;font-weight:bold;color:#111;letter-spacing:0;}
#loginWrap .loginForm p {padding:0 0 3rem;line-height:1.5;font-size:2rem;color:#888;}
#loginWrap .loginForm p span {font-size:inherit;color:#d44b3e;}
#loginWrap .loginForm p strong {display:block;padding:0 0 3px;font-size:1.133rem;color:#111;}
#loginWrap .loginForm form {position:relative;}
#loginWrap .loginForm form .loginInput {display:block;position:relative;margin-top:1rem;width:100%;}
#loginWrap .loginForm form .loginInput span {display:block;height:3.6rem;text-align:left;}
#loginWrap .loginForm form .loginInput span input {padding:3px 1rem 0;width:100%;height:100%;font-size:1.167rem;}
#loginWrap .loginForm form .errorMsg {display:block;text-align:left;color:#ff0000;margin-top:1rem;}
#loginWrap .else {margin-top:10px;overflow:hidden;font-size:15px;}
#loginWrap .else a {font-size:15px;vertical-align:middle;color:#ff6d5e;}
#loginWrap .else a:hover {text-decoration:underline;}
#loginWrap .else a + a:before {content:"";display:inline-block;margin:0 5px;height:13px;width:1px;background:#555;vertical-align:middle;}
/* ===== error ===== */
/* #errorWrap {width:100%;height:100vh;display:table;overflow:hidden;background:#fff url("../images/i_error.svg") no-repeat;background-size:110% auto;background-position:right center;}
#errorWrap .errorCts {display:table-cell;vertical-align:middle;text-align:center;height:100%;}
#errorWrap h1 {display:none;}
#errorWrap strong {font-size:125px;word-spacing:4px;color:#5231be;font-weight:600;line-height:1;}
#errorWrap strong span {font-size:inherit;font-weight:inherit;color:#e3e3e3;}
#errorWrap p {padding:3rem 0 0;font-size:1.143rem;line-height:1.5;}
#errorWrap .btnErrorBack {margin:3rem 0 5rem;padding:1rem 2rem;font-weight:500;color:#555;border:1px solid #11dba9;border-radius:4px;background:#11dba9;transition:0.3s;}
#errorWrap .btnErrorBack:hover {background:0;transition:0.3s;border-color:#5231be;color:#5231be;}
#errorWrap .btnErrorBack:hover:after {content:"";display:inline-block;vertical-align:-2px;width:1.7rem;height:1rem;margin:0 0 0 10px;background:url("../images/i_error_back.svg") no-repeat center;background-size:100% auto;} */
/* ===== Loading ===== */
/* .pageLoading {position:fixed;z-index:30000;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);}
@keyframes spinner {
	to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
	to {-webkit-transform: rotate(360deg);}
}
.spinner {position: absolute;width:80px;height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;min-width:80px;min-height:80px;}
.spinner:before {content: 'Loading…';position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;}
.spinner:not(:required):before {content: '';border-radius:50%;border:3px solid #fff;border-top-color:#54545c;animation: spinner .6s linear infinite;-webkit-animation: spinner .6s linear infinite;} */
/* ====================== */
/* Common Setting */
/* ====================== */
/* ===== Layout ===== */
.overXAuto {overflow-x:auto;}
#wrap {position:relative;clear:left;}
#header {position:fixed;z-index:11;top:0;left:0;clear:left;display:block;width:100%;height:9.2rem;overflow:hidden;background:#212121;-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.2);box-shadow: 0px 5px 8px rgba(0,0,0,0.2);background:#fff;}
#header .title {height:4.6rem;background:#00563F;}
#header .title h1 {position:relative;}
#header .title h1 a {display:inline-block;padding:1.2rem 0 1rem 1.6rem;font-size:1.5rem;color:#fff;}
/* #header .title h1 a {position:relative;top:-2px;display:inline-block;width:32px;height:32px;margin-right:1.3rem;border-radius:50%;font-size:0;vertical-align:middle;overflow:hidden;background:#fff;} */
#header .menu {position:absolute;right:0;top:0;}
#header .menu h2 {padding-left:0.8rem;font-size:1.2rem;}
#header .menu strong {font-size:15px;font-weight:400;color:#fff;cursor:pointer;}
#header .menu strong:before {content:"";display:inline-block;width:14px;height:16px;margin-right:8px;background:url("../images/i_my.png") no-repeat center;vertical-align:-2px;}
#header .menu strong:after {content:"";display:inline-block;height:13px;background:#fff;opacity:0.6;width:1px;margin:0 0 0 15px;vertical-align:middle;}
#header .menu button.logout {display:inline-block;width:4.6rem;height:4.6rem;border:none;background:url("../images/btn_logout.svg") no-repeat center;cursor:pointer;text-indent:-9999px;;}
#header .menu button.password {display:inline-block;width:4.6rem;height:4.6rem;border:none;background:url("../images/btn_password.svg") no-repeat center;cursor:pointer;text-indent:-9999px;;}
/* gnb */
#gnb {position:fixed;left:0;top:4.6rem;bottom:0;right:0;width:100%;height:4.6rem;z-index:30;}
#gnb nav .gnbList {position:relative;display:inline-block;float:left;padding:1.5rem 1rem;height:4.6rem;min-width:7rem;text-align:center;vertical-align:middle;font-size:1.1rem;box-sizing:border-box;}
/* #gnb nav .gnbList:before {content:'';margin-right:6px;display:inline-block;width:1.5rem;height:1.5rem;background-size:100%;vertical-align:bottom;} */
#gnb nav .gnbList.on {color:#00563F;border-bottom:3px solid #00563F;border-radius:2px;}
/* #gnb nav .gnbList.menu0:before {background-image:url("../images/i_admin.svg");}
#gnb nav .gnbList.menu0.on:before {background-image:url("../images/i_admin_red.svg");}
#gnb nav .gnbList.menu1:before {background-image:url("../images/i_info.svg");}
#gnb nav .gnbList.menu1.on:before {background-image:url("../images/i_info_red.svg");background-size:100%;}
#gnb nav .gnbList.menu2:before {background-image:url("../images/i_menu.svg");}
#gnb nav .gnbList.menu2.on:before {background-image:url("../images/i_menu_red.svg");background-size:100%;}
#gnb nav .gnbList.menu3:before {background-image:url("../images/i_admin.svg");}
#gnb nav .gnbList.menu3.on:before {background-image:url("../images/i_admin_red.svg");background-size:100%;} */
#container {position:relative;padding-top:9.2rem;min-height:100vh;}
#container section {padding:2.083rem;}
.pageTit {padding:2.083rem 0;}
.pageTit h2 {display:inline-block;height:1.667rem;font-size:1.667rem;color:#2b2935;line-height:1;}
.pageTit .pagePos {display:inline-block;margin-left:1rem;}
.pageTit .pagePos span {color:#666;font-size:1rem;}
.pageTit .pagePos span:after {display:inline-block;content:'/';padding:0.8rem;margin:-3px 0 0;vertical-align:middle;}
.pageTit .pagePos strong {font-weight:bold;color:#212121;}
.content {margin:0 auto;overflow-x:auto;}
article > div {min-width:calc(1280px - 5.45rem);}
/* ====================== */
/* Main Setting */
/* ====================== */
/* ====================== */
/* Sub Setting */
/* ====================== */
/* ===== 공통 ===== */
/* lstSearch style */
.boardTop {position:relative;}
.boardTop .listSearch {display:inline-block;font-size:0;margin-bottom:1rem;}
.boardTop .listSearch .dubleSet {clear:left;display:inline-block;vertical-align:middle;}
.boardTop .listSearch .dubleSet .date {position:relative;float:left;display:inline-block;}
.boardTop .listSearch .dubleSet .date input {position:relative;width:100%;z-index:1;background:0;text-align:right;}
.boardTop .listSearch .dubleSet.birthYear .dateUn input {padding-right:1.8rem;}
.boardTop .listSearch .dubleSet.height .dateUn input {padding-right:2.3em;}
.boardTop .listSearch .dubleSet.weight .dateUn input {padding-right:2rem;}
.boardTop .listSearch .dubleSet .date .unit {position:absolute;top:8px;right:8px;}
.boardTop .listSearch .dubleSet em {float:left;line-height:2.65;}
.boardTop .listSearch .birthYear .date {width:7.28em;}
.boardTop .listSearch .height .date {width:4.5rem;}
.boardTop .listSearch .weight .date {width:4.5rem;}
.boardTop .listSearch .birthYear .dateUn {width:8.28em;}
.boardTop .listSearch .height .dateUn {width:6rem;}
.boardTop .listSearch .weight .dateUn {width:5.5rem;}
/*.boardTop .listSearch .selectSet {width:6.3rem; cursor:pointer;}*/
.boardTop .listSearch .selectSet {min-width:15rem; cursor:pointer;}
.boardTop .listSearch .selectSet {cursor:pointer;}
.boardTop .listSearch .selectSet.useYn {width:9rem;}
.boardTop .listSearch .selectSet select {padding-left:1.5rem;}
.boardTop .listSearch .dubleSet,
.boardTop .listSearch .calDupSet,
.boardTop .listSearch .selectSet,
.boardTop .listSearch .searchSet {border-top:1px solid #00563F;border-bottom:1px solid #00563F;background:#fff;}
.boardTop .listSearch > span {border-left:1px solid #00563F;}
.boardTop .listSearch .calDupSet input,
.boardTop .listSearch .dubleSet input,
.boardTop .listSearch .selectSet select,
.boardTop .listSearch .searchSet input {border:none;}
.boardTop .listSearch .calDupSet span {display:inline-block;}
.boardTop .listSearch .searchSet {display:inline-block;vertical-align:middle;}
.boardTop .listSearch .searchSet .sInput {width:auto;}
.boardTop .listSearch .searchSet .sInput input {width:25.1rem;}
.boardTop .listSearch .searchSet .btnSreset {position:absolute;top:0;right:-3.1rem ;}

.boardTop .listSearch .btnSreset { margin-left: 0.5rem; width:2.667rem;height:2.667rem;border-radius:4px;border:1px solid #b9bbc5;font-size:0;text-align:center;vertical-align:middle;background:url("../images/i_Refresh.svg") no-repeat center; cursor:pointer;}
.boardTop .listSearch .searchSet { border-right:1px solid #00563F;}
.boardTop .listSearch .calborder { border-right:1px solid #00563F;}

.boardTop .listSearch .selectSet .sInput{cursor:pointer; border-right:1px solid #00563F; border-left:none;}

.activeDaily .listSearch {display:flex;flex-wrap:wrap;align-items:center;gap:0;}
.activeDaily .projectSelect {position:relative;width:300px;padding-right:2.5rem;box-sizing:border-box;}
.activeDaily .projectSelect input {width:100%;height:2.667rem;padding-right:0.5rem;box-sizing:border-box;}
.activeDaily .projectSelectToggle {position:absolute;right:0;top:0;width:2.5rem;height:2.667rem;border:0;border-left:1px solid #d6e2de;background:transparent;cursor:pointer;}
.activeDaily .projectSelectToggle::after {content:"";position:absolute;left:50%;top:48%;width:0.5rem;height:0.5rem;border-right:2px solid #00563F;border-bottom:2px solid #00563F;transform:translate(-50%,-65%) rotate(45deg);}
.activeDaily #prjList {display:none;position:absolute;z-index:30;left:-1px;top:calc(100% + 1px);width:calc(100% + 2px);max-height:16rem;margin:0;padding:0;overflow-y:auto;border:1px solid #00563F;background:#fff;box-sizing:border-box;box-shadow:0 4px 10px rgba(0,0,0,0.12);}
.activeDaily #prjList li {min-height:2.5rem;padding:0 0.75rem;line-height:2.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.activeDaily #prjList li:hover {background:#eef6f3;}
.activeDaily .birthYear {display:inline-flex !important;align-items:center;white-space:nowrap;}
.activeDaily .birthYear .date {float:none !important;flex:0 0 auto;}
.activeDaily .birthYear .dateUn {width:9rem !important;}
.activeDaily .birthYear .unit {white-space:nowrap;}
/* table list style */
.tls table {width:100%;margin-top:1.5rem;border-collapse:collapse;background:#fff;}
.tls table th,
.tls table td {padding:8px 0.5rem;height:40px;text-align:center;word-break:break-all;vertical-align:middle;box-sizing:border-box;transition:0.1s;}
.tls table thead tr {border-bottom:1px solid #acacac;}
.tls table thead tr th {font-weight:600;color:#505050;background:#dddddd;padding:0.8rem 0;}
.tls table tbody tr td {border:1px solid #ddd;border-width:0 0 1px 0;}
.tls table tbody tr td.jobInfo .bigChunk {position:relative;cursor:pointer;text-decoration:underline;}
.tls table tbody tr td.jobInfo .bigChunk span.detail {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -120%);white-space:nowrap;padding:10px;border:1px solid;background:#fff;z-index:3;}
.tls table tbody tr td.jobInfo:hover .bigChunk {color:#00563F;}
.tls table tbody tr td.jobInfo:hover span.detail {display: inline-block;}
.tls table tbody tr:hover:not(.alreadyData) td {background:#f5f5f5;transition:0.1s;}
.tls table tbody tr:hover td a {text-decoration:underline;}
.tls a {color:#000;cursor:pointer;}
.tls .btnL, .tls .btnM, .tls .btnS {min-width:auto;}
/* table number style */
.paginate {position:relative;clear:both;display:inline-block;margin:0 auto;padding:1rem 0;width:100%;text-align:center;}
.paginate > span {display:inline-block;vertical-align:middle;}
.paginate a {display:inline-block;float:left;margin:0 2px;padding:0 8px;min-width:2.615rem;height:2.615rem;font-size:1.154rem;cursor:pointer;line-height:2.2;color:#555;border-radius:1.846rem;border:none;box-sizing:border-box;}
.paginate a.on {color:#fff;background:#00563F;}
/*.paginate .arrow {position:relative;margin:0;text-indent:-9999px;overflow:hidden;background-color:transparent;}*/
/*.paginate .arrow:after {content:'';position:absolute;top:5px;left:0;width:1.8rem;height:1.8rem;}*/
.paginate .first {position:relative;margin:0;text-indent:-9999px;overflow:hidden;background-color:transparent;background-position:top left;}
.paginate .first:after {content:'';position:absolute;top:5px;left:0;width:1.8rem;height:1.8rem;background-image:url("../images/btn_first.svg");}
.paginate .prev {position:relative;margin:0 1rem 0 0;text-indent:-9999px;overflow:hidden;background-color:transparent;background-position:top right;}
.paginate .prev:after {content:'';position:absolute;top:5px;left:0;width:1.8rem;height:1.8rem;background-image:url("../images/btn_left.svg");}
.paginate .next {position:relative;margin:0 0 0 1rem;text-indent:-9999px;overflow:hidden;background-color:transparent;background-position:bottom left;}
.paginate .next:after {content:'';position:absolute;top:5px;left:0;width:1.8rem;height:1.8rem;background-image:url("../images/btn_right.svg");}
.paginate .last {position:relative;margin:0;text-indent:-9999px;overflow:hidden;background-color:transparent;background-position:bottom right;}
.paginate .last:after {content:'';position:absolute;top:5px;left:0;width:1.8rem;height:1.8rem;background-image:url("../images/btn_last.svg");}
.paginate .selectSet {top:10px;height:2.615rem;width:120px;}
.paginate .selectSet select {height:2.615rem;cursor:pointer;}
/* basic 팝업 기본 */
.basicDim {position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);}
.basicPop {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:23.4rem;min-height:10rem;padding:0 0 1.4rem;box-shadow:3px 3px 12px 0px rgba(0, 0, 0,.16);box-sizing:border-box;border-top-left-radius:15px;border-bottom-right-radius:15px;background:#fff;}
.basicPop {padding-bottom:1rem;}
.basicPop .titleArea {height:3.8rem;padding:1.4rem 1.1rem 0.4rem;}
.basicPop .titleArea h1 {padding-bottom:0.7rem;font-size:1.1rem;border-bottom:1px solid #e1e1e6;}
.basicPop .backArea {padding:0 1.1rem 5rem;}
.basicPop .backArea.errorPop {padding:5rem 1.1rem 8rem;text-align:center;}
.basicPop .backArea p {word-break:break-all;}
.basicPop .backArea textarea {height:250px;margin-top:30px;}
.basicPop .btnArea button {margin:0 0.4rem;width:7.1rem;}
.basicPop .btnArea {position:absolute;bottom:0;left:0;width:100%;height:5rem;padding:0;text-align:center;}
/* heartDim 팝업 기본 */
.heartDim {position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);}
.heartPop {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:60rem;min-height:10rem;padding:0 0 1.4rem;box-shadow:3px 3px 12px 0px rgba(0, 0, 0,.16);box-sizing:border-box;border-top-left-radius:15px;border-bottom-right-radius:15px;background:#fff;}
.heartPop {padding-bottom:1rem;}
.heartPop .titleArea {height:3.8rem;padding:1.4rem 1.1rem 0.4rem;}
.heartPop .titleArea h1 {padding-bottom:0.7rem;font-size:1.1rem;border-bottom:1px solid #e1e1e6;}
.heartPop .backArea {padding:0 1.1rem 5rem;}
.heartPop .backArea.errorPop {padding:5rem 1.1rem 8rem;text-align:center;}
.heartPop .backArea p {word-break:break-all;}
.heartPop .backArea textarea {height:250px;margin-top:30px;}
.heartPop .btnArea button {margin:0 0.4rem;width:7.1rem;}
.heartPop .btnArea {position:absolute;bottom:0;left:0;width:100%;height:5rem;padding:0;text-align:center;}

/* 2022.07.08 버튼 영역 추가 */
.boardTop .buttonArea { float:right;display:inline-block;margin:0 0 0.8rem 45px;}
.boardTop .download { display: inline-block; margin-left: 0.8rem; }
/* 2022.07.08 센서데이터 리스트*/
.sensorData .userSensordata {position:relative;}
.sensorData .sensorlist {width: 100%; }
.sensorData .sensorlist li { width: 100%; border-bottom: 1px solid #ddd; }
.sensorData .sensorlist li:first-child { border-top: 2px solid #ccc; }
.sensorData .sensorlist li .userSensordata .userId { width:100%; height:50px; padding:0 1rem; position:relative;}
.sensorData .sensorlist li .userSensordata .userId span { text-indent: 0.5rem; display: block;}
.sensorData .sensorlist li .userSensordata .userId span strong {cursor:pointer; font-size:1.167rem; line-height:50px; text-indent: 0.5rem; font-weight: 600;}
.sensorData .sensorlist li .userSensordata .userId span .btnMore { padding-right: 0.5rem; line-height:50px; background: none; border:none; cursor: pointer; display:inline-block;margin-left:3px;width:1rem;height:1rem;border-radius:100%;border:0;background:url("../images/arrow_drop.svg") no-repeat center;background-size:22px auto;cursor:pointer;font-size:0;vertical-align:middle;transition:0.25s ease;}
.sensorData .sensorlist li .userSensordata .userId span .btnMore.on {transform:rotate(180deg);transition:0.25s ease;}
.sensorData .sensorlist li .userSensordata .userId .individual {position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.sensorData .sensorlist li .userSensordata .userId .individual .btnM {}
.sensorData .sensorlist li .userSensordata .userId .individual .btnM:hover { background: #444;}
.sensorData .sensorlist li .userSensordata .tls table { margin:0; overflow-x : auto;}
.sensorData .sensorlist li.sensorEmpty {border-top:1px solid #d9dde3;border-bottom:1px solid #d9dde3;}
.sensorData .sensorEmptyState {display:flex;align-items:center;justify-content:center;min-height:10rem;background:#fafbfc;}
.sensorData .sensorEmptyState p {margin:0;color:#68707c;font-size:1rem;font-weight:500;line-height:1.5;text-align:center;}
/* 2022.07.15 데이터센서 목록에서 스크롤 없애기 */
.content.contentNoscroll {margin:0 auto; overflow-x:visible;}
/* 푸시발송 리스트*/
.push .boardTop .listSearch .selectSet.selectOpt { width: 150px; }
/* 푸시발송 상세 */
.pushDetail .buttonArea .download button.btnM { padding:0 2rem;}
.pushDetail h3 { font-size: 1.4rem;}
.pushDetail .tls table tbody tr th { background: #ededed; border-bottom: 1px solid #ddd}
.pushDetail .tls table tbody tr th span { color: red;}
.pushDetail .tls table tbody tr td { text-align: left;}
/* .pushDetail .tls table tbody tr td button.btnM { float: left;} */
.pushDetail .tls table tbody tr td button.filefind { padding: 0 1.538rem;}
.pushDetail .tls table tbody tr:hover td {background:none;}
.pushDetail .tls table tbody tr:first-child { border-top: 2px solid #cccccc; }
.pushDetail .tls table tbody tr td .radioButton {position: relative;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"] + label {display: inline-block; position: relative; padding-left: 1.8rem; cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 50%;transform:translate(0,-50%);width: 16px;height: 16px; text-align: center; border: 1px solid #cacece;border-radius: 100%;}
.pushDetail .tls table tbody tr td .radioButton label { margin-right: 1rem;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"]:checked + label:before {border-color: #00563F;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"]:checked + label:after {content: '';position: absolute;top: 50%;transform:translate(0,-50%);left: 5px;width: 8px;height: 8px;background: #00563F; border-radius: 100%;}
.pushDetail .tls table tbody tr td .radioButton input[type="radio"]:checked + label:disabled {content: '';position: absolute;top: 50%;transform:translate(0,-50%);left: 5px;width: 8px;height: 8px;background: #aaa; border-radius: 100%;}
.pushDetail .tls table tbody tr td .radioButton .calSet input[type="tel"]:disabled {color:#aaa;background:#f8f8f8; border: 1px solid #d1d1d3;}
.pushDetail .tls table tbody tr td .radioButton .calSet input[type="tel"] {background:#fff;}
.pushDetail .tls table tbody tr:nth-child(2) td input[type="text"] {width:95%; display: inline-block; margin-right: 0.2rem;}
.pushDetail .tls table tbody tr:nth-child(3) td textarea{width:95%; display: inline-block; min-height:250px; margin-right: 0.2rem;}
.pushDetail .tls table tbody tr td .no {vertical-align:bottom; display: inline-block;}
.pushDetail .tls table tbody tr:nth-child(1) td .no { vertical-align:middle; box-sizing: border-box; padding-left: 0.3rem;}
.pushDetail .tls table tbody tr td p { display: inline-block; min-width:auto;vertical-align:middle;text-align:center;box-sizing:border-box;border:none;border-radius:4px;padding:0 3rem 0 1rem;height:2.667rem;font-size:1.167rem;line-height:2.3; border:1px solid #777; position:relative;}
.pushDetail .tls table tbody tr td p.cannotEdit { background: #f8f8f8; border: 1px solid #d1d1d3; padding: 0 1rem; color: #aaa; }
.pushDetail .tls table tbody tr td p button { content: ''; display:inline-block; width: 20px; height:20px; border:none; border-radius: 100%; background: #aaa; background-repeat:no-repeat; background-image: url("../images/btn_close.png"); background-position: center; background-size: 10px; position:absolute; right:0.5rem; top: 7px; cursor: pointer; transition: 0.3s;}
.pushDetail .tls table tbody tr td p button:hover { background: #777; background-image: url("../images/btn_close.png"); background-position: center; background-size: 10px; background-repeat:no-repeat;  }
.pushDetail .receiver { margin: 3rem 0;}
.pushDetail .receiver .tls table tbody tr td { text-align: center;}
.pushDetail .receiver .tls table tbody tr td:nth-child(2) { color: #54a4dd}
.pushDetail .receiver .tls table tbody tr td:nth-child(2).fail { color: #ff0000}

/* 수신자 검색 팝업 */
.receiverPop {position:fixed;z-index:300;top:0;right:0;bottom:0;left:0; width:100%; height: 100%; background:rgba(0,0,0,.5);}
.receiverPop h2 {font-size: 1.4rem; padding: 0 0 2rem 0; position: relative; }
.receiverPop h2 i{position: absolute; right:0; top:0; background-repeat: no-repeat; background-size: contain; width: 1.5rem;height: 1.5rem; background-image: url("../images/btn_close_b.png"); cursor:pointer; font-size:0;  }
.receiverPopcon, .heartPopcon {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:60rem;min-height:10rem; padding:2rem;;box-shadow:3px 3px 12px 0px rgba(0, 0, 0,.16);box-sizing:border-box;border-top-left-radius:15px;border-bottom-right-radius:15px;background:#fff;}
.receiverPopcon .searchSet .sInput,
.heartPopcon .searchSet .sInput {width: 30rem; margin-bottom: 1.5rem;}
.receiverPopcon .tls table,
.heartPopcon .tls table { margin-top:0;}
.receiverPopcon .tls .tablescroll,
.heartPopcon .tls .tablescroll { height: 40rem; width:100%; overflow:auto; padding: 0 1rem;}
.receiverPopcon .tls table thead tr th,
.receiverPopcon .tls table tbody tr td,
.heartPopcon .tls table thead tr th,
.heartPopcon .tls table tbody tr td { text-align: center; position:relative;}
.receiverPopcon .tls table thead tr input[type='checkbox'],
.receiverPopcon .tls table tbody tr input[type='checkbox'] { width: 20px; height: 20px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); cursor: pointer;}
.receiverPopcon .tls table thead tr input[type='checkbox'] + label,
.receiverPopcon .tls table tbody tr input[type='checkbox'] + label { display:inline-block; width: 20px; height: 20px; border:1px solid #777; margin-top:5px;}
.receiverPopcon .tls table thead tr input[type='checkbox']:checked + label,
.receiverPopcon .tls table tbody tr input[type='checkbox']:checked + label { background:#00563F; background-repeat: no-repeat; background-size: 13px 13px; background-position: center; background-image: url('../images/i_checkbox_checked.svg'); border:none;  }
.receiverPopcon .buttonArea,
.heartPopcon .buttonArea { width: 33%; position:relative; margin:auto; margin-top: 30px;}
.receiverPopcon .buttonArea .download:first-of-type,
.heartPopcon .buttonArea .download:first-of-type { float:left; margin-right:1rem;}
.receiverPopcon .buttonArea .download button,
.heartPopcon .buttonArea .download button { padding: 0 3rem; float:right;}

/* 그래프 팝업 */
.graphDim {position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);}
.graphPop {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:115rem;height:90%;min-height:10rem;padding:0 0 1.4rem;box-shadow:3px 3px 12px 0px rgba(0, 0, 0,.16);box-sizing:border-box;border-top-left-radius:15px;border-bottom-right-radius:15px;background:#fff;}
.graphPop {padding-bottom:1rem;}
.graphPop .titleArea {height:3.8rem;padding:1.4rem 1.1rem 0.4rem;}
.graphPop .titleArea h1 {padding-bottom:0.7rem;font-size:1.1rem;border-bottom:1px solid #e1e1e6;}
.graphPop .backArea {padding:0 1.1rem 5rem;}
.graphPop .backArea p {word-break:break-all;}

/* 2022.07.19 로딩 화면 */
#loading { position:fixed;z-index:400; top:0;right:0;bottom:0;left:0;background:rgba(255, 255, 255, .5);}
#loading .loadingCon { font-size:0; display: inline-block; width: 60px; height: 60px; position:absolute; top:50%; left: 49%; border: 2px solid #dfdfdf; border-radius: 50%; border-top-color: #00563F; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }

/* 2022.07.19 로딩 화면 애니메이션 */
@keyframes spin {
    to {-webkit-transform: rotate(360deg);}
}
@webkit-keyframes spin {
    to {-webkit-transform: rotate(360deg);}
}

/* 2022.07.22 PUSH발송-시스템발송 목록 */
.pushListNosearch .receiverList table tbody tr td:nth-child(4) { color: #54a4dd;}
.pushListNosearch .receiverList table tbody tr td.fail { color: #ff0000;;}

/* 2022-08-05 강준일 */
.numericValue input {text-align: center;}
.saveData button {width: 100px; margin: 0 auto;}
.saveData .save {float: left;}
.saveData .cancel {float: right;}
.alreadyData {background: lightgray;}

/* 설문지 관리 신규등록 */
/* 푸시발송 상세 */
.surveyInsert .buttonArea .download button.btnM { padding:0 2rem;}
.surveyInsert h3 { font-size: 1.4rem; margin-top: 10px;}
.surveyInsert .tls table tbody tr {height: 51px;}
.surveyInsert .tls table tbody tr th { background: #ededed; border-bottom: 1px solid #ddd}
.surveyInsert .tls table tbody tr th span { color: red;}
.surveyInsert .tls table tbody tr td { text-align: left;}
/* .surveyInsert .tls table tbody tr td button.btnM { float: left;} */
.surveyInsert .tls table tbody tr td button.filefind { padding: 0 1.538rem;}
.surveyInsert .tls table tbody tr:hover td {background:none;}
.surveyInsert .tls table tbody tr:first-child { border-top: 2px solid #cccccc; }
.surveyInsert .tls table tbody tr td .radioButton {position: relative;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"] + label {display: inline-block; position: relative; padding-left: 1.8rem; cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 50%;transform:translate(0,-50%);width: 16px;height: 16px; text-align: center; border: 1px solid #cacece;border-radius: 100%;}
.surveyInsert .tls table tbody tr td .radioButton label { margin-right: 1rem;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"]:checked + label:before {border-color: #00563F;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"]:checked + label:after {content: '';position: absolute;top: 50%;transform:translate(0,-50%);left: 5px;width: 8px;height: 8px;background: #00563F; border-radius: 100%;}
.surveyInsert .tls table tbody tr td .radioButton input[type="radio"]:checked + label:disabled {content: '';position: absolute;top: 50%;transform:translate(0,-50%);left: 5px;width: 8px;height: 8px;background: #aaa; border-radius: 100%;}
.surveyInsert .tls table tbody tr td .radioButton .calSet input[type="tel"]:disabled {color:#aaa;background:#f8f8f8; border: 1px solid #d1d1d3;}
.surveyInsert .tls table tbody tr td .radioButton .calSet input[type="tel"] {background:#fff;}
.surveyInsert .tls table tbody tr td input[type="text"] {width:95%; display: inline-block; margin-right: 0.2rem;}
.surveyInsert .tls table tbody tr:nth-child(2) td input.surveyQuestion[type="text"] {width:95%; display: inline-block; margin-right: 0.2rem;}
.surveyInsert .tls table tbody tr:nth-child(3) td textarea{width:95%; display: inline-block; min-height:250px; margin-right: 0.2rem;}
.surveyInsert .tls table tbody tr td .no {vertical-align:bottom; display: inline-block;}
.surveyInsert .tls table tbody tr:nth-child(1) td .no { vertical-align:middle; box-sizing: border-box; padding-left: 0.3rem;}
.surveyInsert .tls table tbody tr td p { display: inline-block; min-width:auto;vertical-align:middle;text-align:center;box-sizing:border-box;border:none;border-radius:4px;padding:0 3rem 0 1rem;height:2.667rem;font-size:1.167rem;line-height:2.3; border:1px solid #777; position:relative;}
.surveyInsert .tls table tbody tr td p.cannotEdit { background: #f8f8f8; border: 1px solid #d1d1d3; padding: 0 1rem; color: #aaa; }
.surveyInsert .tls table tbody tr td p button { content: ''; display:inline-block; width: 20px; height:20px; border:none; border-radius: 100%; background: #aaa; background-repeat:no-repeat; background-image: url("../images/btn_close.png"); background-position: center; background-size: 10px; position:absolute; right:0.5rem; top: 7px; cursor: pointer; transition: 0.3s;}
.surveyInsert .tls table tbody tr td p button:hover { background: #777; background-image: url("../images/btn_close.png"); background-position: center; background-size: 10px; background-repeat:no-repeat;  }
.surveyInsert .receiver { margin: 3rem 0;}
.surveyInsert .receiver .tls table tbody tr td { text-align: center;}
.surveyInsert .receiver .tls table tbody tr td:nth-child(2) { color: #54a4dd}
.surveyInsert .receiver .tls table tbody tr td:nth-child(2).fail { color: #ff0000}

.surveyInsert .receiverPop h2 {text-align: center; font-size: 25px;}
.surveyInsert .receiverPop .tls table tbody tr td {text-align: center;}

#headColor{background: #CFE7DC;}
.auto {color: rgb(0, 0, 255); cursor: pointer;}
.manual {color: rgb(255, 0, 0); cursor: pointer;}
.centerChk {margin-right: 0rem;}
#surveyList tr {height: 51px;}
.updown:nth-child(1) {margin-left: 1.5rem;}

.widthSet {width: 43%;}
.question {font-size: 16px;}
.newQuestion {background: #DFF0F5;}
.newQuestion td:nth-child(2) input[type="text"] {width: 100%;}
#addQuestion {margin-left: 1.5rem;}
.questionLayer {margin: 3rem 0;}
.inquiryUser .tls table tbody tr td {text-align: center;}

.deleteRow {width: 30px; height: 30px; background: #fff; border: 1px solid black; text-align: center; display:inline-block; vertical-align:middle;  cursor:pointer; box-sizing:border-box; border-radius:4px; transition:0.2s;}
.pop2 .tls .tablescroll table tbody tr td {text-align: left;}

/* 1201 ~ AJH*/

.sensorData .upload{
    position: absolute;
    top: 50%;
    right: 146px;
    transform: translate(0,-50%);
}

.userSensordata{
    position : relative;
    min-width: calc(1280px - 5.45rem);
    overflow: hidden;
    /* overflow-x : auto; */

}

.sensorData .tls{
    width : 100%;
    overflow: auto;
    height: 610px;
}

.sensorData .tls table{
    width : 100%;
    margin : auto;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;

}

.sensorData .tls.main_tls table{
    width : 250%;
}
.sensorData .tls table thead tr th {
    font-weight:600;
    color:#505050;
    background:#dddddd;
    padding:0.8rem;
}

.sensorData .tls table th.tms{
    background:#DDEFE7;
}

.sensorData table thead {
    position: sticky;
    top: 0;
    z-index:10;
}
.sensorData table th:first-child{
    position: sticky;
    left: 0;
    background : #fff;
    border-bottom: 1px solid #ddd;
    border-right : 1px solid #ddd;
    z-index:3;
}

.sensorData table thead th:first-child{
    border-top: none;
    position: sticky;
}
.sensorData table thead th:nth-child(4){
    border-left : 1px solid #ddd;
    /* border-bottom : 1px solid #ddd; */
}
.sensorData table .sd_tms{
    background : #DDEFE7;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_time{
    background : #a19c94;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_hand{
    background : #8c867b;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_acp{
    background : #ba9768;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_head{
    background : #d15258;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_acg{
    background : #b1ba9b;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.sensorData table .sd_ios{
    background : #b08686;
    font-weight: 600;
    border-left : 1px solid #ddd;
    border-top : 1px solid #ddd;
}

.userSensordata .showMore{
    position: absolute;
    left: 50%;
    /* top: 580px; */
    bottom: 50px;
    z-index: 15;
    overflow: hidden;
    display : none;
}

.userSensordata .showMore button{
    padding: 0 7.5rem;
}
.sensorData .userSensordata{
    /* height : 770px; */
}
.sensorData .tls .showMore button{
    padding : 0 7rem;
}
.sensorData .tls table tbody tr td{
    /* border-width : 1px; */
}

.sensorData .tls table tbody.hide_tb{
    display : none;
}

.sensorData .dataCbox{
    margin-left: 50px;
    position: absolute;
    top: 32%;
    right: 269px;
}
.sensorData .dataCheck{
    display: inline;

    padding: 5px 5px 5px 20px;
    border-radius: 50%;
    margin-left: 4px;
}

.sensorData .dataCheck.on{
    border: 1px solid black;
}

.sensorData .dataCheck.dataTms{
    background : #DDEFE7;
    /* margin-left : 20px; */
}

.sensorData .dataCheck.dataAcp{
    background : #B2CCFF;

}

.sensorData .dataCheck.dataAcg{
    background : #CFE7DC;

}

.sensorData .dataCheck.dataDis{
    background : #ddd;
}

.sensorData .uploadPop {
    position:fixed;
    z-index:300;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height: 100%;
    background:rgba(0,0,0,.5);
}

.sensorData .uploadPop .tls{
    height : 340px;
}
.sensorData .uploadPop h2 {
    font-size: 1.4rem;
    padding: 0 0 2rem 0;
    position: relative;
}
.sensorData .uploadPop h2 i{
    position: absolute;
    right:0;
    top:0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../images/btn_close_b.png");
    cursor:pointer;
    font-size:0;
}
.sensorData .uploadPopcon{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:60rem;
    min-height:10rem;
    padding:2rem;
    box-shadow:3px 3px 12px 0px rgba(0, 0, 0,.16);
    box-sizing:border-box;
    border-top-left-radius:15px;
    border-bottom-right-radius:15px;
    background:#fff;
}
.sensorData .uploadPopcon .searchSet .sInput{
    width: 30rem;
    margin-bottom: 1.5rem;
}
.sensorData .uploadPopcon .tls table{
    margin-top:0;
}
.sensorData .uploadPopcon .tls .tablescroll{
    /* height: 40rem;  */
    height: 24rem;
    width:100%;
    overflow:auto;
    padding: 0 1rem;
}
.sensorData .uploadPopcon .tls table thead tr th,
.sensorData .uploadPopcon .tls table tbody tr td
{
    text-align: center;
    position:relative;
}

.sensorData .uploadPopcon .tls table tbody tr td:nth-child(2){
    text-align: left;
}

.sensorData .uploadPopcon .tls table tbody tr td:nth-child(2).fileName .fileDel{
    display : none;

}

.sensorData .uploadPopcon .tls table tbody tr td:nth-child(2).fileName.fileOn .fileDel{
    display : block;

}
.sensorData .uploadPopcon .tls table tbody tr td .fileUp.fileDis::after{
    content : '데이터 형식이 올바르지 않습니다. 파일을 다시 확인해주세요.';
    position : absolute;
    color : red;
    top: 16px;
    left: 112px;
}

.sensorData .uploadPopcon .tls table tbody tr td .fileName{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 591px;
}


.sensorData .uploadPopcon .tls table tbody tr td .fileName .fileDel{
    display : none;
    position: absolute;
    top: 19%;
    right: 5px;
    padding: 5px;
    cursor : pointer;
}



.sensorData .uploadPopcon .tls table tbody tr td .fileName.fileOn .fileDel{
    position: absolute;
    right: 9px;
    top: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.1rem;
    height: 0.1rem;
    background-image: url(../images/btn_close_b.png);
    cursor: pointer;
    font-size: 0px;
    display : block;
}

.sensorData .uploadPopcon .tls table tbody tr td .fileName.fileOn{
    border: 1px solid #ddd;
    padding: 9px 4px;

}

.sensorData .uploadPopcon .tls table thead tr input[type='checkbox'],
.sensorData .uploadPopcon .tls table tbody tr input[type='checkbox'] {
    width: 20px;
    height: 20px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.sensorData .uploadPopcon .tls table thead tr input[type='checkbox'] + label,
.sensorData .uploadPopcon .tls table tbody tr input[type='checkbox'] + label {
    display:inline-block;
    width: 20px;
    height: 20px;
    border:1px solid #777;
    margin-top:5px;
}
.sensorData .uploadPopcon .tls table thead tr input[type='checkbox']:checked + label,
.sensorData .uploadPopcon .tls table tbody tr input[type='checkbox']:checked + label { background:#00563F;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center;
    background-image: url('../images/i_checkbox_checked.svg');
    border:none;
}
.sensorData .uploadPopcon .buttonArea{
    width: 33%;
    position:relative;
    margin:auto;
    margin-top: 30px;
}
.sensorData .uploadPopcon .buttonArea .download:first-of-type {
    float:left;
    margin-right:1rem;
}
.sensorData .uploadPopcon .buttonArea .download button{
    padding: 0 3rem;
    float:right;
}

.sensorData .uploadPopcon .flieName{
    width: 510px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.sensorData .sensorlist li .userSensordata .tls table{
    margin-bottom : 150px;
    border-collapse: separate;
}

.sensorData .sensorlist li{
    /* margin-bottom : 50px; */
}

.sensorData .tls table thead tr{
    border-bottom: none;
}

.sensorData .uploadPopcon .tls table{
    width : 100%;
}

/* ===== error ===== */
body#error {
    width:100%;
    height:100vh;
    overflow:hidden;
}
#errorWrap {
    width:100%;
    height:100vh;
    overflow:hidden;
    position : fixed;
    left : 0;
}
/* #errorWrap .bgBack {position:absolute;left:-150px;right:0;top:0;bottom:0;height:100vh;text-align:center;overflow:hidden;background:url("../images/bg_2.jpg") no-repeat;background-size:100% 100%;} */
#errorWrap .formBack {
    position:absolute;
    display:table;
    left:40%;
    top:45%;
    transform:translate(0, -50%);
    max-height:700px;
    width:500px;
    height:calc(100% - 160px);
    z-index:2;
    border-radius:2.3rem;
}
#errorWrap .formBack2 {
    display:table-cell;
    padding:10rem 3rem 3rem 3rem;
    vertical-align:top;
    text-align:center;
}
#errorWrap .errorForm {
    max-width:350px;
    margin:0 auto;
}
#errorWrap .errorForm .btnerror {
    margin:1rem 0 0;
    height:4.2rem;
    color:#fff;
    font-size:1.333rem;
    font-weight:700;
    transition:0.5s;
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);background-image:linear-gradient(90deg, rgba(0,111,81,1) 0%, rgba(0,86,63,1) 25%, rgba(0,67,49,1) 100%);background-size:200% auto;}
#errorWrap .errorForm .btnerror:hover {background-position:right center;transition:.3s;}
#errorWrap .errorForm h1 {position:relative;font-size:5rem;color:#111;letter-spacing:-1px;word-spacing:-1px;line-height:1.4;}
/* #errorWrap h1:before {content:"";position:absolute;top:-0.5rem;left:0;display:inline-block;width:5rem;height:5rem;text-indent:-9999px;border:1px solid #000;border-radius:50%;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_anduLogo.png") no-repeat center;background-size:contain;} */
#errorWrap.dev h1:before {content:"";display:block;margin:0 0 1rem;width:5rem;height:5rem;text-indent:-9999px;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_logoting_dev.svg") no-repeat center;background-size:contain;}
#errorWrap .errorForm h1 b {font-weight:300;font-size:2rem;color:#999;}
#errorWrap .errorForm h1 span {display:block;font-size:2.167rem;font-family:inherit;font-weight:bold;color:#111;letter-spacing:0;}
#errorWrap .errorForm p {padding:0 0 3rem;line-height:1.5;font-size:2rem;color:#888;}
#errorWrap .errorForm p span {font-size:inherit;color:#d44b3e;}
#errorWrap .errorForm p strong {display:block;padding:0 0 3px;font-size:1.133rem;color:#111;}
#errorWrap .errorForm form {position:relative;}
#errorWrap .errorForm form .errorInput {display:block;position:relative;margin-top:1rem;width:100%;}
#errorWrap .errorForm form .errorInput span {display:block;height:3.6rem;text-align:left;}
#errorWrap .errorForm form .errorInput span input {padding:3px 1rem 0;width:100%;height:100%;font-size:1.167rem;}
#errorWrap .errorForm form .errorMsg {display:block;text-align:left;color:#ff0000;margin-top:1rem;}
#errorWrap .else {margin-top:10px;overflow:hidden;font-size:15px;}
#errorWrap .else a {font-size:15px;vertical-align:middle;}
#errorWrap .else a:hover {text-decoration:underline;}
#errorWrap .else a + a:before {content:"";display:inline-block;margin:0 5px;height:13px;width:1px;background:#555;vertical-align:middle;}


/* ===== loading ===== */
body#loading {width:100%;height:100vh;overflow:hidden;}
#loadingWrap {width:100%;height:100vh;overflow:hidden;
    position : fixed;
    left : 0;
}
/* #loadingWrap .bgBack {position:absolute;left:-150px;right:0;top:0;bottom:0;height:100vh;text-align:center;overflow:hidden;background:url("../images/bg_2.jpg") no-repeat;background-size:100% 100%;} */
#loadingWrap .formBack {position:absolute;display:table;left:40%;top:45%;transform:translate(0, -50%);max-height:700px;width:500px;height:calc(100% - 160px);z-index:2;border-radius:2.3rem;}
#loadingWrap .formBack2 {display:table-cell;padding:10rem 3rem 3rem 3rem;vertical-align:top;text-align:center;}
#loadingWrap .loadingForm {max-width:350px;margin:0 auto;}
#loadingWrap .loadingForm .btnloading {margin:1rem 0 0;height:4.2rem;color:#fff;font-size:1.333rem;font-weight:700;transition:0.5s;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);background-image:linear-gradient(90deg, rgba(0,111,81,1) 0%, rgba(0,86,63,1) 25%, rgba(0,67,49,1) 100%);background-size:200% auto;}
#loadingWrap .loadingForm .btnloading:hover {background-position:right center;transition:.3s;}
#loadingWrap .loadingForm h1 {position:relative;font-size:5rem;color:#111;letter-spacing:-1px;word-spacing:-1px;line-height:1.4;}
/* #loadingWrap h1:before {content:"";position:absolute;top:-0.5rem;left:0;display:inline-block;width:5rem;height:5rem;text-indent:-9999px;border:1px solid #000;border-radius:50%;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_anduLogo.png") no-repeat center;background-size:contain;} */
#loadingWrap.dev h1:before {content:"";display:block;margin:0 0 1rem;width:5rem;height:5rem;text-indent:-9999px;overflow:hidden;white-space:nowrap;font-size:0;background:url("../images/i_logoting_dev.svg") no-repeat center;background-size:contain;}
#loadingWrap .loadingForm h1 b {font-weight:300;font-size:2rem;color:#999;}
#loadingWrap .loadingForm h1 span {display:block;font-size:2.167rem;font-family:inherit;font-weight:bold;color:#111;letter-spacing:0;}
#loadingWrap .loadingForm p {padding:0 0 3rem;line-height:1.5;font-size:2rem;color:#888;}
#loadingWrap .loadingForm p span {font-size:inherit;color:#d44b3e;}
#loadingWrap .loadingForm p strong {display:block;padding:0 0 3px;font-size:1.133rem;color:#111;}
#loadingWrap .loadingForm form {position:relative;}
#loadingWrap .loadingForm form .loadingInput {display:block;position:relative;margin-top:1rem;width:100%;}
#loadingWrap .loadingForm form .loadingInput span {display:block;height:3.6rem;text-align:left;}
#loadingWrap .loadingForm form .loadingInput span input {padding:3px 1rem 0;width:100%;height:100%;font-size:1.167rem;}
#loadingWrap .loadingForm form .loadingMsg {display:block;text-align:left;color:#ff0000;margin-top:1rem;}
#loadingWrap .else {margin-top:10px;overflow:hidden;font-size:15px;}
#loadingWrap .else a {font-size:15px;vertical-align:middle;}
#loadingWrap .else a:hover {text-decoration:underline;}
#loadingWrap .else a + a:before {content:"";display:inline-block;margin:0 5px;height:13px;width:1px;background:#555;vertical-align:middle;}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 150px;
    height: 150px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btnPopCancel1{position: absolute; right:10px; top:13px; background-repeat: no-repeat; background-size: contain; width: 1.5rem;height: 1.5rem; background-image: url("../images/btn_close_b.png"); cursor:pointer; font-size:0;  }

#header .menu button.langKo {display:inline-block;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_kor_01.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#header .menu button.langKoIn {display:inline-block;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_kor_00.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#header .menu button.langEn {display:inline-block;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_eng_01.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#header .menu button.langEnIn {display:inline-block;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_eng_00.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#lang button.langKo {display:inline-block;margin-top:25px;margin-right:10px;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_kor_01.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#lang button.langKoIn {display:inline-block;margin-top:25px;margin-right:10px;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_kor_00.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#lang button.langEn {display:inline-block;margin-top:25px;margin-right:10px;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_eng_01.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}
#lang button.langEnIn {display:inline-block;margin-top:25px;margin-right:10px;width:2.5rem;height:2.5rem;border:none;background:url("../images/lgg_eng_00.png") no-repeat center;cursor:pointer;text-indent:-9999px;background-size:cover;}

/* 3버전 css 추가 */
.selectSet select:required:invalid {color: #ccc;}
.selectSet option[value=""][disabled] {display:none}
.boardTop .listSearch .selectSet:last-of-type {border-right: 1px solid #00563F;}
.userSensordata .btn-group {position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;gap: 10px;}
.sensorData .tls.active_tls table {width: 180%;}
.sensorData .tls table thead tr th.sd_tit_c {background-color: #CFE7DC;}
.sensorData table .sd_c_1 {background : #C7DCA7;font-weight: 600;border-left : 1px solid #ddd;border-top : 1px solid #ddd;}
.sensorData table .sd_c_2 {background : #DDEFE7;font-weight: 600;border-left : 1px solid #ddd;border-top : 1px solid #ddd;}
.sensorData table .sd_c_3 {background : #DCBFFF;font-weight: 600;border-left : 1px solid #ddd;border-top : 1px solid #ddd;}

.pdf-wrap {position:relative;}
.pdf-header {position: sticky;top: 0; min-width: 1280px;background:#212121;-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.2);box-shadow: 0px 5px 8px rgba(0,0,0,0.2);background:#fff;}
.pdf-header .title {position: relative; background:#00563F;-webkit-print-color-adjust:exact;text-align: center;}
.pdf-header .title h1 {height: 4.6rem;line-height: 4.6rem;color: #fff;font-size: 1.5rem;}
.pdf-header .title .sup {position: absolute;right: 4.1rem;top: 1rem;color: #fff;}
.pdf-header .desc {font-size: 1.1rem;text-align: center;line-height: 3rem;font-weight: bold;}
.pdf-container {display: flex;flex-direction: column;}
.pdf-page {padding-bottom: 50px;}
.pdf-page .info {width: 1280px;margin: 0 auto;padding: 7mm 7mm;}
.pdf-page .info .title {position: relative;padding-left: 15px; font-size: 1.1rem;font-weight: bold;}
.pdf-page .info .title::before {content: "";position: absolute;left: 2px;top: 8px;display: block;width: 8px;height: 8px;background-color: #00563F;border-radius: 50%;}
.pdf-page .page-break + .page-break {padding-top: 30px;}
/* table list style */
.info .tbl table {width:100%;margin-top:1rem;border-collapse:collapse;background:#fff;-webkit-print-color-adjust:exact;}
.info .tbl table th,
.info .tbl table td {padding:8px 10px;height:40px;text-align:center;word-break:break-all;vertical-align:middle;box-sizing:border-box;transition:0.1s;}
.info .tbl table td.c-left {text-align: left;}
.info .tbl table td span {display: block;}
.info .tbl table thead tr th {font-weight:600;color:#505050;background:#dddddd;-webkit-print-color-adjust:exact;padding:0.8rem 0;}
.info .tbl table tbody tr td {border:1px solid #ddd;border-width:0 0 1px 1px;}
.info .tbl table tbody tr td:first-child {border-left: 0;}
.info .tbl a {color:#000;cursor:pointer;}
.info .tbl .tbl-3 {width: 18%;}
.info .tbl .tbl2-1 {width: 12%;}
.info .tbl .tbl2-2 {width: 12%;}
.info .tbl .tbl2-3 {width: 20%;}
.graph-group {display: flex;width: 100%;gap: 10px;flex-wrap: wrap;margin-top: 20px;}
.graph-group .graph-step {background-color: #fff;width: calc(25% - 10px);}
.graph-group .graph-step:nth-child(5) {width: calc(37.5% - 10px);}
.graph-group .graph-step:nth-child(6) {width: calc(37.5% - 10px);}
.graph-group .graph-title {display: block;text-align: center;font-weight: bold;padding: 10px;}
.graph-group .graph {min-height: 200px;}
.travel-distance {margin-top: 10px;}
.travel-distance .map {position: relative; min-height: 200px;background-color: #fff;line-height: 1;font-size: 0;}
.travel-distance .map-chk-list {overflow-y: auto; position: absolute;right: 0;top: 0; width: 250px;height: 100%;padding: 10px;background-color: #fff;border-left: 1px solid #ddd;}
.travel-distance .map-chk-list ul {
    display: flex;
    flex-direction: column;
}
.travel-distance .map-chk-list li {padding: 10px 0;}
.acti-graph .graph-title {padding: 10px;display: block;text-align: center;}
@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        background-color: #fff;-webkit-print-color-adjust:exact;
    }
    .pdf-wrap {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
    }
    .pdf-header {
        min-width: auto;
        position: relative;
    }
    .pdf-header .title .sup {
        right: 3mm;
        top: 3mm;
    }
    .pdf-page {
        padding-bottom: 0;
    }
    .pdf-page .info {
        width: 100%;
    }
    .graph-group .graph {
        height: 40mm;
    }
    .page-break {
        page-break-inside: avoid;
    }
}

/* 관리자 접속 페이지 설정 */
.adminMenuPop {
	width:460px;
	min-height:500px;
}
.adminMenuPop .titleArea {
	height:4.2rem;
	padding:1.35rem 1.4rem 0.45rem;
}
.adminMenuPop .titleArea h1 {
	font-size:1.15rem;
	font-weight:700;
	color:#222;
}
.adminMenuPop .backArea {
	padding:0 1.4rem 5.8rem;
}
.adminMenuDesc {
	margin:0 0 1rem;
	padding:0.9rem 1rem;
	border-radius:8px;
	background:#f7f8fb;
	color:#555;
	font-size:0.95rem;
	line-height:1.45;
}
.adminMenuSection + .adminMenuSection {
	margin-top:1.15rem;
	padding-top:1rem;
	border-top:1px solid #e8eaf0;
}
.adminMenuLabel {
	display:block;
	margin-bottom:0.7rem;
	font-size:1rem;
	font-weight:700;
	color:#222;
}
.adminMenuGrid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0.6rem;
}
.menuAuthOption {
	display:flex;
	align-items:center;
	min-height:42px;
	padding:0 0.9rem;
	border:1px solid #dfe3eb;
	border-radius:8px;
	background:#fff;
	cursor:pointer;
	transition:border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.menuAuthOption:hover {
	border-color:#00563F;
	background:#F2F8F5;
}
.menuAuthOption input {
	flex:0 0 auto;
	width:16px;
	height:16px;
	margin:0 0.55rem 0 0;
	accent-color:#00563F;
}
.menuAuthOption .menuAuthText {
	font-size:0.95rem;
	font-weight:600;
	color:#333;
	line-height:1.3;
}
.menuAuthOption.is-checked {
	border-color:#00563F;
	background:#EAF4EF;
	box-shadow:0 0 0 2px rgba(0,86,63,0.08);
}
.adminMenuHint {
	margin:-0.25rem 0 0.65rem;
	color:#777;
	font-size:0.86rem;
	line-height:1.4;
}
.adminMenuStartSelect {
	width:100%;
}
.adminMenuStartSelect select {
	width:100%;
}

.squatRecord .boardTop {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.squatRecord .listSearch {display:flex;flex:1 1 auto;flex-wrap:wrap;gap:0.6rem;align-items:center;}
.squatRecord .listSearch .selectSet,
.squatRecord .listSearch .calDupSet {border:1px solid #00563F;}
.squatRecord .squatRecordThemeBtn {color:#fff;background:#00563F;}
.squatRecord .squatRecordThemeBtn:hover,
.squatRecordPeriodPop .squatRecordThemeBtn:hover {background:#004733;}
.squatRecordDownloadArea {float:none;display:flex;flex:0 0 auto;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;margin:0 0 1rem auto;}
.squatRecordDownloadArea .download {margin-left:0;}
.squatRecordDownloadGroup {display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;padding-left:0.75rem;border-left:1px solid #ddd;}
.squatRecordDownloadGroup:first-child {padding-left:0;border-left:0;}
.squatRecordDownloadGroupTitle {font-size:0.8rem;font-weight:700;color:#666;white-space:nowrap;}
.squatRecordDownloadGroup button:disabled {opacity:0.45;cursor:not-allowed;}
.squatRecordPeriodPop {z-index:301;width:34rem;min-height:16rem;}
.squatRecordPeriodPop .backArea {padding-bottom:4.5rem;}
.squatRecordPeriodPop .squatRecordPeriodForm select {width:100%;height:2.667rem;padding:0 0.75rem;border:1px solid #00563F;background:#fff;}
.squatRecordIndividualActions {display:flex;gap:0.5rem;margin-top:0.5rem;}
.squatRecordSelectedUsers {display:flex;flex-wrap:wrap;gap:0.45rem;max-height:9rem;overflow:auto;margin:0.7rem 0 0;padding:0;list-style:none;}
.squatRecordSelectedUsers li {display:flex;align-items:center;gap:0.4rem;max-width:100%;padding:0.3rem 0.45rem;border:1px solid #cbd8d3;border-radius:4px;background:#f5f8f6;}
.squatRecordSelectedUsers li span {overflow-wrap:anywhere;}
.squatRecordSelectedUsers li button {display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;padding:0;border:0;background:transparent;color:#555;font-size:1.1rem;cursor:pointer;}
.squatRecordPeriodPop .squatRecordNoData {margin:0.75rem 0 0;color:#777;}
.squatRecordPeriodForm label {display:block;margin-bottom:0.7rem;font-size:1rem;font-weight:700;color:#222;}
.squatRecordPeriodPop .squatRecordPeriod {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0.6rem;align-items:center;width:100%;background:#fff;}
.squatRecordPeriodPop .squatRecordPeriod .calSet {float:none;display:block;width:100%;}
.squatRecordPeriodPop .squatRecordPeriod em {float:none;padding:0;line-height:2.667rem;text-align:center;}
.squatRecordPeriodPop .calSet input {width:100%;border-color:#00563F;}
.squatRecordPeriodPop .btnArea .squatRecordThemeBtn {color:#fff;background:#00563F;}
.squatRecordLayout {display:grid;grid-template-columns:20rem minmax(0,1fr);gap:1rem;margin-top:1rem;min-height:38rem;}
.squatRecordListPanel,
.squatRecordDetailPanel {border:1px solid #ddd;background:#fff;box-sizing:border-box;}
.squatRecordListPanel {min-width:0;}
.squatRecordDetailPanel {min-width:0;overflow:auto;padding:1rem;}
.squatRecordPanelHead {display:flex;align-items:center;justify-content:space-between;height:3.4rem;padding:0 1rem;border-bottom:1px solid #e5e5e5;background:#f7f8fa;}
.squatRecordPanelHead strong {font-size:1rem;font-weight:700;color:#222;}
.squatRecordPanelHead span {font-size:0.9rem;color:#666;}
.squatRecordUserList {height:34.6rem;overflow:auto;}
.squatRecordUserList li {border-bottom:1px solid #eee;}
.squatRecordUser {display:block;width:100%;padding:0.9rem 1rem;border:0;background:#fff;text-align:left;cursor:pointer;box-sizing:border-box;}
.squatRecordUser:hover,
.squatRecordUser.on {background:#EAF4EF;}
.squatRecordUser strong,
.squatRecordUser span,
.squatRecordUser em,
.squatRecordUser small {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.squatRecordUser strong {font-size:1rem;font-weight:700;color:#222;}
.squatRecordUser span {margin-top:0.2rem;font-size:0.86rem;color:#555;}
.squatRecordUser em {margin-top:0.45rem;font-style:normal;font-size:0.84rem;color:#00563F;}
.squatRecordUser small {margin-top:0.2rem;font-size:0.78rem;color:#777;}
.squatRecordEmpty,
.squatRecordNoData {padding:2rem 1rem;text-align:center;color:#777;}
.squatRecordDetailHead {display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5;}
.squatRecordDetailHead strong {display:block;font-size:1.25rem;color:#222;}
.squatRecordDetailHead span,
.squatRecordDetailHead p {font-size:0.9rem;color:#666;}
.squatRecordDetailActions {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;justify-content:flex-end;}
.squatSessionCard {margin-bottom:1rem;border:1px solid #ddd;background:#fff;}
.squatSessionTop {display:flex;align-items:center;justify-content:space-between;padding:0.8rem 1rem;background:#f7f8fa;border-bottom:1px solid #e5e5e5;}
.squatSessionTop strong {font-size:1rem;color:#222;}
.squatSessionTop span {display:inline-block;min-width:3.8rem;padding:0.25rem 0.6rem;border-radius:999px;background:#e64b30;color:#fff;font-size:0.82rem;text-align:center;}
.squatSessionTop span.complete {background:#1f6fe5;}
.squatSessionSummary {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-bottom:1px solid #e5e5e5;}
.squatSessionSummary div {padding:0.85rem 1rem;border-right:1px solid #eee;}
.squatSessionSummary div:last-child {border-right:0;}
.squatSessionSummary span {display:block;margin-bottom:0.35rem;font-size:0.78rem;color:#777;}
.squatSessionSummary strong {display:block;font-size:0.9rem;color:#222;word-break:break-all;}
.squatSetGrid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;padding:1rem;}
.squatSetCard {border:1px solid #e1e1e1;background:#fff;}
.squatSetCard h3 {height:2.7rem;padding:0 0.8rem;line-height:2.7rem;font-size:0.95rem;color:#222;background:#fbfbfb;border-bottom:1px solid #eee;}
.squatSetTimeRows {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #eee;}
.squatSetTimeRows dl {display:grid;grid-template-columns:8.5rem minmax(0,1fr);min-width:0;}
.squatSetTimeRows dl:nth-child(2n) dt {border-left:1px solid #f0f0f0;}
.squatSetTimeRows dl:nth-child(-n+2) dt,
.squatSetTimeRows dl:nth-child(-n+2) dd {border-bottom:1px solid #f0f0f0;}
.squatSetTimeRows dt,
.squatSetTimeRows dd {min-height:2.35rem;padding:0.55rem 0.75rem;box-sizing:border-box;font-size:0.82rem;word-break:break-all;}
.squatSetTimeRows dt {background:#fafafa;color:#666;font-weight:600;}
.squatSetTimeRows dd {color:#222;}
.squatSetCard dl {display:grid;grid-template-columns:8.5rem minmax(0,1fr);}
.squatSetCard dt,
.squatSetCard dd {min-height:2.35rem;padding:0.55rem 0.75rem;border-bottom:1px solid #f0f0f0;box-sizing:border-box;font-size:0.86rem;word-break:break-all;}
.squatSetCard dt {background:#fafafa;color:#666;font-weight:600;}
.squatSetCard dd {color:#222;}
.squatSetCard dt:last-of-type,
.squatSetCard dd:last-of-type {border-bottom:0;}
.squatEtcCard {margin-top:1rem;border:1px solid #ddd;background:#fff;}
.squatEtcCard h3 {padding:0.85rem 1rem;border-bottom:1px solid #e5e5e5;background:#f7f8fa;font-size:1rem;color:#222;}
.squatEtcCard li {display:grid;grid-template-columns:minmax(0,1fr) 5rem 7rem 5rem;gap:0.75rem;padding:0.8rem 1rem;border-bottom:1px solid #eee;align-items:center;}
.squatEtcCard li:last-child {border-bottom:0;}
.squatEtcCard strong {font-size:0.9rem;color:#222;}
.squatEtcCard span,
.squatEtcCard em {font-size:0.85rem;color:#666;font-style:normal;text-align:right;}
.dudp__date.has-squat-record {position:relative;color:#00563F;font-weight:700;}
.dudp__date.has-squat-record:after {content:'';position:absolute;left:50%;bottom:0.22rem;width:0.34rem;height:0.34rem;margin-left:-0.17rem;border-radius:100%;background:#00563F;}
.dudp__date.has-squat-record.selected {color:#fff;}
.dudp__date.has-squat-record.selected:after {background:#fff;}

@media (max-width: 1200px) {
    .squatRecordDownloadArea {justify-content:flex-start;}
    .squatRecordDownloadGroup {padding-left:0;border-left:0;}
    .squatRecordLayout {grid-template-columns:1fr;}
    .squatRecordUserList {height:auto;max-height:20rem;}
    .squatSessionSummary {grid-template-columns:repeat(2,minmax(0,1fr));}
    .squatSetGrid {grid-template-columns:1fr;}
}