#login-contents, #logout-contents { padding-top: 40px; }

#login-contents.slogin, #logout-contents.slogin { padding-top: 24px; }

#login-contents .contents-full { border-bottom: 1px solid #e6e6e6; }

.contents-full .reissuerpass-contents { width: 75%; margin: 0 auto; }

#ladduser-contents { margin: 40px auto; }

.w100-l { text-align: left !important; }

.ofb-btn--ico.ico-li i { color: #00C300; }

.ofb-btn--ico.ico-fb i { color: #3b5998; }

.ofb-btn--ico.ico-tw i { color: #55acee; }

.ofb-btn--ico.ico-g i { color: #f44336; }

.forgot-password-link { text-align: center; }

.autologin-label { margin: 30px 0px 16px; }

.autologin-label.slogin { margin: 16px 0px 20px; font-size: 14px; }

.checkbox { display: none !important; }

.checkbox + .checkbox-icon { position: relative; vertical-align: middle; display: inline-block; width: 18px; height: 18px; border: 1px solid #D5D5D5; margin-right: 7px; margin-bottom: 2px; background: #fff; }

.checkbox:checked + .checkbox-icon { background: #3BAD00; border: 1px solid #3BAD00; border-radius: 2px; }

.checkbox:checked + .checkbox-icon::after { content: ""; position: absolute; top: 8px; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }

.checkbox:checked + .checkbox-icon::after { left: 2px; width: 12px; height: 8px; margin-top: -6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.textbox { height: 40px; padding: 6px 12px; color: #555; font-size: 16px; border: 1px solid #ccc; }

.textbox:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.text-right { text-align: right; }

.text-center { text-align: center; }

.middle { vertical-align: middle; }

.text-small-gray { font-size: 12px; color: #4d4d4d; }

.terms { margin-top: 40px; word-break: break-all; }

.terms .row { width: 810px; margin: 0 auto; }

.terms .section { float: none; }

.terms .sectionDivide { margin-top: 80px; padding-top: 80px; border-top: 3px solid #ddd; }

.terms .termsTable { margin-bottom: 16px; display: grid; border: 1px solid #ddd; border-bottom: none; border-right: none; }

.terms .termsTable thead, .terms .termsTable tbody, .terms .termsTable tfoot, .terms .termsTable tr { display: contents; }

.terms .termsTable th, .terms .termsTable td { padding: 8px; border: 1px solid #ddd; border-top: none; border-left: none; }

.terms .termsTable th *:last-child, .terms .termsTable td *:last-child { margin-bottom: 0; }

.terms .termsTable th { background: #efefef; justify-content: stretch; }

.terms .termsTable--commission { grid-template-columns: 1fr .3fr 2fr; }

.terms .termsTable--commission .listHead2 { grid-column: 2/4; }

.terms .termsTable--list { grid-template-columns: 1fr 1fr 1fr 1fr; text-align: center; }

.terms p, .terms ol, .terms ul { margin: 0 0 16px; }

.terms .olNum { padding-left: 16px; padding-left: 2rem; }

.terms .olNum li { margin-bottom: 8px; text-indent: -1.5rem; }

.terms .olNum--none { padding-left: 2rem; }

.terms .olNum--none li { margin-bottom: 0; text-indent: -2.2rem; list-style: none; }

.terms .ulNormal { padding-left: 1.5rem; }

.terms .ulNormal li { list-style-type: disc; }

.terms .headL { margin-bottom: 16px; font-size: 20px; text-align: center; }

.terms .headM { margin-top: 24px; margin-bottom: 8px; font-size: 16px; }

.terms .headS { margin-top: 16px; margin-bottom: 8px; font-size: 15px; }