@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/
@import url('fonts.css');

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
html,body{background-color:#eee;font-family:'Noto Sans KR','Roboto','Malgun Gothic','맑은 고딕',sans-serif;font-weight:400;font-size:22px;color:#212121;line-height:1.136;letter-spacing:-0.5px;}
body{-webkit-text-size-adjust:none;min-width:1080px;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400;}
table,div{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table{width:100%;word-break:break-all;}
ul,li,ol{list-style-type:none}
button{*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0}
button,select,option,input,textarea{outline:none;box-shadow:none;background:transparent;border-radius:0;opacity:1;-webkit-tap-highlight-color:transparent;}
select,input,img,button,textarea{vertical-align:middle;text-align:left;font-family:'Noto Sans KR','Roboto','Malgun Gothic','맑은 고딕',sans-serif;font-weight:400;font-size:22px;color:#212121;line-height:25px;letter-spacing:-0.55px;-webkit-appearance:none;box-shadow:none;}
input{margin:0;padding:0;}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
label{cursor:pointer;-webkit-tap-highlight-color:transparent;}
em {font-style:normal}
a{text-decoration:none;color:#212121;outline:none;-webkit-tap-highlight-color:transparent;}
a:hover {text-decoration:none;}
img{max-width:100%}
strong {font-weight:700;}

.scroll-default::-webkit-scrollbar {position:absolute; width:4px}
.scroll-default::-webkit-scrollbar-track  {background-color:#fff} /*스크롤 바닥*/
.scroll-default::-webkit-scrollbar-thumb {border-radius:10px; background-color:#ddd}

/******** COMMON ********/
/* none */
.mar-none {margin:0 !important;}
.bor-none {border:none 0 !important;}
.pad-none {padding:0 !important;}

/* margin */
.mgt30 {margin-top:30px !important;}

/* font */
.fc-default {color:#212121 !important;}
.fc-point {color:#830000 !important;}
.fw-light {font-weight:300 !important;}
.fw-medium {font-weight:500 !important;}
.fw-bold {font-weight:700 !important;}
.roboto {font-family:'Roboto';}

/* display */
.blind{position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}

/* ellipsis */
.ellipsis {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}

/******** LAYOUT ********/
html, body {position:fixed;height:100%;overflow:hidden;}
body > #wrap {width:100vw;height:100vh;height:calc((var(--vh, 1vh) * 100));overflow-y:scroll;-webkit-overflow-scrolling: touch;}
#wrap.active {overflow:hidden;}

#gnb {position:fixed;left:0;top:0;width:55px;height:100%;background-color:#fff;z-index:5}
#gnb .gnb-main {padding:16px 10px;}
#gnb .gnb-main li {margin-top:8px;}
#gnb .gnb-main li:first-child {margin-top:0;}
#gnb .gnb-main li a {display:block;position:relative;padding:30px 0 6px;border-radius:15px;text-align:center;font-size:15px;color:#830000;line-height:18px;letter-spacing:-0.75px;}
#gnb .gnb-main li a:before {content:'';position:absolute;top:7px;left:50%;margin-left:-10px;width:20px;height:20px;background-position:center bottom;background-repeat:no-repeat;}
#gnb .gnb-main li.active a {color:#fff;background-color:#830000;}
#gnb .gnb-main li.active a:before {background-position:center top;}
#gnb .gnb-main li a span {display:block;padding:2px 0;}
#gnb .gnb-main .home:before {height:19px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/home.png);background-size:auto 38px;}
#gnb .gnb-main .consult:before {height:20px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/consult.png);background-size:auto 40px;}
#gnb .gnb-main .customer:before {height:19px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/customer.png);background-size:auto 38px;}
#gnb .gnb-main .schedule:before {height:20px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/schedule.png);background-size:auto 40px;}
#gnb .gnb-main .place:before {height:20px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/place.png);background-size:auto 40px;}
#gnb .gnb-main .referenceroom:before {height:17.5px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/referenceroom.png);background-size:auto 35px;}
#gnb .gnb-main .quick:before {height:20px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/quick.png);background-size:auto 40px;}
#gnb .gnb-etc {position:absolute;bottom:20px;left:50%;width:35px;margin-left:-17.5px;}
#gnb .gnb-etc li {margin-top:10px;}
#gnb .gnb-etc li:first-child {margin-bottom:-5px;}
#gnb .gnb-etc li a {display:block;width:35px;height:40px;}
#gnb .gnb-etc li a span {display:block;height:40px;background-position:center center;background-repeat:no-repeat;background-size:auto 20px;}
#gnb .gnb-etc li .pin-setting {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/pin-number.png);}
#gnb .gnb-etc li .welcometea {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/welcometea.png);}
#gnb .gnb-etc li .calculator {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/calculator.png);}
#gnb .gnb-etc li .memo {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/memo.png);}
#gnb .gnb-etc li .point {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/point.png);}
#gnb .gnb-etc li .logout {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/logout.png);background-size:auto 30px;}
#gnb .round-top,
#gnb .round-bottom {position:fixed;width:30px;height:30px;overflow:hidden;z-index:6;}
#gnb .round-top:before,
#gnb .round-bottom:before {content:'';display:block;width:200%;height:200%;position:absolute;border-radius:50%;}
#gnb .round-top {left:55px;top:0;}
#gnb .round-bottom {left:55px;bottom:0;}
#gnb .round-top:before {left:0;top:0;box-shadow:-15px -15px 0 0 #fff;}
#gnb .round-bottom:before {left:0;bottom:0;box-shadow:-15px 15px 0 0 #fff;}
#container {padding:62px 0 65px 55px;background-color:#eee;box-sizing:border-box;}
#container:after {content:'';clear:both;display:block;}
#contents {position:relative;height:calc(100vh - 127px);height:calc((var(--vh, 1vh) * 100) - 127px);padding:24px 25px 25px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#fixedTop {position:fixed;left:55px;top:0;z-index:2;height:62px;width:calc(100% - 55px);overflow:hidden;background-color:#eee;border-bottom:solid 1px #ddd;box-sizing:border-box;}
#fixedTop h2 {padding-top:14px;padding-left:70px;font-size:22px;line-height:33px;letter-spacing:-0.55px;text-align:left;}
#fixedTop .back {position:absolute;left:25px;top:15px;width:34px;height:34px;background-color:#ddd;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-back.png);background-repeat:no-repeat;background-size:contain;;border-radius:50%;font-size:0;line-height:0;text-indent:-999em;}
#fixedTop.back-none h2 {padding-left:25px;}
/* 2108 개선사항 */
#fixedTop .description{position: absolute;right: 25px;top: 50%;font-size: 15px;line-height:20px; transform: translateY(-50%);}

#fixedBottom {display:flex;position:fixed;left:55px;bottom:0;z-index:2;height:65px;width:calc(100% - 55px);overflow:hidden;background-color:#212121;box-sizing:border-box;}
#fixedBottom > * {line-height:63px;}
#fixedBottom .button-right-box {margin-left:auto;}

/* 메인layout */
#container.type-index {padding-top:0;}

/* 하단버튼 없는 layout */
#container.type-bot-none {padding-bottom:0;}
#container.type-bot-none #contents {height:calc(100vh - 62px);height:calc((var(--vh, 1vh) * 100) - 62px);}

/* 견적layout */
#side {position:fixed;left:55px;bottom:0;z-index:3;width:300px;height:100%;background-color:#eee;}
#side .round-top,
#side .round-bottom {position:fixed;width:30px;height:30px;overflow:hidden;z-index:6;}
#side .round-top:before,
#side .round-bottom:before {content:'';display:block;width:200%;height:200%;position:absolute;border-radius:50%;}
#side .round-top {left:355px;top:0;}
#side .round-bottom {left:355px;bottom:0;}
#side .round-top:before {left:0;top:0;box-shadow:-15px -15px 0 0 #eee;}
#side .round-bottom:before {left:0;bottom:0;box-shadow:-15px 15px 0 0 #eee;}
#container.type-estimate {padding-left:355px !important;background-color:#fff;}
#container.type-estimate #fixedTop {background-color:#fff;}
#container.type-estimate #fixedTop .back {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-back2.png);}
#container.type-estimate #fixedTop,
#container.type-estimate #fixedBottom {left:355px;width:calc(100% - 355px);}

/* gnb가 없는 견적 layout */
.etc_wrap #side {left:0;}
.etc_wrap #side .round-top {left:300px;top:0;}
.etc_wrap #side .round-bottom {left:300px;bottom:0;}
.etc_wrap #container.type-estimate {padding-left:300px !important;}
.etc_wrap #container.type-estimate #fixedTop,
.etc_wrap #container.type-estimate #fixedBottom {left:300px;width:calc(100% - 300px);}

/******** ELEMENT ********/
.sticky-title {position:sticky;top:0;width:100%;z-index:2;}
.flex-box {display:flex;flex-wrap:wrap;}

/* button */
.button-left-box * {display:inline-block;height:65px;font-size:20px;color:#bbb;letter-spacing:-0.01px;}
.button-right-box * {display:inline-block;font-size:25px;color:#fff;letter-spacing:-0.01px;}
.button-right-box > span {color:#888;}
.button-right-box .btn-next {padding-right:28px;margin-right:25px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-bottom-next.png);background-position:right 24px;background-size:11px auto;background-repeat:no-repeat;}
.button-right-box span.btn-next {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-bottom-next-disabled.png);}
.button-left-box .btn-select {padding:0 31px 0 25px;}
.date-change-btn {width:115px;height:35px;padding-left:12px;border-radius:5px;background-color:#830000;font-size:17px;color:#fff;line-height:34px;box-sizing:border-box;position:relative;}
.date-change-btn:after {content:'';position:absolute;right:12px;top:50%;width:18px;height:16px;margin-top:-7px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/schedule-layer-change-icon.png);background-repeat:no-repeat;background-size:contain;background-position:left top;}

.button-default {display:inline-block;vertical-align:middle;min-width:36px;height:15px;padding:7.5px 12px;border-radius:5px;background-color:#616161;font-size:15px;color:#fff;line-height:15px;text-align:center;box-sizing:content-box;}
.button-default.medium {min-width:32px;height:18px;padding:8px 14px 9px;font-size:17px;line-height:18px;}
.button-default.large {min-width:42px;height:21px;padding:9px 19px 10px;font-size:20px;line-height:20px;}
.button-default.x-large {min-width:52px;height:24px;padding:10px 24px 11px;font-size:22px;line-height:23px;}
.button-default.ico-check {padding-right:38px;padding-left:12px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/schedule-add-member.png);background-repeat:no-repeat;background-position:right 9px center;background-size:19px 19px;}
.button-default.ico-search {padding-right:41px;padding-left:12px;;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/detail-search-icon.png);background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px;}
.button-default.ico-ground {padding-right:34px;padding-left:12px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/ground-plan.png);background-repeat:no-repeat;background-position:right 12px center;background-size: 15px 15px;}
.button-default.ico-memo {padding-right:34px;padding-left:12px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/construction-memo-icon.png);background-repeat:no-repeat;background-position:right 12px center;background-size:13px 13px;}
.button-default.ico-change {padding-right:38px;padding-left:12px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/schedule-layer-change-icon.png);background-repeat:no-repeat;background-position:right 12px center;background-size:18px auto;}
.button-default.w114 {width:90px;}
.button-round {display:inline-block;vertical-align:middle;height:45px;padding:12px 41px 12px 17px;border-radius:50px;background-color:#616161;font-size:20px;color:#fff;line-height:20px;text-align:left;box-sizing:border-box;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/arrow-white-b.png);background-repeat:no-repeat;background-position:right 17px center;background-size:10px auto;}
.button-round.ico-lifestyle,
.button-round.ico-plan,
.button-round.ico-apt {padding-right:40.5px;position:relative;}
.button-round.ico-lifestyle:before,
.button-round.ico-plan:before,
.button-round.ico-apt:before {content:'';position:absolute;top:15px;left:15px;background-repeat:no-repeat;background-position:left top;}
.button-round.ico-lifestyle {padding-left:46.5px;}
.button-round.ico-lifestyle:before {width:21px;height:17px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/lifestyle.png);background-size:21px auto;}
.button-round.ico-plan {padding-left:38.5px;}
.button-round.ico-plan:before {top:16px;width:13px;height:13px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/plane.png);background-size:13px auto;}
.button-round.ico-apt {padding-left:44.5px;}
.button-round.ico-apt:before {top:14px;left:17px;width:20px;height:18px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/apt.png);background-size:20px auto;}
.button-round.w170 {width:170px;}
/* button color */
.button-default.point,
.button-round.point {background-color:#830000;}
.button-default.light,
.button-round.light {background-color:#888;}
.button-default.dark,
.button-round.dark {background-color:#212121;}
.button-default.disabled,
.button-round.disabled {color:#fff;background-color:#ddd;}

/* input default */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=search] {display:inline-block;height:40px;border:solid 1px #bbb;border-radius:4px;background-color:#fff;box-sizing:border-box;padding:7px 10px 8px;font-size:20px;line-height:23px;}
input[type=number] {width:130px;text-align:left;font-family:'Roboto';}
input[type=tel] {font-family:'Roboto';}
input:focus {border-color:#830000}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=search]:disabled {border-color:#eee;color:#888;}

/* textarea */
textarea {display:inline-block;border:solid 1px #bbb;border-radius:4px;background-color:#fff;box-sizing:border-box;padding:7px 10px 8px;font-size:20px;line-height:23px;}
textarea:disabled {border-color:#eee;}

/* placeholder */
::placeholder {font-family:'Noto Sans KR';color:#aaa;opacity:1;font-weight:300;}
::-webkit-input-placeholder {font-family:'Noto Sans KR';color:#aaa;font-weight:300;}
:-ms-input-placeholder {font-family:'Noto Sans KR';color:#aaa;font-weight:300;}
:-mos-input-placeholder {font-family:'Noto Sans KR';color:#aaa;font-weight:300;}

/* checkbox */
input[type=checkbox] {position:absolute;top:0;left:0;width:35px;height:35px;border:solid 2px #bbb;background-color:#fff;border-radius:4px;cursor:pointer;}
input[type=checkbox] + .label {display:inline-block;vertical-align:middle;margin-left:46px;line-height:33px;font-size:20px;}
.checkbox {position:relative;display:inline-block;vertical-align:middle;min-width:35px;min-height:35px;margin-left:53px}
.checkbox input[type=checkbox]:checked {border-color:#830000;background-color:#830000;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/check-checked.png);background-position:center center;background-repeat:no-repeat;background-size:auto 16px;}
.checkbox input[type=checkbox]:checked + .label {color:#000}
.checkbox input[type=checkbox]:disabled {border-color:#ddd;background-color:#eee;background-image:none;}
.checkbox input[type=checkbox]:disabled + .label {color:#888;}
.checkbox input[type=checkbox]:disabled:checked + .label {color:#212121;}
.checkbox:first-child {margin-left:0 !important;}
.checkbox-text {position:relative;display:inline-block;vertical-align:middle;margin-left:6px;}
.checkbox-text:first-child {margin-left:0 !important;}
.checkbox-text input[type=checkbox] {left:-1px;top:-1px;width:0;height:0;margin:0;padding:0;border:none 0;overflow:hidden;}
.checkbox-text input[type=checkbox] + .label {margin:0;padding:2px 0 0;width:75px;height:40px;border-radius:3px;border:solid 1px #bbb;background-color:#fff;box-sizing:border-box;text-align:center;font-size:18px;}
.checkbox-text input[type=checkbox]:checked + .label {border-color:#830000;background-color:#830000;color:#fff;}
.width-auto .checkbox-text input[type=checkbox] + .label {width:auto;padding-left:10px;padding-right:10px;}

/* radio */
input[type=radio] {position:absolute;top:0;left:0;width:27px;height:27px;border:solid 1px #bbb;background-color:#fff;border-radius:50%;cursor:pointer;}
input[type=radio] + .label {display:inline-block;vertical-align:top;margin-left:35px;line-height:25px;font-size:22px;}
.radio {position:relative;display:inline-block;vertical-align:middle;min-width:27px;min-height:27px;margin-left:51px}
.radio:first-child {margin-left:0 !important;}
.radio input[type=radio]:checked {border-color:#830000;}
.radio input[type=radio]:checked:after {content:'';position:absolute;top:50%;left:50%;margin:-7.5px 0 0 -7.5px;width:15px;height:15px;border-radius:50%;background-color:#830000;}
.radio input[type=radio]:disabled {border-color:#ddd;background-color:#eee;background-image:none;}
.radio input[type=radio]:disabled:after {background-color:#eee;}
.radio input[type=radio]:disabled + .label {color:#888;}
.radio input[type=radio]:disabled:checked {border-color:#830000;}
.radio input[type=radio]:disabled:checked:after {background-color:#830000;}
.radio input[type=radio]:disabled:checked + .label {color:#212121;}
.radio-text {position:relative;display:inline-block;vertical-align:middle;margin-left:6px;}
.radio-text:first-child {margin-left:0 !important;}
.radio-text input[type=radio] {left:-1px;top:-1px;width:0;height:0;margin:0;padding:0;border:none 0;overflow:hidden;}
.radio-text input[type=radio] + .label {margin:0;padding:6px 0 0;width:75px;height:40px;border-radius:3px;border:solid 1px #bbb;background-color:#fff;box-sizing:border-box;text-align:center;font-size:18px;}
.radio-text input[type=radio]:checked + .label {border-color:#830000;background-color:#830000;color:#fff;}
.width-auto .radio-text input[type=radio] + .label {width:auto;padding-left:10px;padding-right:10px;}
.radio-step {position:relative;display:inline-block;vertical-align:middle;}
.radio-step input[type=radio] {left:-1px;top:-1px;width:0;height:0;margin:0;padding:0;border:none 0;overflow:hidden;}
.radio-step input[type=radio] + .label {margin:0;padding:3px 20px 0;height:35px;border-radius:3px;border:solid 1px #bbb;background-color:#fff;box-sizing:border-box;text-align:center;font-size:18px;letter-spacing:-0.9px;}
.radio-step input[type=radio] + .label .step {display:inline-block;padding-top:1px;vertical-align:top;font-size:17px;letter-spacing: -0.8px;padding-right:8px;}
.radio-step input[type=radio]:checked + .label {border-color:#830000;background-color:#830000;color:#fff;}

/* select */
select {display:inline-block;vertical-align:top;height:40px;border:solid 1px #bbb;border-radius:4px;background-color:#fff;box-sizing:border-box;padding:0 60px 0 10px;font-size:20px;line-height:36px;}
select.roboto {line-height:38px;}
select:focus {border-color:#830000}
select::-ms-expand {display:none;}
.select-default {position:relative;display:inline-block;vertical-align:middle;height:40px;}
.select-default:after,
.select-default:before {content:'';position:absolute;pointer-events:none;}
.select-default:after {right:13px;top:50%;margin-top:-5px;width:17px;height:10px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/select.png);background-size:contain;background-repeat:no-repeat;}
.select-default:before {right:41px;top:1px;width:1px;height:38px;background-color:#eee;}
.select-default.h30 {height:30px;}
.select-default.h30 select {height:30px;font-size:15px;line-height:26px;padding-right:45px;}
.select-default.h30:after {right:9px;margin-top:-4px;width:12px;height:8px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/select-h30.png);}
.select-default.h30:before {right:28px;height:28px;}
.select-default.h35 {height:35px;}
.select-default.h35 select {height:35px;font-size:17px;line-height:30px;padding-right:45px;}
.select-default.h35:after {right:9px;margin-top:-4px;width:12px;height:8px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/select-h30.png);}
.select-default.h35:before {right:30px;height:33px;}

/* switch */
.switch {position:relative;display:inline-block;width:45px;height:25px;}
.switch input {opacity:0;width:0;height:0;}
.switch .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ddd;-webkit-transition:.3s;transition:.3s;border-radius:75px;}
.switch .slider:before {position: absolute;content: "";height:19px;width:19px;right:2.5px;bottom:3px;background-color:#fff;-webkit-transition:.3s;transition:.3s;border-radius:50%;}
.switch input:checked + .slider {background-color:#830000;}
.switch input:checked + .slider:before {-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
.switch input:disabled + .slider {background-color:#eee;}
.switch input:disabled + .slider:before {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}

/* datepicker */
input[type=text].input-datepicker {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/input-datepicker.png);background-position:right 8px center;background-size:18px 18px;background-repeat:no-repeat;font-family:'Roboto';}
input[type=text].input-datepicker:disabled {background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/input-datepicker-disabled.png);}
input[type=text].input-datepicker.small {height:35px;font-size:17px;}

/* range */
.range-slider input[type=range] {-webkit-appearance:none;margin:16px 0 15px;width:100%;border:none 0;}
.range-slider input[type=range]:focus {outline: none;}
.range-slider input[type=range]::-webkit-slider-runnable-track {width:100%;height:4px;cursor:pointer;animate:0.2s;background:#ddd;border-radius:2px;}
.range-slider input[type=range]::-webkit-slider-thumb {height:35px;width:135px;border-radius:30px;background:#830000;cursor:pointer;-webkit-appearance:none;margin-top:-16px;}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

/* 개소 */
.place-count {display:flex;}
.place-count .inner {display:inline-block;vertical-align:middle;position:relative;width:130px;}
.place-count .inner input[type=number] {width:130px;text-align:center;}
.place-count .btn-plus {display:block;position:absolute;top:1px;right:1px;width:39px;height:38px;border-left:solid 1px #eee;font-size:0;line-height:0;color:#fff;text-indent:-999em;}
.place-count .btn-plus:before,
.place-count .btn-plus:after {content:'';left:50%;top:50%;position:absolute;background-color:#888;}
.place-count .btn-plus:before {width:2px;height:14px;margin:-7px 0 0 -1px}
.place-count .btn-plus:after {width:14px;height:2px;margin:-1px 0 0 -7px;}
.place-count .btn-minus {display:block;position:absolute;top:1px;left:1px;width:39px;height:38px;border-right:solid 1px #eee;font-size:0;line-height:0;color:#fff;text-indent:-999em;}
.place-count .btn-minus:after {content:'';left:50%;top:50%;position:absolute;width:14px;height:2px;margin:-1px 0 0 -7px;background-color:#888;}
.place-count .text {display:inline-block;vertical-align:middle;width:45px;text-align:right;font-size:20px;line-height:40px;}

/* tab */
.tab-container .tab-menu:after {content:'';display:block;clear:both;}
.tab-container .tab-menu li {float:left;width:100px;height:28px;background-color:#fff;border:solid 1px #bbb;border-radius:5px;text-align:center;margin-left:10px;font-size:15px;}
.tab-container .tab-menu li:first-child {margin-left:0;}
.tab-container .tab-menu li button,
.tab-container .tab-menu li a {display:block;width:100%;height:28px;text-align:center;color:#888;font-size:15px;line-height:26px;}
.tab-container .tab-menu li.active {border-color:#830000;}
.tab-container .tab-menu li.active button {color:#830000;}
.tab-container .tab-content {display:none;}

/* calendar */
.calendar-head {position:relative;height:30px;margin-top:8px;text-align:center;}
.calendar-head .toolbar {position:relative;display:inline-block;vertical-align:top;padding:0 50px;}
.calendar-head .toolbar .head {font-size:27px;font-weight:500;line-height:28px;}
.calendar-head .toolbar .btn-prev,
.calendar-head .toolbar .btn-next {position:absolute;top:0;width:30px;;height:30px;background-position:center center;background-repeat:no-repeat;background-size:9px auto;text-indent:-999em;}
.calendar-head .toolbar .btn-prev {left:0;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-calendar-prev.png);}
.calendar-head .toolbar .btn-next {right:0;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-calendar-next.png);}
.calendar-head .sorting {position:absolute;left:0;bottom:0;}
.calendar-head .sorting .checkbox-text {margin-left:5px;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label {vertical-align:top;width:62px;height:30px;border-color:#ddd;border-radius:5px;font-size:15px;color:#bbb;line-height:22px;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label:before {content:'';display:inline-block;vertical-align:middle;margin-top:-1px;margin-right:4px;width:10px;height:10px;background-color:#e39595;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label.measurement:before {background-color:#7a85d9;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label.construction:before {background-color:#e9b975;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label.as:before {background-color:#6dc9b3;}
.calendar-head .sorting .checkbox-text input[type=checkbox] + .label.discussionDtl:before {background-color:#d856d4;}
.calendar-head .sorting .checkbox-text input[type=checkbox]:checked + .label {background-color:#fff;border-color:#e39595;color:#212121;}
.calendar-head .sorting .checkbox-text input[type=checkbox]:checked + .label.measurement {border-color:#7a85d9;}
.calendar-head .sorting .checkbox-text input[type=checkbox]:checked + .label.construction {border-color:#e9b975;}
.calendar-head .sorting .checkbox-text input[type=checkbox]:checked + .label.as {border-color:#6dc9b3;}
.calendar-head .sorting .checkbox-text input[type=checkbox]:checked + .label.discussionDtl {border-color:#d856d4;}
.calendar-head .select-default {position:absolute;right:0;bottom:0;}
.calendar-body {background-color:#fff; margin-top:15px;}
.calendar-body .day-head {overflow:hidden;background-color:#f8f8f8;border-top:solid 2px #830000;border-bottom:solid 1px #ddd;}
.calendar-body .day-head > div {float:left;width:calc(100% / 7);height:30px;border-left:solid 1px #ddd;text-align:center;font-size:15px;color:#616161;line-height:28px;box-sizing:border-box;}
.calendar-body .day-head > .sunday {border-left:none 0;color:#830000;}
.calendar-body .day-row {overflow:hidden;}
.calendar-body .day-row > div {float:left;position:relative;width:calc(100% / 7);height:91px;border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;box-sizing:border-box;}
.calendar-body .day-row > .sunday {border-left:none 0;}
.calendar-body .day-row .sunday .day {color:#830000;}
.calendar-body .day-row .day {display:inline-block;vertical-align:top;font-size:15px;font-family:'Roboto';font-weight:300;color:#616161;line-height:19px;padding:4px 5px;}
.calendar-body .day-row .today .day {font-weight:700;color:#212121;}
.calendar-body .day-row .noti {display:inline-block;vertical-align:top;font-size:12px;color:#830000;line-height:18px;padding:4px 0;}
.calendar-body .day-row a {display:block;position:absolute;left:0;bottom:0;width:100%;height:48px;}
.calendar-body .day-row ul {height:48px;width:100%;position:relative;}
.calendar-body .day-row ul li {position:absolute;width:calc(33% - 2px);height:23px;padding:0 8px;font-size:12px;color:#fff;line-height:22px;box-sizing:border-box;}
.calendar-body .day-row ul li:nth-child(2n) {width:calc(33% - 1px);}
.calendar-body .day-row ul li .roboto {display:inline-block;vertical-align:middle;font-size:15px;font-weight:500;line-height:23px;}
.calendar-body .day-row ul li.discussion {top:0;left:1px;background-image:linear-gradient(to right, #de8181 3%, rgba(222, 129, 129, 0.7) 98%);}
.calendar-body .day-row ul li.discussionDtl {top:0px;left:33%;background-image:linear-gradient(to right, #c181de 3%, rgb(203 129 222 / 70%) 98%);}
.calendar-body .day-row ul li.measurement {top:0;right:1px;background-image:linear-gradient(to right, #616ed2 3%, rgba(97, 110, 210, 0.7));}
.calendar-body .day-row ul li.construction {top:24px;left:1px;background-image:linear-gradient(to right, #e4ac5b 3%, rgba(228, 172, 91, 0.7));}
.calendar-body .day-row ul li.as {top:24px;right:1px;background-image:linear-gradient(to right, #4fbea3, rgba(79, 190, 163, 0.7));}

/* 시간 선택 */
.time-select {position:relative;}
.time-select .input-timeselect input[type=text] {position:relative;display:inline-block;width:100%;height:40px;vertical-align:middle;}
.time-select .input-timeselect:after,
.time-select .input-timeselect:before {content:'';position:absolute;pointer-events:none;}
.time-select .input-timeselect:after {right:15px;top:50%;margin-top:-8px;width:9px;height:9px;border:solid 2px #212121;border-left-width:0;border-top-width:0;transform:rotate(45deg);}
.time-select .input-timeselect:before {right:41px;top:1px;width:1px;height:38px;background-color:#eee;z-index:2;}
.time-select.small .input-timeselect input[type=text] {height:35px;font-size:17px;}
.time-select.small .input-timeselect:after {right:11px;width:6px;height:6px;margin-top:-5px;}
.time-select.small .input-timeselect:before {right:29px;height:33px;}
.time-select.disabled .input-timeselect:after {border-color:#c7c7c7;}
ul#timeList {overflow:hidden;overflow-y:auto;position:fixed;left:-9999px;top:-9999px;width:100%;max-height:337px;padding:0 0 0 10px;border:1px solid #bbb;background-color:#fff;border-radius:5px;box-sizing:border-box;opacity:0;transition-property:opacity, left, top, width;transition-duration:0.3s, 0s, 0s, 0s;transition-delay:0s, 0.3s, 0.3s, 0.4s;z-index:10;-webkit-overflow-scrolling:touch;}
ul#timeList.active {left:0;top:42px;opacity:1;transition-delay:0s, 0s, 0s, 0s;}
ul#timeList li {font-family:'Roboto';font-size:20px;line-height:33px;color:#888;}
ul#timeList li button {display:block;width:100%;font-family:'Roboto';font-size:20px;line-height:30px;}
ul#timeList li:last-child {padding-bottom:3px;}
ul#timeList.time-list-small {max-height:288px;}
ul#timeList.time-list-small li {font-size:17px;line-height:28px;}
ul#timeList.time-list-small li:first-child {padding-top:3px;}
ul#timeList.time-list-small li button {font-size:17px;line-height:28px;}

/* table */
.tbl-list {font-size:17px}
.tbl-list table {border-top:2px solid #860000}
.tbl-list thead th {height:43.5px; line-height:1.2em; font-weight:300; background:#f8f8f8}
.tbl-list tbody td {height:54.5px; line-height:1.2em; padding:0 20px; border-top:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tbl-list thead th, .tbl-list tbody td {box-sizing:border-box; border-left:1px solid #ddd}
.tbl-list thead th:first-child, .tbl-list tbody td:first-child {border-left:0} 
.tbl-list tr:last-child {border-bottom:1px solid #ddd}
.tbl-list tr .agc {padding:0 5px}
.tbl-list .link-blue {color:#0088ff; border-bottom:1px solid #0088ff}
.tbl-list input[type=radio] + .label {font-size:17px;}
.tbl-list .no-data {text-align:center; height:199px; line-height:199px; color:#888; font-size:22px; letter-spacing:-0.55px}

/* table-content */
.tbl-content {border-top:2px solid #830000;}
.tbl-content table {table-layout:fixed;}
.tbl-content table tbody th,
.tbl-content table tbody td {padding:15px 17px;font-size:17px;line-height:25px;text-align:left;vertical-align:top;border-bottom:1px solid #ddd;background-color:#fff;}
.tbl-content table tbody td.roboto {padding:16px 17px 14px;}
.tbl-content table tbody th {font-weight:300;background-color:#f8f8f8;}

/* paging */
.paging-wrap {margin:30px 0 0;text-align:center;}
.paging-wrap ul {overflow:hidden;display:inline-block;height:30px;}
.paging-wrap ul li {float:left;padding:0 3px;}
.paging-wrap ul li a {display:block;padding:0 3px;font-family:'Roboto';font-size:20px;line-height:30px;color:#616161;}
.paging-wrap ul li.active a {color:#830000;}
.paging-wrap ul li.prev a {width:30px;height:30px;margin:0 17px 0 0;padding:0;font-size:0;text-indent:-9999em;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/paging-prev-icon.png);background-color:#ddd;background-repeat:no-repeat;background-position:center center;background-size:8px 14px;border-radius:30px;}
.paging-wrap ul li.next a {width:30px;height:30px;margin:0 0 0 17px;padding:0;font-size:0;text-indent:-9999em;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/paging-next-icon.png);background-color:#ddd;background-repeat:no-repeat;background-position:center center;background-size:8px 14px;border-radius:30px;}

/* popup */
#popup .popup-mask {display:none;position:fixed;left:0;bottom:0;z-index:8;background-color:rgba(0,0,0,0.7);transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;}
#popup .popup-full {display:none;position:fixed;left:0;bottom:0;z-index:9;background-color:#fff;transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;}
#popup .bg-color {background-color:#f1f1f1;}
#popup .popup-tit {height:95px;border-bottom:solid 1px #ddd;position:relative;}
#popup .popup-tit .name {padding:28px 42px 30px;font-size:35px;line-height:37px;}
#popup .popup-tit .caution {position:absolute;right:102px;top:50%;margin-top:-20px;font-size:15px;line-height:20px;color:#830000;text-align:right;}
#popup .popup-close {display:block;position:absolute;top:0;right:0;z-index:1;width:95px;height:95px;text-indent:-999em;}
#popup .popup-close:after {content:'';position:absolute;top:30px;right:45px;width:35px;height:35px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-close.png);background-size:contain;background-repeat:no-repeat;}
#popup .popup-cont {height:calc(100vh - 96px);height:calc((var(--vh, 1vh) * 100) - 96px);padding:35px 45px;overflow-y:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
#popup .popup-cont.bot-have {height:calc((var(--vh, 1vh) * 100) - 180px);}
#popup .popup-bot {display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:84px;background-color:#212121;padding:0 50px;box-sizing:border-box;text-align:right;}
#popup .popup-bot.bot-point {background-color:#830000;}
#popup .popup-bot .btn-other {font-size:20px;color:#bbb;}
#popup .popup-bot .btn-submit {margin-left:auto;padding:27px 28px 29px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-bottom-next.png);background-position:right 34px;background-size:11px auto;background-repeat:no-repeat;font-size:25px;color:#fff;line-height:28px;}

#popup .popup-center {display:none;position:fixed;left:50%;top:50%;z-index:9;background-color:#fff;width:810px;height:540px;overflow:hidden;transform: translate(-50%, -50%);}
#popup .popup-center .popup-tit {height:70px;}
#popup .popup-center .popup-tit .name {padding:19px 25px 18px;font-size:25px;line-height:35px;}
#popup .popup-center .popup-cont {padding:20px;margin:5px;height:459px;}
#popup .popup-center .popup-cont.bot-have {height:394px;}
#popup .popup-center .popup-close {top:0;right:0;z-index:1;width:70px;height:70px;text-indent:-999em;}
#popup .popup-center .popup-close:after {content:'';position:absolute;top:24px;right:25px;width:22px;height:22px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-close-small.png);background-size:contain;background-repeat:no-repeat;}
#popup .popup-center .popup-bot {height:65px;background-color:#830000;padding:0 25px;}
#popup .popup-center .popup-bot .btn-submit {padding:19px 20px 18px;background-position:right 26px;}
#popup .popup-center .tbl-list tbody td{padding:0 15px}
#popup .popup-center .tbl-list thead th {height:40px}
#popup .popup-center .tbl-list tr .agc {padding:0 5px;}
#popup .popup-center.w540h350 {display:none;position:fixed;left:50%;top:50%;z-index:9;background-color:#fff;width:540px;height:350px;overflow:hidden;transform: translate(-50%, -50%);}
#popup .popup-center.w540h350 .popup-cont {height:279px;}
#popup .popup-center.w540h350 .popup-cont.bot-have {height:214px;}

#popup .iframe-catalog {display:block;opacity:0;height:0;width:0;}
#popup.active .iframe-catalog {opacity:1;width:100%;height:100%;}
#popup .iframe-catalog .popup-close {width:10vh;height:7.46vh;background:transparent;overflow:hidden;}
#popup .iframe-catalog .popup-close:after {display:none;}
#popup .iframe-catalog .iframe {position: relative;width: 133.33vh;height: 100vh;margin: 0 auto;}
#popup .iframe-catalog .iframe iframe {display:block;width:100%;height:100%;}

/* dialog */
#dialog {display:none;}
#dialog .dialog-overlay {position:fixed;left:0;bottom:0;z-index:98;background-color:rgba(0,0,0,0.7);transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;}
#dialog .dialog-box {position:fixed;left:50%;top:50%;z-index:99;background-color:#fff;width:540px;height:350px;overflow:hidden;transform: translate(-50%, -50%);}
#dialog .dialog-box .dialog-cont {display:table;padding:25px;width:100%;height:285px;box-sizing:border-box}
#dialog .dialog-box .dialog-cont > div {display:table-cell;text-align:center;vertical-align:middle;font-size:30px;line-height:40px;word-break:keep-all}
#dialog .dialog-box .dialog-cont .small {font-size:24px;line-height:28px;}
#dialog .divide-half,
#dialog .divide-no {position:absolute;bottom:0;left:0;width:100%;height:65px;padding:0;display:flex;justify-content:space-around}
#dialog .divide-half .btn-negative,
#dialog .divide-half .btn-positive {text-align:center; width:50%; color:#fff; line-height:65px}
#dialog .divide-half .btn-negative {background:#bbb}
#dialog .divide-half .btn-positive {background:#860000}
#dialog .divide-no {background-color:#830000;padding-right:25px;box-sizing:border-box;}
#dialog .divide-no .btn-positive {margin-left:auto;padding:19px 20px 18px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/btn-bottom-next.png);background-position:right 26px;background-size:11px auto;background-repeat:no-repeat;font-size:25px;color:#fff;line-height:28px;}
#dialog .type-alert .dialog-cont > div {text-align:left;padding:0 64px;}

/* serch 영역 */
.srch-opt {display:table; width:100%; margin-bottom:15px; letter-spacing:-0.43px}
.srch-opt > div {display:table-cell}
.srch-opt .opt-total {vertical-align:bottom; color:#000; font-size:17px; line-height:22px}
.srch-opt .opt-total .num {margin-left:5px; font-size:20px; font-family:'roboto'; color:#860000}
.srch-opt .opt-srch {position:relative;float:right; width:280px; border-radius:4px; box-sizing:border-box;}
.srch-opt .opt-srch input {background:none; box-sizing:border-box; width:100%; background-color:#fff; font-size:17px; line-height:23px}
.srch-opt .opt-srch .btn-srch {overflow:hidden; text-indent:-99999px; position:absolute; top:calc(50% - 10px); right:10px; width:21px; height:21px; background:url(https://zinsc-contents.lxhausys.com/html/static/imgs/ico-memo-srch.png) no-repeat 0 0px; background-size:21px auto}
.srch-opt .opt-srch input:focus + .btn-srch {background-position:0 100%}

/* 오류페이지 */
#container.type-error {padding:0;width:100%;min-height:586px;height:100%;position:relative;overflow:hidden;background-color:#fff;text-align:center;}
#container.type-error .page-error {padding:0;width:100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);height:auto;margin-top:-40px;}
.page-error .error-box {text-align:center;padding-top:64px;background-image:url(https://zinsc-contents.lxhausys.com/html/static/imgs/error.png);background-position:center top;background-size:60px auto;background-repeat:no-repeat;}
.page-error .error-box ul {margin-bottom:30px;}
.page-error .error-box li {font-size:17px;line-height:24.5px;margin-top:20px;}
.page-error .error-box .button-round {display:block;margin:0 auto;background-image:none;text-align:center;padding:0;width:170px;height:50px;line-height:49px;}

/* 너비 1080이하일때 분ㄱ */
@media screen and (max-width: 1079px) {
	#container,
	#popup .popup-full {
		width:1080px;
	}
}
/*
  * PIN 
  * 2022-10 
*/
#pinWrap{display:block;position:fixed;left:0;bottom:0;z-index:9;transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;}
#pinWrap .pin-content{position:fixed;top:50%;left:0;z-index:9;transform:translate(0,-50%);width:100%;overflow:hidden;text-align: center;}
#pinWrap .pin-content{background-color: rgba(225,225,225,0.8); padding:50px 0;}
#pinWrap .pin-mask{position:fixed;left:0;bottom:0;z-index:8;background-color:rgba(222,222,222,0.6);transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;text-indent:-9999px;}
#pinWrap .pin-txt-box{padding-bottom:20px;}
#pinWrap .pin-txt-box .pin-title{font-size:30px;}
#pinWrap .pin-txt-box .txt-box{margin-top:20px;}
#pinWrap .pin-txt-box .txt-box p{margin-bottom:5px;}
#pinWrap .pin-txt-box .txt-box span{font-size:17px;}
#pinWrap .pin-txt-box .txt-box.alert{display:none;color: #830000;}
#pinWrap #pinInput{position:relative;;margin-top: 20px;}
#pinWrap #pinInput label{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
#pinWrap #pinInput input[type="text"]{width:80px; height:80px;text-align: center;}
#pinWrap .btn-box button{ position:relative;padding: 30px;}
#pinWrap .btn-box button::after{content: ""; display:block;width:84px;height:2px;background-color:#212121;position:absolute;top:58px;left:50%;transform:translate(-50%,0);}

#pinPopup .popup-center {display:block;position:fixed;left:50%;top:50%;z-index:10;background-color:#fff;width:610px;overflow:hidden;transform: translate(-50%, -50%);}
#pinPopup .popup-center .popup-cont {padding:80px 20px;margin:5px; text-align: center; line-height:52px; font-size:35px;}
#pinPopup .popup-center .popup-cont.bot-have {height:394px;}
#pinPopup .popup-center .popup-bot {height:65px;background-color:#830000;padding:0 25px;}
#pinPopup .popup-center .popup-bot .btn-single {width:100%;text-align: center;color: #fff;line-height: 65px;}
#pinPopup .popup-mask{display:none;position:fixed;left:0;bottom:0;z-index:9;background-color:rgba(0,0,0,0.7);transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;text-indent:-9999px;}
#pinPopup .popup-center.popup-logout{display:none;}
#pinPopup .popup-center.popup-set-false{display:none;}
#pinPopup .popup-center.popup-set-true{display:none;}

#pinPopupOut .popup-center {display:block;position:fixed;left:50%;top:50%;z-index:10;background-color:#fff;width:610px;overflow:hidden;transform: translate(-50%, -50%);}
#pinPopupOut .popup-center .popup-cont {padding:80px 20px;margin:5px; text-align: center; line-height:52px; font-size:35px;}
#pinPopupOut .popup-center .popup-cont.bot-have {height:394px;}
#pinPopupOut .popup-center .popup-bot {height:65px;background-color:#830000;padding:0 25px;}
#pinPopupOut .popup-center .popup-bot .btn-single {width:100%;text-align: center;color: #fff;line-height: 65px;}
#pinPopupOut .popup-mask{display:none;position:fixed;left:0;bottom:0;z-index:9;background-color:rgba(0,0,0,0.7);transform:translateX(0) translateZ(0);width:100%;height:100%;overflow:hidden;text-indent:-9999px;}
#pinPopupOut .popup-center.popup-logout{display:none;}
#pinPopupOut .popup-center.popup-set-false{display:none;}
#pinPopupOut .popup-center.popup-set-true{display:none;}