.LayerBoxmarsk{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:998; background:rgba(0,0,0,0.5);}
.LayerBoxmarsk.on{display:block;}

.joinForm {position:relative;left:-1000%; opacity:0;overflow:hidden; z-index:1100; 
height:200px;height:0 !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */
}
.joinForm.on { left:0%; opacity:1;height:auto !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */
}

.loginForm {position:relative;left:-1000%; opacity:0;overflow:hidden; z-index:1100; 
height:200px;height:0 !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */
}
.loginForm.on { left:0%; opacity:1;height:auto !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */
}
.mSearchTypeTitle_id, .mSearchTypeTitle_pass {color:#000000;font-weight:normal;cursor:pointer;}
.mSearchTypeTitle_id.on, .mSearchTypeTitle_pass.on {color:#20b4fe;font-weight:bold;}

.idPassSearchForm {
position:relative;left:-1000%; opacity:0;overflow:hidden; z-index:1100; 
height:200px;height:0 !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */
}
.idPassSearchForm.on { left:0%; opacity:1;height:auto !important;
transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari ûú Chrome */
-o-transition:all 0.3s; /* Opera */}


.xlsMebrLayerBox{position:fixed; left:30%; top:-25%; opacity:0; width:700px; height:0 !important; overflow:hidden; margin:-115px 0 0 0px; background:#fff; z-index:10000; border-radius:6px; 
box-sizing:border-box; padding:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);color:#000000;font-size:15px;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}
.xlsMebrLayerBox.on{top:30%; opacity:1;height:auto !important;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}
.xlsMebrLayerBox label{display:inline-block;    margin-bottom: 0px;}
.xlsMebrLayerBox  label, 
.xlsMebrLayerBox  input, 
.xlsMebrLayerBox  button, 
.xlsMebrLayerBox  select, 
.xlsMebrLayerBox  textarea  {font-size:15px;}
.xlsMebrLayerBox  button{padding:3px 10px;}

.xlsMebrLayerBox .button, 
.xlsMebrLayerBox .button:visited, 
.xlsMebrLayerBox .button:focus  {
	padding: 4px 15px;
	border-radius: 5px;
}

.xlsMebrLayerBox .button.small , 
.xlsMebrLayerBox .button.small:visited, 
.xlsMebrLayerBox .button.small:focus  {
	padding: 2px 13px;
	border-radius: 5px;
}

.xlsMebrLayerBox .close {font-size:30px;opacity:0.8;}
input:disabled{
    cursor: default;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}


#span_mSearchHP , 
#span_mSearchEMAIL{position:absolute; top:3px;left:10px;color:#888888;line-height:25px;}
.button#btnSearchAuthBtn {padding-right: 20px; padding-left: 20px;background-color:#111111;color:white;border-radius:5px;font-size:15px !important;;}

#span_mRecSearchHP ,
#span_mRecSearchEMAIL		 {position:absolute; top:3px;left:10px;color:#888888;line-height:25px;}								
.mRecDesc {display:none;}

#mPOST {width:50px;margin-bottom:2px;}
#mADDRESS {width:270px;margin-bottom:2px;}
#mADDRESS_DETAIL{width:340px;margin-bottom:2px;}
#mEMAIL{width:200px ;}
/*
.mContents h3 {display: inline-block;white-space: nowrap;    word-break: break-all; text-overflow: ellipsis;    overflow: hidden;    max-width: 200px;}
*/

@media (min-width: 1600px) {
.xlsMebrLayerBox {width:700px;left:30%;}
.layerTitleRec{ width: 150px;display:none;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
.da-img img{max-height:260px;}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.xlsMebrLayerBox {width:700px;left:25%;}
.layerTitleRec{ width: 150px;display:none;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
.da-img img{max-height:260px;}
}

@media (min-width: 980px) and (max-width: 1199px) {
.xlsMebrLayerBox {width:700px;left:18%;}
.layerTitleRec{ width: 150px;display:none;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
.da-img img{max-height:230px;}
}
@media (min-width: 900px) and (max-width: 979px) {
.xlsMebrLayerBox {width:640px;left:18%;}
.layerTitleRec{ width: 120px;display:none;}
.layerTitle {width:120px !important;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px;}
#mADDRESS_DETAIL{width:310px;}
.da-img img{max-height:200px;}
}
@media (min-width: 800px) and (max-width: 899px) {
.xlsMebrLayerBox {width:640px;left:13%;}
.layerTitleRec{ width: 120px;display:none;}
.layerTitle {width:120px !important;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px;}
#mADDRESS_DETAIL{width:310px;}
.da-img img{max-height:180px;}
}
@media (min-width: 768px) and (max-width: 799px) {
.xlsMebrLayerBox {width:590px;left:12%;}
.layerTitleRec{ width: 100px;display:none;}
.layerTitle {width:100px !important;}
.sexLabel {  font-size: 12px;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px;}
#mADDRESS_DETAIL{width:310px;}
.da-img img{max-height:170px;}
}

@media (min-width: 739px) and (max-width: 767px) {
.xlsMebrLayerBox {width:590px;left:10%;}
.layerTitleRec{ width: 150px;display:none;}
.layerTitle {width:100px !important;}
.sexLabel {  font-size: 12px;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px;}
#mADDRESS_DETAIL{width:310px;}
.da-img img{max-height:160px;}
}

@media (min-width: 700px) and (max-width: 740px) {
.xlsMebrLayerBox {width:590px;left:8%;}
.layerTitleRec{ width: 100px;display:inline-block;margin-top:2px;}
.mRecDesc {display:inline-block;}
.layerTitle {width:100px !important;}
.sexLabel {  font-size: 12px;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px !important;}
#mADDRESS_DETAIL{width:310px !important;}
.da-img img{max-height:150px;}
}

@media (min-width: 610px) and (max-width: 699px) {
.xlsMebrLayerBox {width:560px;left:5%;}
.layerTitleRec{ width: 100px;display:none;margin-top:2px;}
.mRecDesc {display:none;}
.layerTitle {width:100px !important;}
.sexLabel {  font-size: 12px;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:none  !important;}
#mADDRESS{width:241px !important;}
#mADDRESS_DETAIL{width:310px !important;}
#mEMAIL{width:170px ;}
.da-img img{max-height:140px;}
}

@media (min-width: 520px) and (max-width: 609px) {
.xlsMebrLayerBox {width:460px;left:5%; top: 20% !important;}
.layerTitleRec{ width: 78px;display:inline-block;margin-top:2px;}
.mRecDesc {display:none;}
.layerTitle {width:78px !important;}
.layerRow .layerRowContent {display:inline-block;}
.layerRow .layerRowContent:nth-child(2) .layerTitle  {display:inline  !important;}
.sexLabel {  font-size: 12px;display:none}
input[type="text"], input[type="password"] {width:100px !important;}

#mPOST{width:38px !important;}
#mADDRESS{width:175px !important;}
#mADDRESS_DETAIL{width:243px !important;}
#mEMAIL{width:170px ;}
.dumpIDChkMsg{display:block;padding-left:20px;font-size:12px;}
.da-img img{max-height:120px;}
}

@media (min-width: 439px) and (max-width: 519px) {
.xlsMebrLayerBox {width:410px;left:6% ; top: 20% !important;}
.layerTitleRec{ width: 78px;display:inline-block;margin-top:2px;}
.mRecDesc {display:none;}

.layerRow .layerRowContent {display:inline-block;}
.layerRow .layerRowContent:nth-child(1)  {display:block;}
.layerRowSpan {display:flex; margin-bottom: 2px;}
.layerTitle {width:80px !important;}
.sexLabel {  font-size: 12px;display:none}
#mPOST{width:38px !important;}
#mADDRESS{width:187px !important;}
#mADDRESS_DETAIL{width:243px !important;}
#mEMAIL{width:170px ;}
input[type="text"], input[type="password"] {width:100px !important;}
.dumpIDChkMsg{display:block;}
.da-img img{max-height:110px;}
}


@media (max-width: 440px) {
.xlsMebrLayerBox {width:360px;left:5%; top: 20% !important;padding:10px;}
.layerTitleRec{ width: 78px;display:inline-block;margin-top:2px;}
.mRecDesc {display:none;}
.layerRowSpan {display:flex; margin-bottom: 2px;}
.layerRow .layerRowContent {display:inline-block;}
.layerRow .layerRowContent:nth-child(1) {display:block;}



.layerTitle {width:80px !important;}
.sexLabel {  font-size: 12px;display:none}
#mPOST{width:38px !important;}
#mADDRESS{width:164px !important;}
#mADDRESS_DETAIL{width:220px !important;}
#mEMAIL{width:120px ;}
input[type="text"], input[type="password"] {width:100px !important;}
.dumpIDChkMsg{display:block;}
}






.LayerSubject{font-weight:bold;font-size:15px;border-bottom:1px solid #cccccc;margin-bottom:5px}
.layerRowFull{display:block;padding:9px 2px 8px 20px;font-size:16px;font-weight:bold;}
.layerRowRecFull{display:block;padding:9px 2px 8px 20px;font-size:16px;font-weight:bold;}
.layerRowFull  em {font-style: normal;}

.layerRowAgreeWith{position:relative; opacity:0;height:0 !important;
display:none;padding:10px 20px 10px 20px;font-size:16px;font-weight:bold;  border: 1px solid #cccccc;margin: 10px 0px 10px 0px;background-color: #eeeeee;    border-radius: 5px;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}
.layerRowAgreeWith.on{position:relative; opacity:1;overflow:hidden; z-index:1100; display:block;height:auto !important ;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}

.layerRowErr{position:relative; opacity:0;overflow:hidden; z-index:1100; 
display:none;
height:0 !important;
padding:9px 2px 8px 0px;font-size:16px;color:red;line-height:30px;
}

.layerRowErr.on{
position:relative; opacity:1;height:auto !important;
display:inline-block;
padding-left:155px;
float:left;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}


.layerRowInfo{position:relative; opacity:0;overflow:hidden; z-index:1100; 
display:none;
height:0 !important;
font-size:16px;color:red;
padding:9px 10px 8px 10px;line-height:30px;
}
.layerRowInfo .html ,
.layerRowInfo .time {display:none;}

.layerRowInfo.on{
position:relative; opacity:1;height:auto !important;float:right;
display:inline-block;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari ûú Chrome */
-o-transition:all 0.5s; /* Opera */
}
.layerRowInfo.on .html ,
.layerRowInfo.on .time {display:inline-block;}

.layerRowFull label  {color:#20b4fe ;}
.layerRow{display:block;padding:0px 2px 1px 2px}
.layerTitle{display:inline-block; width:150px;}
.disabled {background-color:lightgray !important; border:1px solid darkgray !important;color:#e9e9e9 !important;cursor:not-allowed;}

.layerRow.agreelayerRow {margin: 20px 0px 0px 0px;}

input[type="text"],
input[type="password"],
textarea,
select{
	border: 1px solid #cbcbcb;
	font-size:13px;
	margin-bottom: 0px;
	vertical-align:middle;
	}

.none {display:none !important;}

input[type="text"],
input[type="password"] {
width:120px;
}


.form_item {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 50px;
    padding: 0 10px 0 45px;
	width:100%;
}

.form_item:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.form_item:first-of-type .btn_code {
    border-top-right-radius: 6px
}

.form_item:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.form_item:last-of-type .btn_code {
    border-bottom-right-radius: 6px
}
.form_item.user{
width:100%;
}
.form_item.user.on::before {
    background-position: -310px -160px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}

.form_item.user.error::before {
    background-position: -310px -96px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}

.form_item.user::before {
    background-position: -342px -64px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}


.form_item.lock.on::before {
    background-position: -310px -64px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}

.form_item.lock.error::before {
    background-position: -310px -32px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}

.form_item.lock::before {
    background-position: -310px 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px
}
.radio_terms .link_arrow::before,
.radio_terms input:checked+label::before,
.radio_terms label::before,
.check_terms .link_arrow::before,
.check_terms input:checked+label::before,
.check_terms label::before,
.form_item.lock.error::before,
.form_item.lock.on::before,
.form_item.lock::before,
.form_item.phone.error::before,
.form_item.phone.on::before,
.form_item.phone::before,
.form_item.registration_number.error::before,
.form_item.registration_number.on::before,
.form_item.registration_number::before,
.form_item.telecom.error::before,
.form_item.telecom.on::before,
.form_item.telecom::before,
.form_item.user.error::before,
.form_item.user.on::before,
.form_item.user::before,
.select_box::after {
    background-image: url(../images/m_sp_06_realname_48b1e603.png);
    background-size: 372px 326px;
    background-repeat: no-repeat
}

.form_item::before {
    position: absolute;
    top: 10px;
    left: 9px;
    content: ''
}

.form_item::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border: 1px solid #dfdfdf;
    pointer-events: none;
    content: ''
}

.radio_terms {

    align-items: center;
    padding-left: 32px
}


.radio_terms input:checked+label::before {
    background-position: -340px -125px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}

.radio_terms label {
    display: inline-block;
    position: relative;
    margin-left: -32px;
    padding: 4px 0 4px 32px;
    vertical-align: middle
}

.radio_terms label::before {
    background-position: -340px -149px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}


.radio_terms .text_wrap {
    display: inline-block;
    vertical-align: middle
}


.radio_terms .text {
    margin-right: 5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: -.8px;
    color: #222;
    vertical-align: middle
}


.check_terms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 32px
}



.check_terms input:checked+label::before {
    background-position: -340px -221px;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
}

.check_terms label {
    display: inline-block;
    position: relative;
    margin-left: -32px;
    padding: 4px 0 4px 32px;
    vertical-align: middle
}

.check_terms label::before {
    background-position: -340px -197px;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}


.check_terms .text_wrap {
    display: inline-block;
    vertical-align: middle
}
.check_terms.ALL .text {
    color: #1063d9;
	font-weight:bold;
}

.check_terms .text {
    margin-right: 5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: -.8px;
    color: #222;
    vertical-align: middle
}



.check_terms .link_arrow {
    display: inline-block;
    position: relative;
    margin-top: 1px;
    padding-right: 13px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.8px;
    color: #929294;
    text-decoration: none;
    vertical-align: middle
}



.check_terms .link_arrow::before {
    background-position: -141px -226px;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    margin: auto 0;
    content: ''
}
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}


input[type=checkbox]+label,input[type=radio]+label {
    cursor: pointer
}

.idPassSearchFormFooter {display:none;}
.idPassSearchFormFooter.on {display:block;}
.idPassSearchFormFooter .disabled{color: #c0c0c0 !important;     background-color: transparent !important;border: 0px !important;cursor:not-allowed;}

.joinFormFooter {display:none;}
.joinFormFooter.on {display:block;}
.joinFormFooter .disabled{color: #c0c0c0 !important;     background-color: transparent !important;border: 0px !important;cursor:not-allowed;}

.loginFormFooter .disabled{color: #c0c0c0 !important;     background-color: transparent !important;border: 0px !important;cursor:not-allowed;}

.mebrSec:hover,
.PassChange:hover,
.mebrModify:hover,
.idSearch:hover,
.PassSearch:hover,
.mebrJoin:hover{text-decoration:none; color:#20b4fe;font-weight:bold;transition: border-color 1s ease; cursor:pointer;}

.time {padding-left:20px;font-size:14px; color: #20b4fe;}
.req{color:red;padding-right:2px}
.dumpIDChk {padding-right: 10px; padding-left: 10px;background-color:#0f648c;color:white}
.dumpIDChkMsg{}
.dumpIDChkMsg.err{color:red;}

#divLogout {display:none;}
#divLogout.on {display: inline-block;position: absolute;top:40px;background-color: white;  z-index: 100;width: 100%;    height: 100px;    border-bottom: 1px solid #cccccc;}
#divLogout.on .contain { font-size:15px;line-height:30px;padding: 5px 30px 10px 30px;} 

#divId,
#divNewPasswd,
#divNewRePasswd {display:none;}

#divId.on,
#divNewPasswd.on,
#divNewRePasswd.on {display: flex;}

.mJoinInfo {font-size: 12px;font-weight:normal; padding-right: 15px;float:right;display:none;}
#mLAST_LOGIN_DATE {padding-left:10px;font-weight: normal;padding-right:5px;}
#mLAST_LOGIN_IP {font-weight: normal;}

.form_modify .mJoinInfo{display:inline-block;}

.form_modify input[type="text"]:disabled,
.form_modify input[type="password"]:disabled{
	box-shadow: none;
	 border: 0px;
	background-color: transparent;
}
.form_modify .dumpIDChk.disabled {
	display:none;
}
.form_modify .layerRow.agreelayerRow.disabled {
	display:none;
}