@charset "euc-kr";

.con_title {width:100%; height:50px; border-bottom: 3px solid #3d3d3d; margin-bottom:30px;}
.con_title h2 { font-size: 34px; font-weight: 500; }

.form_em {width:100%; height:30px; text-align: right; border-bottom: 1px solid #bcbcbc;}


.membership {width:100%; max-width: 1280px;}
.membership_title {width:100%; min-width:320px; padding:35px 20px; }
.membership h3 {float:left; font-size: 26px; font-weight:400;}
.membership span {float:right;}
.membership span input {vertical-align:baseline; }
.membership .membership_box {width:98%; min-height:150px; max-height: 300px; height:100%;margin:0 auto 50px; border-radius: 10px;}
.txt_membership {padding:30px; white-space: pre-wrap; width:100%; height:200px;  overflow-y: scroll; border-radius: 10px; border: 1px solid #e0e0e0; background-color: #f2f2f2;}
.membership_form{display: flex; justify-content:  center; max-width:1280px; margin:30px auto !important;  min-height: 50px;}

.membership h4 {text-align:center; width:100%; max-width: 1280px;}



.membership_form a {color: #fff;}
.membership_form a button {padding:10px 15px;}


/*--------ȸ¿ø°¡ÀÔ/¼öÁ¤ Æû-------*/

.member_write { padding:1px; width:100%; margin-bottom: 30px;}
.member_write input, select,button {margin:5px 10px; padding:5px 10px; font-size:20px; border: 1px solid #a9b1c6; border-radius: 5px; }

.m_id, .m_name, .m_pws {width:100%; min-width: 100px; max-width: 300px;}
.m_add1{width:100%; min-width: 150px; max-width: 500px;} 
.m_add2{width:100%; min-width: 150px; max-width: 603px;}


.add_search_btn {background-color: bisque;padding:5px 10px; color:#000;}



.fa-check {color:red;}

.member_write tr  { border: 1px solid #bcbcbc;}
.member_write tr th {width:20%; min-width: 160px; font-size:20px; font-weight: 500; color:#fff; text-align: left; padding:10px 20px; background-color: #1d212c;}
.member_write tr td {width:80%; font-size:17px; text-align: left;  padding:10px 20px;   background-color: #ffffff;}


#lendPosition {max-width:200px; width:100%; font-size:20px;border: 1px solid #a9b1c6; border-radius: 5px; }

.phone_info-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    width:100%;
    max-width: 1000px;
    padding: 30px ; 
    margin:20px auto 50px;
    border-radius: 10px;
    background-color: #f5eee9;
}


.phone_info {width: 250px;}
.phone_info img {margin-right: 10px;}
.phone_info-wrap .btn3_r {width:250px;margin-top:10px; text-align: center; padding:5px 0;}
.phone_info-wrap .btn3_r:focus {
    outline:3px solid #0329ff; 
     
     transform:scale(0.99);
}  




.login-info_p {max-width: 750px;}
.login-info_p span {font-weight: 600; color:#e00000;}

/*·Î±×ÀÎ*/

.sublogin01  {width:95%; margin: 0 auto;}
.login-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    width:100%;
    max-width: 1000px;
    height:200px;
    padding: 30px ; 
    margin:20px auto 50px;
    border-radius: 10px;
    background-color: #e9ebf5;
}

.sublogin01 p.alignC {margin: 50px auto 20px;}


.login_id, .login_pws {max-width: 200px; height:40px; min-width: 200px;display:inline-flex;}
.sublogin01 .btn2 { min-width: 120px;}
.sublogin01 .btn4 { min-width: 170px;}
.login-wrap input,.login-wrap  button {

    margin: 5px 5px;
    padding: 5px 15px;
    font-size: 20px;
    border: 1px solid #a9b1c6;
    border-radius: 5px;
}


.login-wrap>.icon_id {
    padding-left: 35px;
    background: url(../img/icon_id.png) no-repeat 12px center !important;
    background-color:#fff !important;
}
.login-wrap>.icon_pw {
    padding-left: 35px;
    background: url(../img/icon_pw.png) no-repeat 12px center !important;
    background-color: #fff !important;
}


.login-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    width:100%;
    max-width: 1000px;
    padding: 30px ; 
    margin:20px auto 50px;
    border-radius: 10px;

}

.login-info > p {margin:10px auto 20px;}

.login-info > p:first-child {font-size: 24px;}


.login-info > p>i{vertical-align: baseline;}


.login_info_btn{display: flex;
    justify-content: center;
    flex-direction: row;}





/*¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â*/
.subfind01 {width:95%; margin: 0 auto;}
.subfind01_box {display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; margin: 0 auto; padding:40px 0;}
.subfind01_box>div {width:100%; display: flex; flex-direction: column; align-items: center; }

.idfind_table { width:100%; max-width: 700px;}

.idfind_table th,.idfind_table td {padding:20px; border: 1px solid #ffffff; }

.idfind_table>tbody>tr>th{width:20%;background-color: #1d212c; color:#fff;}
.idfind_table>tbody>tr>td{width:100%;background-color: #e8e8e8;display:inline-block; }


.idfind_table input {width: 100%; max-width: 120px; height:40px; min-width: 70px; font-size: 17px; margin: 5px 10px; border-radius: 5px;}
.idfind_table input:first-child {max-width: 200px; font-size: 17px;}


.idfind_table select {max-width: 120px; height:40px; min-width: 70px; font-size: 17px;}

.subfind01_box > div > h3 {font-size: 34px;margin: 50px auto 10px;}
.subfind01_box > div > p {font-size: 20px;margin: 10px;}



.slt4 {width:100%; min-width: 50px; max-width: 250px;}





/*
=========================================================================
¹ÝÀÀÇü ÄÜÅÙÃ÷ css
=========================================================================
*/

@media screen and (min-width:640px) {
.slt1, .slt2, .slt1_1, .slt1_2, .slt2_1, .slt2_2 {width:100%; min-width: 50px; max-width: 100px;}

}

@media screen and (max-width:640px) {

    .member_write tr th {width:10%; min-width: 130px; font-size:17px; padding:10px; }
    .member_write tr td {width:90%; text-align: left;  padding:10px 20px;   background-color: #ffffff;}
    .member_write input, select,button {margin:5px; padding:5px;}
    .slt1, .slt2 {width:100%; min-width: 50px; max-width: 80px;}
    .slt1_1, .slt1_2, .slt2_1, .slt2_2 {width:100%; min-width: 50px; max-width: 80px;}
	.membership div pre {padding:15px;}
    .membership h3 {font-size: 20px;}
    
    .login-wrap {display: block;width:inherit;}
    
    .login-wrap>input { display: block; margin: 5px auto; width:90%; min-width:100px;  max-width:90%; }
    .login-wrap>a {width:inherit;}
    .login-wrap>a>button{ display: block; margin: 5px auto; width:90%; min-width:100px;  max-width:90%;}
    
    
    .login_info_btn {display: flex; flex-direction: column;align-items: center;}
    
    .login_info_btn>li { width:100%; }
    .login_info_btn>li>button  { width:100%;  padding:10px 20px;}
    
    
    .idfind_table>tbody>tr>th,.idfind_table>tbody>tr>td {width:100%;display: block; text-align: center}
    
    
}

@media screen and (max-width:500px) {
    .con_title h2 {font-size: 28px; letter-spacing: -1px;}
    .member_write tr th { display:block; width:100%;}
    .member_write tr td { display:block; width:100%;}
    table .ipt, table  .ipt2 {max-width:70px;}
    
}
@media screen and (max-width:360px) {
    .slt1, .slt2 { max-width: 70px; font-size: 17px;}
    .slt1_1, .slt1_2, .slt2_1, .slt2_2 { max-width: 60px; font-size: 17px;}
    .membership_form button {font-size: 17px; margin:0 5px;}
     table .ipt, table  .ipt2 {margin-left:2px; margin-right: 2px; max-width:60px;}
    
}