/* ############## login ############## */

form[name='loginform'] { margin-top:40px; position:relative; width:100%; max-width:400px; padding:40px 30px; place-self:center; border: 1px solid #eee; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; overflow:hidden; }
form[name='loginform'] > h2 { font-size:20px; font-weight:bold; display:flex; justify-content:center; align-items:center; }
/* ############## login end ############## */

/* ############## terms ############## */
	#termsIndex { position:relative; width:100%; padding-top:200px; padding-bottom:100px; display:flex; justify-content:center; }
	#termsIndex .terms-content { width:100%; max-width:800px; padding:40px; border: 1px solid #ccc; border-radius:10px; }
/* ############## terms end ############## */


/* ############## join ############## */
form[name='join-step1'] { margin-top:40px; position:relative; width:100%; max-width:800px; padding:40px 30px; place-self:center; border: 1px solid #eee; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; overflow:hidden; }
form[name='join-step1'] .terms-container > .terms-content { margin:10px 0; padding:32px; color:#1D1D1D; font-size:14px; border-radius:12px; border:1px solid #C6C6C6; height:150px; overflow:auto; overflow-x:hidden; }
form[name='join-step1'] .terms-container > .terms-footer { display:flex; justify-content:flex-end; }
form[name='join-step1'] .terms-container h3 { width:100%; font-size:16px; font-weight:bold; color:#1D1D1D; }
form[name='join-step1'] tr { height:60px; }

#terms-privacy-collection-notice .jw-tableA td { font-size:12px; padding:5px 10px; }
#terms-privacy-collection-notice .jw-tableA td.contents { border-left:1px solid #ccc; }
#terms-privacy-collection-notice .jw-tableA .bottomline { border-bottom:1px solid #000; }
#terms-privacy-collection-notice .jw-button-type-A { width:200px; height:50px; font-size:16px; font-weight:bold; }

#privacy-policy { max-width:1264px; font-size:13px; }
#privacy-policy > li:not(:last-child) { margin-bottom:20px; }
#privacy-policy > li::before { content: "□"; margin-right:10px; font-size:16px; }
#privacy-policy > li > ul { margin-left:30px; list-style-type: disc; }

#termsUser ol { margin-left:20px; list-style-type:decimal; }
#termsUser ol ul { margin-left:20px; list-style-type: lower-alpha; }


#join-form { margin-top:60px; position:relative; width:100%; max-width:800px; padding:40px 30px; place-self:center; border: 1px solid #eee; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; }
#join-form > h2 { font-size:18px; font-weight:700; margin:0 0 6px; }
#join-form > p { margin:0 0 18px; color:#666; font-size:13px; }
#join-form form { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; }
#join-form form > div { display:flex; flex-direction:column; gap:6px; }
#join-form label { font-size:13px; color:#333; font-weight:600; }
#join-form input { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:10px; font-size:14px; outline:none; background:#fff; }
#join-form .full { grid-column:1 / -1; }
#join-form .buttons { display:flex; flex-direction:row; justify-content:flex-end; gap:10px; margin-top:4px; }
#join-form .buttons > button { min-width:160px; }
	
#join-complete { margin-top:60px; position:relative; width:100%; height:300px; max-width:600px; place-self:center; border:1px solid #eee; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
#join-complete > h2 { font-size:18px; font-weight:700; margin:0 0 10px; }
#join-complete > p { margin:0 0 22px; color:#666; font-size:13px; }
#join-complete .buttons { display:flex; flex-direction:row; justify-content:center; gap:10px; margin-top:4px; }
#join-complete .buttons > a { min-width:160px; text-align:center; }

/* ############## join end ############## */