@charset "utf-8";

/* ******************************************************************************************************************** */
/* 로그인 , 아이디/비밀번호찾기 */
/* ******************************************************************************************************************** */

.login_top_text img																				{ vertical-align:middle; padding-right:10px; }
.fint_top_text																						{ text-align:center; }

.member_container																				{ width:100%; height:400px; border:1px solid #cac6c5; background:url('/share/images/membership/login_bg_left.jpg'), url('/share/images/membership/login_bg_right.jpg'); background-color:#f5f5f5; 
																											background-position:top left, top right; background-repeat:no-repeat; }
	.member_wrap																				{ width:72.7%; margin:0 auto; }
		.login_wrap																				{ width:72.7%; margin:0 auto; padding-top:88px; position:relative; }
			.login_content																			{ width:70%; float:left;}
				.login_content dl																	{ width:100%; height:46px; margin-bottom:12px; float:left; }
					.login_content dt																{ width:29%; float:left; font-size:1.200em; line-height:46px; }
					.login_content dd															{ width:71%; float:left; }
					.login_content input															{ width:100%; margin:0; padding:0; padding-left:5%; border:1px solid #c1c1c1; height:46px;  -webkit-border-radius:1px; -webkit-appearance:none; }
					.login_btn																		{ width:24.8%; height:105px; float:right; }
						.login_btn button															{ width:100%; height:100%; background:#d63c00; color:#fff; font-size:1.200em; border:none; font-family:'NanumGothicBold'; }
	
	.login_btn_wrap																				{ width:100%; margin-top:70px; border-top:1px solid #c1c1c1; padding-top:50px; }
		.login_btn_wrap ul																		{ width:90%; margin:0 auto; }
		.login_btn_wrap li																		{ padding-left:5%; float:left; font-size:1.200em; }
		.login_btn_join																			{ width:60%; background:url('/share/images/membership/login_icon_join.png') no-repeat left center; }
		.login_btn_find																			{ width:40%; background:url('/share/images/membership/login_icon_find.png') no-repeat left center; }

/* ******************************************************************************************************************** */
/* 회원가입 */
/* ******************************************************************************************************************** */

.join_title_tab																						{ width:100%; border-top:1px solid #cac6c5; border-bottom:1px solid #cac6c5; margin:100px 0; }
	.join_title_tab ul																				{ width:67.2%; height:55px; margin:0 auto; }
		.join_title_tab li																			{ width:33.3%; padding-left:3%; border-right:1px solid #cac6c5; float:left; background:#f3f3f3; }
		.join_title_tab li a:hover																{ color:#d63c00; }																			
		.join_title_tab li span.join_icon01													{ width:18.2%; height:55px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon01.png') no-repeat center; }
		.join_title_tab li span.join_icon02													{ width:18.2%; height:55px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon02.png') no-repeat center; }
		.join_title_tab li span.join_icon03													{ width:18.2%; height:55px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon03.png') no-repeat center; }
		.join_title_tab li span.join_step														{ font-size:0.733em; display:block; height:10px; margin:5px 0 8px 0; }
		.join_title_tab li strong																	{ font-size:0.933em; display:block; font-family:'NanumGothicBold';}

		.join_title_tab li.active																	{ background:#d63c00; border-right:1px solid #fff; color:#fff; }
		.join_title_tab li.active span.join_icon01											{ background:url('/share/images/membership/join_icon01_on.png') no-repeat center; }
		.join_title_tab li.active span.join_icon02											{ background:url('/share/images/membership/join_icon02_on.png') no-repeat center; }
		.join_title_tab li.active span.join_icon03											{ background:url('/share/images/membership/join_icon03_on.png') no-repeat center; }


/* **********************************회원가입1**************************************** */
.join_terms01																						{ width:100%; margin-bottom:55px; }
	.join_terms01 textarea																		{ width:100%; height:225px; padding:20px 2%; border:1px solid #dadada; line-height:160%; overflow: auto; -webkit-border-radius:1px; -webkit-appearance:none; }
		.join_terms01 textarea h6																{ font-family:'NanumGothicBold'; color:#d63c00; }
	.join_agreeall																					{ width:100%; padding:10px 2%; margin-bottom:30px; background:#f5f5f5; border:1px solid #dadada; }
	.join_agree																						{ text-align:right; }
		.join_agreeall strong																	{ font-family:'NanumGothicBold';}
.join_check_wrap																				{}
	.join_check																					{ width:100%; padding:40px 0 35px 0; margin-bottom:60px; border:1px solid #dadada; }
		.join_check ul																				{ width:61.1%; margin:0 auto 40px auto; }
			.join_check li																			{ float:right; }
			.join_check li:first-child															{ float:left; }
		.join_check label																			{ margin-right:30px; }
		.join_check input																			{ width:225px; height:33px; border:1px solid #dadada; -webkit-border-radius:1px; -webkit-appearance:none; }
		.join_check_notice																		{ width:70.6%; padding-top:29px; margin:0 auto; border-top:1px solid #dadada; text-align:center; }
		.join_check_notice img																	{ vertical-align:middle; padding-right:10px; }
	
	.join_check_btn																				{ text-align:center; }
		.join_check_btn li																		{ display:inline-block; margin:0 10px; }
			.join_check_btn button																{ padding:15px 30px; border:none; font-family:'NanumGothicBold'; }
			.join_agree_yes button																{ background:#333; color:#fff; }
			.join_agree_no button																{ background:#dadada; }
			.join_check_btn img																	{ vertical-align:middle; padding-right:10px; }	

/* **********************************회원가입2**************************************** */
.join_info_form_top																				{ text-align:right; margin-bottom:10px; font-size:0.933em; font-family:'NanumGothicBold'; }
.join_info_form_necessary																	{ font-family:'NanumGothicBold'; color:#d63c00; }
.join_info_form																						{ width:100%; border-top:2px solid #d63c00; margin-bottom:60px; }
	.join_info_form dl																				{ width:100%; border-bottom:1px solid #dadada; }
		.join_info_form dt																			{ width:20%; float:left; padding:14px 1%; }
		.join_info_form dd																		{ width:80%; float:left; border-left:1px solid #dadada; padding:14px 3%; }
			.join_info_form dd input															{ vertical-align:middle; border:1px solid #dadada; height:30px; }				
			.join_info_form dd select															{ border:1px solid #dadada; height:30px; -webkit-border-radius:1px; }
			.join_info_address input															{ margin-bottom:10px; }
			.join_info_signuppath li															{ float:left; margin-right:20px; }

			.frmBtn																					{ font-size:0.933em; width:auto; }
			.phone_input_width																	{ width:100px; }
			.join_input_reset																		{ -webkit-border-radius:1px; -webkit-appearance:none; }
			.zipcode_img																			{ display:inline-block; background:#333 url('/share/images/membership/zipcode_icon.png') no-repeat 20px 9px; padding:4px 20px 3px 50px; color:#fff; vertical-align:top; margin-bottom:10px; }

.join_info_btn																						{}
	.join_info_btn ul																				{ text-align:center; }
		.join_info_btn li																			{ display:inline-block; }
		.join_info_btn button																		{ padding:15px 30px; border:none; font-family:'NanumGothicBold'; }
		.join_info_ok button																		{ background:#d63c00; color:#fff; }
		.join_info_cancle button																{ background:#dadada; }
/* **********************************회원가입2_아이디 중복체크**************************************** */
.member_idcheck_wrap																		{ width:95%; margin:0 auto; }
	.member_idcheck_wrap h2																{ font-size:1.333em; font-family:'NanumGothicBold'; text-align:center; margin:20px 0; }
	.member_idcheck																			{ width:100%; background:#f5f5f5; padding:10px 3%; text-align:center; border-top:2px solid #d63c00; margin-bottom:20px; }
		.member_idcheck strong																{ font-family:'NanumGothicBold'; }
		.idcheck_ok																				{ color:#13759b; }
		.idcheck_no																				{ color:#d63c00; }
	.member_idcheck_btn																		{ width:100%; text-align:center; }
		.member_idcheck_btn input															{ display:inline-block; padding:7px 3%; -webkit-border-radius:1px; -webkit-appearance:none; background:#d63c00; color:#fff; border:none; }
	


/* **********************************회원가입3**************************************** */
.join_finish_wrap																					{ width:100%; text-align:center; border:2px solid #e5e5e5; padding:90px 5%; margin-top:150px; background:url('/share/images/membership/join_finish_bg.png') no-repeat top left; background-size:100%; }
	.join_finish_wrap span																		{ margin-bottom:30px; color:#d63c00; font-size:2.4em; color:#d63c00; display:block; font-family:'NanumGothicBold'; }
	.join_finish_wrap strong																	{ text-decoration:underline; font-family:'NanumGothicBold'; }
	.join_finish_btn																				{ text-align:center; margin-top:20px; }
		.join_finish_btn li																			{ display:inline-block; margin:0 10px; }
		.join_finish_btn a																			{ padding:10px 20px; display:block; font-family:'NanumGothicBold'; }
			.join_finish_login a																	{ background:#d63c00; color:#fff; }
			.join_finish_home a																	{ border:1px solid #c1c1c1; }
 
/* ******************************************************************************************************************** */
/* 개인정보취급방침 */
/* ******************************************************************************************************************** */

.privacy_policy_list																				{ margin-bottom:50px; }
	.privacy_policy_list p																		{ margin:0; padding:0; margin-bottom:10px; }
	.privacy_policy_list dl																		{ margin-bottom:5px; }
		.privacy_policy_list dt																	{ font-family:'NanumGothicBold'; float:left; }
.privacy_policy_table																			{ width:100%; }
	.privacy_policy_table th																	{ padding:10px 0; background:#f5f5f5; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-left:1px solid #c1c1c1; font-family:'NanumGothicBold'; }
		.privacy_policy_table th:first-child													{ border-left:0 solid #c1c1c1; }
	.privacy_policy_table td																	{ padding:10px 0; text-align:center; border-bottom:1px solid #c1c1c1; border-left:1px solid #c1c1c1; }
		.privacy_policy_table td:first-child													{ border-left:0 solid #c1c1c1; }
.privacy_policy_box																				{ width:100%; padding:20px; border:1px solid #c1c1c1; background:#fafafa; }
.privacy_policy_content span																{ width:3px; height:20px; display:block; float:left; margin-right:10px; background:url('/share/images/common/bullet_dot.gif') no-repeat center; }
.privacy_policy_date																			{ text-align:right; }
	.privacy_policy_date strong																{ display:block; float:right; }


.termsofuse																						{ margin-bottom:50px; }
.termsofuse h6																					{ padding:40px 0 20px 0; line-height:18px; font-size:1em; font-family:'NanumGothicBold'; }
.termsofuse h6 u																					{ display:block; float:left; width:3px; height:18px; background:url('/share/images/common/bullet_dot.gif') no-repeat center; margin-right:10px; }
.termsofuse p																						{ margin:0; padding:0; }

.termsofuse_box																					{ width:100%; padding:0 30px 40px; border:1px solid #c1c1c1; }

.termsofuse_box > ul > li																		{ padding-bottom:10px; }
.termsofuse_box > ul > li > ul																{ padding:10px 15px; }
.termsofuse_box > ul > li > ul > li															{ padding-bottom:5px; }

/* ******************************************************************************************************************** */
/* 이메일무단수집거부 */
/* ******************************************************************************************************************** */
.email_collect																						{ width:100%; padding:30px 5%; border:1px solid #d2d2d2; }
	.email_collect figure																			{ width:26.5%; height:146px; margin-top:30px; float:left; background:url('/share/images/membership/no_colloet_email.jpg') no-repeat center; }
	.email_collect p																				{ width:73.5%; float:right; font-size:0.933em; font-family:'NanumGothicBold'; }
		.email_collect p strong																	{ color:#d63c00; }

/* ******************************************************************************************************************** */
/* 환자의 권리와 의무 */
/* ******************************************************************************************************************** */
.footer_rights_contents																			{ width:100%; height:100%; padding:30px 1% 10px 1%; background:#f5f5f5; }
.footer_rights_contents dl																		{ margin-left:20px; margin-bottom:20px; }
.footer_rights_contents dt																		{ font-family:'NanumGothicBold'; margin-bottom:10px; }
.footer_rights_contents dt span																{ display:block; float:left; width:16px; height:18px; background:url('/share/images/common/bullet_arrow_bgred.gif') no-repeat center; margin-right:10px; }
.footer_rights_contents dd																	{}


/* ******************************************************************************************************************** */
/* 비급여진료비용 */
/* ******************************************************************************************************************** */
#footer_contents																					{ width:95%; margin:0 auto; margin-bottom:40px; }
	#footer_contents h2																			{ font-size:1.333em; font-family:'NanumGothicBold'; margin:40px 0; }
	
.footer_cost_tabs																					{ width:100%; margin-bottom:20px; font-family:'NanumGothicBold'; }
	.footer_cost_tabs li																			{ width:50%; padding:10px 0;  text-align:center; border:1px solid #d63c00; float:left; cursor:pointer; }
		.footer_cost_tabs li:first-child														{ border-right:0; }
		.footer_cost_tabs li:hover															{ color:#d63c00; }
		.footer_cost_tabs li.active2														{ background:#d63c00; color:#fff; }

.footer_cost table																				{ width:100%; border-top:2px solid #d63c00; border-right:1px solid #d2d2d2; }
	.footer_cost th																					{ padding:10px 0; background:#f5f5f5; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; font-family:'NanumGothicBold'; }
	.footer_cost td																					{ padding:10px 0; text-align:center;  border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }


/* ----------------------------------------------------------------------------- */
/* MEDIA QUERY */
/* ----------------------------------------------------------------------------- */
	@media only screen and (min-width:0px) and (max-width:480px) {			/* width 360이하 모바일(갤럭시S2 대상) */


	 
	}
	@media only screen and (min-width:0px) and (max-width:768px) {			/* 모바일(갤럭시노트급 대상) */

/* ******************************************************************************************************************** */
/* 로그인 , 아이디/비밀번호찾기 */
/* ******************************************************************************************************************** */

.login_top_text																						{ font-size:0.933em; }
.login_top_text img																				{ vertical-align:middle; padding-right:10px; }
.fint_top_text																						{ text-align:left; font-size:0.933em; padding-bottom:10px; }

.member_container																				{ width:100%; height:100%; border:1px solid #cac6c5; background:url('/share/images/membership/login_bg_left.jpg'), url('/share/images/membership/login_bg_right.jpg'); background-color:#f5f5f5; 
																											background-position:top left, top right; background-repeat:no-repeat; }
	.member_wrap																				{ width:90%; margin:0 auto; }
		.login_wrap																				{ width:100%; margin:0 auto; padding-top:50px; position:relative; }
			.login_content																			{ width:95%; float:none; margin:0 auto; }
			.login_content dl																		{ width:100%; height:46px; margin-bottom:12px; float:left; }
				.login_content dt																	{ width:29%; float:left; font-size:1em; line-height:46px; }
				.login_content dd																{ width:71%; float:left; }
				.login_content input																{ width:100%; margin:0; padding:0; padding-left:5%; border:1px solid #c1c1c1; height:46px; }
				.login_btn																			{ width:100%; height:50px; float:right; margin-top:15px; }
					.login_btn button																{ width:100%; height:100%; background:#d63c00; color:#fff; font-size:1.200em; border:none; font-family:'NanumGothicBold'; border-radius:10px; }
			
	.login_btn_wrap																				{ width:100%; margin:20px 0 30px 0; border-top:1px solid #c1c1c1; padding-top:20px; }
		.login_btn_wrap ul																		{ width:95%; margin:0 auto; }
		.login_btn_wrap li																		{ padding-left:30px; margin-bottom:10px; float:left; font-size:0.933em; }
		.login_btn_join																			{ width:100%; background:url('/share/images/membership/login_icon_join.png') no-repeat left center; }
		.login_btn_find																			{ width:100%; background:url('/share/images/membership/login_icon_find.png') no-repeat left center; }

/* ******************************************************************************************************************** */
/* 회원가입 */
/* ******************************************************************************************************************** */

.join_title_tab																						{ width:100%; border-top:1px solid #cac6c5; border-bottom:0 solid #cac6c5; margin:0 0; }
	.join_title_tab ul																				{ width:100%; height:100%; margin:0 auto 40px auto; }
		.join_title_tab li																			{ width:100%; height:45px; line-height:45px; padding-left:0; border-right:0 solid #cac6c5; border-bottom:1px solid #cac6c5; float:left; background:#f3f3f3; }
		.join_title_tab li a:hover																{ color:#d63c00; }																			
		.join_title_tab li span.join_icon01													{ width:13%; height:45px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon01.png') no-repeat center; background-size:50%; }
		.join_title_tab li span.join_icon02													{ width:13%; height:45px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon02.png') no-repeat center; background-size:50%; }
		.join_title_tab li span.join_icon03													{ width:13%; height:45px; margin-right:10px; display:block; float:left; background:url('/share/images/membership/join_icon03.png') no-repeat center; background-size:50%; }
		.join_title_tab li span.join_step														{ font-size:0.733em; display:block; float:left; height:10px; margin:0 10px 0 0; }
		.join_title_tab li strong																	{ font-size:0.933em; display:block; font-family:'NanumGothicBold';}

		.join_title_tab li.active																	{ background:#d63c00; border-right:1px solid #fff; color:#fff; }
		.join_title_tab li.active span.join_icon01											{ background:url('/share/images/membership/join_icon01_on.png') no-repeat center; background-size:50%; }
		.join_title_tab li.active span.join_icon02											{ background:url('/share/images/membership/join_icon02_on.png') no-repeat center; background-size:50%; }
		.join_title_tab li.active span.join_icon03											{ background:url('/share/images/membership/join_icon03_on.png') no-repeat center; background-size:50%; }

/* **********************************회원가입1**************************************** */
.join_terms01																						{ width:100%; margin-bottom:55px; }
	.join_terms01 textarea																		{ width:100%; height:200px; max-height:200px; padding:20px 2%; border:1px solid #dadada; line-height:160%; font-size:0.8em; overflow-y: scroll; }
	.join_agree																						{ text-align:left; font-size:0.933em; }

.join_check_wrap																				{}
	.join_check																					{ width:100%; padding:35px 0 35px 0; margin-bottom:30px; border:1px solid #dadada; background:#f5f5f5; }
		.join_check ul																				{ width:90%; margin:0 auto 20px auto; }
			.join_check li																			{ float:none; }
			.join_check li:first-child															{ float:none; }
		.join_check label																			{ margin-right:30px; }
		.join_check input																			{ width:100%; height:33px; border:1px solid #dadada; }
		.join_check_notice																		{ width:90%; padding-top:20px; margin:0 auto; border-top:1px solid #dadada; text-align:center; }
		.join_check_notice img																	{ vertical-align:middle; padding-right:10px; }
	
	.join_check_btn																				{ width:100%; text-align:center; }
		.join_check_btn li																		{ width:49%; display:block; margin:0 0 0 2%; padding:0; float:left; }
		.join_check_btn li:first-child															{ margin-left:0; }
			.join_check_btn button																{ width:100%; padding:15px 2%; border:none; font-family:'NanumGothicBold'; }
			.join_check_btn img																	{ vertical-align:middle; padding-right:10px; }	


/* **********************************회원가입2**************************************** */
.join_info_form_top																				{ text-align:right; margin-bottom:10px; font-size:0.933em; font-family:'NanumGothicBold'; }
.join_info_form_necessary																	{ font-family:'NanumGothicBold'; color:#d63c00; }
.join_info_form																						{ width:100%; border-top:2px solid #d63c00; margin-bottom:60px; }
	.join_info_form dl																				{ width:100%; border-bottom:1px solid #dadada;  border:1px solid #dadada; margin-bottom:10px; font-size:0.800em; }
		.join_info_form dt																			{ width:25%; float:left; padding:10px 1%; }
		.join_info_form dd																		{ width:75%; float:left; border-left:1px solid #dadada; padding:14px 3%; background:#fff; }
			.join_info_form dd input															{ vertical-align:middle; border:1px solid #dadada; height:30px; }
			.join_info_form dd select															{ border:1px solid #dadada; height:30px; vertical-align:top; }

			.phone_input_width																	{ width:40%; }	

			.join_info_tel input																	{ margin-bottom:10px; }
			.join_info_overlap																	{ background:#d63c00; color:#fff; border:0; }
			.join_info_magrinbot																	{ margin-bottom:10px; }

.join_info_btn																						{}
	.join_info_btn ul																				{ text-align:center; }
		.join_info_btn li																			{ display:inline-block; }
		.join_info_btn button																		{ padding:15px 30px; border:none; font-family:'NanumGothicBold'; }
		.join_info_ok button																		{ background:#d63c00; color:#fff; }


/* ******************************************************************************************************************** */
/* 이메일무단수집거부 */
/* ******************************************************************************************************************** */
.email_collect																						{ width:100%; padding:30px 5%; border:1px solid #d2d2d2; }
	.email_collect figure																			{ width:100%; height:146px; margin:30px 0; float:left; background:url('/share/images/membership/no_colloet_email.jpg') no-repeat center; }
	.email_collect p																				{ width:100%; float:right; font-size:0.933em; font-family:'NanumGothicBold'; }
		.email_collect p strong																	{ color:#d63c00; }



	}
	@media only screen and (min-width:769px) and (max-width:1099px) {		/* 테블릿() iPad LandSpace */
/* ******************************************************************************************************************** */
/* 회원가입 */
/* ******************************************************************************************************************** */


/* **********************************회원가입1**************************************** */

.join_check ul																					{ width:75%; margin:0 auto 40px auto; }
	.join_check label																			{ margin-right:10px; }
	.join_check input																			{ width:215px; height:33px; border:1px solid #dadada; -webkit-border-radius:1px; -webkit-appearance:none; }
.join_check_notice																			{ width:80%; padding-top:29px; margin:0 auto; border-top:1px solid #dadada; text-align:center; }

/* ******************************************************************************************************************** */
/* 로그인 , 아이디/비밀번호찾기 */
/* ******************************************************************************************************************** */

.login_top_text img																				{ vertical-align:middle; padding-right:10px; }
.fint_top_text																						{ text-align:center; }

.member_container																				{ width:100%; height:400px; border:1px solid #cac6c5; background:url('/share/images/membership/login_bg_left.jpg'), url('/share/images/membership/login_bg_right.jpg'); background-color:#f5f5f5; 
																											background-position:top left, top right; background-repeat:no-repeat; }
	.member_wrap																				{ width:90%; margin:0 auto; }
		.login_wrap																				{ width:90%; margin:0 auto; padding-top:88px; position:relative; }
			.login_content																			{ width:70%; float:left;}
			
	.login_btn_wrap																				{ width:100%; margin-top:20px; border-top:1px solid #c1c1c1; padding-top:50px; }
		.login_btn_wrap ul																		{ width:80%; margin:0 auto; }
		.login_btn_wrap li																		{ padding-left:10%; margin-bottom:20px; float:left; font-size:1.200em; }
		.login_btn_join																			{ width:100%; background:url('/share/images/membership/login_icon_join.png') no-repeat left center; }
		.login_btn_find																			{ width:100%; background:url('/share/images/membership/login_icon_find.png') no-repeat left center; }

/* ******************************************************************************************************************** */
/* 회원가입 */
/* ******************************************************************************************************************** */
	.join_title_tab ul																				{ width:90%; height:55px; margin:0 auto; }





	}