/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
	   }

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

* {font-family: "Nanum Barun Gothic","Arial";}

body{width:100%; margin:0 auto; background-color:#f7f8f8; color: #4E5E6A; }
img{border:none; padding:0px; margin:0px; outline:none;}
ul{list-style:none;margin:0;padding:0;}
input[type=text],
input[type=password],
input[type=email],
input[type=number]{height:22px;border:1px solid #d0d0d0;}
select{height:22px;border:1px solid #d0d0d0;}
textarea{border:1px solid #d0d0d0;}
.w100p{width:100%;}
.w98p{width:98%;}
.w95p{width:95%;}
.w90p{width:90%;}
.w80p{width:80%;}
.w70p{width:70%;}
.w60p{width:60%;}
.w50p{width:50%;}
.w50px{width:50px;}
.w80px{width:80px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w200px{width:200px;}
.h5px{height:5px;}
.h10px{height:10px;}
.h25px{height:25px;}
.h30px{height:30px;}
.h35px{height:35px;}
.h50px{height:50px;}
.h60px{height:60px;}
.h70px{height:70px;}
.h80px{height:80px;}
.h90px{height:90px;}
.h100px{height:100px;}
.h150px{height:150px;}
.aleft{text-align:left;}
.acenter{text-align:center;}
.aright{text-align:right;}
a{border:none; padding:0px; margin:0px; outline:none; text-decoration:none;}
a:active{color: #777777; text-decoration: none; }
a:link	{color: #777777; text-decoration: none;  }
a:visited{color: #777777; text-decoration: none; }
a:hover{color: #777777; text-decoration: none; }

.red { color:red; }

#wrap{width:100%; margin:0 auto; position:relative; top:0px; left:0px;}

/*로그인*/
#login_wrap { width:320px; margin:0 auto;  }
#login_con{position:absolute; top:25%; width:300px; margin:0 auto; padding:10px;}

	/*로고*/
	.login_logo_con{margin-bottom:25px; text-align:center;}

	/*로그인 창*/
	.login_con{width:100%; margin:0 auto;}
		/*타이틀*/
		.login_title_con{margin-bottom:4px;}
			/**/
			.login_title_text{font-size:12px;}

		/*로그인 인풋*/
		.login_ipnut_con{text-align:center; margin-bottom:15px;}
			.login_ipnut{width:248px; padding:8px 10px; border:1px solid #cccccc; font-size:12px; color:#000000;}

		/*로그인 버튼*/
		.login_btn_con{text-align:center; margin-bottom:15px;}
			.login_btn{width:270px; padding:9px 0px; font-size:12px; background-color: #22BAA0; color: #fff; border:0px; cursor:pointer;}
			.login_btn:hover{background-color:#1db198;}

		/*회원가입, 아이디/비밀번호찾기*/
		.login_member_con{text-align:center; margin-bottom:15px;}
			.login_member_con a:hover{text-decoration:underline;}
			/**/
			.login_member_text{font-size:12px;}

		/*로그인 안내글*/
		.login_intro_text_con{text-align:center;}
			/**/
			.login_intro_text{font-size:12px; color:#000000; line-height:18px;}
			/**/
			.login_intro_point_text{color:#ff0000; font-weight:bold;}

/*회원가입*/
#join_wrap { width:320px; margin:0 auto;  }
#join_con{position:absolute; top:25%; width:300px; margin:0 auto; padding:10px;}

	/*로고*/
	.join_logo_con{margin-bottom:50px; text-align:center;}

	/*회원가입 창*/
	.join_con{width:100%; margin:0 auto;}
		/*타이틀*/
		.join_title_con{margin-bottom:15px;}
			.join_title_text{font-size:12px;}

		/*회원가입 인풋*/
		.join_ipnut_con{text-align:center; margin-bottom:15px;}
			.join_ipnut{width:248px; padding:8px 10px; border:1px solid #cccccc; font-size:12px; color:#000000;}
		
		/*정보 동의*/
		.join_agree_con{margin-bottom:10px;}
		.join_agree_con label{cursor:pointer;}
			/**/
			.join_agree_checkbox{vertical-align:middle;}
			.join_agree_checkbox_text{font-size:12px; vertical-align:middle;}

		/*회원가입 버튼*/
		.join_btn01_con{text-align:center; margin-bottom:15px;}
			.join_btn01{width:100%; padding:9px 0px; font-size:12px; background-color: #22BAA0; color: #fff; border:0px; cursor:pointer;}
			.join_btn01:hover{background-color:#1db198;}

		/*아이디를 가지고 있으시다고요?*/
		.join_login_text_con{margin-bottom:10px; text-align:center;}
			/**/
			.join_login_text{font-size:12px;}

		/*로그인 버튼*/
		.join_btn02_con{text-align:center; margin-bottom:15px;}
			.join_btn02_con a{width:100%; display:block; padding:8px 0px; font-size:12px; background-color:#ffffff; border:1px solid #e5e5e5; }
			.join_btn02_con a:hover{background-color:#f1f1f1;}

/*아아디/비밀번호 찾기*/
#find_wrap { width:320px; margin:0 auto;  }
#find_con{position:absolute; top:25%; width:300px; margin:0 auto; padding:10px;}

	/*로고*/
	.find_logo_con{margin-bottom:50px; text-align:center;}

	/*아아디/비밀번호 찾기 창*/
	.find_con{width:270px; margin:0 auto; padding:5px 20px;}
		/*타이틀*/
		.find_title_con{margin-bottom:15px;}
			.find_title_text{font-size:12px;}

		/*아아디/비밀번호 찾기 인풋*/
		.find_ipnut_con{text-align:center; margin-bottom:15px;}
			.find_ipnut{width:248px; padding:8px 10px; border:1px solid #cccccc; font-size:12px; color:#000000;}

		/*찾기 버튼*/
		.find_btn01_con{text-align:center; margin-bottom:15px;}
			.find_btn01{width:270px; padding:9px 0px; font-size:12px; background-color: #7a6fbe; color: #fff; border:0px; cursor:pointer;}
			.find_btn01:hover{background-color:#6a5fac;}

		/*뒤로가기 버튼*/
		.find_btn02_con{text-align:center; margin-bottom:15px;}
			.find_btn02_con a{width:268px; display:block; padding:8px 0px; font-size:12px; background-color:#ffffff; border:1px solid #e5e5e5; }
			.find_btn02_con a:hover{background-color:#f1f1f1;}

/*헤더*/
#header{width:100%; border-bottom:1px solid #e9e9e9; background-color:#ffffff;}

	/*헤더 상단*/
	#header_top_con{ border-bottom:1px solid #e9e9e9;}
		.header_top_con{width:1140px; margin:0 auto; *zoom:1; position:relative; height:65px;}
		.header_top_con:after{content:""; display: block; clear: both;}
			
			/*헤더 왼쪽*/
			.header_top_left_con{position:absolute; left:0; *zoom:1; }
				/*로고*/
				.logo_con{position:relative; background-color:#ffffff; padding:22px 0;font-weight:bold;}
				.logo_con .sub_menu {position:absolute; top:0; right:-60px;}
				
				/*왼쪽 메뉴 버튼*/
				.left_menu_btn{display:block; padding:26px 20px;}
		
			/*헤더 오른쪽*/
			.header_top_right_con{position:absolute; right:0; *zoom:1; }
			.header_top_right_con:after{content:""; display: block; clear: both;}
				
				/*메일*/
				.header_top_mail_con{float:left; position:relative; top:0px; left:0px;}
					/**/
					.header_top_mail_a{display:block; padding:26px 20px; position:relative; top:0px; left:0px;}
					.header_top_mail_number{display:inline-block; width:18px; height:18px; background:url("../img/number_bg.png") no-repeat; padding-top:3px; text-align:center; font-size:10px; color:#f5fcfb; position:absolute; top:15px; right:10px; }

					/*메일 뷰페이지*/
					#header_top_mail_view_con{position:absolute; top:75px; right:-5px; width:280px; z-index:99; display:none;}
						/**/
						.header_top_mail_view_con{background-color:#ffffff; border:1px solid #d8dee4; border-top:0px;}
							
							/*알림 뷰페이지 타이틀*/
							.header_top_mail_view_title_con{padding:16px 0 16px 15px; border-bottom:1px solid #d8dee4;}
								.header_top_mail_view_title_text{font-size:12px;}

							/*메일 뷰페이지 리스트*/
							.header_top_mail_view_list_con{height:295px; overflow-y:scroll;}
								.header_top_mail_view_list{list-style:none; padding:0px; margin:0px;}
									.header_top_mail_view_list li{border-bottom:1px solid #d8dee4;}
										/**/
										.header_top_mail_view_list a{display:block; padding:10px 15px;}
										.header_top_mail_view_list a:hover{background-color:#f7f7f7;}
										/**/
										.header_top_mail_view_list_name_text_con{margin-bottom:10px;}
										.header_top_mail_view_list_name_text{font-size:13px; color:#707070;}
										/**/
										.header_top_mail_view_list_info_text_con{margin-bottom:10px;}
										.header_top_mail_view_list_info_text{font-size:12px; color:#a0a0a0;}
										/**/
										.header_top_mail_view_list_time_text{font-size:11px; color:#bababa;}
							
							/*메일 뷰페이지 모두보기*/
							.header_top_mail_view_more_con{text-align:center;}
								/**/
								.header_top_mail_view_more_con a{display:block; padding:16px 10px;}
								.header_top_mail_view_more_con a:hover{background-color:#f7f7f7;}
								/**/
								.header_top_mail_view_more_text{font-size:12px;}
				
				/*알림*/
				.header_top_notice_con{float:left; position:relative; top:0px; left:0px;}
					/**/
					.header_top_notice_a{display:block; padding:26px 20px; position:relative; top:0px; left:0px;}
					.header_top_notice_number{display:inline-block; width:18px; height:18px; background:url("../img/number_bg.png") no-repeat; padding-top:3px; text-align:center; font-size:10px; color:#f5fcfb; position:absolute; top:15px; right:10px;}

					/*알림 뷰페이지*/
					#header_top_notice_view_con{position:absolute; top:75px; right:-5px; width:280px; z-index:99; display:none;}
						/**/
						.header_top_notice_view_con{background-color:#ffffff; border:1px solid #d8dee4; border-top:0px;}
						
							/*알림 뷰페이지 타이틀*/
							.header_top_notice_view_title_con{padding:16px 0 16px 15px; border-bottom:1px solid #d8dee4;}
								.header_top_notice_view_title_text{font-size:12px;}

							/*알림 뷰페이지 리스트*/
							.header_top_notice_view_list_con{}
								.header_top_notice_view_list{list-style:none; padding:0px; margin:0px;}
									.header_top_notice_view_list li{border-bottom:1px solid #d8dee4;}
										/**/
										.header_top_notice_view_list_tab{width:100%; margin:0 auto;}
											/**/
											.header_top_notice_view_list a{display:block; padding:10px 15px;}
											.header_top_notice_view_list a:hover{background-color:#f7f7f7;}
											/**/
											.header_top_notice_view_list_icon{vertical-align:middle; margin-right:5px;}
											/**/
											.header_top_notice_view_list_text{font-size:12px; vertical-align:middle;}
											/**/
											.header_top_notice_view_list_time{padding:3px 10px; display:inline-block; font-size:10px; color:#b2b2b2; background-color:#f1f1f1;}

							/*알림 뷰페이지 모두보기*/
							.header_top_notice_view_more_con{text-align:center;}
								/**/
								.header_top_notice_view_more_con a{display:block; padding:16px 10px;}
								.header_top_notice_view_more_con a:hover{background-color:#f7f7f7;}
								/**/
								.header_top_notice_view_more_text{font-size:12px;}

		/*회원정보*/
		#header_top_member_con{float:left; text-align:right; position:relative; top:0px; left:0px;}
			/*회원정보*/
			.header_top_member_a{display:block; padding:26px 10px;}
			.header_top_member_id_text{font-size:12px; color:#5f5f5f; vertical-align:middle;}
			.header_top_member_id_icon{margin-left:5px; vertical-align:middle}
		
			/*회원정보 뷰페이지*/
			#header_top_member_view_con{position:absolute; top:75px; right:-5px; width:160px; z-index:99; display:none;}
				/*회원정보 뷰페이지 리스트*/
				.header_top_member_view_list_con{width:158px; margin:0 auto; text-align:left; background-color:#ffffff; border:1px solid #d8dee4; border-top:0px;}
					.header_top_member_view_list{list-style:none; padding:0px; margin:0px;}
						/**/
						.header_top_member_view_list a{display:block; padding:8px 10px 0 10px; height:27px;}
						.header_top_member_view_list a:hover{background-color:#f7f7f7;}
						/**/
						.header_top_member_view_icon{vertical-align:middle; margin-right:5px;}
						.header_top_member_view_list_text{font-size:12px; color:#5f5f5f; vertical-align:middle;}
						/**/
						.header_top_member_view_email_tab{width:100%; margin:0 auto;}
						.header_top_member_view_email_number{display:inline-block; width:18px; height:18px; background:url("../img/number_bg.png") no-repeat; padding-top:3px; text-align:center; font-size:10px; color:#f5fcfb;}	
		
		/*채팅*/
		#header_top_chatting_con{float:left;}
			/*채팅*/
			.header_top_chatting_a{display:block; padding:26px 10px;}	
			
				/*채팅 목록 페이지*/
				#view_chatting_page_con{width:229px; height:100%; background-color:#ffffff; border-left:1px solid #e9e9e9; position:fixed; top:0px; right:0px; z-index:999; display:none;}
					/*타이틀*/
					.view_chatting_page_title_con{padding:20px 15px;}
						.view_chatting_page_title_tab{width:100%; margin:0 auto;}

	/*메인 메뉴*/
	#main_nav{width:1140px; margin:0 auto;}
		#main_nav a{font-size:12px;}
		
	/*메인 메뉴 리스트*/
	.main_nav_list_con{}
		.main_nav_list{list-style:none; padding:0px; margin:0px; *zoom:1; }
		.main_nav_list:after{content:""; display: block; clear: both;}
			.main_nav_list_li{float:left; margin-right:20px; position:relative; top:0px; left:0px;}
				/**/
				.main_nav_list_a{display:block; padding:10px 14px;}
				.main_nav_list_a img{vertical-align:middle; margin-right:5px;}
				.main_nav_list_a span{vertical-align:middle;}

	/*메인 메뉴 서브 리스트*/
	.main_sub_nav_list_con{width:200px; position:absolute; top:34px; left:0px; background-color:#f7f7f7; border:1px solid #e9e9e9; border-top:1px solid #f7f7f7; z-index:9;}
		.main_sub_nav_list{list-style:none; padding:0px; margin:0px;}
			.main_sub_nav_list li{}
				/**/
				.main_sub_nav_list a{display:block; padding:10px 0 10px 20px;}
				.main_sub_nav_list a:hover{color:#44c0ae;}

	/*숨었다 나옴*/
	.main_sub_nav_list01_con, .main_sub_nav_list02_con, .main_sub_nav_list03_con, .main_sub_nav_list04_con, .main_sub_nav_list05_con, .main_sub_nav_list06_con, .main_sub_nav_list07_con, .main_sub_nav_list08_con, .main_sub_nav_list09_con{display:none;}

/*페이지 경로*/
#route_con{width:100%; margin:0 auto; padding:8px 0; background-color:#f5f5f5; border-bottom:1px solid #e9e9e9;}
	.route_con{width:1140px; margin:0 auto; height:24px;}
		/**/
		.route_con a:hover{text-decoration:underline;}
		/**/
		.route_text{font-size:12px}

/*페이지 타이틀*/
#page_title_con{width:100%; margin:0 auto; padding:10px 0; background-color:#f9f9f9; border-bottom:1px solid #e9e9e9;}
	.page_title_con{width:1140px; margin:0 auto;}
		/**/
		.page_title_text{font-size:1.2em; color:#74767d; font-weight:bold;}

/*내용*/
#container{width:100%; margin:0 auto; padding:20px 0; border-bottom:1px solid #e9e9e9;}
	.container{width:100%; margin:0 auto; position:relative; top:0px; left:0px; *zoom:1;}
	.container:after{content:""; display: block; clear: both;}
			
		.container_left_con{min-width:200px; width:20%; float:left;}
		
		/*오른쪽 내용*/
		.container_right_con{float:left; width:80%;}


/*푸터*/
#footer{width:100%; margin:0 auto; padding:20px 0; background-color:#ffffff; }
	.footer{width:1140px; margin:0 auto;}
		/**/
		.copy_text{font-size:12px;}



/*회원정보*/
#main_info_con{}
	/*검색창*/
	.basic_search_con{ margin-bottom:20px; position:relative; height:34px; }
	.basic_search_con .basic_search_input{ position:absolute; right:0px; width:50%; padding:6px 5px; height:34px; font-size:12px; color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
	.basic_search_con .a_search_btn { position:absolute; right:0px;	}

	/*기본 테이블 리스트*/
	.basic_info_con{margin-bottom:20px; padding:5px; background-color:#fff;}
		.basic_info_tab{width:100%; margin:0 auto;}
			.basic_info_tab td{border-bottom:1px solid #dddddd; }
			.basic_info_tab th{border-bottom:1px solid #dddddd; }
		
			.basic_info_tab tr:nth-child(odd) {background: #ffffff;}
			.basic_info_tab tr:nth-child(even) {background: #f9f9f9;}
		
			/*타이틀*/
			.basic_info_tab .title_td{ position:relative; border-top:1px solid #111111; padding:12px 25px; *zoom:1; }
				/*타이틀 텍스트*/
				.basic_info_tab .title_text{font-size:12px; color:#4e5e6a; font-weight:bold; vertical-align:middle;}
				/*센터정렬 텍스트 (연락처, 기능)*/
				.basic_info_tab .title_center_text{font-size:12px; color:#4e5e6a; font-weight:bold; vertical-align:middle;}
				/*화살표*/
				.basic_info_tab .basic_info_arrow{position:absolute; right:10px; vertical-align:middle;}
			
			/*체크박스*/
			.basic_info_tab .checkbox{border-radius:0px; outline:none; cursor:pointer; width:12px;}


			/*내용*/
			.basic_info_tab thead .info_td{padding:10px 0px;}
			.basic_info_tab tbody .info_td{padding:10px 15px;}
				/*내용 텍스트*/
				.basic_info_tab .info_text{font-size:12px; color:#685e6a;}
				
	.basic_btn_area {
		text-align:right;
	}
	.basic_input_btn {
		width:80px; display:inline-block; text-align:center; border:1px solid #dce1e4; background-color:#22baa0; padding:12px 5px; margin:0 5px; vertical-align:middle;
	}

	/*번호목록*/
	.number_list_con{text-align:center;}
		/*이전,다음 버튼*/
		.number_list_btn{vertical-align:middle; margin:0 5px;}
		/*번호 텍스트*/
		.number_list_text{display:inline-block; font-size:12px; color:#39465f;  margin:0 5px; padding:5px 9px; vertical-align:middle;}
		/*해당 번호 on*/
		.number_list_con .on{background-color:#f1f1f1; border:1px solid #ebebeb;}

	/*글쓰기*/
	.basic_info_view_info_con{margin-bottom:20px;}
					/*타이틀*/
					.basic_info_view_title_con{margin-bottom:5px; cursor:pointer;}
						.basic_info_view_title_con h4{font-size:14px; font-weight:bold;}
					
					/*입력란*/
					.basic_con{ }
						.basic_con .item_con{background-color:#fff; padding:3% 0% 3% 3%;}
						.basic_con .item_con:after{content:""; display: block; clear: both;}
						.basic_info_view_con .form-group {width:50%; float:left; }
						.basic_info_view_tab{width:100%; margin:0 auto; border-top:1px solid #111111;}
							.basic_info_view_tab td{padding:10px 15px; border-bottom:1px solid #dddddd; }
	
								/*타이틀*/
								.basic_info_view_tab .title_td{background-color:#f1f1f1;}
									.basic_info_view_tab .title_text{font-size:12px; color:#4e5e6a; font-weight:bold;}
	
								/*내용*/
								.basic_info_view_tab .info_td{background-color:#ffffff;}
									.basic_info_view_tab .info_text{font-size:12px; color:#685e6a;}
									
									/*회원등급*/
									.basic_info_view_client_select{width:94%;}
	
									/*기본 인풋*/
									.basic_info_view_basic_input{width:94%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									/*셀렉박스*/
									.basic_info_view_con select{padding:5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
	
									/*아이디*/
									.basic_info_view_id_text{font-size:12px; color:#ff0000; vertical-align:middle;}
									
									/*비밀번호*/
									.basic_info_view_password_tex{font-size:12px; color:#ff0000; vertical-align:middle;}
	
									/*담당자/직함*/
									.basic_info_view_agent_input{width:68px; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_info_view_agent_text{font-size:12px; color:#685e6a; vertical-align:middle;}
	
									/*전화번호, 팩스, 휴대전화*/
									.basic_info_view_call_select{width:28%;}
									.basic_info_view_call_input{width:28%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_info_view_call_text01{font-size:12px; color:#685e6a; vertical-align:middle;}
									.basic_info_view_call_text02{font-size:12px; color:#ff0000; vertical-align:middle;}
	
									/*라디오버튼*/
									.basic_info_view_con label{cursor:pointer;}
									.basic_info_view_radio{vertical-align:middle;}
									.basic_info_view_radio_text{font-size:12px; color:#685e6a; vertical-align:middle; }
	
									/*이메일*/
									.basic_info_view_email_id_input{width:35%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_info_view_email_address_input{width:25%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_info_view_email_address_select{width:30%;}
									.basic_info_view_email_text01{font-size:12px; color:#685e6a; vertical-align:middle;}
									.basic_info_view_email_text02{font-size:12px; color:#ff0000; vertical-align:middle;}
	
									/*주소*/
										/*우편번호*/
										.basic_info_view_post_input{width:20%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
										.basic_info_view_post_text{font-size:12px; color:#685e6a; vertical-align:middle; }
										.basic_info_view_post_btn{width:40px; display:inline-block; text-align:center; font-size:12px; color:#ffffff; border:1px solid #dce1e4; background-color:#22baa0; padding:6px 5px; vertical-align:middle;}
										/*나머지 주소*/
										.basic_info_view_address_input{width:94%; padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; margin-right:3px; vertical-align:middle;}
	
									/*생년월인*/
									.basic_info_view_birth_select{width:28%;}
									
									.basic_input { padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_select { padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
									.basic_textarea { padding:6px 5px; font-size:12px color:#000000; border:1px solid #dce1e4; vertical-align:middle;}
	
				/*확인,취소 버튼*/
				.basic_info_view_btn_con{text-align:center; margin-top:10px;}
					/*확인*/
					.basic_info_view_btn01{width:80px; display:inline-block; text-align:center; border:1px solid #dce1e4; background-color:#22baa0; padding:12px 5px; margin:0 5px; vertical-align:middle;}
					.basic_info_view_btn01_text{font-size:12px; color:#ffffff;}
					/*취소*/
					.basic_info_view_btn02{width:80px; display:inline-block; text-align:center; border:1px solid #eeeeee; background-color:#ffffff; padding:12px 5px; margin:0 5px vertical-align:middle;}
					.basic_info_view_btn02_text{font-size:12px; color:#685e6a;}
					
				.basic_info_view_con h4 { font-size:1.0em; }
					
					
					
/* 팝업창 */
#pop_area {width:100%; margin:0 auto;}
#pop_area .pop_row { margin-top:10px; }
#pop_area .pop_row .tt { font-size:14px; }
#pop_area .pop_row .table {width:100%; margin:0 auto; border-top:1px solid #111111;}
#pop_area .pop_row .table>tbody>tr>th{
	background-color:#f1f1f1;
	padding:10px 15px;
	border-bottom:1px solid #dddddd;
	font-size:12px;
	color:#4e5e6a;
	font-weight:bold;
}
#pop_area .pop_row .table>tbody>tr>td{
	background-color:#fff;
	padding:10px 15px;
	border-bottom:1px solid #dddddd;
}

/*기본*/
.basic_input {
	width:200px;
	padding:6px 5px;
	border:1px solid #dce1e4;
	vertical-align:middle;
}
.basic_textarea {
	padding:6px 5px;
	border:1px solid #dce1e4;
	vertical-align:middle;
}
.basic_btn01 {
	width:80px;
	display:inline-block;
	text-align:center;
	border:1px solid #dce1e4;
	background-color:#22baa0;
	padding:12px 5px;
	margin:0 5px;
	vertical-align:middle;
}


.m_page_slidebar {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border-right:1px solid #f1f1f1;
	width:150px;
	background:#34425A;
	z-index:99999;
}
.m_page_slidebar .slider_header {
	position:relative;
	height:70px;
	padding:10px;
	width:100%;
	position:relative;
}
.m_page_slidebar .slider_header .info {
	position:absolute;
	left:0px;
	padding:5px;
}
.m_page_slidebar .slider_header .info .pic {
	overflow:hidden;
	width:30px;
	height:30px;
	display:table-cell;
}
.m_page_slidebar .slider_header .info .name {
	display:table-cell;
	height:30px;
	vertical-align:middle;
	padding-left:10px;
	color:#fff;
}
.m_page_slidebar .slider_header .info .pic img{
	border:1px solid #fff;
	border-radius: 30px;
}
.m_page_slidebar .slider_header .close {
	position:absolute;
	right:10px;
	top:15px;
}
.m_page_slidebar .slidebar_menu {
	list-style:none;
	margin:0;
	padding:0;
}
.m_page_slidebar .slidebar_menu li {
}
.m_page_slidebar > .slidebar_menu > li > a {
	display:block;
	padding:15px;
	padding-left:18px;
	padding-right:18px;
	text-decoration:none;
	font-size:13px;
	color:#899dc1;
	text-align:center;
	position:relative;
	
}
.m_page_slidebar > .slidebar_menu > li > a:hover {
	background:#2b384e;
	color:#fff;
}
.m_page_slidebar .slidebar_menu li span.menu-icon {
	font-size:20px;
	display:inline-block;
	margin-bottom:10px;
}
.m_page_slidebar > .slidebar_menu > li > a > p {
	margin:0;
}
.m_page_slidebar > .slidebar_menu > li.active > a{
	color:#fff;
	background:#2b384e;
}
.m_page_slidebar > .slidebar_menu > li > a > .arrow {
	width:10px;
	float:right;
	display:block;
	margin-top:20px;
	height:auto;
	position:absolute;
	right:20px;
}
.m_page_slidebar > .slidebar_menu > li > .sub-menu {
	list-style:none;
	padding:0;
	margin:0;
}
.m_page_slidebar > .slidebar_menu > li > .sub-menu a {
	color:#899dc1;
	display: block;
  padding: 10px;
  background: transparent;
  text-decoration: none;
  font-size: 13px;
  background:#2b384e;
}


.sp01_img {
	background:url('/img/sp01_img.png') no-repeat;
	display:inline-block;
	overflow:hidden;
	color:transparent;
	white-space:nowrap;
}
.search_btn {	
	width:37px;
	height:34px;
	background-position:-30px 0px;
	vertical-align:middle;
}
.refresh_btn {
	width:37px;
	height:34px;
	background-position:-76px 0px;
	vertical-align:middle;
	border:1px solid #e1e1e1;
}
.pagePrev_btn {
	width:37px;
	height:34px;
	background-position:-76px 0px;
	vertical-align:middle;
	border:1px solid #e1e1e1;
}
.pagePrev_btn {
	width:37px;
	height:34px;
	background-position:-114px 0px;
	vertical-align:middle;
	border:1px solid #e1e1e1;
}
.pageNext_btn {
	width:37px;
	height:34px;
	background-position:-147px 0px;
	vertical-align:middle;
	border:1px solid #e1e1e1;
}

.delete_btn {
	width:37px;
	height:34px;
	background-position:-178px 0px;
	vertical-align:middle;
	border:1px solid #e1e1e1;
}

.btnCommon{
	border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #000;
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.btnCommon:hover{
	border:1px solid #bfc4c4;
	background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
	background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

table th {font-weight:normal;}
table td {padding-left:5px;}


/* paginator */


/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/Madmin/img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; font-weight:bold; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; font-weight:bold; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/Madmin/img/buttonGreen.gif); color:#ffffff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/Madmin/img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/Madmin/img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/Madmin/img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

.section{position:relative;margin:10px;border:1px solid #e9e9e9;background:#fff;*zoom:1}
.section .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7 url(img/br_section_title.gif) repeat-x left bottom;color:#333}
.section .tx{padding:10px;border-top:1px solid #e9e9e9;color:#666}
.section .section_more{position:absolute;top:9px;right:10px;font:11px Dotum, 돋움, Tahoma;color:#656565;text-decoration:none !important}
.section .section_more span{font:14px/1 Tahoma;color:#6e89aa}


#wrap{width:100%; margin:0 auto; position:relative; top:200px; left:0px; background-color:#ffffff;}

/*로그인*/
#login_wrap { width:320px; margin:0 auto;  }
#login_con{position:absolute; top:25%; width:300px; margin:0 auto; padding:10px;}

	/*로고*/
	.login_logo_con{text-align:center;}

	/*로그인 창*/
	.login_con{width:100%; margin:0 auto;}
		/*타이틀*/
		.login_title_con{padding:0 15px; margin-bottom:4px;}
			/**/
			.login_title_text{font-size:12px;}

		/*로그인 인풋*/
		.login_ipnut_con{text-align:center; margin-bottom:15px;}
			.login_ipnut{width:248px; padding:8px 10px; border:1px solid #cccccc; font-size:12px; color:#000000;}

		/*로그인 버튼*/
		.login_btn_con{text-align:center; margin-bottom:15px;}
			.login_btn{width:270px; padding:9px 0px; font-size:12px; background-color: #2D69C9; color: #fff; border:0px; cursor:pointer;}
			.login_btn:hover{background-color:#2456a6;}

		/*회원가입, 아이디/비밀번호찾기*/
		.login_member_con{text-align:center; margin-bottom:15px;}
			.login_member_con a:hover{text-decoration:underline;}
			/**/
			.login_member_text{font-size:12px;}

		/*로그인 카피라이트*/
		.login_intro_text_con{text-align:center;}
			/**/
			.login_intro_text{font-size:11px; color:#cccccc; line-height:18px;}