@charset "utf-8";
/* CSS Document */

#member-completion{ width:795px;
                    text-align:center;
					margin-top:100px;}

.completion-top{ width:500px;
                 height:60px;
                 border: 1px solid #a83134;
				 border-radius: 10px;
				 margin:0 auto;
				 background: url(../images/member/top-bg.png) repeat-x scroll 0 0;}

.completion-top .kaing{ font-size:38px;
                      padding-top:20px;
					  font-weight:bold;
					  color:#ffffff;}

.completion-center{ width:700px;
                    margin:10px auto;
					height:auto;}

.completion-center .com-thanks-1{ height:200px;
                                  background:url(../images/member/center-thank.png) no-repeat scroll center center;
								  /* text-indent:-9999px; */
								  text-align: center;}

.completion-center .com-thanks-2{ font-size:18px;
								  padding:10px 0;
								  border-top:1px #000000 solid;
								  border-bottom:1px #000000 solid;
								  font-weight:bold;
								  line-height: 1.7;
								  margin-top: 60px;}
.completionTxt{text-align:center; font-size:1.2em; margin-top: 30px;margin-bottom:30px;}

.completion-sample{ width:365px;
                 height:45px;
                 border: 1px solid #a83134;
				 border-radius: 10px;
				 margin:15px auto;
				 background: url(../images/member/top-bg.png) repeat-x scroll 0 0;}
.completion-sample .kaing{ font-size:26px;
                      padding-top:4px;
					  font-weight:bold;
					  color:#ffffff;}
.completion-sample .kaing a{color:#ffffff;}


#comp-botan{ text-align:center;width:365px; margin:auto;}

#comp-botan .botan img{margin-top:20px;}



/* Login */
.signUpSel{width:400px; margin:20px auto; box-shadow: 0px 0px 10px 1px #d8d8d8; background-color: #fff; padding: 5px; z-index:888;}
.signUpSel div.LoginMain{width: 100%; background-color: #ffffff; margin: auto; overflow: hidden; z-index:888;}
.signUpSel div.LoginMain h2{border-top: 3px solid #f41a2d; width: 95%; font-size: 20px; color: #f41a2d; text-align: center; margin:0px 0px 0px 10px; padding: 5px 0px;}
.signUpSel div.LoginMain h2 i.fa{vertical-align: middle; margin-right: 10px; font-size: 25px;}
.signUpSel div.LoginMain input.id_01, input.password_01{width: 300px; height:30px; border:1px solid #8e8e8e;; padding:3px 5px; border-radius: 6px; margin: 10px 44px; color: #666666;}
/* .signUpSel div.LoginMain input:focus{box-shadow:0px 0px 6px 0px #66afe9 inset,0px 0px 8px 2px #66afe9;border-radius:6px;} */
/*.signUpSel div.LoginMain input.id_01{width:442px; height:32px; padding:0 5px; border:1px solid #c3c3c3; margin-left:17px;}
.signUpSel div.LoginMain input.password_01{width:333px; height:32px; margin:5px 0; padding:0 5px; border:1px solid #c3c3c3;}*/
.signUpSel div.LoginMain input.btn_confirmation{width:104px; height:38px; background-color:#f41a2d; border: none; color:#ffffff; cursor:pointer; border-radius: 6px; float: right; position: relative;  right: 43px; top: 10px;}
.signUpSel div.LoginMain input.btn_confirmation:hover{opacity: 0.8;}
.signUpSel div.LoginMain .noId{padding-left: 45px; margin: 10px 0px;}
.signUpSel div.LoginMain .goSignUp{text-align:center; font-size:1.4em; font-weight:bold; height:41px; line-height:41px;}
.signUpSel div.LoginMain .PmarkCheck{text-align:center; height:25px; line-height:25px; position:relative; text-indent:20px;}
.signUpSel div.LoginMain .PmarkCheck input[type=checkbox]{position:absolute; left:84px; top:5px;}
.signUpSel div.LoginMain .PmarkCheck a{color:#ff0000; text-decoration:underline;}
.signUpSel div.LoginMain .PmarkCheck a:hover{color:#ffaa00;}
.signUpSel div.LoginMain .goSignUpBtn{width:79px; height:25px; line-height:25px; text-align:center; background:url("../images/order/loginBack.png") repeat-x; border:1px solid #9e9e9e; color:#9a9a9a; margin:5px auto; display:block;}
.signUpSel p.ErrorText{color: #f41a2d; padding-left: 10px; font-size: 14px;}

#signUpTarget{padding:10px; background-color:#5f5f5f; border-radius:6px; color:#ffffff;}
#signUpTarget p{background-color:#ffffff; padding:10px; color:#f5444a; font-size:1.2em; font-weight:bold; border-radius:4px;}
#signUpTarget dl{padding:5px;}
#signUpTarget dt{padding:5px 0 10px 0; font-size:1.2em; font-weight:bold; border-bottom:1px dotted #ffffff; margin-bottom:5px;}
#signUpTarget dd{padding:2px 0;}
#signUpTarget ul{overflow:hidden; margin:5px 5px 0 5px; border-top:1px dotted #ffffff;}
#signUpTarget li{float:left; padding-top:10px;}
#signUpTarget li .btn_orderStep{width:107px; height:47px; background:url("../images/order/orderStem.png") repeat-x; cursor:pointer; border:0; margin-left:7px;}

div.NewMemberbth{text-align: center;}
div.NewMemberbth img{border: 1px solid #ddd;}
div.goBtn a {text-align: center; padding: 10px; background-color: #ccc; width: 380px; margin: 10px auto; display: block;}
div.goBtn a:hover{opacity: 0.6;}




/* search ID/Pass */
.searchInfo input{padding:0 5px; height:25px; border:1px solid #c3c3c3; margin:3px;}
.searchInfo .id{width:200px; margin-left:26px;}
.searchInfo .name{width:50px;}
.searchInfo .email{width:250px; margin-left:7px;}
.searchInfo .phone{width:40px;}
.searchInfo .btn_confirmation{margin:10px auto 0 auto !important; display:block;}

/*新規登録ページ*/
.RegisterText{line-height:1.7em;}
.RegisterText p{font-size:1.2em; font-weight:bold;}
.RegisterText span{font-weight:bold;}
table.formTable{border-left:1px solid #000000; border-top:1px solid #000000; width:100%; margin-top:10px;}
table.formTable th{border-right:1px solid #000000; border-bottom:1px solid #000000; color:#ffffff; background-color:#ff4a4a; padding-left:20px; width:70px;}
table.formTable th.twiceW{width:140px !important;}
table.formTable th.qstTh{height:40px;}
table.formTable td.SubTh{width:50px; background-color:#d4d4d4; text-align:center;}
table.formTable td{border-right:1px solid #000000; border-bottom:1px solid #000000; padding:10px;}
table.formTable td input[type=text], table.formTable td input[type=password]{height:20px; border:1px solid #8e8e8e; padding:3px 5px;}
table.formTable td input[type=text].shW{width:50px; text-align:center;}
table.formTable td input[type=text].mdW{width:120px;}
table.formTable td input[type=text].lgW{width:300px;}
table.formTable td p.textSmp{margin-top:2px; color:#6d6d6d;}


/* 新規会員アンケート */
#renewalEnquete .EnqueteText{border:1px solid #adadad; padding:5px; border-radius:12px; line-height:2em;}
#renewalEnquete .EnqueteText p{background-color:#adadad; color:#ffffff; font-size:1.2em; font-weight:bold; text-align:center; padding:20px; border-radius:8px;}
#renewalEnquete .que{margin-top:30px; height:36px; line-height:36px; border-radius:18px; text-indent:20px; background-color:#8a8a8a; color:#ffffff; font-weight:bold; font-size:1.2em;}
#renewalEnquete .ans{padding:10px;}
#renewalEnquete .ans span{display:none; color:#ff0000; font-weight:bold;}
#renewalEnquete .ans textarea{border:1px solid #cacaca; width:767px; margin-top:10px; padding:3px;}
#renewalEnquete .enqueteSend{text-align:center; margin-top:20px;}
#renewalEnquete .button_block{text-align:center; padding-top:10px; padding-bottom:10px;}
#renewalEnquete .btn_send{width:134px; height:42px; background:url("../images/Mypage/send.png") no-repeat; cursor:pointer; border:0; text-indent:-2000px; margin:10px 0;}

/*New신규회원등록페이지*/
div.MainContent{width: 740px; margin: auto; background-color: #fff; }
div.MainContent div.MainForm{position: relative;width: 740px;height: 265px;}
h2.NewMemberTitle{position: relative;border-top: 3px solid #f41a2d; font-size: 20px; color: #f41a2d; text-align: center;top: 5px; padding: 20px 0; }
/* div.MemberInfo h2.NewMemberTitle i.fa{vertical-align: middle; font-size: 25px;} */
div.MemberInfo{position: absolute;top: 70px;left: 0;width: 50%;height: auto;background-color: #ffffff;}
div.MemberInfo ul{padding:10px 28px;}
div.MemberInfo ul li{padding: 10px 0px;}
div.MemberInfo ul li input[type=text], input[type=password]{width: 300px; height:30px; border:1px solid #8e8e8e; padding:3px 5px; border-radius: 6px; color: #666666;}
/* div.MemberInfo ul li input:focus{box-shadow:0px 0px 6px 0px #66afe9 inset,0px 0px 8px 2px #66afe9;border-radius:6px;} */
div.MemberInfo ul li input[type=text].mdW{width: 142px;}
div.MemberInfo ul li span.success-message{color:#00a094; display:block; margin-top:5px; text-indent:3px;}
div.MemberInfo ul li span.fail-message{color:#ff0000; display:block; margin-top:5px; text-indent:3px;}

div.Provision{position: absolute;top: 70px;right: 0;width: 50%;height: 167px;background-color: #f0f0f0; padding: 14px 0px;}
div.Provision div.ProvisionWrap{padding: 0 30px;}
div.Provision div.ProvisionWrap h3.PolicyH3{font-weight: bold; font-size:15px;padding:10px 0px 20px;}
div.Provision div.ProvisionWrap div.Agreement{}
div.Provision div.ProvisionWrap div.Policy{}
a.ProvisionBtn input.btn_check{display: inline-block;padding: 3px 5px;border-radius: 10px;background: #f41a2d;color: #fff;cursor: pointer;}
div#join_btn_block{text-align: center;}
div.Provision input.private{margin-top: 11px;background-color:#f41a2d; width:312px; height:40px; border:0px; cursor:pointer; color: #ffffff; border-radius: 6px;}
div.Provision input.private:hover{opacity: 0.8;}

.ttlMenuBg{background:url(../images/member/menu_ttlBg.gif) repeat-x; border:1px solid #d1d1d2; /*width:783px;*/ padding:6px; margin-top:40px;}
.ttlMenuBg span{font-weight:bold; font-size:14px; color:#000; padding-left:10px;}

div.NewMemberText{float: right; line-height:1.7em; width: 370px; overflow: hidden; box-shadow: 0px 0px 3px 2px #d8d8d8; height: 470px; }
div.NewMemberText h3.TextH3{font-size: 16px; font-weight: bold; padding-left: 18px; padding-top: 4px;}
div.NewMemberText div.TextP{padding: 10px;}
div.NewMemberText div.TextP p{font-size:14px;}
div.NewMemberText div.TextP span{font-weight:bold; font-size: 16px;}
div.NewMemberText div.TextP h4.TextH4{font-size:14px;}



/*Login2*/
.signRegiWrap{position: relative;top: 20px;width: 795px;height: 467px;margin: 0 auto;}

.signUpSel2{position: absolute;top: 0;right: 397px;width:397px;background-color: #fff;z-index:888;padding-bottom: 207px;}
.signUpSel2 div.LoginMain2{width: 100%; background-color: #ffffff; margin: auto; overflow: hidden; z-index:888;}
.signUpSel2 div.LoginMain2 h2{border-top: 3px solid #f41a2d; width: 100%; font-size: 20px; color: #f41a2d; text-align: center;padding: 20px 0px;}
.signUpSel2 div.LoginMain2 h2 i.fa{vertical-align: middle; margin-right: 10px; font-size: 25px;}
.signUpSel2 div.LoginMain2 input.id_01, input.password_01{width: 300px; height:30px; border:1px solid #8e8e8e;; padding:3px 5px; border-radius: 6px; margin: 16px 40px 5px;color: #666666;}
.signUpSel2 div.LoginMain2 input.btn_confirmation2{position: absolute;  right: 43px; bottom: 208px;width:104px; height:38px; background-color:#f41a2d; border: none; color:#ffffff; cursor:pointer; border-radius: 6px;}
.signUpSel2 div.LoginMain2 input.btn_confirmation2:hover{opacity: 0.8;}
.signUpSel2 div.LoginMain2 .noId2{padding-left: 45px; margin-top: 14px;}
.signUpSel2 div.LoginMain2 .goSignUp{text-align:center; font-size:1.4em; font-weight:bold; height:41px; line-height:41px;}
.signUpSel2 div.LoginMain2 .PmarkCheck{text-align:center; height:25px; line-height:25px; position:relative; text-indent:20px;}
.signUpSel2 div.LoginMain2 .PmarkCheck input[type=checkbox]{position:absolute; left:84px; top:5px;}
.signUpSel2 div.LoginMain2 .PmarkCheck a{color:#ff0000; text-decoration:underline;}
.signUpSel2 div.LoginMain2 .PmarkCheck a:hover{color:#ffaa00;}
.signUpSel2 div.LoginMain2 .goSignUpBtn{width:79px; height:25px; line-height:25px; text-align:center; background:url("../images/order/loginBack.png") repeat-x; border:1px solid #9e9e9e; color:#9a9a9a; margin:5px auto; display:block;}
.signUpSel2 p.ErrorText{color: #f41a2d; padding-left: 10px; font-size: 14px;}


/*New신규회원등록페이지2*/
div.MainContent2{position: absolute;top: 0;right: 0;width: 397px;height: 461px; margin: auto; background-color: #fff; }
div.MainContent2 div.MainForm2{position: relative;width: 397px;height: 265px;}
h2.NewMemberTitle2{position: relative;border-top: 3px solid #f41a2d; font-size: 20px; color: #f41a2d; text-align: center;padding: 20px 0; }
div.MemberInfo2{width: 397px;height: auto;background-color: #ffffff;}
div.MemberInfo2 ul{padding:10px 28px;}
div.MemberInfo2 ul li{padding: 10px 0px;text-align: center;}
div.MemberInfo2 ul li input[type=text], input[type=password]{width: 300px; height:30px; border:1px solid #8e8e8e; padding:3px 5px; border-radius: 6px; color: #666666;}
div.MemberInfo2 ul li input[type=text].mdW{width: 142px;}
div.MemberInfo2 ul li span.success-message{color:#00a094; display:block; margin-top:5px; text-indent:3px;}
div.MemberInfo2 ul li span.fail-message{color:#ff0000; display:block; margin-top:5px; text-indent:3px;}

div.Provision2{width: 397px;height: 167px;background-color: #f0f0f0; padding: 14px 0px;}
div.Provision2 div.ProvisionWrap2{padding: 0 30px;}
div.Provision2 div.ProvisionWrap2 h3.PolicyH3{font-weight: bold; font-size:15px;padding:10px 0px 20px;}
div.Provision2 div.ProvisionWrap2 div.Agreement{}
div.Provision2 div.ProvisionWrap2 div.Policy{}
a.ProvisionBtn2 input.btn_check{display: inline-block;padding: 3px 5px;border-radius: 10px;background: #f41a2d;color: #fff;cursor: pointer;}
div#join_btn_block{text-align: center;}
div.Provision2 input.private2{margin-top: 11px;background-color:#f41a2d; width:312px; height:40px; border:0px; cursor:pointer; color: #ffffff; border-radius: 6px;}
div.Provision2 input.private2:hover{opacity: 0.8;}


/* Guest Login */
.signUpSel div.LoginMain div input.Guestlog{width: 300px; height:30px; border:1px solid #8e8e8e; padding:3px 5px; border-radius: 6px; margin: 5px 44px 15px 44px; color: #666666;}
/* .signUpSel div.LoginMain div input.Guestlog:focus{box-shadow:0px 0px 6px 0px #66afe9 inset,0px 0px 8px 2px #66afe9;border-radius:6px;} */
.signUpSel div.LoginMain div input.GlogBht{width: 313px; height:30px; background-color:#f41a2d; border: none; color:#ffffff; cursor:pointer; border-radius: 6px; margin: 5px 44px 15px 44px;}
.signUpSel div.LoginMain div input.GlogBht:hover{opacity: 0.6;}


/*joinMember service*/
.hidden{display: none;}
.floatClear:after{content:"";clear: both;display: block;}
	.warningWrap{position: relative;width: 740px;height: auto;background: url("../images/member/joinMemberBg.jpg") repeat-y center center;margin: 0 auto;border: 1px solid #fff663;}
		.joinMemH2Wrap{width: 740px;height: 123px;background: url("../images/member/joinMemberTitle.png") no-repeat center center;}

		.joinServiceExp{padding: 30px 60px;line-height: 1.7;}
			.joinService{padding: 10px 0;}
				.joinServiceTitle{position: relative;font-size: 18px;font-weight: bold;padding-bottom: 8px;margin: 0;}
				.joinServiceTitle > img{position: relative;top: -1px;left: 0;}
				.joinService > p{font-size: 14px;margin: 0;}

					.joinServiceLeft{float: left;width: 90px;text-align: center;}
					.joinServiceRight{float: right;}

				.joinTxtBox{width: 460px;margin: 0 auto;}


/* 20200612 new email verification register */
.registForm{position: relative;min-height:500px;}
.registForm h2.registTitle{position: relative;font-size: 20px;color: #f41a2d;text-align: center;padding: 50px 0 50px;}
.registForm .agreeInput{position: relative;padding: 5px 0;text-align: center;}
.registForm .agreeInput input[type=text]{position: relative;width: 300px;font-size: 13px;padding: 5px 10px;box-sizing:border-box;border: 1px solid #ababab;border-radius: 5px;height: auto;color: #666;}
.registForm .agreeInput input[type=password]{position: relative;width: 300px;font-size: 13px;padding: 5px 10px;box-sizing:border-box;border: 1px solid #ababab;border-radius: 5px;height: auto;color: #666;}

.registForm .agreeChkbox{position: relative;text-align: center;padding: 5px 0 25px;}
.registForm .agreeChkbox #Agreement{cursor: pointer;}
.registForm .agreeChkbox #checkAgreement{cursor: pointer;}
.registForm .agreeChkbox #checkAgreement > a{color: #00A3F4;}
.registForm .agreeChkbox #checkAgreement > a:hover{text-decoration: underline;}
.registForm input.submit{display: block;width: 300px;padding: 5px 0;font-size: 16px;background: linear-gradient(to bottom, #ff6b60 10%, #d11b29 84%, #d11b29 95%, #d1374f 100%);color: #fff;text-align: center;border: 1px solid #d11b29;box-sizing: border-box;border-radius: .25rem;cursor: pointer;margin: 0 auto;}
.registForm input.submit:hover{background: linear-gradient(to bottom, #ff3426 10%, #d11b29 84%, #d11b29 95%, #ff3c2a 100%);}

.registForm span.success-message{color:#00a094; display:block; margin-top:5px; text-indent:3px;}
.registForm span.fail-message{color:#ff0000; display:block; margin-top:5px; text-indent:3px;}

.registForm .RegOkP{position: relative;border: 1px solid #ccc;background: #fafafa;color: #595959;margin: 10px auto 30px;border-radius: .25rem;width: 660px;padding: 35px 15px 15px;box-sizing:border-box;font-size: 13px;line-height: 1.9;}
.registForm .RegOkP h3{position: absolute;top: -18px;left: 0;text-align: center;display: block;width: 100%;}
.registForm .RegOkP h3 span{background: #fff;font-size: 15px;color: #333;text-align: center;border-radius: 30px;display: inline-block;margin: 0 auto;border: 1px solid #ccc;padding: 7px 20px 5px;}
.registForm .RegOkP > ul{position: relative;margin-left: 20px;}
.registForm .linkUrl{color: #66afe9;}
.registForm .linkUrl:hover{text-decoration: underline;}


/* 20200623 email verification response */
.emailWrap{position: relative;}
.emailWrap .memberH2{position: relative;font-size: 20px;color: #f41a2d;padding: 50px 0 50px;}
.emailWrap .EmailVerificationOK{position: relative;border: 1px solid #ccc;background: #fafafa;color: #595959;margin: 10px auto 30px;border-radius: .25rem;width: 660px;padding: 35px 15px 15px;box-sizing:border-box;font-size: 13px;line-height: 1.9;}
.emailWrap .EmailVerificationOK .memberH3{position: absolute;top: -22px;left: 0;text-align: center;display: block;width: 100%;}
.emailWrap .EmailVerificationOK .memberH3 span{background: #fff;font-size: 15px;color: #333;text-align: center;border-radius: 30px;display: inline-block;margin: 0 auto;border: 1px solid #ccc;padding: 7px 20px 5px;}

.emailWrap .redBtn{display: block;margin: 0 auto;padding: 5px 0;width:170px; background: -webkit-linear-gradient(#ff6b60 10%, #d11b29 84%, #d11b29 95%, #d1374f 100%);text-align: center;border: 1px solid #d11b29;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 15px;color: #fff;}
.emailWrap .redBtn:hover{background: linear-gradient(to bottom, #ff3426 10%, #d11b29 84%, #d11b29 95%, #ff3c2a 100%);}


.EmailVerificationRegistForm{position: relative;border: 1px dotted #333;color: #595959;margin: 10px auto 10px;border-radius: .25rem;width: 1000px;padding: 35px 20px 20px;box-sizing:border-box;font-size: 13px;line-height: 1.9;margin-top: 70px;}
.EmailVerificationRegistForm .memberH3{position: absolute;top: -22px;left: 0;text-align: center;display: block;width: 100%;}
.EmailVerificationRegistForm .memberH3 span{background: #fff;font-size: 15px;color: #333;text-align: center;border-radius: 30px;display: inline-block;margin: 0 auto;border: 1px solid #ccc;padding: 7px 20px 5px;}

.EmailVerificationRegistForm ul{position: relative;margin: 0;}
.EmailVerificationRegistForm ul li{position: relative;margin: 0;padding: 10px 0 10px;border-bottom: 1px dotted #ddd;}
.EmailVerificationRegistForm ul li p{display: inline-block;}
.EmailVerificationRegistForm ul li p:first-child{position: relative;padding: 0 0 10px;font-size: 15px;color: #595959;width: 200px;}
.EmailVerificationRegistForm ul li p:first-child:before{content:"";color: #595959;}
.EmailVerificationRegistForm ul li p:first-child .required{display: inline-block;font-size: 11px;background: #ff0000;color: #fff;font-weight: bold;padding: 0px 4px;border-radius:.25rem;margin-top: -2px;margin-left: 10px;}

.EmailVerificationRegistForm ul li p input[type=text]{position: relative;border: 1px solid #aaa;padding: 5px 5px;box-sizing:border-box;font-size: 13px;border-radius: .25rem;width: 270px;}
.EmailVerificationRegistForm ul li p input[type=text]#UniqueName, input[type=text]#StateOrProvince, input[type=text]#City{background: #efefef;}

.EmailVerificationRegistForm .greyBtn{display: inline-block;margin: 0 auto;padding: 5px 0;width:170px; background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);text-align: center;border: 1px solid #ccc;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 15px;color: #333;}
.EmailVerificationRegistForm .greyBtn:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}



.emailFormWrap input[type="radio"]{}
.emailFormWrap label{display: inline-block;padding: 3px 10px;border-radius:0.25rem;cursor:pointer;min-width:80px;text-align: left;font-size: 12px;}


.researchFormWrap{position: relative;position: relative;border: 1px dotted #333;color: #595959;margin: 30px auto 30px;border-radius: .25rem;width: 1000px;padding: 20px 20px 20px;box-sizing:border-box;font-size: 13px;line-height: 1.9;}
.researchFormWrap ul{position: relative;margin: 0;}
.researchFormWrap ul li{position: relative;margin: 0;padding: 10px 0 10px;border-bottom: 1px dotted #ddd;}
.researchFormWrap ul li p:first-child{position: relative;padding: 0 0 10px;font-size: 15px;color: #595959;}
.researchFormWrap ul li p:first-child:before{content:"";color: #595959;}

.emailFormBtn{position: relative;width: 400px;margin: 20px auto 30px;}
.emailFormBtn .greyBtn{display: inline-block;margin: 0 auto;padding: 5px 0;width:170px; background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);text-align: center;border: 1px solid #ccc;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 15px;color: #333;}
.emailFormBtn .greyBtn:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}

.emailFormBtn .redSubmitBtn{display: inline-block;margin: 0 auto;padding: 3.5px 0;width:170px; background: linear-gradient(#ff6b60 10%, #d11b29 84%, #d11b29 95%, #d1374f 100%);text-align: center;border: 1px solid #d11b29;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 15px;color: #fff;}
.emailFormBtn .redSubmitBtn:hover{background: linear-gradient(to bottom, #ff3426 10%, #d11b29 84%, #d11b29 95%, #ff3c2a 100%);}


/* 20200625 email verification response */
.IdPwSearchWrap{position: relative;min-height: 500px;width: 1005px;margin: 0 auto;color: #595959;}
.IdPwSearchWrap .memberH2{position: relative;font-size: 20px;color: #f41a2d;padding: 50px 0 30px;}
.IdPwSearchWrap .memberH3{position: absolute;top: -18px;left: 0;text-align: center;display: block;width: 100%;}
.IdPwSearchWrap .memberH3 span{background: #fff;font-size: 15px;color: #333;text-align: center;border-radius: 30px;display: inline-block;margin: 0 auto;border: 1px solid #ccc;padding: 7px 20px 5px;}

.IdPwSearchWrap #FindIdPwSection{position: relative;margin: 0 auto 50px;padding: 0 100px 0;box-sizing:border-box;}
.IdPwSearchWrap #FindIdPwSection .findMemberIdWrap{position: relative;width: auto;border: 1px solid #ccc;border-radius: .25rem;padding: 35px 20px 20px;box-sizing:border-box;background: #fffefc;margin: 0 auto;}
.IdPwSearchWrap #FindIdPwSection .findMemberPasswordWrap{position: relative;width: auto;border: 1px solid #ccc;border-radius: .25rem;padding: 35px 20px 20px;box-sizing:border-box;background: #fffefc;margin: 0 auto;}

.IdPwSearchWrap .newSearchInfo{position: relative;}
.IdPwSearchWrap .newSearchInfo .searchBox{position: relative;}
.IdPwSearchWrap .newSearchInfo .memberTitle{position: relative;display: inline-block;width: 60px;}
.IdPwSearchWrap .newSearchInfo input[type="text"]{position: relative;border: 1px solid #aaa;padding: 5px 5px;box-sizing:border-box;font-size: 13px;border-radius: .25rem;width: 270px;}
.IdPwSearchWrap .newSearchInfo .btn_confirmation{position: relative;display: inline-block;margin: 20px auto 0;padding: 3.5px 0;width:270px; background: linear-gradient(#ff6b60 10%, #d11b29 84%, #d11b29 95%, #d1374f 100%);text-align: center;border: 1px solid #d11b29;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 15px;color: #fff;}
.IdPwSearchWrap .newSearchInfo .btn_confirmation:hover{background: linear-gradient(to bottom, #ff3426 10%, #d11b29 84%, #d11b29 95%, #ff3c2a 100%);}

.IdPwSearchWrap .idResultTxt{font-size: 13px;color: #595959;text-align: center;padding: 10px 0 0;}
.IdPwSearchWrap .idResultTxt span{font-size: 20px;color: #5CAB7D;}
.IdPwSearchWrap .idfailTxt, .idNullTxt{font-size: 13px;color: #d11b29;text-align: center;padding: 10px 0 0;}

.IdPwSearchWrap .passwordResultTxt{font-size: 13px;color: #5CAB7D;text-align: center;padding: 10px 0 0;}
.IdPwSearchWrap .passwordfailTxt, .passwordNullTxt{font-size: 13px;color: #d11b29;text-align: center;padding: 10px 0 0;}



/*20200629 mail password change*/
#ChgPwdWrap{position: relative;min-height:600px;}
#ChgPwdWrap .memberH2{position: relative;font-size: 20px;color: #f41a2d;padding: 50px 0 20px;}
#ChgPwdWrap .warnPwdChgBox{position: relative;border: 1px solid #ccc;background: #fafafa;color: #595959;margin: 10px auto 30px;border-radius: .25rem;width: 660px;padding: 15px 15px 15px;box-sizing:border-box;font-size: 13px;line-height: 1.9;}
#ChgPwdWrap .warnPwdChgBox ul{margin: 0 0 0 20px;}
#ChgPwdWrap .warnPwdChgBox ul li{list-style-type: decimal;}

.ChgPwdBox{position: relative;margin: 0 auto 30px;border-radius: .25rem;width: 660px;font-size: 13px;}
.ChgPwdBox > p{position: relative;padding-bottom: 10px;margin: 0 auto;text-align: center;}
.ChgPwdBox > p > input{position: relative;width: 270px;font-size: 13px;padding: 5px 10px;box-sizing:border-box;border: 1px solid #ababab;border-radius: 5px;height: auto;color: #666;}
.ChgPwdBox .redSubmitBtn{display: block;margin: 20px auto 0;padding: 3.5px 0;width:270px; background: linear-gradient(#ff6b60 10%, #d11b29 84%, #d11b29 95%, #d1374f 100%);text-align: center;border: 1px solid #d11b29;box-sizing: border-box;border-radius: .25rem;cursor: pointer;font-size: 16px;color: #fff;}
.ChgPwdBox .redSubmitBtn:hover{background: linear-gradient(to bottom, #ff3426 10%, #d11b29 84%, #d11b29 95%, #ff3c2a 100%);}


/*20200706 msgBox added*/
.msgBox{position: relative;padding-bottom: 30px;}