@CHARSET "UTF-8";

@font-face {
  font-family: 'nanum-gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/font/NanumGothic-Regular.eot');
  src: url('/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothic-Regular.woff2') format('woff2'),
       url('/font/NanumGothic-Regular.woff') format('woff'),
       url('/font/NanumGothic-Regular.ttf') format('truetype');
}

/*This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history*/
#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }

* {margin:0;padding:0;border:0;}

body, html {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    /*height:100%; 이거주면 모바일에서 화면 위로 드래그시 주소창없어지는 기능이 동작 안된다.*/
    /*overflow:hidden;overflow-x:hidden;overflow-y:hidden;*/
}

html:first-child select{padding-right:6px;height:20px} /* Opera 9 & Below Fix */
option {padding-right:6px;overflow:auto} /* Firefox Fix */

body {
    background: #ffffff;
    color: #000000;
}

body, table {
    font:13px/18px nanum-gothic,sans-serif;color:#666;text-align:left;
    /*font-family: 돋움체, DotumChe,Gulim,Tahoma, DejaVu Sans Mono, fixed;
    font-size: 11pt;*/
    /*line-height: 120%;*/
}

input::-webkit-input-placeholder {
	color: rightgray;
	font-style: italic;
}
input:-ms-input-placeholder {
	color: rightgray;
	font-style: italic;
}
textarea::-webkit-input-placeholder {
	color: rightgray;
	font-style: italic;
}
textarea:-ms-input-placeholder {
	color: rightgray;
	font-style: italic;
}

#id_chatHistory {
    margin:3px;padding:5px;width:100%;height:100%;border:1px solid #dadada;
    display:inline-block;overflow-x:hidden;overflow-y:scroll;word-break:break-all;white-space:normal;position:relative;
    font:13px/18px nanum-gothic,sans-serif;color:#666;text-align:left;
	/*				
	scrollbar-face <--- 움직이는 바 전체색
	scrollbar-shadow <--- 바의 오른쪽과 밑쪽 그림자색
	scrollbar-highlight <--- 바의 왼쪽과 위쪽의 얇은 선색
	scrollbar-3dlight <--- 바의 왼쪽위쪽에 진하게 드러가는 선
	scrollbar-darkshadow <--- 바의 오른쪽과 밑쪽에 들어가는 얇은 색
	scrollbar-track <--- 바가 없는 아래부분의 색
	scrollbar-arrow <--- 위 아래 화살표 색  
        	scrollbar-face-color:#525252;
	scrollbar-shadow-color:#666666;
	scrollbar-highlight-color:#666666;
	scrollbar-3dlight-color:#666666;
	scrollbar-darkshadow-color:#666666;
	scrollbar-track-color:#666666;
	scrollbar-arrow-color:#525252;}
	.chatting_area::-webkit-scrollbar{width:10px;} manage scrollbar width here
	.chatting_area::-webkit-scrollbar * {background:transparent;} manage scrollbar background color here
	.chatting_area::-webkit-scrollbar-thumb{background:rgba(50,50,50,0.5) !important;} manage scrollbar thumb background color here
	스크롤바 스타일 변경은 파이어폭스와 오페라브라우져는 지원되지 않습니다.
	*/
	scrollbar-face-color:#666666;
	scrollbar-shadow-color:#dadada;
	scrollbar-highlight-color:#dadada;
	scrollbar-3dlight-color:#dadada;
	scrollbar-darkshadow-color:#dadada;
	scrollbar-track-color:#dadada;
	scrollbar-arrow-color:#666666;
}