body{SCROLLBAR-FACE-COLOR: #CFCFCF;SCROLLBAR-3DLIGHT-COLOR: #CFCFCF;SCROLLBAR-ARROW-COLOR: #ffffff;SCROLLBAR-DARKSHADOW-COLOR: #CFCFCF;SCROLLBAR-BASE-COLOR:#CFCFCF;}

a:link { color: #83807d; text-decoration: none }
a:visited { color: #83807d; text-decoration: none }
a:hover { color: #83807d; text-decoration: underline }
a:active { color: #ff0000; text-decoration: none }

p { margin-top: 0px; margin-bottom: 0px }
td,table { font-size: 12px; color: #847f74; line-height: 160%; font-family: verdana;}


/* padding */

.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_30 {padding-right:30px;}

.select {font-size:9pt; color:#666666; border:1px solid #cccccc; background-color:#ffffff;}
.input {border:0px; font-size:9pt; color:#545454; border:1px solid #dfdfdf; background-color:#f7f7f7;}
.input_idpw {border:0px; font-size:10pt; color:#545454; border:1px solid #dfdfdf; background-color:#ffffff;}
.search_input { font-size:12px; color: #847f74; border: #cfcfcf 1px solid; background-color: #ffffff;}
.textarea {font-size:9pt; border:1px solid #e7e7e7; background-color:#f4f4f4;}

/* login */
.input_id { font-size:12px; color: #847f74; border: #cfcfcf 1px solid; background-color: #ffffff;}

/*input*/
.inp { border:1px solid #CCCCCC; height:16px; vertical-align:middle;}
.inp02 { border:1px solid #CCCCCC; height:16px; line-height:13px; vertical-align:middle; font-size:11px}
.inp_hd { border:1px solid #ffffff; height:16px; vertical-align:middle;}


/* LOGIN */
.memberBoxWrap{width:100%; float:left;}
ul.loginFormBox{width:100%; float:left;}
ul.loginFormBox li{width:100%; float:left; margin-bottom:15px; text-align:left;}
ul.loginFormBox li.idpw{width:100%; margin-bottom:10px; padding:0;}
ul.loginFormBox li.idpw input.formIdpw{width:100%;  font-size:16px; color:#a7a7a7;  background:#ffffff; font-weight:600; height:52px; line-height:20px; box-sizing:border-box; padding:16px 10px; border:1px solid #f1f1f1;}
ul.loginFormBox li.confirm{font-size:12px; color:#a7a7a7; }
ul.loginFormBox li.confirm a{color:#a7a7a7;}
ul.loginFormBox li.confirm a:hover{color:#cccccc;}

ul.loginFormBox li.idpw input.formIdpw:hover{background:#000; color:#fff;}
ul.loginFormBox li.idpw input.formIdpw:focus{background:#000; color:#fff;}

ul.loginFormBox li.idpw input.formIdpw::-webkit-input-placeholder{color:#a39276;}
ul.loginFormBox li.idpw input.formIdpw::-moz-placeholder{color:#a39276;}
ul.loginFormBox li.idpw input.formIdpw::-ms-input-placeholder{color:#a39276;}

ul.portForm{width:100%; float:left;}
ul.portForm li{width:100%; float:left; margin-bottom:15px; text-align:left;}
ul.portForm li.port{width:100$; margin-bottom:10px; box-sizing:border-box;}
ul.portForm li.port input.portfolio{width:100%; border:1px solid #f1f1f1; font-size:16px; color:#a7a7a7;  background:#ffffff; font-weight:normal; height:52px; line-height:20px; padding:16px 10px; box-sizing:border-box;}

ul.portForm li.port input.portfolio:hover{background:#000; color:#fff;}
ul.portForm li.port input.portfolio:focus{background:#000; color:#fff;}

ul.portForm li.port input.portfolio::-webkit-input-placeholder{color:#a39276;}
ul.portForm li.port input.portfolio::-moz-placeholder{color:#a39276;}
ul.portForm li.port input.portfolio::-ms-input-placeholder{color:#a39276;}



@media screen and (max-width:850px){
	
	.login .left{width:100%; margin-bottom:20px;}
	.login .left .box{width:100%;}
	
	.login .right{width:100%; margin-bottom:20px;}
	.login .right .box{width:100%;}
	
	
}



/*JOIN & MY PAGE */

.joinFormBoxWrap{width:100%;}
.joinFrmTop{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px; padding:20px; background:#f7f9fb; box-sizing:border-box;}
.joinFrmTop .joinTopTit{width:30%; font-size:1.2rem; font-weight:600;}
.joinFrmTop .joinTopTxt{width:60%; font-size:1rem; text-align:right;}

.joinFormBox{width:100%; border-top:2px solid #c71313;}
.joinFormBox .joinFrm{width:100%; display:flex; justify-content:space-between; padding:5px 0; flex-wrap:wrap;}

.joinFormBox .joinFrm .joinTit{width:20%; position:relative; padding:5px; box-sizing:border-box; background:#f7f9fb; word-break:keep-all; font-weight:600; text-align:center; font-size:1rem; line-height:160%;}
.joinFormBox .joinFrm .joinForm{width:78%; padding:5px 0;}
.joinFormBox .joinFrm .joinForm .input{padding:5px; border:1px solid #ccc; background:#fff; font-size:1rem; line-height:160%; width:50%; margin:2px 0; max-width:300px;}
.joinFormBox .joinFrm .joinForm .input02{width:30%;}
.joinFormBox .joinFrm .joinForm .input03{width:25%;}
.joinFormBox .joinFrm .joinForm .joinBtn{display:inline-block; padding:5px 10px; background:#c71313; color:#fff; line-height:160%;}
.joinFormBox .joinFrm .joinForm .form_sub{text-align:left; color:#333;}

.joinFormBox .joinFrm .joinForm span{display:inline-block; padding:0 5px; color:#222; line-height:160%;}

.joinFormBox .joinFrm .radioBoxWrap{width:100%; line-height:160%; font-size:1rem; display:flex;}
.joinFormBox .joinFrm .radioBoxWrap .rdioBox{display:inline-block; padding:0 5px; display:flex; width:auto;}
.joinFormBox .joinFrm .radioBoxWrap .rdioBox label{font-size:1rem; padding:0 5px; display:inline-block;}
.joinFormBox .joinFrm .radioBoxWrap .rdioBox radio{display:inline-block; width:20px; height:20px;}

.joinAddress{width:100%;}
.joinFormBox .joinFrm .joinForm .joinAddress .inputAdd{width:100%;}

.formBtnBoxWrap{width:100%; padding:20px 0; text-align:center;}


@media screen and (max-width:640px){
   .joinFormBox .joinFrm .joinForm .input{width:100%;}
   .joinFormBox .joinFrm .joinForm .input02{width:30%;}
   .joinFormBox .joinFrm .joinForm .input03{width:25%;}
	
}

@media screen and (max-width:480px){
   .joinFrmTop .joinTopTit{width:100%; text-align:left;}
   .joinFrmTop .joinTopTxt{width:100%;text-align:left;}
   
   .joinFormBox .joinFrm .joinTit{width:100%; background:none; border-bottom:1px solid #f7f9fb; text-align:left;}
   .joinFormBox .joinFrm .joinForm{width:100%;}
	
}