@charset "UTF-8";

.pattern_box	{ padding: 5px; background: url(../image/pattern_box_border.png) repeat 0 0; }
.pattern_box > div	{ padding: 20px; background-color: #fff; }
.pattern_box > div:after	{ display: block; clear: both; content: ""; }


.contents .input-error	{ z-index: 2; }
.contents .input-error.lvl0	{ color: #f00 !important; }
.contents .input-error.lvl1	{ color: #fd9000  !important; }
.contents .input-error.lvl2	{ color: #00f !important; }
.contents .input-error.lvl3	{ color: #8ac425 !important; }


.modules_member .proc_login	{}
.modules_member .proc_login form#memberLoginForm	{ width: 710px; padding: 0 0 30px 0; margin: 0 auto; border-bottom: 1px solid #ccc; }
.modules_member .proc_login p.message	{ margin: 40px 0; text-align: center; font-size: 18px; font-weight: 600; color: #666; }
.modules_member .proc_login p.input_box	{ position: relative; width: 250px; padding: 0 137px 0 63px; margin: 7px auto; }
.modules_member .proc_login p.input_box label	{ position: absolute; left: 0; top: 0; width: 50px; line-height: 34px; text-align: right; font-size: 14px; color: #666; font-weight: 600; white-space: nowrap; }
.modules_member .proc_login p.input_box input	{ width: 100%; height: 36px; margin: 0; text-align: left; }
.modules_member .proc_login p.input_box .description	{ padding-left: 0; }
.modules_member .proc_login p.input_date input	{ width: 90%; }
.modules_member .proc_login p.input_date img	{ margin-right: 0; }
.modules_member .proc_login p.submit_box	{ position: relative; width: 450px; margin: 0 auto; }
.modules_member .proc_login p.submit_box button	{ position: absolute; right: 0; bottom: 7px; width: 130px; height: 79px; border-color: #0a57bb; background-color: #1969c5; color: #fff; font-size: 16px; font-weight: 600; }
.modules_member .proc_login p.submit_box button:focus, .modules_member .proc_login p.submit_box button:hover, .modules_member .proc_login p.submit_box button:active	{ border-color: #333; background-color: #555; }
.modules_member .proc_login p.description	{ width: 450px; padding: 0; margin: 20px auto 0 auto; font-size: 12px; }

.modules_member .proc_login .captcha	{ width: 400px; padding: 0 25px 20px 25px; margin: 20px auto; background-color: #e6f0f9; }
.modules_member .proc_login .captcha h3	{ display: block; line-height: 55px; padding: 0; margin: 0; font-size: 15px; color: #283d55; background: none; }
.modules_member .proc_login .captcha .indent1	{ margin-left: 0 !important; }
.modules_member .proc_login .captcha .captcha_print	{}
.modules_member .proc_login .captcha .captcha_print .captcha_print_image	{ float: left; margin: 0; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_image img	{ display: block; width: 200px; height: 65px; border: 0 none; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_button1	{ float: left; height: 31px; padding: 0; margin: 0 0 0 10px; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_button1 button	{ margin: 0 10px 0 0; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_input	{ float: left; clear: none; padding: 0; margin: 0 0 0 10px; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_input input	{ width: 185px; margin: 0; }
.modules_member .proc_login .captcha .captcha_print .captcha_print_button2	{ display: none; }

.modules_member .proc_login p.order	{ margin: 30px auto; }
.modules_member .proc_login p.order a	{ width: 140px; line-height: 34px; padding: 0; margin: 0 7px; }




.modules_member .proc_default	{}
.modules_member .proc_default h3	{ display: none; }
.modules_member .proc_default form#memberLoginForm	{ width: 710px; padding: 0 0 30px 0; margin: 0 auto; border-bottom: 1px solid #ccc; }
.modules_member .proc_default p.message	{ margin: 40px 0; text-align: center; font-size: 18px; font-weight: 600; color: #666; }
.modules_member .proc_default p.input_box	{ position: relative; width: 350px; padding: 0 0 0 100px; margin: 7px auto; }
.modules_member .proc_default p.input_box label	{ position: absolute; left: 0; top: 0; width: 80px; line-height: 34px; text-align: right; font-size: 14px; color: #666; font-weight: 600; white-space: nowrap; }
.modules_member .proc_default p.input_box input	{ margin: 0; text-align: left; }
.modules_member .proc_default p.input_box input.full	{ width: 100%; }
.modules_member .proc_default p.input_box select	{ margin: 0; }
.modules_member .proc_default p.input_box .description	{ padding-left: 0; }
.modules_member .proc_default p.input_date input	{ width: 90%; }
.modules_member .proc_default p.input_date img	{ margin-right: 0; }
.modules_member .proc_default p.submit_box	{ width: 450px; margin: 7px auto; }
.modules_member .proc_default p.submit_box button	{ width: 100%; height: 50px; border-color: #0a57bb; background-color: #1969c5; color: #fff; font-size: 16px; font-weight: 600; }
.modules_member .proc_default p.submit_box button:focus, .modules_member .proc_default p.submit_box button:hover, .modules_member .proc_default p.submit_box button:active	{ border-color: #333; background-color: #555; }
.modules_member .proc_default p.description	{ width: 450px; padding: 0; margin: 20px auto 0 auto; font-size: 12px; }

.modules_member .proc_default .captcha	{ width: 400px; padding: 0 25px 20px 25px; margin: 20px auto; background-color: #e6f0f9; }
.modules_member .proc_default .captcha h3	{ display: block; line-height: 55px; padding: 0; margin: 0; font-size: 15px; color: #283d55; background: none; }
.modules_member .proc_default .captcha .indent1	{ margin-left: 0 !important; }
.modules_member .proc_default .captcha .captcha_print	{}
.modules_member .proc_default .captcha .captcha_print .captcha_print_image	{ float: left; margin: 0; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_image img	{ display: block; width: 200px; height: 65px; border: 0 none; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_button1	{ float: left; height: 31px; padding: 0; margin: 0 0 0 10px; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_button1 button	{ margin: 0 10px 0 0; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_input	{ float: left; clear: none; padding: 0; margin: 0 0 0 10px; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_input input	{ width: 185px; margin: 0; }
.modules_member .proc_default .captcha .captcha_print .captcha_print_button2	{ display: none; }

.modules_member .proc_default p.order	{ margin: 30px auto; }
.modules_member .proc_default p.order a	{ width: 140px; line-height: 34px; padding: 0; margin: 0 7px; }





.modules_member .member_status	{}
.modules_member .member_status h3	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
.modules_member .member_status ol	{ padding: 0; margin: 30px 0 40px 0; list-style: none; overflow: hidden; }
.modules_member .member_status ol:after	{ display: block; clear: both; content: ""; }
.modules_member .member_status ol li	{ float: left; padding: 0; margin: 0; list-style: none; }
.modules_member .member_status ol.status_count_1 li	{ width: 100%; }
.modules_member .member_status ol.status_count_2 li	{ width: 50%; }
.modules_member .member_status ol.status_count_3 li	{ width: 33.3%; }
.modules_member .member_status ol.status_count_4 li	{ width: 25%; }
.modules_member .member_status ol.status_count_5 li	{ width: 20%; }
.modules_member .member_status ol li span	{ position: relative; display: block; height: 58px; line-height: 58px; padding: 0; border-width: 1px 1px 1px 0; border-style: solid; border-color: #e1e1e1; color: #666; font-size: 18px; font-weight: bold; text-align: center; }
.modules_member .member_status ol li:first-child span	{ border-width: 1px; }
.modules_member .member_status ol li span:after	{ position: absolute; right: -15px; top: -1px; z-index: 2; display: block; width: 30px; height: 60px; content: ""; background: url(../image/member_status_arrow2.png) no-repeat 0 0; }
.modules_member .member_status ol li span.pre:after	{ background-image: url(../image/member_status_arrow3.png); }
.modules_member .member_status ol li:last-child span:after	{ content: none; }
.modules_member .member_status ol li strong	{ position: relative; display: block; height: 60px; line-height: 60px; padding: 0; color: #fff; font-size: 18px; font-weight: bold; text-align: center; background-color: #185eb7; }
.modules_member .member_status ol li strong:after	{ position: absolute; right: -15px; top: 0; z-index: 2; display: block; width: 30px; height: 60px; content: ""; background: url(../image/member_status_arrow1.png) no-repeat 0 0; }
.modules_member .member_status ol li:last-child strong:after	{ content: none; }

.modules_member .member_status ol li:nth-child(1) > *:before	{ display: inline-block; padding-right: 15px; font-size: 12px; content: "STEP 01"; }
.modules_member .member_status ol li:nth-child(2) > *:before	{ display: inline-block; padding-right: 15px; font-size: 12px; content: "STEP 02"; }
.modules_member .member_status ol li:nth-child(3) > *:before	{ display: inline-block; padding-right: 15px; font-size: 12px; content: "STEP 03"; }
.modules_member .member_status ol li:nth-child(4) > *:before	{ display: inline-block; padding-right: 15px; font-size: 12px; content: "STEP 04"; }
.modules_member .member_status ol li:nth-child(5) > *:before	{ display: inline-block; padding-right: 15px; font-size: 12px; content: "STEP 05"; }





.modules_member .agree_box	{ padding: 1em; border: 1px solid #e0e0e0; background-color: #f0f0f0; }
.modules_member .agree_box > *	{ height: 300px; overflow: auto; overflow-x: hidden; padding: 1em 1em 0 1em; margin: 0; background-color: #fff; }
.modules_member .agree_box > *:last-child	{ padding-bottom: 1em; }
.modules_member .agree_box pre strong	{ line-height: 1.9em; color: #000; font-size: 1.2em; font-weight: bold; }
.modules_member .agree_box pre em	{ line-height: 1.8em; color: #000; font-size: 1.1em; font-weight: bold; font-style: normal; }
.modules_member .proc_agree .agree input[type="checkbox"],
.modules_member .proc_agree .agree label	{ line-height: 2em; font-size: 1.3em; font-weight: bold; }

.modules_member .proc_agree .check_exists.width_half	{ float: left; width: 49%; }
.modules_member .proc_agree .check_exists.width_half .indent1	{ margin-left: 0 !important; }

.modules_member .proc_agree .check_exists	{}
.modules_member .proc_agree .check_exists input	{ max-width: 100%; }
.modules_member .proc_agree .check_exists table	{ border-width: 1px; border-color: #d3d3d3; }
.modules_member .proc_agree .check_exists table tbody th	{ line-height: 1em; padding-left: 16px; padding-right: 0; border-color: #d3d3d3; background-color: #f2f3f5; text-align: left; font-size: 13px; font-weight: normal; }
.modules_member .proc_agree .check_exists table tbody td	{ line-height: 1em; padding: 5px; border-color: #d3d3d3; }

.modules_member .proc_agree .captcha.width_half	{ float: right; width: 49%; }
.modules_member .proc_agree .captcha.width_half .indent1	{ margin-left: 0 !important; }

.modules_member .proc_agree .captcha_print	{ height: 90px; padding: 26px 0 0 20px; border: 1px solid #d3d3d3; background-color: #f6f6f6; }
.modules_member .proc_agree .captcha_print .captcha_print_image	{}
.modules_member .proc_agree .captcha_print .captcha_print_image img	{ width: 180px; height: 65px; }
.modules_member .proc_agree .captcha_print .captcha_print_button1	{ height: 35px; padding: 0; margin: 0; }
.modules_member .proc_agree .captcha_print .captcha_print_button1 button	{ width: 30px !important; height: 30px; margin: 0; vertical-align: top; text-indent: -999px; overflow: hidden; }
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_reload,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_reload:focus,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_reload:hover,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_reload:active	{ background: #fff url(../image/icon_reload.png) no-repeat center center !important; }
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_audio,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_audio:focus,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_audio:hover,
.modules_member .proc_agree .captcha_print .captcha_print_button1 button.process_captcha_audio:active	{ background: #fff url(../image/icon_leason.png) no-repeat center center !important; }
.modules_member .proc_agree .captcha_print .captcha_print_input	{ clear: none; height: 30px; margin-top: 0; margin-bottom: 0; }
.modules_member .proc_agree .captcha_print .captcha_print_input input	{ width: 169px; vertical-align: top; }
.modules_member .proc_agree .captcha_print .captcha_print_button2	{ line-height: 50px; padding: 0; margin-top: 0; margin-bottom: 0; }
.modules_member .proc_agree .captcha_print .captcha_print_button2 button	{ margin-top: 0; margin-bottom: 0; vertical-align: middle; }

.modules_member .proc_agree .captcha .captcha_print .captcha_print_button2	{ display: none; }

.modules_member .proc_agree .order	{ clear: both; }



.modules_member .proc_write table tbody th	{ padding-left: 20px; text-align: left; }




.modules_member .proc_message .box	{ padding:5px; margin: 0; background: url(/design/homepage/gangnamgu/image/pattern_sub_title.png) repeat 0 0; }
.modules_member .proc_message .box h3	{ line-height: 100px; padding: 0; margin: -5px -5px 0 -5px; background: #e6f0f9; text-align: center; font-size: 34px; color: #112c4e; }
.modules_member .proc_message .box p	{ line-height: 38px; padding: 40px 0; margin: 5px 0 0 0; background-color: #fff; text-align: center; font-size: 22px; }
.modules_member .proc_message .box div	{ line-height: 38px; padding: 20px 10px; margin: 5px 0 0 0; background-color: #fff; text-align: center; font-size: 14px; }






.modules_member .proc_tel_check	{}
.modules_member .proc_tel_check div.box	{ padding: 10px; margin: 10px 0; border: 1px solid #d3d3d3; background-color: #f6f6f6; }
.modules_member .proc_tel_check div.box p	{ margin: 10px; }





@media all and (max-width:1023px)
{
	.modules_member .proc_agree
	{ margin-top: -30px; }
	
	.modules_member	input	{ max-width: 100%; }
	.modules_member .proc_login form#memberLoginForm	{ width: 300px; margin: 0 auto; }
	.modules_member .proc_login p.message	{ font-size: 14px; }
	.modules_member .proc_login p.input_box	{ width: auto; padding-right: 0; }
	.modules_member .proc_login p.submit_box	{ width: auto; text-align: center; }
	.modules_member .proc_login p.submit_box button	{ position: static; width: 300px; height: 40px; }
	.modules_member .proc_login p.order a	{ padding: 0 10px; }
	
	.modules_member .proc_login .captcha	{ width: auto; }
	.modules_member .proc_login .captcha .captcha_print .captcha_print_image	{ float: none; }
	.modules_member .proc_login .captcha .captcha_print .captcha_print_image img	{ margin: 0 auto; }
	.modules_member .proc_login .captcha .captcha_print .captcha_print_button1	{ float: none; height: auto; margin: 5px 0; text-align: center; }
	.modules_member .proc_login .captcha .captcha_print .captcha_print_input	{ float: none; margin: 5px 0; text-align: center; }
	.modules_member .proc_login .captcha .captcha_print .captcha_print_input input	{ width: 100%; }
	
	.modules_member .proc_login p.description	{ width: auto; }
	
	
	.modules_member .proc_default p.input_box	{ width: auto; }
	.modules_member .proc_default p.submit_box	{ width: auto; }
	
	
	.modules_member .member_status,
	.modules_member .member_status *	{ display: none !important; background: none !important; }

	.modules_member .proc_agree .agree input[type="checkbox"], .modules_member .proc_agree .agree label	{ font-size: 1em; }
	
	.modules_member .proc_agree .check_exists.width_half,
	.modules_member .proc_agree .captcha.width_half	{ float: none; width: auto; }
	
	.modules_member .proc_agree .captcha_print .captcha_print_image	{ width: 45%; }
	.modules_member .proc_agree .captcha_print .captcha_print_input	{ width: 50%; margin-right: 0; }
	.modules_member .proc_agree .captcha_print .captcha_print_input input	{ width: 98%; }
	
	.modules_member .proc_agree input[name="name"]	{ width: 210px; }
		
	.modules_member .proc_agree select[name="birthday_yyyy"]	{ width: 60px; margin-right: 5px; }
	.modules_member .proc_agree select[name="birthday_mm"]	{ width: 60px; margin-right: 5px; margin-left: 5px; }
	.modules_member .proc_agree select[name="birthday_dd"]	{ width: 60px; margin-left: 5px; }
	
	.modules_member .proc_agree select[name="tel_1"]	{ width: 60px; margin-right: 5px; }
	.modules_member .proc_agree input[name="tel_2"]	{ width: 60px; margin-right: 5px; margin-left: 5px; }
	.modules_member .proc_agree input[name="tel_3"]	{ width: 60px; margin-left: 5px; }
	
	#modules_namefact.mode_simple form#CHECKPLUS_IPIN_namefact_form,
	#modules_namefact.mode_simple form#CHECKPLUS_MOBILE_namefact_form	{ float: none; width: auto; }
	#modules_namefact.mode_simple form#CHECKPLUS_MOBILE_namefact_form fieldset p.order_box	{ height: auto; }
	#modules_namefact.mode_simple form .button	{ width: 200px !important; }
	
	
	.modules_member .proc_write table colgroup col:first-child	{ width: 100px !important; }
	.modules_member .proc_write table tbody th	{ text-align: center; padding: 0; }
	.modules_member .proc_write table tbody td	{ line-height: 32px; }
	.modules_member .proc_write table tbody td input	{ max-width: 100%; }
	
	
	.modules_member .proc_write input[name="user_id"]	{ width: 150px; margin-right: 5px; }
	.modules_member .proc_write input[name="user_password"],
	.modules_member .proc_write input[name="user_password_re"]	{ width: 150px; margin-right: 5px; }
	
	.modules_member .proc_write select[name="tel_1"]	{ margin-right: 5px; }
	.modules_member .proc_write input[name="tel_2"],
	.modules_member .proc_write input[name="tel_3"]	{ width: 60px; margin-left: 5px; margin-right: 5px; }
	.modules_member .proc_write select[name="email_list"]	{ width: 194px; }
	.modules_member .proc_write label[for="post"]	{ display: none; }
	.modules_member .proc_write input[name="post"]	{ width: 70px; margin-left: 0; }
	.modules_member .proc_write label[for="address"]	{ display: none; }
	.modules_member .proc_write input[name="address"]	{ margin-left: 0; }
	.modules_member .proc_write input[name="extra_datas['dm_yn']"],
	.modules_member .proc_write input[name="sms_YN"],
	.modules_member .proc_write input[name="mailing_YN"]	{ float: left; clear: left; margin-top: 10px; margin-left: 0; }
	.modules_member .proc_write label[for="extra_datas'dm_yn'1"],
	.modules_member .proc_write label[for="sms_YN1"],
	.modules_member .proc_write label[for="mailing_YN1"]	{ float: left; }
	
	.modules_member .proc_write td .description	{ line-height: 15px; font-size: 11px; }
	
	.modules_member .proc_message .box p	{ line-height: 25px; padding: 30px 10px 10px 10px; font-size: 14px; }
	
	
	
	.modules_member .proc_default	{ min-height: 350px; }
	
	
	
	
	.modules_member .proc_message .box h3	{ line-height: 60px; font-size: 20px; }
}





@media all and (max-width:549px)
{
	#modules_namefact.mode_simple form#CHECKPLUS_IPIN_namefact_form,
	#modules_namefact.mode_simple form#CHECKPLUS_MOBILE_namefact_form	{ float: none; width: auto; }
	#modules_namefact.mode_simple form#CHECKPLUS_MOBILE_namefact_form fieldset p.order_box	{ height: auto; }
	#modules_namefact.mode_simple form .button	{ width: 200px !important; }
}