a:visited {  text-decoration: none; color: #333333}
	a:link {  color: #333333}
	a:hover {  text-decoration: none; color: blue}
	a:active {  text-decoration: none; color: #3399FF}
	.pass { -webkit-text-security: disc;}
	.pass { ime-mode:disabled !important; }
	.hand-cursor:hover{ cursor:pointer;	text-decoration: none; color:#546c78;}
	.hand-cursor:visited{ cursor:pointer;	text-decoration: none; color:#7893a1;}
	.tb_title a{
		text-decoration: none;
	}
	.tb_title a:hover{
		text-decoration: none; color: #000000;
	}
	input::placeholder{
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 13px;
	}
	textarea::placeholder{
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 13px;
	}
	.material-icons{
		font-size:1.25rem;
		vertical-align:bottom;
	}
	.vpn_key{
		writing-mode:vertical-rl;
	}
	#listSearchdiv{
		width:50%;
	}
	#listSearchdiv button{
		width:50px;
	}
	.board_btn {
	  background-color: white;
	  color: 808080;
	  font-size:0.8rem;
	  border: 1px solid #a6a6a6;
	  padding-left: 9px !important;
	  padding-right: 9px !important;
	  padding-top: 5px !important;
	  padding-bottom: 5px !important;
	  vertical-align:middle;
	  border-color:#999999;
	}

	#bd_titleDiv, #bd_titleDiv div{
		padding: 3px 0px 3px 1px;
		margin: 0%;
		border-color: #ced4da !important;
	}
	#td_title div{
		margin: 0%;
	}
	.reply_content div{
		margin: 0%;
		text-align:left;
	}
	
	.ck.ck-editor__editable > .ck-placeholder::before {
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 14px;
		padding: 0px 0px 0px 8px ;
	}
	.ck.ck-editor__editable{
		/*padding: 0% !important;*/
		padding: 0% !important;
		border: 0px !important;
		box-shadow: 0px 0px 0px 0px #FFFFFF !important;
		/*background-color: #fafafa;*/
	}
	#br_replyDiv{
		border: 1px solid #a6a6a6 !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	#bd_titleDiv{
		padding: 3px 0px 3px 5px !important;
		border: 1px solid #ced4da !important;
	}
	.ck.ck-editor__editable div{
		/*margin: 0% !important;*/
	}
	.board_btn:hover {
	  background-color: #808080;
	  color: white;
	}
	
	.board_btn_sm {
	  background-color: white;
	  color: 808080;
	  font-size:0.7rem;
	  border: 1px solid #a6a6a6;
	  padding-left: 4px !important;
	  padding-right: 4px !important;
	  padding-top: 1px !important;
	  padding-bottom: 1px !important;
	  vertical-align:middle;
	}

	.board_btn_sm:hover {
	  background-color: #808080;
	  color: white;
	}

	.list_table tr td {
		font-size: 1rem;
	}	
	.bbs_table tr td {
		font-size: 1rem;
	}
	@media screen and (max-width: 990px) {
		body {
			font-size: 1rem !important;
		}
		.ico_pr1{
			font-size:1rem;
		}
		#listSearchdiv{
			width:50%;
			padding-bottom:0rem !important;
		}
	}
	
	#div_file {
		padding: 0.5rem 1rem 0.5rem 1rem; /* up right bottom left */
		margin: 2rem 0rem 1rem 0rem; /* up right bottom left */
	}
	
	@media screen and (max-width: 900px) {
		body {
			font-size: 0.8rem !important;
		}
		.ico_pr1{
			font-size:0.9rem;
		}
		#listSearchdiv{
			width:100%;
			padding-bottom:0rem !important;
		}
		.list_table tr td, .list_table tr th{
			font-size: .9rem;
		}
		.bbs_table tr td, .bbs_table tr th{
			font-size: .9rem;
		}
		#div_file {
			padding: 0rem 0.5rem 0rem 0.5rem; /* up right bottom left */
			margin: 0.5rem 0rem 2rem 0rem; /* up right bottom left */
			font-size:0.9rem;
		}
	}
	
	.fs-7{font-size:0.9rem!important}
	.fs-8{font-size:0.8rem!important}
	.fs-9{font-size:0.7rem!important}
	

