@charset "utf-8";

/* scroll bar
/ width /
.ovAge::-webkit-scrollbar {
	width: 5px;
}
/ Track /
.ovAge::-webkit-scrollbar-track {
background: #e0e0e0;
}
/ Handle /
.ovAge::-webkit-scrollbar-thumb {
	background: #888;
}
/ Handle on hover /
.ovAge::-webkit-scrollbar-thumb:hover {
	background: #666;
}
*/

/* select design */
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border: solid 1px #d4d4d4;
cursor: pointer;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 47px;
line-height: 47px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #111;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #111;
}

.selectBox2 .nice-select {
background: #f3f3f3; border: none; padding-left: 10px; text-align: left;
display: flex; justify-content: flex-start;
}

.selectBox2 .nice-select:active,
.selectBox2 .nice-select.open,
.selectBox2 .nice-select:focus {
border: 1px solid #111;
background:#fff;
}

.nice-select:after {
border-bottom: 1px solid #111;
border-right: 1px solid #111;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
		transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #e7ecf2;
color: #90a1b5;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cdd5de; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }

.nice-select .list {
background-color: #fff;
box-shadow: 0 0 0 1px rgba(17, 17, 17, 1);
/* border:1px solid #111; */
box-sizing: border-box;
margin-top: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
width:100%;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-21px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
overflow-y:auto;
height:120px;
}

/* scroll bar */
/* width */
.nice-select .list::-webkit-scrollbar {
width: 5px;
}
/* Track */
.nice-select .list::-webkit-scrollbar-track {
background: #e0e0e0;
}
/* Handle */
.nice-select .list::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.nice-select .list::-webkit-scrollbar-thumb:hover {
background: #666;
}

.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 11px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f7f9; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #90a1b5;
cursor: default; }

.no-csspointerevents .nice-select .list {
display: none; }

.no-csspointerevents .nice-select.open .list {
display: block; }



