@charset utf-8;
@import url("default.css");
.mdDormancyMeberWrap{
	border:1px solid red;
	padding:20px;
	line-height:1.6;
	max-width:450px;
	margin:0 auto;
}

/*로그인*/
.mdLoginWrap{width:450px; height:320px; margin:0 auto; padding:10px; margin-top:30px;}

.mdLoginBox{margin:0 auto; background:url(../images/public/bg001.jpg) repeat; width:410px; height:280px; padding:20px;}

.mdLoginWrap02{width:450px; height:240px; margin:0 auto; padding:10px; margin-top:30px;}
.mdLoginBox02{margin:0 auto; background:url(../images/public/bg001.jpg) repeat; width:410px; height:198px; padding:20px;}


.mdTit{font-size:35px; padding-bottom:15px; padding-top:15px; background:url(../images/public/top_bg.jpg) left bottom no-repeat;}


p.mdbtn{padding:5px 10px;font-size:13px; margin:0 1px;}

.mdLoginBtn{position:absolute; right:0px; top:0px; width:75px; height:75px;padding:10px; text-align:center;}
.mdLoginBtn img{padding:0; margin:0; margin-top:5px;}

.mdLoginBtn:hover img{margin-top:6px;}
.mdInputBox{width:310px; height:42px;}
.mdLoginTxt{width:80px; height:40px; line-height:40px; }
.mdLoginInput{height:20px; width:200px; padding:10px; border:1px solid #d2d2d2;}
.mdSelcet{padding:8px; border:1px solid #d2d2d2;}

.mdTit02{ color:#666;}
.mdPx35 { font-size: 35px;}
.mdLoginBtnWrap{margin-top:10px; border-top:1px solid #d2d2d2; padding-top:20px;}
.mdLoginTxt02{ position:absolute; width:100%; bottom:10px; left:0px;}



/*앱알림*/
.appNotificationWrap{
	width:450px; margin:0 auto; padding:0px; margin-top:20px;
}


/*아이디찾기*/
.mdFindform{ margin-top:20px;}
.mdFormTh{width:26%; vertical-align:middle; padding:1.5% 2%; line-height:1.6; font-size:18px;}
.mdFormTd{ width:66%; padding:1.5% 2%;line-height:1.6; background:#fff;}
.mdCheckBox{float:none; vertical-align:middle; margin-right:10px;}		
.mdRadioBtn{float:none; vertical-align:middle; margin-right:10px;}

.mdBaseInput{padding:8px; border:1px solid #d2d2d2; margin-right:10px;}
.mdFormUnder { font-size: 16px; min-height:33px; line-height: 33px;}

p.mdFindTabOn{position:relative; padding:8px 15px;}
p.mdFindTabOn img{margin-top:5px;}
p.mdFindTabOff{position:relative; padding:8px 15px;}
p.mdFindTabOff img{margin-top:5px;}


p.mdFindTabOn02{position:relative !important; padding:8px 15px;}
p.mdFindTabOn02 img{margin-top:5px;}
p.mdFindTabOff02{position:relative; padding:8px 15px;}
p.mdFindTabOff02 img{margin-top:5px;}

p.mdFindTabOn02 .mdFindTxt{color:#ffffff !important; position:absolute !important; top:15px; left:55px;}
p.mdFindTabOff02 .mdFindTxt02{color:#666666; position:absolute; top:15px; left:45px; }

.mdFind_info{margin-top:10px;}
.mdFind_info li.mdLi{padding:5px 0px;}
p.mdFindTabOn .mdFindTxt{color:#ffffff; position:absolute; top:15px; left:55px;}
p.mdFindTabOff .mdFindTxt02{color:#666666; position:absolute; top:15px; left:45px;}



/*171023수정*/
p.mdFindId_on{position:relative; padding:15px 25px 13px 40px; display:inline-block; color:#ffffff;}
p.mdFindPw_off{position:relative; padding:15px 25px 13px 40px; display:inline-block; color:#666666;}
p.mdFindId_off{position:relative; padding:15px 25px 13px 40px; display:inline-block; color:#666666;}
p.mdFindPw_on{position:relative; padding:15px 25px 13px 40px; display:inline-block; color:#ffffff;}
p.mdFindBtn{padding:15px 25px 13px 40px; display:inline-block; color:#ffffff;}


/* 아이디찾기 경고 */
.idpwAlert { width: 100%; text-align: center; clear: both; padding-top: 50px;}
.idpwAlert > div { display: inline-block; border-radius: 3px; border: 1px solid #d2d2d2;}
.idpwAlert > div > ul { padding:40px 100px;}
.idpwAlert > div > ul > div { text-align: center;}
.idpwAlert > div > ul > div > p:nth-child(1) img { vertical-align: top;}
.idpwAlert > div > ul > div > p:nth-child(2) { margin-top: 20px;}
.idpwAlert > div > ul > div > p:nth-child(2) span { font-weight: bold; font-size: 21px; display: block;}
.idpwAlert > div > ul > div > p:nth-child(3) { color: #aaa; margin-top: 20px;}
.idpwAlert > div > ul > div > p:nth-child(4) { margin-top: 20px;}
.idpwAlert > div > ul > div > p:nth-child(4) .mdLoginBtn { float: none;position: relative; cursor: pointer;}

/* 아이디찾기 경고 */
.idpwAlert02 { width: 100%; text-align: center; clear: both; padding-top: 10px;}
.idpwAlert02 > div { display: inline-block; border-radius: 3px; border: 1px solid #d2d2d2;}
.idpwAlert02 > div > ul { padding:30px 120px;}
.idpwAlert02 > div > ul > div { text-align: center;}
.idpwAlert02 > div > ul > div > p:nth-child(1) { color: #aaa; margin-top: 10px;}
.idpwAlert02 > div > ul > div > p:nth-child(2) { margin-top: 20px;}
.idpwAlert02 > div > ul > div > p:nth-child(2) .mdLoginBtn { float: none;position: relative; cursor: pointer; padding:10px 30px;}

/* 아이디 비밀번호찾기 시 팝업레이어 */

.mdIdPwLayer { background-color: #fff; box-shadow: 0 0 10px #666; width: 320px; padding: 30px; text-align: left;}
.mdIdPwLayer p {font-size: 13px;}
.mdIdPwLayer p:nth-child(2) { text-align: center; padding-top: 20px;}
.mdIdPwLayer span { display: inline-block; padding: 10px 25px; border-radius: 3px; background-color: #313131; color: #fff; cursor: pointer; font-size: 15px; font-weight: 600;}

/*개인정보레이어*/
.mdLayer{
	position:absolute;
	width:320px;
	top:0px; 
	left:50%;
	margin-left:-150px;
	border:1px solid #d2d2d2;
	background:#ffffff;
}

.mdLayerContent{
	padding:5px;
	font-size:14px;
	border:1px solid #d2d2d2;
	max-height:200px;
	overflow-y:auto;
}
@media all and (max-width:700px){
.mdTit{font-size:20px;}

}

@media all and (max-width:480px){
.mdLoginWrap{width:100%; padding:0px; background:#fff;}
.appNotificationWrap{width:100%; padding:0px; margin-top:10px;}
.mdLoginWrap02{width:100%; padding:0px; background:#fff;}

.mdLoginBox{margin:0 auto; width:90%; height:270px; padding:15px;}
.mdLoginBox02{margin:0 auto; width:90%; height:200px; padding:15px;}

.mdLoginTxt {display:none;}
.mdMobileBox{margin:0 auto;width:300px; height:95px;}
.mdLoginInput{height:20px; width:160px; padding:10px;}
.mdMhidden{display:none;}
.mdLoginBtnWrap{margin-top:10px; border-top:1px solid #d2d2d2; padding-top:10px;}

.mdFormTh{width:98%; border-bottom:none; height:20px; line-height:1; text-align:left; padding-left:2%; font-size:16px; margin-top:10px; font-size:14px;}
.mdFormTd{width:98%; min-height:35px; line-height:1.6; padding:0 0 0 2%;margin-bottom:5px;  background:none; font-size:14px;}
.mdFormUnder{font-size:13px;}

.mdFind_info{font-size:14px;}

/* 아이디찾기 경고 */
.idpwAlert > div > ul { padding:40px;}

.idpwAlert02 > div > ul {padding:40px;}


}