textarea {resize: none;}
textarea:focus-visible {outline: none;}
	.xero_board
	{
		width			: 100%;
	}

	.xero_board .board_list_wrap
	{
		width			: 98%;
		margin			: auto;
		padding			: 5px 0;
	}

	@media (min-width: 1400px){
		.xero_board .board_list_wrap .board_list
		{
			width			: 850px;
			float			: right;
		}
		body{
			font-size: 14px;
		}
	}
	@media (min-width: 1250px) and (max-width: 1399px){
		body{
			font-size: 13px;
		}
	} 
	@media (min-width: 1050px) and (max-width: 1249px){
		body{
			font-size: 13px;
		}
	} 
	@media (min-width: 960px) and (max-width: 1049px){
		body{
			font-size: 13px;
		}
	} 
	@media (min-width: 830px) and (max-width: 959px){
		body{
			font-size: 12px;
		}
	} 
	@media (max-width: 829px){
		body{
			font-size: 11px;
		}
	}	

	@media (min-width: 1050px) {
		.xero_board .board_list_wrap
		{
			width			: 1020px;
			margin			: auto;
			padding			: 8px 0 5px 0;
		}

		.xero_board .board_list_wrap .board_list
		{
			width			: 850px;
			float			: right;
		}
	}
	@media (min-width: 960px) and (max-width: 1049px) {
		.xero_board .board_list_wrap
		{
			width			: 940px;
			margin			: auto;
			padding			: 10px 0 5px 0;
		}

		.xero_board .board_list_wrap .board_list
		{
			width			: 770px;
			float			: right;
		}
	}
	@media (max-width: 959px){
		.xero_board .board_list_wrap
		{
			width			: 940px;
			margin			: auto;
			padding			: 10px 0 5px 0;
		}

		.xero_board .board_menu_wrap
		{
			width			: 30%;
			float			: left;
		}

		.xero_board .board_list_wrap .board_list
		{
			width			: 70%;
			float			: right;
		}
	}

	.xero_board .board_list_wrap
	{
		width			: 98%;
		margin			: auto;
	}

	.xero_board .board_menu_wrap
	{
		width			: 18%;
		float			: left;
	}

	.xero_board .board_list_wrap .board_list
	{
		width			: 81%;
		float			: right;
	}


	.xero_board .board_list_wrap .board_list .reply_cnt
	{
		margin-left: 4px;
		font-size: 0.9em;
		color: #ff1432;
	}


	.xero_board .board_menu_top
	{
		margin-bottom: 8px;
		line-height: 32px;
		padding: 0 10px;
		font-size: 1.3em;
		font-weight: 700;
		color: #283891;
	}



	.xero_board .board_menu
	{
		width			: 90%;
		/*float			: left;*/
		border-radius	: 0 0 5px 5px;
		padding			: 10px 5%;
		margin-bottom	: 10px;
        box-shadow: 0 0 4px rgba(0,0,0,.25);
        border-top : 3px solid #283891;
	}

	.xero_board .board_menu ul li
	{
		line-height		: 1.5;
		font-size		: 1.1em;
		color			: #6a6a6a;
		padding: 5px 8px 6px;
        background: #fff url(/files/images/new/ar_next_board.svg)no-repeat right 3px center;
        background-size: 12px;
	}
	.xero_board .board_menu ul li:hover {
        color: #4255C2;
        background-image: url(/files/images/new/ar_next_board_c.svg);
    }

	.xero_board .board_menu ul li.sel
	{
		color			: #283891;
		font-weight		: 700;
		background-color: #E9EBF4;
        background-image: url(/files/images/new/ar_next_board_c.svg);
	}
    .xero_board .board_menu.free_b {border-color: #0DB6B6;}
    .xero_board .board_menu.free_b ul li:hover {
        color: #0DB6B6;
        background-image: url(/files/images/new/ar_next_board_g.svg);
    }
    .xero_board .board_menu.free_b ul li.sel {
        background-color: #E8F9F9;
        color: #0DB6B6;
        background-image: url(/files/images/new/ar_next_board_g.svg);
    }

	.xero_board .board_list_wrap .board_list table
	{
		border-collapse	: collapse;
		border-top		: 2px solid #333333;
		width			: 100%;
	}
	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .input_st_01.with_btn {position:relative;margin-top: 0.1em;}
	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .input_st_01.with_btn input {
		width: 100%;
		color: #000;
		border: 1px solid #C8C8C8;
		border-radius: 4px;
		font-size: 13px;
		padding: 0 10px;
		height: 30px;
		box-sizing: border-box;
	}
	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .input_st_01.with_btn .btn_srch {
		position: absolute;
		top: 0;
		right: 0;
		width: 28px;
		height: 30px;
		background: url(/files/images/new/i_input_srch.svg)no-repeat left center;
		background-size: 20px;
		border: none;
	}
	.xero_board .board_list_wrap .board_list table tr th
	{
		border-bottom	: 1px solid #EFEFEF;
		background		: #F5F5F5;
		padding			: 10px;
		text-align		: center;
		font-size		: 1.1em;
	}

	.xero_board .board_list_wrap .board_list table tr td
	{
		border-bottom	: 1px solid #EFEFEF;
		text-align		: center;
		padding			: 13px 0;
		font-size		: 1.1em;
		color			: #4e4e4e;
	}

	.xero_board .board_list_wrap .board_list table tr td:nth-child(2)
	{
		text-align		: left;
		padding			: 6px 20px;
	}
	.xero_board .board_list_wrap .board_list .red
	{
		color			: #c61d1e;
	}

	.xero_board .board_list_wrap .board_btn_wrap
	{
		/*height			: 2em;*/
		margin-bottom	: 8px;
	}

	.xero_board .board_list_wrap .board_btn_wrap .left_area
	{
		font-size: 1.1em;
		padding: 0 16px;
		line-height: 32px;
	}

	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2
	{
		float				: right;
	}

	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .btn_2_1
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1.1em;
		margin-right		: 10px;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}


	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .btn_2_2
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1.1em;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}
	.xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .btn_2_1:hover, .xero_board .board_list_wrap .board_btn_wrap .board_btn_2 .btn_2_2:hover {
		color: #283891;
	}
	.xero_board .board_view_wrap .board_btn_wrap .board_btn_2
	{
		float				: right;
	}

	@media (min-width: 1050px) {
		.xero_board .board_view_wrap
		{
			width			: 1020px;
			margin			: auto;
			padding			: 8px 0 5px 0;
		}

		.xero_board .board_view_wrap .board_view
		{
			width			: 850px;
			float			: right;	
		}
	}
	@media (min-width: 960px) and (max-width: 1049px) {
		.xero_board .board_view_wrap
		{
			width			: 940px;
			margin			: auto;
			padding			: 10px 0 5px 0;
		}

		.xero_board .board_view_wrap .board_view
		{
			width			: 770px;
			float			: right;	
		}
	}
	@media (max-width: 959px){
		.xero_board .board_view_wrap
		{
			width			: 820px;
			margin			: auto;
			padding			: 10px 0 5px 0;
		}

		.xero_board .board_view_wrap .board_view
		{
			width			: 650px;
			float			: right;	
		}
	}


	.xero_board .board_view_wrap
	{
		width			: 98%;
		margin			: auto;
	}

	.xero_board .board_view_wrap .board_view
	{
		width			: 81%;
		float			: right;	
	}


	.xero_board .board_view_wrap .board_view .board_view_con
	{
		margin-bottom	: 20px;
		border			: 1px solid #DCDEEA;
	}

	.xero_board .board_view_wrap .board_view .board_view_con .con_top
	{
		padding			: 20px 20px;
		border-top:3px solid #333;
		border-bottom: 1px solid #DCDEEA;
	}

	.xero_board .board_view_wrap .board_view .board_view_con .con_top .top_title
	{
		float			: left;
		font-size		: 1.2em;
		font-weight		: 700;
	}

	.xero_board .board_view_wrap .board_view .board_view_con .con_top .top_date
	{
		float			: right;
		font-size		: 1.2em;
		font-weight		: 700;
		margin-right	: 30px;
		color: #666;
	}

	.xero_board .board_view_wrap .board_view .board_view_con .con_top .top_writer
	{
		float			: right;
		font-size		: 1.2em;
		font-weight		: 700;
		color: #666;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table
	{
		width			: 100%;
		border			: 1px solid #c6c6c6;
		
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td
	{
		color			: #6a6a6a;
		font-size		: 1.2em;
		font-weight		: 500;
		margin-right	: 30px;
		vertical-align	: top;
		padding			: 5px 0;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td input
	{		
		color			: #6a6a6a;
		font-weight		: 500;
		border			: 1px solid #c6c6c6;
		border-radius	: 3px;
		height			: 23px;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td .input_text
	{
		width			: 100%;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td .input_file
	{
		width			: 240px;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td .input_check
	{
		width			: 16px;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td:nth-child(1)
	{
		text-align		: center;
		color			: #6a6a6a;
		vertical-align	: top;
		padding			: 15px 0;
		border-right	: 1px solid #c6c6c6;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td:nth-child(2)
	{
		text-align		: left;
		color			: #6a6a6a;
		vertical-align	: top;
		padding			: 10px 2%;
	}

	.xero_board .board_view_wrap .board_view .board_view_con table tr td.bdr_bottom
	{
		border-bottom	: 1px solid #c6c6c6;
	}

	.xero_board .board_view_wrap .board_view .con_txt
	{
		padding			: 20px;
		line-height		: 20px;
		font-size		: 13px;
		color			: #6a6a6a;
		min-height		: 200px;
	}

	.xero_board .board_view_wrap .board_view .con_txt .con_img
	{
		border			: 1px solid #c6c6c6;
		max-width		: 100%;
		margin			: 10px auto;
	}
	
	.xero_board .board_view_wrap .board_view .con_txt .con_attach
	{
		float			: right;
		line-height		: 20px;
		font-size		: 12px;
		font-weight		: 700;
		color			: #6a6a6a;
	}
	#reply_list{padding: 0 20px;margin-bottom: 20px;background: #f9f9f9;}
	.xero_board .board_view_wrap .board_view_com
	{
		position: relative;
		padding: 18px 0;
    	border-bottom: 1px solid #eee;
	}
	.xero_board .board_view_wrap .board_view_com:last-child {border-bottom: none;}

	.xero_board .board_view_wrap .board_view_com .com_top
	{
		margin-bottom		: 4px;
	}

	.xero_board .board_view_wrap .board_view_com .com_top .com_writer
	{
		float			: left;
		font-size		: 1.1em;
		color			: #000000;
		margin-right	: 10px;
	}

	.xero_board .board_view_wrap .board_view_com .com_top .com_date
	{
		float			: left; 
		font-size		: 1em;
		color			: #6a6a6a;
	}

	.xero_board .board_view_wrap .board_view_com .com_top .com_function
	{
		float			: left; 
		font-size		: 1em;
		color			: #797676;
		cursor			: pointer;
	}

	.xero_board .board_view_wrap .board_view_com .com_txt
	{
		font-size		: 1.04em;
		color			: #6a6a6a; 
		line-height		: 20px;
	}

	.xero_board .board_view_wrap .board_view_com .com_btn
	{
		font-size		: 1.1em;
		color			: #6a6a6a;
		line-height		: 20px;
		position		: absolute;
		top				: 0;
		right			: 0;
	}

	.xero_board .board_view_wrap .board_view_com .com_btn .com_modify_btn
	{
		font-size		: 1.1em;
		color			: blue;
		width			: 50px;
		text-align		: center;
		float			: left; 
		cursor			: pointer;
	}

	.xero_board .board_view_wrap .board_view_com .com_btn .com_del_btn
	{
		font-size		: 1.1em;
		color			: blue;
		width			: 50px;
		text-align		: center;
		float			: left; 
		cursor			: pointer;
	}

	@media (min-width: 1050px) {
		.xero_board .board_view_wrap .com_write
		{
			padding-bottom		: 10px;
			margin-bottom		: 10px;
		}

		.xero_board .board_view_wrap .com_write .com_write_text
		{
			float				: left;
		}

		.xero_board .board_view_wrap .com_write .com_write_text textarea
		{
			width				: 700px;
			height				: 60px;
			border				: 1px solid #c6c6c6;
			border-radius		: 5px;
			padding				: 5px;
		}
		


	}
	@media (min-width: 960px) and (max-width: 1049px) {
		.xero_board .board_view_wrap .com_write
		{
			padding-bottom		: 10px;
			margin-bottom		: 10px;
		}

		.xero_board .board_view_wrap .com_write .com_write_text
		{
			float				: left;
		}

		.xero_board .board_view_wrap .com_write .com_write_text textarea
		{
			width				: 620px;
			height				: 60px;
			border				: 1px solid #c6c6c6;
			border-radius		: 5px;
			padding				: 5px;
		}


	}
	@media (max-width: 959px){
		.xero_board .board_view_wrap .com_write
		{
			padding-bottom		: 10px;
			margin-bottom		: 10px;
		}

		.xero_board .board_view_wrap .com_write .com_write_text
		{
			float				: left;
		}

		.xero_board .board_view_wrap .com_write .com_write_text textarea
		{
			width				: 500px;
			height				: 60px;
			border				: 1px solid #c6c6c6;
			border-radius		: 5px;
			padding				: 5px;
		}


	}

	.xero_board .board_view_wrap .com_write .com_write_text
	{
		width				: 80%;
		float				: left;
	}

	.xero_board .board_view_wrap .com_write .com_write_text textarea
	{
		width				: 100%;
		height				: 60px;
		border				: 1px solid #c6c6c6;
		border-radius		: 5px;
		padding				: 5px;
	}

	.xero_board .board_view_wrap .com_write .com_write_btn
	{
		width				: 16%;
		height				: 70px;
		line-height			: 70px;
		float				: right;
		border-radius		: 5px;
		text-align			: center;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		font-size: 1.2em;
	}
	.xero_board .board_view_wrap .com_write .com_write_btn:hover {
		background: #f8f9ff;
		color: #283891;
	}

	.xero_board .board_view_wrap .board_btn_wrap
	{
		margin-bottom	: 10px;
	}


	.xero_board .board_view_wrap .board_btn_wrap .board_btn_1
	{
		float				: left;
	}

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_1 .btn_1_1
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1em;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_1 .btn_1_2
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1em;
		margin				: 0 10px;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_1 .btn_1_3
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1em;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}
	.xero_board .board_view_wrap .board_btn_wrap .board_btn_1 > div:hover {color: #283891;} 

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_2
	{
		float				: right;
	}

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_2 .btn_2_1
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1em;
		margin-right		: 10px;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}

	.xero_board .board_view_wrap .board_btn_wrap .board_btn_2 .btn_2_2
	{
		float				: left;
		border-radius		: 5px;
		font-size			: 1em;
		cursor				: pointer;
		box-shadow: 0 0 4px rgb(0 0 0 / 25%);
		padding: 8px 16px;
	}
	.xero_board .board_view_wrap .board_btn_wrap .board_btn_2 > div:hover {color: #283891;} 

	.board_paging_wrap
	{
		margin				: 15px auto 5px auto;
		width				: 100%;
	}


	.board_paging_wrap .left_area
	{
		padding				: 6px 0;

		text-align			: left;
		color				: #3f3f3f;
		font-size			: 11px;
		font-weight			: 700;
		float				: left;
		margin				: 0 2px;
	}

	.board_paging_wrap .right_area
	{
		padding				: 6px 0;
	
		text-align			: right;
		color				: #3f3f3f;
		font-size			: 11px;
		font-weight			: 700;
		float				: left;
		margin				: 0 2px;
	}

	.board_paging_wrap .page_area
	{
		width				: 100%;
		margin				: 0 auto;
	}

	@media (min-width: 1050px) {

		.board_paging_wrap .left_area,
		.board_paging_wrap .right_area
		{
			width				: 125px
		}

	}
	@media (min-width: 960px) and (max-width: 1049px) {

		.board_paging_wrap .left_area,
		.board_paging_wrap .right_area
		{
			width				: 125px
		}

	}
	@media (max-width: 959px){
		.board_paging_wrap .left_area,
		.board_paging_wrap .right_area
		{
			width				: 125px
		}
	}

	.board_paging_wrap .btn_paging
	{
		color: #3f3f3f;
		float: left;
		margin: 0 2px;
    	box-sizing: border-box;
    	min-width: 30px;
    	line-height: 1;
    	text-align: center;
    	padding: 7px 2px 9px;
    	font-size: 1em;
    	font-weight: 500;
    	border: none;
    	border-radius: 15px;
	}

	.board_paging_wrap  .edge
	{
		padding				: 5px 7px 6px 7px;
	}
	.board_paging_wrap  .d2
	{
		padding				: 5px 6px 6px 6px;
	}
	.board_paging_wrap  .d3
	{
		padding				: 5px 3px 6px 3px;
	}

	.board_paging_wrap  .sel
	{
		background			: #283891;
		color				: #ffffff;
	}

	.board_paging_wrap  .disabled
	{
		color				: #bfbfbf;
	}