/* ============================ 공통 ============================  */
.chk-admin-sel { width: auto !important; height: auto !important; -webkit-appearance: checkbox !important; appearance: checkbox !important;}

/* admin control box */
.admin_ct_bx		{display:inline-block; width:1260px; padding-bottom:20px; text-align:right;}

/* 새글 css */
.icon_new_bl				{line-height:100%; padding:1px 2px; background:#ef386c; color:#ffffff; font-size:9px; font-family:arial;}  /* 뉴아이콘 */

/* 게시판 b_name css */
.bbs_id_tt	{float:left; width:100%;  font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:30px; line-height:100%; padding-bottom:35px; text-align:center; letter-spacing:-0.05em; color:black;}

/* 게시판 작성스타일박스 css */
.txt_call_style	{float:left; width:100%;  font-size:11px; text-align:center; color:black; padding-top:10px;}

/* 목록 선택/삭제/복사이동 css */
.admin_sel_all			{cursor:pointer;border:1px solid #2d3539; padding:5px 15px; background-color:#2d3539; display:inline-block; margin:0 1px; color:#ffffff; font-size:11px; border-radius:2px;}
.admin_sel_del			{cursor:pointer;border:1px solid #dddddd; padding:5px 15px; background-color:#fafafa; display:inline-block; margin:0 1px; color:#606060; font-size:11px; border-radius:2px;}
.admin_sel_cm			{cursor:pointer;border:1px solid #dddddd; padding:5px 15px; background-color:#fafafa; display:inline-block; margin:0 1px; color:#606060; font-size:11px; border-radius:2px;}

/* 페이지 skip css */
.pps_set			{float:left; width:100%; }
.pps_set .skip_pos			{display:inline-block; font-size:11px; letter-spacing:-0.05em; margin-top:50px; }
.pps_set .pg_al			{float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .pg_al:hover	{color:#ef386c; }
.pps_set .pg_al:after	{content: "이전";}
.pps_set .pg_al_not			{float:left; border:1px solid transparent; color:#dddddd; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .pg_al_not:after	{content: "이전";}
.pps_set .all_l			{float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .all_l:hover	{color:#ef386c; }
.pps_set .all_l:after	{content: "처음";}
.pps_set .pg_ar			{float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .pg_ar:hover	{color:#ef386c; }
.pps_set .pg_ar:after	{content: "다음";}
.pps_set .pg_ar_not			{float:left; border:1px solid transparent; color:#dddddd; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .pg_ar_not:after	{content: "다음";}
.pps_set .all_r			{float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;}
.pps_set .all_r:hover	{color:#ef386c; }
.pps_set .all_r:after	{content: "마지막";}
.pps_hset			{float:left; margin:0px 15px;}
.hot_pga			{float:left; color:#898989; padding:7px 10px;  border:1px solid transparent;}
.hot_pga:hover	{color:#ef386c; }
.hot_pgs			{float:left; color:#ef386c; padding:7px 15px; font-weight:bold; border:1px solid #e6e6e6; background:white;}

/* 데이터없음 css */
.bd_list_none						{float:left; width:100%; padding:100px 0px; text-align:center; border-bottom:1px solid #eeeeee; font-size:11px;}

/* 게시판하단 버튼 기본 css */
.bd_view_btn_box		{float:left; width:100%;}
.bd_view_btn_box .bvb_pos		{display:inline-block; width:1260px; padding:50px 0; font-size:0;}
.bd_view_btn_box .bvb_pos .btn_default		{display:inline-block; width:150px; padding:15px 0; margin:0 5px; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-size:13px;transition: all .2s; border-radius:3px;}
.bd_view_btn_box .bvb_pos .btn_default:hover		{border:1px solid #2f2f2f; background:#2f2f2f;transition: all .2s;}

/* 첨부파일 down css */
.bd_at_file		{float:left; background:#4e4e4e; width:calc(25% - 2px); margin:1px; padding:13px 15px; text-align:left; transition:all .2s; border-radius:3px;}
.bd_at_file:hover	{background:#2f2f2f; transition:all .2s;}
.bd_at_file .icon	{float:left; width:20px; font-size:12px; padding:3px 0 0 0px; color:white;}
.bd_at_file .name	{float:left; font-size:12px; color:white; width:calc(100% - 70px);  text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.bd_at_file .size	{float:left; width:50px; text-align:right;font-size:11px; font-family:tahoma; color:rgba(255,255,255,0.6);}

/* 글쓰기 기본 css */
.bdr_wrt_dft { width:100%; border:0px solid red;}
.bdr_wrt_dft select { width:200px; height:50px; border:1px solid #f1f1f1; background: #f6f6f6 url('/images/sel_arr.gif') no-repeat 95% 50%; transition:all .2s; font-size:13px; color:#00417d;}
.bdr_wrt_dft select:focus { outline:none; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; !important; border:1px solid #000000 !important; transition:all .2s;}
.bdr_wrt_dft .wrt_pos { display:inline-block; width:100%; padding:0 0; border:0px solid red;}
.bdr_wrt_dft .wrt_pos:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.bdr_wrt_dft .wrt_pos .w_id_title { display:none; float:left; width:100%; border-bottom:1px solid #eeeeee; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:35px; margin-bottom:35px;}
.bdr_wrt_dft .wrt_pos .w_set { width:100%; padding:5px 0; text-align:left;}
.bdr_wrt_dft .wrt_pos .w_set .ws_tt { width:100%; padding:10px 5px; font-size:15px; color:black;}
.bdr_wrt_dft .wrt_pos .w_set .ws_tt span {color:red; font-size:11px; margin-left:10px;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con { width:100%;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con .pst1 { width:95px; border-radius:2px; overflow:hidden;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con .pst2 { width:100%; padding-top:2px;}

.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_pic { float:left; width:120px; text-align:center; height:50px; padding-top:7px; border:1px solid #eeeeee; }
.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_pic img {width:80%;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_code { float:left; width:200px;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_rf { float:left; width:90px; border-radius:0 3px 3px 0; overflow:hidden; margin-right:5px;}
.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_msg {float:left; width:100%; padding:10px 0 0 0; color:red;}

.bdr_wrt_dft .wrt_pos .w_set .ybx_sp { width:100%; height:25px;}
.bdr_wrt_dft .wrt_pos .w_set .ybx { width:100%;}
.bdr_wrt_dft .wrt_pos .w_set .ybx .memo { width:100%; height:150px; padding:15px; overflow-x:hidden; oveflow-y:auto; border:1px solid #dddddd;}
.bdr_wrt_dft .wrt_pos .w_set .ybx .set { width:100%; padding-top:13px;}

.w_dft_frm {width:100%; height:50px; padding:0 15px; border:1px solid #eaeaea; color:#00417d; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;}
.w_dft_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.w_dft_frm::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.w_dft_txar {width:100%; height:250px; padding:15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;}
.w_dft_txar:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.w_dft_txar::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.w_dft_code {width:100%; height:50px; border:0px; background:#2f2f2f; font-size:12px; text-align:center; color:white; cursor:pointer; transition:all .2s;}
.w_dft_code:hover {background:#4e4e4e; transition:all .2s;}
.w_dft_post {width:100%; height:35px; padding:0 0px; border:0px; color:white; background:#2f2f2f; font-size:12px; text-align:center; cursor:pointer; transition:all .2s;}
.w_dft_post::placeholder {color: rgba(255,255,255,0.9); font-size:11px;}


/* 글쓰기 기본 css */
@media screen and (max-width: 900px){
	.bdr_wrt_dft select {width:200px; height:45px; }
	.bdr_wrt_dft .wrt_pos { max-width:800px; padding:0; width:100%;}
	.bdr_wrt_dft .wrt_pos .w_id_title {font-size:20px; padding-bottom:25px; margin-bottom:25px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_tt { padding:10px 5px; font-size:12px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_tt span	{margin-left:7px;}

	.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_pic		{width:120px; height:45px; padding-top:3px; }

	.w_dft_frm					{height:45px; padding:0 10px; font-size:12px;}
	.w_dft_txar					{height:200px; padding:10px; font-size:12px;}
	.w_dft_code				{height:45px; font-size:12px;}
}

@media screen and (max-width: 650px){
	.bdr_wrt_dft select		{width:200px; height:40px;  font-size:11px;}
	.bdr_wrt_dft .wrt_pos {padding:0;}
	.bdr_wrt_dft .wrt_pos .w_id_title		{font-size:18px; padding-bottom:20px; margin-bottom:10px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_tt span { margin-left:5px; font-size:10px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_con .pst1		{width:80px; }
	.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_pic		{width:90px; height:40px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_rf		{width:85px; margin-right:3px;}
	.bdr_wrt_dft .wrt_pos .w_set .ws_con .at_code		{width:calc(100% - 178px);}
	.w_dft_frm {height:40px; font-size:11px;}
	.w_dft_txar {height:150px; font-size:11px;}
	.w_dft_post {height:35px; font-size:11px;}
	.w_dft_code {height:40px; font-size:11px;}
}


.w_dft_frm					{width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;}
.w_dft_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.w_dft_frm::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.w_dft_txar					{width:100%; height:250px; padding:15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;}
.w_dft_txar:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.w_dft_txar::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.w_dft_code				{width:100%; height:50px; border:0px; background:#2f2f2f; font-size:12px; text-align:center; color:white; cursor:pointer; transition:all .2s;}
.w_dft_code:hover		{background:#4e4e4e; transition:all .2s;}
.w_dft_post					{width:100%; height:35px; padding:0 0px; border:0px; color:white; background:#2f2f2f; font-size:12px; text-align:center; cursor:pointer; transition:all .2s;}
.w_dft_post::placeholder {color: rgba(255,255,255,0.9); font-size:11px;}


/* 버튼 button 스타일 css */
.bd_wrt_btn_box 		{float:left; width:100%; padding-top:30px;}
.bd_wrt_btn_box .button_default		{display:inline-block; width:150px; padding:15px 0; margin:0 5px; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-size:13px;transition: all .2s; border-radius:3px; cursor:pointer;}
.bd_wrt_btn_box .button_default:hover		{border:1px solid #2f2f2f; background:#2f2f2f;transition: all .2s;}


/* 게시판_글쓰기 공통 / 외부지도삽입 css */
.board_map_block		{float:left; width:100%;}
.board_map_block .btar		{float:left; width:100%; padding:10px 0 5px 0; text-align:right;}
.board_map_block .btar input			{width:160px; border:0; height:40px; background:#006ed5; color:white; font-size:12px; font-weight:bold; cursor:pointer; letter-spacing:-0.05em;}
.board_map_block .map_kind			{float:left; width:100%; padding:40px; margin-top:25px; background:#fafafa; border:1px solid #565656;}
.board_map_block .ist_btn			{display:inline-block; width:80px ;height:80px; background:#258fff; color:white; margin:-65px 0 25px 0; border-radius:100%; cursor:pointer;transition: all .2s;}
.board_map_block .ist_btn:hover		{background:#026bda; transition: all .2s;}
.board_map_block .ist_btn .icon	{float:left; width:100%; font-size:25px; padding:15px 0 5px 0;}
.board_map_block .ist_btn .tt		{float:left; width:100%; font-size:13px;}
.board_map_block .txt				{display:inline-block; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; line-height:160%;}
.board_map_block .ltx				{float:left; text-align:left; width:100%; font-size:12px; line-height:150%; padding:20px 10px 0 10px;}
.board_map_block .ch_bx			{float:left; width:100%; padding:30px 0;  font-size:13px; color:#000000; font-weight:bold; border-top:1px solid #eeeeee; margin-top:25px;}
.board_map_block .mtxar				{border:1px solid #000000; background:#001934; width:100%; height:300px; padding:20px; font-size:12px; color:white; resize:vertical;}
.board_map_block textarea::placeholder {color:rgba(255,255,255,0.8);}

/* 첨부파일 css */
.att_box_default								{float:left; white-space:nowrap; width:100%; padding:2px 0; border:0px solid blue;}
.att_box_default input, .att_box_default label	{ margin:0; box-sizing:border-box; font-size:11px; line-height:13px;}
.att_box_default a							{float:left; width:35px; height:35px; line-height:35px; text-align:center; color:black; transition:all .2s; border:0px solid red;}
.att_box_default a:hover					{color:red;transition:all .2s; }
.att_box_default [type=file]				{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } /* 원래 파일첨부 숨김 */
.att_box_default .att_up_btn			{float:left; width:70px; height:35px; line-height:35px; text-align:center;  background:#bbbbbb;color:#ffffff; border-radius:2px 0 0 2px; cursor:pointer; transition:all .2s; border:0px solid red;} /* 파일첨부버튼 */
.att_box_default .att_up_btn:hover	{background:#0898fe; transition:all .2s;}
.att_box_default .box_35					{float:left; width:calc(100% - 105px); height:35px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } /* 처음 첨부하는 것 */
.att_box_default .box_15					{float:left; width:calc(100% - 260px); height:35px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } /* 기존에 첨부된 것 */
.att_box_default .old_file					{float:left; width:90px; height:35px; padding:0 5px; border:1px solid #f1f1f1; color:#00417d; background:white; color:red; font-size:11px; text-align:left;} /* 기존 첨부 파일명 */
.att_box_default .del_btn					{float:left; width:65px; height:35px; border:1px solid #414141; background:#414141; color:#eeeeee; cursor:pointer; transition:all .2s; border-radius:0 2px 2px 0;} /* 기존 첨부 삭제버튼 */
.att_box_default .del_btn:hover		{border:1px solid red; background:red; color:#ffffff;  transition:all .2s;}

/* 권한박스 css */
.no_perm_blk					{display:inline-block; max-width:800px; width:100%; padding:80px 0px;}
.no_perm_blk	 .msg		{font-size:15px;}
.no_perm_blk	 .btn_set	{font-size:13px; display:inline-block; margin-top:35px;}
.no_perm_blk	 .btn_ar		{background:#ef386c; color:white; padding:15px 0px; border-radius:3px; float:left; width:200px; margin:0px 2px;}


/* 자료수 / 카테고리 css */
.default_hd_box	{display:inline-block; width:100%; }
.default_hd_set {float:left; width:100%; padding:0px 0 20px 0;}
.default_hd_pos {display:inline-block; width:1260px;}
.default_lst_cnt {float:left; line-height:100%; padding:0 5px; font-size:13px;}
.default_hd_set .hd_pos {display:inline-block; width:100%; padding:0 0 15px 0;}
.default_hd_set .bd_count {float:left; line-height:100%; padding:0 5px; font-size:15px;}
#default_ctg				{float:right;}
#default_ctg .cate_df_st				{float:left; width:100%; text-align:center; line-height:100%; font-size:12px;}
#default_ctg .cate_df_st span		{margin-right:2px; color:rgba(0,0,0,0.6);}
#default_ctg .cate_d_sel				{float:left; padding:0 5px; color:#bf1d2d; font-weight:bold;}
#default_ctg .cate_d_normal			{float:left; padding:0 5px; color:black; transition:all .2s;}
#default_ctg .cate_d_normal:hover{color:#bf1d2d; transition:all .2s;}

/* 기본검색  css */
.scr_default					{float:left; width:100%; padding-top:35px;}
.scr_default .s_pos		{display:inline-block; }
.scr_default .s_pos select	{height:50px;}
.scr_default .all			{float:left; width:100px; padding-left:5px;}
.scr_default .sel			{float:left; width:100px; padding:0 5px 0 0; background:white;}
.scr_default .frm			{float:left; width:300px; }
.scr_default .btn_ar	{float:left; width:80px;}
.scr_default .btn_all		{width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;}
.scr_default .btn_all:hover		{background:#3b3b3b; transition:all .2s;}
.scr_default .sbox				{width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;}
.scr_default .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;}
.scr_default .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.scr_default .sr_btn				{width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;}

/* 기본검색 / top css */
.scr_df_top					{float:left; width:100%; padding:50px 0; border-bottom:1px solid #eeeeee; background:#f3f3f3;}
.scr_df_top .s_pos		{display:inline-block; }
.scr_df_top .s_pos select	{height:50px;}
.scr_df_top .all			{float:left; width:100px; padding-left:5px;}
.scr_df_top .sel			{float:left; width:100px; padding:0 5px 0 0; background:white;}
.scr_df_top .frm			{float:left; width:300px; }
.scr_df_top .btn_ar	{float:left; width:80px;}
.scr_df_top .btn_all		{width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;}
.scr_df_top .btn_all:hover		{background:#3b3b3b; transition:all .2s;}
.scr_df_top .sbox				{width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;}
.scr_df_top .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;}
.scr_df_top .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.scr_df_top .sr_btn				{width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;}

/* 기본검색 / top - sel off css */
.scr_df_top_sel_off					{float:left; width:100%; padding:50px 0; border-bottom:1px solid #eeeeee; background: linear-gradient( to bottom, transparent, #fafafa); /*background:#f3f3f3;*/}
.scr_df_top_sel_off .s_pos		{display:inline-block; }
.scr_df_top_sel_off .s_pos select	{height:50px;}
.scr_df_top_sel_off .all			{float:left; width:100px; padding-right:5px;}
.scr_df_top_sel_off .sel			{float:left; width:100px; padding:0 5px 0 0; background:white;}
.scr_df_top_sel_off .frm			{float:left; width:300px; }
.scr_df_top_sel_off .btn_ar	{float:left; width:80px;}
.scr_df_top_sel_off .btn_all		{width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;}
.scr_df_top_sel_off .btn_all:hover		{background:#3b3b3b; transition:all .2s;}
.scr_df_top_sel_off .sbox				{width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;}
.scr_df_top_sel_off .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;}
.scr_df_top_sel_off .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.scr_df_top_sel_off .sr_btn				{width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;}

/* 자료실 리스트 파일 css */
.att_data_file	{float:left; width:100%; padding:5px; line-height:100%; transition:all .2s; }
.att_data_file:hover	{background:#ffffcc;  transition:all .2s; }
.att_data_file .att_name	{float:left; font-size:11px; width:calc(100% - 60px);  color:#2673bf; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.att_data_file .att_name span	{color:#333333;  font-size:12px;}
.att_data_file .att_size		{float:left;width:60px; font-family:tahoma; font-size:11px; color:rgba(0,0,0,0.5); text-align:right;}
.att_data_file:hover .att_name	{color:black; font-weight:bold; transition:all .2s; }

/* 게시물 이동 기본 세팅 */
.view_bbs_move_box	  {position:relative; top:0; left:0; width:100%; height:0;}
.view_bbs_move_box .admin_move  {position:absolute; top:-50px; right:0; }
.view_bbs_move_box .admin_move input  {border:0; background:#3f3f3f; color:white; cursor:pointer; padding:8px 10px; line-height:100%; font-size:11px; border-radius:3px; transition:all .2s;}
.view_bbs_move_box .admin_move input:hover  {background:red; transition:all .2s;}

/* 게시물 상세보기 기본 타이틀 */
.view_bbs_title_box  {display:inline-block; width:100%; border:0px solid red; font-family:Noto Sans KR, sans-serif; font-weight:500;  padding:0 0 50px 0; font-size:0; text-align:center;}
.view_bbs_title_box span  {display:inline-block; font-size:25px; color:red; margin-right:5px;}
.view_bbs_title_box h2	  {display:inline-block; font-size:25px; color:black; letter-spacing:-0.05em; line-height:120%;}
.view_bbs_title_box .vbtb_cate  {display:inline-block; font-size:25px; color:red;}
.view_bbs_title_box .vbtb_btt	  {display:inline-block; font-size:25px; color:black; letter-spacing:-0.05em;}

/* 게시물 상세보기 FAQ 타이틀 */
.view_bbs_title_faq  {float:left; width:100%; border-bottom:2px solid #565656; font-family:Noto Sans KR, sans-serif; font-weight:500;  padding:0 0 50px 30px; font-size:0; text-align:left;}
.view_bbs_title_faq .q_box	  {display:inline-block; font-size:25px; color:#aa0000; padding-right:10px;}
.view_bbs_title_faq .vbtb_cate  {display:inline-block; font-size:25px; color:red;}
.view_bbs_title_faq .vbtb_btt	  {display:inline-block; font-size:25px; color:black; letter-spacing:-0.05em;}

/* 게시물 상세보기 테이블안 카테고리 표시 / 별도 모바일용 없음 */
.tb_in_cate_0		{color:#b4b4b4;}
.tb_in_cate_1		{color:#439600;}
.tb_in_cate_2		{color:red;}
.tb_in_cate_3		{color:#da0000;}
.tb_in_cate_4		{color:orange;}


/* 댓글 기본 박스 */
.bd_cmt_blk		{float:left; width:100%; border-top:1px solid #eeeeee;}

/* 리스트 코멘트 카운트 포토 스타일1 */
.comment_style_pt  {position:relative; top:0; left:0; width:100%; height:0;}
.comment_style_pt .csp_bs_l {position:absolute; top:15px; left:15px;background:red; height:20px; line-height:20px; padding:0 5px; color:white; font-family:tahoma; font-size:11px; z-index:10; border-radius:2px;}
.comment_style_pt .csp_bs_l:before	{content: "+ ";}
.comment_style_pt .csp_bs_r {position:absolute; top:15px; right:15px;background:red; height:20px; line-height:20px; padding:0 5px; color:white; font-family:tahoma; font-size:11px; z-index:10; border-radius:2px;}
.comment_style_pt .csp_bs_r:before	{content: "+ ";}


/* 게시판 상단 특별히 텍스트 넣을경우 사용 / FAQ 같은 */
.spc_exp_box		{float:left; width:100%; }
.spc_exp_box .exp_dtl		{display:inline-block; width:1260px; padding:0 30px 50px 30px;}
.spc_exp_box .exp_dtl .exp_btit		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500;  padding:0 0 8px 0px; font-size:25px; text-align:left; line-height:130%; letter-spacing:-0.05em; color:black;}
.spc_exp_box .exp_dtl .exp_btit span	{font-size:18px; color:rgba(0,0,0,0.7); margin-left:10px;}
.spc_exp_box .exp_dtl .exp_ltxt		{float:left; width:100%; font-size:12px; text-align:left; line-height:180%; color:rgba(0,0,0,0.7);}


/* ============================ 리스트 ============================  */

/* 포토리스트 아웃라인 css */
.photo_bbs_li_box	{float:left; width:100%; padding:0 0px;}

/* 포토리스트 기본 css */
.photo_bbs_thumb		{display:inline-block; width:1260px; font-size:0; text-align:left; }
.photo_bbs_thumb .tmb_list		{display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:5px; overflow:hidden; vertical-align:top; background:#fafafa; transition:all .3s;}
.photo_bbs_thumb .tmb_list:hover		{background:#f5f3f3; transition:all .3s;}
.photo_bbs_thumb .tmb_list .pic		{float:left; width:100%; overflow:hidden; }
.photo_bbs_thumb .tmb_list .pic img		{width:100%; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.photo_bbs_thumb .tmb_list:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
.photo_bbs_thumb .tmb_list .c_set		{float:left; width:100%; padding:30px 25px 25px 25px;}
.photo_bbs_thumb .tmb_list .c_set .title a		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding:0 0 15px 0; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:black;  transition:all .2s;}
.photo_bbs_thumb .tmb_list .c_set .more a		{float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7);  transition:all .2s; display:none;}
.photo_bbs_thumb .tmb_list .c_set .etc			{float:left; width:100%; padding:0px 0 0 0;}
.photo_bbs_thumb .tmb_list .c_set .etc .who	{float:left; font-size:11px; color:rgba(0,0,0,0.9); font-weight:bold; display:none;}
.photo_bbs_thumb .tmb_list .c_set .etc .date	{float:right; font-size:11px; font-family:tahoma; color:rgba(0,0,0,0.7); text-align:center; width:100%;}
.photo_bbs_thumb .tmb_list:hover .c_set .title a {color:#bf1d2d; transition:all .2s;}
.photo_bbs_thumb .tmb_list:hover .c_set .more a {color:black; transition:all .2s;}

/* 자료실 아웃라인 css */
.data_bbs_li_box	{float:left; width:100%; padding:100px 0px;}

/* 자료실 기본 css */
.data_bbs_box		{display:inline-block; width:1260px; font-size:0; text-align:left;}
.data_bbs_box .file_list		{display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:10px; overflow:hidden; vertical-align:top; background:#fafafa; border:1px solid #eeeeee; transition:all .3s;}
.data_bbs_box .file_list:hover		{border:1px solid #c9c9c9; transition:all .3s;box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.3), 10px 10px 10px -10px rgba(0,0,0,0.3);}
.data_bbs_box .file_list .fl_set		{float:left; width:100%; padding:35px 35px 30px 35px; border-bottom:1px solid #eeeeee; transition:all .2s;}
.data_bbs_box .file_list .fl_set:hover		{background:#f5f3f3; transition:all .2s;}
.data_bbs_box .file_list .fl_set .title a		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding:0 0 20px 0; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:black;  transition:all .2s;}
.data_bbs_box .file_list .fl_set .etc			{float:left; width:100%; padding:3px 0;  }
.data_bbs_box .file_list .fl_set .etc .ett	{float:left; font-size:11px; color:rgba(0,0,0,0.9); font-weight:bold; width:60px; line-height:140%;}
.data_bbs_box .file_list .fl_set .etc .econ	{float:left; font-size:11px; color:rgba(0,0,0,0.7); width:calc(100% - 60px); line-height:140%; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.data_bbs_box .file_list .fl_set .title a:hover {color:#bf1d2d; transition:all .2s;}
.data_bbs_box .file_list .down_blk		{float:left; width:100%; height:185px; overflow-x:hidden; overflow-y:auto; background:white; padding:35px; font-size:12px; transition:all .2s;}
.data_bbs_box .file_list:hover .down_blk {background:white; transition:all .2s;}

/* 외부영상 출력 아웃라인 css */
.stream_li_box	{float:left; width:100%; padding:100px 0px;}

/* 외부영상 출력 기본 css */
.stream_li_call					{display:inline-block; width:1260px; font-size:0; text-align:left; }
.stream_li_call .content					{display:inline-block; width:calc(33.3333% - 10px); margin:5px; vertical-align:top; background:#f5f3f3; border-radius:5px; overflow:hidden;}
.stream_li_call .content a				{color:black;}
.stream_li_call .content .thum			{position:relative; width:100%; height:auto;border-radius:0px; overflow:hidden !important;}
.stream_li_call .content .thum img			{width:100%; height:auto;}
.stream_li_call .content .thum .cover		{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:5;transition: all .3s;  color:white !important; text-align:center;}
.stream_li_call .content:hover .thum .cover		{background:rgba(0,0,0,0.0);transition: all .3s;}
.stream_li_call .content .title a						{float:left; color:rgba(0,0,0,0.7); width:100%; font-size:12px; padding:20px; text-align:center; transition:all .3s;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.stream_li_call .content:hover .title a						{color:black; transition:all .3s;}

/* 인스타스타일 아웃라인 css */
.insta_bbs_li_box	{float:left; width:100%; padding:100px 0px;}

/* 인스타스타일 기본 css */
.insta_bbs_thumb		{display:inline-block; width:1260px; font-size:0; text-align:left; }
.insta_bbs_thumb .tmb_list		{display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:5px; overflow:hidden; vertical-align:top; background:#fafafa; transition:all .3s;}
.insta_bbs_thumb .tmb_list:hover		{background:#f5f3f3; transition:all .3s;}
.insta_bbs_thumb .tmb_list .pic		{float:left; width:100%; overflow:hidden; }
.insta_bbs_thumb .tmb_list .pic img		{width:100%; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.insta_bbs_thumb .tmb_list:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
.insta_bbs_thumb .tmb_list .c_set		{float:left; width:100%;}
.insta_bbs_thumb .tmb_list .c_set .conx			{float:left; width:100%; padding:35px;}
.insta_bbs_thumb .tmb_list .c_set .title 		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding:0 0 15px 0; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:black;  transition:all .2s;}
.insta_bbs_thumb .tmb_list .c_set .title a		{color:black;  transition:all .2s;}
.insta_bbs_thumb .tmb_list .c_set .more a		{float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.6);  transition:all .2s;}
.insta_bbs_thumb .tmb_list .c_set .etc			{float:left; width:100%; padding:25px 35px; background:#f5f3f3; border-bottom:1px solid #eeeeee;transition:all .2s; line-height:100%;}
.insta_bbs_thumb .tmb_list:hover .c_set .etc		 {background:#f4eaea; border-bottom:1px solid #edd9d9;transition:all .2s;}
.insta_bbs_thumb .tmb_list .c_set .etc .who	{float:left; font-size:11px; color:rgba(0,0,0,0.9); font-weight:bold;}
.insta_bbs_thumb .tmb_list .c_set .etc .who span	{color:red; font-weight:normal; margin-left:3px; font-family:tahoma;}
.insta_bbs_thumb .tmb_list .c_set .etc .who span:before	{content: ""; color:red; font-weight:normal;}
.insta_bbs_thumb .tmb_list .c_set .etc .date	{float:right; font-size:11px; font-family:tahoma; color:rgba(0,0,0,0.7); }
.insta_bbs_thumb .tmb_list:hover .c_set .title a {color:#bf1d2d; transition:all .2s;}
.insta_bbs_thumb .tmb_list:hover .c_set .more a {color:black; transition:all .2s;}


/* 기본게시판 아웃라인 css */
.basic_li_box { width:100%; padding:0 0px; }

@media screen and ( max-width: 1260px ){
	.basic_li_box	{ padding:0 0px; }
}

@media screen and (max-width: 900px){
	.basic_li_box	{padding:0; }
}

@media screen and (max-width: 650px){
	.basic_li_box	{padding:0; }
	.basic_li_box .scr_default { padding:15px 15px 0 15px !important; }
}

/* 기본게시판 기본 css */
.basic_thumb { display:inline-block; width:100%; font-size:0; text-align:left; line-height:1; font-family: 'Pretendard'; }
.basic_thumb:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.basic_thumb .tmb_list { display:inline-block; width:100%; transition:all .2s; padding:23px 0; border-bottom:1px solid #eeeeee;}
.basic_thumb .tmb_list:hover		{ background:#fafafa; transition:all .2s;}
.basic_thumb .tmb_list .no			{font-size:15px; float:left; width:90px; text-align:center; }
.basic_thumb .tmb_list .subj		{font-size:17px; float:left; width:calc(100% - 440px); }
.basic_thumb .tmb_list .subj a		{ position:relative; display:block; padding-left:10px; font-weight:500; letter-spacing:-0.025em; color:#333; transition:all .2s; line-height:1.5; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.basic_thumb .tmb_list .subj a:hover { color:var(--main-color); transition:all .2s;}
.basic_thumb .tmb_list .date		{ font-size:15px; float:right; width:100px;  text-align:center;}
.basic_thumb .tmb_list .e_set		{ float:left; width:250px; }
.basic_thumb .tmb_list .file		{ font-size:15px; float:left; width:50px; text-align:center; line-height:1.6; }
.basic_thumb .tmb_list .name		{ font-size:15px; float:left; width:calc(100% - 120px); text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; line-height:1.6; }
.basic_thumb .tmb_list .hit			{ font-size:15px; float:left; width:70px; text-align:center; line-height:1.6; }
.basic_thumb .tmb_list.txalg		{ text-align:center; font-weight:500; letter-spacing:-0.025em; background:#fff; border:1px solid #313131; border-width:2px 0 1px 0; border-bottom:1px solid #eeeeee; color:black;  }
.basic_thumb .tmb_list .spno		{ font-size:15px; line-height:1.6; }
.basic_thumb .tmb_list .spno input {margin-top:0;}
.basic_thumb .tmb_list .bs_hd		{display:none;}

.basic_thumb .tmb_list.txalg > .no { font-weight:500; font-size:17px; line-height:1.6; }
.basic_thumb .tmb_list.txalg > .subj { font-weight:500; font-size:17px; line-height:1.6; }
.basic_thumb .tmb_list.txalg > .date { font-weight:500; font-size:17px; line-height:1.6; }
.basic_thumb .tmb_list.txalg > .e_set > .file { font-weight:500; font-size:17px; line-height:1.6; }
.basic_thumb .tmb_list.txalg > .e_set > .name { font-weight:500; font-size:17px; line-height:1.6; }
.basic_thumb .tmb_list.txalg > .e_set > .hit { font-weight:500; font-size:17px; line-height:1.6; }
.filedown { display:inline-block; width:24px; }

/* 기본게시판 기본 css */
@media screen and (max-width: 1260px){
	.basic_thumb .tmb_list { padding:23px 0; }
	.basic_thumb .tmb_list .no			{ font-size:16px; width:80px; }
	.basic_thumb .tmb_list .subj		{ font-size:16px; width:calc(100% - 430px); }
	.basic_thumb .tmb_list .date		{font-size:16px; width:100px; }
	.basic_thumb .tmb_list .e_set		{ width:250px; }
	.basic_thumb .tmb_list .file		{ font-size:15px; width:50px; }
	.basic_thumb .tmb_list .name		{ font-size:15px; width:130px; }
	.basic_thumb .tmb_list .hit			{ font-size:15px; width:70px;  }
	.basic_thumb .tmb_list .spno		{ font-size:15px; }

	.basic_thumb .tmb_list.txalg > .no { font-size:17px; }
	.basic_thumb .tmb_list.txalg > .subj { font-size:17px; }
	.basic_thumb .tmb_list.txalg > .date { font-size:17px; }
	.basic_thumb .tmb_list.txalg > .e_set > .file { font-size:17px; }
	.basic_thumb .tmb_list.txalg > .e_set > .name { font-size:17px; }
	.basic_thumb .tmb_list.txalg > .e_set > .hit { font-size:17px; }
}
@media screen and (max-width: 900px){
	.basic_thumb .tmb_list { padding:20px 0; }
	.basic_thumb .tmb_list .no			{ font-size:15px; width:80px; }
	.basic_thumb .tmb_list .subj		{ font-size:15px; width:calc(100% - 360px); }
	.basic_thumb .tmb_list .date		{font-size:15px; width:80px; }
	.basic_thumb .tmb_list .e_set		{ width:200px; }
	.basic_thumb .tmb_list .file		{ font-size:14px; width:40px; }
	.basic_thumb .tmb_list .name		{ font-size:14px; width:100px; }
	.basic_thumb .tmb_list .hit			{ font-size:14px; width:60px;  }
	.basic_thumb .tmb_list .spno		{ font-size:14px; }

	.basic_thumb .tmb_list.txalg > .no { font-size:15px; }
	.basic_thumb .tmb_list.txalg > .subj { font-size:15px; }
	.basic_thumb .tmb_list.txalg > .date { font-size:15px; }
	.basic_thumb .tmb_list.txalg > .e_set > .file { font-size:15px; }
	.basic_thumb .tmb_list.txalg > .e_set > .name { font-size:15px; }
	.basic_thumb .tmb_list.txalg > .e_set > .hit { font-size:15px; }
}
@media screen and (max-width: 650px){
	.basic_thumb { border-top:1px solid #212121; }
	.basic_thumb .tmb_list { padding:15px 0; }
	.basic_thumb .tmb_list:nth-child(even)	{background:#ffffff !important; }
	.basic_thumb .tmb_list:nth-child(odd)	{background:#fafafa !important; }
	.basic_thumb .tmb_list.txalg		{ display:none; }
	.basic_thumb .tmb_list .no			{line-height:180%; width:50px; font-size:10px; padding-top:1px;}
	.basic_thumb .tmb_list .subj			{width:calc(100% - 140px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;line-height:180%; font-size:12px;}
	.basic_thumb .tmb_list .subj a			{padding-left:10px;}
	.basic_thumb .tmb_list .date			{font-size:10px;  width:90px;line-height:180%;text-align:right; padding-right:20px;}
	.basic_thumb .tmb_list .e_set		{font-size:10px; width:100%; padding-left:60px;}
	.basic_thumb .tmb_list .file			{float:right; font-size:10px;  width:100px; text-align:right; padding-right:20px; line-height:100%;}
	.basic_thumb .tmb_list .name		{font-size:10px;  width:calc(100% - 100px);line-height:120%; color:rgba(0,0,0,0.4); text-align:left;}
	.basic_thumb .tmb_list .hit			{font-size:10px;  width:65px;line-height:180%; display:none;}
	.basic_thumb .tmb_list .bs_hd		{display:inline-block; font-size:10px; font-family: NanumBarunGothic, sans-serif; margin-right:5px; color:#22404c;}
	.filedown { display:inline-block; width:20px; }
}


/* 기본게시판 FAQ 레이아웃 css */
.faq_li_box		{float:left; width:100%; padding:100px 0px;}

/* 기본게시판 FAQ 기본 css */
.faq_thumb		{display:inline-block; width:1260px; font-size:0; text-align:left; border-top:2px solid #565656; }
.faq_thumb .faq_list		{display:inline-block; width:100%; transition:all .2s; line-height:50px; border-bottom:1px solid #eeeeee;}
.faq_thumb .faq_list:hover		{background:#fafafa; transition:all .2s;}
.faq_thumb .faq_list .no			{float:left; font-size:13px;  width:60px; text-align:center;}
.faq_thumb .faq_list .subj			{float:left; font-size:13px;  width:calc(100% - 130px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.faq_thumb .faq_list .subj a		{padding-left:15px; color:black;transition:all .2s;}
.faq_thumb .faq_list .subj a:hover		{color:red;transition:all .2s;}

.faq_thumb .faq_list .view_icon			{float:left; font-size:20px;  width:70px; padding-top:15px;  color:rgba(0,0,0,0.2); text-align:center; transition:all .2s;}
.faq_thumb .faq_list:hover .view_icon	{color:rgba(0,0,0,8); transition:all .2s;}
.faq_thumb .faq_list .spno		{font-family:tahoma; font-size:11px;}
.faq_thumb .faq_list .spno input		{margin-top:18px;}


/* 갤러리전시실 아웃라인 css */
.dp_gallery_li_box	{float:left; width:100%; padding:100px 0px;}

/* 갤러리전시실 기본 css */
.dp_gallery_thumb		{display:inline-block; width:1260px; font-size:0; text-align:left; }
.dp_gallery_thumb .dpg_list		{display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:5px; overflow:hidden; vertical-align:top; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_0		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_1		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_2		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_3		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_4		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_0:hover		{background:#f4f4f4; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_1:hover		{background:#f1fbff; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_2:hover		{background:#fff2f2; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_3:hover		{background:#f7fff0; transition:all .3s;}
.dp_gallery_thumb .dpg_list.bg_4:hover		{background:#f5f3f3; transition:all .3s;}
.dp_gallery_thumb .dpg_list .pic		{float:left; width:100%; overflow:hidden; }
.dp_gallery_thumb .dpg_list .pic img		{width:100%; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.dp_gallery_thumb .dpg_list:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
.dp_gallery_thumb .dpg_list .status		{float:left; width:100%; padding:13px 35px; background:rgba(255,255,255,0.2); border:1px solid #eeeeee;}
.dp_gallery_thumb .dpg_list .status .icon		{float:left; width:25px; font-size:13px; }
.dp_gallery_thumb .dpg_list .status .icon.ic_0		{color:#b4b4b4;}

.dp_gallery_thumb .dpg_list .status .icon.ic_1		{color:#0085b7;}
.dp_gallery_thumb .dpg_list .status .icon.ic_2		{color:#da0000;}
.dp_gallery_thumb .dpg_list .status .icon.ic_3		{color:#439600;}


.dp_gallery_thumb .dpg_list .status .icon.ic_4		{color:orange;}
.dp_gallery_thumb .dpg_list .status .ntxt		{float:left; width:calc(100% - 25px); font-size:12px;}
.dp_gallery_thumb .dpg_list .status .ntxt.tx_0		{color:black;}
.dp_gallery_thumb .dpg_list .status .ntxt.tx_1		{color:black;}
.dp_gallery_thumb .dpg_list .status .ntxt.tx_2		{color:black;}
.dp_gallery_thumb .dpg_list .status .ntxt.tx_3		{color:black;}
.dp_gallery_thumb .dpg_list .status .ntxt.tx_4		{color:black;}
.dp_gallery_thumb .dpg_list .project		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;padding:25px 35px; border:1px solid #eeeeee;  border-width:0 1px;letter-spacing:-0.05em; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.dp_gallery_thumb .dpg_list .project a	{color:black; transition:all .2s;}
.dp_gallery_thumb .dpg_list .project a:hover	{color:red; transition:all .2s;}
.dp_gallery_thumb .dpg_list .c_set		{float:left; width:100%;padding:35px 35px; transition:all .2s; border-radius:0 0 5px 5px; border:1px solid #eeeeee; border-width:0 1px 1px 1px; overflow:hidden;}
.dp_gallery_thumb .dpg_list .c_set .bs_info			{float:left; width:100%;padding:2px 0;}
.dp_gallery_thumb .dpg_list .c_set .bs_info .i_tt			{float:left; width:35px; font-size:12px; color:rgba(0,0,0,0.5); }
.dp_gallery_thumb .dpg_list .c_set .bs_info .i_con			{float:left; width:calc(100% - 35px); font-size:12px; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}


/* 갤러리전시실 아웃라인2 css */
.dp_gallery_li_box2	{float:left; width:100%; padding:100px 0px;}

/* 갤러리전시실 기본2 css */
.dp_gallery_thumb2		{display:inline-block; width:1300px; font-size:0; text-align:left; }
.dp_gallery_thumb2 .dpg_list		{display:inline-block; width:calc(25% - 20px); margin:10px; border-radius:5px; border:1px solid #eeeeee; overflow:hidden; vertical-align:top; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_0		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_1		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_2		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_3		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_4		{background:#fafafa; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_0:hover		{background:#f4f4f4; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_1:hover		{background:#f1fbff; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_2:hover		{background:#fff2f2; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_3:hover		{background:#f7fff0; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list.bg_4:hover		{background:#f5f3f3; transition:all .3s;}
.dp_gallery_thumb2 .dpg_list .pic		{float:left; width:100%; overflow:hidden; }
.dp_gallery_thumb2 .dpg_list .pic img		{width:100%; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.dp_gallery_thumb2 .dpg_list:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
.dp_gallery_thumb2 .dpg_list .status		{position:relative; top:0; left:0; width:100%; height:0;}
.dp_gallery_thumb2 .dpg_list .status .ntxt		{position:absolute; top:10px; left:10px; font-size:12px; z-index:1; color:white; padding:3px 6px; border-radius:2px;}
.dp_gallery_thumb2 .dpg_list .status .ntxt.tx_0		{background:#b4b4b4;}
.dp_gallery_thumb2 .dpg_list .status .ntxt.tx_1		{background:#0085b7;}
.dp_gallery_thumb2 .dpg_list .status .ntxt.tx_2		{background:#da0000;}
.dp_gallery_thumb2 .dpg_list .status .ntxt.tx_3		{background:#439600;}
.dp_gallery_thumb2 .dpg_list .status .ntxt.tx_4		{background:#b4b4b4;}


.dp_gallery_thumb2 .dpg_list .project		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;padding:25px 20px 0 20px; letter-spacing:-0.05em; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.dp_gallery_thumb2 .dpg_list .project a	{color:black; transition:all .2s;}
.dp_gallery_thumb2 .dpg_list .project a:hover	{color:red; transition:all .2s;}
.dp_gallery_thumb2 .dpg_list .c_set		{float:left; width:100%;padding:20px; transition:all .2s; }
.dp_gallery_thumb2 .dpg_list .c_set .bs_info			{float:left; width:100%;padding:2px 0;}
.dp_gallery_thumb2 .dpg_list .c_set .bs_info .i_tt			{float:left; width:35px; font-size:12px; color:rgba(0,0,0,0.5); }
.dp_gallery_thumb2 .dpg_list .c_set .bs_info .i_con			{float:left; width:calc(100% - 35px); font-size:12px; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}


/* 채용관련 아웃라인 css */
.job_outline_li_box	{float:left; width:100%; padding:100px 0px;}

/* 채용관련 기본 css */
.job_outline_thumb		{display:inline-block; width:1260px; font-size:0; text-align:left; }
.job_outline_thumb .dpg_list		{display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:5px; overflow:hidden; vertical-align:top; transition:all .3s; padding:40px 35px 35px 35px; border:1px solid #eeeeee;}
.job_outline_thumb .dpg_list:hover	{border:1px solid #dddddd; transition:all .3s;box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.3), 10px 10px 10px -10px rgba(0,0,0,0.3);}
.job_outline_thumb .dpg_list.bg_0		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_1		{background:#f7fff0; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_2		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_3		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_4		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_0:hover		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_1:hover		{background:#f7fff0; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_2:hover		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_3:hover		{background:#fafafa; transition:all .3s;}
.job_outline_thumb .dpg_list.bg_4:hover		{background:#fafafa; transition:all .3s;}

.job_outline_thumb .dpg_list .status		{position:relative; top:0; left:0; width:100%; height:0;}
.job_outline_thumb .dpg_list .status .icon		{position:absolute; top:-30px; right:-25px; font-size:11px; padding:5px; line-height:100%; border-radius:2px; color:white;}
.job_outline_thumb .dpg_list .status .icon.ic_0		{background:#b4b4b4;}
.job_outline_thumb .dpg_list .status .icon.ic_1		{background:#439600;}
.job_outline_thumb .dpg_list .status .icon.ic_2		{background:#404040;}
.job_outline_thumb .dpg_list .status .icon.ic_3		{background:#da0000;}
.job_outline_thumb .dpg_list .status .icon.ic_4		{background:orange;}

.job_outline_thumb .dpg_list .project		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;letter-spacing:-0.05em; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.job_outline_thumb .dpg_list .project a	{color:black; transition:all .2s;}
.job_outline_thumb .dpg_list .project a:hover	{color:red; transition:all .2s;}
.job_outline_thumb .dpg_list .c_set		{float:left; width:100%;transition:all .2s; padding:25px 0 0 5px;}
.job_outline_thumb .dpg_list .c_set .bs_info			{float:left; width:100%;padding:2px 0;}
.job_outline_thumb .dpg_list .c_set .bs_info .i_tt			{float:left; width:60px; font-size:12px; color:rgba(0,0,0,0.5); }
.job_outline_thumb .dpg_list .c_set .bs_info .i_con			{float:left; width:calc(100% - 60px); font-size:12px; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.job_outline_thumb .dpg_list .c_set .sp_w			{}


/* 웹진형1 css */
ul.bbs_webzine1		{display:inline-block; width:100%; font-size:0; text-align:left; border-top:1px solid #eeeeee;}
ul.bbs_webzine1 li		{display:inline-block; width:100%; width:100%; transition:all .2s; border-bottom:1px solid #eeeeee; font-size:0; padding:50px 0; transition:all .2s;}
ul.bbs_webzine1 li:hover		{background:#fafafa; transition:all .2s;}
ul.bbs_webzine1 li .no			{display:inline-block; vertical-align:middle; font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px;  width:80px; text-align:center; border:1px solid transparent;}
ul.bbs_webzine1 li .pic			{display:inline-block; vertical-align:middle; width:250px; overflow:hidden;}
ul.bbs_webzine1 li .pic img		{width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
ul.bbs_webzine1 li:hover .pic img		{transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;}
ul.bbs_webzine1 li .ct_wrp			{display:inline-block; vertical-align:top; font-size:13px;  width:calc(100% - 330px); padding:10px 50px; }
ul.bbs_webzine1 li h3			{float:left; font-family:Noto Sans KR, sans-serif; font-weight:500;  padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:25px; letter-spacing:-0.05em; overflow:hidden;}
ul.bbs_webzine1 li h3 a		{color:black;transition:all .2s;}
ul.bbs_webzine1 li:hover h3 a		{color:#461067;transition:all .2s;}
ul.bbs_webzine1 li .e_set		{float:left; width:100%; padding:0 0 15px 0;}
ul.bbs_webzine1 li .hit		{float:left; width:100%;  font-size:13px;  width:calc(100% - 150px);}
ul.bbs_webzine1 li .hit:before	{content:"조회"; margin-right:10px; color:rgba(0,0,0,0.5);}
ul.bbs_webzine1 li .hit:after	{content:"회"; color:rgba(0,0,0,0.5);}
ul.bbs_webzine1 li .date			{float:left; font-size:13px;  width:150px; }
ul.bbs_webzine1 li .date:before	{content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);}
ul.bbs_webzine1 li p			{float:left; font-size:15px; text-align:left; width:100%; line-height:25px;}
ul.bbs_webzine1 li p a		{color:rgba(0,0,0,0.7);transition:all .2s;}
ul.bbs_webzine1 li:hover p a		{color:rgba(0,0,0,0.9);transition:all .2s;}
ul.bbs_webzine1 li .name			{float:left; width:100%;  font-size:13px; color:black; font-weight:bold; padding-top:30px;}
ul.bbs_webzine1 li .name:before	{content:"작성자"; margin-right:10px; color:rgba(0,0,0,0.5); font-weight:normal;}
ul.bbs_webzine1 li .etc_count			{width:100%; font-size:0; text-align:left; display:inline-block;}
ul.bbs_webzine1 li .etc_count .cnt_pos	{display:inline-block; padding:15px 0; width:100%; text-align:left; border:1px dashed #dddddd; border-width:0px 0; }
ul.bbs_webzine1 li .etc_count .cnt_pos .fd_back		{display:inline-block; vertical-align:middle; width:auto; padding:0 15px 0; text-align:left;}
ul.bbs_webzine1 li .etc_count .cnt_pos i				{display:inline-block; vertical-align:middle; width:auto; font-size:25px; }
ul.bbs_webzine1 li .etc_count .cnt_pos i.clr1			{color:#000000;}
ul.bbs_webzine1 li .etc_count .cnt_pos i.clr2			{color:#dc0041;}
ul.bbs_webzine1 li .etc_count .cnt_pos .cnt_ea		{display:inline-block; vertical-align:middle; width:auto; font-family:tahoma; font-size:12px; padding:0 0 0 8px;}


/* ============================  상세보기 ============================  */
/* 게시물 상세보기 기본 */
.view_bbs_default	{float:left; width:100%; border:0px solid red;}
.view_bbs_default .vbd_pos		{display:inline-block; width:1260px;  padding:100px 0;border:0px solid red;}
.view_bbs_default .vbd_pos .content		{float:left; width:100%;  padding:80px 0;border-bottom:1px solid #eeeeee;}
.view_bbs_default .vbd_pos .content .txt {text-align:left !important; max-width:1100px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f;border:0px solid red;}
.view_bbs_default .vbd_pos .content span {float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;}


/* 게시물 상세보기 기본 정보 */
.default_v_info	{float:left; width:100%; border:0px solid red;}
.default_v_info .vgrp_box		{float:left; width:100%; border:0px solid red;}
.default_v_info .content		{float:left; width:100%;  padding:80px 0;border-bottom:1px solid #eeeeee;}
.default_v_info .content .txt {text-align:left !important; max-width:1100px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f;border:0px solid red;}
.default_v_info .content span {float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;}


ul.bbs_view_df1 {display:inline-block; width:100%; border-top:2px solid #333333;}
ul.bbs_view_df1 li		{float:left; width:50%; background:#f5f3f3; border-bottom:1px solid #eeeeee; font-size:13px;}
ul.bbs_view_df1 li.colspan		{width:100%;}
ul.bbs_view_df1 li .bv_pad		{float:left; padding:15px 25px; }
ul.bbs_view_df1 li .bv_tit		{width:130px; }
ul.bbs_view_df1 li .bv_con		{width:calc(100% - 130px);background:#ffffff;}
ul.bbs_view_df1 li .bv_con .in_rpos			{position:relative}

/* 게시물 상세보기 파일리스트 */
.default_v_file		{float:left; width:100%; padding:50px; background:#fafafa; border-bottom:1px solid #eeeeee;}
.default_v_file .att_title		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; line-height:100%; text-align:left; letter-spacing:-0.05em; color:black;}
.default_v_file .att_stt		{float:left; width:100%; font-size:12px; text-align:left; color:rgba(0,0,0,0.7); padding:10px 0 0 0;}
.default_v_file .att_grp		{float:left; width:100%; padding-top:25px;}

table.v_info_tb							{width:100%; border-top:2px solid #565656; border-collapse:collapse; text-align:left;}
table.v_info_tb>tbody>tr>th		{border:0px solid #efefef; border-width:0px 1px 1px 0px; vertical-align:middle; padding:15px 0 15px 35px; background:#fafafa;font-size:12px; width:150px; font-weight:normal;}
table.v_info_tb>tbody>tr>td		{border:0px solid #efefef; border-width:0px 0px 1px 0px; vertical-align:middle; padding:15px 20px; background:white; font-size:12px; }


/* 게시물 상세보기 전시안내스타일 */
.gallery_view					{float:left; width:100%; background:#ffffff; border-bottom:1px solid #eeeeee;}
.gallery_view .spv_pos				{display:inline-block; width:1260px; padding:100px 0; }
.gallery_view .set_center		{float:left; width:100%}
.gallery_view .set_center .thum		{float:left; width:600px; text-align:center;}
.gallery_view .set_center .thum img	{max-width:600px; width:auto; max-height:600px; height:auto;}
.gallery_view .set_center .info			{float:left; text-align:left; padding:0px 0px 0 100px; width:calc(100% - 600px); font-size:13px; line-height:200%;}
.gallery_view .set_center .info .title		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding:0 0 25px 5px; color:black;}
.gallery_view .set_center .info .st		{float:left; width:100%; padding:7px 0; font-size:13px;}
.gallery_view .set_center .info .st .tt		{float:left; width:80px; opacity:0.6;}
.gallery_view .set_center .info .st .mm		{float:left; width:calc(100% - 80px); color:black;}
.gallery_view .set_center .info .st .mm .ics		{font-weight:bold;}
.gallery_view .set_center .info .st .mm .ic_0		{color:#b4b4b4;}
.gallery_view .set_center .info .st .mm .ic_1		{color:#da0000;}
.gallery_view .set_center .info .st .mm .ic_2		{color:#b4b4b4;}
.gallery_view .set_center .info .st .mm .ic_3		{color:#439600;}
.gallery_view .set_center .info .st.hdn_bx	{}
.gallery_view .set_center .mk_btn		{float:left; width:100%; padding:50px 0 0 80px; text-align:center;letter-spacing:-0.05em;}
.gallery_view .set_center .mk_btn .list				{float:left; width:200px; padding:13px 0; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-weight:bold; font-size:13px; transition: all .2s;}
.gallery_view .set_center .mk_btn .list:hover		{border:1px solid #4e4e4e; color:#2d2d2d; background:white;transition: all .2s;}
.gallery_add_info					{float:left; width:100%; background:#fafafa; border-bottom:1px solid #eeeeee;}
.gallery_add_info .nt_pos		{display:inline-block; width:1260px; padding:100px 0;}
.gallery_add_info .nt_pos .nblk		{float:left; width:50%; padding:0 80px;}
.gallery_add_info .nt_pos .nblk.spmgn		{}
.gallery_add_info .nt_pos .nb_exp		{float:left; width:100%; text-align:left; padding:0 80px 50px 80px; display:none;}
.gallery_add_info .nt_pos .nb_tt			{float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding-bottom:25px; color:black;}
.gallery_add_info .nt_pos .nb_txt		{float:left; width:100%; text-align:left; font-size:13px; line-height:180%; color:rgba(0,0,0,0.5);}
.gallery_pr_con					{float:left; width:100%; }
.gallery_pr_con .content	{display:inline-block; width:1260px; padding:100px 0;}
.gallery_pr_con .content .txt	{text-align:left; max-width:1100px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f;border:0px solid red;}
.gallery_pr_con .content .txt span	{float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;}

/* 카테고리에 따른 상세보기 별도 표현 블럭 */
.now_st_block			{float:left; text-align:left; padding:10px 0px 40px 0; margin-bottom:40px; width:100%; border-bottom:1px solid #eeeeee;}
.now_st_block .nsb_light		{position:relative; top:0; left:0; width:100%;}
.now_st_block .nsb_light .ltcircle		{position:absolute; top:-20px; right:0; font-size:13px; }
.now_st_block .nsb_light .ltcircle.ic_0		{color:#b4b4b4;}
.now_st_block .nsb_light .ltcircle.ic_1		{color:#da0000;}
.now_st_block .nsb_light .ltcircle.ic_2		{color:#b4b4b4;}
.now_st_block .nsb_light .ltcircle.ic_3		{color:#439600;}
.now_st_block .nsb_light .ltcircle.ic_4		{color:orange;}
.now_st_block .nsb_tt			{float:left; text-align:left; padding:0px 0px 0 0; width:100%; line-height:100%;font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:45px; padding-bottom:15px; color:black;}
.now_st_block .nsb_tt.rplc_0:after	{content: ""; color:#b4b4b4;}
.now_st_block .nsb_tt.rplc_1:after	{content: "전시예정"; color:#004096;}
.now_st_block .nsb_tt.rplc_2:after	{content: "전시종료"; color:#da0000;}
.now_st_block .nsb_tt.rplc_3:after	{content: "관람가능"; color:#2e6600;}
.now_st_block .nsb_tt.rplc_4:after	{content: "";}


.now_st_block .nsb_txt			{float:left; text-align:left; padding:0px 0px 0 0; width:100%; font-size:13px; line-height:180%; color:rgba(0,0,0,0.6);}
.now_st_block .nsb_txt.nk_st_0:after	{content: "";}
.now_st_block .nsb_txt.nk_st_1:after	{content: "곧 진행될 예정전시입니다. 전시관련 자세한 문의 사항은 원주한지테마파크로 문의 주세요.";}
.now_st_block .nsb_txt.nk_st_2:after	{content: "해당 전시는 종료 되었습니다. 향후 전시 관련 문의는 원주한지테마파크로 문의해 주세요.";}
.now_st_block .nsb_txt.nk_st_3:after	{content: "현재 진행중인 전시입니다. 전시날짜와 시간, 휴무일을 확인 후 관람을 진행해 주세요.";}
.now_st_block .nsb_txt.nk_st_4:after	{content: "회원님들이 직접 만들어 가는 커뮤니티 컨텐츠";}


/* SNS공유 css */
.total_share_box		{position:relative; width:100%; padding:50px;border-bottom:1px solid #eeeeee;}
.total_share_box h3		{display:inline-block; width: 100%; font-family: Noto Sans KR, sans-serif; font-weight: 500; font-size: 20px; line-height: 100%; text-align: left; letter-spacing: -0.05em; color: black;}
.total_share_box p		{display:inline-block; width: 100%; font-size: 12px; text-align: left; color: rgba(0,0,0,0.7); padding: 10px 0 30px 0;}
.bd_share_box		{float:left; width:100%; padding:50px;border-bottom:1px solid #eeeeee;}
.bd_share_box h3		{float: left; width: 100%; font-family: Noto Sans KR, sans-serif; font-weight: 500; font-size: 20px; line-height: 100%; text-align: left; letter-spacing: -0.05em; color: black;}
.bd_share_box p		{float: left; width: 100%; font-size: 12px; text-align: left; color: rgba(0,0,0,0.7); padding: 10px 0 30px 0;}
ul.sns_share		{display:inline-block; text-align:center; font-size:0;}
ul.sns_share li	{display:inline-block; vertical-align:top; margin:0 10px 0 0;}
ul.sns_share li.btn_share	{border:1px solid #eeeeee; background:#fafafa; height:50px; border-radius:5px; padding:0 20px; line-height:50px; font-size:13px; color:black; transition:all .2s; cursor:pointer;}
ul.sns_share li.btn_share:hover	{background:white; transition:all .2s;}
ul.sns_share li.btn_share i	{font-size:15px; margin-right:5px;}
ul.sns_share li a		{display:block; }

/* SNS공유 css / 주소복사 */
.share_bx_mask {display: none; position: fixed; width: 100%; height: 100%; top:0; left:0;z-index:300; background:rgba(0,0,0,0.6); }
.share_layer_box {position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width: 500px;  height: 450px; text-align: left; z-index:301; }
.share_layer_box .mb_hdx	{position: relative; top:0; left:0; width:100%; height:110px; background:#461067;padding:30px;}
.share_layer_box .mb_hdx h2 {display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500;  font-size:20px; letter-spacing:-0.05em; color:white; line-height:100%; }
.share_layer_box .mb_hdx p	{float:left; width:100%; font-size:13px; color:rgba(255,255,255,0.7);}
.share_layer_box .msg_bx	{position:relative; top:0; left:0; width:100%; height:calc(100% - 150px); background:white;border-radius:0 0 25px 25px; padding:30px;}
.share_layer_box .msg_bx .mx_pos	{display:inline-block; text-align:left; width:100%;}
.share_layer_box .msg_bx .mx_pos .mp_ment		{float:left; width:100%; font-size:15px; color:black; line-height:120%; padding:0px 0 15px 0;}
.share_layer_box .msg_bx .mx_pos .mp_ment span		{color:#461067; font-weight:bold;}
.share_layer_box .msg_bx .mx_pos .url	{float:left; width:100%; text-align:left; border:1px solid #dddddd; background:#fafafa; font-size:13px; padding:15px; transition:all .2s; cursor:pointer; }
.share_layer_box .msg_bx .mx_pos .url:hover {background: white; border:1px solid #bf1d2d; transition:all .2s;}
.share_layer_box .msg_bx .ms_logo	{position:absolute; bottom:35px; left:0; right:0; text-align:center; margin:auto;}
.share_layer_box .msg_bx .ms_logo img	{width:60px;}
.share_layer_box .exit {position: absolute; right:15px; top:15px; width:40px; height:40px; padding-top:10px; font-size:20px; color:white; text-align: center; cursor: pointer; border-radius:100%;}


/* ============================  글쓰기 ============================  */


/* ============================  sp skin ============================  */

/* 아트숍 검색 */
.shop_scr					{float:left; width:100%; padding:0 0 30px 0; border-bottom:1px solid #eeeeee;}
.shop_scr .s_pos		{display:inline-block; }
.shop_scr .s_pos select {height:50px;}
.shop_scr .all			{float:left; width:150px; padding-right:5px;}
.shop_scr .sel			{float:left; width:150px; padding:0 5px 0 0; background:white; display:none;}
.shop_scr .frm			{float:left; width:550px; }
.shop_scr .btn_ar	{float:left; width:100px;}
.shop_scr .btn_all		{width:100%; height:60px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;}
.shop_scr .btn_all:hover		{background:#3b3b3b; transition:all .2s;}
.shop_scr .sbox				{width:100%; height:60px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;}
.shop_scr .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;}
.shop_scr .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.shop_scr .sr_btn				{width:100%; height:60px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;}
.shop_scr .add_exp				{float:left; width:100%; padding-top:25px; font-size:12px;}

/* 아트숍 레이아웃 / 카테고리 / 총카운트 */
.layout_wrap_df_shop	{float:left; width:100%; padding:20px 0px;}
.layout_fix_pos	{display:inline-block; width:1260px; border:0px solid red;}
.shop_head {float:left; width:100%; padding:0px 0 20px 0;}
.shop_lst_cnt {float:left; line-height:100%; padding:0 5px; font-size:13px;}
#shop_c				{float:right;}
#shop_c .cate_df_st				{float:left; width:100%; text-align:center; line-height:100%; font-size:12px;}
#shop_c .cate_df_st span		{margin-right:2px; color:rgba(0,0,0,0.6);}
#shop_c .cate_d_sel				{float:left; padding:0 5px; color:#bf1d2d; font-weight:bold;}
#shop_c .cate_d_normal			{float:left; padding:0 5px; color:black; transition:all .2s;}
#shop_c .cate_d_normal:hover{color:#bf1d2d; transition:all .2s;}

/* 아트숍 썸네일리스트 */
.shop_product {display:inline-block; width:100%; text-align:left; font-size:0;}
.shop_product .sp_list		{display:inline-block; width:calc(20% - 10px); margin:5px; vertical-align:top; }
.shop_product .sp_list .pic	{position:relative; top:0; left:0; width:100%; border-radius:0; overflow:hidden; border:1px solid #eaeaea; }
.shop_product .sp_list .pic img	{width:100%; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.shop_product .sp_list:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
.shop_product .sp_list .info {position:relative; bottom:0; left:0; background:#eaeaea; width:100%; padding:10px 0; font-size:15px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;color:#333; transition:all .2s; }
.shop_product .sp_list .pc_pos	{position:absolute; top:0; right:0; background:#353535; padding:7px 10px; line-height:100%; color:white; font-size:12px; z-index:2;}
.shop_product .sp_list .ef_info		{position:absolute; top:0; left:0;  width:100%; height:100%; z-index:1; transition:all .3s;}
.shop_product .sp_list:hover .ef_info  {padding-top:0; background:rgba(0,0,0,0.6); transition:all .3s;}
.shop_product .sp_list .ef_info .dt_i		{ padding:40% 10px 0 10px; text-align:center; transition:all .3s; opacity:0;}
.shop_product .sp_list:hover .ef_info .dt_i  { padding-top:30%; transition:all .3s; opacity:1;}
.shop_product .sp_list .ef_info .dt_i .i_t		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding:0 0 0 0; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;color:white;}
.shop_product .sp_list .ef_info .dt_i .i_p		{float:left; width:100%; font-size:11px; color:white;}
.shop_product .sp_list .ef_info .dt_i .i_g		{display:inline-block; line-height:100%; padding:15px 0; width:55%; border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.4); color:white; font-size:13px; margin-top:25px; transition:all .2s;}
.shop_product .sp_list .ef_info .dt_i .i_g:hover	{border:1px solid rgba(255,255,255,1); background:rgba(0,0,0,0.8); transition:all .2s;}
.shop_product .sp_list .p_tit		{float:left; width:100%; }
.shop_product .sp_list .p_eset		{float:left; width:100%; }

/* 아트숍 상세보기 */
.shop_pr_view					{float:left; width:100%; background:#f5f3f3; border-bottom:1px solid #eeeeee;}
.shop_pr_view .edge_pos			{position:relative; top:0; height:0; width:100%;}
.shop_pr_view .edge_pos .eg_bx			{position:absolute; top:250px; font-size:70px; }
.shop_pr_view .edge_pos .eg_bx .arrow			{float:left; width:70px; height:70px; border:1px solid #dddddd; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);  transition:all .2s; opacity:0;}
.shop_pr_view:hover .edge_pos .eg_bx .arrow					{opacity:1;}
.shop_pr_view .edge_pos .eg_bx .arrow:hover			{border:1px solid #999999; transition:all .2s; opacity:1;}
.shop_pr_view .spv_pos				{display:inline-block; width:1260px; padding:100px 0; }
.shop_pr_view .set_center		{float:left; width:100%}
.shop_pr_view .set_center .thum		{float:left; width:600px;}
.shop_pr_view .set_center .thum img	{max-width:600px; width:auto; max-height:600px; height:auto;}
.shop_pr_view .set_center .info			{float:left; text-align:left; padding:0px 0px 0 70px; width:calc(100% - 600px); font-size:13px; line-height:200%;}
.shop_pr_view .set_center .info .title		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:30px; padding-bottom:25px; color:black;}
.shop_pr_view .set_center .info .st		{float:left; width:100%; padding:7px 0; font-size:16px;}
.shop_pr_view .set_center .info .st .tt		{float:left; width:80px; opacity:0.6;}
.shop_pr_view .set_center .info .st .mm		{float:left; width:100%; color:black; padding-left:15px; }
.shop_pr_view .set_center .info .st.hdn_bx	{}
.shop_pr_view .set_center .mk_btn		{float:left; width:100%; padding:50px 0 0 80px; text-align:center;letter-spacing:-0.05em;}
.shop_pr_view .set_center .mk_btn .list				{float:left; width:200px; padding:13px 0; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-weight:bold; font-size:13px; transition: all .2s;}
.shop_pr_view .set_center .mk_btn .list:hover		{border:1px solid #4e4e4e; color:#2d2d2d; background:white;transition: all .2s;}
.shop_pr_ntc					{float:left; width:100%; background:#fafafa; border-bottom:1px solid #eeeeee;}
.shop_pr_ntc .nt_pos		{display:inline-block; width:1260px; padding:100px 0;}
.shop_pr_ntc .nt_pos .nblk		{float:left; width:50%; padding:0 80px;}
.shop_pr_ntc .nt_pos .nblk.spmgn		{}
.shop_pr_ntc .nt_pos .nb_exp		{float:left; width:100%; text-align:left; padding:0 80px 50px 80px; display:none;}
.shop_pr_ntc .nt_pos .nb_tt			{float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding-bottom:25px; color:black;}
.shop_pr_ntc .nt_pos .nb_txt		{float:left; width:100%; text-align:left; font-size:13px; line-height:180%; color:rgba(0,0,0,0.5);}
.shop_pr_con					{float:left; width:100%; }
.shop_pr_con .content	{display:inline-block; width:1260px; padding:100px 0;}
.shop_pr_con .content .txt	{text-align:left; max-width:1100px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f;border:0px solid red;}
.shop_pr_con .content .txt span	{float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;}


/* //////////////////////////////// 댓글 / Comment //////////////////// */
/* 댓글수 및 권한이 없다 표시 css */
.cmt_li_return			{float:left; width:100%; padding:0 0 40px 10px; margin-bottom:30px; border-bottom:1px solid #eeeeee;}
.cmt_li_return .title			{float:left; width:calc(100% - 120px); text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;  line-height:150%; color:black;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em;  padding-right:10px;}
.cmt_li_return .title a		{color:black;}
.cmt_li_return .title span	{color:red; margin-right:10px;}
.cmt_li_return .btn			{float:left; width:120px; text-align:center; background:#464646; font-size:11px; padding:10px 0; color:white;border:0px solid red;}
.cmt_li_count			{float:left; width:100%; padding:30px 0 0 20px; text-align:left;  font-size:13px;}
.cmt_li_count span	{color:red;}
.cmt_li_no_p				{float:left; width:100%; background:#fafafa; padding:25px 0px; border:1px solid #eeeeee; border-width:1px 0; font-size:13px; margin:15px 0 0 0; display:none;}

/* 댓글 기본내용 css */
.cmt_li_df1						{float:left; width:100%; border:1px solid #eeeeee; background:#fafafa ; margin-top:15px; padding:30px; color:#6a6a6a; }
.cmt_li_df2						{float:right; width:calc(100% - 50px); border:1px solid #eeeeee; border-width:0 1px 1px 1px; background:#f5f3f3; padding:30px; margin-top:0px; color:#6a6a6a; }
.cmt_li_memo					{text-align:left; font-size:13px;}
.cmt_li_bx							{float:left; text-align:left; width:100%; margin-bottom:20px; border-bottom:1px solid #eeeeee; padding-bottom:15px; color:black;}
.cmt_li_bx .name				{font-size:15px; font-weight:bold;}
.cmt_li_bx .rcnd				{font-size:11px; margin-left:5px; opacity:0.6;}
.cmt_li_bx .date				{font-size:11px; font-family:tahoma; margin-left:5px; opacity:0.6;}
.cmt_li_bx .ip						{font-size:11px; font-family:tahoma; margin-left:5px; opacity:0.6; display:none;}
.cmt_li_bx .tool					{float:right;}
.cmt_li_bx .tool img			{height:15px; padding-left:5px;}

/* 댓글의 댓글 추가표시 css */
.cmt_li_adbx						{float:left; width:100%; text-align:left; margin-top:10px;}
.cmt_li_adbx .cnt				{float:left; font-size:11px; color:black; padding-top:5px; color:#8B8B8B;}
.cmt_li_adbx .no				{font-weight:bold; color:#ed366c;}
.cmt_li_adbx .btn				{float:right; font-size:11px; border:0px; background:#949494; color:white; padding:8px 10px; line-height:100%; border-radius:2px;}
.cmt_li_adbx .btn:hover	{background:#6b6b6b;}

/* 댓글 폼css */
.cmt_fm_ipbxk						{float:left; width:100%; padding:30px; border:1px solid #dadada; border-width:1px; background:#ffffff; margin-top:25px;}
.cmt_fm_ipbxk .title				{float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; margin-bottom:15px; letter-spacing:-0.05em; color:black;}
.cmt_fm_ipbxk .info				{float:left; width:100%; margin-bottom:1px; text-align:left;  border:0px solid red; box-sizing:border-box;}
.cmt_fm_ipbxk .info .tt			{float:left; width:100px; height:55px;line-height:55px;  margin:1px 0; padding:0 0 0 20px; font-size:11px; border:1px solid #cccccc; border-width:1px 0px 1px 1px; background:#fafafa; display:none;}
.cmt_fm_ipbxk .info .con		{float:left; width:100%; height:55px; margin:1px 0; font-size:11px; }
.cmt_fm_ipbxk .info .ibox	{width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;}
.cmt_fm_ipbxk .info .ibox:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.cmt_fm_ipbxk .box_set							{float:left; width:100%; margin-bottom:5px;}
.cmt_fm_ipbxk .box_set .memo			{float:left; width:calc(100% - 100px);}
.cmt_fm_ipbxk .box_set .memo .txr		{width:100%; height:100px; padding:15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;}
.cmt_fm_ipbxk .box_set .memo .txr:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.cmt_fm_ipbxk .box_set .btn					{float:left; width:100px;}
.cmt_fm_ipbxk .box_set .btn .save		{width:100%;height:100px; border:0px; background:#515151; color:white; cursor:pointer; transition:all .2s;}
.cmt_fm_ipbxk .box_set .btn .save:hover		{background:#303030; transition:all .2s;}


/* 댓글의 답글 폼css */
.cmt_fm_ipbxk2						{float:right; width:calc(100% - 50px); margin:-1px 0px 0 0; padding:30px; border:1px solid #dadada; background:#ffffff; }
.cmt_fm_ipbxk2 .title				{float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; margin-bottom:15px; letter-spacing:-0.05em; color:black;}
.cmt_fm_ipbxk2 .title span		{color:#1062a1;}
.cmt_fm_ipbxk2 .info				{float:left; width:100%; margin-bottom:1px; text-align:left;  border:0px solid red; box-sizing:border-box;}
.cmt_fm_ipbxk2 .info .tt			{float:left; width:100px; height:55px; margin:1px 0; padding:9px 0 0 20px; font-size:11px; border:1px solid #cccccc; border-width:1px 0px 1px 1px; background:#fafafa; display:none;}
.cmt_fm_ipbxk2 .info .con		{float:left; width:100%; height:55px; margin:1px 0; font-size:11px; }
.cmt_fm_ipbxk2 .info .ibox		{width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;}
.cmt_fm_ipbxk2 .info .ibox:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.cmt_fm_ipbxk2 .box_set							{float:left; width:100%; margin-bottom:5px;}
.cmt_fm_ipbxk2 .box_set .mtxr				{width:100%;height:100px;border:1px solid #cccccc; padding:10px;}
.cmt_fm_ipbxk2 .box_set .memo			{float:left; width:calc(100% - 100px);}
.cmt_fm_ipbxk2 .box_set .memo .txr		{width:100%; height:100px; padding:15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;}
.cmt_fm_ipbxk2 .box_set .memo .txr:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
.cmt_fm_ipbxk2 .box_set .btn					{float:left; width:100px;}
.cmt_fm_ipbxk2 .box_set .btn .save		{width:100%;height:100px; border:0px; background:#515151; color:white; cursor:pointer; transition:all .2s;}
.cmt_fm_ipbxk2 .box_set .btn .save:hover		{background:#303030; transition:all .2s;}

/* 댓글더보기 및 페이지스킵영역css */
.cmt_sp_ar		{float:left; border-top:0px solid #eeeeee; width:100%; margin:0;}
.cmt_sp_tilnk	{display:inline-block; padding:10px 30px; color:black; background:#757575; color:white; font-size:11px;}
.cmt_sp_tilnk:hover	{background:#656465;}
.cmt_sp_pos		{display:inline-block; margin:0px 0; font-size:0; height:0;}


/* 하단 이전,다음글 css */
.list_view	{float:left; width:100%; text-align:left; font-size:12px; margin-top:35px;border-top:1px solid #eeeeee;}
.list_view .set		{float:left; border-bottom:1px solid #eeeeee; width:100%; padding:15px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:white;}
.list_view .set .icon		{margin:0px 10px;}
.list_view .set .txt				{color:black; margin-right:10px; opacity:0.6;}
.list_view .set a			{color:black;}
.list_view .set a:hover	{color:red;}
.list_view .here	{background:#fafafa; color:#ef386c;}