@charset "utf-8";
/* container order : top left bottom right */

// Corrects font-size on mobile/handheld devices w/o preventing zooming 
// in WebKit browsers
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 body { 
  -webkit-text-size-adjust:100%; 
  -ms-text-size-adjust:100%;
 } 
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 body { 
  -webkit-text-size-adjust:100%;
		-ms-text-size-adjust:100%;
 } 
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 body { 
  -webkit-text-size-adjust:100%;
		-ms-text-size-adjust:100%; 
 } 
}

@media all and (max-width: 767px) {
			#layout_content
			{
				width:100%;
				display: block;
				text-align:center;
			}
			#main_menu_ad
			{
				display:inline;
			}
		#ad_area
		{
			display:none;
		}
		#ad_body .line_ad_area
		{
			display:block;
		}
		/* 유저 검색의 select box */
		.select_search_users
		{
			text-align:left;
			width: 15em;
			height:2em;
		}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
		#layout_content
		{
			width:60%;
			float:left;
			display: block;
			text-align:center;
		}
		#main_menu_ad
		{
			display:none;
		}
		#ad_area
		{
			width:40%;
			scroll:auto;
			display:block;
			overflow:auto;
			-webkit-overflow-scrolling: touch;
			height:100%;
			float:left;
		}
		#ad_body .line_ad_area
		{
			display:none;
		}
		/* 유저 검색의 select box */
		.select_search_users
		{
			text-align:left;
			width: 15em;
			height:8em;
		}
}
@media only screen and (min-width: 1024px) {
		#layout_content
		{
			width:70%;
			float:left;
			display: block;
			text-align:center;
		}
		#main_menu_ad
		{
			display:none;
		}
		#ad_area
		{
			width:30%;
			scroll:auto;
			display:block;
			overflow:auto;
			-webkit-overflow-scrolling: touch;
			height:100%;
			float:left;
		}
		#ad_body .line_ad_area
		{
			display:none;
		}
		/* 유저 검색의 select box */
		.select_search_users
		{
			text-align:left;
			width: 15em;
			height:8em;
		}
}
/*
@media all and (min-width: 601px) and (max-width: 949px) {
		#layout_content
		{
			width:50%;
			float:left;
			display: block;
			text-align:center;
		}
		#main_menu_ad
		{
			display:none;
		}
		#ad_area
		{
			scroll:auto;
			display:block;
			overflow:auto;
			height:100%;
			float:left;
		}
		#ad_body .line_ad_area
		{
			display:none;
		}
}
*/


*
{
	/* 가로 모드에서 텍스트 확대 방지하기 */
	-webkit-text-size-adjust: none;
	padding:0;
	margin:0;
}

