/*------------------------------------------------------------------------------------------------------
로그인
---------------------------------------------------------------------------------------------------------*/
.loginWrap {margin:0 auto; padding:0; position:relative;}
.loginWrap .loginContainer {
	width:370px; height:auto; margin:0 auto; padding:0 0 30px 0; text-align:center; position:relative; background-color:#FFFFFF;
	border:1px solid #dfdfdf; box-shadow: 0 0 50px #eaeaea;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.loginWrap .loginContainer {width:90%;}
	}
	
.loginWrap .loginContainer  h1 {
	margin:0 auto; padding:25px 0 10px 0;
	font-size:22px; font-weight:bold; color:#535353;
}
.loginWrap .loginContainer ul {width:80%; margin:0 auto; padding:0; list-style:none;}
.loginWrap .loginContainer li {
	margin:25px 0 0 0; padding:0; text-align:left;
	font-size:17px; font-weight:400; color:#000;
}
.loginWrap .loginContainer li:nth-child(1) {border-bottom:2px solid #333;}
.loginWrap .loginContainer li:nth-child(2) {margin-bottom:25px; border-bottom:2px solid #333;}
/*.loginWrap .loginContainer li:nth-child(4) input {width:100%; margin:0; padding:10px 0; background-color:#2e1753; border:none; text-align:center;}*/
.loginWrap .loginContainer li input.stLoginInput {
	width:100%; height:30px; line-height:30px; border:none;
	color:#333;
}
/*.loginWrap .loginContainer li input.stLoginBtn {width:294px; height:51px; margin:0; padding:0;}*/
.loginWrap .loginContainer li.stFind {
	display:block; width:100%; height:51px; line-height:51px; background:#353535; margin:3px auto 0; padding:0; text-align:center;
	color:#fff;
}
.loginWrap .loginContainer li.stFind a {color:#fff;}
.loginWrap .loginContainer li.stFind a:hover {text-decoration:none;}
.loginWrap .loginContainer li.stLogin a {
	display:block; width:100%; height:51px; line-height:51px; background:#f58651; margin:3px auto 0; padding:0; text-align:center;
	color:#fff; text-decoration:none;
}
/*------------------------------------------------------------------------------------------------------
로그인 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
회원 페이지
---------------------------------------------------------------------------------------------------------*/
.memberJoinWrap {margin:0 auto; padding:0; position:relative;}
.memberJoinWrap .memberJoinTopInfo {text-align:left;}
.memberJoinWrap form {margin-top:30px;}
.memberJoinWrap .memberJoinContainer {margin:0 auto; padding:0;}
.memberJoinWrap .memberJoinContainer h3 {width:100%; margin:0; padding:10px 0; background-color:#f5f5f5; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.memberJoinWrap .memberJoinContainer h4 {
	margin:20px auto 20px; padding:0; text-align:left;
	color:#FF6600; font-weight:300;
}
.memberJoinWrap .memberJoinContainer p {text-align:left;}
.memberJoinWrap .memberJoinContainer .joinAccept {margin:0; padding:25px 0; text-align:right;}
.memberJoinWrap .memberJoinContainer .joinAccept input {width:20px;}
.radioWidth {width:20px;}

.memberJoinWrap .memberJoinContainer .agree_1 {width:100%; margin:0 auto; padding:0; clear:both;}
.memberJoinWrap .memberJoinContainer .agree_1 textarea.ed {min-width:100% !important; height:350px; margin:0; line-height:24px; border:1px solid #ccc; resize:both;}

.memberJoinWrap p.stJoin {text-align:center; margin:28px auto 0; padding:0;}

.stJoin a, .stJoin a:hover {
	display:inline-block; width:100px; height:51px; line-height:51px; background:#f58651; margin:3px auto 0; padding:0; text-align:center;
	color:#fff; text-decoration:none;
}
.stJoin a:link {color:#fff;}

	/*
	입력폼
	*/
.memberJoinWrap .memberJoinContainer i {margin-right:10px;}
.memberJoinWrap .memberJoinContainer table {width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.memberJoinWrap .memberJoinContainer table td {padding:8px 5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}

	/*
	회원탈퇴
	*/

.memberJoinWrap .memberJoinContainer ul, .memberJoinWrap .memberJoinContainer li ul {margin:0; padding:0 0 0 20px; text-align:left;}
.memberJoinWrap .memberJoinContainer li {margin:0; padding:0; line-height:34px;}
/*------------------------------------------------------------------------------------------------------
회원 페이지 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
약관 페이지
---------------------------------------------------------------------------------------------------------*/
.agreeContainer {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  /*padding: 40px 0 80px;*/
  text-align: left;
  position: relative;
  word-break: keep-all;
}

/* 기존 h1, h2의 역할 -> h3가 담당 (대단원) */
.agreeContainer h3 {
  font-family: var(--jb-sans);
  font-size: 32px; /* 26px -> 32px 상향 */
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #111;
  margin: 60px auto 30px;
  padding: 20px 0;
  border-top: 1px solid rgba(24, 24, 24, 0.1);
  border-bottom: 2px solid #111;
  text-align: center;
}

/* 기존 h3의 역할 -> h4가 담당 (소단원) */
.agreeContainer h4 {
  font-family: var(--jb-sans); /* 고딕 통일 */
  font-size: 22px; /* 18px -> 22px 상향 */
  font-weight: 700; /* 위계 강화 */
  letter-spacing: -0.05em;
  color: #111;
  margin: 40px 0 16px;
  padding: 0;
}

.agreeContainer p {
  font-family: var(--jb-sans);
  font-size: 16px; /* 약관 특성상 가독성을 위해 16px 유지, 줄간격 최적화 */
  line-height: 1.7;
  letter-spacing: -0.03em;
  color: #333;
  margin: 0 0 16px;
}

.agreeContainer ul {
  margin: 16px 0 24px;
  padding-left: 28px; /* 기본 불릿/숫자 공간 확보 */
}

/* 내부 중첩 리스트 간격 및 스타일 보정 */
.agreeContainer ul ul {
  margin: 8px 0 12px;
  padding-left: 20px;
}

.agreeContainer li {
  font-family: var(--jb-sans);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.03em;
  color: #333;
  margin-bottom: 8px;
}

.agreeContainer li dl {
  margin: 10px 0 10px 0;
  padding: 0;
}

.agreeContainer dt {
  font-weight: 700;
  margin-bottom: 4px;
  color: #111;
}

.agreeContainer dd {
  margin: 0 0 4px 10px;
  color: #555;
}