/*list page style*/
	.material-icons{
		color:#737373;
	}
	.list_table .th1{ width: 15px; }
	.list_table .th2{ width: 66px;}
	.list_table .thico{ width: 10px; padding-left:0px !important; padding-right:0px !important;}
	.list_table .th4{ width: 12%; }
	.list_table .th5{ width: 12%; }
	.list_table .th6{ width: 5%; }
	#list_table th{ text-align:center; }
	.list_table tr td { padding :13px; vertical-align:middle;}

	.bbs_table .th1{ width: 15px; }
	.bbs_table .th2{ width: 66px;}
	.bbs_table .thico{ width: 10px; padding-left:0px !important; padding-right:0px !important;}
	.bbs_table .th4{ width: 7%; }
	.bbs_table .th5{ width: 110px; }
	.bbs_table .th6{ width: 85px; }	
	.bbs_table .th7{ width: 6%; }	
	.bbs_table .th8{ width: 85px; }
	.bbs_table .th9{ width: 70px; }
	.bbs_table .th10{ width: 50px; }
	.bbs_table th{ text-align:center; }
	.bbs_table tr td { padding :13px; vertical-align:middle;}
	
	.tb_title{ text-align:start; }
	@media screen and (max-width: 990px) {
		.list_table tr td { padding :10px 0px 10px 0px;}
		.list_table .th1{ width: 10px; }
		.list_table .th2{ width: 15px; }
		.list_table .th4{ width: 80px; }
		.list_table .th5{ width: 45px; }
		.list_table .th6{ width: 5%; }
		
		.bbs_table tr th { padding :10px 0px 10px 0px;}
		.bbs_table tr td { padding :10px 0px 10px 0px;}
		.bbs_table .th1{ width: 10px; }
		.bbs_table .th2{ width: 15px; }
		.bbs_table .th4{ width: 80px; }
		.bbs_table .th5{ width: 50px; } 
		.bbs_table .th6{ width: 80px; }
		.bbs_table .th7{ width: 10%; }
		.bbs_table .th8{ width: 80px; }
		.bbs_table .th9{ width: 10%; }
		.bbs_table .th10{ width: 50px;}
		.bbs_table .td10{ background-color:#FFFFFF !important;}
		.bbs_table .td10 span{ color:#6C757D !important;}
	}
	#listSearchdiv input::placeholder{
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 14px;
	}
	#listSearchdiv input:focus { outline:none !important; }
	
	
/*view page style*/
	.view_table thead th { width:15%; text-align:center; vertical-align:middle;background-color:#f8f9fa;}
	.view_table thead td {  vertical-align:middle; background-color: transparent !important;}
	.view_table input { padding-left:5px; padding-top: 5px;}
	.formincfile { width:300px; padding-left:5px; }
	.bd_content { min-height: 10em; margin-top: 10px; width: 100%; display: none; margin-left: 28px; }
	@media screen and (min-width: 601px) {
		#bd_writer, #bd_tel, #bd_writer, #bd_email, #bd_pin, #bd_pinck { max-width:250px; padding-right: 2px; }
	}
	@media screen and (max-width: 600px) {
		#bd_pin, #bd_pinck { max-width:100px; }
		#pin_ck, #pin_reck { min-width: 70px; }
	}
	@media screen and (min-width: 601px) {
		#replySaveBtn{
			max-width:100px;
			margin-right: 1rem;
		}
	}
	@media screen and (max-width: 600px) {
		#replySaveBtn{
			max-width:100px;
			margin-right: 0rem;
		}
	}
	#replySaveBtn .material-icons{
		font-size:1.5rem;
		font-weight: bold;
	}
	#bd_table input::placeholder{
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 16px;
		text-align:start;
		padding-left:0.5rem;
	}
	.replyadddiv textarea::placeholder{
		color: #b3b3b3 !important;
		font-style: italic;
		font-size: 14px;
		text-align:start;
	}
	@media screen and (min-width: 601px) {
		#br_reply{ max-width:100%;  font-size: 15px; }
	}
	.brreplyedit{
		width:100%;
		font-size: 15px;
		z-index: 999;
	}
	.replyadddiv{
		max-width:100%;
		text-align:center;
	}
	.border-gray{
		border: 1px solid #a6a6a6;
	}
	#td_title{
		word-break:break-all;
	}
	#div_content{
		line-height: 1.8;
		font-size:15px;
		margin: 1rem 0rem 1rem 0rem;
		word-break:break-all;
	}
	@media screen and (max-width: 900px) {
		.view_table thead th { width:15%; text-align:center;}
		.view_table th, .view_table td{ padding-top:5px; padding-bottom:5px; font-size:13px; }
		#bd_table input::placeholder{
			color: #cccccc !important;
			font-style: italic;
			font-size: 10px;
			text-align:start;
			padding-left:0;
		}
	}
	#fileaddbtn{
		padding-left:0 !important;
		padding-right:10px !important;
		text-align:left;
	}

	#fileaddbtn .material-icons{
		font-size: 25px;
		font-weight: bold;
	}

	#div_content img{
		max-width:100%;
	}

	/* 리플 창 스타일 설정 */
	@media screen and (min-width: 600px) {
		.reply-style1 .overflow-auto{
			max-height: 800px;
		}
	}
	.reply_content{
		word-break:break-all;
		float:left;
	}
	.reply_content img{ /*리플창 안 강제 조절*/
		max-width: 100%;
		height: auto;
	}
	.reply-style1{
		background-color: rgba( 237, 237, 237, .8 );
		border-radius: 15px;
		padding: 1rem 0.5rem 1rem 0.5rem;
	}
	.reply-style1 .chat {
		width: 100%;
		overflow-x:hidden !important;
		max-width:900px;
	}
	.reply-style1 .chat-you{
		min-width: 100%;
		text-align: left;
	}	
	.reply-style1 .chat-me{
		min-width: 100%;
		text-align: right;
	}
	.reply-style1 .bubble, .reply-style2 .bubble{
		background-color: #FFFFFF;
		border-radius: 8px;
		display: inline-block;
		padding: 10px 18px;
		position: relative;
		vertical-align: top;
		text-align: left;
	}
	.reply-style1 .bubble::before, .reply-style2 .bubble::before {
		background-color: #FFFFFF;
		content: "\00a0";
		display: block;
		height: 16px;
		position: absolute;
		top: 11px;
		transform:             rotate( 29deg ) skew( -35deg );
			-moz-transform:    rotate( 29deg ) skew( -35deg );
			-ms-transform:     rotate( 29deg ) skew( -35deg );
			-o-transform:      rotate( 29deg ) skew( -35deg );
			-webkit-transform: rotate( 29deg ) skew( -35deg );
		width:  20px;
	}
	.reply-style1 .you {
		min-width: 230px;
		max-width: 400px;
		margin: 20px 30px 5px 20px;
		box-shadow: 0 0 6px #cccccc;
		background-color:#FFFFFF;
		font-size: 15px;
	}
	.reply-style1 .you::before {
		background-color:#FFFFFF;
		box-shadow: -2px 2px 2px 0 rgba( 204, 204, 204, .6 );
		left: -9px;           
	}
	.reply-style1 .me {
		min-width: 230px;
		max-width: 400px;
		margin: 20px 20px 5px 55px;
		box-shadow: 0 0 6px #B2B2B2;
		border: 1px solid #ffff00;
		font-size: 15px;
	}
	.reply-style1 .me::before {
		box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
		right: -9px;    
	}
	.reply-style1 .chat-you .chat-date{
		color: #666666;
		font-size: 12px;
		text-align: left;
		padding-left: 20px;
	}
	.reply-style1 .chat-me .chat-date{
		color: #666666;
		font-size: 12px;
		text-align: right;
		padding-right: 20px;
	}
	.reply-style1 .chat-delbtn{
		color: #666666;
		float: right;
		margin-top: 15px;
		margin-right: -10px;
	}
	.bubble{
		display: table-cell;
		vertical-align: bottom;
	}
	.chat-delbtn span{
		padding-left: .5rem;
		color:#999999;
		font-size: 16px;
		vertical-align: middle;
	}
	.chat-delbtn .material-icons:hover {
		cursor: pointer; 
		color: #cc33ff;
		/*font-size: 19px;*/
	}

	.reply-style2 .chat-you {
		text-align:left;
	}
	.reply-style2 .chat-me {
		text-align:left;
	}
	.reply-style2 .bubble{
		border: 1px solid #cccccc;
		border-radius: 8px;
		display: inline-block;
		padding: 10px 18px;
		position: relative;
		vertical-align: top;
		text-align: left;
	}
	.reply-style2 .me, .reply-style2 .you {
		min-width: 230px;
		max-width: 99%;
		margin: 20px 30px 5px 20px;
		box-shadow: 0 0 6px #cccccc;
		font-size: 15px;
	}
	.reply-style2 .me {
		background-color:#FFFFFF;
	}
	.reply-style2 .me::before {
		background-color:#FFFFFF;
		box-shadow: -2px 2px 2px 0 rgba( 204, 204, 204, .6 );
		left: -9px;
	}
	.reply-style2 .you::before {
		box-shadow: -2px 2px 2px 0 rgba( 204, 204, 204, .6 );
		left: -9px;
	}
	.reply-style2 .chat-me .chat-date, .reply-style2 .chat-you .chat-date{
		color: #666666;
		font-size: 12px;
		text-align: left;
		padding-left: 25px;
	}
	.reply-style2 .chat-delbtn .material-icons:hover {
		cursor: pointer; 
		color: #546c78;
		font-size: 19px;
	}

	.reply-style3 .chat-you, .reply-style3 .chat-me {
		text-align:left;
		border-top : 1px solid #d9d9d9;
		padding : 0.8rem 0rem 0.8rem 1rem;
	}
	.reply-style3 .chat-date {
		color: #666666;
		font-size: 12px;
		padding: 10 0 10 0px;
	}
	
	.bf_file{
		max-width:500px;
	}
	.br_file{
		max-width:100%;
	}	
	#bffilename{
		min-width:150px;
	}
	.font08 {
		font-size:0.9rem !important;
	}
	
	.agreemodal{
		vertical-align:middle;
	}
	
	.ck-powered-by-balloon{
		display:none !important;
	}
	
	.text-8pt{font-size:8pt;line-height:1.5}
	.text-9pt{font-size:9pt;line-height:1.5}
	.text-10pt{font-size:10pt;line-height:1.5}
	.text-11pt{font-size:11pt;line-height:1.5}
	.text-12pt{font-size:12pt;line-height:1.5}
	.text-14pt{font-size:14pt;line-height:1.5}
	.text-16pt{font-size:16pt;line-height:1.5}
	.text-18pt{font-size:18pt;line-height:1.6}
	.text-20pt{font-size:20pt;line-height:1.6}
	.text-22pt{font-size:22pt;line-height:1.6}
	.text-24pt{font-size:24pt;line-height:1.5}
	.text-26pt{font-size:26pt;line-height:1.5}
	.text-28pt{font-size:28pt;line-height:1.3}
	.text-30pt{font-size:30pt;line-height:1.2}
	.text-32pt{font-size:32pt;line-height:1.2}
	.text-36pt{font-size:36pt;line-height:1.2}
	.text-40pt{font-size:40pt;line-height:1.2}
	.text-44pt{font-size:44pt;line-height:1.2}
	.text-48pt{font-size:48pt;line-height:1.2}
	.text-52pt{font-size:52pt;line-height:1.2}
	.text-56pt{font-size:56pt;line-height:1.2}
	.text-60pt{font-size:60pt;line-height:1.2}
	.text-64pt{font-size:64pt;line-height:1.2}
	.text-68pt{font-size:68pt;line-height:1.2}
	.text-72pt{font-size:72pt;line-height:1.2}
	.text-tiny{font-size:.7em}
	.text-small{font-size:.85em}
	.text-big{font-size:1.4em}
	.text-huge{font-size:1.8em}
	
	@media print {
		.no-print {
			display: none;
		}
	}