/* 상황에따라 감싸줄때 씀 */
textarea { box-sizing: border-box; }

.bd_layout_wrap		{max-width:1100px; width:100%;}
.bd_layout_space10	{height:10px;}
.bd_layout_space20	{height:20px;}
.bd_layout_space30	{height:30px;}
.bd_layout_space40	{height:40px;}
.bd_layout_space50	{height:50px;}
.bd_layout_space60	{height:60px;}
.bd_layout_space70	{height:70px;}
.bd_layout_space80	{height:80px;}
.bd_layout_space90	{height:90px;}


.layout_wrap_df			{width:100%; display:inline-block; border:0px solid red;}
.layout_wrap_df1		{max-width:1220px; width:calc(100% - 20px); padding:0px 10px; display:inline-block; border:0px solid red;}
.layout_wrap_df2		{max-width:1240px; width:100%; display:inline-block; border:0px solid red;}

/* board skin  세트  */

.view_title_df_all		{font-size:22px; font-family:Noto Sans KR, sans-serif; font-weight:500;}
.bd_ar_set				{float:left; width:300px; height:280px; border-bottom:1px solid #eeeeee; text-align:center; box-sizing:border-box; }
.bg_ar_no_set			{display:inline-block; width:270px; text-align:left; margin:40px 0px 5px 0px;}
.bg_ar_no				{display:inline-block; float:left; padding:0px 7px 0px 8px; text-align:center; font-family:tahoma; border-left:1px solid #e0e1e1; border-top:1px solid #e0e1e1;  color:#008ef2;}
.bg_ar_date				{display:inline-block; float:right; width:100px; padding:3px 0px 3px 0px; text-align:right; font-family:tahoma; color:#959595;}
.bd_ar_txt_set			{display:inline-block; width:270px; height: 155px; border:0px solid #eeeeee; text-align:left; box-sizing:border-box; }
.bg_ar_tie				{display:inline-block; text-align:justify; font-size:13px; margin-bottom:10px; line-height:22px; width:270px;}
.bg_ar_contens			{display:inline-block; text-align:justify; line-height:21px; }
.bg_ar_d_h				{display:inline-block; width:270px; text-align:left; color:gray;}
.bg_ar_d_line			{width:auto; height:1px;  background-color:#eeeeee; margin-bottom:30px;}
.bd_txt_w_btn			{float:right; background-color:gray; padding:5px 20px 5px 20px; color:white;}
.b_page_skip_set		{display:inline-block; width:100%; text-align:center; border:0px solid black; margin-top:30px;}

@media screen and (max-width : 500px){
	.view_title_df_all			{font-size:15px; }
}

.b_page_skip			{border:1px solid #000;background: #efefef; text-align:center; margin:1px; padding:3px 10px; font-weight:bold;float:left;}
.b_page_skip_dis		{border:1px solid #c8c8c8;background: #ffffff; text-align:center; margin:1px; padding:3px 10px;float:left;}
.b_page_skip_btn		{border:1px solid #c8c8c8;background: #ffffff; text-align:center; margin:1px; padding:3px 10px; float:left;}
.b_page_skip_off		{border:1px solid #c8c8c8;background: #ffffff; text-align:center; margin:1px; padding:3px 10px; color:gray;float:left;}
.b_search_box_set		{display:inline-block;}



.bg_wt_categ				{width:100%; padding:15px; text-align:left;}
.bg_wt_block_t			{width:100%; padding:10px 0px 5px 0px; text-align:left;}
.bg_wt_block				{width:100%; height:45px; text-align:center;}
.bg_wt_edit				{width:100%; text-align:center; padding-top:10px; font-size:15px;}
.bg_wt_block_b			{width:100%; text-align:center;border:1px solid #b0b0b0; padding:10px 0px 10px 0px;}
.bg_wt_block_s			{display:inline-block; width:95%; text-align:left;border:0px solid #b0b0b0; }
.bg_wt_form				{width:100%; height:45px; text-align:left; border:1px solid #b0b0b0; padding-left:10px; font-size:12px; color:#0d5e8e;}
.bg_wt_txar				{width:100%; height:350px; text-align:left; border:1px solid #b0b0b0; padding:10px; font-size:12px;font-family:나눔고딕,Nanum Gothic; line-height:25px; color:#0d5e8e;}

.bd_view_block			{width:100%; border-bottom:1px solid #eeeeee; clear:both; text-align:center; padding-bottom:50px;}
.bd_view_dp				{display:inline-block; font-size:15px; text-align:center;color:#3388c7; width:100%; border:0px solid black; padding:20px 0px;}
.bd_view_info_c			{display:inline-block; text-align:center; width:100%; border:0px solid black; padding:0px 0px 25px 0px; font-size:12px; color:#3388c7;}
.bd_view_info_c2		{text-align:center; border:0px solid black; padding:0px 0px 25px 0px; font-size:12px; color:#3388c7;}
.bd_view_info				{display:inline-block; text-align:center; width:100%; border:0px solid black; padding:40px 0px; font-size:12px;}
.bd_view_info_t			{padding:5px 10px; background-color:#f4f4f4; color:#7b7b7b; margin-right:10px; border:1px solid #e2e2e2;border-radius:3px; }
.bd_view_info_ts			{padding:10px 15px; background-color:#f4f4f4; color:#474747; margin-right:10px; border:1px solid #e2e2e2;border-radius:5px; font-size:12px;font-family:나눔고딕,Nanum Gothic;}
.bd_view_info_ts1		{padding:5px 8px; background-color:#f4f4f4; color:#474747; margin-right:20px; border:1px solid #e2e2e2;border-radius:5px; }
.bd_view_book_ex		{padding-left:10px; background-color:#ffffff; color:#474747; margin:5px; border-bottom:0px solid #e2e2e2;width:150px; float:left;}
.bd_view_book_ts		{padding-left:10px; background-color:#ffffff; color:#474747; margin:5px; border-bottom:0px solid #e2e2e2;width:100px; float:left;}
.bd_view_info_bx_t		{ color:#7b7b7b; margin:0px 30px 10px 0px; float:left;color:#3388c7; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500;}
.bd_view_info_bx_t2	{ color:#7b7b7b; margin:0px 10px; color:#3388c7; text-align:left;}
.bd_view_info_bx_t3	{ color:#7b7b7b; margin:0px 30px 10px 0px; color:#3388c7; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500;}
.bd_view_book_t			{ color:#7b7b7b; width:300px;; float:left;color:#3388c7; text-align:left;border-bottom:1px solid #f1f1f1;}
.bd_view_txt_ar			{display:inline-block; text-align:center;border:0px solid black; width:100%;}
.bd_view_txt_ar2		{display:inline-block; text-align:center;border:0px solid black;}
.bd_view_img				{display:inline-block; padding:15px 0px 25px 0px;border:0px solid black; width:100%; text-align:center;}
.bd_view_block_c		{display:inline-block; line-height:30px; font-size:13px; text-align:center; border:0px solid red;}
.bd_view_b_f				{width:100%;}
.bd_view_b_t				{width:100px; padding:10px 0px; text-align:left; float:left;}
.bd_view_b_c				{width:200px; padding:10px 0px; text-align:left; float:left;}
.bd_view_btn				{width:110px; padding:8px 0px; text-align:center; float:left;background-color:#008ef2; color:white; font-size:12px; margin-right:1px; margin-bottom:1px; }
.bd_save_btn_bx		{display:inline-block;}
.bd_save_btn				{width:110px; height:40px; text-align:center; float:left;background-color:#008ef2; color:white; font-size:13px; border:0px; margin:5px;}
.bd_save_btn_con		{width:250px; padding:25px; text-align:center; float:left;background-color:#008ef2; color:white; font-size:13px; border:0px; }

.bd_view_btn_set		{display:inline-block; width:100%; text-align:center;}
.bd_view_btn_set_view	{display:inline-block; width:100%; text-align:right;}
.bd_view_btn_blk		{display:inline-block; margin:40px 0px 50px 0px;}
.bd_view_btn_blk2		{display:inline-block; margin:10px 0px 10px 0px;}

/* 파일 업로드 폼 설정  */
.bd_att_box				{ margin:0 0 3px 0; white-space:nowrap; }
.bd_att_box input, .bd_att_box label	{ margin:0; box-sizing:border-box; font-size:12px; line-height:13px; }
.bd_att_box a			{ display:inline-block; width:30px; padding:7px 0; text-align:center; vertical-align:middle; }
.bd_att_box [type=file]	{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } /* 원래 파일첨부 숨김 */
.bd_att_box .up_btn		{ display:inline-block; vertical-align:middle; cursor:default; width:80px; padding:7px 0; text-align:center; border:1px solid #0e699f; background:#008ef2;color:#ffffff; } /* 파일첨부버튼 */
.bd_att_box .up_btn:hover	{ border:1px solid #008ef2; background:#2e89bf; color:#ffcc00; }
.bd_att_box .box_35		{display:inline-block; vertical-align:middle; width:calc(100% - 123px); padding:7px 0; border:1px solid #b0b0b0; background:#f8f8f8; } /* 처음 첨부하는 것 */
.bd_att_box .box_15		{display:inline-block; vertical-align:middle; width:calc(100% - 265px); padding:7px 0; border:1px solid #b0b0b0; background:#f8f8f8; } /* 기존에 첨부된 것 */
.bd_att_box .old_file	{display:inline-block; vertical-align:middle; width:90px; padding:7px 0; border:1px solid #b0b0b0; background:#f0f0f0; text-align:center; } /* 기존 첨부 파일명 */
.bd_att_box .del_btn	{display:inline-block; vertical-align:middle; width:40px; padding:7px 0; border:1px solid #000000; background:#414141; color:#eeeeee; } /* 기존 첨부 삭제버튼 */
.bd_att_box .del_btn:hover	{ border:1px solid #410000; background:#614141; color:#ffffee; }


.bd_prev_set				{display:inline-block;border-bottom:1px solid #eeeeee; width:100%; padding:10px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; box-sizing:border-box;}
.board_line1				{margin:5px 0px 5px 0px; width:100%; height:1px; border-top:1px dashed #cccccc; display:inline-block;}

.cmt_box_ar				{width:100%; border-top:1px solid #eeeeee; padding:30px 0px 70px 0px; text-align:center;}
.cmt_box_df_info		{width:160px; float:left;border-right:0px solid #eeeeee; text-align:left; padding-left:30px;}
.cmt_box_df_memo	{width:80%; font-size:13px; color:gray; display:inline-block; text-align:left; float:left;border:0px solid #eeeeee; padding-left:20px;}
.cmt_box_tools			{padding-top:50px;}
.cmt_box_no				{line-height:18px;}
.cmt_box_name			{line-height:18px; font-size:13px;}
.cmt_box_total			{line-height:15px; padding-left:30px;}
.ibox							{display:inline-block;border:1px solid black; height:40px; font-size:15px; padding-left:10px; margin-bottom:2px; color:#008ef2;}
.ibox_del_btn				{border:1px solid black; height:40px; font-size:15px; padding-left:10px; margin-bottom:2px; color:#008ef2;}
.ibox_txt					{border:1px solid #b0b0b0; width:100%; height:70px; font-size:13px; font-family:나눔고딕,Nanum Gothic;padding:10px; margin-bottom:2px; color:#5c5c5c;}
.cmt_box_btn				{width:100%; height:50px; font-size:13px; font-family:나눔고딕,Nanum Gothic; color:white; background-color:#008ef2; border:0px;}

.pop_edit_win				{width:100%;text-align:center; border:0px solid black;}
.pop_edit_title_b			{display:inline-block;width:90%; padding:25px 0px 0px 0px; text-align:left; font-size:15px;}
.pop_edit_title			{display:inline-block;width:90%; padding:10px 0px 0px 0px; text-align:left;}
.pop_edit_form			{display:inline-block;width:90%; height:45px; text-align:left; border:1px solid #b0b0b0; padding-left:10px; font-size:15px;}
.pop_edit_txar			{display:inline-block;width:90%; height:100px; text-align:left; border:1px solid #b0b0b0; padding:10px; font-size:13px;font-family:나눔고딕,Nanum Gothic; line-height:25px; }
.pop_edit_btn				{width:110px; padding:15px 0px 15px 0px; text-align:center; background-color:#008ef2; color:white; font-size:13px; border:0px; margin:20px;}
.pop_edit_btn_r			{width:110px; padding:15px 0px 15px 0px; text-align:center; background-color:#EA003E; color:white; font-size:13px; border:0px; margin:20px;}


.bd_ar_port				{display:inline-block; width:290px; text-align:center; box-sizing:border-box; border:0px solid blue;}
.bg_ar_port_img			{display:inline-block; padding:0px 0px; text-align:center; border:1px solid #eeeeee; }
.bd_ar_port_set			{display:inline-block; padding:15px; width:260px; text-align:left; border:0px solid black; box-sizing:border-box; margin-bottom:30px;}
.bg_ar_port_tie			{display:inline-block; text-align:justify; font-size:13px; margin-bottom:10px; width:100%;}
.bg_ar_port_tie_s		{font-size:12px; color:#5e5e5e;}
.bg_ar_port_st			{display:inline-block; text-align:justify; width:100%; color:#5e5e5e;}
.bg_ar_port_cont		{display:inline-block; text-align:justify; line-height:21px; }

.consult_outline			{display:inline-block; border:0px solid black; text-align:center;}
.consult_rule				{line-height:25px; color:#606060; text-align:left;}

.contents_sptxt			{display:inline-block; margin:30px 30px 0px 30px; border:0px solid black;}

/* 카테고리 css */

.cate_d_sel				{border:1px solid #0c5c8c; padding:5px 15px; background-color:#2c93df; float:left; margin:2px; color:#ffffff;border-radius:3px; letter-spacing:0.05em;}
.cate_d_normal			{border:1px solid #cccccc; padding:5px 15px; background-color:#f8f8f8; float:left; margin:2px; color:#606060;border-radius:3px; letter-spacing:0.05em;}
.cate_tag					{display:inline-block;margin:20px 30px 0px 30px; text-align:center; border:0px solid red;}

/* 목록 선택/삭제/복사이동 css */

.admin_sel_all			{cursor:pointer;border:1px solid #0c5c8c; padding:5px; background-color:#008ef2; float:left; margin:2px; color:#ffffff;border-radius:0px;}
.admin_sel_del			{cursor:pointer;border:1px solid #cccccc; padding:5px; background-color:#f8f8f8; float:left; margin:2px; color:#606060;border-radius:0px;}
.admin_sel_cm			{cursor:pointer;border:1px solid #cccccc; padding:5px; background-color:#f8f8f8; float:left; margin:2px; color:#606060;border-radius:0px;}


a.bdar_l:link, a.bdar_l:visited, a.bdar_l:active		{color:#a0a0a0; text-decoration:none; }
a.bdar_l:hover				{color:#2f363f; text-decoration:none; font-weight:bold;}




/* 게시글 등록시 나오는 다양한 아이콘 css */

.icon_new_bl				{border:0px solid #0c5c8c; padding:1px 2px; background-color:#379ee9; color:#ffffff;border-radius:0px; font-size:9px; font-family:arial;}  /* 뉴아이콘 */
.icon_unlock_bl			{border:0px solid #0c5c8c; padding:2px 2px; background-color:green; color:#ffffff;border-radius:0px; font-size:9px; font-family:arial;}  /* 게시글잠금 */
.icon_lock_bl				{border:0px solid #0c5c8c; padding:2px 3px 0px 3px; background-color:red; color:#ffffff;border-radius:0px; font-size:9px; font-family:arial;}
.icon_rep_bl				{border:0px solid #0c5c8c; padding:3px; color:red; }
.icon_rep_txt				{color:red; }



.consulting_form			{display:inline-block; width:90%;}
.bg_wt_btn					{width:100%; text-align:center; padding-top:25px;}
.cate_tag					{display:inline-block;margin:20px 30px 0px 30px; text-align:center; border:0px solid red;}
.bd_sp_title				{display:inline-block; margin:0px 30px 0px 30px; border:0px solid black;}
.bd_sp_title_ass			{line-height:25px; color:#606060; text-align:center; }


/* 모바일에서 글쓰기 타이틀 히든적용 / 온라인 스킨 */
@media screen and (min-width : 0px) and (max-width : 700px){
	.bg_wt_btn				{ width:100%; text-align:center; padding:25px 0px 0px 10px;}
	.cate_tag				{display:inline-block;margin:30px 30px 0px 30px; text-align:center; border:0px solid red;}
	.bd_sp_title			{display:none;}
	.bd_sp_title_ass		{line-height:25px; color:#606060; text-align:justify; }
}


.b_search_box_lay		{text-align:center; width:100%; border:0px solid red;}
.b_page_skip_hot		{float:left}
.b_search_btn_ar		{display:inline-block; float:left;}
.b_search_sel_ar		{display:inline-block; float:left;}
.sc_sel_df					{width: 150px; height:40px; padding:10px; margin-right:2px;}
.b_search_box_f			{border:1px solid #2f363f; width:250px; height:38px; background-color:white; text-align:center;}
.b_search_btn			{width:80px; height:40px; color:white; text-align:center; background-color:#2f363f; border:0px;}
.b_search_btn_all		{width:110px; height:40px; color:white; text-align:center; background-color:#008ef2; border:0px;}
.flt_hh			{width:80px; height:30px; color:white; text-align:center; background-color:#2f363f; border:0px; margin-top:8px;}

/* 모바일에서 검색창 히든적용 / portfolio 스킨 */
@media screen and (min-width : 0px) and (max-width : 700px){
	.b_page_skip_hot	{ display:none; }
}


.bd_view_title				{display:inline-block; font-size:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; text-align:center;color:#000000; width:100%; padding:10px 0px; line-height:35px;}
.bd_view_txt				{text-align:left;line-height:25px; border:0px solid black; max-width:900px;}

/* 모바일에만 적용 */

@media screen and (min-width : 0px) and (max-width : 650px){

	.sc_sel_df					{ width: 100px; height:40px; padding:10px; margin-right:2px;}
	.b_search_box_f			{border:1px solid #2f363f; width:150px; height:38px; background-color:white; text-align:center; margin:0px 0px;}


}


@media screen and (min-width : 0px) and (max-width : 500px){
	.bd_view_title				{display:inline-block; font-size:18px; font-family:Noto Sans KR, sans-serif; font-weight:500; text-align:center;color:#000000; width:100%; line-height:25px; width:calc(100% - 30px);}
	.bd_view_txt				{width:calc(100% - 20px);}
	.b_search_box_f			{width:120px; }
	.b_search_btn			{width:60px; height:40px;}
	.b_search_btn_all		{width:90px; height:40px; }
	.b_search_sel_ar		{ display:none; }

}

.l_tit_m { margin:3px 0; padding:7px 0; }
.v_memo { line-height:160%; min-height:25px; }
.v_repl_m { margin:0; padding:7px 5px 3px 25px; background:#f0f0f0; }


/* 가로기본형 응용형 게시판 목록 css */

.board_title_set			{display:inline-block; width:100%; border-top:2px solid #223556; border-bottom:1px solid #d7d4d4; box-sizing:border-box;padding:18px 0px; background-color:#fbfbfb; font-weight:bold;}
.board_book_title_set	{display:inline-block; width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box;padding:10px 0px; background-color:#f7f7f7; font-weight:bold;}
.board_content_set		{display:inline-block; width:100%; border-bottom:1px solid #ededed; box-sizing:border-box; padding:10px 0px;}
.bd_title_no				{float:left; width:110px; text-align:center; }
.bd_title_subject			{float:left; text-align:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 450px);}
.bd_title_subject1		{float:left; text-align:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 450px);}
.bd_title_subject2			{float:left; font-size:13px; text-align:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 450px);}

.board_etc_set			{float:right; }
.bd_title_name			{float:left; width:160px; text-align:center; }
.bd_title_hit				{float:left; width:80px; text-align:center;}
.bd_title_date				{float:left; width:80px; text-align:center;}
.bd_title_etc				{float:left;  text-align:center;}
.bd_title_part_s			{float:left; width:150px; text-align:left; }


/* 도서자료 게시판 목록 css */

.bd_title_book_no				{float:left; width:80px; text-align:center; }
.bd_title_book_part				{float:left; width:70px; text-align:left; }
.bd_title_book_write			{float:left; width:110px; text-align:left; }
.bd_title_book_date			{float:left; width:80px; text-align:center;}
.bd_title_book_paper			{float:left; width:80px; text-align:center;}
.bd_title_book_name			{float:left; text-align:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* view 페이지 아이템 */
ul, ol, li {list-style-type:none; line-height:normal;}
@media screen and (min-width : 701px){

	.board_view_box { width:100%; margin-top:10px; padding:0; }
	.board_view_box:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	.board_view_box li { float:left; box-sizing:border-box; }
	.board_view_box li.viewTitle { width:10%; text-align:center; background:#eaeaea; font-size:15px; padding:10px 0; border:1px solid #cccccc;}
	.board_view_box li.subDesc { width:90%; text-align:left; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0;}
	.board_view_box li.subItem1 { width:30%; text-align:left; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
	.board_view_box li.subItem2 { width:20%; text-align:left; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
	.board_view_box li.subItem3 { width:20%; text-align:left; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
}

@media screen and (max-width : 700px){
	.bd_title_no				{ width:90px; float:left; padding-left:0px;}
	.bd_title_book_write		{ display:none; }
	.board_etc_set				{ display:none; }
	.bd_title_subject			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%; font-size:12px;}
	.bd_title_subject1			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%; font-size:12px;}
	.bd_title_subject2			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%; font-size:12px;}

	.board_view_box { width:100%; margin-top:10px; padding:0; }
	.board_view_box:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	.board_view_box li { float:left; box-sizing:border-box; }
	.board_view_box li.viewTitle { display:none; }
	.board_view_box li.subDesc { width:100%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; }
	.board_view_box li.subItem1 { width:50%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; }
	.board_view_box li.subItem2 { width:25%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
	.board_view_box li.subItem3 { width:25%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }

}
@media screen and (max-width : 500px){
	.bd_title_no				{ width:75px; float:left; padding-left:0px;}
	.board_etc_set			{ display:none; }
	.board_title_set			{ display:none; }
	.bd_title_book_write		{ display:none; }
	.bd_title_subject			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 90px); font-size:12px;}
	.bd_title_subject1			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 90px); font-size:12px;}
	.bd_title_subject2			{ float:left; text-align:left; padding-left:10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 90px); font-size:12px;}


	.board_view_box { width:100%; margin-top:10px; padding:0; }
	.board_view_box:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	.board_view_box li { float:left; box-sizing:border-box; }
	.board_view_box li.viewTitle { display:none; }
	.board_view_box li.subDesc { width:100%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; }
	.board_view_box li.subItem1 { width:50%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; }
	.board_view_box li.subItem2 { width:25%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
	.board_view_box li.subItem3 { width:25%; text-align:center; background:#fff; font-size:15px; padding:10px 10px; border:1px solid #cccccc; border-left:0; }
}

@media screen and (max-width : 400px){
	.board_content_set {padding:7px 0px; }
	.bd_title_no { width:40px; float:left; padding-left:0px; }
	.bd_title_subject1 { float:left; text-align:left; padding-left:5px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 60px); font-size:13px; }
	.bd_title_subject2 { float:left; text-align:left; padding-left:5px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 60px); font-size:13px; }
	.bd_title_part_s { display:none;}
	.bd_title_book_name	{float:left; text-align:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px;width:calc(100% - 160px);}
	.bd_view_btn				{width:55px; padding:8px 0px; text-align:center; float:left;background-color:#008ef2; color:white; font-size:12px; margin-right:1px; margin-bottom:1px; }


	.board_view_box { width:100%; margin-top:10px; padding:0; }
	.board_view_box:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	.board_view_box li { float:left; box-sizing:border-box; }
	.board_view_box li.viewTitle { display:none; }
	.board_view_box li.subDesc { width:100%; text-align:center; background:#fff; font-size:13px; padding:10px 10px; border:1px solid #cccccc; line-height:120%; }
	.board_view_box li.subItem1 { width:100%; text-align:center; background:#fff; font-size:13px; padding:10px 10px; border:1px solid #cccccc; }
	.board_view_box li.subItem2 { width:50%; text-align:center; background:#fff; font-size:13px; padding:10px 10px; border:1px solid #cccccc; border-top:0; }
	.board_view_box li.subItem3 { width:50%; text-align:center; background:#fff; font-size:13px; padding:10px 10px; border:1px solid #cccccc; border-top:0; border-left:0;  }
}



table.tb_e_lay			{width:100%; background-color:#ffffff; border:1px solid #e2e2e2; border-collapse:collapse;}
table.tb_e_lay tr td		{border:none; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:none; vertical-align:middle; font-size:12px; padding:12px 20px;}

table.tb_dp_lay			{width:100%; background-color:#ffffff; border:1px solid #e2e2e2; border-collapse:collapse;}
table.tb_dp_lay tr td		{border:none; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:none; vertical-align:middle; font-size:12px; padding:12px 20px;}

table.tb_em_lay				{display:block; width:100%; background-color:#ffffff; border:1px solid #e2e2e2; border-collapse:collapse;}
table.tb_em_lay tr td		{display:block;border:none; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:none; vertical-align:middle; font-size:12px; padding:7px 20px;}
.info_mobile_display		{display:none;}
.tb_title_le						{min-width:50px; background-color:#f8f8f8;}
.tb_title_l						{width:100px; background-color:#f8f8f8;}
.tb_title_dpl					{width:100px; background-color:#f8f8f8;}
.tb_title_le						{display:none;}


@media screen and (max-width : 620px){
	table.tb_e_lay				{display:none;}
	.info_mobile_display		{display:block;}
	.tb_title_l						{display:none;}
	.tb_title_dpl					{min-width:50px; background-color:#f8f8f8;}
	table.tb_dp_lay				{}
	table.tb_dp_lay tr td		{padding:5px 20px;}
}


/* 유투브영상 가로세로 비율에 맞게 100% css / 사이즈상관없이 출력 */

#id_view_box			 { position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; }
#id_view_box iframe { position:absolute; width:100%; height:100%; left:50%; }

.brdTb {table-layout:fixed; border:solid #cccccc; border-width:1px 1px 0 0;}
.brdTb th {padding:0; height:35px; text-align:center; background:#eaeaea; font-size:14px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; }
.brdTb td {padding:7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:160%; font-size:14px; }