@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:362px; margin:0 auto; margin-top:30px;}

.mdLoginBox{margin:0 auto; width:362px; }

.mdLoginWrap02{width:362px; margin:0 auto; margin-top:30px;}
.mdLoginBox02{margin:0 auto; width:362px; }


.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{ height:20px; width:332px; padding:14px; text-align:center; margin-top:20px;}
.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:332px; padding:14px; border:1px solid #ddd;}

.mdSelcet{padding:8px; border:1px solid #d2d2d2;}

.mdTit02{ color:#333;}
.mdPx35 { font-size: 35px;}
.mdLoginBtnWrap{margin:25px 0; }
.mdLoginBtnWrap > p { padding:0 20px; border-right:1px solid #ddd;}
.mdLoginBtnWrap > p:last-child { border-right:0;}
.mdLoginTxt02{ position:absolute; width:100%; bottom:10px; left:0px;}

.mdBorder5px { border-radius:5px;} 

.mdBtnTxt { color:#666; font-size:14px;}

/*앱알림*/
.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){

.appNotificationWrap{width:100%; padding:0px; margin-top:10px;}


.mdLoginTxt {display:none;}


.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;}


}