html
{
	/* 꾹 눌러도 모바일 자체 단축 메뉴가 나타나지 않음 */
	/* 아이폰에서는 <a> 태그로 링크가 걸리진 않은 객체에 링크 이벤트를 준 것은 처리되지 않아서 좀 곤란하네*/
	/*-webkit-touch-callout:none;*/
	
	/*링크를 터치했을때 나오는 기본 영역의 색상을 제어.아래 것은 투명하게. 따라서 아무런 색도 나오지 않음
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	*/
	/*텍스트가 복사되지 않도록 한다
		none : 사용자는 모든 요소의 content를 선택할 수 없다.
		text : 사용자는 text를 선택할 수 있다.
		toggle : 사용자는 toggle를 선택할 수 있다.
		element : 사용자는 한 번에 한 요소가 선택할 수 있다.
		elements : 사용자는 한 번에 하나 이상의 요소를 선택할 수 있다.
		all : 사용자는 전체 내용을 선택할 수 있다.
	*/

	-webkit-user-select:none;
	user-select:none;
	-moz-user-select: none;
	
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

body
{
	font-size: 80%;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	line-height: 20px;
	text-align: left;
	padding: 0;
	margin: 0;
	/*-webkit-text-size-adjust:none;/* 화면 회전시 폰트사이즈 고정 */
}


img
{
	-ms-interpolation-mode: bicubic;
}

.thumb_menu_image
{
	padding:20px;
	height:40px;
}

fieldset
{
		padding:1em;
		color:#666666;
		border:#666666 dotted 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/*
		-webkit-box-shadow: 1px 1px 0 #999;
		-moz-box-shadow: 1px 1px 0 #999;
		box-shadow: 1px 1px 0 #999;
		*/
}

legend
{
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
}

#ad_korean,
#ad_english
{
	display: none;
}

#info_body,
#loginoff_body,
#search_body,
#chat_body,
#sns_body,
#sms_body,
#ad_body,
#map_body
{
	padding: 0;
	margin: 0;
	display: none;
	text-align: center;
	font-family: Verdana, Helvetica, Sans-Serif, Arial;
}

#chat_square_body,
#chat_chat_body,
#chat_logined_body,
#chat_search_body,
#chat_friends_body,
#chat_setting_body
{
	padding: 0;
	margin: 0;
	text-align: center;
}

#chat_logined_body,
#chat_search_body,
#chat_friends_body,
#chat_setting_body,
#info_body,
#loginoff_body,
#sns_body,
#ad_body,
#map_body
{
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#chat_chat_body
{
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#chat_square_body .comment
{
	width: 100%;/*background-color:rgba(153,204,0,0.2);*/
}

#chat_chat_body .comment
{
	width: 100%;/*background-color:rgba(102,102,153,0.2);*/
}

#wrapper
{
	position: relative;
	background-color: #FFFFCC;
	/*background-color:rgba(255,255,0,0.2);*/
}

#wrapper_private
{
	position: relative;
	background-color: #E1F0FF;
	/*background-color:rgba(0,128,128,0.1);*/
}

.chat_button
{
	width:1.5em;
	padding:0.2em;
	text-align:center;
	vertical-align:middle;
	position:relative;
	cursor:pointer;
}

#toolbar
{
	/*border: solid 1px #CCC;*/
	background: #4A7CAF; /* for non-css3 browsers */
	text-align: center;
	width:100%;
	height:100%;
	/*
	width: calc(100% - 10%);
	width: -webkit-calc(100% - 10%);
	width: -moz-calc(100% - 10%);
	*/
}

#layout_logoff table,
#layout_login
{
	width:100%;
	text-align:center;
	color:#006666;
	font-size:15px;
}

#layout_login p
{
	height:50px;
}

#username,
#passwd,
{
	width: 250px;
	height:25px;
	font-size:15px;
	color:#333333;
}

#footer
{
	z-index:999;
 text-align:center;
	width:100%;
	background:#EEEEEE;
	height:25px;
	line-height:25px;
}

/* 맨 아래 푸터의 각 아이템 정의 */
.footer_item
{
	float:left;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	border-left:#CCCCCC solid 1px;
	border-collapse:collapse;
}

.footer_item:first-child
{
	border-left:hidden;
}


#trans_area
{
	width: 100%;
	clear: both;
}

img
{
	border: 0;
}

.checked_border
{
	border: #F00 solid 1px;
}

.nav-set
{/* 네비게이션 아이콘 설정 */
	cursor: pointer;
	height: 24px;
	vertical-align: middle;
}

.nav-set1
{/* 네비게이션 아이콘 설정 */
	cursor: pointer;
	height: 24px;
	vertical-align: middle;
}

.img-current-location
{/* 네비게이션 아이콘 설정 */
	cursor: pointer;
	height: 16px;
	vertical-align: middle;
}

.icon-set
{/* 아이콘 설정 */
	cursor: pointer;
	position: relative;
	vertical-align:middle;
	height: 22px;
}

.icon-set-del
{/* 아이디, 비번 내용 삭제 아이콘 설정 */
	cursor: pointer;
	position: relative;
	vertical-align:middle;
	height: 22px;
	margin-top:-5px;
	margin-left:5px;
}

.icon_sub_menu
{/* 아이콘 설정 */
	cursor: pointer;
	padding:0;
	margin:0;
	position: relative;
	vertical-align:middle;
	height: 20px;
}

#transition_language
{
	width:20px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

.icon-more-set
{
	position: relative;
	margin: 0;
	height: 22px;
}

#loginoff_body
{
	font-size:1em;
}

#input_area,
#editor_trans_display
{
	text-align: center;
}


#cmt_display,/* 검색어 입력라인 */
#editor_trans_display,
#trans_display,/* 번역된 문장 출력라인 */
#trans_block,/* 언어선택 라인 */
#menu1/* 툴바 도구 라인 */
{
	position: relative;
	height:30px;
	line-height:30px;
	background-color:#4A7CAF;
}


.division1
{
	position: relative;
	float: left;
	display:inline-block;
	margin: 0;
	padding: 0;
}

input[type=radio]
{
	border:0;
}

input,
select,
textarea
{
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*
	-webkit-box-shadow: 1px 1px 0 #999;
	-moz-box-shadow: 1px 1px 0 #999;
	box-shadow: 1px 1px 0 #999;
	*/
}

input[type='image']
{
	border:0;
}

#menu1,
#trans_block,
#sns_api
{
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	font-size: 1em;
}

table
{
	/*	border-top:5px solid #3C0;*/
	font-size: 1em;
	line-height: 13px;
	text-align: left;
	padding: 0;
	margin: 0;
}

a
{/*순서 : link, visited, hover, focus, active */
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color:#666666;
}

a:link
{
	color: #009999;
}

a:visited
{
	color: #009999;
}

a:hover
{
	color: #FF3333;
}

a:focus
{
	color: #FF3333;
}

a:active
{
	color: #FF0000;
}

.div_blank
{
	height:0px;
}

hr
{
	margin: 0.1em 0;
	color: #e5e5e5;
}

#logo
{
	text-align: center;
	margin: 0;
	width: 100%;
	color: #6DAAD3;
	background: #6DAAD3; /* for non-css3 browsers */
	background: -webkit-linear-gradient(top, #6DAAD3, #4A7CAF);
	background: -webkit-gradient(linear, left top, left bottom, from(#6DAAD3), to(#4A7CAF))
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6DAAD3', endColorstr='#4A7CAF');
	height: 25px;
	line-height:25px;
}

#main_ad
{
	text-align: center;
	margin: 0;
	width: 100%;
	color: #6DAAD3;
	background: #6DAAD3; /* for non-css3 browsers */
	height: 25px;
	line-height:25px;
}

/*
a:link#home_ad_url,
a:visited#home_ad_url,
a:active#home_ad_url
{
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

a:hover#home_ad_url
{
	color:#FFFF00;
}
*/
.mobile_ad a,
.mobile_ad a:link,
.mobile_ad a:visited,
.mobile_ad a:active
{
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

.mobile_ad a:hover
{
	color:#FFFF00;
}

#tabs
{
	margin:0;
	padding: 0;
}

#chat_body
{
	text-align: left;
}

#chat_body ul li
{
	/*height:1em;*/
}

#chat_search_body ul
{
	padding: 0;
}

#tabs ul li a img
{/* 각 탭의 이미지 아이콘 설정 */
/*height:1.7em;*/
}

.ui-tabs-nav
{/* 각 탭 영역 재설정 */
	padding: 0;
	margin: 0;
	height:30px;
}

.ui-tabs .ui-tabs-nav li a
{/* 각 탭 영역 재설정 */
	padding: 2px 2px 0 2px;
	border: 1px;
	margin: 0;
	/*height:1em;*/
}

.ui-tabs .ui-tabs-nav li#eps a
{/* 각 탭 영역 재설정 */
	padding: 2px 2px 0 3px;
	border: rgba(174,174,0,1) 1px solid;
	background-color: rgba(204,204,102,1);
}


/* jQuery 새창 관련 시작 */
.ui-dialog-title,
.ui-dialog-buttonset
{
	/* 새창의 제목줄, 아래의 버튼 */
	width:100%;
	text-align:center;
}

.ui-dialog-title,
#ui-dialog-title-info_maegu
{
	/* 매구 정보 새창의 제목 */
	color:#FF6666;
}
/* jQuery 새창 관련 끝 */


.space1
{
	color:#CCCCCC;
	position: relative;
	padding-left: 0.5em;
	padding-right: 0.5em;/*top:0.2em;*/
}

#global_search_bar,
#local_search_bar
{
	color: black;
}

#line_ad_area
{
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	width: 100%;
}

#chatting_list_sub
{
	clear: both;
}

.chat_subtitle
{
/*각 채팅 영역의 제일 상단 영역  border-top: #999999 dotted 1px;*/
	border-bottom: #999999 dotted 1px;
	height:25px;
	width: 100%;
	background-color: #fff;
	text-align: right;
	vertical-align:middle;
}

.check_original
{
	vertical-align:middle;
}

#trans_check
{
	padding: -5px;
}

#sms_body
{
	text-align: center;
	vertical-align: middle;
	line-height: 2em;
}

#sms_body a:link,
a:visited,
a:active
{
	color: #066;
	text-decoration: none;
}

#sms_body a:hover
{
	color: #F60;
	text-decoration: none;
}

#url
{
	ime-mode: disabled;
	width: 20em;
}

#message_trans,
#message_en,
#message_original
{
	margin: 0;
	padding: 0;
}

.info_division_title
{
	width: 100%;
	border-top: rgba(0,153,204,1) solid 1px;
	border-bottom: rgba(0,153,204,1) solid 1px;
	font-size: 1em;
	vertical-align:middle;
	text-align: center;
	color: rgba(0,153,204,1);
	font-weight:bold;
}

/*
.message {
	float:left;
	padding-bottom:0.3em;
}

.message1 {
	float:clear:both;
	width:100%;
}
*/


.speech-bubble_my
{
	position: relative;
	margin-right: 15px;
	widh: 100px;
	padding: 5px 15px 5px 15px;
	/*border-top: 1px solid #fff;*/
	background-color: #FC0;
	border-radius: 10px;
	word-wrap: break-word;
	box-shadow: -3px 3px 5px #888;
	-moz-box-shadow: -3px 3px 5px #888;/* ff */
	-webkit-box-shadow: -3px 3px 5px #888;/* chrome, safari */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#888, direction=225, strength=20);
}

.speech-bubble_my:after
{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	right: -17px;
	border-color: transparent transparent transparent #FC0;
	border-style: solid;
	border-width: 10px 0px 10px 30px;
	width: 0;
	height: 0;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.speech-bubble_others
{
	position: relative;
	margin-left: 55px;
	widh: 100px;
	padding: 5px 15px 5px 15px;
	/*border-top: 1px solid #fff;*/
	background-color: white;
	border-radius: 10px;
	word-wrap: break-word;
	box-shadow: 3px 3px 3px #888;
	-moz-box-shadow: 3px 3px 3px #888;/* ff */
	-webkit-box-shadow: 3px 3px 3px #888;/* chrome, safari */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#888, direction=135, strength=20);
}

.speech-bubble_others:after
{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: -17px;
	border-color: transparent white transparent transparent;
	border-style: solid;
	border-width: 10px 30px 10px 0px;
	width: 0;
	height: 0;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

.checkbox
{
	font-size: 2em;
	text-align: center;
	vertical-align: middle;
}

#cmt,
#editor_trans
{
	width: 80%;
	font-size: 1.3em;
	vertical-align:middle;
}

#check_cmt,
#check_editor_trans
{
	vertical-align:middle;
}

#cmt,
#editor_trans,
{
	border:0;
}

#editor_trans
{
	color: #306161;
}

/* 입력의 placeholder 스타일 정의 각각 분리하여야 적용됨(시작) */

input::-webkit-input-placeholder
{
	color:#CCCCCC;
	font-size:0.8em;
}

input::-moz-placeholder
{
	color:#CCCCCC;
	font-size:0.8em;
}

input::-ms-input-placeholder
{
	color:#CCCCCC;
	font-size:0.8em;
}

input:-moz-placeholder
{
	color:#CCCCCC;
	font-size:0.8em;
}

/*-----------------------------------------*/

#cmt::-webkit-input-placeholder /* webkit */
{
	color:#CCCCCC;
	font-size:0.8em;
}

#cmt::-moz-placeholder /* firefox 19+ */
{
	color:#CCCCCC;
	font-size:0.8em;
}

#cmt:-ms-input-placeholder /* ie */
{
	color:#CCCCCC;
	font-size:0.8em;
}

#cmt input:-moz-placeholder
{
	color:#CCCCCC;
	font-size:0.8em;
}
/* 입력창의 placeholder 스타일 정의 각각 분리하여야 적용됨(끝) */

/* 번역 출력창의 placeholder 스타일 정의 각각 분리하여야 적용됨(시작) */
#editor_trans::-webkit-input-placeholder /* webkit */
{
	color:#E28C83;
	font-size:0.8em;
}

#editor_trans::-moz-placeholder /* firefox 19+ */
{
	color:#E28C83;
	font-size:0.8em;
}

#editor_trans:-ms-input-placeholder /* ie */
{
	color:#E28C83;
	font-size:0.8em;
}

#editor_trans input:-moz-placeholder
{
	color:#E28C83;
	font-size:0.8em;
}
/* 번역 출력창의 placeholder 스타일 정의 각각 분리하여야 적용됨(끝) */

#trans_verify1
{
	color: #F00;
	background-color: #F1E1E0;
}

#users
{
	float: left;
	width: 100%;
	/*height:10em;/*6.250em*/
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	line-height: 1.7em;
	font-size: 1em;
}

#menu,
#menu_send,
#menu_tools,
#menu_find
{
	z-index: 501;
	line-height: 12px;
	padding: 0em;
	background-color: #f5f5f5;
	background-color: #EEE;
	display: none;
	position: absolute;
	top: 0em;
	left: 0em;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	border: solid 1px #929292;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webit-border-radius: 3px;
	box-shadow: 5px 5px 5px #888;
	-moz-box-shadow: 1px 1px 3px #888;/* ff */
	-webkit-box-shadow: 5px 5px 5px #888;/* chrome, safari */
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#888, direction=135, strength=20);
}

/*#menu:hover {
	background-color:rgba(245, 245, 245, 1);
}*/



#menu a,
#menu_send a,
#menu_tools a,
#menu_find a
{
	padding: 3px 5px;/* top left bottom right */
	border: solid 1px transparent;
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	text-align: center;
}

#menu a:hover,
#menu_send a:hover,
#menu_tools a:hover,
#menu_find a:hover
{
	border: solid 1px #bea881;
	/* fallback/image non-cover color */
	background-color: #FC6;
	/* fallback image */
	/*background-image: url(images/fallback-gradient.png);*/
	/* Safari 4+, Chrome 1-9 */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9), to(#F90));
	/* ? */
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.18, #FF9), color-stop(0.59, #F90) );
	/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -webkit-linear-gradient(top, #FF9, #F90);
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient( center top, #F7D58C 18%, #EDAD23 59% );
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #FF9, #F90);
	/* IE6-IE8 */
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=FF9, EndColorStr=#F90);
	/* IE8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (gradientType=0, startColorstr=#FF9, endColorstr=#FF9)";
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #FF9, #F90);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: inset 0 0 1px 1px #888;
	-webkit-box-shadow: inset 0 0 1px 1px#888;
	box-shadow: inset 0 0 1px 1px #888;
}

.app_image
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:24px;
}

/*
#menu a:hover {
	border:solid 1px #bea881;
	background-color:#fff2cb;
	background:-moz-linear-gradient(top, #FF9, #F90);// FF
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9), to(#F90));// safari, chrome
	background:-o-linear-gradient(top, #FF9, #F90);// opera
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow: inset 0 0 1px 1px #888;
	-webkit-box-shadow: inset 0 0 1px 1px#888;
	box-shadow: inset 0 0 1px 1px #888;
}
*/

/*
#transition_language {
	font-size:0.8em;
	font-family:"Arial Black", Gadget, sans-serif;
	font:bold;
	border:solid 1px;
	background-color:#CCC;
}

#transition_language:hover {
	background-color:#F90;
}
*/



.clear
{
	clear: both;
}



/* 각 채팅 메세지 단락 */

.view_message
{
	position: relative;
	display: block;
	visibility: visible;
	padding: 1em 0;
	margin: 0em 0.5em;
	word-break: break-all;
}

.view_my_message
{
	margin-left: 5em;
	text-align: right;
	color: black;
}

.view_others_message
{
	margin-right: 1.5em;
	text-align: left;
	color: green;
}

.view_display_on
{
	display: block;
	visibility: visible;
}

.view_display_off
{
	display: none;
	visibility: hidden;
}

.en_display_on
{
	display: block;
	visibility: visible;
	color: #C00;
}

.en_display_off
{
	display: none;
	visibility: hidden;
}

.original_display_on
{
	display: block;
	visibility: visible;
	color: black;
}

.original_display_off
{
	display: none;
	visibility: hidden;
}

.label_width
{
	float: left;
	width: 6em;
}

.input_width
{
	width: 10em;
	margin-bottom: 0.5em;
}

.del_button
{
	display: none;
	vertical-align: bottom;
	position: relative;
}

.del_button:hover
{
	cursor: pointer;
	color: #F60;
}

#sms_body_display
{
	display: none;
	visibility: hidden;
}

.ad_list li
{
	list-style: decimal;
	line-height: 12px;
	display: inline-block;
}

/* 채팅 메세지의 시간 */


.time
{
	font-size: 0.8em;
}

.join_message,
.left_message,
.private_chat_list
{
	margin: 2px 10px 2px 10px;
	padding: 0px;
	/*font-size:0.85em;*/
	text-align: center;
	border-radius: 15px;
}

/* 채팅방 들어올 때 메세지 라인 */


.join_message
{
	color: gray;
	background-color: rgba(153,204,0,0.1);
}

/* 채팅방 나갈때 메세지 라인 */


.left_message
{
	color: gray;
	background-color: rgba(255,102,0,0.1);
}

/* 개인 채팅방 목록 라인 */


.private_chat_list
{
/*
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:gray;
	background-color:rgba(51,102,153,0.1);
	*/
}

.private_chat_list img,
#bullet img
{
	margin-bottom: -0.3em;/*padding-right:0.3em;*/
}

.bullet_login_status
{
	margin-bottom: -0.3em;
}

/* 현재 현재 채팅방에 조인한 본인 이외의 유저 */


.another_nick
{
	width: 100%;
	color: green;
	cursor: pointer;
}

.another_nick:hover,
.another_nick:visited,
.another_nick:active
{
	width: 100%;
	color: green;
	display: inline;
}

/* 현재 채팅방에 조인한 본인 */


.my_nick
{
	width: 100%;
	color: red;
}

.my_nick:hover,
.my_nick:visited,
.my_nick:active
{
	width: 100%;
	color: red;
	display: inline;
}

#dialog
{
	width: 5em;
	height: 5em;
}

#user_info
{ /* 사용자 정보 보기 대화 상자 */
	position: relative;
}

.user_info img
{ /* Chat - Search 탭의 로그인한 유저들 목록의 사용자 정보 보기 이미지 */
	width: 1.2em;
	margin-bottom: -0.4em;/* 숫자가 클수록 위로 올라감 */
}

.user_status_image
{
	width: 1.5em;
	margin-bottom: -0.1em;/* 숫자가 클수록 위로 올라감 */
}

/* 개인 채팅 목록에서 미확인 메세지 있다는 것을 알려주는 체크 문자 */


#check_notify
{
	color: red;
	font-weight: bold;
}

#input_code,
#src1,
#src2
{
	width: 8em;
}

/* 각 채팅 문구의 국적 이미지 */
.flag_image_class1
{
	margin-bottom: -0.1em;
	width: 1.5em;
	border: black solid 1px;
	vertical-align:middle;
	cursor:pointer;
}

.flag_image_site
{
	margin-bottom: 0.2em;
	width:1em;
	height:0.8em;
	border: black solid 1px;
	vertical-align:middle;
}

/* 채팅 내용중의 회원 프로필 아이콘 */
.profile_image1
{
	cursor: pointer;
	float: left;
	margin-right: 0.5em;
	width: 30px;
	height: 30px;
	border:#999999 solid 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* 채팅리스트/친구/회원찾기 리스트에 있는 회원 프로필 아이콘 */
.profile_image2
{
	cursor: pointer;
	border: 1px solid #CCCCCC;
	width: 30px;
	height: 30px;
	border:#999999 solid 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* 회원정보 보기 새창의 프로필 이미지 */
.profile_image3
{
	width: 8em;
	height: auto;
	border:#999999 solid 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* 회원 리스트들의 국기 이미지 */
.flag_image
{
	border: 1px solid #CCCCCC;
	width: 2em;
	height:1.5em;
}

.table_collapse
{
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border:0;
	border-bottom:dotted 1px #cccccc;
	color:#666666;
	font-size:1em;
}

#private_chatting_list_sub td,
#display_friends td,
#search_users td,
#online_users td
{
	font-size: 0.9em;
	border:0;
	border-left: none;
	border-right: none;
	border-top:dotted 1px #cccccc;
	border-bottom:dotted 1px #cccccc;
	height:3em;
	line-height:1.5em;
}

.heading
{
	color:#FFFFFF;
}

#private_chatting_list_sub .heading
{ /*채팅 리스트 해딩*/
	background-color:#006666;
}

#display_friends .heading
{ /*친구 리스트 해딩*/
	background-color:#666699;
}

#search_users .heading,
#online_users .heading
{ /*회원 검색 리스트 해딩*/
	/*font-size:0.9em;*/
	background-color:#993366;
}

/* 상세 검색 조건 테이블 */
.table_collapse1
{
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}

.user_me
{
	background-color:#FFEEEE;
}

.comment
{
/*height:100%;
	overflow-x:hidden;
	overflow-y:auto;*/
}

#search_users_menu
{
	text-align: center;
 *display:inline;
	zoom: 1;
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#search_users_menu li
{
	padding: 0.1em 0;
	width: 30%;
	background-color: rgba(204,204,204,0.5);
	display: inline-block;
	text-align: center;
	border: 1px #ccc solid;
	border-right: none;
}

#search_users_menu li:last-child
{
	border-right: 1px #ccc solid;
}

#search_users_menu li a
{
	color: rgba(153,102,102,1);
	text-decoration: none;
}

#search_users_menu li:hover
{
	color: rgba(255,153,0,1);
	background-color: rgba(255,204,0,0.5);
}

#search_users_sort ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

#search_users_sort li
{
	text-align: center;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: none;
	background-color: #fafafa;
	color: rgba(153,153,153,1);
	font-size: 14px;
}

#search_users_sort li:last-child
{
	border-bottom: 1px solid #ccc;
}

#search_users_sort li a
{
	color: rgba(153,102,102,1);
}

#sns_body
{
	line-height:2em;
}

#sns_body .fb-comments
{
	text-align: center;
	padding-top: 1em;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

/* #info_maegu : 매구 정보 관련 메뉴 선택해서 열린 새창의 이름의 ID */

#info_body a:link,
#info_maegu a:link
{
	color: #009999;
}

#info_body a:visited,
#info_maegu a:visited
{
	color: #009999;
}

#info_body a:hover,
#info_maegu a:hover
{
	color: #FF6699;
}

#info_body a:focus,
#info_maegu a:focus
{
	color: #FF6699;
}

#info_body a:active,
#info_maegu a:active
{
	color: #009999;
}

#info_menu,
#info_menu2
{
}

#info_body
{
	text-align: left;
	line-height: 25px;
	padding: 0 1em 0 1em;
	color:#666666;
}

#info_body ul,
#info_body ol
{
	margin-left: 20px;
}

#info_maegu ul,
#info_maegu ol
{
	margin-left: 20px;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#info_maegu li
{
	padding-bottom: 0.5em;
}

#display_optimized_browser
{
	display: none;
	padding: 2em;
	margin: 1em;
	margin-left: 3em;
	margin-right: 3em;
	border: #99CC00 double 4px;
	color: #666600;
}

#user_profile_image
{
	float : left;
}

.user_introduce
{
	padding: 5px;
	width : 98%;
	height : 100px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border:#666666 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top, #ffffff, #FFF9CE); /* for Gecko계열(파이어폭스) */
	background: -o-linear-gradient(top, #ffffff, #FFF9CE); /* for Presto계열(Opera) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FFF9CE)); /* for webkit계열(사파리,크롬) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFF9CE'); 
}

.share_icon
{
	text-align: center;
}

/*
.kakao_link {
	position:absolute;
}

.kakao_link:nth-child(1) {
	top:0px;
	left:0px;
}

.kakao_link:nth-child(2) {
	top:5px;
	left:10px;
}

.kakao_link:nth-child(3) {
	color:#996600;
	top:6px;
	left:3.5em;
}

.kakao_link:nth-child(1) img {
	height:3em;
	width:280px;
}

.kakao_link:nth-child(2) img {
	height:2em;
}
*/

/*** search.body 구성 시작 ***/
	#search_body legend
	{
		text-align:left;
	}

	/* 검색 버튼 필드셋 */	
	fieldset.search_button
	{
		/*
		background: #FFF9CE; //for non-css3 browsers
		background: -moz-linear-gradient(top, #ffffff, #FFF9CE); //for Gecko계열(파이어폭스)
		background: -o-linear-gradient(top, #ffffff, #FFF9CE); //for Presto계열(Opera)
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FFF9CE));//for webkit계열(사파리,크롬)
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFF9CE');//for IE
		*/
	}

	/* 앱 버튼 필드셋 */	
	fieldset.app_button
	{
		padding-top:0;
		/*
		background: #E6FEB1; //for non-css3 browsers/
		background: -moz-linear-gradient(top, #ffffff, #F7FFE1); //for Gecko계열(파이어폭스)/
		background: -o-linear-gradient(top, #ffffff, #E6FEB1); //for Presto계열(Opera)/
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E6FEB1)); //for webkit계열(사파리,크롬)/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6FEB1'); //for IE
		*/
	}

	/* 헬프 메세지 필드셋 */
	fieldset.help_tip_message
	{
		font-size:0.9em;
		line-height:1.5em;
		color:#E10071;
		/*
		color:#A20051;
		background:#FFEEEE;
		background:#eeeeee;
		*/
		padding:0.5em;
		border:0;
		text-align:center;
	}

	/* 헬프 메세지 필드셋 */
	fieldset.help_tip_message1
	{
		font-size:0.9em;
		width:40%;
		height:20px;
		color:#E10071;
		/*
		color:#A20051;
		background:#FFEEEE;
		*/
		padding:0;
		border:0;
		text-align:center;
		vertical-align:middle;
		display:inline-block;
	}

		#display_area
	{
		padding: 0;
		margin: 0;
		width:100%;
		line-height:22px;
		word-break:break-all;
		word-wrap:break-word;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
		text-align:left;
		float:left;
	}
		
	#chat_menu
	{
		height:25px;
		padding:0;
		margin:0;
	}

		#chat_menu li a
		{
			padding-left:0.3em;
			padding-right:0.3em;
			height:25px;
			margin-bottom:-0.3em;
		}

		/* 검색버튼 */		
		.s_button
		{
			/*
			cursor:pointer;
			display:inline;
			margin:0.2em;
			margin-right:0.7em;
			color:#339999;
			text-decoration:none;
			*/
			cursor:pointer;
			padding:0.2em;
			margin:0.3em;
			line-height:2.5em;
			color:#069;
			font-weight:bolder;
			background-color:#F3F3F3;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}

		/* 앱버튼 */		
		.app
		{
			cursor:pointer;
			display:inline;
			margin:0.2em;
			margin-right:0.7em;
			color:#339999;
			text-decoration:none;
			padding:0.2em;
			margin:0.3em;
			line-height:2em;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}

		#search_tabs
		{
			overflow-x:hidden;
			overflow-y:hidden;
			-webkit-overflow-scrolling: touch;
		}

		.search_count
		{
			display:none;
		}
		
		.no_color
		{
			color:#999999;
			font-weight:border;
		}
		
		.no_color_q
		{
			color:#999999;
			font-weight:border;
		}
		
		.keyword_exist
		{
			background-color:#D7EBFF;
			border-bottom:#999999 1px solid;
			/*
			box-shadow:#999999 1px 1px 2px;
			*/
		}
/*** search.body 구성 종료 ***/

.profile_image_at_logo
{
	/*로고에 있는 프로필 이미지*/
	width:18px;
	height:18px;
	margin-bottom:2px;
	margin-right:5px;
	vertical-align:middle;
	
	border:#666 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*
	-webkit-box-shadow: 1px 1px 0 #aaa;
	-moz-box-shadow: 1px 1px 0 #aaa;
	box-shadow: 1px 1px 0 #aaa;
	*/
}

.profile_image_at_menu
{
	/*메인 메뉴에 있는 프로필 이미지*/
	width:24px;
	height:24px;
	vertical-align:middle;
	
	border:#999999 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*
	-webkit-box-shadow: 1px 1px 0 #aaa;
	-moz-box-shadow: 1px 1px 0 #aaa;
	box-shadow: 1px 1px 0 #aaa;
	*/
}

.profile_image_at_logon
{
	/*로그인정보에 있는 프로필 이미지*/
		height:150px;
		vertical-align:middle;
		border:#666666 solid 1px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 3px 3px 0 #CCC;
		-moz-box-shadow: 3px 3px 0 #CCC;
		box-shadow: 3px 3px 0 #CCC;
}

.display_btn_profile_delete,
.display_btn_profile_upload
{
	display:inline-block;
}

.tel
{
	cursor:pointer;
	color:#FFFFFF;
}

#btn_ad_inquiry
{
	color:red;
	font-weight:bold;
}

input[type=button]
{
	cursor:pointer;
}

#display_all_users,
#display_online_users
{
	cursor:pointer;
}

.first_letter
{
	font-size:1.5em;
	font-weight:bold;
}

/* pr_list 버튼의 이미지*/
.btn_pr_classify img
{
	width:19px;
}






/*** Map 서비스 관련 시작 ***/
/* 버튼 */
#map_body fieldset
{
	padding:5px;
	padding-top:0;
}

#map_body legend
{
	text-align:center;
}

#map_body ul li
{
	width:100%;
	padding:5px;
	list-style:none;
	text-align:left;
}

.img_map_service
{
	width:32px;
	vertical-align:middle;
}
/*** Map 서비스 관련 종료 ***/







/*** 라인광고 관련 스타일 정의 시작 ***/
.line_ad_area table
{
	/*	border-top:5px solid #3C0;*/
	border-collapse: collapse;
	font-family: Arial, Helvetica, Sans-Serif;
	width: 100%;
	text-align:center;
}

.pr_menu
{
	text-align: center;
}

.line_ad_area th
{
	padding: 0 0.5em;
	height: 2em;
	text-align: center;
}

.pr_inqure_donate
{
	height:50px;
	line-height:1.5em;
	background:#A964BF;
}

.pr_inqure_donate th
{
	color:#FFF;
	font-weight:bold;
}

.ad_title,
.ad_content
{
	height:2.5em;
	background-color:#E1C4FF;
}

.line_ad_area .tel1,
.line_ad_area .tel
{
	cursor:pointer;
	font-size:14px;
	color:#CCCCCC;
}

.line_ad_area td
{
	padding: 0 0.5em;
	height: 1.5em;
}

.line_ad_area a
{
	color:#0099CC;
	text-decoration: none;
}

.line_ad_area a:hover 
{
	/*border-bottom:1px solid #ccc;*/
	/*background-color: #FF6;*/
	color:#ff0000;
}

.line_ad_area .view_helpers
{
	font-size:1em;
	border:0;
}

.table_collapse3
{
	display:none;
}

/* jquery 윈도우 팝업으로 열리는 내용은 해당 팝업의 id에 소속시켜주어야 됨 */
#popup_helpers table,
#info_maegu table
{
	line-height:2em;
	width:100%;
	border-collapse:collapse;
	border: 1px solid #98bf21;
}

#popup_helpers tr:first-child
{
	display:none;
}

#info_maegu tr:first-child
{
	font-weight:bold;
	height:5em;
	border:0;
	border-bottom: 1px solid #98bf21;
}

#popup_helpers td,
#info_maegu td
{
	border: 1px solid #98bf21;
	text-align:center;
}

#popup_helpers .gubun,
#info_maegu .gubun
{
	background:#98bf21;
	color:white;
	font-weight:bold;
}

#popup_helpers tr:nth-child(2)
{
	text-align:center;
	color:black;
	font-weight:bold;
}

#info_maegu tr:nth-child(2)
{
	text-align:center;
	color:#98bf21;
}

a.please_donate,
a.please_invest
{
	color:yellow;
	font-size:1.3em;
}

.border_menu
{
	border:1px purple solid;
}
/*** 라인광고 관련 스타일 정의 종료 ***/




/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating
*/
.modal {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				opacity : 0.5;
    background: #ffffff
																/*url('common/image/loader_bar2.gif')*/
																url('common/image/loading2.gif')
                50% 50% 
                no-repeat;
				/*background-size:3em 3em*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
    display: block;
}

.modal_bar {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				opacity : 0.5;
    background: #ffffff
																url('common/image/loader_bar2.gif')
                50% 50% 
                no-repeat;
				/*background-size:3em 3em*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading_bar {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading_bar .modal_bar {
    display: block;
}

#temp_profile {
	cursor:pointer;
}

.no_border
{
	border:1px dotted #CCCCCC;
	border-left:hidden;
	border-right:hidden;
}

/* 신규 회원 */
.new_user
{
	background-color:#FFFFB9;
}

.new_user_image
{
	border:solid 2px #FF8000;
}

.ui-icon-kmj-question {
 background-image: url(common/icon_pack/png_kmj/question.png) !important;
 background-repeat: no-repeat !important;
}

#google_button {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	o-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	-moz-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	-webkit-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	background:#d8e3e8;
	background:-o-linear-gradient(90deg, #d8e3e8, #94aab7);
	background:-moz-linear-gradient( center top, #d8e3e8 5%, #94aab7 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d8e3e8), color-stop(1, #94aab7) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e3e8', endColorstr='#94aab7');
	background:-webkit-linear-gradient(#d8e3e8, #94aab7);
	background:-ms-linear-gradient(#d8e3e8, #94aab7);
	background:linear-gradient(#d8e3e8, #94aab7);
	text-indent:0px;
	line-height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:14px;
	color:#ffffff;
	//width:140px;
	//height:0px;
	padding:3px 10px;
	//text-shadow:#1f4763 0px 1px 0px;
	border-color:#adb4ba;
	border-width:1px;
	border-style:solid;
}

#google_button:active {
	box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	o-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	-moz-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	-webkit-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	position:relative;
	top:4px
}

#google_button:hover {
	background:#94aab7;
	background:-o-linear-gradient(90deg, #94aab7, #d8e3e8);
	background:-moz-linear-gradient( center top, #94aab7 5%, #d8e3e8 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94aab7), color-stop(1, #d8e3e8) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94aab7', endColorstr='#d8e3e8');
	background:-webkit-linear-gradient(#94aab7, #d8e3e8);
	background:-ms-linear-gradient(#94aab7, #d8e3e8);
	background:linear-gradient(#94aab7, #d8e3e8);
}