.memCon { background:#fafafa; display:flex; justify-content: center; align-items: center; padding:130px 0 180px; }
.memWrap { width:650px; margin:0 auto; position:relative; background:#fff; padding:75px 84px; }
.memArea { position: relative; }
.memArea h3 { text-align:center; font-size:30px; font-weight:700; color:#111; line-height: 1; }
.memLogTab { display: flex; padding:46px 0 40px; }
.memLogTab li { flex: 1; }
.memLogTab li a {
	display:flex; height:47px;  border:1px solid #111; font-size:15px; font-weight:500;
	justify-content: center; align-items: center; background:#fff;
}

.memLogTab li a.on { background:#111; color:#fff; }
.hidden { overflow: hidden; position: absolute; left:0; top:0; width:0; height:0; margin-left:-1px; margin-top:-1px; }
.inpm { border:1px solid #d4d4d4; height:47px; display: flex; align-items: center; padding-left: 21px; font-size:15px; font-weight:400; box-sizing:border-box; }
.wid-full { width:100% !important; }
.pnWcer { width:73% !important; float:left; }
.btnCer { float:right; width:25%; border:1px solid #12279e; height:47px; display: flex; align-items: center; justify-content: center; text-align:center; font-size:15px; font-weight:500; line-height:1.2; }

.find-result-box {background:#eee;padding:20px;}
.find-result-box ul {}
.find-result-box ul li {display:inline-block; float:none; font-size:16px;}
.find-result-box ul li:nth-child(1) {font-weight:800;width:250px;padding-left:20px;}
.find-result-box ul li:nth-child(2) {text-align:right;}


.inpm::placeholder { color:#d4d4d4; }
.inp-mb10 { margin-bottom:10px; }
.inp-mt30 { margin-top:30px; }
.inp-mt40 { margin-top:40px; }
.inp-mt80 { margin-top:80px; }
.findArea { padding:14px 0 48px; text-align:right; }
.findArea a { position:relative; margin-left:9px; padding-left:10px; font-size:13px; font-weight:400; color:#707070 }
.findArea a:nth-child(2)::before { content:""; width:1px; height:10px; background:#d9d9d9; position:absolute; left:0; top:4px;  }
.btnm { display:flex; width:100%; border:1px solid #12279e; height:47px; display: flex; align-items: center; justify-content: center; font-size:15px; font-weight:500; }

.b-blue { background:#12279e; color:#fff; }
.b-white { background:#fff; }
a.b-blue { background:#12279e; color:#fff; }

.memArea p { margin:50px 0 40px; text-align:center; font-size:15px; color:#111; letter-spacing:-0.3px; }

.joinCon { padding:80px 0 180px; background:#fafafa; }
.joinWrap { width:1440px; margin:0 auto; position: relative; background:#fff; padding:80px 120px; }
.joinArea { position:relative; }
.joinArea h3 { text-align:center; font-size:30px; font-weight:700; color:#111; line-height: 1; }
.joinConTop { margin-top:40px; border-top:3px solid #191919; padding:40px 0; border-bottom:1px solid #d4d4d4; position: relative; }
.joinConTop h4 { font-size:30px; font-weight:400; color:#111; padding-bottom:20px; }
.joinConTop h4 span { }
.joinConTop p { font-size:13px; line-height:21px; color:#666; font-weight:400; }
.joinConTop p span { display:block; }
.joinConTop p strong { color:#111; }
.processNum { position:absolute; right:0; top:46px; }
.processNum li {
	color:#111; font-weight:700; font-size:30px; float:left; padding-left:20px; padding-right:24px;
	background:url(../../imgs/arr-off.png) no-repeat right center;
}
.processNum li.on { color:#1890ff; background:url(../../imgs/arr-on.png) no-repeat right center; }
.processNum li:nth-child(3) { padding-right:0; background:none; }
.joinAgree { padding:35px 0 28px; position:relative; }

.allAg { font-size:16px; font-weight:500; color:#111; }
.ovAge { border:1px solid #d4d4d4; padding:30px; font-size:13px; line-height:22px; color:#666; overflow: auto; height:160px; }
.useAg, .policyAg { font-size:16px; font-weight:500; color:#111; }
.useAg strong, .policyAg strong { color:#f42d43; }
.useAg { margin-top:42px; }
.policyAg { margin-top:50px; }
.agp { position:relative; overflow: hidden; height:27px; margin-bottom:14px; }

/*
input[type="checkbox"] {position:absolute;top:0;left:0;width:26px;height:26px;padding-top:4px;}
label {position:absolute;top:0;left:0;z-index:10;padding-left:33px;line-height:26px;cursor:pointer}
label:before {content:"";position:absolute;top:4px;left:5px;display:block;width:18px;height:18px;line-height:18px;background:#fff;border:3px solid #222;}
input[type=checkbox]:checked + label:before {content:"\2713";text-align:center;font-weight:800;line-height:18px;color:#222}
*/

.chkAg input[type=checkbox] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:0;
	bottom:5px;
	z-index:1;
}
.chkAg input[type=checkbox] + label {
	position: relative;
	z-index:5;
	line-height:16px;
	font-size:16px;
	cursor: pointer;
	padding-left: 30px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url('../../imgs/ag-chk-off.png');
}
.chkAg input[type=checkbox]:checked +  label {
	background-image: url('../../imgs/ag-chk-on.png');
	z-index:6;
}
.chkAg input[type=checkbox]:checked { border:0 none; z-index:0; }


.btBox { text-align:center; margin-top:50px; }
.btnc {
	display:inline-flex; border:1px solid #12279e;
	height:47px; align-items: center; justify-content: center; font-size:15px; font-weight:500;
	width:240px; margin:0 10px;
}

.joinInfo { padding:50px 0; }
.joinInfo > div { display:flex; margin-top:20px; }
.joinInfo > div:nth-child(1) { margin-top:0; }
.joinInfo > div label { font-size:14px; flex:0 0 120px; display: flex; align-items: center; }
.joinInfo > div > div { flex:0 0 460px; display: flex; }
.joinInfo > div > div input { flex:1 1 100%; }
.joinInfo > div div.col-div2 { display: flex; }
.joinInfo > div div.col-div2 input { flex:1 1 70%; }
.joinInfo > div div.col-div2 a { flex:80px; margin-left:7px;  }
.joinInfo > div span {
	flex:0 0 350px; display: flex; align-items: center; font-size:12px; color:#7a7a7a;
	margin-left:15px;
}
a.btng {
	display:flex; min-width:80px; border:1px solid #666; background:#666; color:#fff;
	height:47px; align-items: center; justify-content: center; font-size:14px; font-weight:500;
}

.infoBottom { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; display: flex; padding:50px 0;   flex-wrap: wrap;  }
.infoBottom article { flex: 0 0 50%; }
.infoBottom article:nth-child(1) { flex: 0 0 600px; }
.infoBottom article:nth-child(2) { flex: 0 0 40%; }
.infoBottom article > div { display:flex; margin-top:20px; }
.infoBottom article > div:nth-child(1) { margin-top:0; }
.infoBottom article > div label { font-size:14px; flex:0 0 120px; display: flex; align-items: center; }
.infoBottom article > div > div { flex:0 0 460px; display: flex; }
.infoBottom article > div > div input { flex:1 1 100%; }
.infoBottom article > div div.col-div2 { display: flex; }
.infoBottom article > div div.col-div2 input { flex:1 1 70%; }
.infoBottom article > div div.col-div2 a { flex:80px; margin-left:7px;  }

.infoBottom article > div > div.col2-div2 { display: flex; }
.infoBottom article > div > div.col2-div2 input { flex:1 1 70%; }
.infoBottom article > div > div.col2-div2 div { flex:170px; margin-left:7px;  }

.addrDiv .col-div2 { display:flex; flex-wrap:wrap; }
.addrDiv .col-div2 > * { margin-top:7px; }
.addrDiv .col-div2 > input:nth-child(1) { margin-top:0; }
.addrDiv .col-div2 > a:nth-of-type(1) { margin-top:0; }
.flexBox1 { display:flex; align-items:center; }
.flexBox1 span { margin-left:10px; }
.emailSpan { display:flex; height:47px; margin-bottom:20px; }
.newsSpan { display:flex; height:47px; }
.smsSpan { display:flex; height:47px; margin-top:20px;}
.radioBox { display: flex; width:100%; padding-left:22px; height:47px; display: flex; align-items: center;   }
.radioBox dt { flex: 0 0 140px; height:47px; display: flex; align-items: center;  }
.radioBox dd { flex:0 0 75px; display: flex; align-items: center; position: relative; overflow: hidden; height:47px;}

.radioBox dd input[type=radio] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:-50px;
	bottom:2px;
	z-index:10;
}
.radioBox dd input[type=radio] + label {
	position: relative;
	z-index:5;
	line-height:13px;
	font-size:13px;
	cursor: pointer;
	padding-left: 23px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: url('../../imgs/radio-off.png');
	height:47px;
	display: flex;
	align-items: center;
}
.radioBox dd input[type=radio]:checked +  label {
	background-image: url('../../imgs/radio-on.png');
}

.joinInfo > div > div.col2-div2 { display: flex; }
.joinInfo > div > div.col2-div2 input { flex:1 1 70%; }
.joinInfo > div > div.col2-div2 div { flex:170px; margin-left:7px;  }

.selectBox1 {
	color:#7a7a7a; font-size:14px;
	border:1px solid #d4d4d4;
	height:47px; display: flex; align-items: center;
	font-size:15px; font-weight:400;
	background:url(../../imgs/ic-select-arr.png) no-repeat right 19px center;
}
.selectBox1 select {
	color:#666; font-size:14px;  appearance: none; border: none;
	width:100%; height:100%;
	padding-left: 21px; background:none;
}




/* mypage */
.myPageCon { padding:80px 0 180px; background:#fafafa; }
.myPageWrap { width:1440px; margin:0 auto; position: relative; background:#fff; padding:80px 100px 80px 120px; }
.myPageArea { position:relative; }
.myPageArea h3 { text-align:center; font-size:30px; font-weight:700; color:#111; line-height: 1; }

.myPageThum .tab3  { margin-right:20px; }
.tab3 { margin:40px 0 48px 0; display: flex; border-top:2px solid #111; }
.tab3 li { flex:1 1 33.3333%; border:1px solid #111; border-left:none; }
.tab3 li:first-child { border-left:1px solid #111; }
.tab3 li a { color:#111; display: flex; align-items: center; justify-content: center; font-size:16px; height:52px; }
.tab3 li a.on { background:#111; color:#fff;  }

.my_h4 { font-size:30px; font-weight:400; color:#111;padding-bottom:50px; }
.myProList { display: flex; flex-wrap: wrap; }
.myProList li { flex: 0 0 calc(25% - 20px) ; margin-right:20px; padding-right:0;}


.paging { text-align:center; display: flex; justify-content: center; }
.paging a { width:30px; height:30px; text-align:center; font-size:13px; display: flex; align-items: center; justify-content: center; color:#111; }
.paging a.on { font-weight:700; }
.paging a.pgFirst { background:url(../../imgs/pg-first.png) no-repeat center; text-indent:-99999px; }
.paging a.pgPrev { background:url(../../imgs/pg-prev.png) no-repeat center; text-indent:-99999px;}
.paging a.pgNext { background:url(../../imgs/pg-next.png) no-repeat center; text-indent:-99999px;}
.paging a.pgLast { background:url(../../imgs/pg-last.png) no-repeat center; text-indent:-99999px;}

.myPassBox { width:485px; margin:0 auto; padding:30px 0 0; }

.myInfo > div { border-bottom:1px solid #d4d4d4; display:flex; padding:20px 0; }
.myInfo > div:nth-child(1) { border-top:1px solid #d4d4d4; }
.myInfo > div label { font-size:14px; flex:0 0 120px; display: flex; align-items: center; font-weight:700; }
.myInfo > div > div { display: flex; }
.myInfo > div > div input { flex:1 1 100%; background:#f3f3f3; border: none; color:#666666;}
.myInfo > div div.col-div2 { display: flex; width:300px }
.myInfo > div div.col-div2 input { flex:1 1 170px;  }
.myInfo > div div.col-div2 a { flex:130px; margin-left:7px;  }
.myInfo > div > div .disable { border:none; background: none; padding-left:0; }

.myInfo > div .emailDiv { display: flex; width:100%; }
.myInfo > div .emailDiv input { flex:0 0 230px; background:#f3f3f3; border: none; }
.myInfo > div .emailDiv span { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; height:47px; }
.myInfo > div .emailDiv div { flex: 0 0 160px; margin-left:10px;  }

.myInfo > div div.col-div3 { display: flex; width:300px; flex-direction: column; }
.myInfo > div div.col-div3 input { flex:1 1 50px; margin-bottom:5px; }
.myInfo > div div.col-div3 a { flex:130px; margin-left:7px;}

/*������*/
.myInfo > div div.col-div4 { display: flex; width:500px }
.myInfo > div div.col-div4 input { flex:1 1 50px;  }
.myInfo > div div.col-div4 a { flex:130px; margin-left:7px;  }

.material_sub1 {padding:8px 0px; }
.material_sub2 {line-height:24px; width:100%;}
.material_sub2 span {width:250px;font-weight:300;}

.myInfo > div > div.content {flex:100%;}
.myInfo > div > div.content textarea.texta2 { flex:0 0 80%; height:400px; padding:20px;}

.pnWid1 { width:500px !important }

.selectBox2 {
	color:#7a7a7a;
	/* background:#f3f3f3 url(../imgs/ic-select-arr.png) no-repeat right 19px center; */
}


.radioBox1 { display: flex;  }
.radioBox1 dd { flex:0 0 80px; position: relative; overflow: hidden; }
.radioBox1 dd input[type=radio] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:-50px;
	bottom:2px;
	z-index:10;
}
.radioBox1 dd input[type=radio] + label {
	position: relative;
	z-index:5;
	line-height:13px;
	font-size:13px;
	cursor: pointer;
	padding-left: 23px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: url('../../imgs/radio-off.png');
	display: flex; align-items: center;
	height:24px;
	color:#666;
}
.radioBox1 dd input[type=radio]:checked +  label {
	background-image: url('../../imgs/radio-on.png');
	color:#111;
}

.newPwBox li:nth-child(1) { margin-top:0; }
.newPwBox li { display:flex; margin-top:10px; }
.newPwBox li label { flex:0 0 125px; font-weight:400; color:#666;  }
.newPwBox li label em { color:#f42d43; margin-left:7px; }
.newPwBox li input { flex:0 0 380px !important; background:#f3f3f3; padding-left:10px; font-size:15px; color:#666; display: flex; align-items: center; border:1px solid #000; }
.newPwBox li span { flex: 0 0 300px; margin-left:0; display: flex; }
.newPwBox li button { flex: 0 0 150px; margin-left:10px; }
.black1 { background:#111111; color:#fff; }
.white1 { background:#fff; color:#111; }

.myWithdraw > div { display:flex; }
.myWithdraw > div:nth-child(1) { border-top:1px solid #111; }
.myWithdraw > div:nth-child(2) { border-top:1px solid #d4d4d4; border-bottom:1px solid #111; }
.myWithdraw > div label{ flex:0 0 190px; display: flex; align-items: center;  height:75px;}
.myWithdraw > div div.wdDiv { flex:0 0 80%; height:50px; }

.wdp { position:relative; overflow: hidden; margin-bottom:14px; display: flex; align-items: center; z-index:22; }
.chkWd { display: flex; }
.chkWd dd { margin-right:40px;  }
.chkWd input[type=radio] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:-50px;
	top:2px;
	z-index:10;
}
.chkWd input[type=radio] + label {
	position: relative;
	z-index:5;
	line-height:14px;
	font-size:14px;
	cursor: pointer;
	padding-left: 30px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: url('../../imgs/wd-chk-off.png');
	display: flex; align-items: center;
}
.chkWd input[type=radio]:checked +  label {
	background-image: url('../../imgs/wd-chk-on.png');
}
.chkWd input[type=checkbox] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:-50px;
	top:2px;
	z-index:10;
}
.chkWd input[type=checkbox] + label {
	position: relative;
	z-index:5;
	line-height:14px;
	font-size:14px;
	cursor: pointer;
	padding-left: 30px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: url('../../imgs/wd-chk-off.png');
	display: flex; align-items: center;
}
.chkWd input[type=checkbox]:checked +  label {
	background-image: url('../../imgs/wd-chk-on.png');
}
.wdAgree { height:80px; display: flex; align-items: center; overflow: hidden; position: relative; line-height:2;}
.wdAgree .chkWd { height:100%; line-height: 1.5; }
.wdAgree .chkWd label { line-height: 1.5 !important; }
.opinionCon { padding:20px 0; width:100%;}
.txta1 { background:#f8f8f8; padding:30px; font-size:14px; width:80%; border: none; min-height:340px; }


@media only screen and (max-width:1460px){
	.joinCon { padding:0 0 50px; background:#fff; }
	.joinWrap { width:100%; padding:50px 25px; }
}


@media only screen and (max-width:1150px){
	.joinInfo { flex-wrap: nowrap; }
	.joinInfo > div > div { flex:1 1 460px; display: flex; }
	.joinInfo > div > div input { flex:1 1 100%; }
	.infoBottom article:nth-child(1) { flex: 0 0 100%; }
	.infoBottom article:nth-child(2) { flex: 0 0 100%; }
	.infoBottom article > div { margin-top:20px; flex-wrap: nowrap; }
	.infoBottom article > div > div { flex:1 1 460px; }
	.infoBottom article > div > div input { flex:1 1 100%; }
	.emailSpan { margin-bottom:20px; margin-top:20px; }
	.radioBox { padding-left:0; }

	.joinConTop h4 span { display: block; }
	.joinConTop p span { display: inline; }

	.processNum { position:absolute; right:0; top:43px; }
	.processNum li {
		color:#111; font-weight:700; font-size:20px; float:left; padding-left:14px; padding-right:18px;
	}
	.myPageWrap { width:100%;  padding:50px 25px 50px 25px; }
	.myPageThum { padding:50px 30px 50px 50px; }


	.myWithdraw > div > label{ flex:0 0 120px; display: flex; align-items: center;  height:120px;}
	.myWithdraw > div div.wdDiv { flex:0 0 80%; height:auto; display: flex; align-items: center; }

	.wdp { position:relative; overflow: hidden; margin-bottom:0; display: flex; align-items: center; z-index:22; }
	.chkWd { display: flex; flex-wrap: wrap; }
	.chkWd dd { margin-right:20px; flex:0 0 calc(50% - 20px);  }
	.chkWd input[type=checkbox] + label {
		display: flex; align-items: center;
		height:40px;
	}
	.wdAgree { height:70px; }
	.txta1 { width:100%; min-height:250px; }

	.myInfo > div { border-bottom:1px solid #d4d4d4; display:flex; padding:20px 0; }
	.myInfo > div:nth-child(1) { border-top:1px solid #d4d4d4; }
	.myInfo > div label { font-size:14px; flex:0 0 100px; display: flex; align-items: center; font-weight:700; }
	.myInfo > div > div { display: flex; }
	.myInfo > div > div input { flex:1 1 100%; background:#f3f3f3; border: none; color:#666666;}
	.myInfo > div div.col-div2 { display: flex; width:100% }
	.myInfo > div div.col-div2 input { flex:1 1 50%;  }
	.myInfo > div div.col-div2 a { flex:0 1 150px; margin-left:7px;  }
	.myInfo > div > div .disable { border:none; background: none; padding-left:0; }

	.myInfo > div .emailDiv { display: flex; width:100%; flex-wrap: wrap; }
	.myInfo > div .emailDiv input { flex:0 0 50%; width:50%; background:#f3f3f3; border: none; }
	.myInfo > div .emailDiv input:nth-child(1) { margin-bottom:10px; }
	.myInfo > div .emailDiv span {
		display: flex; flex: 0 0 calc(50% - 10px) ;
		align-items: center; justify-content: flex-start; height:47px; margin-left:10px;
	}
	.myInfo > div .emailDiv div { flex: 0 0 calc(50% - 10px); margin-left:10px;  }

	.newPwBox li { display: flex; flex-wrap: wrap; }
	.newPwBox li label { flex:0 0 125px; font-weight:400; color:#666; padding:5px 0 10px;  }
	.newPwBox li label em { color:#f42d43; margin-left:7px; }
	.newPwBox li input { flex:0 1 100% !important; background:#f3f3f3; padding-left:10px; font-size:15px; color:#666; display: flex; align-items: center; border:1px solid #000; }
	.newPwBox li span { flex: 0 1 100%; margin-left:0; display: flex; }
	.newPwBox li button { flex: 0 0 120px; margin-left:0; margin-right:10px; margin-top:10px; }

	.pnWid1 { width:100% !important; flex: 1 1 100% !important; }
	.inpm { padding-left: 21px; font-size:15px; font-weight:400; width:auto; }

	.tab3 li a { font-size:14px; height:52px; }
}




@media only screen and (max-width:760px){
	.memCon { background:#fff; padding:0 0 0; }
	.memWrap { width:100%; padding:50px 25px; box-sizing:border-box;  }

	.btBox { text-align:center; margin-top:50px; display: flex; }
	.btBox button:nth-child(1){ margin-right:5px;}
	.btBox button:nth-child(2){ margin-left:5px;}
	.btnc {
		flex: 1;
		display:flex; border:1px solid #12279e;
		height:47px; align-items: center; justify-content: center; font-size:15px; font-weight:500;
		width:100%; margin:0 0;
	}

	.infoBottom article > div > div.col2-div2 { flex-wrap: wrap; display: flex; }
	.infoBottom article > div > div.col2-div2 input { flex:0 1 100%; }
	.infoBottom article > div > div.col2-div2 div { flex:0 1 100%; margin-left:0; margin-top:5px;  }

	.myPageCon { padding:0 0 40px; background:#fff; }
	.myPageThum { width:100%; padding:50px 5px 50px 25px; }
	.myProList li { flex: 0 0 calc(50% - 20px) ; }
	.myPassBox { width:100%; }

	.btnCer { font-size:13px; }
}

@media only screen and (max-width:520px){
	.myWithdraw > div > label{ flex:0 0 100px; height: auto; }
	.chkWd { padding:20px 0;  }
	.chkWd dd { margin-right:0; flex:0 0 calc(100% );  }

}