@charset "utf-8";

#container {
	min-width:320px;
	max-width:480px;
	margin: 0 auto;
	/*text-align: center;*/
	/*color: #fff;*/
	background-color: #fff;
	height: 100%;
}

#container section {padding-top: 10px; margin: 0 auto;}

footer{position:relative; padding:10px 0px; font-size:1em; color:#757575; text-align:center; border-top:1px solid #b6b6b6; background-color:#fff;}
footer img{position:absolute; left:10px; width:16%; max-width:93px;}

.login-input{
	margin: 0 auto; 
	width: 88%;
	padding-left: 20px;		
	padding-right: 5%;	
	height:35px; 
	font-size:15px;		
	border-style: solid;
	background-color: #f8f8f8;
	border-color: #e4e4e4;
	
}

.login-btn{ margin: 0 auto; height:90px;}
.login-btn-id{ width:100%; font-weight:600; text-align:center; vertical-align: middle; height: 45%;}
.login-btn-id a{display:inline-block; width:90%; font-size:16px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #9e3fc0; -webkit-box-shadow:inset 0px 1px 0px 0px #9e3fc0; box-shadow:inset 0px 1px 0px 0px #9e3fc0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f135e), color-stop(1, #570077)); 
	background:-moz-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-webkit-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-o-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-ms-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:linear-gradient(to bottom, #3f135e 5%, #570077 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d00aa', endColorstr='#570077',GradientType=0);
	background-color:#7d00aa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3f135e;
	color:#ffffff; padding:12px 16px; text-shadow:0px 1px 0px #3f0e60;   
}

.login-btn-pwd{ width:100%; font-weight:600; text-align:center; height: 45%;}
.login-btn-pwd a{display:inline-block; width:90%; font-size:16px;
	-moz-box-shadow:inset 0px 1px 0px 0px #9e3fc0; -webkit-box-shadow:inset 0px 1px 0px 0px #9e3fc0; box-shadow:inset 0px 1px 0px 0px #9e3fc0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f135e), color-stop(1, #570077)); 
	background:-moz-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-webkit-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-o-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-ms-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:linear-gradient(to bottom, #6F2B91 5%, #570077 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F2B91', endColorstr='#570077',GradientType=0);
	background-color:#7d00aa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6F2B91;
	color:#ffffff; padding:12px 16px; text-shadow:0px 1px 0px #6F2B91;   
}


.login-search-btn-set { margin: 0 auto; text-align: center;}
.login-search-btn{
	width:70%; 
	height: 25px;
	padding:12px 0px; 	
	border:1px solid #6F2B91;		
	background-color:#FFFFFF;    
}

.login-search-btn a{
	display:inline-block; 
	padding:8px 10px;
	width:40%; 
	font-size:16px;
	font-weight:600; 
	text-align:center;
	color:#6F2B91; 	
}

/** 아이디 찾기, 비밀번호 찾기 */
.find_user {
    border: 1px solid #e9e9e9;
    margin-bottom: 10px;
	font-size: 15px;
}

.find_user{border:1px solid #e9e9e9;margin-bottom:10px;}
.find_user ul{margin:10px;}
.findtxt{padding:10px 0;font-size: 15px;}
.txinfo{background-color:#e9e9e9;padding:10px;}
.txinfo span{color:#6f2b91;}

.find-name{
	width:100%;
}

.find-name input{
	height: 25px; 
	width:100%;
	font-size: 15px;
}

.idemail,.idphoneNum{display:table;width:100%;}
.idphoneNumfst{width:24%;display:table-cell;vertical-align:middle;}
.idphoneNumscd{width:23%;display:table-cell;vertical-align:middle;}

.phoneNum{display:table;width:100%;}

/* .email{display:table;width:100%;margin-top: 5px;} */

.email{display:table;width:100%;}
.emailcell{width: 40%;display:table-cell;vertical-align:middle;}
.emailcell2{width:60%;display:table-cell;vertical-align:middle;}

.emailcell input, .emailcell2 input{
	height: 25px;
	width:100%;
	margin-top: 5px;
	font-size: 15px;
}

.at{display:inline-block; margin: 0 2px 0 6px; padding-top: 50%;}

.pdSide10{padding:0px 10px;}

.login-search-byid{ width:100%; font-weight:600; text-align:center; vertical-align: middle; height: 45%;}
.login-search-byid a{display:inline-block; width:90%; font-size:16px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #9e3fc0; -webkit-box-shadow:inset 0px 1px 0px 0px #9e3fc0; box-shadow:inset 0px 1px 0px 0px #9e3fc0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f135e), color-stop(1, #570077)); 
	background:-moz-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-webkit-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-o-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:-ms-linear-gradient(top, #3f135e 5%, #570077 100%);
	background:linear-gradient(to bottom, #3f135e 5%, #570077 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d00aa', endColorstr='#570077',GradientType=0);
	background-color:#7d00aa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3f135e;;
	color:#ffffff; padding:12px 16px; text-shadow:0px 1px 0px #3f0e60;   
}

.login-search-bynum{ width:100%; font-weight:600; text-align:center; height: 45%;}
.login-search-bynum a{display:inline-block; width:90%; font-size:16px;
	-moz-box-shadow:inset 0px 1px 0px 0px #9e3fc0; -webkit-box-shadow:inset 0px 1px 0px 0px #9e3fc0; box-shadow:inset 0px 1px 0px 0px #9e3fc0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f135e), color-stop(1, #570077)); 
	background:-moz-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-webkit-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-o-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:-ms-linear-gradient(top, #6F2B91 5%, #570077 100%);
	background:linear-gradient(to bottom, #6F2B91 5%, #570077 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F2B91', endColorstr='#570077',GradientType=0);
	background-color:#7d00aa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6F2B91;
	color:#ffffff; padding:12px 16px; text-shadow:0px 1px 0px #6F2B91;   
}


table{ margin: 0; padding: 0; border: 0 none; font-size: 100%; font: inherit; vertical-align: baseline;border-collapse: collapse;}
.tbWrap{width:100%;}
.tbWrap table{width:100%; font-size:1.0rem;}

.mycard-contents{
	margin-top: 5px;
}

.mycard-contents1{
	background-color: #3f135e;
	margin-top: 5px;
	position: relative;
/*	z-index: 1;*/
}

.mycard-contents1-num{
	display:inline-block;
	margin: 5px 0 5px 5px;
	padding: 5px;
	background-color: white;
	color: #3f135e;
	font-size: 16px;	
}

.mycard-contents1-title{
	display:inline-block;
	margin: 5px 0 5px 0;
    padding: 5px;
	background-color: white;
	color: #3f135e;
	font-size: 16px;
	width: 130px;
}

.mycard-contents1-desc{
	width: 75%;
	padding: 5px 15px 0px 40px;
	font-size: 14px;
	line-height: 1.5em;
	color: white;
}


.mycard-sns-info{
	color: white;
	text-align: center;
}

.mycard-contents2{
	background-color: #6F2B91;
	position: relative;
	/*	z-index: 1;*/
}

.mycard-contents2-num{
	display:inline-block;
	margin: 5px 0 5px 5px;
	padding: 5px;
	background-color: white;
	color: #6F2B91;
	font-size: 16px;	
}

.mycard-contents2-title{
	display:inline-block;
	margin: 5px 0 5px 0;
    padding: 5px;
	background-color: white;
	color: #6F2B91;
	font-size: 16px;
	width: 130px;
}

.mycard-contents2-link{
	padding-left: 5px; 
	color: white;
	font-size: 13px;
}

.mycard-contents2-desc{
	/*padding-left: 40px;	padding-top: 5px;*/
	width: 75%;
	padding: 5px 15px 0px 40px;
	font-size: 14px;
	line-height: 1.5em;
	color: white;
}

img.mycard-contents-img{
	position: absolute;
	left: 86%;
	width: 40px;
	height: 40px;
}

img.mycard-sns-img{
    position: absolute;
    top: -4%;
    left: 45%;
/*    font-size: 16px; */
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 30px;
    text-align: center;
	z-index: 1;
/* -webkit-border-radius: 50%; */
}