/* 모바일 로그인 메뉴 css 추가 내용입니다. 2023,4,13 */

.login_input ul{width:100%; display:flex; justify-content:center; flex-wrap:wrap;} 
.login_input ul li{
    width: 100%; height: 6em; align-items: center; display: flex; justify-content: center;
} 
.login_input ul li input{
    width: 95%;
    border: 1px solid #e30613;
    font-family: 'GmarketSansMedium';
    color: #663333;
    background: #f3f3f3;
    font-size: 1.5em;
    padding: 0.85em;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.login_input ul li input::placeholder{color:#663333;}
    
.id_save{
    font-family: 'GmarketSansLight';
    font-size:1.25em; color:#333333; margin: 1% 5%;
    line-height: 3em;
}
    
.id_save label input{
    transform: scale(1.6) translate(-2px, -1px);
}  

.login_enter{
    font-family: 'GmarketSansBold'; cursor: pointer; color: #ffffff;
    background: #cc0000; border: 1px solid #990000; width: 95%;
    display:flex; justify-content: center; align-items: center;
    font-size: 1.85em; margin: 0 2.5%; line-height: 2.5em; 
    border-radius:10px; padding-right: 3%;
} 

.login_enter p{width:1.75em; margin:0 0.5em 0 0;}
.login_enter p img{width:100%;}
    
.mbtnset{width:95%; margin:1.5em 2.5% 2em;}
.mbtnset ul{display:flex; align-items:center; justify-content:space-between;}    
.mbtnset ul li{width:32%;}
.mbtnset ul li a{
    width: 100%; border: 1px solid #999999;
    display: inline-block; text-align: center;
    border-radius: 10px; line-height:3.5em;
    font-family: 'GmarketSansMedium'; color:#333333;
    font-size: 1.25em;
 } 

.mbtnset ul li .member_btn{background:#ffffcc; font-weight:bold; display:flex; justify-content: center; align-items: center;}   
.mbtnset ul li .member_btn p{width:1.75em; margin:0 0.5em 0 0;}
.mbtnset ul li .member_btn p img{width:100%;}    


.nonm_txt{padding:0 2.5% 0;}    
.nonm_txt .topline{border-top: 2px dotted #dddddd; height:2em;}
.nonm_txt .nonm_btn{
    font-family: 'GmarketSansBold';
    cursor: pointer;  color: #ffffff;
    background: #6600cc;  border: 1px solid #330099;
    width: 100%; display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.85em;
    line-height: 2.5em;
    border-radius: 10px;
} 

.nonm_txt .nonm_tit{color:#cc0000; font-family: 'GmarketSansBold'; font-size:1.65em; margin: 1em 0 0.2em 0;} 
.nonm_explanat{color:#666666; font-family: 'GmarketSansMedium'; font-size:1.35em; line-height: 1.45em;}     
.nonm_explanat span{color:#333333; font-family: 'GmarketSansBold';}    
    
.nonm_box{padding: 0 2.5% 6%; color: #686868; font-family: 'GmarketSansMedium';} 
.nonm_box .nonm_subtit{font-family:'GmarketSansBold'; color:#000000; font-size:1.5em; margin:0.85em 0 0.5em; line-height:1.4em;}
    
.agree_txt{line-height:4em; font-size:1.5em; text-indent: 0.2em; font-family:'GmarketSansBold';}
.agree_txt input{transform:scale(1.5) translate(-2px, -2px);}



/* 모바일 회원가입 페이지 css 추가 내용입니다 */
.join_layout{width:100%; padding:5%; font-family:'GmarketSansMedium'; color:#333333;}
.join_layout .input_field{width:100%;}

.join_layout .input_field li{font-size:1.5em; border-bottom:1px solid #999999; padding:1em 0.5em;}
.join_layout .input_field li .field_name{font-family:'GmarketSansBold';} 
.join_layout .input_field li .reqitem{margin-left:0.5em; color:#ff0000;}  
    
.join_layout .input_field .sortation{display:flex; font-size:1.5em; align-items:center;}    
.join_layout .input_field .sortation span{font-family:'GmarketSansBold';}    
.join_layout .input_field .mem_slt{margin: 0 0 0 1em;}
.join_layout .input_field .mem_slt input{transform:scale(1.3) translate(-4px, -3px);}    

.mypage_post{align-items: center;}

.join_layout .input_field div{display:flex; margin:0.5em 0 0 0;}    
.join_layout .input_field div .input_style1{
    width:60%; border:1px solid #666666; padding:0.5em; border-radius:10px; margin-right:1%;
}

.join_layout .input_field div .input_style2{
    width:100%; border:1px solid #666666; padding:0.5em; border-radius:10px;
}    

.join_layout .input_field div .input_style3{
    width:60%; border:1px solid #666666; padding:0.5em; border-radius:10px;
} 

.join_layout .input_field div .input_style4 {
    width: 10em;
    border: 1px solid #666666;
    padding: 0.5em;
    border-radius: 10px;
    height: 2.6em;
    transform: translate(0px, -9px);
}  

.mb15{margin-bottom:15px;}

.join_layout .input_field div .post_style{
    width:25%; border:1px solid #666666; padding:0.5em; border-radius:10px;
} 

    
.join_layout .input_field div .select_style1{
    width:40%; border:1px solid #666666; padding:0.5em; border-radius:10px; margin-right: 0.4em;
}        

.join_layout .input_field div .select_style2 {
    border: 1px solid #666666; padding: 0.4em;
    border-radius: 10px; margin-right: 0.4em;
    width: 12em; height: 2.6em;
}
    
.join_layout .input_field div .search_btn{
    border: 1px solid #666666; padding: 0.65em;
    background: #666666; color: #ffffcc;
    font-size: 0.85em; font-weight: bold;
    border-radius: 10px;
}      
    
    
.join_layout .input_field .address_input{
   display: flex;
   flex-wrap: wrap;    
}

.join_layout .input_field li .conform{font-family:'GmarketSansLight'; font-size:1em; margin:0.75em 0 0.2em 0;}    

.member_use p{
    display: flex;
    font-family: 'GmarketSansLight';
    font-size: 1.4em;
    align-items: center;
    flex-wrap: wrap;
    margin: 0.5em 0;
    padding-left:2.5em;
    line-height: 1.35em;
    position: relative;
 }

.member_use p input{
    transform: scale(1.5); position: absolute;
    left: 12px;  top:-2px;
 } 
    
.member_use p .detail_btn{
    font-size: 1em;
    font-family: 'GmarketSansMedium';
    border: 1px solid #828282;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 0.4em 0.6em 0.3em;
    margin: 0 0 0.5em 0.3em;
}   
    
.member_btn{display:flex; width:100%;}  
.member_btn a{
    font-family:'GmarketSansBold';
    display: flex; justify-content: center;
    background: #cc0000; border-radius: 10px;
    color: #ffffff; font-size: 2em;
    align-items: center; width: 100%;
    padding-right: 2em;
}
.member_btn a img{transform: scale(0.45) translate(10px, -3px);}

#ok_text{padding:1.5em;}
.member_complate{display:flex; justify-content: space-evenly; align-items: center;}

.member_complate .member_icon{width:20%;}
.member_complate .member_icon img{width:90%;}
.member_complate .mall_name{
    width:60%; font-family:'GmarketSansMedium'; 
    font-size:1.2em; line-height:1.5em; 
    letter-spacing: -1px; color:#666;
}


#ok_text .date_id{
    text-align: center; background: #ffffcc;
    border-radius: 15px; border: 1px solid #999966;
    padding: 1.5em 1em; margin:1em;
}

#ok_text .date_id li{
    font-size: 1.4em;
    color: #666;
    line-height: 1.2em;
}


#ok_text .notifications{
    display: flex; align-items: center; font-size: 1.8em; padding: 0 0.6em;
    color: #333; font-family: 'GmarketSansBold'; margin:2em 0 0.5em;
}
#ok_text .notifications p{width:2em; margin-right:0.5em;}
#ok_text .notifications p img{width:100%; margin-bottom:0.5em;}


#ok_text .passscript{font-family:'GmarketSansMedium'; padding:0 1em;}
#ok_text .passscript li{font-size:1.1em;}

.confirm_btn{
    width: 60%; text-align: center;
    background: #ff6600;
    height: 4em;
    border-radius: 15px;
    margin: 1em auto 3em;
    color: #fff;
}

.confirm_btn a{
    color: #fff;
    font-family: 'GmarketSansBold';
    font-size: 1.6em;
    line-height: 2.5em;
}