

/* ¸ð¹ÙÀÏ ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:1024px) {

	/* ÆäÀÌÁö ÇöÀçÀ§Ä¡ s */
	.page_area_top {  }
	.page_area { display:inline-block; width:100%; border-bottom:1px solid #e7e7e7; }
	.page_areas { height:35px; margin: 0 auto; text-align:center; }
	.page_areas li { 
		height:35px; float:left; padding-top:10px; border-right:1px solid #e7e7e7;
		text-align:center; font-family:NanumSquareBold; font-size:14px; letter-spacing: 0.01em; line-height:1em; 
	}
	.page_areas_home { padding-left:10px; padding-right:10px; cursor:pointer; } .page_areas_home img { width:16px; }
	.page_areas_a { padding-left:25px; padding-right:25px; color:#444; }
	.page_areas_p { padding-left:25px; padding-right:25px; color:#f14b28; }

	.page_areasz { display:none; }
	.page_areas_m { display:block; } 
	.page_areas_m_t { display:inline-block; width:100%; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; }
	.page_areas_m_t_a { float:left; width:85%; text-align:left; font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em;  }
	.page_areas_m_t_b { float:left; width:15%; text-align:right; } .page_areas_m_t_b img { width:15px; }
	.page_areas_m_c { display:none; position:relative; z-index:1; top:0px; left:0px; }
	.page_areas_m_cs {
		position:absolute; display:inline-block; width:100%; border-bottom:1px solid #e7e7e7; background:#fff; 
		padding-left:20px; padding-right:20px; padding-bottom:20px;
		text-align:left; font-size:16px; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:2em; 
	} 
	.page_areas_m_cs a { color:#777; } .page_areas_m_cs a:hover { color:#000; }
	/* ÆäÀÌÁö ÇöÀçÀ§Ä¡ e */

	/* input, box */
	.MlangloginInputClass {
		width:100%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hp {
		float:left; width:31%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass_hp:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hp2 {
		float:left; width:32%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass_hp2:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hpre {
		width:100%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; margin-bottom:10px;
	} .MlangloginInputClass_hpre:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_on {
		width:100%; border:1px solid #222; padding:15px; border-radius:20px; 
		font-size:16px; color:#000; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	}
	.MlangloginInputClass2 {
		width:100%; border:1px solid #bac7ff; padding:15px; border-radius:20px; 
		font-size:14px; color:#1c1c1c; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass2:hover { border:1px solid #0033ff; }
	.MlangBoxClass { border:1px solid #e4e4e4; background:#fff; padding:15px; border-radius:20px; margin-bottom:10px; }
	.MlangBoxClassb { border:1px solid #bac7ff; background:#fff; padding:15px; border-radius:20px; margin-bottom:10px; }
	.MlangBoxClasst { width:100%; display:inline-block; margin-top:10px; } .MlangBoxClassw { width:100%; display:inline-block; margin-bottom:10px; }
	.MlangloginradioClass { width:20px; height:20px; }
	/* input, box e */

} /* ¸ð¹ÙÀÏ end */


/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1025px)  {

	/* ÆäÀÌÁö ÇöÀçÀ§Ä¡ s */
	.page_area_top { height:0px; }
	.page_area { display:inline-block; width:100%; border-bottom:1px solid #e7e7e7; }
	.page_areas { width:1200px; height:56px; margin: 0 auto; text-align:center; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
	.page_areas li { 
		height:56px; float:left; padding-top:20px; border-right:1px solid #e7e7e7;
		text-align:center; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; line-height:1em; 
	}
	.page_areasz { width:1200px; height:56px; margin: 0 auto; text-align:center; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
	.page_areasz li { 
		height:56px; float:left; padding-top:20px; border-right:1px solid #e7e7e7;
		text-align:center; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; line-height:1em; 
	}
	.page_areas_home { padding-left:20px; padding-right:20px; cursor:pointer; }
	.page_areas_homez { padding-left:20px; padding-right:20px; cursor:pointer; }
	.page_areas_a { padding-left:50px; padding-right:50px; color:#444; }
	.page_areas_p { padding-left:50px; padding-right:50px; color:#f14b28; }
	.page_areas_z { padding-left:50px; padding-right:50px; color:#444; cursor:pointer; } .page_areas_z:hover { color:#000; }
	.page_areas_x { padding-left:50px; padding-right:50px; color:#f14b28; }
	.page_areas_m { display:none; }
	/* ÆäÀÌÁö ÇöÀçÀ§Ä¡ e */

	/* input, box */
	.MlangloginInputClass {
		width:100%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hp {
		float:left; width:30%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass_hp:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hp2 {
		float:left; width:33%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass_hp2:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_hpre {
		float:left; width:40%; border:1px solid #aaa; padding:12px; border-radius:20px; 
		font-size:16px; color:#222; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass_hpre:hover { border:1px solid #0033ff; }
	.MlangloginInputClass_on {
		width:100%; border:1px solid #222; padding:15px; border-radius:20px; 
		font-size:16px; color:#000; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
	}
	.MlangloginInputClass2 {
		width:100%; border:1px solid #bac7ff; padding:15px; border-radius:20px; 
		font-size:14px; color:#1c1c1c; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1em; 
	} .MlangloginInputClass2:hover { border:1px solid #0033ff; }
	.MlangBoxClass { border:1px solid #e4e4e4; background:#fff; padding:15px; border-radius:20px; margin-bottom:10px; }
	.MlangBoxClassb { border:1px solid #bac7ff; background:#fff; padding:15px; border-radius:20px; margin-bottom:10px; }
	.MlangBoxClasst { width:100%; display:inline-block; margin-top:10px; } .MlangBoxClassw { width:100%; display:inline-block; margin-bottom:10px; }
	.MlangloginradioClass { width:20px; height:20px; }
	/* input, box e */

} /* PC end */