BODY.loginBody>.bodyWrap{
		min-width:320px;
		width:100%;
		height:100%;
	}
	BODY.loginBody MAIN{
		margin-top:5em;
	}
	BODY.loginBody MAIN SECTION{
		overflow:hidden;
		box-shadow:0 0 2rem rgba(0,0,0,0.15);
	}
	BODY.loginBody MAIN SECTION>*{
		position:relative;
		max-width:100%;
		max-height:100%;
	}
	BODY.loginBody MAIN SECTION *{
		box-sizing:border-box;
	}
	BODY.loginBody FOOTER>UL{
		display:none;
	}

	BODY.loginBody>DIV.msk{
		overflow:hidden;
	}
	BODY.loginBody SECTION .contentHeadInfo{display:block; text-align:left;margin-top:1em;}
	BODY.loginBody SECTION .contentHeadInfo>H3{font-size:2em; font-weight:500; color:#333;}
	BODY.loginBody SECTION .contentHeadInfo>H4{font-size:1.7em; font-weight:400; color:#333;}
	BODY.loginBody SECTION .contentHeadInfo>.info{font-size:1.2em; word-break:keep-all; color:#999; line-height:1.4em; padding:1rem 0;}

	BODY.loginBody SECTION .btm_btn_block{margin-top:1em;text-align:center;}
	BODY.loginBody SECTION .btm_btn_block BUTTON{ width:calc(50% - 0.26em);}
	BODY.loginBody SECTION .btm_btn_block BUTTON:first-child{ margin-right:0.5em; }

/* 로그인 */
	BODY.loginBody SECTION{
		margin:auto;
		min-width:320px;
		width:32em;
		max-width:90vw;
		background-color:#FFF;
	}
	BODY.loginBody SECTION .contentBody{
		border:thin solid #EFEEEE;
		border-left:0;
		border-right:0;
		padding:1em 0;
		margin:1em 0;
	}
	@media screen and (min-width:1000px){
		BODY.loginBody MAIN{
			margin-top:10vw;
		}	
		BODY.loginBody SECTION#ctx_login{
			width:64em;
			height:32em;
			padding-left:32em;
			background:no-repeat left/contain url('../images/login/main.png') #FFF;
		}
	}
	BODY.loginBody SECTION#ctx_login .mainContent,
	BODY.loginBody SECTION#ctx_join .mainContent,
	BODY.loginBody SECTION#ctx_joinCfrm .mainContent{
		width:100%;
		height:100%;
		padding: 2em 3em;
		text-align:left;
	}

	BODY.loginBody SECTION#ctx_login UL.links{text-align:right; padding-top:0.5rem;}
	BODY.loginBody SECTION#ctx_login UL.links>LI{display:inline-block; margin-right:10px; vertical-align: middle;  line-height: 1;}
	BODY.loginBody SECTION#ctx_login UL.links>LI>A{color:#666; font-weight:400;  line-height: 1;}
	BODY.loginBody SECTION#ctx_login::after{content:'';display:block; clear:both;}

	BODY.loginBody SECTION#ctx_login FORM{display:block;}
	BODY.loginBody SECTION#ctx_login FORM UL{display:block;}
	BODY.loginBody SECTION#ctx_login FORM LI{text-align:left; min-height:3rem;}
	BODY.loginBody SECTION#ctx_login FORM LABEL{display:none;}
	BODY.loginBody SECTION#ctx_login FORM BUTTON,
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=text],
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=password]{
		margin:0.5rem 0;
		width:100%;
		height:4rem;}
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=checkbox]{margin-left:1ex;}
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=checkbox]+LABEL{display:inline-block; color:#CCC; padding-left:0.5rem;}
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=checkbox]+LABEL:focus{color:#999;}
	BODY.loginBody SECTION#ctx_login FORM INPUT[type=checkbox]:checked+LABEL{color:#666;}

	BODY.loginBody SECTION#ctx_joinCfrm UL.tbl,
	BODY.loginBody SECTION#ctx_join UL.tbl{width:100%;}

	BODY.loginBody SECTION#ctx_joinCfrm FORM INPUT:not([type=checkbox]),
	BODY.loginBody SECTION#ctx_join FORM INPUT:not([type=checkbox]){width:100%;}
	BODY.loginBody SECTION#ctx_join FORM INPUT#io_id{width:60%;}
	BODY.loginBody SECTION#ctx_join FORM INPUT#io_id+BUTTON{width:calc(40% - 0.5em); margin-left:0.5em;}

	BODY.loginBody SECTION#ctx_joinCfrm .btm_btn_block BUTTON{ width:100%; }

	BODY.loginBody SECTION#ctx_joinCfrm .contentBody>DIV{ margin-bottom:1em;}