@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:1.3em;
			}
			.sp_03 {
				font-weight:bold;
			}
			.mem_login_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:3%;
			}
			.p_02 {
				font-size:0.9em;
				color:#bf7113;
				margin:0 auto;
			}
			.mem_login_div_2_01 {
				float:left;
				/*width:300px;*/
				width:60%;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.input_text {
				width:100%;
				ime-mode:disabled;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:37%;
				height:55px;
				line-height:55px;
				font-size:0.9em;
				color:#000000;
				margin-top:5px;
				margin-left:3%;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				clear:both;
				width:100%;
				font-size:0.8em;
				margin-top:80px;
				word-spacing:3em;
				padding-top:2%;
				padding-bottom:2%;
				text-align:center;
				border:1px solid #cccccc;
			}
			.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%;
			}
			.p_02 {
				font-size:0.9em;
				color:#bf7113;
				margin:0 auto;
				padding-left:30%;
			}
			.mem_login_div_2_01 {
				float:left;
				width:300px;
				text-align:right;
				margin-left:15%;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.input_text {
				width:100%;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:118px;
				height:60px;
				line-height:60px;
				font-size:0.9em;
				color:#000000;
				margin-left:20px;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				clear:both;
				width:438px;
				font-size:0.8em;
				margin-top:80px;
				margin-left:15%;
				word-spacing:3em;
				padding-top:1%;
				padding-bottom:1%;
				text-align:center;
				border:1px solid #cccccc;
			}
			.mem_login_div_3 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:5%;
				color:#ffffff;
				text-align:center;
				background:#efa54d;
			}
			.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%;
			}
			.p_02 {
				font-size:0.9em;
				color:#bf7113;
				margin:0 auto;
				padding-left:30%;
			}
			.mem_login_div_2_01 {
				float:left;
				width:300px;
				text-align:right;
				margin-left:30%;
			}
			.mem_login_div_2_01 li {
				display:block;
				line-height:2em;
			}
			.input_text {
				width:100%;
			}
			.mem_login_div_2_02 {
				float:left;
				text-align:center;
				width:118px;
				height:60px;
				line-height:60px;
				font-size:0.9em;
				color:#000000;
				margin-left:20px;
				background:#efa54d;
				cursor:pointer;
			}
			.mem_login_div_2_03 {
				clear:both;
				width:438px;
				font-size:0.8em;
				margin-top:80px;
				margin-left:30%;
				word-spacing:3em;
				padding-top:1%;
				padding-bottom:1%;
				text-align:center;
				border:1px solid #cccccc;
			}
			.mem_login_div_3 {
				display:table;
				width:90%;
				margin:0 auto;
				margin-top:5%;
				color:#ffffff;
				text-align:center;
				background:#efa54d;
			}
			.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;
			}

		}