@charset "utf-8";

/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*/ /* font-family:'Noto Sans KR', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif'; */
@import url(font.css);  /*server용 */


* {margin:0;padding:0;line-height:1.4em;-webkit-overflow-scrolling: touch;box-sizing:border-box;-webkit-hyphens: auto;hyphens: auto; font-family:'Noto Sans KR', 'Meiryo','宋體', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif';}
html, body{height:100%;font-size:12px;}
body{color:#000000;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;}
legend, caption, figcaption{display:none;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
table{width:100%;border-collapse:collapse;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;}
a{color:inherit;text-decoration:none;cursor:pointer;color:#444444;}
a:hover{text-decoration:none}
em{font-style:normal}
textarea{resize: none;}


/******************************************************************************
 *** layout *******************************************************************
 ******************************************************************************/
body{background:#e3e5ec;}
.wrap{position:relative;min-height:100%;min-width:669px;}
@media all and (min-width:1718px){ 
.wrap{position:relative;height:100%;min-width:1800px;min-height:500px}
}

/* header */
.header{background:#1f1b33;}
.header:after{content:""; display: block;clear:both;}
.header .logo{float:left;}
.header .logo a{display:block;padding:14px 40px 14px 25px;}
.header .gnbMenu{}
.header .gnbMenu li{float:left;/*width:120px;*/ min-width:120px;}
.header .gnbMenu li a{display:block;width:100%;line-height:60px;text-align:center;font-size:16px;color:#fff;/*text-overflow:ellipsis;overflow:hidden;*/white-space:nowrap;padding:0 15px;}
.header .gnbMenu li a:hover{background:#353247;}
.header .gnbMenu li.on a{color:#fff;background:#ff0000;}
.header .gnbMenu li.disabled a{background:none;cursor:default;color:#787684;}
.header .userMenu{float:right;padding-right:15px;}
.header .userMenu .user{float:left;width:120px;line-height:60px;text-align:center;color:#ffffff;font-size:16px;font-weight:400;}
.header .userMenu .user:hover{background:#ff0000;}
.header .userMenu .menu{float:left;}
.header .userMenu .menu button{position:relative;float:left;width:60px;height:60px;}
.header .userMenu .menu button.on,
.header .userMenu .menu button:hover{background:#ff0000;}
.header .userMenu .menu button:after{position:absolute;top:50%;left:50%;content:"";display: block;width:24px;height:24px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background-image:url('Images/ico_24.png');background-size:auto 240px;}
.header .userMenu .menu button:hover:before{background:#ffc5c5;}
.header .userMenu .menu button:disabled{cursor:default;}
.header .userMenu .menu button:disabled:hover{background:none;}
.header .userMenu .menu button:disabled:before{background:#656273;}
.header .userMenu .menu button .num{position:absolute;top:8px;right:7px;width:20px;height:20px;color:#fff;border-radius:20px;font-size:14px;background:#ff0000;z-index:5;}
.header .userMenu .menu .contactUsWrap button:after{position:absolute;top:50%;left:50%;content:"";display: block;width:24px;height:24px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background-image:url('Images/ic-help.png');background-size:unset;}
.header .userMenu .menu .accountWrap{position:relative;float:left;}
.header .userMenu .menu .accountWrap:hover .layer{display:block;}
.header .userMenu .menu .accountWrap:hover button{background:#ff0000;}
.header .userMenu .menu .accountWrap .layer{display:none;position:absolute;top:60px;left:0;width:185px;border:1px solid #c9c9c9;box-shadow:1px 1px 1px rgba(0,0,0,0.5);z-index:20;background:#fff;} 
.header .userMenu .menu .accountWrap .layer a{display:block;height:50px;line-height:50px;padding:0 15px;font-size:14px;color:#484848;}
.header .userMenu .menu .accountWrap .layer a:hover{background:#ededef;}
.header .userMenu .menu .contactUsWrap{position:relative;float:left;}
.header .userMenu .menu .contactUsWrap:hover .layer{display:block;}
.header .userMenu .menu .contactUsWrap:hover button{background:#ff0000;}
.header .userMenu .menu .contactUsWrap .layer{display:none;position:absolute;top:60px;left:0;width:160px;border:1px solid #c9c9c9;box-shadow:1px 1px 1px rgba(0,0,0,0.5);z-index:20;background:#fff;} 
.header .userMenu .menu .contactUsWrap .layer a{display:block;height:50px;line-height:50px;padding:0 15px;font-size:14px;color:#484848;}
.header .userMenu .menu .contactUsWrap .layer a:hover{background:#ededef;}

.header .userMenu .menu .account:after{background-position:-394px -119px;}
.header .userMenu .menu .secretary:after{background-position:0 -120px;}
.header .userMenu .menu .message:after{background-position:-24px -120px;}
.header .userMenu .menu .schedule:after{background-position:-48px -120px;}

.header .userMenu .menu .account:after{background-position:-394px -119px;}
.header .userMenu .menu .secretary:disabled:after{background-position:0 -144px;}
.header .userMenu .menu .message:disabled:after{background-position:-24px -144px;}
.header .userMenu .menu .schedule:disabled:after{background-position:-48px -144px;}

#EditTooltipContents .editWrap .btnEditMenu{height:50px;line-height:50px;padding:0 15px;font-size:14px;color:#484848;}
#EditTooltipContents .editWrap .btnEditMenu:hover{background:#ededef;margin:0;}
a#EditDetail:hover .ico24.iarrowBtmW:after {background-position:0 -96px;}

/* content */
.content{position:absolute;top:60px;left:0;bottom:0;right:0;padding:15px;box-sizing:border-box;background:#e3e5ec;z-index:0;}
.content table{width:100%;border-collapse:collapse;}
/********************************* 메인메뉴  *************************/
/* 1837size : gnbmenu-->11 */
@media all and (max-width:1717px){ 
.header .gnbMenu{clear:both;}
.content{position:relative;top:0;}
}

/* right menu top position according to header height in resizing */
@media all and (max-width:1717px){ 
.scheduleArea{top:123px !important;}
.messageArea{top:123px !important;}
.noticeArea{top:123px !important;}
.userAccountArea{top:123px !important;}
.equipManageArea{top:123px !important;}
.empManageArea{top:123px !important;}
/*.hrMenuArea{top:123px !important;}*/
}
/* 1204size : gnbmenu-->10 */
@media all and (max-width:1204px){ 
.scheduleArea{top:183px !important;}
.messageArea{top:183px !important;}
.noticeArea{top:183px !important;}
.userAccountArea{top:183px !important;}
.equipManageArea{top:183px !important;}
.empManageArea{top:183px !important;}
/*.hrMenuArea{top:183px !important;}*/
}

/******************************************************************************
 *** login **************************************************************
 ******************************************************************************/
.loginWrap{position:relative;height:100%;background:#fff;overflow-x:hidden;overflow-y:auto;}
.loginWrap .logo{position:absolute;top:100px;left:100px;z-index:10;}
.loginWrap .logo img{height:40px;}
.loginWrap .loginVisual{position:absolute;height:100%;min-height:825px;left:0;right:600px;bottom:0;top:0;overflow:hidden;}
.loginWrap .loginVisual .loginSlider{height:100%;}
.loginWrap .loginVisual .loginSlider .slider{height:100%;overflow:hidden;}
.loginWrap .loginVisual .swiper-wrapper .item{float:left;background-repeat:repeat;background-position:50% 0%}
.loginWrap .loginVisual .visualConts{position:absolute;bottom:35%;left:100px;}
.loginWrap .loginVisual .visualConts .txt1{color:#fff;font-size:72px;font-weight:300;}
.loginWrap .loginVisual .visualConts .txt2{margin-top:30px;color:#fff;font-size:47px;font-weight:100;}
.loginWrap .loginVisual .visualConts .txt3{margin-top:30px;color:#fff;font-size:18px;line-height:29px;font-weight:100;}
#DivLogin div#captchaAdmin div.imagecontainer, #DivLogin div#Div_captchaStaff div.imagecontainer {height: 66px;}
#DivLogin div#captchaAdmin button#captchaAdmin_RefreshButton, #DivLogin div#Div_captchaStaff button#captchaStaff_RefreshButton {padding: 0px;}
#DivLogin div#captchaAdmin #captchaAdmin_CaptchaImage, #DivLogin div#Div_captchaStaff #captchaStaff_CaptchaImage {height: 100%;}

.fixConts{position:absolute;bottom:15%;left:100px;z-index:10}
.fixConts .slide-dot .swiper-pagination-bullet{margin-right:10px;background:#fff;opacity:0.2;}
.fixConts .slide-dot .swiper-pagination-bullet-active{opacity:1}
.fixConts .btn{padding-top:80px;}
.fixConts .btn button{width:120px;height:36px;font-size:18px;line-height:18px;margin-right:4px;color:#fff;background:#1f1b33;}

.loginWrap .loginArea{position:absolute;top:0;right:0;width:600px;min-height:768px;height:100%;background:#fff;}
.loginWrap .loginArea .loginDiv.flex{min-height:678px}
.loginWrap .loginArea .loginDiv .flexinner > div{height:50%;}
.loginWrap .loginArea .loginFooter{padding:35px 40px;border-top:1px solid #e4e4e4;}

.adminLogin{position:relative;}
.staffLogin{position:relative;/*border-top:1px dashed #d7d9e2;*/}
.loginForm {width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.loginForm > strong{display:block;text-align:center;font-size:24px;color:#443f69;}
.loginForm ul{margin: 0 auto;margin-top:25px;}
.loginForm ul li{margin-top:17px;border-bottom:2px solid #cccccc;}
.loginForm ul li input{height:40px;padding:0 20px;border:none;font-size:16px;border:none !important;}
.loginForm .loginBtn{margin-top:30px;}
.loginForm .loginBtn button{height:50px;width:100%;border-radius:50px;color:#fff;text-align:center;font-size:16px;background:#443f69;}
.loginForm .loginMenu{text-align:center;}
.loginForm .loginMenu button{position:relative;margin: 0 8px;margin-top:17px;font-size:16px;color:#575757;}
.loginForm .loginMenu button:after{content:""; display: block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#575757;}

.loginFooter .address{font-size:12px;color:#666;}
.loginFooter .address span{display:inline-block;}
.loginFooter .address span.bar{position:relative;padding-left:6px;margin-left:4px;}
.loginFooter .address .bar:after{content:""; display: block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-4px;background:#666;}
.loginFooter .copyright{margin-top:3px;color:#666;font-size:12px;}
.loginFooter .copyright .inbody{display:inline-block;width:50px;height:13px;background:url('Images/logo3.png') no-repeat 0 0;}
@media all and (max-width:400px){ 
.loginForm {width:100%;padding:0 30px;}
.loginFooter .address{font-size:11px;}
}

@media all and (max-width:1400px){ 
.loginWrap .loginVisual{display:none;}
.loginWrap .loginArea{position:relative;width:auto;height:800px;}
.loginFooter{text-align:center;}
}

.joinWrap{height:100%;overflow:auto;background:#fafafb;}
.joinWrap{height:100%;background:#fafafb;}
.joinDiv{width:500px;margin: 0 auto;padding:50px 0;}
.joinDiv .logo{padding-bottom:40px;text-align:center;}
.joinDiv .joinBox{background:#fff;}
.joinDiv .joinBox .joinTit{line-height:60px;font-size:24px;color:#8b8996;font-weight:500;text-align:center;color:#1f1b33;border:2px solid #443f69;border-bottom:none;background:#fff;}
.joinDiv .joinBox .joinForm{position:relative;min-height:320px;padding:20px 15px;border:1px solid #cfd2de;border-top:none;border-top:2px dashed #d7d9e2;}
.joinDiv .joinBox .joinBtn button{height:62px;width:100%;line-height:62px;font-size:24px;color:#fff;background:#443f69;}
.joinDiv .joinBox .joinBtn button:disabled{opacity:0.5}
.joinDiv .joinBox .tabType3 .tabBody .joinForm{border-top:none;padding-top:38px;}
.joinDiv .joinBox .tabType3 .tabBody .joinForm:before{content:""; display: block;position:absolute;top:0;left:0;width:100%;height:18px;border-bottom:2px dashed #d7d9e2;}

.joinFooter{padding-top:30px;background:#fafafb;}
.joinFooter .address{font-size:12px;color:#666;text-align:center;}
.joinFooter .address span{display:inline-block;}
.joinFooter .address span.bar{position:relative;padding-left:6px;margin-left:4px;}
.joinFooter .address .bar:after{content:""; display: block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-4px;background:#666;}
.joinFooter .copyright{margin-top:3px;color:#666;text-align:center;font-size:12px;}
.joinFooter .copyright .inbody{display:inline-block;width:50px;height:13px;background:url('Images/logo3.png') no-repeat 0 0;}
@media all and (max-width:520px){ 
.joinDiv{width:100%;padding-top:25px;}
.joinDiv .logo{padding-bottom:20px;}
.joinDiv .logo img{height:40px;;}
.joinDiv .tabType3>.tabHeader.e-header{height:50px;}
.joinDiv .tabType3>.tabHeader.e-header>li a{font-size:15px;line-height:50px;}
.joinDiv .formData table th, 
.joinDiv .formData table td{font-size:13px;}
.joinFooter .address{font-size:11px;}
}

.formData{margin-top:5px;}
.formData:first-child{margin-top:0;}
.formData table{width:100%;background:#f8f8f9;}
.formData table th,
.formData table td{padding:5px 20px;height:40px;color:#000;font-size:14px;font-weight:normal;white-space:nowrap;border:1px solid #c9c9c9;}
.serialNumber{position:relative;margin-top:20px;}
.serialNumber .txt{position:absolute;top:148px;left:270px;font-size:14px;color:#ef3024;vertical-align:top;}
@media all and (max-width:400px){ 
.serialNumber img{width:200px;}
.serialNumber .txt{top:100px;left:210px;width:74px;}
}


.checkList > li{margin-top:5px;}
.checkList > li:first-child{margin-top:0;}
.checkList > li > ul{padding-left:21px;padding-top:10px;}
.checkList .checkLayer{padding-left:26px;}

.accountKind .list{margin-top:5px;height:124px;overflow-x:hidden;overflow-y:auto;border:1px solid #c9c9c9;}
.accountKind .list li{border-bottom:1px solid #c9c9c9;}
.accountKind .list li:nth-child(3) ~ li:last-child{border-bottom:none;}
.accountKind .list li:first-child{border-top:none;}
.accountKind .list li label{padding:5px;display:block;}

.joinAgree{padding-top:30px;padding-bottom:10px;text-align:center;}
.joinAgree .txt{color:#4a90e2;}
.joinAgree .txt a{vertical-align:baseline;color:#4b91e2;text-decoration:underline;}

/******************************************************************************
 *** common base **************************************************************
 ******************************************************************************/
.ellips{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.searched{color: #21d2ff !important;vertical-align:baseline !important;}

/* form */
::-webkit-input-placeholder {color: #cccccc;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #cccccc;} /* Firefox 19+ */
:-ms-input-placeholder {color: #cccccc;}/* IE 10+ */
:-moz-placeholder {color: #cccccc;}/* Firefox 18- */
input[type='text'],input[type='password'],input[type='number'], textarea{width:100%;height:100%;padding:0 10px;font-size:14px;border:1px solid #c9c9c9;color:#5a5a5a;/*font-family:'Noto Sans KR', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif';*/}
input[type='text']:focus,input[type='password']:focus,input[type='number']:focus{border:1px solid #00cbff;}
input[type='text'].error,input[type='password'].error,input[type='number'].error{border:1px solid #ff0000;}
input[type='text']:disabled,input[type='password']:disabled,input[type='number']:disabled{border:1px solid #c9c9c9;background:#f8f8f9;}
select{}
textarea{padding:5px 10px;}
textarea:disabled{background:#ededef;}
textarea:focus{border:1px solid #00cbff;}
textarea.error{border:1px solid #ff0000;}
button{cursor:pointer;border:none;background:none;outline:none}

/* space */
.hr{display:block;border:none;border-top:1px solid #f6f6f7;}
.hr.line2{border-top:1px solid #cececf;}
.hr2{display:block;height:20px;border:none;border-bottom:2px dashed #d7d9e2;}
.hr3{display:block;height:20px;border:none;border-bottom:2px solid #e4e4e4;}
.pdCont + .hr{margin-top:10px;}

/* scrollbar */
/*body{-ms-overflow-style: -ms-autohiding-scrollbar;}
::-webkit-scrollbar{-webkit-appearance:none;height:6px;}
::-webkit-scrollbar:vertical{width:5px;}
::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.2);
	border-radius:10px;
}*/
/*::-webkit-scrollbar-track{
	background-color:rgba(255,255,255,.2);
	background-color:rgba(0,0,0,.05);
	border-radius:10px;
}*/

/* selectbox */
.selectbox{position:relative;height:36px;overflow:hidden;display:inline-block;vertical-align:middle;width:100%;}
.selectbox.auto{width:auto;}
.selectbox input[type='text']{border:none;}
.selectbox .selected{height:100%;}
.selectbox .selected strong{text-align:left;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex:1;-webkit-box-flex:1;align-items: center;-webkit-align-items: center;-ms-align-items: center;-webkit-box-align: center;padding:0 40px 0 16px;height:100%;color:#000;line-height:1.2em;font-weight:normal;font-size:14px;border:1px solid #c9c9c9;}
.selectbox .selected strong > span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.selectbox .selected strong.placeholder{color:#cdcdcd;}
.selectbox .selected.on strong{border:1px solid #00cbff;background:#fff;}
.selectbox .selected .btn{position:absolute;top:0;right:0;width:36px;height:36px;text-align:center;}
.selectbox .selected .btn:after{content:""; display:inline-block;width:24px;height:24px;position:relative;top:6px;background:url('Images/ico_24.png') no-repeat -24px 0;background-size:auto 240px}
.selectbox .selected.on .btn:after{background-position:0 0;}
.selectbox.error .selected strong{border:1px solid #ff0000;}
.selectbox.type2 .selected strong{border:1px solid #fff;}
.selectbox.type2 .selected.on strong{border:1px solid #00cbff;}
.selectbox .selectLayer{display:none;}

/* selectbox + ej */
.selectbox .e-ddl{position:absolute;top:0;left:0;height:100%;min-height:36px;opacity:0;z-index:1}
.selectbox .e-ddl-popup div>ul li{line-height:40px;}
.selectbox .e-ddl:hover ~ .selected strong{border:1px solid #ededef;background:#ededef;}
.selectbox .e-ddl:hover ~ .selected.on strong{border:1px solid #00cbff;background:#fff;}
.selectbox .e-ddl.disabled ~ .selected strong{border:1px solid #c9c9c9;color:#000;background:#ededef;}
.selectbox .e-daterangewidget{position:absolute;top:0;left:0;height:40px;opacity:0;z-index:1}
.selectbox .e-daterangewidget:hover ~ .selected strong{border:1px solid #ededef;background:#ededef;}
.selectbox .e-daterangewidget:hover ~ .selected.on strong{border:1px solid #00cbff;background:#fff;}
.selectbox .e-daterangewidget.disabled ~ .selected strong{border:1px solid #c9c9c9;color:#000;background:#ededef;}
.selectbox .e-datewidget{position:absolute;top:0;left:0;height:40px;opacity:0;z-index:1}
.selectbox .e-datewidget:hover ~ .selected strong{border:1px solid #ededef;background:#ededef;}
.selectbox .e-datewidget:hover ~ .selected.on strong{border:1px solid #00cbff;background:#fff;}
.selectbox .e-datewidget.disabled ~ .selected strong{border:1px solid #c9c9c9;color:#000;background:#ededef;}
.selectbox .e-datetime-wrap{position:absolute;top:0;left:0;height:40px;opacity:0;z-index:1}
.selectbox .e-datetime-wrap:hover ~ .selected strong{border:1px solid #ededef;background:#ededef;}
.selectbox .e-datetime-wrap:hover ~ .selected.on strong{border:1px solid #00cbff;background:#fff;}
.selectbox .e-datetime-wrap.disabled ~ .selected strong{border:1px solid #c9c9c9;color:#000;background:#ededef;}
.selectbox .e-datetime-wrap .e-select{width:100%;}
.selectbox.error .e-datewidget:hover ~ .selected strong{border:1px solid #ff0000;background:#ededef;}

.infoList .selectbox .selected strong{border:1px solid #fff;}
.infoList .selectbox .selected.on strong{border:1px solid #00cbff;}

/* checkSelect */
.checkSelect{position:relative;height:36px;display:inline-block;vertical-align:middle;width:100%;}
.checkSelect.auto{width:auto;}
.checkSelect .selectedTxt{height:36px;cursor:pointer;border:1px solid #fff;padding:0 40px 0 16px; background:#fff;}
.checkSelect .selectedTxt:after{content:""; display: block;position:absolute;top:5px;right:3px;width:24px;height:24px;display: block;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-24px 0;}
.checkSelect.on .selectedTxt{border:1px solid #00cbff;}
.checkSelect.on .selectedTxt:after{background-position:0 0;}
.checkSelect .selectedTxt:hover{background:#ededef;}
.checkSelect .selectedTxt strong{display:block;overflow:hidden;line-height:36px;font-weight:normal;color:#8b8b8b;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em;}
.checkSelect .selectedTxt strong span{position:relative;display:inline;line-height:36px;padding-left:7px;}
.checkSelect .selectedTxt strong span:before{content:","; display: block;line-height:17px;position:absolute;bottom:0;left:0;}
.checkSelect .selectedTxt strong span:first-child{padding-left:0;}
.checkSelect .selectedTxt strong span:first-child:before{display:none;}
.checkSelect .selectLayer{display:none;position:absolute;top:40px;left:0;width:100%;max-height:140px;overflow-x:hidden;overflow-y:auto;border:1px solid #cdcdcd;background:#fff;}
.checkSelect .checkDiv{padding:5px;margin-top:0;}
.checkSelect .checkDiv:hover{background:#ededef;}
.checkSelect .checkDiv label{display:table;margin:0;width:100%;table-layout:fixed}
.checkSelect .checkDiv label > span{display:table-cell;vertical-align:top;}
.checkSelect .checkDiv label > span.inputCheck{width:30px;}
.checkSelect .checkDiv label > span.txt{padding-top:2px;}

.checkSelect.selectTarget{width:120px;}

/* inputcheck */
.inputCheck{display:inline-block;position:relative;width:24px;height:24px;}
.inputCheck input{opacity:0;position:absolute;top:0;left:0;}
.inputCheck .ico{display:inline-block;width:24px;height:24px;border:1px solid #c9c9c9;background:url('Images/ico_24.png') no-repeat -168px 100px;background-size:auto 240px}
.inputCheckSmall .ico{display:inline-block;width:16px;height:16px;border:1px solid #c9c9c9;background:url('Images/ico_24.png') no-repeat -168px 100px;background-size:auto 233px}
.inputCheck input:checked + .ico{background-position: -168px -120px;}
/*.inputCheck input:disabled + .ico{background:#ededef;}*/

.inputCheck.type2 .ico{background-position:-168px -144px;}
.inputCheck.type3 .ico{background-position:-168px -144px;}
.inputCheck.type3 input:checked + .ico{background-position:-168px -120px;}

.inputRadio{display:inline-block;position:relative;width:24px;height:24px;}
.inputRadio input{opacity:0;position:absolute;top:0;left:0;}
.inputRadio .ico{display:inline-block;width:24px;height:24px;background:url('Images/ico_24.png') no-repeat -192px -168px;background-size:auto 240px}
.inputRadio input:checked + .ico{background-position:-192px -120px;}
.inputRadio.type2 .ico{background-position:-192px -144px;}
.inputRadio + label {vertical-align: 6px; font-size: 14px;}
.inputCheck + label {vertical-align: 3px; font-size: 14px;}
.inputCheck + label + .terms {vertical-align: 3px; text-decoration: underline; color: #000;}

.inputNumber3{display:inline-block;width:110px;height:36px;text-align:center;}
.inputNumber3 input{display:inline-block;width:54px;text-align:center;color:#000;border:none !important;}
.inputNumber3 button{position:relative;top:7px;width:24px;height:24px;border:1px solid #443f69;}
.inputNumber3 button:disabled{position:relative;top:7px;width:24px;height:24px;border:1px solid #c9c9c9;}
.inputNumber3 button:after{content:""; display: block;position:absolute;top:10px;left:5px;width:12px;height:2px;background:#443f69;}
.inputNumber3 button.plus:before{content:""; display: block;position:absolute;top:5px;left:10px;height:12px;width:2px;background:#443f69;}
.inputNumber3 button:disabled:after{content:""; display: block;position:absolute;top:10px;left:5px;width:12px;height:2px;background:#c9c9c9;}
.inputNumber3 button.plus:disabled:before{content:""; display: block;position:absolute;top:5px;left:10px;height:12px;width:2px;background:#c9c9c9;}

/* checkDiv */
.checkDiv{margin-top:5px;}
.checkDiv:first-child{margin-top:0;}
.checkDiv .row{margin-top:10px;}
.checkDiv .row:first-child{margin-top:0;}
.checkDiv .inputCheck{margin-right:7px;}
/*.checkDiv .inputCheck .ico{background-position:100px 0;}*/
.checkDiv label{display:inline-block;margin:0 10px;}
.checkDiv label:first-child{margin-left:0;}
.checkDiv .txt{font-size:14px;color:#000;vertical-align:middle;}
.checkDiv.div2:after{content:""; display: block;clear:both;}
.checkDiv.div2 label{float:left;width:50%;margin:0;}
.checkDiv.div2 label:nth-child(2) ~ label{margin-top:5px;}
.checkDiv.div4:after{content:""; display: block;clear:both;}
.checkDiv.div4 label{float:left;width:25%;margin:0;}
.checkDiv.div4 label:nth-child(4) ~ label{margin-top:5px;}
.checkDiv.div5:after{content:""; display: block;clear:both;}
.checkDiv.div5 label{float:left;width:20%;margin:0;}
.checkDiv.div5 label:nth-child(5) ~ label{margin-top:5px;}
.checkDiv.error label .txt{color:#ff0000;}
.checkDiv .formEl{padding-left:28px;margin-top:4px;}

/* search */
.searchInput{position:relative;}
.searchInput .ico24{position:absolute;top:50%;left:10px;margin-top:-18px;}
.searchInput input[type='text']{padding-left:44px;}
.searchInput input[type='text']:focus + .ico24:after{background-position:-288px -24px}

.searchInput2{position:relative;}
.searchInput2 .ico24{position:absolute;top:50%;left:0;margin-top:-18px;}
.searchInput2 input[type='text']{height:100%;padding-left:30px;border:none;border-bottom:2px solid #a9a9a9;}
.searchInput2 input[type='text']:focus{border-bottom:2px solid #00cbff;}
.searchInput2 input[type='text']:focus + .ico24:after{background-position:-288px -24px}

/* btnType */
.btnBox{padding:15px 0;border-top:1px solid #e4e4e4;text-align:center;}
.btnBox.noline{border-top:none;}

.icoBtn{width:24px;height:24px;vertical-align:middle;}
a.icoBtn{display:inline-block;}

.btnType1{width:100%;height:36px;min-width:60px;padding:0 15px;font-size:14px;color:#1f1b33;text-align:center;vertical-align:middle;white-space:nowrap;}
.btnType1.auto{width:auto;}
.btnType1.auto2{width:auto;padding:0 30px;}
.btnType1:disabled{opacity:0.5}
a.btnType1{display:inline-block;line-height:36px;}
.btnType1:disabled{color:#95949f;}
.btnType1.btn1{border:1px solid #e6e6e9;background:#f8f8f9;}
.btnType1.btn2{color:#fff;border:1px solid #777796;background:#443f69;}
.btnType1.btnDel {padding: 0; color: #f44336;}
.btnType1.btnDel .ico24:after {background-position: -144px -122px;}

.btnType2 .ico24{height:24px;width:24px;margin-right:3px;}
.btnType2 .ico24:after{top:0;left:0}

.btnType3{width:100%;height:40px;min-width:60px;padding:0 15px;font-size:16px;color:#ffffff;font-weight:bold;border-radius:40px;text-align:center;vertical-align:middle;white-space:nowrap;}
.btnType3.btn1{background:#443f69;}
.btnType3.auto{width:auto;padding:0 37px;}

input[type="text"] + .btnType1{margin-left:3px;}

/* icon */
.ico24{position:relative;display:inline-block;width:36px;height:36px;vertical-align:middle;}
button.ico24:not(:disabled):hover{background:#ededef;}
button.ico24:disabled{opacity:0.5}
.ico24:after{position:absolute;top:0;left:0;content:""; display: block;position:absolute;top:6px;left:6px;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px}
.EditInfoBtn.ico24:after{position:absolute;top:0;left:0;content:""; display: block;position:absolute;top:0px;left:0px;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px}
.ico24 .tooltip{display:none;position:absolute;padding:5px 10px;border:1px solid #a9a9a9;font-size:12px;color:#1f1b33;border-radius:3px;top:36px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#fff;}
.ico24:hover .tooltip{display:block;}
.ico24.nohit{width:24px;height:24px;}
.ico24.nohit:after{top:0;left:0}
/* icon - image top */
.ico24.iarrowTop:after{background-position:0 0;}
.ico24.iarrowTopW:after{background-position:0 -96px;}
.ico24.iarrowBtm:after{background-position:-24px 0;}
.ico24.iarrowBtmW:after{background-position:-24px -96px;}
.ico24.iarrowLeft:after{background-position:-288px -120px;}
.ico24.iarrowRight:after{background-position:-264px -120px}
.ico24.iplus:after{background-position:-48px 0;}
.ico24.iplus.on:after{background-position:-48px -72px;}
.ico24.iremove:after{background-position:-72px 0;}
.ico24.iremove2:after{background-position:-72px -96px;}
.ico24.iarrowTop2:after{background-position:-96px 0;}
.ico24.iarrowBtm2:after{background-position:-120px 0;}
.ico24.iarrowLeft2:after{background-position:-144px 0;}
.ico24.iarrowRight2:after{background-position:-168px 0;}
.ico24.iarrowRight2.on:after{background-position:-168px -72px;}
.ico24.iexpend:after{background-position:-192px 0;}
.ico24.ismall:after{background-position:-216px 0;}
.ico24.isetting:after{background-position:-240px 0;}
.ico24.idelete:after{background-position:-264px 0;}
.ico24.idelete3:after{background-position:-264px 0;}
.ico24.isearch:after{background-position:-288px 0;}
.ico24.iprint:after{background-position:-312px 0;}
.ico24.ipencil:after{background-position:-336px 0;}
.ico24.ifolder:after{background-position:-360px 0;}
.ico24.ifolder.on:after{background-position:-360px -72px;}
.ico24.istar:after{background-position:-384px 0;}
.ico24.istar.on:after{background-position:-384px -72px;}
.ico24.iphoto:after{background-position:-408px 0;}
.ico24.ibell:after{background-position:-432px 0;}
.ico24.ibell.on:after{background-position:-432px -72px;}
.ico24.iballoon:after{background-position:-456px 0;}
.ico24.iangle:after{background-position:-480px 0;}
.ico24.itime:after{background-position:-504px 0;}
.ico24.iadd:after{background-position:-528px 0;}
/* icon - image bottom */
.ico24.icheck:after{background-position:-168px -192px;}
.ico24.idelete2:after{background-position:-144px -120px;}
.ico24.imodify:after{background-position:-72px -120px;}
.ico24.iinbody:after{background-position:-96px -120px;}
.ico24.ireport:after{background-position:-120px -120px;}
.ico24.ilist:after{background-position:-216px -120px;}
.ico24.isend:after{background-position:-240px -144px;}
.ico24.isend.on:after{background-position:-240px -120px;}
.ico24.iappoint:after{background-position:-336px -120px;}
.ico24.iappointplus:after{background-position:-336px -120px;}
.ico24.iappointminus:after{background-position:-360px -120px;}
.icoimg.question:after{content:""; background-repeat:no-repeat; background-image:url('Images/group-5.png'); background-position:0px 0px; height:20px; width:20px; display:inline-block; cursor:pointer;}
/* align */
.alignR{text-align:right !important;}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;} 

/* color */
.cRed{color:#ff0000 !important;}
.cGray{color:#666 !important;}
.cBlack{color:#000 !important;}

/* bt */
.bgGray{background:#f8f8f9 !important;}
.bgWhite{background:#ffffff !important;}

/* pd */
.pd0{padding:0 !important}
.pdt0{padding-top:0 !important;}
.pdt10{padding-top:10px !important;}

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

/* hr */
hr{border:none;display:block;}
hr.dashline{border-bottom:2px dashed #d7d9e2;}

/* scroll */
.scroll{overflow-x:hidden !important;overflow-y:auto !important;}

/********************************************************************************
 *** contents common ************************************************************
 *******************************************************************************/
/* floatbox */
.floatbox{height:100%;padding:5px;}
.floatbox.fl{float:left;}
.floatbox.fr{float:right;}
.floatbox.auto{float:none;overflow:hidden;}
.floatbox.cellbox{float:none;padding:0;}
.floatbox.cellbox .cell{height:100%;padding:0 5px;}


.flexbox{height:100%;width:100%;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex:1;-webkit-box-flex:1;}
.flexbox.vc{align-items:center; flex-align:center; box-align:center;-webkit-box-align: center;}
.flexbox > .flex{position:relative;box-sizing:border-box;}
.flexbox > .flex.auto{position:relative;flex:1;-webkit-box-flex:1;}
.flexbox.col{flex-direction:column;-webkit-flex-direction:column;-webkit-box-orient: vertical;-ms-flex-direction: column;}
.flexbox.row{flex-direction:row;-webkit-flex-direction:row;-webkit-box-orient: horizontal;;-ms-flex-direction: row;}

.flexbox .flex.auto .flexinner{position:absolute;top:0;left:0;bottom:0;right:0;}
.flexbox.pd10 > .flex > .flexinner{top:10px;}

.flexbox .brbox{border:1px solid #b1b5c5;background:#ffffff;}
.flexbox .noDataBx .brbox{overflow:hidden;}
.flexbox.pd10 > .flex{padding-top:10px;}
.flexbox.pd10 > .flex:first-child{padding-top:0;}

.flexbox.expendFrame{position:relative;}
.flexbox.expendFrame .expendStatic{position:static !important;}

@media all and (max-width:1717px){ 
.floatbox.tsize{display:block;height:auto;}
.floatbox.tsize.fl,
.floatbox.tsize.fr{float:none;}
.floatbox.tsize.w1{width:auto;}
.floatbox.cellbox .cell.tsize{display:block;width:100%;height:auto;padding:0 0;}
.floatbox.cellbox .cell.tsize + .cell.tsize{padding-top:10px;}

.flexbox .flex .flexinner.tStatic{position:relative;top:0;}
.flexbox.expendFrame{height:852px;}


}

@media all and (max-width:1023px){ 
.floatbox.msize{height:auto;}
.floatbox.msize.fl,
.floatbox.msize.fr{float:none;}
.floatbox.msize.w1{width:auto;}
}

.cellbox{display:table;width:100%;}
.cellbox.auto{width:auto;}
.cellbox.fixed{table-layout:fixed}
.cellbox .cellrow{display:table-row;padding-top:5px;}
.cellbox .cellrow:first-child .cell{padding-top:0;}
.cellbox .cellrow .cell{padding-top:5px;}
.cellbox .cell{display:table-cell;width:10px;padding:0 5px;vertical-align:middle;}
.cellbox .cell.auto{display:table-cell;width:auto;}
.cellbox .cell:first-child{padding-left:0;}
.cellbox .cell:last-child{padding-right:0;}
.cellbox .cell.nowrap{white-space:nowrap}
.cellbox .cell.pdr1{padding-right:40px;} /* memoModify popup */
.cellbox .cell.pdr2{padding-right:20px;} /* payment popup */
.cellbox.cell2 > .cell,
.cellbox.cell2 > .cellrow > .cell{width:50%;}
.cellbox.pdType1 > .cell,
.cellbox.pdType1 > .cellrow > .cell{padding-top:6px;padding-bottom:6px;}

/* width */
@media all and (min-width:1718px){ 
.w1{width:460px !important;}
.w2{width:700px !important;}
}
@media all and (max-width:1717px){ 
.t1{width:274px;}
}
/* height */
.h100per{height:100% !important;}
.wh1{height:240px;}

/* titType */
.titType1{position:relative;padding:8px 10px 8px 32px;color:#443f69;font-weight:bold;font-size:16px;}
.titType1.dashline{border-bottom:2px dashed #d7d9e2;}
.titType1 .rSide{position:absolute;bottom:0;right:10px;}
.titType1 .rSide .checkDiv{display:inline-block;font-weight:normal;}
.titType1.type2{padding-top:15px;}
.titType1.type2 .rSide .ico24{margin-top:9px;}
.titType1.type2 .rSide .checkDiv{margin-top:13px;}
.titType1.type3{padding-left:20px;}
.titType1.type4{padding:0 30px;padding-top:30px;padding-bottom:15px;}
.titType1.type4 .rSide{bottom:8px;right:30px;}

/* tabType1 */
.tabType1 .tabHeader{position: relative; height: 38px; padding: 0 15px; z-index: 10;white-space:nowrap;border-bottom:2px dashed #d7d9e2;}
.tabType1 .tabHeader li{float:left;height:38px !important;border:none;line-height:36px; font-size: 14px; color: #999;background:none !important;}
.tabType1 .tabHeader li a{padding:0 10px;}

.tabType1{position:relative;}
.tabType1 .tabTop{/*position:absolute;height:36px;*/top:0;left:0;width:100%;text-align:right;padding:0 15px;}
.tabType1 .tabTop .rSide{position:absolute;top:0;right:0;z-index:20}
.tabType1 .tabTop button{position:relative;z-index:20}
.tabType1 .tabHeader.e-header{position:relative;height:38px;padding:0 15px;z-index:10;border-bottom:2px dashed #d7d9e2;}
.tabType1 .tabHeader.e-header>li{float:left;height:36px;margin: 0 0 0 0;box-sizing:border-box;}
.tabType1 .tabHeader.e-header>li:hover{border:none;background:none;}
.tabType1 .tabHeader.e-header>li a{padding:0 10px;line-height:36px;font-size:14px;color:#999;}
.tabType1 .tabHeader.e-header>li.e-active{border:none;background:none;border-bottom:2px solid #443f69 !important;}
.tabType1 .tabHeader.e-header>li.e-active a{color:#443f69;}
.tabType1 .tabBody > div{border:none;overflow:hidden;background:#fff;}
.tabType1 .titType1 + .tabTop{top:36px;}

.tabType1>.tabHeaderOuter{height:38px;border-bottom:2px dashed #d7d9e2;}
.tabType1>.tabHeaderOuter>.tabHeaderWrap{overflow:hidden;position:relative;}
.tabType1>.tabHeaderOuter .btn{position:relative;}
.tabType1>.tabHeaderOuter .btn .prev{position:absolute;top:6px;left:3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType1>.tabHeaderOuter .btn .next{position:absolute;top:6px;right:-3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType1>.tabHeaderOuter .btn .prev.on,
.tabType1>.tabHeaderOuter .btn .next.on{opacity:1}
.tabType1>.tabHeaderOuter .btn .prev:after,
.tabType1>.tabHeaderOuter .btn .next:after{position:absolute;top:0;left:0;content:""; display: block;position:absolute;top:0;left:0;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px}
.tabType1>.tabHeaderOuter .btn .prev:after{background-position:-288px -216px;}
.tabType1>.tabHeaderOuter .btn .next:after{background-position:-264px -216px}


.tabType2{position:relative;}
.tabType2>.tabTop{position:absolute;top:2px;left:0;overflow:hidden;width:100%;height:36px;text-align:right;background:#f8f8f9;}
.tabType2>.tabTop button{position:relative;z-index:20;}
.tabType2>.tabHeader{position:relative;height:40px;overflow:hidden;padding:0;z-index:10;border:none;background:#f8f8f9;}
.tabType2>.tabHeader>li{position:relative;height:40px;line-height:40px;/*width:140px;*/text-indent:20px;border:none;font-size:16px;color:#443f69;font-weight:500;box-sizing:border-box;background:#fff;}
.tabType2>.tabHeader>li a{display:block;line-height:40px;font-size:16px;color:#443f69;font-weight:500;}
.tabType2>.tabHeader>li .expendBtn{/*position:absolute;*/float:right;top:2px;right:2px;}
.tabType2>.tabHeaderOuter .tabHeader{position:relative;height:40px;overflow:hidden;padding:0;z-index:10;border:none;background:#f8f8f9;}
.tabType2>.tabHeaderOuter .tabHeader>li{position:relative;height:40px;line-height:40px;/*width:140px;*/border:none;font-size:16px;color:#443f69;font-weight:500;box-sizing:border-box;background:#fff;}
.tabType2>.tabHeaderOuter .tabHeader>li a{display:block;padding:0 10px 0 20px;line-height:40px;font-size:16px;color:#443f69;font-weight:500;}
.tabType2>.tabHeaderOuter .tabHeader>li .expendBtn{position:absolute;top:2px;right:2px;}

.tabType2>.tabHeader.e-header{position:relative;height:40px;padding:0;overflow:hidden;z-index:10;border-bottom:none;background:#f8f8f9;}
.tabType2>.tabHeader.e-header:after{content:""; display: block;clear:both;}
.tabType2>.tabHeader.e-header>li{float:left;height:40px;/*width:138px;*/border:none;background:#f8f8f9 !important;}
.tabType2>.tabHeader.e-header>li:hover{border:none;background:none;}
.tabType2>.tabHeader.e-header>li a{padding:0 20px 0 0;line-height:40px;font-size:16px;color:#d4d4d5;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tabType2>.tabHeader.e-header>li.e-active{border:none;background:#fff !important;}
.tabType2>.tabHeader.e-header>li.e-active a{color:#443f69;}
.tabType2>.tabHeader.e-header>li:not(.e-active) .expendBtn{display:none;}
.tabType2>.tabHeaderOuter{overflow:hidden;background:#f8f8f9;}
.tabType2>.tabHeaderOuter .tabHeaderWrap{overflow:hidden;}
.tabType2>.tabHeaderOuter .tabHeader.e-header{position:relative;height:40px;padding:0;overflow:hidden;z-index:10;border-bottom:none;background:#f8f8f9;}
.tabType2>.tabHeaderOuter .tabHeader.e-header:after{content:""; display: block;clear:both;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li{float:left;height:40px;/*width:140px;*/border:none;background:#f8f8f9 !important;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li:hover{border:none;background:none;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li a{padding:0 10px 0 20px;line-height:40px;font-size:16px;color:#d4d4d5;font-weight:500;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li.e-active{border:none;background:#fff !important;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li.e-active a{color:#443f69;}
.tabType2>.tabHeaderOuter .tabHeader.e-header>li:not(.e-active) .expendBtn{display:none;}
.tabType2>.tabBody > div{border:none;padding:0 0;overflow:hidden;background:#fff;}
.tabType2>.tabBody > div.e-active-content,
.tabType2>.tabBody > div:first-child{z-index:20;}
.tabType2>.tabBody > div.e-active-content{z-index:10;}
.tabType2>.tabHeaderOuter .btn{position:relative;}
.tabType2>.tabHeaderOuter .btn .prev{position:absolute;top:6px;left:3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType2>.tabHeaderOuter .btn .next{position:absolute;top:6px;right:-3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType2>.tabHeaderOuter .btn .prev.on,
.tabType2>.tabHeaderOuter .btn .next.on{opacity:1}
.tabType2>.tabHeaderOuter .btn .prev:after,
.tabType2>.tabHeaderOuter .btn .next:after{position:absolute;top:0;left:0;content:""; display: block;position:absolute;top:0;left:0;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px}
.tabType2>.tabHeaderOuter .btn .prev:after{background-position:-288px -216px;}
.tabType2>.tabHeaderOuter .btn .next:after{background-position:-264px -216px}

.tabType1>.tabHeaderOuter{height:38px;border-bottom:2px dashed #d7d9e2;}
.tabType1>.tabHeaderOuter>.tabHeaderWrap{overflow:hidden;position:relative;}
.tabType1>.tabHeaderOuter>.tabHeaderWrap>.tabHeader{border-bottom:none;}
.tabType1>.tabHeaderOuter .btn{position:relative;}
.tabType1>.tabHeaderOuter .btn .prev{position:absolute;top:6px;left:3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType1>.tabHeaderOuter .btn .next{position:absolute;top:6px;right:-3px;width:24px;height:24px;z-index:50;background:rgba(0,0,0,0.3);opacity:0.7}
.tabType1>.tabHeaderOuter .btn .prev.on,
.tabType1>.tabHeaderOuter .btn .next.on{opacity:1}
.tabType1>.tabHeaderOuter .btn .prev:after,
.tabType1>.tabHeaderOuter .btn .next:after{position:absolute;top:0;left:0;content:""; display: block;position:absolute;top:0;left:0;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px}
.tabType1>.tabHeaderOuter .btn .prev:after{background-position:-288px -216px;}
.tabType1>.tabHeaderOuter .btn .next:after{background-position:-264px -216px}

@media (min-width: 1023px) and (max-width: 1717px) {
.tabType2>.tabHeader.tSmTab.e-header>li:not(.e-active){width:85px;}
.tabType2>.tabHeader.tSmTab.e-header>li:not(.e-active) a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
}

.tabType3>.tabHeader.e-header{position:relative;height:60px;padding:0;overflow:hidden;z-index:10;border-bottom:none;background:#f8f8f9;}
.tabType3>.tabHeader.e-header:after{content:""; display: block;clear:both;}
.tabType3>.tabHeader.e-header>li{float:left;height:60px;width:50%;text-align:center;box-sizing:border-box;border:none;border:1px solid #f1f1f3 !important;border-bottom:2px solid #443f69 !important;background:#f8f8f9 !important;}
.tabType3>.tabHeader.e-header>li:hover{border:none;background:none;}
.tabType3>.tabHeader.e-header>li a{padding:0 0;line-height:60px;font-size:24px;color:#8b8996;font-weight:500;}
.tabType3>.tabHeader.e-header>li.e-active{border:none;border:2px solid #443f69 !important;border-bottom:none !important;border-bottom:none;background:#fff !important;}
.tabType3>.tabHeader.e-header>li.e-active a{color:#443f69;}
.tabType3>.tabHeader.e-header>li:not(.e-active) .expendBtn{display:none;}
.tabType3>.tabBody > div{border:none;padding:0 0;overflow:hidden;background:#fff;}

.tabType3.type2>.tabHeader.e-header>li.e-active{color:#fff;background:#443f69 !important;}
.tabType3.type2>.tabHeader.e-header>li.e-active a{color:#fff;}

/* dataType */
.dataTop{position:relative;min-height:1px;margin-bottom:5px;}
.dataTop .rSide{position:absolute;bottom:0;right:0;}
.dataTop .rSide .vat{font-size:13px;}
.dataType1 th,
.dataType1 td{padding:8px 5px;height:36px;text-align:center;border:1px solid #979797;font-size:14px;}
.dataType1 th{font-weight:normal;background:#dbdbdb;}
.dataType1 .link{color:#0075f3;border-bottom:1px solid #0075f3;}
.dataType1 .btnType1{height:28px;}
.dataType1 + .txt4{margin-top:5px;}
.dataType1 + .listType3{margin-top:12px;}


/* checkEdtList */
.checkEdtList{padding-bottom:10px;overflow:hidden}
.checkEdtList>.list > li{position:relative;margin-top:10px;padding-left:40px;}
.checkEdtList>.list > li:after{content:""; display: block;clear:both;}
.checkEdtList>.list > li label{position:absolute;top:6px;left:0;z-index:1;}
.checkEdtList>.list > li .input{display:block;height:36px;}
.checkEdtList>.list > li .input input{font-size:15px;}
.checkEdtList>.list > li .txtbox{display:block;}
.checkEdtList>.list > li .txtbox .box{height:36px;border:1px solid #c9c9c9;}
.checkEdtList>.list > li .txtbox .box .memo{padding:5px 10px;}
.checkEdtList>.list > li .txtbox .box .memo > p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.checkEdtList>.list > li .txtbox .box .memo > p em{vertical-align: baseline;color: #21d2ff;}
.checkEdtList>.list > li .txtbox .box .menu{vertical-align:top;}
.checkEdtList>.list > li .txtbox .box .menu .ico24{opacity:0;}
.checkEdtList>.list > li .txtbox .box:hover .menu .ico24{opacity:1;}
.checkEdtList .btn{padding-left:40px;}
.checkEdtList .btn button{height:36px;width:100%;margin-top:10px;text-align:left;font-size:15px;color:#443f69;padding:0 10px;background:#f8f8f9;}
.checkEdtList.type2{padding:0 15px 10px 15px;}
.checkEdtList.type3 li{padding-left:0;}
.checkEdtList.type3 .btn{padding-left:0;}

.tabType1 .tabBody .checkEdtList{padding:15px 20px;}
.e-tooltip-wrap .e-tipContainer .checkEdtList{padding-bottom:0;}

/* dlType */
.dlType1 dl dt{height:38px;padding:0 15px;border-bottom:2px dashed #d7d9e2;}
.dlType1 dl dt:after{content:""; display: block;clear:both;}
.dlType1 dl dt .btn{float:right;}
.dlType1 dl dt .rSide .searchInput2{width:200px;display:inline-block;}
.dlType1 dl dt .searchInput2 input[type='text']{height:38px;padding:3px 0 0 35px;}
.dlType1 dl dt .rSide{float:right;}
.dlType1 dl dd{padding:15px 20px;}

.dlType2{border-bottom:1px solid #e4e4e4;}
.dlType2 dt{position:relative;padding:5px 20px;height:36px;box-sizing:border-box;color:#443f69;font-size:16px;font-weight:bold !important;border-left:none;border-bottom:none !important;;border-top:1px solid #e4e4e4;border-right:none;background:#fff !important;font-family:'Noto Sans KR', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif' !important;}
.dlType2 dt:first-child{border-top:none;}
.dlType2 dt:hover{border-bottom:1px solid #e4e4e4;}
.dlType2 dd{padding:0;border:none;}
.dlType2  .dlType2{padding:0 20px;border-bottom:none;}
.dlType2  .dlType2 dt{padding:5px 0;}
.dlType2  .dlType2 dt:first-child{border-top:1px solid #e4e4e4;}

.dlType2.type2 dt{padding:8px 20px !important;font-size:14px !important;line-height:18px;}

.dlType2.e-acrdn dt{position:relative;padding:5px 20px;height:36px;box-sizing:border-box;color:#443f69;font-weight:bold;font-size:16px;font-weight:bold;cursor:pointer;border-left:none;border-bottom:none !important;;border-top:1px solid #e4e4e4;border-right:none;background:#fff !important;}
.dlType2.e-acrdn dt.e-select{font-size:16px;}
.dlType2.e-acrdn dt.e-select:hover{border-color:#e4e4e4 !important;}
.dlType2.e-acrdn dt.e-select.e-active{color:#9d1f3a;font-size:16px;font-weight:bold;border-color:#e4e4e4 !important;background:#fff;} 
.dlType2.e-acrdn dt.e-select.e-active:hover{border-bottom:1px solid #fff;}
.dlType2.e-acrdn dt .e-icon{position:absolute;top:0;right:0;width:36px;height:36px;margin: 0 0 0 0;}
.dlType2.e-acrdn dt .e-icon.e-plus:before{position:absolute;top:6px;left:6px;content:""; display: block;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-24px 0;}
.dlType2.e-acrdn dt .e-icon.e-minus:before{position:absolute;top:6px;left:6px;content:""; display: block;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:0 0;}
.dlType2.e-acrdn dd{padding:0;border:none;}

.dlType3 dt{padding:15px 20px 0 20px;font-size:14px;color:#443f69;font-weight:bold;border-top:1px solid #c9c9c9;}
.dlType3 dt:first-child{border-top:none;}
.dlType3 dd{padding:10px 20px 10px 20px;}

.dlType4 dt{margin-left:-17px;position:relative;padding:5px 20px;height:36px;box-sizing:border-box;color:#443f69;font-size:16px;font-weight:bold !important;border-left:none;border-bottom:none !important;;border-top:1px solid #e4e4e4;border-right:none;background:#fff !important;font-family:'Noto Sans KR', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif' !important;}
.dlType4 dt:first-child{border-top:none;}
.dlType4 dt:hover{border-bottom:1px solid #e4e4e4;}
.dlType4 dd{padding:0;border:none;}
.dlType4  .dlType4{padding:0 20px;border-bottom:none;}
.dlType4  .dlType4 dt{padding:5px 0;}
.dlType4  .dlType4 dt:first-child{border-top:1px solid #e4e4e4;}

.dlType4.type2 dt{padding:8px 20px !important;font-size:14px !important;line-height:18px;}

.dlType4.e-acrdn dt{position:relative;padding:5px 20px;height:36px;box-sizing:border-box;color:#443f69;font-weight:bold;font-size:16px;font-weight:bold;cursor:pointer;border-left:none;border-bottom:none !important;;border-top:1px solid #e4e4e4;border-right:none;background:#fff !important;}
.dlType4.e-acrdn dt.e-select:hover{border-color:#443f69 !important;}
.dlType4.e-acrdn dt.e-select.e-active{color:#443f69;font-weight:bold;border-color:#e4e4e4 !important;background:#fff;} 
.dlType4.e-acrdn dt.e-select.e-active:hover{border-bottom:1px solid #fff;}
.dlType4.e-acrdn dt .e-icon{position:absolute;top:0;right:0;width:36px;height:36px;margin: 0 0 0 0;}
.dlType4.e-acrdn dt .e-icon.e-plus:before{position:absolute;top:6px;left:6px;content:""; display: block;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-24px 0;}
.dlType4.e-acrdn dt .e-icon.e-minus:before{position:absolute;top:6px;left:6px;content:""; display: block;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:0 0;}
.dlType4.e-acrdn dd{padding:0;border:none;}

/* listType */
.listType1 li{padding: 12px 35px 12px 18px;font-size:14px;color:#4b4f5a;cursor:pointer;border-top:1px solid #dadada;}
.listType1 li.on {background-color: rgba(203, 13, 54, 0.1) !important;}
.listType1 li:hover{background:#f9f9f9;}
.listType1 li:first-child{border-top:none;}

.listType2{display:table;width:100%;table-layout:fixed;}
.listType2 li{display:table-row;}
.listType2 li > .cell{display:table-cell;padding:0 5px;height:36px;font-size:12px;color:#666;border-top:1px solid #dadada;vertical-align:middle;}
.listType2 li:first-child .cell{border-top:none;}
.listType2 li > .tit{width:130px;}
.listType2 li > .btn{width:40px;text-align:center;}

.listType3{}
.listType3 > li{margin-top:5px;padding-left:16px;font-size:14px;text-indent:-16px;}
.listType3 > li:first-child{margin-top:0;}
.listType3 > li > ul > li{position:relative;padding-left:8px;text-indent:0;}
.listType3 > li > ul > li:after{content:""; display: block;position:absolute;top:9px;left:0;width:5px;height:1px;background:#333;}


/* menuBar */
.menuBar{height:38px;padding:0 15px;border-bottom:2px dashed #d7d9e2;}
.menuBar:after{content:""; display: block;clear:both;}
.menuBar .btn{/*float:right;*/display:inline-block;}
.menuBar .rSide .searchInput2{width:200px;display:inline-block;}
.menuBar .searchInput2 input[type='text']{height:38px;padding:3px 0 0 35px;}
.menuBar .rSide{float:right;}
.menuBar .tit{display:inline-block;padding:7px 0 0 5px;color:#443f69;font-weight:bold;font-size:16px;}

/* addFileList */
.addFileList{}
.addFileList li{position:relative;height:38px;margin-top:5px;border:1px solid #c9c9c9;padding-right:40px;background:#f8f8f9;}
.addFileList li:first-child{margin-top:0;}
.addFileList li .filename{display:block;height:38px;line-height:38px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#484848;font-size:15px;}
.addFileList li .ico24{position:absolute;top:0;right:0;}

/* paging */
.paging{margin-top:20px;text-align:center;}
.paging a{display:inline-block;width:36px;height:36px;margin: 0 3px;text-align:center;line-height:35px;font-size:16px;color:#1f1b33;border:1px solid #e6e6e9;background:#f8f8f9;}
.paging a.on{color:#fff;border:1px solid #1f1b33;background:#443f69;}

/*******************************************************************************
 *** contents ******************************************************************
 *******************************************************************************/

/*----------------------------------------------------------*/
/* scheduleArea (header menu) */
/*----------------------------------------------------------*/
.scheduleArea{display:none;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.scheduleArea .scheduleTop{position:absolute;top:0;left:0;width:100%;}
.scheduleArea .scheduleTop .expendBtn{position:absolute;top:2px;right:2px;z-index:20}
.scheduleArea .scheduleTop .scheduleTit{display:none;position:absolute;top:10px;left:20px;z-index:10;font-size:16px;color:#443f69;font-weight:bold;}
.scheduleArea .scheduleTop .menu{}
.scheduleArea .scheduleTop .menu .cellbox{width:auto;position:absolute;top:34px;right:0;z-index:10}
.scheduleArea .scheduleTop .selectbox strong{border:1px solid #fff;}
.scheduleArea .scheduleTop .selectTarget.selectbox{width:auto;max-width:140px}
.scheduleArea .scheduleTop .scheduleType.selectbox{width:auto}
.scheduleArea .scheduleTop .searchInput2{position:relative;top:3px;}
.scheduleArea .scheduleTop .searchInput2 input{height:38px;width:160px;}
.scheduleArea  .scheduleSumData{display:none;position:absolute;top:55px;left:0;width:360px;height:252px;background:#fff;z-index:10;box-shadow:0 0 5px rgba(0,0,0,0.5)}

@media all and (min-width:768px){
.scheduleArea .scheduleTop .menubox{position:absolute;top:15px;left:20px;z-index:20}
.scheduleArea .scheduleTop .menubox .menuBtn{width:48px;height:48px;}
.scheduleArea .scheduleTop .menubox .menuBtn.on{background:#ededef;}
.scheduleArea .scheduleTop .menubox .menuBtn:after{top:12px;left:12px;background:url('Images/ico_24.png') no-repeat -216px -120px;background-size:auto 240px;}

.scheduleArea:not(.small){left:0}
.scheduleArea.small{width:360px;}
.scheduleArea.small .scheduleTop .menubox{display:none;width:36px;height:36px;float:right;position:relative;top:32px;left:0;padding-right:10px;}
.scheduleArea.small .scheduleTop .menubox .menuBtn:after{top:6px;left:6px;}
.scheduleArea.small .scheduleTop .scheduleTit{display:block;}
.scheduleArea.small .scheduleTop .scheduleType{display:none;}
.scheduleArea.small .scheduleTop .searchInput2{display:none;}
.scheduleArea.small .e-schedule .e-scheduleheader .e-datecommondiv{text-align:left;padding:8px 8px 8px 10px;}
.scheduleArea.small .e-schedule .e-scheduleheader>td{vertical-align:bottom;}
.scheduleArea.small .e-schedule .e-scheduleheader .e-datecommondiv .e-datedisplay{font-size:14px;}
.scheduleArea.small .e-schedule .e-scheduleheader .e-datecommondiv .e-icon:before{font-size:11px;font-weight:bold;}
.scheduleArea.small .e-schedule .e-apptext{font-size:11px;}
.scheduleArea.small .e-schedule .e-recurapp,
.scheduleArea.small .e-schedule .e-recureditapp{display:block;float:none;}
.scheduleArea.small .e-schedule .e-appointinnertext{padding:1px 2px 1px 2px}
}

@media all and (max-width:1717px){ 
/*.scheduleArea{top:120px;}		line 77 redefinition */
}
@media all and (max-width:1204px){
/*.scheduleArea{top:180px;}		line 82 redefinition */
.scheduleArea .scheduleTop .searchInput2{display:none;}
}

/*----------------------------------------------------------*/
/* messateArea (header menu) */
/*----------------------------------------------------------*/
.messageArea{display:none;width:360px;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.messageArea .messageContent{height:100%;}

.hrMenuArea{display:none;width:300px;overflow:hidden;position:absolute;top:0px;bottom:0;left:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.hrMenuArea .menuContent{height:100%;}
.hrMenuArea.on{display:block !important}

.hrmenu {float:left;height:100%;width:20px; border-left:solid 1px #1f1b33;}
.hrmenu:hover {border-left:solid 1px #32d6ff; cursor:pointer;}
.hrmenu:hover .menuicon {background-position:0px -35px; cursor:pointer;}
.hrmenu .menuicon {margin-left:3px;height:35px; background-image:url('/Contents/Images/healthreportMenuIcon.png'); position:relative;top:430px;}
.hrmenu .menuicon:hover {background-position:0px -35px; cursor:pointer;}
.menuContent .icoQ { background:url('/Contents/Images/question5.png'); display:inline-block;width:20px;height:20px; }
.hrmenuContent {padding:14px;}

.DivHealthReportMultiSelect {height:100%;width:100%;position:absolute;top: 0;left: 0;z-index: 100;background: #fff;} 
.DivHealthReportMultiSelect .body{overflow-y:auto;height:100%;}
.DivHealthReportMultiSelect .body .item.on {height: 32px; background-color: #f5f5f5;}
.DivHealthReportMultiSelect .body .item button {padding:6px 16px; width:100%; height:100%;text-align:left;}
.DivHealthReportMultiSelect .body .item button:hover {background-color:#f5f5f5;}
.DivHealthReportMultiSelect .body .item .txt {font-size:14px;}
.DivHealthReportMultiSelect .body .item .stxt {font-size:12px;color:#9e9e9e;margin-left:8px;}
#BtnHealthReportMultiSelect.ico24 {width:20px;height:20px;}
#BtnHealthReportMultiSelect.ico24.iarrowBtm:after {background-position: -26px -2px;}
#BtnHealthReportMultiSelect.ico24.iarrowTop:after {background-position: -2px -2px;}
#BtnHealthReportMultiSelect.ico24:after {width:20px;height:20px;left:0px;top:0px;}


@media all and (max-width:1717px){ 
/*.messageArea{top:123px;}		line 77 redefinition */
}
@media all and (max-width:1204px){
/*.messageArea{top:183px;}		line 82 redefinition */
}

/* for mobile(only chatting) */
/*@media all and (max-width:699px){ 
body{overflow:hidden;}
.header{position:fixed;top:0;left:0;width:100%;}
.header .gnbMenu{display:none;clear:both;}
.header .userMenu .menu{display:none;}
.header .userMenu .user{width:80px;}
.content{display:none;position:relative;top:0;}
.messageArea{display:block !important;}
.messageArea{position:fixed;top:60px;width:100% !important;}
.messageArea .tabHeader{display:none !important;}
}*/

.chattingList{overflow-x:hidden;overflow-y:auto}
.chattingList>ul{padding-left:20px;}
.chattingList>ul>li{height:80px;cursor:pointer;border-bottom:1px solid #c7c7cc;}
.chattingList>ul>li:first-child{border-top:none;}
.chattingList>ul>li .cellbox .cell{height:80px;vertical-align:middle;}
.chattingList>ul>li .tit{font-size:17px;color:#000;font-weight:normal;}
.chattingList>ul>li .tit em {vertical-align: baseline;color: #21d2ff;}
.chattingList>ul>li .txt{height:32px;overflow:hidden;margin-top:5px;font-size:13px;color:#a9a9a9;line-height:1.2em;}
.chattingList>ul>li .time{display:block;font-size:12px;color:#000000;text-align:center;white-space:nowrap;}
.chattingList>ul>li .msgNum{display:block;margin-top:5px;text-align:center;}
.chattingList>ul>li .msgNum>span{display:inline-block;width:24px;height:24px;border-radius:24px;text-align:center;line-height:24px;color:#fff;font-size:12px;background:#ff0000;}
.chattingList>ul>li .timebox{width:70px;}
.chattingTalk{display:none;position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;}
.chattingTalk .chatTopTxt{font-size:16px;color:#444444;}
.chattingArea .chattingMsg{overflow-x:hidden;overflow-y:auto;background:#fcfcfd;}
.chattingArea .chattingMsg .msgList{padding-bottom:10px;}
.chattingArea .chattingMsg .messageBox{position:relative;padding-top:15px;}
.chattingArea .chattingMsg .messageBox:after{content:""; display: block;clear:both;}
.chattingArea .chattingMsg .messageBox.left{padding-left:12px;}
.chattingArea .chattingMsg .messageBox.right{padding-right:12px;text-align:right;}
.chattingArea .chattingMsg .messageBox .message{position:relative;display:inline-block;max-width:70%;padding:10px 11px 10px 10px;border-radius:4px;font-size:13px;text-align:left;border:1px solid #b1b5c5;box-shadow:1px 1px 1px rgba(0,0,0,0.2);background:#fff;}
.chattingArea .chattingMsg .messageBox .message .file img{width:100%;}
.chattingArea .chattingMsg .messageBox.right .message{color:#fff;border:1px solid #443f69;background:#443f69;}
.chattingArea .chattingMsg .messageBox .message:after{content:""; display: block;position:absolute;top:12px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.chattingArea .chattingMsg .messageBox .message:before{content:""; display: block;position:absolute;top:12px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.chattingArea .chattingMsg .messageBox.left .message:after{left:-6px;border-right:7px solid #fff}
.chattingArea .chattingMsg .messageBox.left .message:before{left:-8px;border-right:7px solid #b1b5c5}
.chattingArea .chattingMsg .messageBox.right .message:after{right:-6px;border-left:7px solid #443f69}
.chattingArea .chattingMsg .messageBox.right .message:before{right:-8px;border-left:7px solid #443f69}
.chattingArea .chattingMsg .messageBox .dateTime{display:inline-block;font-size:10px;color:#000;vertical-align:bottom;}
.chattingArea .chattingMsg .messageBox.left .dateTime{left:70%;padding-left:10px;}
.chattingArea .chattingMsg .messageBox.right .dateTime{right:70%;padding-right:10px;text-align:right;}
.chattingArea .chattingMsg .messageBox .dateTime>span{display:block;}
.chattingArea .chattingMsg .messageBox .fileTxt{margin-top:8px;font-size:15px;font-weight:bold;color:#000;}
.chattingArea .chattingMsg .messageBox .fileTxt:first-child{margin-top:0;}
.chattingArea .chattingMsg .messageBox .fileTxt > strong{display:block;font-size:14px;color:#fff;}
.chattingArea .chattingMsg .messageBox .fileTxt.line{border-top:1px solid rgba(255,255,255, 0.2)}
.chattingArea .chattingMsg .messageBox .fileTxt.line > strong{padding-top:8px;}
.chattingArea .chattingMsg .messageBox .fileTxt .txt1{margin-top:5px;color:#fff;font-size:12px;font-weight:bold;opacity:0.87;}
.chattingArea .chattingMsg .messageBox .fileTxt .txt1 .next{position:relative;padding-left:10px;}
.chattingArea .chattingMsg .messageBox .fileTxt .txt1 .next:after{position:absolute;top:0;left:0;content:"\276F"; display: block;font-size:11px;line-height:18px;}
.chattingArea .chattingMsg .messageBox .fileTxt .txt2{margin-top:5px;color:#fff;font-size:12px;font-weight:normal;opacity:0.87;}
.chattingArea .chattingMsg .messageBox.left .fileTxt > strong{color:#443f69;}
.chattingArea .chattingMsg .messageBox.left .fileTxt .txt1{color:#443f69;}
.chattingArea .chattingMsg .messageBox .link{position:relative;top:5px;text-align:right;border-top:1px solid #f5f5f5;}
.chattingArea .chattingMsg .messageBox .link a{display:block;}
.chattingArea .chattingMsg .messageBox .link a span{display:inline-block;vertical-align:middle;padding-top:1px;}
.chattingArea .chattingFooter{overflow:hidden;border-top:1px solid #b1b5c5;}
.chattingArea .chattingFooter .msgInput{height:48px;}
.chattingArea .chattingFooter .msgInput .cellbox .cell{height:48px;padding:0 5px;}
.chattingArea .chattingFooter .msgInput .cellbox .ico24.iplus:after{-webkit-transition: transform  0.5s ease;transition: transform 0.5s ease;}
.chattingArea .chattingFooter .msgInput .cellbox .ico24.iplus.open:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.chattingArea .chattingFooter .msgInput input[type='text']{border:none;}

.messageArea  .rPaper{width:230px;}
.messageArea  .rPaper .tit{position:relative;padding:10px 5px;padding-top:2px;/*cursor:pointer;*/cursor:default;}
.messageArea  .rPaper .tit .icoMsg{display:inline-block;vertical-align:middle;margin-right:8px;}
/*.messageArea  .rPaper .tit:after{content:""; display: block;position:absolute;top:50%;right:0;width:24px;height:24px;margin-top:-12px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-264px -216px;}*/
.messageArea  .rPaper .tit strong{display:inline-block;vertical-align:middle;}
.messageArea  .rPaper .txt{padding:5px;padding-bottom:0;border-top:1px solid rgba(255, 255, 255, 0.2);font-size:14px;color:#fff;}
.messageArea  .rPaper .txt span{display:block;font-weight:normal;}

.messageArea .resultPaper{display:none;position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;z-index:10;}
.messageArea .resultPaper .flexinner{background:#f8f8f9;}
.messageArea .resultTop{position:relative;}
.messageArea .resultTop .ico24{position:absolute;top:0;left:0;}
.messageArea .resultTopTxt{font-size:16px;color:#443f69;display:block;height:38px;line-height:38px;text-align:center;font-weight:bold;}
.messageArea .listTit{padding:18px 20px 8px 20px;font-size:14px;color:#4c4c4c;}
.messageArea .resultList ul{padding-top:20px;}
.messageArea .listTit + ul{padding-top:0;}
.messageArea .resultList ul li{position:relative;height:44px;padding:10px 48px 10px 20px;line-height:24px;cursor:pointer;font-size:16px;color:#484848;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #b1b5c5;background:#fff;}
.messageArea .resultList ul li:first-child{border-top:1px solid #b1b5c5;}
.messageArea .resultList ul li:after{position:absolute;top:50%;right:12px;content:""; display: block;width:24px;height:24px;margin-top:-12px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-264px -120px;}

.emailList{background:#f8f8f9;}
.emailForm{display:none;position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;}
.emailForm .btn .ico24.iplus:after{-webkit-transition: transform  0.5s ease;transition: transform 0.5s ease;}
.emailForm .btn .ico24.iplus.open:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.emailForm .emailInfo .cellbox{border-top:1px solid #f6f6f7;}
.emailForm .emailInfo .cellbox:first-child{border-top:none;}
.emailForm .emailInfo .cellbox .cell{padding:10px 20px;vertical-align:top;}
.emailForm .emailInfo .cellbox .tit{padding-right:0;width:80px;padding-top:17px;font-size:15px;color:#777796;}
.emailForm .emailInfo .cellbox .txt{font-size:15px;color:#484848;}
.emailForm .emailConts{padding:10px 20px;overflow-y:auto}
.emailForm .emailConts .addFileList{padding:0 15px;}
.emailForm .emailConts .conts{padding:10px 0;font-size:15px;color:#484848;line-height:1.3em;}
.emailForm .emailConts .conts > .flexinner{top:5px;bottom:5px;}
.emailForm .emailConts .conts > .flexinner textarea{border:none;padding:5px 15px;font-size:14px;}
.emailForm input[type="text"]{height:34px;border:1px solid #d9d9d9;}

.msgMenu{position:relative;display:none;padding:0 35px;background:#ededef;}
.msgMenu.type2{height:100px;display:block;background:#fff;}
.msgMenu.type2 .msgMenuSlider .list .item{padding-top:3px;}
.msgMenuSlider{overflow:hidden;}
.msgMenuSlider .list{height:99px;}
.msgMenuSlider .list .item{padding-top:10px;text-align:center;}
.msgMenuSlider .list .item button{width:80px;}
.msgMenuSlider .list .item button i{margin: 0 auto;}
.msgMenuSlider .list .item button .txt{display:block;width:80%;margin: 0 auto;margin-top:5px;color:#443f69;font-size:13px;white-space:nowrap;text-overflow:ellipsis;}
.msgMenuSlider .msgBtnPrev{position:absolute;top:25px;left:0;}
.msgMenuSlider .msgBtnNext{position:absolute;top:25px;right:0;}
.msgMenuSlider .swiper-button-disabled{opacity:0.2}

.messageArea .msgMenuSlider .list .item button .txt{overflow:hidden}

.icoMsg{display:block;width:62px;height:62px;border-radius:60px;border:1px solid #443f69;background:#fff url('Images/icoMsg.png') no-repeat 0 0;background-size:auto 62px;}
.icoMsg.msgMenu_file{background-position:0 0;}
.icoMsg.msgMenu_result{background-position:-62px 0;}
.icoMsg.msgMenu_memo{background-position:-124px 0;}
.icoMsg.msgMenu_carte{background-position:-186px 0;}
.icoMsg.msgMenu_helth{background-position:-248px 0;}
.icoMsg.msgMenu_form{background-position:-310px 0;}
.icoMsg.msgMenu_exp{background-position:-372px  0;}

/*----------------------------------------------------------*/
/* noticeArea (header menu) */
/*----------------------------------------------------------*/
.noticeArea{display:none;width:360px;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.noticeArea .noticeContent{height:100%;}
@media all and (max-width:1717px){ 
/*.noticeArea{top:123px;}		line 77 redefinition */
}
@media all and (max-width:1204px){
/*.noticeArea{top:183px;}		line 82 redefinition */
}

.noticeArea .titType1{padding-left:20px;}
.noticeArea .noticeList{padding:10px;overflow-x:hidden;overflow-y:auto;background:#f8f8f9;}
.noticeArea .noticeList .noticeBx{margin-top:10px;border:1px solid #b1b5c5;background:#fff;}
.noticeArea .noticeList .noticeBx:first-child{margin-top:0;}
.noticeArea .noticeList .noticeBx .bxHeader{height:36px;padding:1px;}
.noticeArea .noticeList .noticeBx .bxHeader .lSide{padding-left:18px;}
.noticeArea .noticeList .noticeBx .bxHeader .rSide{text-align:right; white-space:nowrap;}
.noticeArea .noticeList .noticeBx .bxHeader .user{font-size:16px;color:#606060;font-weight:normal;}
.noticeArea .noticeList .noticeBx .bxHeader .tel{color:#b3b3b3;font-size:14px;margin-left:18px;}
.noticeArea .noticeList .noticeBx .bxHeader .date{font-size:13px;color:#797998;}
.noticeArea .noticeList .noticeBx .btnBox{padding:8px 0;text-align:center;border-top:1px solid #b1b5c5;}
.noticeArea .noticeList .noticeBx .scheduleChange{padding:15px 10px;}
.noticeArea .noticeList .noticeBx .scheduleChange .txt{display:block;font-size:18px;color:#443f69;text-align:center;}
.noticeArea .noticeList .noticeBx .scheduleChange .change{margin-top:15px;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .prev{width:50%;border:1px solid #c9c9c9;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .next{width:50%;border:2px solid #777796;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .arr{width:24px;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .arr .ico24{padding:0 0;width:24px;height:24px;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .arr .ico24:after{top:0;left:0;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .date{display:block;text-align:center;font-size:13px;color:#474747;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .time{display:block;font-size:24px;font-weight:bold;color:#474747;text-align:center;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .next .date{color:#443f69;}
.noticeArea .noticeList .noticeBx .scheduleChange .change .next .time{color:#443f69;}
.noticeArea .noticeList .noticeBx .scheduleCheck{height:140px;padding:15px 12px;overflow-x:hidden;overflow-y:auto;background:#f8f8f9;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li{margin-top:7px;border:1px solid #c9c9c9;background:#fff;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li:first-child{margin-top:0;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li .cell{height:36px;font-size:13px;color:#707070;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li .cell:first-child{padding-left:10px;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li .cell .icheck:after{background-position: -168px -144px;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li.on{color:#443f69;border:1px solid #443f69;}
.noticeArea .noticeList .noticeBx .scheduleCheck ul li.on .cell .icheck:after{background-position: -168px -192px;}
.noticeArea .noticeList .noticeBx .msgInput{height:50px;border-top:1px solid #b1b5c5;}
.noticeArea .noticeList .noticeBx .msgInput .cellbox .cell{height:48px;padding:0 5px;}
.noticeArea .noticeList .noticeBx .msgInput .cellbox .ico24.iplus:after{-webkit-transition: transform  0.5s ease;transition: transform 0.5s ease;}
.noticeArea .noticeList .noticeBx .msgInput .cellbox .ico24.iplus.open:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.noticeArea .noticeList .noticeBx .msgInput input[type='text']{border:none;}
.noticeArea .noticeList .noticeBx .recordCheck .img img{width:100%}
.noticeArea .noticeList .noticeBx .recordCheck .record{padding:10px;}
.noticeArea .noticeList .noticeBx .recordCheck .record .rSide{text-align:right;}
.noticeArea .noticeList .noticeBx .libraryList{min-height:auto;}
.noticeArea .noticeList .noticeBx .libraryList .listWrap{padding:10px;}
.noticeArea .noticeLayer{display:none;position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;}
.noticeArea .noticeLayer .layerTop{position:relative;}
.noticeArea .noticeLayer .layerTop.noline{border-bottom:2px solid #fff;}
.noticeArea .noticeLayer .layerTop .ico24{position:absolute;top:0;left:0;}
.noticeArea .noticeLayer .layerTopTxt{font-size:16px;color:#443f69;display:block;height:38px;line-height:38px;text-align:center;font-weight:bold;}
.noticeArea .noticeLayer .complete{position:absolute;top:0;right:10px;height:100%;}
.noticeArea .noticeLayer .complete button{height:100%;}



/*************************** 회원관리 *******************************/
.noticeArea .noticeList .noticeBox {border:solid 0.5px rgba(0, 0, 0, 0.2);background:#fff;padding:18px;}
.noticeArea .noticeList .noticeBox .boxHeader{border-bottom:solid 1px rgba(0,0,0,0.1);padding-bottom:6px;}
.noticeArea .noticeList .noticeBox .boxHeader .lSide .title{font-size:14px;color:#50248f;font-weight:bold;opacity:0.87;display:block;}
.noticeArea .noticeList .noticeBox .boxHeader .lSide .time{font-size:12px;color:#9e9e9e;display:block;}
.noticeArea .noticeList .noticeBox .boxHeader .rSide{text-align:right; white-space:nowrap;}
.noticeArea .noticeList .noticeBox .boxBody {margin-top:12px;}
.noticeArea .noticeList .noticeBox .boxBody .subtitle{font-size:12px;color:#9e9e9e;display:block;}
.noticeArea .noticeList .noticeBox .boxBody .user{margin-top:18px;}
.noticeArea .noticeList .noticeBox .boxBody .user .name{font-size:14px;font-weight:600;color:#333;display:inline-block;}
.noticeArea .noticeList .noticeBox .boxBody .user .info{font-size:12px;color:#9e9e9e;display:inline-block;}
.noticeArea .noticeList .noticeBox .boxBody .habitTag {margin-top:8px;}
.noticeArea .noticeList .noticeBox .boxBody .habitTag tag{border-radius:14px;background-color:#673ab7;border:solid 1px rgba(0,0,0,0.1);display:inline-block;font-size:12px;font-weight:500;color:#fff;padding:0 8px;margin-right:4px;margin-bottom:4px;}
.noticeArea .noticeList .noticeBox .boxBody .message {margin-top:12px;}
.noticeArea .noticeList .noticeBox .boxBody .message .txt{font-size:12px;font-weight:500;color:#9e9e9e;display:inline-block;}
.noticeArea .noticeList .noticeBox .boxBody .message .schedule{font-size:12px;color:#333;font-weight:500;display:inline-block;}
.noticeArea .noticeList .noticeBox .boxBody .message .inputArea{background-color:#fff;border:solid 1px rgba(0,0,0,0.1);padding:8px;height:20px;}
.noticeArea .noticeList .noticeBox .boxBody .message .inputArea .sendtxt{font-size:14px;height:100%;border:0px;padding:0;}
.noticeArea .noticeList .noticeBox .boxBody .message .inputArea .ico24.isend {width:20px;height:20px;}
.noticeArea .noticeList .noticeBox .boxBody .message .inputArea .ico24.isend:after {top:0;left:0;width:20px;height:20px;}
.noticeArea .noticeList .noticeBox .boxBody .message .inputArea .ico24.isend.on:after {background-position:-240px -123px;}
.noticeArea .noticeList .noticeBox .boxFooter {margin-top:12px;}
.noticeArea .noticeList .noticeBox .boxFooter .btnArea{text-align:center;}
.noticeArea .noticeList .noticeBox .boxFooter .btnArea .btn {height:40px;width:120px;border-radius:2px;background-color:#673ab7;font-size:14px;color:#fff;font-weight:bold;}
.noticeArea .noticeList .noticeBox .boxBody .recordCheck{margin-top:8px;}
.noticeArea .noticeList .noticeBox .boxBody .recordCheck .record{margin-top:8px;}
.noticeArea .noticeList .noticeBox .boxBody .recordCheck .kcal{margin-top:8px;font-size:14px;font-weight:500;color:#333;}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .list{}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .list li{margin:0;}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .list li .cellbox{border:0;}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .list li .cellbox .food{font-size:14px; color:#333;padding:0;}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .btnArea {border-top:solid 1px rgba(0,0,0,0.1);border-bottom:solid 1px rgba(0,0,0,0.1);padding:8px 0;}
.noticeArea .noticeList .noticeBox .boxBody .libraryList .btnArea .btn {font-size:14px;font-weight:bold;color:#673ab7;}


.ico1_send:after{content:""; display: block;width:24px;height:22px;background-image:url('Images/btn-sendmessage.png');}
.ico1_message{display:inline-block;height:17px;width:20px;}
.ico1_message:before{content:""; display:inline-block;width:16px;height:16px;background-image:url('Images/alarmMessage.png');}
.ico1_bigClose:after{content:""; display: block;width:24px;height:24px;background-image:url('Images/big_closebtn.png');}
.ico1_circleClose:after{content:""; display: block;width:24px;height:24px;background-image:url('Images/circle-closebtn.png');}

/*************************************************************************/


/*----------------------------------------------------------*/
/* userAccountArea (header menu) */
/*----------------------------------------------------------*/
.userAccountArea{display:none;width:360px;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.userAccountArea .noticeContent{height:100%;}
@media all and (max-width:1717px){ 
/*.userAccountArea{top:123px;}		line 77 redefinition */
}
@media all and (max-width:1204px){
/*.userAccountArea{top:183px;}		line 82 redefinition */
}
.userAccountArea .userAccountContent{height:100%;}
.userAccountArea .ico24.iremove{position:absolute;top:0;right:0;z-index:1;}
.userAccountArea .titType1{height:38px;padding-left:20px;text-align:center;border-bottom: 2px dashed #d7d9e2;}
.userAccountArea .userAccount{padding:20px 15px;}
.userAccountArea .foot{padding:5px;border-top:1px solid #b0b4c5;}



/*----------------------------------------------------------*/
/* equipManageArea (header menu) */
/*----------------------------------------------------------*/
.equipManageArea{display:none;width:360px;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;}
.equipManageArea .noticeContent{height:100%;}
.equipManageArea .equipManageContent{height:100%;}
.equipManageArea .ico24.iremove{position:absolute;top:0;right:0;z-index:1;}
.equipManageArea .titType1{height:38px;padding-left:20px;text-align:center;border-bottom: 2px dashed #d7d9e2;}
.equipManageArea .equipManage{padding:24px 16px;}
.equipManageArea .foot{padding:5px;border-top:1px solid #b0b4c5;}
.equipManageArea .title .preferTit{font-size:15px;color:#443f69;}
.equipManageArea .equipHelp .button{width:100%;height:80px;padding:3px;margin-top:8px;border-radius:8px;border:1px solid #f8f8f9;}
.equipManageArea .equipHelp .button button{width:100%;height:100%;font-size:20px;font-weight:bold;background:#f8f8f9;}
.equipManageArea .equipHelp .button button span{position:relative;display:inline-block;color:#1f1b33;}
.equipManageArea .equipHelp .button button span:before{content:'';display:inline-block;width:24px;height:24px;position:relative;top:4px;padding-right:10px;background-image:url('Images/ico_24.png');background-repeat:no-repeat;background-position:-158px -159px;background-size:auto 310px;}
.equipManageArea .equipConnectionList {margin-top:24px;}
.equipManageArea .equipConnectionList .logContent {width: 100%;/*height: 160px;*/}
.equipManageArea .equipConnectionList .gridText1 {font-size: 11px !important;}



/*----------------------------------------------------------*/
/* empManageArea (header menu) */
/*----------------------------------------------------------*/
.empManageArea {display:none;width:360px;overflow:hidden;position:absolute;top:60px;bottom:0;right:0;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;font-size:14px;}
.empManageArea .noticeContent{height:100%;}
.empManageArea .empManageContent{height:100%;}
.empManageArea .ico24.iremove{position:absolute;top:0;right:0;z-index:1;}
.empManageArea .titType1{height:38px;padding-left:20px;text-align:center;border-bottom: 2px dashed #d7d9e2;}
.empManageArea .empManage{padding:20px 15px;}
.empManageArea .foot{padding:5px;border-top:1px solid #b0b4c5;}
.empManageArea .title .preferTit{font-size:15px;color:#443f69;}
.empManageArea .empHelp .button{width:100%;height:80px;padding:3px;margin-top:10px;border-radius:8px;border:1px solid #f8f8f9;}
.empManageArea .empHelp .button button{width:100%;height:100%;font-size:20px;font-weight:bold;background:#f8f8f9;}
.empManageArea .empHelp .button button span{position:relative;display:inline-block;color:#1f1b33;}
/*.empManageArea .empHelp .button button span:before{content:'';display:inline-block;width:24px;height:24px;position:relative;top:4px;padding-right:10px;background-repeat:no-repeat;background-position:-158px -159px;background-size:auto 310px;}*/
.empManageExplain{border:1px dotted black;border-radius:10px;padding:5px 10px 5px 10px;margin-top:5px;margin-bottom:5px;text-align:left;}
.empManageTable {text-align:center;border:none;margin-top:16px;}
.empManageTable th {font-weight:bold;background-color: #ECECEF;border: solid 1px #979797;padding:5px;width:33%;word-break: break-all;}
.empManageTable td {background-color: #f7f7f7;border: solid 1px #979797;padding:5px;word-break: break-all;}
.empManageArea .empManageProcess {margin-top:16px;}
.empManageArea .empManageRegist {margin-top:24px;}
.empManageArea .empManageSearch {margin-top:24px;}
.empManageArea .empManageProcessTable {text-align:center;margin-top:5px;}
.empManageArea .empManageProcessTable img {margin:10px;}
.empManageArea .empManageProcessImageTit{font-weight:bold;text-decoration:underline;}
.empManageArea .employeeList {margin-top:5px;border:1px solid #c8c8c8;}
.empManageArea .employeeList .logContent {width: 100%;}
.empManageArea .employeeList .gridText1 {font-size: 11px !important;}

/*----------------------------------------------------------*/
/* dashBoard */
/*----------------------------------------------------------*/
.dashboardLeft{width:50%;padding-right:5px !important;}
.dashboardRight{width:50%;padding-left:5px !important;}
.dashBoardArea{border:1px solid #b1b5c5;height:100%;background:#fff;}
.dashBoard{position:relative;height:100%;}
.dashBoardTop{padding:10px 15px;border-bottom: 1px solid #f9f9fa;}
.dashBoardTop .selected strong{font-size:16px;color:#443f69;}

@media all and (max-width:1717px){ 
.dashboardLeft,
.dashboardRight{height:852px;}
}

@media all and (max-width:1459px){ 
.dashboardLeft,
.dashboardRight{width:100%;padding-right:0 !important;padding-left:0 !important;}
.dashboardRight{margin-top:10px;}
}

/*----------------------------------------------------------*/
/* memberList */
/*----------------------------------------------------------*/
.memberInfoArea{border:1px solid #b1b5c5;height:100%;background:#fff;}
.memberInfo{height:250px;}
.memberInfo:after{content:""; display: block;clear:both;}
.memberInfo .regist{float:left;padding:20px;width:350px;}
.memberInfo .regist .search{position:relative;height:56px;}
.memberInfo .regist .button{width:100%;height:144px;padding:3px;margin-top:10px;border-radius:8px;border:1px solid #f8f8f9;}
.memberInfo .regist .button button{width:100%;height:100%;font-size:20px;font-weight:bold;background:#f8f8f9;}
.memberInfo .regist .button button span{position:relative;display:inline-block;padding-left:30px;color:#1f1b33;}
.memberInfo .regist .button button span:after{content:""; display: block;position:absolute;top:7px;left:7px;width:2px;height:16px;background:#1f1b33;}
.memberInfo .regist .button button span:before{content:""; display: block;position:absolute;top:14px;left:0;width:16px;height:2px;background:#1f1b33;}
.memberInfo .infoList{height:100%;overflow-x:hidden;overflow-y:auto;padding:15px;background:#f8f8f9;}
.memberInfo .infoList ul li{float:left;width:160px;height:110px;padding:5px;overflow:hidden;}
.memberInfo .infoList ul li dl{height:100px;border:1px solid #c9c9c9;background:#fff;}
.memberInfo .infoList ul li dl dt{height:36px;padding:0 11px;line-height:35px;font-weight:bold;letter-spacing:-1px;color:#443f69;font-size:16px;border-bottom:2px dashed #d7d9e2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.memberInfo .infoList ul li dl dd{padding:11px 0;}

.memberInfo.type2{height:140px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.memberInfo .infoList{padding:9px 15px;}
.memberInfo .infoList ul li{height:116px;padding:10px 5px;}

.noData{/*position:absolute;top:0;left:0;bottom:0;right:0;*/background:#f5f6f7;}
.noData p{padding:15px 0;font-size:16px;color:#a8b3b5;text-align:center;}
.noData.per100{height: 100%;}
.noData.per100 p{position:absolute;top:50%;left:0;width:100%;margin-top:-35px;text-align:center;}

.memberList{position:relative;border-top:1px solid #ebebeb;}
.memberListTbl{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;}
@media all and (max-width:1717px){
.memberInfoArea{height:852px;}
.memberInfo .memberList{position:relative;height:556px;}
}

.userGuide{position:relative;border:1px solid #b1b5c5;height:100%;background:#fff;}
.userGuide .toggleBtn{display:none;position:absolute;top:3px;right:3px;z-index:10}
.userGuide dl dt{padding:8px 16px;font-size:16px;color:#443f69;font-weight:bold;}
.userGuide dl dd{display:none;padding:20px;border-top:2px dashed #d7d9e2;overflow-y:auto;}
.userGuide .tit{margin-top:16px;font-size:14px;color:#666;margin-bottom:0px;line-height:1.65em;font-weight:bold;color:#443f69;}
.userGuide .tit:first-child{margin-top:0;}
.userGuide .tit2{position:relative;margin-top:20px;font-size:15px;color:#666;margin-bottom:5px;line-height:1.65em;color:#000000;}
.userGuide .tit2:first-child{margin-top:0;}
.userGuide .tit2 .rSide{position:absolute;bottom:0;right:0;font-size:13px;}
.userGuide .txt{font-size:14px;color:#666;line-height:1.65em;}
.userGuide .txt2{font-size:12px;color:#000;}
.userGuide .list > li{font-size:14px;color:#666;line-height:1.65em;}
.userGuide .under{text-decoration:underline;}
@media all and (min-width:1718px){
.userGuide dl dd:not(.custom){display:block !important;}
.userGuide[data-get="userGuide"] {height:194px !important;}
}
@media all and (max-width:1717px){
.userGuide .toggleBtn{display:block !important;}
.userGuide[data-get="userGuide"] {height:auto !important;}
.userGuide[data-get="userSelect"] {height:350px !important;}
}

.searchListBox{padding:12px 0;}
.searchListBox .searchDiv{padding:0 22px;}
.searchListBox .searchDiv .label{padding:13px 0 5px 0;}
.searchListBox .searchDiv .formEl{padding-bottom:10px;}


.searchList{position:relative;padding:20px;overflow:auto}
.searchList ul li{margin-top:3px;cursor:pointer;border:1px solid #c9c9c9;background:#fff;}
.searchList ul li .cellbox{height:40px;}
.searchList ul li .cellbox .cell{padding:0 10px;}
.searchList ul li .cellbox .name{font-size:16px;color:#000;width:30%;}
.searchList ul li .cellbox .name em{vertical-align:baseline;color:#21d2ff;}
.searchList ul li .cellbox .tel{font-size:14px;color:#b5b5b5;}
.searchList ul li .cellbox .tel a{font-size:14px;color:#b5b5b5;}
.searchList .noData p{text-align:center;vertical-align:middle;}

/*----------------------------------------------------------*/
/* inbodyCheck */
/*----------------------------------------------------------*/
.inbodyCheckList{height:100%;width:460px;overflow-x:hidden;overflow-y:auto;}
.inbodyCheckList ul.list{border:1px solid #b1b5c5;background:#fff}
.inbodyCheckList ul.list li{border-top:1px solid #f9f9fa;;}
.inbodyCheckList ul.list li label{display:block;height:56px;padding:15px;}
.inbodyCheckList ul.list li .txt{margin-left:35px;font-size:16px;color:#666;vertical-align:middle;}
.inbodyCheckList ul.list li .stxt{margin-left:30px;font-size:12px;color:#a9a9a9;vertical-align:middle;}
.inbodyCheckList ul.list li.on{background:#ebfbff;}
.e-tooltip-wrap .inbodyCheckList{padding-bottom:0;}

.inbodyCheck{position:relative;height:100%;border:1px solid #b1b5c5;background:#fff}
.inbodyCheck .txt{display:table;height:100px;width:100%;}
.inbodyCheck .txt span{display:table-cell;padding:0 30px;text-align:center;vertical-align:middle;font-size:24px;color:#443f69;font-weight:bold;}
.inbodyCheck .photo{position:absolute;top:100px;left:100px;bottom:100px;right:100px;text-align:center;}
.inbodyCheck .photo img{height:100%;max-height:745px;max-width:500px;}
@media all and (max-width:1717px){
.inbodyCheckList{width:274px;}
.inbodyCheckList .list{max-height:346px;overflow-x:hidden;overflow-y:auto}
.inbodyCheckList ul.list li .txt{width:30%;margin-left:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;}
.inbodyCheck{min-height:700px}
.inbodyCheck .photo{position:relative;top:0;left:0;right:0;bottom:0;padding:50px;}
.inbodyCheck .photo img{width:100%;}
}
@media all and (max-width:1023px){
.inbodyCheckList{width:auto;}
}

/*----------------------------------------------------------*/
/* helthReport */
/*----------------------------------------------------------*/
.noDataBx{height:40px;flex:none !important;-webkit-box-flex:initial !important;box-sizing:content-box !important;}

.noDataBx > div{height:38px;flex:none !important;-webkit-box-flex:none !important;}
.noDataSetting{height:100%;background:#f8f8f9;}
.noDataSetting:after{content:""; display: block;clear:both;}
.noDataSetting .rSide{float:right;}
.noDataSetting .rSide button.ico24{margin: 1px;}

.memberPrivacy{height:100%;}
.memberPrivacy .infoTop{padding:15px;height:55px;border-bottom:1px solid #f9f9fa;}
.memberPrivacy .infoTop .inputCheck{margin-right:25px;}
.memberPrivacy .infoTop .txt{font-size:18px;color:#1f1b33;font-weight:bold;}
.memberPrivacy .infoTop .stxt{margin-left:10px;font-size:12px;color:#a2a2a2;}
.memberPrivacy .infoList{width:100%;overflow-y:auto;overflow-x:hidden;height:100%;}
.memberPrivacy .infoList ul{float:left;display:table;height:100%;}
.memberPrivacy .infoList.basic ul{width:50%;table-layout:fixed}
.memberPrivacy .infoList.add ul{width:100%;}
.memberPrivacy .infoList li{display:table-row;}
.memberPrivacy .infoList li > span{display:table-cell;height:35px;vertical-align:top;padding:7px;}
.memberPrivacy .infoList li > span.tit{width:100px;padding-left:20px;font-size:12px;color:#a9a9a9;}
.memberPrivacy .infoList li > span.txt{padding-left:10px;font-size:14px;color:#443f69;}
.memberPrivacy.expendArea .infoList ul{height:auto;}

.memberMultiSelect .infoTop{}
.memberMultiSelect .infoTop .txt{font-size:14px;color:#333;}
.memberMultiSelect .infoTop .stxt{margin-left:10px;font-size:12px;color:#9e9e9e;}
.memberMultiSelect .inputCheck {width:16px;height:16px;vertical-align:unset;}
.memberMultiSelect .inputCheck .ico {width:16px;height:16px;}
.memberMultiSelect .inputCheck input:checked + .ico {width:16px;height:16px;background-position:-173px -125px;}
.memberMultiSelect .inputCheck input:disabled + .ico {width:16px;height:16px;background-position:-173px -149px;}

.memberMultiSelect .inputCheck.disabled input + .ico {width:16px;height:16px;background-position:-173px -149px;}
.memberMultiSelect .inputCheck.disabled input:checked + .ico {width:16px;height:16px;background-position:-173px -149px;}


@media all and (max-width:1717px){
.memberPrivacy .infoList.basic ul{float:none;width:100%;}
.helthReportLeft{height:862px;}
.helthReportCenter{height:852px;}
/*.helthReportRight > .cellbox > .cell:first-child{height:852px !important;}
.helthReportRight > .cellbox > .cell:last-child{height:762px !important;}*/
.helthReportRight .tFlexNone{flex:none !important}
.helthReportRight .helthResult{height:852px !important;}
.helthReportRight > .floatbox{padding-bottom:10px;}
.hrmenu {height:862px !important;}
}

@media all and (max-width:1023px){
.hrmenu {display:none;}


}

@media (min-width: 1023px) and (max-width: 1717px) {
    .helthReportLeft .memberPrivacy .infoTop .stxt{display:none;}
}


.helthMemo{height:100%;position:relative;z-index:1;}
@media  all and (max-width:1717px) {
.helthMemoWrap{flex:none !important} /* for ie */
.helthMemo{height:350px;}
}
.helthMemo .memoAreaWrap{background:#fff;}
.helthMemo .memoArea{padding-top:10px;}
.helthMemo .menuMsgBox{padding:10px;overflow-y:auto;border-top:2px dashed #d7d9e2;background:#f8f8f9;}
.helthMemo .menuMsgBox .menuMsg{margin-top:8px;border:1px solid #c9c9c9;background:#fff;}
.helthMemo .menuMsgBox .menuMsg:first-child{margin-top:0;}
.helthMemo .menuMsgBox .memoTxt{overflow:hidden;max-height:55px;padding:10px 10px 0 10px;cursor:pointer;font-size:14px;color:#333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.helthMemo .menuMsgBox .memoTextarea textarea{overflow-y:auto;max-height:55px;padding:10px 10px 0 10px;cursor:pointer;font-size:16px;color:#333;border:none;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}

.helthMemo .memoFile .file{position:relative;margin-bottom:5px;}
.helthMemo .memoFile .file .close{position:absolute;top:4px;right:4px;width:32px;height:32px;z-index:1;background:rgba(0,0,0,0.5);}
.helthMemo .memoFile .file .close:after{content:""; display: block;position:absolute;top:4px;left:4px;width:24px;height:24px;background-image:url('Images/ico_24.png');background-size:auto 240px;background-position:-72px -96px}
.helthMemo .memoFile img{width:100%;}
.helthMemo .memoMenu .date{padding:0 10px;color:#a9a9a9;width:30%;}
.helthMemo .memoMenu .menus{text-align:right;width:auto;}

.helthMemo .memoFooter{/*padding:10px;*/border-top:1px solid #c9c9c9;}
.helthMemo .memoFooter .memoFile{display:none;max-height:80px;overflow-y:auto}
.helthMemo .memoFooter .memoInputWrap{display:table;width:100%;box-sizing:border-box;/*border:1px solid #c9c9c9;*/}
.helthMemo .memoFooter .memoInputWrap > div{display:table-cell;vertical-align:middle;}
.helthMemo .memoFooter .memoInputWrap .memoInput textarea{height:36px;padding:6px 10px 4px 10px;font-size:14px;line-height:1.45em;width:100%;border:none;box-sizing:border-box; resize: none;overflow:hidden;}
.helthMemo .memoFooter .memoInputWrap .memoInput textarea:focus{height:72px;}
.helthMemo .memoFooter .memoInputWrap .memoMenu{width:86px;}
.helthMemo .memoFooter .memoInputWrap .memoMenu .date{display:none;}
.helthMemo .memoFooter .memoInputWrap .memoMenu .hide{display:none;}
.helthMemo .memoFooter.focus .memoFile{display:block;}
.helthMemo .memoFooter.focus .memoInputWrap{display:block;/*border:1px solid #00cbff;*/}
.helthMemo .memoFooter.focus .memoInputWrap > div{display:block;}
.helthMemo .memoFooter.focus .memoInputWrap .memoInput textarea{height:40px;overflow-x:hidden;overflow-y:auto;}
.helthMemo .memoFooter.focus .memoInputWrap .memoMenu{width:auto;}
.helthMemo .memoFooter.focus .memoInputWrap .memoMenu .date{display:table-cell;width:30%;}
.helthMemo .memoFooter.focus .memoInputWrap .memoMenu .menus{width:auto;}
.helthMemo .memoFooter.focus .memoInputWrap .memoMenu .hide{display:inline-block;}
.photoExpand{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.photoExpand .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.photoExpand .photo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

.helthMemo.expendArea .memoFooter.focus .memoFile{max-height:180px;}

@media (min-width: 1023px) and (max-width: 1717px) {
.helthMemo .memoMenu .date{width:33%;}
.helthMemo .memoMenu .date span{display:block;}
}


.helthSchedule{height:100%;}
.helthSchedule .schduleData .dataTop{display:none;}

.schduleData{position:relative;height:100%;display:block;}
.schduleData .noData{position:absolute;top:0;left:0;bottom:0;right:0;}
.schduleData .dataTop{display:table;width:100%;table-layout:fixed;}
.schduleData .dataTop>div{display:table-cell;position:relative;vertical-align:middle;}
.schduleData .dataTop>div.right{vertical-align:top;width:36px;}
.schduleData .dataTop .kcal{padding:8px 10px;width:90%;font-size:16px;color:#333;box-sizing:border-box;}
.schduleData .dataBox{position:relative;}
.schduleData .dataListTit{height:30px;overflow-x:hidden;overflow-y:scroll}
.schduleData .dataListTit li{float:left;background:#fff;}
.schduleData .dataListTit li{height:30px;margin-top:0;font-size:14px;color:#443f69;line-height:30px;text-align:center;border-bottom:1px solid #dadada;}
.schduleData .dataListTit li strong{display:block;line-height:30px;} 
.schduleData .dataListTit li:nth-child(odd){background:#f8f8f8;}
.schduleData .dataListTit li:last-child:after{content:""; display: block;position:absolute;top:0;right:0;width:18px;height:29px;border-bottom:1px solid #dadada;background:#fff;} 
.schduleData .noData p{position:absolute;top:50%;left:0;width:100%;margin-top:-25px;text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.helthSchedule .schduleData .dataListTit li:last-child:after{width:12px;} 
}
.schduleData .dataListTit.size2 li{width:50%;}
.schduleData .dataListTit.size6 li{width:16.6666%;}
.schduleData .dataList{position:absolute;top:30px;left:0;bottom:0;right:0;height:auto;box-sizing:border-box;padding-top:0;overflow-x:hidden;overflow-y:scroll;}
.schduleData .dataList .list{display:table;height:100%;width:100%;table-layout:fixed;}
.schduleData .dataList .list>li{display:table-cell;height:100%;background:#fff;vertical-align:top;}
.schduleData .dataList .list>li:nth-child(odd){background:#f8f8f8;}
.schduleData .dataList .list>li .listtit{display:none;} 
.schduleData .dataList .list>li:nth-child(odd) .listtit{background:#f8f8f8;}
.schduleData .dataList .list>li .listtit strong{display:block;line-height:30px;} 
.schduleData .dataList .list>li .listbox{text-align:center;}
.schduleData .dataList .list>li .listbox .txt1{padding:0 3px;font-size:12px;color:#666666;text-align:left;}
.schduleData .dataList .list>li .listbox .txt2{padding:0 3px;font-size:12px;color:#443f69;}
.schduleData .dataList .list>li .listbox ul li{padding:5px 0;}
.schduleData .dataList .list>li .listbox ul li.fix{background:rgba(31, 26, 51, 0.08);}
.schduleData .dataList .list>li .listbox ul li.fix .txt1{height:30px;line-height:1.2em;letter-spacing:-1px;overflow: hidden;text-align:center;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.schduleData .dataList.size2 .list>li{width:50%;}
.schduleData .dataList.size6 .list>li{width:16.6666%;}
@media (min-width: 801px) and (max-width: 1717px) {
.helthSchedule .schduleData .dataListTit{display:none;}
.helthSchedule .schduleData .dataList{top:0}
.helthSchedule .schduleData .dataList .list{display:block;}
.helthSchedule .schduleData .dataList .list>li{width:auto !important;height:auto;border-top:1px solid #dadada;background:#fff;}
.helthSchedule .schduleData .dataList .list>li:first-child{border-top:none;}
.helthSchedule .schduleData .dataList .list>li .listtit{display:block;height:30px;padding:0 15px;font-size:14px;color:#443f69;line-height:30px;text-align:left;border-bottom:1px solid #dadada;background:#fff !important;}
.helthSchedule .schduleData .dataList .list>li{float:none;display:block;}
.helthSchedule .schduleData .dataList .list>li .listbox{text-align:left;background:#fff;}
.helthSchedule .schduleData .dataList .list>li .listbox ul li{padding:5px 15px;}
.helthSchedule .schduleData .dataList .list>li .listbox ul li:nth-child(odd){background:#f8f8f8;}
.helthSchedule .schduleData .dataList .list>li .listbox ul li.fix{background:#e6e6e8}
}

.helthSchedule.expendArea .tabType1 .tabHeader a{display:none;} /* 식단표 운동계획표의 12345탭 (확대시 모두보이므로 탭이 필요없음.)*/
.helthSchedule.expendArea .tabType1 .tabBody{padding:10px 15px;overflow-x:hidden;overflow-y:auto;}
.helthSchedule.expendArea .tabType1 .tabBody .flexinner{display:block !important;position:relative;height:auto;margin-top:23px;height:96%;}
.helthSchedule.expendArea .schduleData{height:200px;border:1px solid #c9c9c9 !important;height:100%;}
.helthSchedule.expendArea .schduleData .dataTop{display:table;}
/*
.schduleData.type2{height:100%;border:1px solid #c9c9c9 !important;}
.schduleData.type2 .dataTop{display:block;}
.schduleData.type2 .dataBox{position:relative;}
.schduleData.type2 .dataListTit{overflow:hidden;}
.schduleData.type2 .dataListTit li:last-child:after{display:none;} 
*/
.schduleData.type2{border:1px solid #c9c9c9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.schduleData.type2 .dataListTit li:last-child:after{width:12px;} 
}
/* 식단표 CSS변경 20171226 */
.mealPlanTable {font-size:12px;text-align:center;}
.mealPlanTable th{ width:16.6666%;height:30px;color:#443f69}
.mealPlanTable th:nth-child(odd){background:#f8f8f8;}
.mealPlanTable td:nth-child(odd){background:#f8f8f8;}
.mealPlanTable .mealPlanMemo td{background:rgba(31, 26, 51, 0.08);color:#666666;}
.mealPlanTable td{color:#443f69;padding-top:5px;padding-bottom:5px;}

.helthSchedule .mealPlanData .dataTop{display:none;}

.mealPlanData{position:relative;height:100%;overflow-y:auto;display:block;}
.mealPlanData .noData{position:absolute;top:0;left:0;bottom:0;right:0;}
.mealPlanData .dataTop{display:table;width:100%;table-layout:fixed;}
.mealPlanData .dataTop>div{display:table-cell;position:relative;vertical-align:middle;}
.mealPlanData .dataTop>div.right{vertical-align:top;width:36px;}
.mealPlanData .dataTop .kcal{padding:8px 10px;width:90%;font-size:16px;color:#333;box-sizing:border-box;}
.mealPlanData .dataBox{position:relative;}
.mealPlanData .dataListTit{/*height:30px;*/overflow-x:hidden;/*overflow-y:scroll*/}
.mealPlanData .dataListTit li{float:left;background:#fff;}
.mealPlanData .dataListTit li{height:30px;margin-top:0;font-size:14px;color:#443f69;line-height:30px;text-align:center;border-bottom:1px solid #dadada;}
.mealPlanData .dataListTit li strong{display:block;line-height:30px;} 
.mealPlanData .dataListTit li:nth-child(odd){background:#f8f8f8;}
.mealPlanData .dataListTit li:last-child:after{content:""; display: block;position:absolute;top:0;right:0;width:18px;height:29px;border-bottom:1px solid #dadada;background:#fff;} 
.mealPlanData .noData p{position:absolute;top:50%;left:0;width:100%;/*margin-top:-25px;*/text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.helthSchedule .mealPlanData .dataListTit li:last-child:after{width:12px;} 
}
.mealPlanData .dataListTit{display:none;}
.mealPlanData .dataList{top:0}
.mealPlanData .dataList .list{display:block;}
.mealPlanData .dataList .list>li{width:auto !important;height:auto;border-top:1px solid #dadada;background:#fff;}
.mealPlanData .dataList .list>li:first-child{border-top:none;}
.mealPlanData .dataList .list>li .listtit{display:block;height:30px;padding:0 15px;font-size:14px;color:#443f69;line-height:30px;text-align:left;border-bottom:1px solid #dadada;background:#fff !important;margin-top:8px;}
.mealPlanData .dataList .list>li{float:none;display:block;}
.mealPlanData .dataList .list>li .listbox{text-align:left;background:#fff;margin-bottom:24px;}
.mealPlanData .dataList .list>li .listbox ul li{padding:5px 15px;}
.mealPlanData .dataList .list>li .listbox ul li:nth-child(odd){background:#f8f8f8;}
.mealPlanData .dataList .list>li .listbox ul li.fix{background:#e6e6e8}

.helthSchedule.expendArea .tabType1 .tabHeader a{display:none;} /* 식단표 운동계획표의 12345탭 (확대시 모두보이므로 탭이 필요없음.)*/
.helthSchedule.expendArea .tabType1 .tabBody{padding:10px 15px;overflow-x:hidden;overflow-y:auto;}
.helthSchedule.expendArea .tabType1 .tabBody .flexinner{display:block !important;position:relative;height:auto;margin-top:23px;/*height:96%;*/}
.helthSchedule.expendArea .mealPlanData{height:200px;border:1px solid #c9c9c9 !important;height:100%;}
.helthSchedule.expendArea .mealPlanData .dataTop{display:table;}
/*
.mealPlanData.type2{height:100%;border:1px solid #c9c9c9 !important;}
.mealPlanData.type2 .dataTop{display:block;}
.mealPlanData.type2 .dataBox{position:relative;}
.mealPlanData.type2 .dataListTit{overflow:hidden;}
.mealPlanData.type2 .dataListTit li:last-child:after{display:none;} 
*/
.mealPlanData.type2{height:200px;border:1px solid #c9c9c9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mealPlanData.type2 .dataListTit li:last-child:after{width:12px;} 
}
/* 식단표 CSS변경 20171226 */

.targetSlider{padding:15px 20px;}
.targetSlider ul li{padding:10px 0;}
.targetSlider ul li .txt{display:block;width:85px;text-align:center;}
.targetSlider .inputNumber2 input{color:#1f1b33;font-weight:bold;}
.sliderbox{padding:0 10px;}
.sliderbox .tit{font-size:18px;color:#777796;display:inline-block;padding-right:20px;width:95px;}
.sliderbox .txt{font-size:16px;color:#443f69;white-space:nowrap;padding-left:5px;}
.sliderbox .numBox{padding-left:30px;}
.sliderbox .rangeBox{position:relative;top:-10px;}
.sliderbox .rangeMark{display:table;width:100%;table-layout:fixed}
.sliderbox .rangeMark > span{position:relative;display:table-cell;padding:7px 0;font-size:10px;color:#ababab;text-align:center;}
.sliderbox .rangeMark > span:before{content:""; display: block;width:2px;height:8px;position:absolute;bottom:0;left:0;background:#d3d5de;}
.sliderbox .rangeMark > span:last-child:after{content:""; display: block;width:2px;height:8px;position:absolute;bottom:0;right:0;background:#d3d5de;}
.sliderbox .range{height:16px;padding:0 3px;border:2px solid #ccc;}
.sliderbox .range .e-slider-wrap{padding-top:10px;position:relative;top:-7px;}
.sliderbox .range .e-slider.e-widget {height:6px;border-radius:6px;border:none;	background:rgba(0,0,0,0);}
.sliderbox .range .e-slider.e-widget .bar{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;}
.sliderbox .range .e-slider.e-widget .normal{position:absolute;top:0;left:0;width:100%;display:block;float:left;width:50px;height:100%;background:#443f69;z-index:1;}
.sliderbox .range .e-slider.e-widget .normal .unit{position:absolute;bottom:-26px;right:-30px;width:60px;text-align:center;color:#443f69;}
.sliderbox .range .e-slider.e-widget .target{position:absolute;top:0;left:0;display:block;overflow:hidden;height:100%;background:#f51616;z-index:5;}
.sliderbox .range .e-slider.e-widget .last{position:absolute;top:0;left:0;display:block;overflow:hidden;height:100%;background:#b1b5c5;z-index:5;}
.sliderbox .range .e-slider .e-handle.e-select {height:24px !important;width:10px !important;top:-16px;border-radius:25px;border:1px solid #4b466f;z-index:10;background:#fff;}


.sliderbox .valuebar{position:absolute;top:33px;left:5px;right:5px;height:6px;border-radius:6px;background:#fff;}
.sliderbox .valuebar .normal{position:absolute;top:0;left:0;width:100%;display:block;float:left;border-radius:5px 0 0 5px;width:50px;height:100%;background:#443f69;z-index:1;}
.sliderbox .valuebar .normal .unit{position:absolute;bottom:-26px;right:-30px;width:60px;text-align:center;color:#443f69;}
.sliderbox .valuebar .target{position:absolute;top:0;left:0;display:block;overflow:hidden;height:100%;background:#f51616;z-index:5;}
.sliderbox .valuebar .last{position:absolute;top:0;left:0;display:block;overflow:hidden;height:100%;background:#b1b5c5;z-index:5;}
.sliderbox div.remainTxt {color:#f51616;}
.sliderbox div.remainTxt:before {content:'';color:#f51616;display:inline-block;width:15px;height:15px;position:relative;top:3px;padding-right:3px;background-image:url('Images/icon-goal.png');background-repeat:no-repeat;}

.helthStatus{height:100%;}
.helthStatus .changeGraph .tabBody > .flexinner{padding:15px 20px;}
.helthStatus .changeGraph .changeData{height:100%;}
.helthStatus .changeGraph .changeData .tit{padding-bottom:5px;font-size:12px;color:#4f4f4f;}
.helthStatus .changeGraph .changeData .databox:first-child .tit{padding-top:0;}
.helthStatus .changeGraph .changeData .databox .data{height:115px;background:#f9f9f9;}
/*
.helthStatus.expendArea .changeGraph.tabType1 .tabBody{padding:10px 15px;overflow-x:hidden;overflow-y:auto;}
.helthStatus.expendArea .changeGraph.tabType1 .tabBody .flexinner{display:block !important;position:relative;height:auto;margin-top:10px;padding:0 0;}*/
.helthStatus.expendArea .changeGraph .tabBody > .flexinner{overflow-x:hidden;overflow-y:auto;}
.helthStatus.expendArea .changeGraph .changeData .tit{padding-top:15px;}
.helthStatus.expendArea .changeGraph .changeData .databox{/*height:180px;*/display:block !important;}
.helthStatus.expendArea .changeGraph .changeData .databox .data{height:160px;}
.helthStatus.expendArea .changeGraph .changeData #BloodPressure.databox .data{height:200px;}
.helthStatus.expendArea .changeGraph .tabTop .HealthReportItem {display:none;}

.helthAnalysis{height:100%;}
@media  all and (max-width: 1717px) {
.helthAnalysis{height:350px;}
}
.helthAnalysisCard{height:100%;overflow-x:hidden;overflow-y:auto;padding:10px;}
.helthAnalysisCard .title{margin-top:25px;font-size:16px;color:#333;font-weight:bold;}
.helthAnalysisCard .list:after{content:""; display: block;clear:both;}
.helthAnalysisCard .list > li{float:left;padding:0 5px;margin-top:10px;}
/*.helthAnalysisCard .list.cell2 > li{width:50%;}
.helthAnalysisCard .list.cell2 > li:nth-child(odd){padding-left:0;}
.helthAnalysisCard .list.cell2 > li:nth-child(even){padding-right:0;}*/
.helthAnalysisCard .list.cell2 > li{width:320px;}
.helthAnalysisCard .list.cell2 > li:nth-child(odd){padding-left:5px;}
.helthAnalysisCard .list.cell2 > li:nth-child(even){padding-right:5px;}
.helthAnalysisCard .list > li .cardBox{height:228px;border:1px solid #c9c9c9;}
.helthAnalysisCard:not(.preview) .list li:hover .cardBox{border:1px solid #ff0000;}
.helthAnalysisCard .list > li .cardBox .cardTop{position:relative;height:176px;overflow-x:hidden;cursor:pointer;}
.helthAnalysisCard .list > li .cardBox .cardTop .img{height:100%;}
.helthAnalysisCard .list > li .cardBox .cardTop .img img{width:100%;height:100%;}
.helthAnalysisCard .list > li .cardBox .cardBtm .cell{height:52px;padding:0 5px;}
.helthAnalysisCard .list > li .cardBox .cardBtm .cell.menu{white-space:nowrap;}
.helthAnalysisCard .list > li .cardBox .cardBtm .exp{padding-left:10px;font-size:14px;max-height:40px;color:#1f1b33;overflow: hidden; text-overflow: ellipsis;word-break: keep-all;}
.helthAnalysisCard .list > li .cardBox .cardBtm .exp em{vertical-align: baseline;color: #21d2ff;}
.helthAnalysisCard .list > li .cardBox .cardBtm .tit{padding-left:10px;padding-right:10px;text-align:center;font-weight:bold;font-size:16px;max-height:40px;color:#443f69;overflow: hidden; text-overflow: ellipsis;}
.helthAnalysisCard .list > li .cardAdd{position:relative;height:228px;background:#f8f8f9;}
.helthAnalysisCard .list > li .cardAdd:before{content:""; display: block;position:absolute;top:70px;left:50%;width:65px;height:65px;margin-left:-32px;border-radius:65px;background:#e7e7e7;}
.helthAnalysisCard .list > li .cardAdd button{position:relative;height:100%;width:100%;padding-top:70px;font-size:14px;color:#484848;}
.helthAnalysisCard .list > li .cardAdd button:after{content:""; display: block;position:absolute;top:50%;left:50%;margin:-27px 0 0 -2px;clear:both;width:7px;border-radius:5px;height:32px;background:#f8f8f9;}
.helthAnalysisCard .list > li .cardAdd button:before{content:""; display: block;position:absolute;top:50%;left:50%;margin:-14px 0 0 -15px ;clear:both;height:7px;border-radius:5px;width:33px;background:#f8f8f9;}
.helthAnalysisCard .list.cell3 > li{width:33.3333%;}
.helthAnalysisCard .list.cell3 > li:nth-child(3n+1){padding-left:0;}
.helthAnalysisCard .list.cell3 > li:nth-child(3n){padding-right:0;}
.helthAnalysisCard.preview .list li{float:none;padding:0 0;width:auto;}

.dataChart .tit{font-size:21px;color:#505050;}
.dataChart .tit1{padding-top:5px;color:#56c2c2;text-align:center;}
.dataChart .tit2{padding-top:5px;color:#ff6e41;text-align:center;}
.dataChart .tit3{padding-top:10px;color:#6b78c4;text-align:center;}
.dataChart.barChart .tit1 strong{font-size:52px;font-weight:normal;line-height:1em;vertical-align:baseline;}
.dataChart.barChart .tit1 span{font-size:23px;vertical-align:baseline;line-height:1em;}
.dataChart.barChart .tit2 strong{font-size:52px;font-weight:normal;line-height:1em;vertical-align:baseline;}
.dataChart.barChart .tit2 span{font-size:23px;vertical-align:baseline;line-height:1em;}
.dataChart.barChart .subTxt{margin-top:4px;font-size:18px;color:#333333;text-align:center;}
.dataChart.barChart .chart{height:50px;width:80%;margin: 0 auto;margin-top:5px;}
.dataChart.barChart .chart.type2{height:60px;}
.dataChart.barChart2 .tit{padding-top:20px;text-align:center;}
.dataChart.barChart2 .tit strong{font-size:52px;text-align:center;line-height:1em;font-weight:normal;vertical-align:baseline;}
.dataChart.barChart2 .tit span{font-size:23px;vertical-align:baseline;}
.dataChart.barChart2 .tit .c1{color:#ff6e41;}
.dataChart.barChart2 .tit .c2{color:#49b7b5;}
.dataChart.barChart2 .subTxt{margin-top:5px;font-size:18px;color:#505050;text-align:center;}
.dataChart.barChart2 .chart{height:68px;width:80%;margin: 0 auto;margin-top:5px;}
.dataChart.columnChart .tit1 strong{font-size:52px;font-weight:normal;line-height:1em;vertical-align:baseline;}
.dataChart.columnChart .tit1 span{font-size:23px;vertical-align:baseline;line-height:1em;}
.dataChart.columnChart .chart{height:112px;width:80%;margin: 0 auto;}
.dataChart.columnChart2:after{content:"";display: block;clear:both;}
.dataChart.columnChart2 .info{float:left;width:50%;padding-top:30px;text-align:center;}
.dataChart.columnChart2 .info.center{padding-top:54px;}
.dataChart.columnChart2 .info .tit strong{font-size:52px;color:#656565;vertical-align:baseline;font-weight:normal;}
.dataChart.columnChart2 .info .tit span{margin-left:10px;font-size:23px;color:#656565;vertical-align:baseline;}
.dataChart.columnChart2 .info .subTxt{margin: 0 auto;font-size:18px;color:#505050;}
.dataChart.columnChart2 .chart{float:left;height:175px;width:50%;}
.dataChart.areaChart .chart{height:120px;width:80%;margin: 0 auto;}
.dataChart.areaChart2 .tit{text-align:center;}
.dataChart.areaChart2 .tit strong{font-size:50px;line-height:1.3em;color:#49b7b5;font-weight:normal;vertical-align:baseline;}
.dataChart.areaChart2 .tit span{font-size:23px;color:#49b7b5;vertical-align:baseline;}
.dataChart.areaChart2 .chart{height:110px;width:80%;margin: 0 auto;}
.dataChart.halfpieChart .tit2 strong{font-size:52px;font-weight:normal;line-height:1em;vertical-align:baseline;}
.dataChart.halfpieChart .tit2 span{font-size:23px;vertical-align:baseline;line-height:1em;}
.dataChart.halfpieChart .tit3 strong{font-size:52px;font-weight:normal;line-height:1em;vertical-align:baseline;}
.dataChart.halfpieChart .tit3 span{font-size:23px;vertical-align:baseline;line-height:1em;}
.dataChart.halfpieChart .chart{height:104px;width:80%;margin: 0 auto;margin-top:10px;}
.dataChart.pieChart .chart{height:175px;}
/* 파이차트 오른쪽 메뉴(아침, 점심, 야식...)
.dataChart.pieChart .legend{float:right;display:table;width:50%;}
.dataChart.pieChart .legend ul{display:table-cell;height:180px;vertical-align:middle;}
.dataChart.pieChart .legend ul li i{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:4px;background:#f1f1f1;}
.dataChart.pieChart .legend ul li .label{display:inline-block;width:60%;font-size:18px;color:#505050;}
.dataChart.pieChart .legend ul li .txt{display:inline-block;font-size:14px;color:#505050;}
*/
.dataChart.radarChart .chart{height:175px;margin: 0 auto;}
.dataChart.dashboardChart .chart{position:relative;top:10px;height:165px;width:90%;margin: 0 auto;}
.dataChart.dashboardChart .legend{position:absolute;top:5px;right:10px;z-index:1}
.dataChart.inbodyChart{padding-top:25px;}
.dataChart.inbodyChart .chart{height:150px;width:90%;margin: 0 auto;}
.dataChart.inbodyChange .chart{height:175px;width:90%;margin: 0 auto;}
.dataChart.Lifestyle .chartTit{padding:40px 0 0 50px;font-size:20px;color:#656565;font-weight:bold;}
.dataChart.Lifestyle .tit{text-align:center;}
.dataChart.Lifestyle .tit strong{font-size:52px;color:#ffb200;font-weight:normal;vertical-align:baseline;}
.dataChart.Lifestyle .tit span{font-size:23px;color:#ffb200;vertical-align:baseline;}
.dataChart.Lifestyle .tit.c1 > *{color:#56c2c2;}
.dataChart.Lifestyle .tit.c2 > *{color:#ff6e41;}
.dataChart.Lifestyle .tit.c3 > *{color:#6b78c4;}
.dataChart.Lifestyle .chart{height:102px;width:90%;margin: 0 auto;}
.dataChart.Lifestyle.type2 .tit strong{color:#2f73b6;}
.dataChart.Lifestyle.type2 .tit span{color:#2f73b6;}
.dataChart.Lifestyle.type3 .tit strong{color:#dc5d6d;}
.dataChart.Lifestyle.type3 .tit span{color:#dc5d6d;}
.dataChart.ranking:after{content:"";display: block;clear:both;}
.dataChart.ranking .info{float:left;width:50%;padding-top:10px;text-align:center;}
.dataChart.ranking .info strong{display:block;font-size:18px;padding-top:12px;color:#656565;font-weight:normal;}
.dataChart.ranking .info span{display:block;font-size:16px;color:#505050;}
.dataChart.ranking .info .subTxt{margin: 0 auto;font-size:18px;color:#505050;}
.dataChart.ranking .chart{float:left;height:180px;width:50%;}
.dataChart .chart{background:#f9f9f9;}
.dataChart .br{display:block;}
.cardTop .big{display:none;}

.chartExpand{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;box-sizing:border-box;background:#ffffff;}
.chartExpand .small{display:none;}
.chartExpand .big{display:block;}
.chartExpand .expendBtn{position:absolute;top:10px;right:50px;}
.chartExpand .close{position:absolute;top:10px;right:10px;}
.chartExpand .title{position:absolute;top:47px;left:24px;margin-top:0;font-weight:bold;font-size:20px;color:#656565;word-break: break-all;}
.chartExpand .innerCont{height:100%;padding:110px 20px 30px 20px;}
.chartExpand .innerCont .dataChartWrap{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 10px;padding-bottom:15px;}
.chartExpand .innerCont .dataChartWrap .img{padding-top:35px;padding-bottom:15px;border-bottom:1px solid #dbdbdb;}
.chartExpand .innerCont .dataChartWrap .img .tit{padding-bottom:3px;font-size:20px;color:#656565;font-weight:bold;}
.chartExpand .innerCont .dataChartWrap .img:first-child{padding-top:0;}
.chartExpand .innerCont .dataChartWrap img{width:100%;}
.chartExpand .innerCont .dataChartWrap .caption{padding:15px 0;background:#fff;}
.chartExpand .innerCont .dataChartWrap .caption .tt{padding:0 20px;font-size:16px;color:#191919;text-align:center;}
.chartExpand .innerCont .dataChartWrap .caption .link{margin-top:8px;text-align:center;font-size:16px;color:#3b7adb;}
.chartExpand .innerCont .dataChartWrap .caption .link a{color:#3b7adb;}
.chartExpand .innerCont .dataChartWrap .dataTxt{position:absolute;top:46px;left:20px;padding-right:5px;text-align:right;font-size:14px;color:#656565;}
.chartExpand .innerCont .dataChartWrap .dataTxt + .dataChart{margin-top:0;}
.chartExpand .innerCont .dataChartWrap .dataChart:first-child{margin-top:0;}
.chartExpand .innerCont .dataChart {position:relative;padding:30px 0;margin-top:35px;background:#fff;}
.chartExpand .innerCont .dataChart:after{content:""; display: block;position:absolute;bottom:-18px;left:0;width:100%;height:1px;background:#dbdbdb;}
.chartExpand .innerCont .dataChart .tit1{padding-top:0;}
.chartExpand .chart{height:280px;}
.chartExpand .chartTxt{font-size:16px;color:#443f69;text-align:center;}
.chartExpand .avr{display:block;}
.chartExpand .avr strong{font-size:48px;color:#49b7b5;font-weight:normal;vertical-align:baseline;line-height:1em;}
.chartExpand .avr span{font-size:20px;color:#49b7b5;font-weight:normal;vertical-align:baseline;line-height:1em;}
.chartExpand .per .in{position:relative;display:inline-block;}
.chartExpand .per .in span{font-size:20px;color:#49b7b5;font-weight:normal;vertical-align:baseline;line-height:1em;}
.chartExpand .per .in strong{font-size:64px;color:#49b7b5;font-weight:normal;vertical-align:baseline;line-height:1em;}
.chartExpand .per .in .tt{position:absolute;bottom:3px;left:-50px;}
.chartExpand .dataChart.barChart{padding:80px 0;}
.chartExpand .barChart2 .tit strong{font-size:52px;vertical-align:baseline;}
.chartExpand .barChart2 .tit span{font-size:23px;vertical-align:baseline;}
.chartExpand .barChart2 .subTxt{font-size:18px;}
.chartExpand .barChart2 .chart{height:200px;}
.chartExpand .columnChart2.dataChart{padding:0 0;background:none;}
.chartExpand .columnChart2.dataChart:after{display:none;}
.chartExpand .columnChart2 .chartTit{padding-top:16px;margin-top:25px;margin-bottom:10px;font-size:20px;color:#656565;border-top:1px solid #dbdbdb;}
.chartExpand .columnChart2 .chartTit:first-child{margin-top:0;padding-top:0;border-top:none;}
.chartExpand .columnChart2 .chartWrap{height:220px;background:#fff;}
.chartExpand .columnChart2 .chartWrap .chart{width:30%;position:relative;top:20px;}
.chartExpand .columnChart2 .legend{position:absolute;top:60px;right:3%;}
.chartExpand .columnChart2 .legend .label i{display:inline-block;width:26px;height:14px;vertical-align:middle;}
.chartExpand .columnChart2 .legend .label .txt{display:inline-block;padding-left:3px;font-size:14px;color:#505050;}
.chartExpand .columnChart2 .changeUnit{display:table;width:180px;margin: 0 auto;margin-top:5px;}
.chartExpand .columnChart2 .changeUnit > div{display:table-cell;width:64px;vertical-align:middle;}
.chartExpand .columnChart2 .changeUnit > div .unit{display:block;font-size:20px;color:#666;}
.chartExpand .columnChart2 .changeUnit > div .date{display:block;font-size:18px;color:#8e8e8e;}
.chartExpand .columnChart2 .changeUnit .arr{text-align:center;}
.chartExpand .columnChart2 .changeUnit .arr span:after{content:""; display:inline-block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #bfc6cc;}
.chartExpand .barChart .tit1{display:none;}
.chartExpand .barChart .tit2{display:none;}
.chartExpand .barChart .subTxt{display:none;}
.chartExpand .barChart .subTxt{position:relative;padding-bottom:30px;font-size:14px;}
.chartExpand .barChart .subTxt:after{content:""; display: block;position:absolute;bottom:5px;left:50%;width:0;height:0;margin-left:-5px;border:8px solid transparent;border-top:10px solid #c9c9c9;border-left:8px solid transparent;}
.chartExpand .barChart .chart{height:200px;}
.chartExpand .barChart .chart.type2{height:150px;}
.chartExpand .columnChart .tit1{padding-bottom:10px;}
.chartExpand .columnChart .tit1 strong{font-size:64px;font-weight:normal;vertical-align:baseline;}
.chartExpand .columnChart .tit1 .day{margin-left:12px;font-size:20px;vertical-align:baseline;}
.chartExpand .columnChart .chart{height:250px;}
.chartExpand .columnChart .legend{position:absolute;top:20px;right:20px;}
.chartExpand .columnChart .legend .label i{display:inline-block;width:26px;height:14px;vertical-align:middle;}
.chartExpand .columnChart .legend .label .txt{display:inline-block;width:60px;text-align:center;font-size:12px;color:#505050;}
.chartExpand .columnChart .xAxis{position:absolute;top:90px;left:0;width:10%;font-size:16px;color:#666;text-align:center;font-weight:bold;}
.chartExpand .columnChart .yAxis{width:80%;margin: 0 auto;margin-top:5px;text-align:right;font-size:16px;color:#666;font-weight:bold;}
.chartExpand .areaChart .chart,
.chartExpand .areaChart2 .chart{height:240px;}
.chartExpand .dataChart.areaChart2{padding-top:0;}
.chartExpand .dataChart.areaChart2 .tit{text-align:left;line-height:1em;padding-left:15px;}
.chartExpand .dataChart.areaChart2 .tit strong{line-height:1.1em;}
.chartExpand .dataChart.areaChart2 .chart{margin-top:20px;}
.chartExpand .halfpieChart .tit2 strong{font-size:48px;vertical-align:baseline;}
.chartExpand .halfpieChart .tit2 span{font-size:20px;vertical-align:baseline;}
.chartExpand .halfpieChart .chart{height:280px;margin-top:25px;}
.chartExpand .radarChart .chart{height:390px;width:90%;}
.chartExpand .pieChart .chart{float:none;width:90%;margin: 0 auto;height:390px;}
.chartExpand .dashboardChart .tit{text-align:center;font-weight:bold;}
.chartExpand .dashboardChart .chart{height:285px;width:80%;margin-top:15px;}
.chartExpand .dashboardChart .legend{position:absolute;top:20px;right:20px;}
.chartExpand .dashboardChart .legend .label i{display:inline-block;width:26px;height:14px;vertical-align:middle;}
.chartExpand .dashboardChart .legend .label .txt{display:inline-block;padding-left:3px;font-size:16px;color:#505050;}
.chartExpand .dashboardChart .xAxis{position:absolute;top:75px;left:0;width:10%;font-size:16px;color:#666;text-align:center;font-weight:bold;}
.chartExpand .dashboardChart .yAxis{width:80%;margin: 0 auto;margin-top:10px;text-align:right;font-size:16px;color:#666;font-weight:bold;}
.chartExpand .inbodyChart{padding-bottom:100px !important;}
.chartExpand .inbodyChart .tit{padding-bottom:70px;text-align:center;font-weight:bold;}
.chartExpand .inbodyChart .chart{height:140px;}
.chartExpand .inbodyChange .tit{text-align:center;font-weight:bold;}
.chartExpand .inbodyChange .chart{height:290px;width:80%;margin-top:15px;}
/*
.chartExpand .inbodyChange .legend{position:absolute;top:10px;right:20px;}
.chartExpand .inbodyChange .legend .label i{display:inline-block;width:26px;height:14px;vertical-align:middle;}
.chartExpand .inbodyChange .legend .label .txt{display:inline-block;padding-left:3px;font-size:16px;color:#505050;}
*/
.chartExpand .inbodyChange .xAxis{position:absolute;top:75px;left:0;width:10%;font-size:16px;color:#666;text-align:center;font-weight:bold;}
.chartExpand .inbodyChange .yAxis{width:80%;margin: 0 auto;margin-top:5px;text-align:right;font-size:16px;color:#666;font-weight:bold;}
.chartExpand .Lifestyle{padding-top:0 !important;padding-bottom:40px !important;}
.chartExpand .Lifestyle .tit{padding-top:55px;}
.chartExpand .Lifestyle .chart{height:230px;}
.chartExpand .Lifestyle .legend span{display:block;}
.chartExpand .ranking{padding:0 0 !important;}
.chartExpand .ranking.dataChart:after{display:none;}
.chartExpand .ranking .chartGrid .tit{padding:15px 10px 5px 20px;font-size:16px;color:#443f69;border-bottom:2px dashed #b1b5c5;}
.chartExpand .ranking .chartGrid .grid{height:685px;}
.chartExpand .ranking .chartFooter{border:1px solid #979797;}
.chartExpand .ranking .chartFooter .cell{padding:10px 0;font-size:16px;color:#979797;}
.chartExpand .ranking .chartFooter .cell:first-child{padding-left:20px;}
.chartExpand .ranking .chartFooter .cell:last-child{padding-right:20px;text-align:right;}

.helthAnalPreview{padding:0 15px;}
.helthAnalPreview .list{width:325px;margin: 0 auto;}
.helthAnalPreview .previewTit{font-size:20px;margin-top:50px;color:#656565;font-weight:bold;}
.helthAnalPreview .previewTit:first-child{margin-top:0;}
.helthAnalPreview .chartExpand{position:relative;margin-top:10px;}

.helthForm{height:100%;}
.memberFormPhoto .photoMenu{position:relative;}
.memberFormPhoto .photoMenu .rSide{position:absolute;top:0;right:0;z-index:1}
.memberFormPhoto .memberPhoto .dataTop{height:38px;border-bottom:2px dashed #b1b5c5;}
.memberFormPhoto .memberPhoto .formPhoto{padding:10px;}
.memberFormPhoto .memberPhoto .formPhoto .cell{padding:0 0;}
.memberFormPhoto .memberPhoto .formPhoto .photo{position:relative;height:142px;width:103px;margin: 0 auto;border:1px solid #fff;}
.memberFormPhoto .memberPhoto .formPhoto .photo img{width:100%;height:100%;}
.memberFormPhoto .memberPhoto .formPhoto .photo.on{border:2px solid #00cbff;}
.memberFormPhoto .memberPhoto .formPhoto .photo.off:after{content:""; display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.memberFormPhoto .memberPhoto .formPhoto .photo .noData{position:absolute;top:0;left:0;width:100%;height:100%;background:#e7e8ea;}
.memberFormPhoto .memberPhoto .formPhoto .photo .noData p{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;font-size:14px;color:#333;}
.memberFormPhoto .memberPhoto .formPhoto .photo .noData p:before{content:""; display: block;width:100%;height:35px;/*background: url('Images/ico_photo2.png') no-repeat 50% 0;*/background-size:auto 29px;}
.memberFormPhoto .memberPhoto .formPhoto .photo .noData.type2 p{text-align:center;font-size:16px;color:#333;}
.memberFormPhoto .memberPhoto .formPhoto .photo .noData.type2 p:before{content:""; display: block;width:100%;height:49px;/*background: url('Images/ico_photo2.png') no-repeat 50% 0;*/background-size:auto 39px;}
.memberFormPhoto.data2:after{content:""; display: block;clear:both;}
.memberFormPhoto.data2 .memberPhoto{float:left;width:50%;}
/*.memberFormPhoto.data2 .memberPhoto:last-child .formPhoto{border-left:2px dashed #c9c9c9;}*/
.memberFormPhoto.type2{border:1px solid #c9c9c9;padding:0 10px 10px 10px;}
.memberFormPhoto.type2 .dataTop {border-bottom:none;}
.memberFormPhoto.type2 .dataTop .date{padding:10px 8px;}
.memberFormPhoto.type2 .memberPhoto .formPhoto{padding:0 0;}
.memberFormPhoto.type2 .memberPhoto .formPhoto .photo{width:122px;height:167px;}
.memberFormPhoto.type3{margin-top:20px;}
.memberFormPhoto.type3 .memberPhoto .formPhoto{padding:0 0;}
.memberFormPhoto.type3 .memberPhoto .formPhoto > .cellbox{table-layout:fixed;}
.memberFormPhoto.type3 .memberPhoto .formPhoto > .cellbox > .cell:nth-child(1){padding-right:6px;}
.memberFormPhoto.type3 .memberPhoto .formPhoto > .cellbox > .cell:nth-child(2){padding:0 3px;}
.memberFormPhoto.type3 .memberPhoto .formPhoto > .cellbox > .cell:nth-child(3){padding-left:6px;}
.memberFormPhoto.type3 .memberPhoto .formPhoto .photoTxt{padding-bottom:8px;font-size:16px;color:#000;}
.memberFormPhoto.type3 .memberPhoto .formPhoto .photo{width:144px;height:198px;background:#f8f8f9;}
.memberFormPhoto.type3 .memberPhoto .formPhoto .btn{margin-top:8px;}
.memberFormPhoto.type3 .memberPhoto .formPhoto .btn .cell:first-child{padding-right:5px;}
.memberFormPhoto.type4{padding:0 0;}
.memberFormPhoto.type4 .dataTop {height:auto;border-bottom:none;}
.memberFormPhoto.type4 .dataTop .date{padding:0 8px 10px 8px;}
.memberFormPhoto.type4 .memberPhoto .formPhoto{padding:0 0;}
.memberFormPhoto.type4 .memberPhoto .formPhoto .cell{padding:0 5px;}
.memberFormPhoto.type4 .memberPhoto .formPhoto .photoTxt{padding-bottom:5px;}
.memberFormPhoto.type4 .memberPhoto .formPhoto .photo{width:139px;height:191px;}
.memberPhotoZoom{display:none;position:absolute;top:200px;left:0;bottom:0;right:0;overflow:auto;padding:10px;border-top:1px solid #979797;background:#f8f8f9;}
.memberPhotoZoom .photpTool{position:absolute;top:0;left:0;height:60px;width:100%;padding-top:9px;text-align:center;background:#d8d8d8;}
.memberPhotoZoom .photpTool button{width:42px;height:42px;margin: 0 22px;background:url('Images/ico_photoTool.png') no-repeat 0 0;background-size:auto 84px;}
.memberPhotoZoom .photpTool button.menu1{background-position:0 0;}
.memberPhotoZoom .photpTool button.menu2{background-position:-42px 0;}
.memberPhotoZoom .photpTool button.menu3{background-position:-84px 0;}
.memberPhotoZoom .photpTool button.on{background-position-y:-42px;}
.memberPhotoZoom .photo{position:absolute;top:60px;left:0;bottom:0;right:0;overflow:auto;text-align:center;background:#9da4aa;}
.memberPhotoZoom .photo img{height:680px;width:450px;}
.expendArea .memberPhotoZoom{display:block;}

.photoList:after{content:""; display: block;clear:both;}
.photoList .list{padding:15px 10px;display:table;width:100%;}
.photoList .list > div{display:table-cell;vertical-align:top;}
.photoList .list .photo{width:120px;height:168px;}
.photoList .list .photo img{width:100%;height:100%;}
.photoList .list .info{padding-left:15px;}
.photoList .list .info ul{display:table;width:100%;}
.photoList .list .info ul li{display:table-row;}
.photoList .list .info ul li > span{display:table-cell;height:34px;vertical-align:middle;}
.photoList .list .info ul li > .tit{width:84px;font-size:12px;color:#666666;}
.photoList .list .info ul li > .txt{font-size:14px;color:#443f69;}
.photoList.data2 .list{float:left;width:50%;}
.expendArea .photoList{height:100%;overflow-x:hidden;overflow-y:auto;}

.helthResult{height:100%;}

.resultPater{overflow-x:auto;overflow-y:auto;padding:10px 15px;}

.expendArea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;border:1px solid #b1b5c5;background:#ffffff;}
/*습관개선 메시지 예약 추가*/
.helthMemo .habitMessageScheduleAreaWrap{background:#fff;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData{text-align:center;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .txt{padding-top:14px;font-size:16px;font-weight:500;color:#9e9e9e;}

.helthMemo .habitMessageScheduleArea .menuMsgBox .habitTagArea tag {border-radius:14px;background-color:#bdbdbd;padding:0 8px 0 8px;font-weight:500;color:#fff;}

.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox {margin-top:9px;text-align:left;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmRegist {margin-top:16px;padding:16px;border-radius:4px;border:solid 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.5);}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmRegist .msg {margin-top:4px;color:#9575cd;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmRegist .schedule {margin-top:4px;color:#9575cd;font-weight:500;}

.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmReceive {margin-top:16px;padding:16px;border-radius:4px;border:solid 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.5);}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmReceive .title {}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmReceive .contents {}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmReceive .contents .user {color:#9e9e9e;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmReceive .contents .chatArea {margin-top:4px;border-radius:1px; border:solid 1px rgba(0,0,0,0.1);color:#7e57c2;}

.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmSend {margin-top:16px;padding:16px;border-radius:4px;background-color:#9575cd;}
.helthMemo .habitMessageScheduleArea .menuMsgBox .noData .msgBox .alarmSend .chatmsgBox {font-weight:500;color:#fafafa;}

.habitMessageLibrary .explain {padding:16px;background-color:#f5f5f5;font-size:14px;}
.habitMessageLibrary .habitTagFilter{padding:16px;padding-top:0;height:100%;background:#fff;}
.habitMessageLibrary .habitTagFilter dt{position:relative;padding:12px 0 12px 0; font-size:14px;color:#616161;}
.habitMessageLibrary .habitTagFilter .toggleBtn{display:block;position:absolute;top:3px;right:3px;z-index:10}
.habitMessageLibrary .habitTagFilter .habitTagArea .categoryTitle {font-weight:500;color:#9e9e9e;}
.habitMessageLibrary .habitTagFilter .habitTagArea .categoryContents {margin:8px 0 14px 0;}
.habitMessageLibrary .habitTagFilter .habitTagArea .categoryContents tag {display:inline-block;margin-bottom:4px; border-radius:14px;background-color:#ede7f6;font-size:14px;padding:0 8px 0 8px;color:#616161;padding:4px 12px 4px 12px;margin-right:4px;cursor:pointer;border: solid 1px rgba(0, 0, 0, 0.1);}
.habitMessageLibrary .habitTagFilter .habitTagArea .categoryContents tag.on {background-color:#673ab7;color:#fff;border: solid 1px rgba(0, 0, 0, 0.1);}
.habitMessageLibrary .libraryList .title {padding:16px;padding-top:0;}
.habitMessageLibrary .libraryList .title .cellbox {height:32px;}
.habitMessageLibrary .libraryList .title .txt {height:32px;line-height:32px;font-size:14px;color:#616161;}
.habitMessageLibrary .libraryList .title .searchInput2 {height:32px;width:160px;}
.habitMsgList {padding:16px;padding-top:0;}
.habitMsgList .alarmRegist {padding:16px;border-radius:4px;border:solid 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.5);}
.habitMsgList .alarmRegist .msg {margin-top:4px;color:#9575cd;}
.habitMsgList .alarmRegist .schedule {margin-top:4px;color:#9575cd;font-weight:500;}
.habitMsgList .alarmRegist .habitTagArea tag {display:inline-block;border-radius:14px;background-color:#bdbdbd;padding:0 8px 0 8px;font-weight:500;color:#fff;border: solid 1px rgba(0, 0, 0, 0.1);}
.habitMessageLibrary .habitMsgList .alarmRegist .habitTagArea tag {margin-right:4px; background-color:#ede7f6;color:#616161;font-size:12px;border: solid 1px rgba(0, 0, 0, 0.1);}
.habitMessageLibrary .habitMsgList .alarmRegist .habitTagArea tag.on {background-color:#673ab7;color:#fff;}
.habitMessageLibrary .habitMsgList .alarmRegist .msg {margin-top:8px;font-size:14px;color:#000;}
.habitMessageLibrary .habitMsgList .alarmRegist .schedule {margin-top:8px;color:#9e9e9e;font-weight:500;font-size:12px;}
.habitMessageLibrary .habitMsgList .alarmRegist .schedule:before {content:"";display:inline-block;background-image:url(./Images/ic-alarm-small.png);height:15px;width:15px;margin-right:4px;vertical-align:middle;background-position-y:-3px;}
.habitMsgList .btnArea{padding-left:40px;margin-top:16px;}
.habitMsgList .btnArea button{padding:8px 16px 8px 16px;border-radius: 4px;background-color: #fafafa;border: solid 1px rgba(0, 0, 0, 0.1);width:100%;text-align:left;font-weight:500;color:#443f69;font-size:14px;}

.habitMessageLibraryEdit {padding:0 16px 24px 16px;}
.habitMessageLibraryEdit .divForm {margin-top:24px;}
.habitMessageLibraryEdit .divForm .title {font-size:14px;color:#616161;}
.habitMessageLibraryEdit .divForm .contents {margin-top:8px;}
.habitMessageLibraryEdit .divForm .contents textarea {height:80px;border:solid 1px rgba(0,0,0,0.1);font-size:14px;color:#333;}
.habitMessageLibraryEdit .divForm .contents .checkDiv label {margin:8px 0 0 0;}
.habitMessageLibraryEdit .divForm .contents .date {margin-top:8px;}
.habitMessageLibraryEdit .divForm .contents .beforeOffset {margin-top:8px;}
.habitMessageLibraryEdit .divForm .contents .afterOffset {margin-top:8px;}
.habitMessageLibraryEdit .divForm p.err {font-size:12px;color:#f44336;}
.habitMessageLibraryEdit .habitTag {vertical-align:unset;}
.habitMessageLibraryEdit .habitTag tag{border-radius: 15px;background-color: #673ab7;border: solid 1px rgba(0, 0, 0, 0.1);font-size:14px;color:#fff;padding:4px 12px 4px 12px; margin-right:4px;margin-bottom:8px;display:inline-block;}
.habitMessageLibraryEdit .habitTag tag:hover .iremove2{display:inline-block;}
.habitMessageLibraryEdit .habitTag tag .iremove2{display:none;border-radius: 15px;height:16px;width:16px;cursor:pointer;margin-left:5px;}
.habitMessageLibraryEdit .habitTag tag .iremove2:hover{background-color:#d5d5d5;}
.habitMessageLibraryEdit .habitTag tag .iremove2:after{height:13px;width:13px;top:0px;left:1px;background-position:-77px -100px;}
.habitMessageLibraryEdit tag.add{border-radius: 15px;background-color: #ede7f6;border: solid 1px rgba(0, 0, 0, 0.1);font-size:14px;color:#616161;padding:4px 12px 4px 12px; margin-right:4px;margin-bottom:8px;display:inline-block;cursor:pointer;}

.habitMessageHabitTag .habitTagArea tag {margin-bottom:8px;}
.habitMessageHabitTag .habitTagFilter {margin-top:24px;}

.habitMessage .habitMsgList .alarmRegist .habitTagArea tag {margin-bottom:4px; margin-right:4px; background-color:#673ab7;color:#fff;font-size:12px;border: solid 1px rgba(0, 0, 0, 0.1);font-weight:500;}
.habitMessage .habitMsgList .alarmRegist .msg {margin-top:6px;font-size:14px;color:#000;}
.habitMessage .habitMsgList .alarmRegist .schedule {margin-top:8px;color:#9e9e9e;font-weight:500;font-size:12px;}
.habitMessage .habitMsgList .alarmRegist .schedule:before {content:"";display:inline-block;background-image:url(./Images/ic-alarm-small.png);height:15px;width:15px;margin-right:4px;vertical-align:middle;background-position-y:-3px;}
.habitMessage .habitMsgList .alarmRegist{padding-bottom:4px;padding-right:4px;}
.habitMessage .habitMsgList dl dd{margin-bottom:8px;}
.habitMessage .habitMsgList .ViewMoreArea{width:100%;height:40px;}
.habitMessage .habitMsgList .ViewMoreArea button{width:100%;height:100%;background-color:#eeeeee;font-size:14px;color:#9e9e9e;}


/****************************************************/
/*----------------------------------------------------------*/
/* groupMessage */
/*----------------------------------------------------------*/
.groupMessage{height:100%;}
.reciverData{border-bottom:2px solid #e4e4e4;}
.msgForm{padding-bottom:20px;}
.msgForm .formDiv{margin-top:0 !important;}
.msgForm .formDiv .formEl{padding:0 20px;}
.msgForm .textarea{position:absolute;top:46px;left:0;bottom:20px;right:0;}

.msgAddFile{border-top:1px solid #eee;border-bottom:1px solid #eee;}

@media all and (max-width:1717px){
.groupMessage{height:850px;}
}

/*----------------------------------------------------------*/
/* dataEdit */
/*----------------------------------------------------------*/
.dataEdit{height:100%;}
.dataEdit .helthSchedule{position:relative;padding-top:11px;height:250px;border-bottom:1px solid #a9a9a9;}
.dataEdit .helthSchedule:before{content:""; display: block;position:absolute;top:0;left:0;width:100%;height:10px;border-bottom:2px dashed  #d7d9e2;;}
.dataEdit .schduleDetail{position:absolute;top:250px;left:0;bottom:0;right:0;}
.dataEdit .schduleDetail:after{content:""; display: block;clear:both;}
.dataEdit .schduleDetail > div{float:left;height:100%;width:50%;}
.dataEdit .schduleDetail > .rSide{border-left:1px solid #d4d4d4;}

@media all and (max-width:1717px){
.dataEdit{height:850px;}
}
@media all and (max-width:1023px){
.dataEdit{width:auto;}
}

/*----------------------------------------------------------*/
/* preferences */
/*----------------------------------------------------------*/
.preferencesList{height:100%;width:460px;border:1px solid #b1b5c5;background:#fff;}
.preferencesList > dl > dt{position:relative;padding:16px;font-size:20px;color:#9d1f3a;font-weight:bold;}
.preferencesList > dl > dt .toggleBtn{display:none;position: absolute;top:3px;right:3px;z-index:10;}
.preferencesList > dl > dd {border-top:2px dashed #d7d9e2;}
.preferencesList > dl > dd .dlType2 > dt{padding:15px;height:auto;font-size:14px;}
.preferencesList > dl > dd .dlType2.e-acrdn dt.e-active{border-bottom:1px solid #fff !important}
.preferencesList > dl > dd .dlType2.e-acrdn dt.e-active + dd + dt{border-top:1px solid #dadada;}
.preferencesList > dl > dd .dlType2.e-acrdn dt .e-icon{top:8px;}
.preferencesList .listType1{/*max-height:380px;overflow-x:hidden;overflow-y:auto;*/}
.preferences{position:relative;height:100%;min-height:500px;border:1px solid #b1b5c5;background:#fff}
@media all and (min-width:1024px){
.preferencesList > dl > dd {display:block !important;}
}
@media all and (max-width:1717px){
.preferencesList{width:274px;}
.preferencesList > dl > dd{height:750px;}
.preferences{height:800px;}
}
@media all and (max-width:1023px){
.preferencesList{width:auto;}
.preferencesList > dl > dt .toggleBtn{display:block;}
}

/*----------------------------------------------------------*/
/* entramceManage */
/*----------------------------------------------------------*/
.searchMember{height:483px;border:1px solid #b1b5c5;background:#fff;}
.searchMember .search{padding:20px;padding-top:0px;border-bottom:2px dashed #d7d9e2;}
.searchMember .search .searchInput{height:56px;width:310px;background:#fff;}
.entramceMember{border:1px solid #b1b5c5;background:#fff;}
.entramceMember.flexinner{top:10px !important;}
@media all and (max-width:1717px){
.entramceMember.flexinner{position:relative !important;top:0;}
.entramceMember.flexinner .gridType1{min-height:200px;position:relative !important;}
}

/*----------------------------------------------------------*/
/* payment */
/*----------------------------------------------------------*/
.paymentArea{height:100%;border: 1px solid #b1b5c5;background:#fff;}
@media all and (max-width:1717px){ 
.paymentArea {height: 852px;}
}
.paymentArea .couponData{position:relative;}
.paymentArea .couponData .flexinner{left:30px !important;right:30px !important;}
.paymentArea .couponData.type2{padding:0 30px;}

/*******************************************************************************
 *** popup ******************************************************************
 *******************************************************************************/
.popContent{overflow-x:hidden;overflow-y:auto;background:#fff;}
.pdCont{padding:22px;}
.pdCont.type2{padding:10px 20px;}
.popFooter{padding:7px 15px 0 15px;border-top:1px solid #b1b5c5;background:#fff;}
.titPop1:first-child{padding-top:3px;}
.titPop1{position:relative;padding-top:25px;}
.titPop1 strong{font-size:16px;color:#443f69;}
.titPop1 + .dataTop{margin-top:10px;}
.titPop1 + .dataType1{margin-top:10px;}
.titPop1 + .listType3{margin-top:10px;}
.titPop2{margin-top:20px;font-size:14px !important;}
.titPop2:first-child{margin-top:0;}
.titPop2 strong{font-size:14px !important;}
.titPop2 + .cellbox{margin-top:15px;}
.alertPop{display:table;width:100%;}
.alertPop .inner{display:table-cell;vertical-align:middle;height:110px;padding:15px;text-align:center;}
.alertPop .inner p{font-size:16px;color:#333333;}
.alertPop .inner p.txt2{padding:35px 0;font-size:16px;color:#443f69;font-weight:bold;}
.alertPop .inner p.txt2 + .btnBox{padding-top:0;padding-bottom:30px;}
.alertPop .inner p.txt3{text-align:right;font-size:14px;}
.alertPop .inner .space{display:block;height:10px;}

.popContent .searchList{min-height:300px;max-height:310px;}

.formDiv .label{padding-bottom:10px;}
.formDiv .label:last-child{padding-bottom:0;}
.formDiv .label strong{color:#000;font-size:14px;margin-right:5px;font-weight:normal;}
.formDiv .label .stxt{margin-left:10px;font-size:12px;color:#999999;}
.formDiv .label .stxt .star{position:relative;top:2px}
.formDiv .cellbox .label{padding-bottom:5px;}
.formDiv .formEl input[type='text'], .formDiv .formEl input[type='number'],
.formDiv .formEl input[type='password']{height:36px;}
.formDiv .formEl .hTxt{font-size:14px;color:#000;margin-left:7px;vertical-align:baseline;}
.formDiv .formEl .text{margin-top:5px;font-size:14px;color:#666;}
.formDiv .formEl .text.error{color:#ff0000;}
.formDiv .essential{color:#ff0000;font-size:14px;}
.formDiv.on .label strong{color:#00cbff;}
.formDiv.error .label strong{color:#ff0000;}
.formDiv.error input:focus{border:1px solid #ff0000;}
.formDiv.error textarea:focus{border:1px solid #ff0000;}
.formDiv.errorAll .label strong{color:#ff0000;}
.formDiv.errorAll input{border:1px solid #ff0000;}
.formDiv.errorAll .selectbox .selected strong{border:1px solid #ff0000;}
.formDiv.errorAll textarea{border:1px solid #ff0000;}
.titPop1 + .formDiv{margin-top:25px;}
.formDiv ~ .formDiv{margin-top:20px;}
.formDiv .formEl+ .formEl{margin-top:10px;}

.addressSearch {min-height:700px}
.addressSearch .searchInput{height:36px;}
.addressSearch .exTxt{margin-top:10px;font-size:14px;color:#443f69;text-align:center;}
.addressSearch  .searchData{margin-top:35px;}
.addressSearch  .searchData table{border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;}
.addressSearch  .searchData th{padding:8px 0;font-size:14px;color:#000;}
.addressSearch  .searchData td{padding:8px 5px;border-top:1px solid #c9c9c9;}
.addressSearch  .searchData td > .roadName,
.addressSearch  .searchData td > .placeNum{position:relative;padding-left:52px;margin-top:7px;}
.addressSearch  .searchData td > div:first-child{margin-top:0;}
.addressSearch  .searchData td .label{position:absolute;top:0;left:0;display:block;width:44px;height:22px;line-height:21px;text-align:center;font-size:12px;color:#443f69;border:1px solid #443f69;background:#fff;}
.addressSearch  .searchData td .address{font-size:13px;color:#000;}
.addressSearch  .searchData td .code{text-align:center;}
.addressSearch  .searchData tr{cursor:pointer;}
.addressSearch  .searchData tr:nth-child(odd) td{background:#f8f8f9;}
.addressSearch  .searchData .noData p{font-size:14px;color:#000;}

.libraryTop{padding:10px 20px;border-bottom:1px solid #c9c9c9;background:#fff;}
.libraryTop .label{padding-top:3px;}
.libraryTop .label strong{font-size:16px;}
.libraryTop .searchInput input[type="text"]{height:36px;}
.libraryTop .text{padding-top:10px;}
.libraryTop .text .kcal{font-size:16px;color:#443f69;font-weight:bold;}
.libraryTop .text2{padding-top:0;}
.libraryTop .text2 .kcal{font-size:14px;font-weight:bold;}

.popContent .libraryList{min-height:500px}
.libraryList .memoAdd{padding:10px 20px;}
.libraryList .memoAdd input[type="text"]{height:36px;}
.libraryList .listWrap{padding:10px 20px;overflow-x:hidden;overflow-y:auto;max-height:105px;background:#f8f8f9;}
.libraryList .list li{margin-top:10px;margin-bottom:10px;}
.libraryList .list li:first-child{margin-top:0;}
.libraryList .list li .cellbox{height:36px;border:1px solid #c9c9c9;background:#fff;}
.libraryList .list li .cellbox .cell:first-child{padding:5px 10px;color:#646464;}
.libraryList .list li .cellbox .menu{white-space:nowrap;text-align:right;vertical-align:top;}
.libraryList .listWrap .btn{height:36px;padding:0 10px;width:100%;text-align:left;color:#443f69;font-size:15px;background:#edecef;}
.libraryList .libraryChart{padding:0 20px;}
.libraryList .libraryChart .chart{height:125px;}
.libraryList .noData{padding:0 20px;background:#fff;}
.libraryList .noData button{height:36px;width:100%;padding:0 10px;text-align:left;font-size:15px;color:#443f69;border:1px solid #e4e3e7;background:#f4f3f5;}

.itemList > li{padding:10px 28px;border-bottom:1px solid #c9c9c9;}
.itemList > li .txt{font-size:16px;color:#474747;}
.itemList > li.hover:hover{background:#f8f8f9;}
.itemList.type2 li{padding:5px 28px;}

.expPhotoFile{width: 440px;height: 272px;border:1px solid #e6e6e9;background:#f8f8f9 url('Images/ico_photo.png') no-repeat 50% 50%;;}

/* resultPaperPrint */
.resultPaperPrint{height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;}
.resultPaperList{padding:10px;background:#ededef;}
.resultPaperList ul li{margin-top:5px;border:1px solid #c9c9c9;background:#fff;}
.resultPaperList ul li .cell{height:40px;padding:0 0;}
.resultPaperList ul li .cell.tit{width:200px;padding-left:15px;border-right:2px dashed #d7d9e2;white-space:nowrap;font-size:16px;color:#443f69;font-weight:bold;}
.resultPaperList ul li .cell .selectbox{height:40px;}
@media all and (max-width:1717px){
.resultPaperPrint{height:850px;}
}

/* schdule */
.txtboxMember{min-height:36px;border:1px solid #c9c9c9;}
.txtboxMember .name{padding:0 10px !important;color:#000;font-size:16px;white-space:nowrap;}
.txtboxMember .tel{padding:0 10px;font-size:14px;color:#b1b1b1;}
.txtboxSchedule{position:relative;margin-top:12px;padding:10px 0 10px 30px;background:#f8f8f9;}
.txtboxSchedule .schedule{font-size:14px;color:#000;}
.txtboxSchedule:before{content:'';display:block;position:absolute;top:0;left:-22px;width:23px;height:100%;background:#f8f8f9;}
.txtboxSchedule:after{content:'';display:block;position:absolute;top:0;right:-22px;width:23px;height:100%;background:#f8f8f9;}

.scheduleBox{min-height:80px;}
.scheduleBox .name{font-size:16px;color:#000;}
.scheduleBox .time{margin-top:5px;font-size:16px;color:#000;}

.userAccountDelForm{width:400px;margin: 0 auto;margin-top:15px;}

/* preferences */
.preferences .preferCont{height:100%;padding:20px 30px;overflow-x:hidden;overflow-y:auto}
.preferences .preferCont .preferTit{font-size:20px;color:#443f69;}

.preferences .preferCont .memberInfoArea{border:none;}
.preferences .preferCont .memberInfoArea .regist{padding-left:0;}
.preferences .preferCont .memberInfoArea .btnBox{padding-bottom:0;}

.preferences .preferCont .txtType1{margin-top:30px;font-size:18px;color:#000;}
.preferences .preferCont .subtxt1{margin-top:2px;font-size:14px;color:#7f7f7f;}
.preferences .preferCont .txtType1 +  .subtxt1{margin-top:10px;}
.preferences .preferCont .preferTbl{margin-top:10px;border:1px solid #979797;}
.preferences .preferCont .preferTbl th,
.preferences .preferCont .preferTbl td{padding:5px;text-align:center;font-size:15px;border-top:1px solid #979797;border-left:1px solid #979797;}
.preferences .preferCont .preferTbl th:first-child,
.preferences .preferCont .preferTbl td:first-child{border-left:none;}
.preferences .preferCont .preferTbl th{border-top:none;background:#ededef;}
.preferences .preferCont .dataCellbox{margin-top:10px;}
.preferences .preferCont .dataCellbox .cell{vertical-align:top;}
.preferences .preferCont .cellbox .preferTbl{margin-top:0;}
.preferences .preferCont .dataBtn{padding:0 5px;}
.preferences .preferCont .dataBtn > button{display:block;margin-bottom:5px;}

.preferSchduleAlram > .cellbox > .cell{vertical-align:top;}
.preferSchduleAlram > .cellbox > .cell:first-child{padding-right:60px;}
.preferSchduleAlram > .cellbox > .cell:last-child{padding-left:60px;}
.preferSchduleAlram .tit{padding-top:25px;font-size:20px;color:#000;text-align:center;}
.preferSchduleAlram .txt1{padding-top:20px;font-size:20px;color:#000;}
.preferSchduleAlram .txt2{padding-top:35px;font-size:16px;color:#000;}
.preferSchduleAlram .img{margin-top:15px;}
.preferSchduleAlram .img img{width:100%;}
.preferSchduleAlram .formBox{padding-left:20px;}
.preferSchduleAlram .formBox .txt2{text-indent:-20px;}
.preferSchduleAlram .formBox .txt2:first-child{padding-top:15px;}
.preferSchduleAlram .formBox .formDiv{margin-top:10px;}
.preferSchduleAlram .formBox .cellbox{margin-top:10px;margin-left:-5px;}
.preferSchduleAlram .formBox .msgTxt{margin-top:10px;}
.preferSchduleAlram .formBox .msgTxt textarea{height:75px;}
.preferSchduleAlram .btnBox{padding-top:40px;}
.preferSchduleAlram .memberInfo{height:auto;}
.preferSchduleAlram .memberInfo .regist{padding:15px 0;width:310px;}
.preferSchduleAlram .titType1{height:auto;padding-left:20px;}

.popBox{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.popBox .ico.exclamation{text-align:center;}
.popBox .ico.exclamation i{display:inline-block;width:120px;height:120px;background:url('Images/ico_exclamation.png') no-repeat 50% 50%;background-size:100% 100%;}
.popBox .txt{font-size:16px;color:#231f20;line-height:1.7em;text-align:center;}
.popBox .space{height:30px;}

.popContent .pdHead {padding:24px; background-color: #fffde7;} 
.popContent .paragraph {font-size: 14px; color: #000; }
.popContent .paragraph ~ .paragraph {margin-top: 1em;}
.popContent .paragraph a {text-decoration: underline;}

.popContent .tab {display: flex; display:-webkit-box;display:-webkit-flex; display:-ms-flexbox; margin-bottom: 24px; border-radius: 8px; background: #cddc39; overflow: hidden; }
.popContent .tabItem {width: 25%; height: 32px; font-size: 14px; color: #fff;}
.popContent .tabItem.on {background: rgba(0,0,0,.2); font-weight:bold;}
.popContent .popTitle {position: relative; margin: 0 0 16px;  }
.popContent .popTitle .hd {font-size: 18px;}
.popContent .popTitle .btnPrint {position: absolute; right: 0; bottom:5px; font-size: 14px; color: #2196f3; text-decoration: underline;}

.popFormWrap {font-size: 14px;}
.popFormWrap.mb_big {margin-bottom: 1.5em}
.popFormWrap.mt_big {margin-top: 1.5em}
.popFormWrap .formDiv:after {content: ""; display: block; clear: both;}
.popFormWrap .formDiv ~ .formDiv {margin-top: 24px;}
.popFormWrap .m_big ~ .m_big {margin-top: 48px;}
.popFormWrap .formDiv .label strong {color: #616161;}
.popFormWrap .formDiv .textareaBox {height: 80px; margin-top: 10px;}
.popFormWrap .formDiv .paragraph ~ .paragraph, 
.popFormWrap li {margin-top: .8em;}
.popFormWrap .div {float: left;}
.popFormWrap .div_3 {width: 31%;}
.popFormWrap .div_auto {width: auto;}
.popFormWrap .div + .div {margin-left: 3.5%;}
.popFormWrap .selectbox {position: relative;}
.popFormWrap .selectbox select {position: relative; width: 100%; height: 100%; padding: 0 35px 0 10px; border: 1px solid #c9c9c9; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 1;}
.popFormWrap .selectbox:after {content:""; display:inline-block;width:24px;height:24px;position:absolute;top:6px; right: 6px;background:url('Images/ico_24.png') no-repeat -24px 0;background-size:auto 240px}

.popFormWrap input[type="text"] {color: #000;}
.popFormWrap .formEdit input[type="text"] {background-color: #fafafa;}

.popFormWrap table {width: 100%; table-layout: fixed;}
.popFormWrap .cellbox + .table {margin-top: 16px;}
.popFormWrap .table .col-1 {width: 15%;}
.popFormWrap .table .col-2 {width: 25%;}
.popFormWrap .table .col-3 {width: 60%;}
.popFormWrap .table .col-4 {width: 15%;}
.popFormWrap .table .col-5 {width: 35%;}
.popFormWrap .table .col-6 {width: 20%;}
.popFormWrap .table .col-7 {width: 15%;}

.popFormWrap .table th,
.popFormWrap .table td {text-align: left; padding: 8px 16px; }
.popFormWrap .table th {background-color: rgba(0,0,0,.05); color: #443f69;}
.popFormWrap .table td {border-bottom: 1px solid #d8d8d8;}
.popFormWrap .table td .notyet {color: #f44336; }
.popFormWrap .table td button {width: 100%; text-align: right; color: #2196f3; text-decoration: underline;}
.popFormWrap .table .bottom {margin-top: 24px; text-align: center;}
.popFormWrap .table .bottom button {width: 240px; height: 40px; border-radius: 4px; background: #2196f3; font-size: 16px; font-weight: bold;color: #fff;}
.popFormWrap .table th,
.popFormWrap .table td {text-align: left; padding: 8px 16px; }

.popFormWrap .tableGuide {margin-top: 16px; font-size: 12px; color: rgba(0, 0, 0, 0.72);}
.popFormWrap .tableGuide th, 
.popFormWrap .tableGuide td {height: 36px; padding: 0 3px; text-align: center;}
.popFormWrap .tableGuide th {background: rgba(31, 27, 51, 0.08); border: 1px solid #979797; font-weight: normal;}
.popFormWrap .tableGuide td {border: 1px solid #c9c9c9;}

.popFormWrap .tableGuide th.col-1 {color: #000;}
.popFormWrap .tableGuide .col-1 {width: 40%; border-right-color: #979797;}
.popFormWrap .tableGuide .col-2 {width: 30%; border-right-color: #d7d7d7;}
.popFormWrap .tableGuide .col-3 {width: 30%; }


.popFormWrap .accountBox {float: left; width: 49%; padding: 16px; background-color: #fff3e0; border-radius: 8px; text-align: center; }
.popFormWrap .accountBox + .accountBox {margin-left: 2%;}
.popFormWrap .accountBox .title {font-size: 16px; color: #ff9800; }
.popFormWrap .accountBox .countWrap {width:120px; margin: 8px auto 11px; }
.popFormWrap .accountBox .countWrap .count {display: block; width: 100%; padding: 2px 0 4px; font-size: 40px; font-weight: bold; color: #ff9800; line-height: 1;}
.popFormWrap .accountBox .countWrap .count2 {display: block; width: 100%; padding: 2px 0 4px; font-size: 24px; font-weight: bold; color: #ff9800; line-height: 1;}

.popFormWrap .accountBox .using {color: #616161;}
.popFormWrap .accountBox.pay {background-color: #e3f2fd;}
.popFormWrap .accountBox.pay .title,
.popFormWrap .accountBox.pay .countWrap .count2 {color: #2196f3;}

.popFormWrap .accountBox .dropdown {position: relative; background: #fff;}
.popFormWrap .accountBox .dropdown:after {content:""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000;}
.popFormWrap .accountBox .dropdown .count {border:1px solid #2196f3; border-radius: 4px; }
.popFormWrap .accountBox .dropdown .options {display: ; position: absolute; top: 100%; width: 100%; margin-top: 2px; border:1px solid #2196f3; border-radius: 4px; background: #fff;}
.popFormWrap .accountBox .dropdown .options li {margin-top: 0;}
.popFormWrap .accountBox .dropdown .options button {width: 100%; padding: 5px 0; font-size: 18px; }

.popFormWrap .paymentPlan.box {padding: 16px; background-color: #f5f5f5;}
.popFormWrap .paymentPlan li {text-align: right;}
.popFormWrap .paymentPlan li:after {content:""; display: block; clear: both;}
.popFormWrap .paymentPlan li:first-child {margin-top: 0;}
.popFormWrap .paymentPlan span {float: left; }
.popFormWrap .paymentPlan .total {font-size: 1.14em; color: #b50837;}

.popFormWrap .receiptList {margin-top: 24px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.2);}

.popFormWrap .imageBox {padding: 7px; background:#fff; border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.18); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.18); }
.popFormWrap .image {padding: 24px 56px 0;}
.popFormWrap .imageBox img {width: 100%;}

.popContent .moreCont {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);}

.popFormWrap .staffDiv + .staffDiv {margin-top: 48px;}
.popFormWrap .staffDiv .label {position: relative; }
.popFormWrap .staffDiv .label strong {font-size: 16px; font-weight: bold; color: #443f69;}
.popFormWrap .staffDiv .label .btnMore {position: absolute; right: 0; top: 50%; margin-top: -20px;}
.popFormWrap .staffDiv .textBox {padding: 16px; border-radius: 8px;border: solid 1px rgba(151, 151, 151, 0.5);}
.popFormWrap .staffDiv .textBox .paragraph + .paragraph {margin-top: .5em;}

.popFormWrap .staffDiv .processList {text-align: center;}
.popFormWrap .staffDiv .processList li {display: inline-block; color: #757575;}
.popFormWrap .staffDiv .processList li:first-child {position: relative; padding-right: 122px; }
.popFormWrap .staffDiv .processList li .ico-arrow-r {position: absolute; top:31px; right: 48px;}

.popFormWrap .staffDiv .btnCell button {height: 36px; padding: 0 20px; background-color: #443f69; color: #fff;}




/*********** 스케줄 확인 알림 **************/
.scheduleNoticeAlarm {padding:30px;}
.scheduleNoticeAlarm .preferTit{font-size:24px;font-weight:bold;color:#443f69;}
.scheduleNoticeAlarm .preferExp{font-size:14px;font-weight:500;color:#333;margin-top:10px;}
.scheduleNoticeAlarm .preferSchduleAlram {margin-top:30px;}
.scheduleNoticeAlarm .preferSchduleAlram .float .lSide {float:left;}
.scheduleNoticeAlarm .preferSchduleAlram .float .lSide p {font-size:14px;opacity:0.5;color:#333;text-align:center;margin-top:10px;}
.scheduleNoticeAlarm .preferSchduleAlram .float .rSide {float:left;}
.scheduleNoticeAlarm .preferSchduleAlram .formBox {padding-left:30px;}
.scheduleNoticeAlarm .preferSchduleAlram .checkDiv label{display:block;margin:0;margin-bottom:10px;}
.scheduleNoticeAlarm .preferSchduleAlram .formBox .formEl .selectbox {width:440px;}
.scheduleNoticeAlarm .preferSchduleAlram .formBox .formDiv{margin-top:20px;}
/*******************************************/

.e-waitpopup-pane{opacity:0.80 !important;}
.e-waitpopup-pane{background-color:#fff !important;}

/* payment */
.memberInfoItems {height: 100%; padding: 0 2em 1.83em; border: 1px solid #b0b4c5; background-color: #f5f5f5; }
.memberInfoItems .titleWrap {position: relative; margin-top: 2em;}
.memberInfoItems .btnCode {position: absolute; right: 0; bottom: -5px; padding: 0 5px; font-size: 1em; color: #2196f3;}
.memberInfoItems .btnCode .ico {position: relative; display: inline-block; width: 0; height: 0; margin-left: 3px; border-top: 5px solid transparent; border-left: 5px solid #2196f3; border-bottom: 5px solid transparent; border-radius: 2px; vertical-align: -1px; }
.memberInfoItems .btnCode .ico:after {content: ""; position: absolute; left: -7px; top: -5px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #f5f5f5; border-bottom: 5px solid transparent; }
.memberInfoItems .mainTitle {margin-bottom: 0.66em; font-size: 24px; color: #443f69;}
.memberInfoItems .items {display: flex; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex:1;-webkit-box-flex:1; }
.memberInfoItems .items.flex-start {align-items: flex-start;}
.memberInfoItems .item {display: flex; display:-webkit-box;display:-webkit-flex; display:-ms-flexbox; flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction: column; width: 32.5%; padding: 1.3em 2em; border-radius: 8px; border: solid 1px rgba(0,0,0,.2); background-color: #fff; }
.memberInfoItems .item.col-2 {width: 66.25%;}

.memberInfoItems .item + .item {margin-left:1.25%}
.memberInfoItems .item .boxTitle {font-size: 1.66em; color: #000;}
.memberInfoItems .item .infoList {margin-top: 1em; font-size: 1.33em; color: #000;}
.memberInfoItems .item .infoList li + li {margin-top: .5em;}
.memberInfoItems .item .infoList li strong {margin-left: 5px; color: #f44336; vertical-align: initial;}
.memberInfoItems .item .infoBtm {text-align: right; margin-top: auto; }
.memberInfoItems .item .infoBtm button {padding: .25em 1.33em; border-radius: 1em; border: 1px solid transparent; font-size: 1em; }
.memberInfoItems .item .infoBtm .btnPrimary {background-color: #2196f3; color: #fff;}
.memberInfoItems .item .infoBtm .btnSecondary {border-color: #f44336; background-color: #fff; color: #f44336;}

.memberInfoItems .item .btnAdd {position: relative; margin: 2em auto; width: 96px; height: 96px;}
.memberInfoItems .item .btnAdd .bar,
.memberInfoItems .item .btnAdd .bar:after {display: block; position: absolute; top: 50%; left: 50%; background-color: #e0e0e0; transform: translate(-50%, -50%); }
.memberInfoItems .item .btnAdd .bar {width:8px; height: 56px; }
.memberInfoItems .item .btnAdd .bar:after {content:""; width:56px; height: 8px;}


.memberInfoItems .item .historyList {}
.memberInfoItems .item .historyList li {position: relative; margin-bottom: .5em; padding: 1em 70px .5em 0; border-bottom: 1px solid rgba(0,0,0,.2); font-size: 1.33em;}
.memberInfoItems .item .historyList li span {display: inline-block; vertical-align: top;}
.memberInfoItems .item .historyList .date {margin-bottom: .5em; width: 100%; font-weight: bold; color: #757575;}
.memberInfoItems .item .historyList .pay {width: 140px; margin-right: 20px;}
.memberInfoItems .item .historyList .btnReceipt {font-size: 1em; position: absolute; right: 0; color: #2196f3;}


.ico-warn {display: block; margin: 0 auto 24px; width: 96px; height: 96px; background-image: url(Images/ic-warn.png);}
.ico-hourglass {display: block; margin: 0 auto 24px; width: 74px; height: 96px; background-image: url(Images/ic-hourglass.png);}
.ico-percentage {display: block; margin: 0 auto 24px; width: 96px; height: 96px; background-image: url(Images/ic-percentage.png);}
.ico-invitation {display: block; margin: 0 auto 24px; width: 96px; height: 96px; background-image: url(Images/ic-invitation.png);}
.ico-addUser {display: block; margin: 0 auto 24px; width: 96px; height: 96px; background-image: url(Images/ic-add-user.png);}
.ico-arrow-r {display: block; margin: 0 auto 24px; width: 48px; height: 34px; background-image: url(Images/ic-right-arrow.png);}