@charset "utf-8";
body																			{font-family:'맑은 고딕'}
/* form */
.form																			{margin: 0; padding-top: 0; padding-bottom: 0; overflow: visible; border: 0; vertical-align: middle; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*-webkit-appearance: none;*/ max-width: 100%;}

/* submit-form */
.submit-form																	{display: block; margin: 0; padding: 0; border: 0;}
.submit-form legend																{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.submit-form .form-item															{}
.submit-form .form-item .form-body .form-area+.form-area						{margin-top: 6px;}
.submit-form .form-item .form-body .form-area:after								{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.submit-form .form-item .form-body .form-area>.captcha,
.submit-form .form-item .form-body .form-area>.note,
.submit-form .form-item .form-body .form-area>.mark,
.submit-form .form-item .form-body .form-area>.btn,
.submit-form .form-item .form-body .form-area>.form								{}

/* button reset */
input.nhloginbtn,
button.nhloginbtn																{overflow: visible; margin: 0; padding: 0; border: 0 none; cursor: pointer; background-color: transparent; -webkit-appearance: none; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
button.nhloginbtn::-moz-focus-inner												{padding: 0; border: 0;}
a.nhloginbtn																	{display: inline-block; text-decoration: none;}
.nhloginbtn																		{vertical-align: middle;}
.nhloginbtn>span																{display: block; overflow: hidden; line-height: .9; text-align: center; white-space: nowrap; text-decoration: inherit;}

.nhloginbtn.theme-a.small:focus,
.nhloginbtn.theme-a.small:hover													{text-decoration: underline;}
.nhloginbtn.theme-a.small span													{padding: 5px 8px 0 8px; height: 17px; font-size: 12px; border-width: 1px; border-style: solid;}

.nhloginbtn.theme-a.medium:focus,
.nhloginbtn.theme-a.medium:hover												{text-decoration: underline;}
.nhloginbtn.theme-a.medium span													{padding: 10px 10px 0 10px; height: 26px; font-size: 14px; border-width: 1px; border-style: solid;}

.nhloginbtn.theme-a.state-a span												{color: #555555; border-color: #cfcfcf; background-color: #ffffff;}
.nhloginbtn.theme-a.state-b span												{color: #666666; border-color: #cdcdcd; background-color: #f5f5f5;}

/* 로그인 */
.member-login																	{margin: 0 auto; width: 650px;}
.member-login h2																{margin: 0; font-weight: normal; line-height: 72px; font-size: 45px; color: #144298; text-align: center; letter-spacing: -0.05em;}
.member-login .summary															{margin: 0; font-size: 14px; color: #666666; text-align: center;}
.member-login .submit-form-container											{display:block; margin-top: 28px; padding: 45px 45px 30px 220px; border: 1px solid #dfdfdf; background: url(/Web-home/addons/images/login/member_login.png) no-repeat 30px 50%;}
.member-login .submit-form-container .submit-form								{position: relative; padding-right: 86px;}
.member-login .submit-form-container .submit-form .form-item+.form-item			{margin-top: 4px;}
.member-login .submit-form-container .submit-form .form-item:after				{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.member-login .submit-form-container .submit-form .form-item .form-head			{float: left;}
.member-login .submit-form-container .submit-form .form-item .form-head .label	{display: block; padding-top: 10px; width: 70px; height: 26px; font-weight: bold; line-height: .9; font-size: 14px; color: #333333;}
.member-login .submit-form-container .submit-form .form-item .form-body			{float: none; overflow: hidden;}
.member-login .submit-form-container .submit-form .form-item .form-body .form-area .form	{padding: 8px; width: 100%; height: 36px; font-size: 16px; line-height: .9; border: 1px solid #acacac; vertical-align: top;}
.member-login .submit-form-container .submit-form .button-area					{position: absolute; top: 0; right: 0;}
.member-login .submit-form-container .submit-form .button-area .btn.login span	{display: block; padding-top: 31px; width: 76px; height: 45px; line-height: .9; font-weight: bold; font-size: 13px; color: #ffffff; text-align: center; background-color: #3561ab;}
.member-login .submit-form-container .login-support 							{margin-top: 30px; padding-top: 16px; border-top: 1px solid #dadada;}
.member-login .submit-form-container .login-support h3							{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.member-login .submit-form-container .login-support ul							{list-style: none; margin: 0; padding: 0;}
.member-login .submit-form-container .login-support ul li						{position: relative; padding-left: 8px; line-height: 24px; font-size: 13px; color: #666666;}
.member-login .submit-form-container .login-support ul li:before				{content: ''; display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #c8c8c8;}
.member-login .submit-form-container .login-support ul li+li					{margin-top: 4px;}
.member-login .submit-form-container .login-support ul li:after					{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.member-login .submit-form-container .login-support ul li .btn					{width: auto;}
.member-login .submit-form-container .login-support .login-btn-wrap{float:right}
.member-login .submit-form-container .login-support .login-btn-wrap .btn{width:auto;float:left}
.member-login .submit-form-container .login-support .login-btn-wrap .btn + .btn{margin-left:3px}

/* 회원가입 */
.signup h2																		{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.signup>.summary																{line-height: 24px; font-size: 16px; font-weight: bold; color: #333333; text-align: center;}
.signup>.summary strong															{color: #ff0000;}
.signup .policy-agreed															{margin-top: 28px;}
.signup .policy-agreed h3														{margin: 0 0 16px 0; font-size: 16px; color: #333333;}
.signup .policy-agreed .docs													{overflow-y: scroll; padding: 16px 20px; height: 145px; font-size: 13px; line-height: 24px; border: 1px solid #dfdfdf;}
.signup .policy-agreed .option-select											{margin-top: 8px;}
.signup .policy-agreed .option-select label										{display: block;}
.signup .policy-agreed .option-select label:after								{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.signup .policy-agreed .option-select label .form								{line-height: 24px; vertical-align: middle;}
.signup .policy-agreed .option-select label .text								{display: inline-block; line-height: 24px; vertical-align: middle; font-size: 13px; color: #666666;}

/* 회원가입 본인인증 */
.signup .authentication															{margin-top: 48px;}
.signup .authentication h3														{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.signup .authentication ul														{list-style: none; margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%;}
.signup .authentication ul li													{display: table-cell; padding: 0 10px 0 0;}
.signup .authentication ul li+li												{padding: 0 0 0 10px;}
.signup .authentication ul li .wrap												{padding: 30px 0; text-align: center; background-color: #f8f8f8;}
.signup .authentication ul li .wrap .title										{margin: 0; font-size: 22px; color: #28a444; letter-spacing: -0.05em;}
.signup .authentication ul li .wrap .summary									{margin: 16px 0 0 0; line-height: 20px; font-size: 13px; color: #333333;}
.signup .authentication ul li .wrap .summary .wbr								{display: block;}
.signup .authentication ul li .wrap .summary:after								{content: ''; display: block; margin-top: 12px; height: 150px; background-image: url(/Web-home/addons/images/login/member_authentication.png); background-repeat: no-repeat;}
.signup .authentication ul li .wrap.mobile .summary:after						{background-position: 50% 0;}
.signup .authentication ul li .wrap.certificate .summary:after					{background-position: 50% -150px;}
.signup .authentication ul li .wrap .nhloginbtn									{width: 200px;}
.signup .authentication .note													{position: relative; margin-top: 16px; padding-left: 16px; line-height: 20px; font-size: 13px; color: #666666;}
.signup .authentication .note:before											{content: '※'; position: absolute; top: 0; left: 0;}
.signup .authentication .note em												{font-style: normal;}
.signup .authentication .note em strong											{display: inline-block; vertical-align: top; text-decoration: underline;}

/* 회원가입 */
.signup-privacy .submit-form .form-item .form-body .form+.form					{margin-left: 10px;}
.signup-privacy .submit-form .form-item .form-body .form+.btn					{margin-left: 10px;}
.signup-privacy .submit-form .form-item .form-body .form+.note					{margin-left: 6px;}
.signup-privacy .submit-form .form-item .form-body .mark						{width: 25px; font-size: 12px; text-align: center;}
.signup-privacy .submit-form .form-item .form-body input[type=text].form		{padding:6px; border: 1px solid #bababa;  font-size: 12px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
.signup-privacy .submit-form .form-item .form-body input[type=password].form	{padding:6px; border: 1px solid #bababa;  font-size: 12px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
.signup-privacy .submit-form .form-item .form-body select.form					{border: 1px solid #bababa; padding:6px 2px 6px 6px;  font-size: 12px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
.signup-privacy																	{}
.signup-privacy .submit-form.theme-b											{border-top: 2px solid #a5b3ce;}
.signup-privacy .submit-form.theme-b .note										{font-size: 12px; color: #666666 !important; font-style: normal;}
.signup-privacy .submit-form.theme-b .form-item									{display: table; width: 100%; table-layout: fixed;}
.signup-privacy .submit-form.theme-b .form-item .form-head						{display: table-cell; vertical-align: middle; padding: 6px 20px; width: 160px;  font-size: 14px; font-weight: bold; color: #333333; border-bottom: 1px solid #e0e0e0; background-color: #f6f9fe; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.signup-privacy .submit-form.theme-b .form-item .form-body						{display: table-cell; vertical-align: middle; padding: 6px;  border-bottom: 1px solid #e0e0e0; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.signup-privacy .submit-form.theme-b .form-item *+.form-head,
.signup-privacy .submit-form.theme-b .form-item *+.form-body					{border-left: 1px solid #e0e0e0;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select label			{line-height: 24px; font-size: 14px;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select label+label	{margin-left: 16px;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select .text			{margin-left: 4px;}
.signup-privacy .submit-form.theme-b .form-item .form-body .form-area .note		{line-}
.signup-privacy .submit-form.theme-b .form-item .form-body>.note				{margin-top: 6px; font-size: 12px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
.signup-privacy .submit-form.theme-b .form-item .captcha						{margin-right: 19px; vertical-align: middle;}
.signup-privacy .info-board														{font-size: 14px; margin: 20px 15px; padding-left: 25px; background: url(/Web-home/addons/images/login/bg_info_board.png) no-repeat 0 3px;}
.signup-privacy .option-select.acceptance-terms									{padding: 28px 0; text-align: center; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f9f9f9;}
.signup-privacy .option-select.acceptance-terms label							{line-height: 24px; font-size: 14px;}
.signup-privacy .option-select.acceptance-terms label+label						{margin-left: 40px;}
.signup-privacy .option-select.acceptance-terms label .text						{margin-left: 4px;}
.signup-privacy .option-select.acceptance-terms label strong					{display:inline-block; margin-left: 4px; color:#009900}
.signup-privacy .option-select.acceptance-terms .btn							{margin-left: 10px;}
.signup-privacy .button-area													{margin-top: 20px; text-align: center;}
.signup-privacy .button-area .btn												{width: 100px;}

.bui-dimmed .dimmed-all															{display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 200%; height: 200%; background: url(/Web-home/addons/images/login/bg_dimmed_01.png) repeat 0 0; background: rgba(0,0,0,0.5);}
.bui-dimmed.active .dimmed-all													{display: block; height: 100%; overflow: hidden;}

/* layer-popup */
.layer-popup																	{background-color: #ffffff;}
.layer-popup.bui-toggle-target													{display: none; margin: 0;}
.layer-popup.bui-toggle-target.active											{display: block; z-index: 1;}
.layer-popup .layer-popup-head													{}
.layer-popup .layer-popup-head .title											{margin: 0; padding: 18px 0 0 20px; height: 34px; font-size: 14px; line-height: .9; color: #ffffff; background-color: #395da0;}
.layer-popup .layer-popup-body													{padding: 20px;}
.layer-popup .close																{position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: url(/Web-home/addons/images/login/btn_layerpopup_close.png) no-repeat 0 0;}
.layer-popup .close span														{position: relative; z-index: -1;}

/* 아이디 중복확인 */
.layer-popup.check-id															{width: 360px;}
.layer-popup.check-id .layer-popup-body .submit-form							{}
.layer-popup.check-id .layer-popup-body .submit-form .form-item					{display: table; width: 100%; table-layout: fixed;}
.layer-popup.check-id .layer-popup-body .submit-form .form-item .form-head		{display: table-cell; vertical-align: middle; width: 60px;  font-size: 14px; font-weight: bold; color: #333333;  -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-popup.check-id .layer-popup-body .submit-form .form-item .form-body		{display: table-cell; vertical-align: middle;   -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-popup.check-id .layer-popup-body .result-board							{margin: 20px 0 0 0; padding: 12px 0; font-size: 14px; color: #333333; text-align: center; border-top: 1px solid #d9d9d9;}
.layer-popup.check-id .layer-popup-body .result-board .warning					{color: #de0000;}

.layer-popup.read-terms															{width: 770px; height: 490px;}
.layer-popup.read-terms .layer-popup-body										{height: 398px; overflow: hidden; overflow-y: auto;}

.layer-popup.read-policy														{width: 770px; height: 490px;}
.layer-popup.read-policy .layer-popup-body										{height: 398px; overflow: hidden; overflow-y: auto;}


/* 아이디 비밀번호 찾기 */
form.forgot-profile																{display: block;}
.forgot-profile																	{/*margin-top: 48px;*/}
.forgot-profile .em.state-a														{color: #000000;}
.forgot-profile .em.state-b														{color: #395da0;}

.forgot-profile .info-board														{margin-bottom: 24px; font-size: 16px; line-height: 24px; color: #333333; text-align: center;}
.forgot-profile .info-board strong												{color: #395da0;}

.forgot-profile .forgot-container												{table-layout: fixed; width: 100%; margin: 0; padding: 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f9f9f9;}
.forgot-profile .forgot-content													{position: relative; vertical-align: middle; padding: 50px 50px 50px 260px; min-height: 140px;}
.forgot-profile .forgot-content:before											{content: ''; display: block; position: absolute; left: 75px; top: 50%; margin-top: -75px; width: 150px; height: 150px; background-image: url(/Web-home/addons/images/login/bg_forgot_profile.png); background-repeat: no-repeat;}
.forgot-profile .forgot-content.forgot-id:before								{background-position: 0 0;}
.forgot-profile .forgot-content.forgot-password:before							{background-position: 0 -150px;}
.forgot-profile .forgot-content.auth-mobile:before								{background-position: 0 -300px;}
.forgot-profile .forgot-content.forgot-result:before							{background-position: 0 -450px;}

.forgot-profile .submit-form													{}
.forgot-profile .submit-form .form-item+.form-item								{margin-top: 12px;}
.forgot-profile .submit-form .form-item .form-head								{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.forgot-profile .submit-form .form-item .form-body								{}
.forgot-profile .submit-form .form-item .form-body .option-select				{}
.forgot-profile .submit-form .form-item .form-body .option-select label			{}
.forgot-profile .submit-form .form-item .form-body .option-select label .text	{margin-left: 4px; font-size: 14px;}
.forgot-profile .submit-form .form-item .form-body input[type=text].form		{padding: 8px; font-size: 13px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif; border: 1px solid #bababa;}
.forgot-profile .submit-form .form-item .form-body input[type=password].form	{padding-left: 8px; height: 38px; font-size: 13px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif; border: 1px solid #bababa;}
.forgot-profile .submit-form .form-item .form-body select						{padding:8px 5px 7px 8px; font-size: 13px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif; border: 1px solid #bababa;}
.forgot-profile .submit-form .form-item .form-body em.form-note					{font-style: normal;}
.forgot-profile .submit-form .form-item .form-body>.form-note					{display: block; margin-top: 12px; font-size: 13px; color: #666666;}
.forgot-profile .submit-form .form-item .form-body>.form-note .countdown		{display: inline-block; width: 50px; height: 20px; line-height: 20px; color: #666666; text-align: center; border: 1px solid #d5d5d5;}

.forgot-profile .submit-result													{}
.forgot-profile .submit-result .subject											{font-size: 26px; color: #666666;}
.forgot-profile .submit-result .subject strong.em.state-a						{font-weight: normal;}
.forgot-profile .submit-result .subject strong.em.state-b						{font-weight: normal;}
.forgot-profile .submit-result .summary											{font-size: 13px;}

.forgot-profile .form-notice+.form-item,
.forgot-profile .form-item+.form-notice											{margin-top: 20px;}

.forgot-profile .form-notice p													{font-size: 13px; color: #000000; font-weight: bold;}
.forgot-profile .form-notice p a												{display: block; margin-top: 8px; font-size: 13px; color: #395da0; text-decoration: underline;}
.forgot-profile .form-notice p+ul												{margin-top: 8px;}
.forgot-profile .form-notice ul													{margin: 0; padding: 0; font-size: 12px;}
.forgot-profile .form-notice ul li												{position: relative; padding-left: 8px; list-style: none; font-size: 12px; line-height: 20px; color: #666666;}
.forgot-profile .form-notice ul li:before										{content: ''; display: block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background-color: #666666;}
.forgot-profile .form-notice ul li+li											{margin-top: 4px;}

.forgot-profile .button-area													{margin-top: 32px; text-align: center;}
.forgot-profile .button-area .btn												{width: 140px;}
.forgot-profile .button-area .btn+.btn											{margin-left: 28px;}

/* 회원탈퇴 */
form.deactivate-account 														{display: block;}
.deactivate-account h3															{position: relative; margin: 32px 0 20px 0; padding-left: 15px; height: 15px; font-size: 16px; line-height: .9; font-weight: bold; color: #2d659f;}
.deactivate-account h3:before													{content: ''; display: block; position: absolute; top: 0; left: 0; width: 4px; height: 15px; background-color: #144298;}
.deactivate-account h3 span														{color: #f32200;}

.deactivate-account .section-container											{padding: 20px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f9f9f9;}
.deactivate-account .section-container h4										{margin-bottom: 16px; font-size: 13px; color: #000000; font-weight: bold;}
.deactivate-account .section-container *+h4										{margin-top: 30px;}

.deactivate-account .section-container .data-list								{margin: 0; padding: 0;}
.deactivate-account .section-container .data-list li							{position: relative; padding-left: 8px; list-style: none; line-height: 24px; font-size: 13px;}
.deactivate-account .section-container .data-list li:before						{content: ''; display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #666666;}
.deactivate-account .section-container .data-list li+li							{margin-top: 4px;}

.deactivate-account .section-container .data-table								{table-layout: fixed; border: 0; border-spacing: 0; border-collapse: collapse; width: 100%; border-top: 2px solid #6f6f6f; border-bottom: 1px solid #e0e0e0;}
.deactivate-account .section-container .data-table tbody tr th					{padding: 8px 20px; height: 40px; font-size: 13px; text-align: left; color: #000000; background-color: #f3f3f3; border-right: 1px solid #e0e0e0;}
.deactivate-account .section-container .data-table tbody tr td					{padding: 8px 20px; height: 40px; font-size: 13px; text-align: left; color: #666666; background-color: #ffffff;}
.deactivate-account .section-container .data-table tbody tr+tr th,
.deactivate-account .section-container .data-table tbody tr+tr td				{border-top: 1px solid #e0e0e0;}

.deactivate-account .section-container .option-select							{padding: 20px; border: 1px solid #ececec; background-color: #ffffff;}
.deactivate-account .section-container .option-select:after						{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.deactivate-account .section-container .option-select label						{float: left; width: 50%; height: 24px; line-height: 24px; font-size: 13px;}
.deactivate-account .section-container .option-select label .text				{margin-left: 4px; color: #000000;}

.deactivate-account .section-container+.option-select							{margin-top: 16px; text-align: right;}
.deactivate-account .section-container+.option-select label						{height: 24px; line-height: 24px; font-size: 13px;}
.deactivate-account .section-container+.option-select label .text				{margin-left: 4px; color: #000000;}

.deactivate-account .button-area												{margin-top: 32px; text-align: center;}
.deactivate-account .button-area .btn											{width: 140px;}
.deactivate-account .button-area .btn+.btn										{margin-left: 28px;}
.deactivate-account .pwinput													{text-align:center; margin-top:30px; background-color:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.deactivate-account .pwinput input												{padding:5px; border:1px solid #ddd; height:28px;}
.deactivate-account .pwinput label												{font-weight:bold;}

/* 비회원 주문 조회 추가*/
.nomember-login{}
.nomember-login .nonmember														{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #b9b9b9; background-color: #f5f5f5; padding: 30px 0; text-align: center; width:650px; margin:50px auto 0;}
.nomember-login .nonmember .txt													{margin-right:20px; font-weight:bold;}
.nomember-login .nonmember ul,
.nomember-login .nonmember li													{display: inline-block;}
.nomember-login .nonmember input[type="text"],
.nomember-login .nonmember input[type="password"]								{border: 1px solid #cbcbcb;padding: 9px;margin-bottom: 5px;margin-right: 5px;width: 142px;line-height:22px;}
.nomember-login .nonmember input.orderBtn										{border: 0; padding: 10px 30px; color: #fff; background-color: #3561ab; vertical-align:top;}

.family-plus .family-table								{table-layout: fixed; border: 0; border-spacing: 0; border-collapse: collapse; width: 100%; border-top: 2px solid #6f6f6f; border-bottom: 1px solid #e0e0e0;}
.family-plus .family-table thead tr th					{padding: 3px 10px; height: 40px; font-size: 13px; color: #000000; background-color: #f3f3f3;}
.family-plus .family-table thead tr th + th				{border-left: 1px solid #e0e0e0;}
.family-plus .family-table tbody tr td					{padding: 3px 10px; height: 40px; font-size: 13px; text-align: center; color: #666666; background-color: #ffffff;}
.family-plus .family-table tbody tr td + td				{border-left: 1px solid #e0e0e0;}
.family-plus .family-table thead tr+tr th,
.family-plus .family-table tbody tr+tr td				{border-top: 1px solid #e0e0e0;}
/*.family-plus .family-table tbody tr td input,
.family-plus .family-table tbody tr td select			{padding:6px 0;font-size:12px;vertical-align: middle;border:1px solid #ddd; text-align:center;font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
*/
.family-plus .family-table tbody tr td input,
.family-plus .family-table tbody tr td select			{padding:0 2px !important ;font-size:12px;height: 24px; line-height: 24px;border:1px solid #ddd; text-align:center;color: #666666;font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}

.family-plus .option-select								{margin-top: 16px; text-align: right;}
.family-plus .option-select label						{height: 24px; line-height: 24px; font-size: 13px;}
.family-plus .option-select label .text					{margin-left: 4px; color: #000000;}

.loginView												{display: table; table-layout: fixed; margin: 0 auto; width: 100%; height: 100%;}
.loginView .cultureLoginWrap							{background:url(/Web-home/wizUI/imgUI/message/message.png) left center no-repeat; padding:70px 0 50px 320px; display:block; font-size:13px;}
.loginView .cultureLoginWrap .cultureLoginTitle			{font-size:16px;}
.loginView .cultureLoginWrap .cultureLoginTitle strong	{color:#1e9519; font-weight:bold;}
.loginView .cultureLoginWrap strong						{font-size:17px; line-height:16px; font-weight:100;}
.loginView .cultureLoginWrap .btnNormal					{color: #ffffff; border-color: #18a88f; display: inline-block; border:none; text-decoration: none; background: url(/Web-home/wizUI/imgUI/error-btn.png) #18a88f right center no-repeat; padding:10px 40px 10px 15px; border-radius:15px; margin-top:10px; line-height:1}


.form-table-label{font-size:13px;}
.form-table-label label{margin-right:10px;}

/* 문화센터 아이디찾기 */
.cultureWrap{}
.cultureWrap .signup-privacy.signup-privacy-type{table-layout: fixed; width: 100%;margin: 0; padding: 0;border-top: 1px solid #d2d2d2;}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form{position: relative; vertical-align: middle; padding: 40px 40px 50px 260px; min-height: 80px;border-bottom: 1px solid #d2d2d2; background-color: #f9f9f9;}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form:before{content: ''; display: block; position: absolute; left: 75px; top: 50%; margin-top: -75px; width: 150px; height: 150px; background: url(/Web-home/addons/images/login/bg_forgot_profile.png) 0 -300px no-repeat;}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form .form-item{}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form .form-item + .form-item{margin-top:12px}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form .form-item .form-head{float:left;width:70px;padding-top: 6px;font-weight: bold;font-size:13px}
.cultureWrap .signup-privacy.signup-privacy-type .submit-form .form-item .form-body{}

.section-container{}
.section-container .submit-form{}
.section-container .submit-form .form-item{font-size:16px;font-weight:bold;margin-left:4px}
.section-container .submit-form .form-item:after{content:"";display:block;clear:both}
.section-container .submit-form .form-item .form-head{float:left;margin-right:8px}
.section-container .submit-form .form-item .form-body{}

.deactivate-account{}
.deactivate-account .signup-privacy{}
.deactivate-account .signup-privacy .submit-form{background:#f9f9f9;padding: 16px 22px;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.deactivate-account .signup-privacy .submit-form:after{content:"";display:block;clear:both}
.deactivate-account .signup-privacy .submit-form .form-item + .form-item{margin-top:10px}
.deactivate-account .signup-privacy .submit-form .form-item .form-head{float:left;width: 90px;font-size:12px;font-weight:bold;padding-top:8px}
.deactivate-account .signup-privacy .submit-form .form-item .form-body{}
.deactivate-account .signup-privacy .submit-form .form-item .form-body .note{color:#2B00CC !important;font-weight: bold;font-style: normal;}

/* 동의 거부권 및 미 동의에 대한 불이익 안내 */
.agree-info-wrap{}
.agree-info-wrap .agree-info-title{position:relative;padding-left:25px;margin:18px 0 14px 0px;font-size:14px;font-weight:bold; color:#3561ab;line-height:.9;}
.agree-info-wrap .agree-info-title:after{content:"";position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-7px;background: url("/Web-home/addons/images/login/bg_info_board.png") no-repeat}
.agree-info-wrap .agree-info{padding:13px 25px;background:#f9f9f9;border:1px solid #97b9f3;color:#3561ab;font-size:13px;line-height:22px}
.agree-info-wrap .agree-info .wbr{display:block}

/* 이용약관 */
.agree-collect-wrap{}
.agree-collect-wrap .agree-collect{margin:30px 0}
.agree-collect-wrap .agree-collect{}
.agree-collect-wrap .agree-collect .agree-collect-font{margin: 10px 0;color: #666;font-size: 14px;}
.agree-collect-wrap .agree-collect .agree-collect-font label .text strong{display: inline-block;padding-left: 4px;color:red;font-size: 12px;}
.agree-collect-wrap .agree-collect .agree-collect-font label .text span{display: inline-block;padding-left: 4px;font-size: 12px;}
.agree-collect-wrap .agree-collect .agree-collect-size{padding: 10px;background: #F5F5F5;border: 1px solid #cdcdcd;color: #666;font-size: 13px;line-height: 18px; height: auto; max-height: 300px; overflow-y: auto; overflow-x: hidden;} /* height: 30px;overflow-y: scroll;overflow-x:hidden */
.agree-collect-wrap .agree-collect .agree-collect-size .nhpolicy{}
.agree-collect-wrap .agree-collect h2 input[type="checkbox"]{display:none} 
.agree-collect-wrap .agree-collect h2 input[type="checkbox"]+ label{display: inline-block;cursor: pointer; position: relative;padding-left: 25px;margin-right: 15px;font-size: 14px;letter-spacing: -1px;}
.agree-collect-wrap .agree-collect h2 input[type=checkbox]+ label:before {content: "∨";font-size: 15px;color: #999;width: 14px;line-height: 80%;text-align: center;height: 14px; margin-right: 10px;position: absolute;left: 5px; bottom: 2px; background-color: #ccc;border-radius: 8px;border:1px solid #888; }
.agree-collect-wrap .agree-collect h2 input[type=checkbox]:checked + label:before {content: "∨";font-size: 15px;color: #fff;background-color:#70c082;text-align: center; line-height: 80%;border:1px solid #70c082;}
.agree-collect-wrap .agree-collect h2 #agreeAll[type=checkbox]+ label:before {content: "∨";font-size: 20px;color: #999;display: inline-block;line-height: 80%;text-align: center;width: 17px;height: 17px; margin-right: 10px;position: absolute;left: 0; background-color: #ddd;border-radius: 15px;border:1px solid #888; }
.agree-collect-wrap .agree-collect h2 #agreeAll[type=checkbox]:checked + label:before {content: "∨";font-size: 20px;color: #fff;background-color:#28a444;text-align: center; line-height: 80%;border:1px solid #28a444;} 


.agree-collect-wrap .agree-collect h2.agree-collect-all  label{color: #333;font-size: 16px !important;line-height: 20px;}
