@charset "utf-8";

		/* 스마트폰 기본 css */


		/* section */
			.com_div_1 {
				background:url("../../images/sub_08_img/sub_bg.gif") no-repeat;
				background-size:cover;
			}

			.mem_login_div_1 {
				width:90%;
				height:auto;
				margin:0 auto;
				text-align:center;
				padding-top:7%;
				padding-bottom:7%;
				border-bottom:1px solid #b1adad;
			}
			.p_01 {
				font-size:1em;
			}
			.sp_03 {
				font-weight:bold;
			}
			.mem_login_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:3%;
			}
			.mem_login_div_2_01 {
				float:left;
				width:100%;
				text-align:right;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.mem_login_div_2_01 label {
				float:left;
				width:30%;
			}
			.input_text {
				width:190px;
				ime-mode:active;
			}
			.input_no {
				width:50px;
				ime-mode:active;
			}
			.input_text2 {
				width:140px;
				ime-mode:active;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:100%;
				height:40px;
				line-height:40px;
				font-size:0.9em;
				color:#000000;
				margin-top:5px;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				float:left;
				text-align:center;
				width:100%;
				height:40px;
				line-height:40px;
				font-size:0.9em;
				color:#000000;
				margin-top:5px;
				background:#5dc37c;
				cursor:pointer;
			}
			.mem_login_div_3 {
				display:none;
			}
			.mem_login_div_4 {
				width:90%;
				margin:0 auto;
				margin-top:5%;
				text-align:center;
			}
			.mem_login_div_4 img {
				width:100%;
			}



		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {
		
			/* section */
			.mem_login_div_1 {
				width:90%;
				height:auto;
				margin:0 auto;
				text-align:center;
				padding-top:5%;
				padding-bottom:5%;
				border-bottom:1px solid #b1adad;
			}
			.p_01 {
				font-size:1.5em;
			}
			.sp_03 {
				font-weight:bold;
			}
			.mem_login_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:3%;
			}
			.mem_login_div_2_01 {
				float:left;
				width:350px;
				text-align:right;
				margin-left:13%;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.mem_login_div_2_01 label {
				float:left;
				width:85px;
			}
			.input_text {
				width:200px;
				ime-mode:active;
			}
			.input_no {
				width:48px;
				ime-mode:active;
			}
			.input_text2 {
				width:150px;
				ime-mode:active;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:100px;
				height:20px;
				line-height:20px;
				font-size:0.9em;
				color:#000000;
				margin-top:36px;
				margin-left:8px;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				float:left;
				text-align:center;
				width:100px;
				height:20px;
				line-height:20px;
				font-size:0.9em;
				color:#000000;
				margin-top:5px;
				margin-left:8px;
				background:#5dc37c;
				cursor:pointer;
			}
			.mem_login_div_3 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:5%;
				color:#ffffff;
				text-align:center;
				background:#5a5a5a;
			}
			.mem_login_div_3_01 {
				float:left;
				width:40%;
				margin-top:2%;
			}
			.mem_login_div_3_02 {
				float:left;
				width:20%;
			}
			.mem_login_div_3_02 img {
				width:60%;
				vertical-align:text-bottom;
			}
			.mem_login_div_3_03 {
				float:right;
				width:40%;
				margin-top:2%;
			}
			.p_03 {
				font-size:1em;
				font-weight:bold;
			}
			.p_04 {
				font-size:0.8em;
			}
			.mem_login_div_4 {
				display:none;
			}


		}



		/* pc css */
		/*@media all and (min-width:1025px) {*/
		@media all and (min-width:1440px) {


			/* section */
			.mem_login_div_1 {
				width:90%;
				height:auto;
				margin:0 auto;
				text-align:center;
				padding-top:5%;
				padding-bottom:5%;
				border-bottom:1px solid #b1adad;
			}
			.p_01 {
				font-size:1.5em;
			}
			.sp_03 {
				font-weight:bold;
			}
			.mem_login_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:3%;
			}
			.mem_login_div_2_01 {
				float:left;
				width:400px;
				text-align:right;
				margin-left:20%;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.mem_login_div_2_01 label {
				float:left;
				width:100px;
			}
			.input_text {
				width:70%;
				ime-mode:active;
			}
			.input_no {
				width:20%;
				ime-mode:active;
			}
			.input_text2 {
				width:55%;
				ime-mode:active;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:118px;
				height:25px;
				line-height:25px;
				font-size:0.9em;
				color:#000000;
				margin-top:35px;
				margin-left:20px;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				float:left;
				text-align:center;
				width:118px;
				height:25px;
				line-height:25px;
				font-size:0.9em;
				color:#000000;
				margin-top:5px;
				margin-left:20px;
				background:#5dc37c;
				cursor:pointer;
			}
			.mem_login_div_3 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:5%;
				color:#ffffff;
				text-align:center;
				background:#5a5a5a;
			}
			.mem_login_div_3_01 {
				float:left;
				width:30%;
				margin-top:2.5%;
				padding-left:10%;
			}
			.mem_login_div_3_02 {
				float:left;
				width:20%;
			}
			.mem_login_div_3_02 img {
				width:60%;
				vertical-align:text-bottom;
			}
			.mem_login_div_3_03 {
				float:right;
				width:30%;
				margin-top:2.5%;
				padding-right:10%;
			}
			.p_03 {
				font-size:1.125em;
				font-weight:bold;
			}
			.p_04 {
				font-size:0.8em;
			}
			.mem_login_div_4 {
				display:none;
			}

		}