html, body { width:100%; min-width: 1400px; height: 100%; float:left; color : #000; }
* { margin:0; padding :0; box-sizing : border-box; position:relative; font-family :"Noto Sans KR", sans-serif; letter-spacing: -1px; outline: none !important;}
button {border: 0; cursor:  pointer;}
input[type="checkbox"]{display: none;}
label {cursor: pointer;}
#membersWrap {background-color: #333333; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display:table;}
#membersWrap > div.background { background-color : rgba(0, 0, 0, 0.2); position: absolute;}
#membersWrap > div {width: 100%; height: 100%; display: table-cell; text-align:center; vertical-align : middle; }
#membersBox { width:1000px; height : 488px; background-color: rgb(255, 255, 255); display:inline-block; box-shadow: rgb(0 0 0/ 53%) 0px 0px 80px; }
#membersBox > .visualWrap { width: 440px; height: 100%; float: left; }
#membersBox > .visualWrap > .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
#membersBox > .visualWrap > .bgWrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#membersBox > .visualWrap > .bgDarkWrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 3; }
#membersBox > .visualWrap > .logo { margin-top: 200px; z-index: 4; }

#membersBox > .formWrap { width:calc(100% - 440px); height:100%; float:left; padding :0 110px;}
#membersBox > .formWrap > div {width: 100%; float: left;}
.customSiteInfoWrap { position:absolute; top:100%; left:0; color:white; background-color:#000; z-index: 11; font-size:11px; text-align:left; padding:10px; width:100%; color:#666 }
#membersBox > .formWrap > .titWrap {height: 21px; margin-top:100px; margin-bottom:20px; text-align: left; border-left:  2px solid #333; padding-left: 10px;}
#membersBox > .formWrap > .titWrap > span.point { color:#333333; }
#membersBox > .formWrap > .titWrap > span { font-weight:bold; font-size: 16px;}
#membersBox > .formWrap > .inputWrap > input { width:100%; float:left; height:40px; border:1px solid #e1e1e1; background-color: #f4f4f4; padding: 0 15px; font-size:14px; letter-spacing: -0.5px; color:#666; margin-bottom:10px;}
#membersBox > .formWrap > .btnWrap {margin-top:5px;}
#membersBox > .formWrap > .btnWrap > button { background-color:#333333; width: 100%; height: 40px; float: left; color: #fff; font-weight: bold; font-size: 14px;}
#membersBox > .formWrap > .saveWrap { margin-top:12px;}
#membersBox > .formWrap > .saveWrap > label {font-size: 14px; color: #404040;}
label.ch { user-select :none; }
.drag {user-select :none;}
.drag * {user-select :none;}
label.ch > .on {display: none;}
label.ch > .off{display: inline-block;}
#membersBox > .formWrap > .saveWrap > label > i {float:left; top:3px; margin-right:5px;} 
#membersBox > .formWrap > .saveWrap > label > i.on {color: #333333;}
#membersBox > .formWrap > .saveWrap > label > i.off{color: #AAA;}
#membersBox > .formWrap > .saveWrap > label > span {float: left;}
.fa, .far, .fas { font-family : "Font Awesome 5 Free";}
.far { font-weight:400;}
.fa .fab, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;  }
.fa-circle:before {
    content: "\f111";
}

#membersBox > .formWrap > .copyrightWrap { position:absolute; left:0; bottom:25px; color:#CCC; font-size:12px; font-weight:500;}
.lp05 { letter-spacing:-0.5px; }