@charset "utf-8";
/* INDEX **************************************/
/* BODY */
/* MEDIA QUERY */
/**********************************************/


/* ----------------------------------------------------------------------------- */
/* CATEGORY COLOR */
/* ----------------------------------------------------------------------------- */
	.sub_lnb_a:hover			{ color:#05508a; border-left:4px solid #05508a; }
	.sub_lnb_a_act				{ color:#05508a; font-weight:bold; border-left:4px solid #05508a; }
	.sub_header					{ border-top:3px solid #3f77bc !important;/*border-top:3px solid #05508a !important;*/ }

/* ----------------------------------------------------------------------------- */
/* BODY */
/* ----------------------------------------------------------------------------- */
	/* 멤버쉽 > 회원가입 STEP-1 : 약관동의 */
		.terms_wrap1									{ display:block; height:300px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; background-color:#fafafa; }
		.terms_wrap2									{ display:block; height:300px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; background-color:#fafafa; }
		.terms_wrap3									{ display:block; border:1px solid #ddd; background-color:#fafafa; }
			.terms_inner_wrap							{ display:block; width:96%; margin:10px 0 10px 2%; }
			.terms_layout								{ display:block; overflow:hidden; }
			.terms_wrap .terms_li						{ display:block; margin:0 0 10px 0; /* padding:0 0 10px 0; border-bottom:1px solid #ddd; */ }
				.terms_wrap .h2_type_1					{ display:block; font-size:15px; margin:0 0 5px 0; color:#000; }
				.terms_wrap .h3_type_1					{ display:block; font-size:13px; width:260px; height:24px; line-height:24px; text-indent:10px;  background:url("../../images/common_sub/h3_type_1_bg.gif") no-repeat left top; }
				.terms_wrap .heading_style01			{ display:none; }
				.page .terms_inner_wrap					{ display:block; width:100%; margin:0; }
				.page .terms_li							{ display:block; margin:0 0 20px 0; /* padding:0 0 10px 0; border-bottom:1px solid #ddd; */ }
				.page .h2_type_1						{ background:url("../../images/common_sub/sub_h5_checktype.gif") no-repeat left top; }
				.page .h2_type_1 span					{ display:block; line-height:27px; color:#715e57; font-size:18px; margin:0 0 0 40px; }
				.page .h3_type_1						{ display:block; font-size:13px; width:260px; height:24px; line-height:24px; text-indent:10px;  background:url("../../images/common_sub/h3_type_1_bg.gif") no-repeat left top; }
					.term_core							{ display:block; overflow:hidden; margin:10px 0 0 0px; }
					.term_ul_wrap						{ display:block; background-color:#fff; border:1px solid #ddd; }
						.term_ul_inwrap					{ display:block; margin:10px; }
						.term_p_1						{ display:block; padding:3px 0; margin:0 0 10px 0; line-height:150%; clear:both; }
						.term_p_2						{ display:block; padding:3px 0; margin:0 0 10px 0; line-height:150%; clear:both; font-weight:bold; }
						.term_p_3						{ display:block; padding:3px 0; margin:0 0 10px 0; line-height:150%; clear:both; color:#666; font-size:13px; }
						.term_p_alert_1					{ display:block; padding:3px 0; margin:0 0 10px 0; line-height:150%; clear:both; color:#a00; }
						.term_ul_1						{ display:block; width:100%; margin:0 0 0 0px; overflow:hidden; background-color:#fff; }
						.term_ul_2						{ display:block; width:100%; float:left; margin:0; overflow:hidden; }
							.term_li_1					{ float:left; width:45%; min-height:30px; line-height:30px; margin:0 0 0 5%; list-style:decimal none outside; border-bottom:1px dotted #ddd; }
							.term_li_2					{ display:block; width:25%; height:30px; line-height:30px; float:left; margin:0; border-bottom:1px dotted #ddd; text-indent:3px; }
							.term_li_3					{ float:left; width:95%; line-height:180%; padding:0 0 10px 0; margin:0 0 10px 5%; list-style:decimal-leading-zero none outside; border-bottom:1px dotted #ddd; }
							.term_li_4					{ float:left; width:95%; line-height:180%; padding:0; margin:0 0 5px 3%; list-style:decimal none outside; }
                            .term_li_5					{ float:left; width:48%; min-height:30px; line-height:30px; margin:0 0 0 2%; list-style:none; border-bottom:1px dotted #ddd;}
                            .term_li_6              	{ float:left; width:48%; min-height:30px; line-height:30px; margin:0 0 0 1%; list-style:none; border-bottom:1px dotted #ddd;}
                            .term_li_6 img              { vertical-align: middle;}
                            
						.term_dl_1						{ display:block; width:100%; margin:0 0 0 0px; overflow:hidden; border-bottom:1px dotted #ddd; }
							.term_dt_1,
							.term_dd_1					{ display:block; float:left; padding:9px 0; border-top:1px dotted #ddd; line-height:150%; }
							.term_dt_1					{ width:10%; }
							.term_dd_1					{ width:90%; }
							.term_dt_2,
							.term_dd_2					{ display:block; float:left; padding:9px 0; border-top:1px dotted #ddd; line-height:150%; }
							.term_dt_2					{ width:30%; }
							.term_dd_2					{ width:70%; }
						.staff_manager					{ width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
						.staff_manager *				{ text-align:center; }
							.staff_manager1				{ width:18%; }
							.staff_manager2				{ width:18%; }
							.staff_manager3				{ width:18%; }
							.staff_manager4				{ width:18%; }
							.staff_manager5				{ width:28%; }

							.staff_manager1_1			{ width:15%; }
							.staff_manager1_2			{ width:15%; }
							.staff_manager1_3			{ width:15%; }
							.staff_manager1_4			{ width:25%; }
							.staff_manager1_5			{ width:15%; }
							.staff_manager1_6			{ width:15%; }
							.staff_manager thead tr th	{ background-color:#fafafa; padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
							.staff_manager tbody tr th,
							.staff_manager tbody tr td	{ padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
							.staff_manager tbody tr td	{ background-color:#fff; }
							
			.agree_form									{ display:block; overflow:hidden; margin:10px 0 0 0; }
				.agree_chk_box							{ display:inline; vertical-align:middle; }
				.agree_chk_label						{ display:inline; margin:0 15px 0 5px; font-size:15px; }
			.join_btn_wrap								{ display:block; width:40%; margin:0 auto; text-align:center; }
				.join_btn_1,
				.join_btn_2								{ display:block; width:48%; color:#fff; font-weight:bold; padding:10px 0; font-size:20px; }
				.join_btn_1								{ background-color:#006498; border-top:3px solid #3293c5; border-bottom:3px solid #18375d; float:left; }
				.join_btn_2								{ background-color:#666666; border-top:3px solid #aaaaaa; border-bottom:3px solid #333333; float:right; }

	/* 멤버쉽 > 회원가입 STEP-2 : 정보입력 */
		.input_form_dl									{ display:block; overflow:hidden; padding:20px 0; border-top:3px solid #ddd; border-bottom:3px solid #ddd; }
			.input_form_dl dt,
			.input_form_dl dd							{ display:block; float:left; padding:5px 0 0 0; margin:5px 0 0 0; border-top:1px dotted #ddd; }
			.input_form_dl dt							{ width:20%; }
			.input_form_dl dd							{ width:80%; overflow:hidden; }
				.input_label_1							{ display:block; width:100%; height:30px; line-height:30px; font-size:14px; }
					.req_msg							{ font-size:14px; color:#a00; }
					.alert_msg							{ display:block; width:100%; clear:both; color:#a00; padding:5px 0 0 0; font-weight:bold; }
					.alert_msg2							{ display:block; width:100%; clear:both; color:#a00; padding:5px 0; font-weight:bold; text-align:right;  }
				.input_txt_1							{ display:block; float:left; width:50%; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Nanum Gothic"; border-radius:0; box-shadow:none; background-image:none; background:none; }
				.input_txt_1_no_change					{ display:block; float:left; width:50%; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Nanum Gothic"; border-radius:0; box-shadow:none; background-image:none; background:#f0f0f0; }
				.input_txt_2							{ display:block; float:left; width:150px; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Nanum Gothic"; border-radius:0; box-shadow:none; background-image:none; background:none; }
				.input_txt_3							{ display:block; float:left; width:150px; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Nanum Gothic"; border-radius:0; box-shadow:none; background-image:none; background:none; }
				.input_txt_4							{ display:block; float:left; width:80%; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Nanum Gothic"; border-radius:0; box-shadow:none; background-image:none; background:none; }
				.input_select_1							{ display:block; float:left; width:150px; height:32px; line-height:32px; margin:0; border:1px solid #ddd; }
				.input_select_2							{ display:block; float:left; width:150px; height:32px; line-height:32px; margin:0 0 0 10px; border:1px solid #ddd; }
				.linked_char							{ display:block; float:left; width:30px; height:30px; line-height:30px; text-align:center; }
				.addr_f1								{ display:block; overflow:hidden; }
					.addr_f1_zip						{ float:left; }
						.find_zip_btn					{ display:block; float:left; width:150px; background-color:#016cba; border:0; border-bottom:3px solid #003d6a; border-top:3px solid #3a97da; color:#fff; padding:5px 0; font-family:"Nanum Gothic"; font-weight:bold; cursor:pointer; font-size:14px; text-align:center; margin:0 0 0 10px; }
						.dupl_id_btn					{ display:block; float:left; width:150px; background-color:#016cba; border:0; border-bottom:3px solid #003d6a; border-top:3px solid #3a97da; color:#fff; padding:5px 0; font-family:"Nanum Gothic"; font-weight:bold; cursor:pointer; font-size:14px; text-align:center; margin:0 0 0 10px; }
				.addr_f2								{ display:block; overflow:hidden; margin:5px 0; }
				.addr_f3								{ display:block; overflow:hidden; }

	/* 멤버쉽 > 회원가입 STEP-3 : 가입완료 */
		.join_suc_wrap									{ display:block; }
			.join_suc_ment_wrap							{ position:absolute; top:10%; left:10%; }
				.ment1									{ color:#222; }
					.ment1_1							{ display:block; font-size:30px; }
					.ment1_2							{ display:block; font-size:30px; }
						.ment1_2_1						{ color:#05508a; font-size:30px; font-weight:bold; }
				.ment2									{ display:block; color:#555; line-height:180%; margin:10% 0 0 0; }
					.ment2_1							{ display:block; font-size:15px; }
					.ment2_2							{ display:block; font-size:15px; }
			.join_suc_bg								{ display:block; width:100%; }

	/* 멤버쉽 > 로그인 */
		.loginbox_wrap									{ display:block; overflow:hidden; position:relative; }
			.login_ex_wrap								{ display:block; border:1px solid #ccc; background-color:#f5f5f5; float:left; width:49%; height:300px; }
				.login_in_wrap							{ padding:10px; margin:10px; background-color:#fff; overflow:hidden; }
					.login_form_dl						{ display:block; overflow:hidden; margin:10px 0 0 0; }
						.login_form_dt,
						.login_form_dd					{ display:block; float:left; margin:0 0 10px 0; }
						.login_form_dt					{ width:30%; }
						.login_form_dd					{ width:70%; }
							.login_form_label			{ display:block; width:100%; float:left; border:1px solid #fff; padding:8px 0; text-indent:10px; }
							.username					{ display:block; width:96%; float:left; border-radius:0; box-shadow:none; border:1px solid #ddd; padding:8px 0; margin:0; }
							.password					{ display:block; width:96%; float:left; border-radius:0; box-shadow:none; border:1px solid #ddd; padding:8px 0; margin:0; }
					.login_btn_wrap						{ display:block; width:96%; overflow:hidden; padding:10px 0; margin:0 auto 10px auto; border-bottom:1px solid #ddd; overflow:hidden; }
						.login_core_btn					{ width:40.5%; float:right; background-color:#016cba; border:0; border-bottom:3px solid #003d6a; border-top:3px solid #3a97da; color:#fff; padding:10px 0; font-family:"Nanum Gothic"; font-weight:bold; cursor:pointer; font-size:13px; border-radius:0; box-shadow:none; background-image:none; text-align:center; }
					.log_form_util						{ overflow:hidden; display:block; padding:0; width:96%; margin:0 auto; }
						.login_assiste_tex01			{ display:block; text-align:left; font-size:12px; margin:5px 0; overflow:hidden; }
						.login_assiste_tex02			{ display:block; text-align:left; font-size:12px; margin:5px 0; overflow:hidden; }
							.login_assist_ment			{ display:block; width:55%; padding:10px 0; color:#666; float:left; border-top:1px solid #fff; border-bottom:1px dotted #ddd; font-weight:bold; }
							.login_btn					{ display:block; float:right; background-color:#fafafa; border:1px solid #ccc; width:40%; padding:10px 0; color:#333; font-family:"Nanum Gothic"; font-weight:bold; cursor:pointer; text-align:center; font-size:13px; }
			.loginpage_img								{ display:block; float:right; width:49%; height:300px; background:url("../../images/sub07/loginpage_img_bg.jpg") no-repeat center bottom; }
				.img_wrap_txt_wrap						{ margin:20px 0 0 20px; }
					.img_wrap_txt1						{ display:block; font-size:25px; font-weight:bold; color:#004479; }
					.img_wrap_txt2						{ display:block; margin:20px 0 0 0; }
						.img_wrap_txt2_span				{ display:block; font-size:20px; color:#333; }
						.img_wrap_txt2_span1			{ }
						.img_wrap_txt2_span2			{ margin:5px 0 0 0; }

	/* 멤버쉽 > 아이디 / 비밀번호 찾기 */
		.find_outwrap									{ display:block; background-color:#fafafa; border:1px solid #ddd; }
			.find_inwrap								{ display:block; background-color:#fff; margin:10px; overflow:hidden; }
				.find_core_wrap							{ display:block; width:70%; margin:20px auto; overflow:hidden; }
					.find_dl_wrap						{ display:block; width:68%; float:left; }
						.find_dl						{ display:block; overflow:hidden; }
							.find_dt,
							.find_dd					{ display:block; float:left; }
							.find_dt					{ width:25%; }
								.find_label				{ display:block; height:33px; line-height:33px; font-size:15px; color:#666; border:1px solid #fff;  }
							.find_dd					{ width:75%; }
							.find_layout_mg				{ margin:10px 0 0 0; }								
								.find_input_txt			{ display:block; width:99%; height:33px; line-height:33px; border:1px solid #ddd; font-family:"Nanum Gothic"; font-size:15px; font-weight:bold; }
					.find_exe_wrap						{ display:block; width:30%; position:absolute; height:100%; right:0; }
						.find_exe_btn					{ display:block; width:100%; height:100%; line-height:100%; background-color:#006498; }
							.find_exe_border			{ display:block; position:absolute; width:100%; height:3px; text-indent:-9999999999px; line-height:10000%; }
							.find_exe_border_t			{ top:0; background-color:#3293c5; }
							.find_exe_border_b			{ bottom:0; background-color:#18375d; }
							.find_exe_name				{ display:block; width:100%; height:30px; line-height:30px; position:absolute; top:50%; margin:-15px 0 0 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; }
		.find_rem_wrap									{ display:block; overflow:hidden; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #ddd; }
			.find_rem_ment,
			.find_rem_a									{ display:block; padding:20px 0; }
			.find_rem_ment								{ width:78%; float:left; border:1px solid #fff; font-size:14px; }
			.find_rem_a									{ width:20%; float:right; background-color:#fafafa; border:1px solid #ddd; font-weight:bold; text-align:center; font-size:14px; }

	/* 멤버쉽 > 이메일 수집거부 */
		.email_policy_wrap								{ display:block; float:left; background:url("../../images/sub07/email_policy_bg.gif") repeat left top; }
			.email_policy_inwrap						{ display:block; float:left; background-color:#fff; margin:10px; padding:10px; }


/* tab 2 : 개인정보취급방침 230717 */
			.fulab_fac_block_p						{ display:block; margin:15px 0; line-height:150%; color:#333; font-size:13px; }
			.fulab_fac_block_p2					{ display:block; margin:10px 0 15px 10px; line-height:150%; color:#666; font-size:13px; }
			.fulab_fac_block_con					{ display:block; margin:0 0 25px 0; }
			.fulab_fac_block_con2					{ display:block; margin:10px 0 25px 0; }
			.fulab_fac_block_con3					{ display:block; margin:10px 0 25px 0px; }
				.fulab_li_3						{ display:block; float:left; width:32%; margin:0 1% 0 0; }/* width:20%; margin:0 10px 0 0; */
				.fulab_li_3 figure					{ display:block; padding:0; margin:0; }
				.fulab_li_3 figure img				{ display:block; width:90%; padding:5px; border:1px solid #ddd; background-color:#fff; }
				.fulab_li_3 figure figcaption		{ display:block; width:90%; padding:5px 5px 10px 5px; text-align:center; border:1px solid #fff; }

/* ----------------------------------------------------------------------------- */
/* METHOD */
/* ----------------------------------------------------------------------------- */
	.item_block										{ display:block; margin:0 0 50px 0; overflow:hidden; }
		.check_type_h								{ background:url("../../images/common_sub/sub_h5_checktype.gif") no-repeat left top; }
		.check_type_h span							{ display:block; line-height:27px; color:#715e57; font-size:18px; margin:0 0 0 40px; }
		.ul_type_1									{ display:block; float:left; margin:20px 0 0 40px;  }
		.li_type_1									{ display:block; float:left; width:100%; margin:0 0 10px 0; color:#666; background:url("../../images/common_sub/bullet_li_type_1.gif") no-repeat left 8px; }
		.li_type_1 span								{ float:left; margin:0 0 0 10px; line-height:160%; }

    .sub_lnb_nav li:nth-child(6n){ letter-spacing:-.1em;}
    .sub_lnb_a_act li:nth-child(6n){ letter-spacing:-.1em;}

/* ----------------------------------------------------------------------------- */
/* MEDIA QUERY */
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width:0px) and (max-width:359px) {			/* width 360이하 모바일(갤럭시S2 대상) */
	.ment1_1										{ font-size:15px !important; }
	.ment1_2										{ font-size:15px !important; }
		.ment1_2_1									{ font-size:15px !important; }
	.ment2											{ line-height:140% !important; }
	.term_li_1										{ width:90% !important; margin:0 0 0 10% !important; }
	.term_li_3										{ width:90% !important; margin:0 0 10px 10% !important; }
	.find_zip_btn									{ margin:0 0 0 10px !important; }
	.dupl_id_btn									{ margin:0 0 0 10px !important; }
}
@media only screen and (min-width:0px) and (max-width:767px) {			/* 모바일(갤럭시노트급 대상) */
	/* 멤버쉽 > 회원가입 STEP-1 : 약관동의 */
		.terms_wrap1								{ height:200px; }
		.terms_wrap2								{ height:200px; }
		.terms_wrap3								{ }
		.term_li_1									{ width:93%; margin:0 0 0 7%; }
		.term_li_3									{ width:92%; margin:0 0 10px 8%; }
		.term_li_4									{ width:93%; margin:0 0 5px 7%; }
		.term_dt_1									{ width:35%; }
		.term_dd_1									{ width:65%; }
		.term_dt_2,
		.term_dd_2									{ float:none; width:100%; padding:0; border:0; }
		.term_dt_2									{ width:100%; border:0; padding:8px 0 0 0; }
		.term_dd_2									{ width:100%; border-bottom:1px dotted #ddd; font-weight:bold; padding:0 0 8px 0; }
		.join_btn_wrap								{ width:100%; }
			.join_btn_1,
			.join_btn_2								{ font-size:15px; }

	/* 멤버쉽 > 회원가입 STEP-2 : 정보입력 */
		.input_form_dl dt,
		.input_form_dl dd							{ float:none; padding:0; margin:0; }
		.input_form_dl dt							{ width:100%; border:0; padding:10px 0 3px 0; font-weight:bold; }
		.input_form_dl dd							{ width:100%; border:0; border-bottom:1px solid #eee; padding:0 0 10px 0; }
			.input_label_1							{ height:20px; line-height:20px; font-size:14px; }
			.input_txt_1							{ width:99%; }
			.input_txt_2							{ width:28%; }
			.input_txt_3							{ width:42%; }
			.input_txt_4							{ width:99%; }
			.input_select_1							{ width:29%; }
			.input_select_2							{ width:29%; margin:0 0 0 20px; }
			.linked_char							{ width:20px; }
				.addr_f1_zip						{ display:block; width:67%; float:left; }
					.find_zip_btn					{ display:block; width:29%; margin:0 0 0 0px; }
					.dupl_id_btn					{ display:block; width:100%; margin:10px 0 0 0; }

	/* 멤버쉽 > 회원가입 STEP-3 : 가입완료 */
		.ment1										{ }
			.ment1_1								{ font-size:18px; }
			.ment1_2								{ font-size:18px; }
				.ment1_2_1							{ font-size:18px; }
		.ment2										{ display:block; color:#333; width:80%; margin:3% 0 0 0; line-height:160%; background-color:rgba(255, 255, 255, .8); }
			.ment2_1								{ display:inline; font-size:12px; }
			.ment2_2								{ display:inline; font-size:12px; }

	/* 멤버쉽 > 로그인 */
		.login_ex_wrap								{ display:block; float:none; width:auto; margin:0; height:auto; }
			.login_img_wrap							{ display:none; }
			.login_in_wrap							{  }
				.login_btn_wrap						{ width:96%; float:none; }
				.login_assist_ment					{ float:none; text-align:left; width:auto; border:0; }
					.login_assiste_tex01			{ width:100%; float:none; }
					.login_assiste_tex02			{ width:100%; float:none; }
					.login_form_label				{ display:block; text-indent:4%; }
						.login_core_btn				{ display:block; width:100%; float:none; }
						.login_btn					{ float:none; width:auto; text-align:center; }
		.loginpage_img								{ display:none; }

	/* 멤버쉽 > 아이디 / 비밀번호 찾기 */
		.find_core_wrap								{ width:90%; }
			.find_dl_wrap							{ width:100%; float:none; }
				.find_dt							{ width:30%; }
					.find_label						{ font-size:12px; }
				.find_dd							{ width:70%; }
					.find_input_txt					{ width:97%; font-size:12px; float:right; }
			.find_exe_wrap							{ width:100%; position:relative; height:40px; margin:10px 0 0 0; }
		.find_rem_ment,
		.find_rem_a									{ display:block; padding:10px 0; }
			.find_rem_ment							{ width:auto; float:none; font-size:12px; }
			.find_rem_a								{ width:auto; float:none; font-size:14px; }

	/* METHOD */
		.ul_type_1									{ margin:20px 0 0 0;  }

}
@media only screen and (min-width:768px) and (max-width:1023px) {		/* 테블릿() iPad Portrait */
}
@media only screen and (min-width:1024px) and (max-width:1139px) {		/* 테블릿() iPad LandSpace */
}
@media only screen and (min-width:1140px) {								/* PC */
}