#findPostcode span {display: inline-block;text-align: right;}
#cellularAuthenticationButton span {display: inline-block;text-align: right;}
.memberTypeArea .memberTypeBox .con.type2 li { line-height:15px; }
.memberTypeArea .memberTypeBox .writeTable {  }
.memberTypeArea .memberTypeBox .writeTable table tr td {padding: 5px 15px 3px 7px;}
.memberTypeArea .memberTypeBox .memberTypeDesc {
    margin-top: 5px;
    word-break: keep-all;
    text-indent: -15px;
    padding-left: 15px;
	line-height:175%;
}


.memberTypeBox .btnArea {position: absolute;bottom: 15px;left: 20px;}

/** SCREEN WIDTH : 900px **/
@media screen and (max-width:909px){
	
	.memberTypeArea {width:100%;padding:0;}
	.memberTypeArea .memberTypeBox {width: 100%;margin:0 1% 1% auto; height:auto;}
	.memberTypeArea .memberTypeBox.sns {width: calc(100% - 32px);}
	.memberTypeArea .memberTypeBox .black { bottom:17px; position:static; }
	.memberBoxArea .writeTable td { padding:20px 5px 20px 15px; }
	.memberBoxArea .writeTable td input[type=text], 
	.memberBoxArea .writeTable td input[type=password] { height:30px !important; width:85% !important; }
	#member_id { width:85% !important; height: 30px;}
	td.zipArea { padding-top: 0 !important;}
	#zip1, #zip2 { width:30% !important; }
	#zip1 { margin-right:-5px; }
	#zip2 { margin-left:-5px; }
	
	.zipPopup .writeTable th { width: 35%; }
	
	.popupWrap .popupContent { padding:30px 15px !important; overflow-x: hidden; }
	
	#tell1 {width:45% !important;}
	.memberBoxArea .writeTable.memberJoin .inTableArea li.telArea { text-align:left; }

	.memberBoxArea .writeTable .inTableArea .telArea {height:auto;}
	#cellularAuthenticationButton { padding-right: 4%; width: 20%; display: block; }
	#hp3 {right:0;}
	
}

/** SCREEN WIDTH : 625px **/
@media screen and (max-width:625px){
	.memberBoxArea {padding:3% !important;box-sizing: border-box;}
	.memberTypeArea {
    display: block;
}
	.memberTypeArea .memberTypeBox {
    box-sizing: border-box;
}
	.memberTypeArea .memberTypeBox.young, 
	.memberTypeArea .memberTypeBox.actor,
	.memberTypeArea .memberTypeBox.free, 
	.memberTypeArea .memberTypeBox.pay{height:auto;}
	.memberTypeArea .memberTypeBox.sns {box-sizing:inherit;}
	.memberTypeArea .memberTypeBox.free, .memberTypeArea .memberTypeBox.pay {width: 100%;}
	.memberTypeArea .memberTypeBox.free {
    padding-bottom: 100px;
}

	.memberTypeArea .memberTypeBox ~ .memberTypeBox {margin: 10px 0 0;}
	
	/** 가입폼 **/
	#member_id { width:70% !important; height: 30px;}
	.writeTable table tr td a.btnText { padding:0 3% 0% 3%; position:absolute; right:0; line-height:30px;min-width: 60px;font-size: 12px;}
	.writeTable table tr td .btnText.blue,
	.writeTable table tr td .btnText.brown {height:30px;}
	
	#findPostcode {padding-right: 4%;}
	
	td.zipArea { vertical-align:top;}
	td.zipArea #address { width:98% !important; }
	td.zipArea #addressDetail { float:left; margin-top:10px;; width:98% !important; }
	
	.zipPopup .writeTable td select { width:100%; }
	.zipPopup .writeTable td input { width:90% !important; }

	.zipPopup .zipList .ziptitleArea li.zip {width:20%;}
	.zipPopup .zipList .ziptitleArea li.address {width:60%;}

	.zipPopup .zipList .zipScroll { padding:0 10px; }
	.zipPopup .zipList .zipScroll a span.zip { width:16%; }
	.zipPopup .zipList .zipScroll a span.address { padding-left:0; }
	.zipPopup .zipList .zipScroll a span.address.result { width:80%; display:inline;}
	
	#findPostcode span { display: none; }
	#cellularAuthenticationButton span { display: none; }
	.memberBoxArea .writeTable .btnText { position:static; }
	
	#findPostcode {min-width:65px;} 
}

/** SCREEN WIDTH : 408px **/
@media screen and (max-width:408px){
	.memberBoxArea .writeTable th { width: 120px !important; }
	
	.memberBoxArea .agreeArea li { float:none !important; width:80%; }
	.writeTable #number { width:80% !important; }
	.btnTxtArea .btnText.blue { position:relative; } 
}


/** SCREEN WIDTH : 380px **/
@media screen and (max-width:380px){
} 