/* ============================ 공통 ============================ */ .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 {float:left; 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:100px; border:0px solid red;} .bdr_wrt_dft .wrt_pos .w_id_title {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 {float:left; width:100%; padding:5px 0; text-align:left;} .bdr_wrt_dft .wrt_pos .w_set .ws_tt {float:left; width:100%; padding: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 {float:left; width:100%;} .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;} /* 버튼 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_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 {float:left; 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 .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:100px 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 {float:left; width:100%; padding:100px 0px;} /* 기본게시판 기본 css */ .basic_thumb {display:inline-block; width:1260px; font-size:0; text-align:left; } .basic_thumb .tmb_list {display:inline-block; width:100%; transition:all .2s; line-height:50px; border-bottom:1px solid #eeeeee;} .basic_thumb .tmb_list:hover {background:#fafafa; transition:all .2s;} .basic_thumb .tmb_list .no {float:left; font-size:13px; width:60px; text-align:center;} .basic_thumb .tmb_list .subj {float:left; font-size:13px; width:calc(100% - 410px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .basic_thumb .tmb_list .subj a {padding-left:15px; color:black;transition:all .2s;} .basic_thumb .tmb_list .subj a:hover {color:red;transition:all .2s;} .basic_thumb .tmb_list .date {float:right; font-size:13px; width:100px; text-align:center;} .basic_thumb .tmb_list .e_set {float:left; font-size:13px; width:250px; } .basic_thumb .tmb_list .file {float:left; font-size:13px; width:50px; text-align:center; } .basic_thumb .tmb_list .name {float:left; font-size:13px; width:calc(100% - 120px); text-align:center; } .basic_thumb .tmb_list .hit {float:left; font-size:13px; width:70px; text-align:center;} .basic_thumb .tmb_list.txalg {text-align:center; background:#f4f4f4; border:1px solid #565656; border-width:2px 0 1px 0; border-bottom:1px solid #eeeeee; color:black; font-weight:bold; line-height:60px;} .basic_thumb .tmb_list .spno {font-family:tahoma; font-size:11px;} .basic_thumb .tmb_list .spno input {margin-top:18px;} .basic_thumb .tmb_list .bs_hd {display:none;} /* 기본게시판 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 span {color:#ef386c;} .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 {} /* ============================ 상세보기 ============================ */ /* 게시물 상세보기 기본 */ .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; 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_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: "회원님들이 직접 만들어 가는 커뮤니티 컨텐츠";} /* ============================ 글쓰기 ============================ */ /* ============================ sp skin ============================ */ /* 아트숍 검색 */ .shop_scr {float:left; width:100%; background: linear-gradient( to bottom, #ffffff, #f5f3f3 ); padding:10px 0 50px 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:100px 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(25% - 10px); margin:5px; vertical-align:top; } .shop_product .sp_list .pic {position:relative; top:0; left:0; width:100%; border-radius:0; overflow:hidden; } .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:absolute; bottom:0; left:0; width:100%; padding:30px 15px; font-weight:bold; font-size:15px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;color:white; transition:all .2s; text-shadow: 0 0 1px #000000; background: linear-gradient( to top, rgba(0,0,0,0.3), rgba(0,0,0,0.0));} .shop_product .sp_list:hover .info {opacity:0; bottom:-10px; 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:35%; 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 10px 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:20px; padding-bottom:25px; color:black;} .shop_pr_view .set_center .info .st {float:left; width:100%; padding:7px 0; font-size:13px;} .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:calc(100% - 80px); color:black;} .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;}