/* ============================ 공통 ============================ */ .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:100%; 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;} /* 뉴아이콘 */ /* 목록 선택/삭제/복사이동 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;} /* 게시판 작성스타일박스 css */ .txt_call_style { width:100%; font-size:11px; text-align:center; color:black; padding:20px 0; line-height:1.9; } .txt_call_style label { padding-right:10px; } @media screen and (max-width : 650px){ .txt_call_style {font-size:10px; padding:10px 0; } } /* 페이지 skip css */ .pps_set { width:100%; text-align:center; } .pps_set:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .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;} /* 페이지 skip css */ @media screen and (max-width : 900px){ .pps_set .skip_pos {margin-top:30px; } } @media screen and (max-width : 650px){ .pps_set .skip_pos {margin-top:20px; } .pps_set .pg_al {padding:2px 5px; font-size:10px;} .pps_set .pg_al_not {padding:2px 5px; font-size:10px;} .pps_set .all_l {padding:2px 5px; font-size:10px;} .pps_set .pg_ar {padding:2px 5px; font-size:10px;} .pps_set .pg_ar_not {padding:2px 5px; font-size:10px;} .pps_set .all_r {padding:2px 5px; font-size:10px;} .pps_hset {margin:0px 10px;} .hot_pga {padding:2px 10px; font-size:10px;} .hot_pgs {padding:2px 10px; font-size:10px;} } /* 버튼 button 스타일 css */ .bd_wrt_btn_box { width:100%; padding-top:30px; text-align:center; } .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;} @media screen and (max-width: 1260px){ .bd_wrt_btn_box .button_default {width:150px; padding:13px 0; margin:0 3px; font-size:12px;} } @media screen and (max-width: 900px){ .bd_wrt_btn_box .button_default {width:120px; margin:0 1px; } } @media screen and (max-width: 650px){ .bd_wrt_btn_box {padding-top:10px;} .bd_wrt_btn_box .button_default {width:calc(40% - 2px); padding:13px 0; margin:0 1px; font-size:12px;} } /* 첨부파일 css */ .att_box_default { white-space:nowrap; width:100%; padding:2px 0; border:0px solid blue; } .att_box_default:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .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;} @media screen and (max-width: 650px){ .att_box_default a {height:30px; line-height:30px; } .att_box_default .att_up_btn {width:60px; height:30px; line-height:30px;font-size:10px; } /* 파일첨부버튼 */ .att_box_default .box_35 {float:left; width:calc(100% - 95px); height:30px; padding:0 10px; font-size:10px; } /* 처음 첨부하는 것 */ .att_box_default .box_15 {float:left; width:calc(100% - 215px); height:30px; padding:0 10px; font-size:10px; } /* 기존에 첨부된 것 */ .att_box_default .old_file {float:left; width:80px; height:30px; padding:0 5px; font-size:10px; } /* 기존 첨부 파일명 */ .att_box_default .del_btn {float:left; width:40px; height:30px; font-size:10px;} /* 기존 첨부 삭제버튼 */ } /* 게시판하단 버튼 기본 css */ .bd_view_btn_box { width:100%; text-align:center; } .bd_view_btn_box .bvb_pos { display:inline-block; width:100%; padding:50px 0; font-size:0; } .bd_view_btn_box .bvb_pos .btn_default { display:inline-block; height:100%; text-align:center; 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;} @media screen and (max-width: 1260px){ .bd_view_btn_box .bvb_pos {width:100%; padding:50px 0;} .bd_view_btn_box .bvb_pos .btn_default {width:150px; padding:13px 0; margin:0 3px; font-size:12px;} } @media screen and (max-width: 900px){ .bd_view_btn_box .bvb_pos {padding:30px 0;} .bd_view_btn_box .bvb_pos .btn_default { width:100px; padding:10px 0; margin:0 1px; font-size:11px;} } @media screen and (max-width: 650px){ .bd_view_btn_box .bvb_pos {padding:20px 0;} .bd_view_btn_box .bvb_pos .btn_default { width:calc(25% - 2px); padding:10px 0; margin:0 1px; font-size:11px; } } /* 기본게시판 아웃라인 css */ .basic_li_box { width:100%; padding:0 0px; font-family:'Pretendard'; } @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; } } /* 게시판 b_name css */ .bbs_id_tt { width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:30px; line-height:100%; padding-bottom:35px; text-align:center; letter-spacing:-0.05em; color:black; } /* 기본검색 css */ .scr_default { width:100%; padding-top:35px; padding-bottom:0; text-align:center; } .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 var(--main-color); background:#ffffff; font-size:13px; text-align:left; transition:all .2s;} .scr_default .sbox:focus { outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .scr_default .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:13px;} .scr_default .sr_btn {width:100%; height:50px; color:white; text-align:center; background-color:var(--main-color); border:0px; cursor:pointer; border-radius:0 3px 3px 0;} @media screen and (max-width: 1260px){ .scr_default { padding-top:25px; padding-bottom:0; } .scr_default .frm {width:300px; } } @media screen and (max-width: 900px){ .scr_default { padding-top:25px; padding-bottom:0; } .scr_default .s_pos select {height:40px;} .scr_default .all {width:90px;} .scr_default .frm {width:250px; } .scr_default .btn_ar {width:80px;} .scr_default .btn_all {height:40px;font-size:11px;} .scr_default .sbox {height:40px;font-size:11px; text-align:left; transition:all .2s;} .scr_default .sr_btn {height:40px;font-size:11px;} } @media screen and (max-width: 650px){ .scr_default {padding:15px 0 0 0;} .scr_default .s_pos {width:100%;} .scr_default .all {width:60px; padding-left:3px;} .scr_default .sel {width:80px; padding:0 3px 0 0;} .scr_default .frm {width:calc(100% - 180px); } .scr_default .btn_ar {width:40px;} .scr_default .btn_all {font-size:10px; letter-spacing:-0.05em;} .scr_default .sbox {font-size:10px; text-align:left; transition:all .2s; padding:0 10px;} .scr_default .sr_btn {font-size:10px;} } /* 자료수 / 카테고리 css */ .default_hd_box { width:100%; padding:0; margin:0; } .default_hd_box:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .default_hd_set { width:100%; padding:0px 0 0 0;} .default_hd_pos { display:inline-block; width:100%;} .default_lst_cnt { 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 { line-height:100%; padding:0 5px; font-size:15px;} #default_ctg { width:100%; padding:0 0 20px 0; font-family:Pretendard; letter-spacing:-1px; } #default_ctg .cate_df_st { width:100%; text-align:left; line-height:100%; font-weight:500; font-size:0;} #default_ctg .cate_df_st span { margin-right:5px; color:rgba(0,0,0,0.3); font-size:17px; line-height:1.2; } #default_ctg .cate_d_sel { display:inline-block; font-size:17px; border:1px solid #55a30f; padding:10px 25px; margin-right:3px; margin-bottom:3px; font-weight:700; color:var(--font-color); line-height:1.2; } #default_ctg .cate_d_normal { display:inline-block; border:1px solid #dedede; font-size:17px; padding:10px 25px; margin-right:3px; margin-bottom:3px; font-weight:500; color:rgba(0,0,0,0.9); transition:all .2s; line-height:1.2; } #default_ctg .cate_d_normal:hover {color:var(--font-color); transition:all .2s;} /* 자료수 / 카테고리 css */ @media screen and (max-width: 1360px){ .default_hd_box {width:100%;} .default_hd_pos {width:100%; } } @media screen and (max-width: 900px){ .default_lst_cnt {padding:0; font-size:11px; width:100%; } #default_ctg { padding:0 0 20px 0; } #default_ctg .cate_d_sel { font-size:15px; padding:10px 25px; } #default_ctg .cate_d_normal { font-size:15px; padding:10px 25px; } } @media screen and (max-width: 650px){ .default_hd_set {padding:0px 0 5px 0;} .default_lst_cnt {padding:0 0 15px 0 15px; font-size:11px; text-align:center; margin-top:5px;} #default_ctg { padding:0 0 5px 0; } #default_ctg .cate_d_sel { font-size:13px; padding:5px 15px; } #default_ctg .cate_d_normal { font-size:13px; padding:5px 15px; } } /* 기본게시판 기본 css */ .basic_thumb { line-height:1; font-family: 'Pretendard'; } .basic_thumb .tmb_list { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:30px 0; width:100%; border-bottom:1px solid #eeeeee; transition:all .2s; } .basic_thumb .tmb_list:hover { background:#fafafa; transition:all .2s;} .basic_thumb .tmb_list .no { font-size:16px; width:90px; text-align:center; } .basic_thumb .tmb_list .subj { width:calc(100% - 440px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .basic_thumb .tmb_list .subj .cate-name { display:inline-block; font-size:19px; color:red; } .basic_thumb .tmb_list .subj a { font-size:19px; padding-left:10px; font-weight:500; letter-spacing:-0.025em; color:#000; transition:all .2s; } .basic_thumb .tmb_list .subj a:hover { color:var(--main-color); transition:all .2s;} .basic_thumb .tmb_list .date { font-size:15px; width:100px; text-align:center; color:rgba(0,0,0,0.4); } .basic_thumb .tmb_list .e_set { width:250px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .basic_thumb .tmb_list .file { width:50px; font-size:15px; text-align:center; } .basic_thumb .tmb_list .name { width:calc(100% - 120px); font-size:15px; color:rgba(0,0,0,0.4); text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .basic_thumb .tmb_list .hit { width:70px; font-size:15px; color:rgba(0,0,0,0.4); text-align:center; } .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; } .basic_thumb .tmb_list .spno input {margin-top:0;} .basic_thumb .tmb_list .bs_hd {display:none;} .basic_thumb .tmb_list.txalg { padding:20px 0; } .basic_thumb .tmb_list.txalg > .no { font-weight:500; font-size:16px; line-height:1.6; } .basic_thumb .tmb_list.txalg > .subj { font-weight:500; font-size:16px; line-height:1.6; } .basic_thumb .tmb_list.txalg > .date { font-weight:500; font-size:16px; line-height:1.6; color:rgba(0,0,0,0.9); } .basic_thumb .tmb_list.txalg > .e_set > .file { font-weight:500; font-size:16px; line-height:1.6; } .basic_thumb .tmb_list.txalg > .e_set > .name { font-weight:500; font-size:16px; line-height:1.6; color:rgba(0,0,0,0.9); } .basic_thumb .tmb_list.txalg > .e_set > .hit { font-weight:500; font-size:16px; line-height:1.6; color:rgba(0,0,0,0.9); } .filedown { display:inline-block; width:24px; } .newicon-box { display:inline-block; padding-left:15px; vertical-align:top; } .notice-box { width:100%; font-size:17px; font-weight:700; color:#ff0000; } /* 기본게시판 기본 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 { width:calc(100% - 430px); } .basic_thumb .tmb_list .subj .cate-name { font-size:18px; } .basic_thumb .tmb_list .subj a { font-size:18px; } .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; } .newicon-box { padding-left:15px; } .notice-box { font-size:16px; } } @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 { width:calc(100% - 360px); } .basic_thumb .tmb_list .subj .cate-name { font-size:17px; } .basic_thumb .tmb_list .subj a { font-size:17px; 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; } .newicon-box { padding-left:10px; } .notice-box { font-size:15px; } } @media screen and (max-width: 650px){ .basic_thumb { border-top:1px solid #212121; } .basic_thumb .tmb_list { padding:15px 0; justify-content:flex-start; } .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 { display:none; font-size:14px; width:80px; } .basic_thumb .tmb_list .subj { width:100%; padding:5px 0; } .basic_thumb .tmb_list .subj .cate-name { font-size:17px; padding-left:10px; } .basic_thumb .tmb_list .subj a { font-size:17px; width:100% !important; } .basic_thumb .tmb_list .date {font-size:14px; width:auto; } .basic_thumb .tmb_list .e_set { width:auto; padding:10px 0; } .basic_thumb .tmb_list .file { display:none; font-size:14px; width:40px; } .basic_thumb .tmb_list .name { font-size:14px; width:auto; padding-left:10px; margin-right:5px; text-align:left !important; } .basic_thumb .tmb_list .name::after { display: inline-block; content: ''; width: 1px; height: 10px; background:rgba(0,0,0,0.1); margin: 0 10px 0 15px; } .basic_thumb .tmb_list .hit { display:none; font-size:14px; width:auto; } .basic_thumb .tmb_list .spno { font-size:14px; } .filedown { display:inline-block; width:20px; } .newicon-box { padding-left:10px; } .notice-box { font-size:14px; } } /* 기본게시판 기본 css */ .result_thumb { display:flex; flex-wrap:wrap; justify-content:space-between; line-height:1; font-family: 'Pretendard'; letter-spacing:-1px; } .result_thumb .tmb_list { width:49%; padding:30px; border-radius:0 30px 30px 30px; margin-bottom:20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border:1px solid #eaeaea; transition:all .2s; } .result_thumb .tmb_list .subj { width:calc(100% - 150px); transition:all .2s; } .result_thumb .tmb_list .subj .sjtit { font-size:21px; padding:10px 0; font-weight:600; letter-spacing:-0.025em; color:#000; line-height:1.2; transition:all .2s; } .result_thumb .tmb_list .subj a:hover { color:var(--main-color); transition:all .2s;} .result_thumb .tmb_list .subj .sjyear { display:flex; width:100%; font-size:19px; font-weight:700; color:var(--font-color); } .result_thumb .tmb_list .subj .sjyear .cate-name { font-size:19px; font-weight:500; padding-left:10px; color:rgba(0,0,0,0.5); } .result_thumb .tmb_list .subj .comp-name { font-size:16px; padding:10px 0 0 0; font-weight:500; color:var(--font-color); } .result_thumb .tmb_list .comp { width:150px; text-align:right; } .result_thumb .tmb_list .comp .mney { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; width:100%; text-align:right; } .result_thumb .tmb_list .comp .mney em { width:100%; font-size:15px; font-weight:700; color:rgba(0,0,0,0.4); } .result_thumb .tmb_list .comp .mney strong { padding-right:3px; font-size:26px; color:rgba(0,0,0,0.8); } .result_thumb .tmb_list .comp .mney i { font-size:13px; font-weight:700; color:rgba(0,0,0,0.4); font-style:normal; } .result_thumb .tmb_list .comp input {margin-top:0;} a.result-btn { display:inline-block; margin-top:10px; padding:5px 20px; font-size:13px; color:#fff; background:var(--font-color); border-radius:30px; transition:all .2s; } a.result-btn:hover { color:#fff !important; background:#000; transition:all .2s; } /* 기본게시판 기본 css */ @media screen and (max-width: 1360px){ .result_thumb .tmb_list { width:49%; padding:30px; border-radius:0 30px 30px 30px; margin-bottom:20px; } .result_thumb .tmb_list .subj { width:calc(100% - 150px); } .result_thumb .tmb_list .subj .sjtit { font-size:19px; padding:10px 0; } .result_thumb .tmb_list .subj .sjyear { width:100%; font-size:17px; } .result_thumb .tmb_list .subj .sjyear .cate-name { font-size:17px; padding-left:10px; } .result_thumb .tmb_list .subj .comp-name { font-size:15px; padding:10px 0 0 0; } .result_thumb .tmb_list .comp { width:150px; } .result_thumb .tmb_list .comp .mney em { width:100%; font-size:14px; } .result_thumb .tmb_list .comp .mney strong { padding-right:3px; font-size:23px; } .result_thumb .tmb_list .comp .mney i { font-size:13px; } a.result-btn { margin-top:10px; padding:5px 20px; font-size:13px; } } @media screen and (max-width: 900px){ .result_thumb .tmb_list { width:100%; padding:30px; border-radius:0 30px 30px 30px; margin-bottom:20px; } .result_thumb .tmb_list .subj { width:calc(100% - 150px); } .result_thumb .tmb_list .subj .sjtit { font-size:19px; padding:10px 0; } .result_thumb .tmb_list .subj .sjyear { width:100%; font-size:17px; } .result_thumb .tmb_list .subj .sjyear .cate-name { font-size:17px; padding-left:10px; } .result_thumb .tmb_list .subj .comp-name { font-size:15px; padding:10px 0 0 0; } .result_thumb .tmb_list .comp { width:150px; } .result_thumb .tmb_list .comp .mney em { width:100%; font-size:14px; } .result_thumb .tmb_list .comp .mney strong { padding-right:3px; font-size:23px; } .result_thumb .tmb_list .comp .mney i { font-size:13px; } a.result-btn { margin-top:10px; padding:5px 20px; font-size:13px; } } @media screen and (max-width: 650px){ .result_thumb .tmb_list { width:100%; padding:10px; border-radius:0 10px 10px 10px; margin-bottom:10px; } .result_thumb .tmb_list .subj { width:calc(100% - 80px); } .result_thumb .tmb_list .subj .sjtit { font-size:17px; padding:10px 0; } .result_thumb .tmb_list .subj .sjyear { width:100%; font-size:15px; } .result_thumb .tmb_list .subj .sjyear .cate-name { font-size:15px; padding-left:10px; } .result_thumb .tmb_list .subj .comp-name { font-size:13px; padding:10px 0 0 0; } .result_thumb .tmb_list .comp { width:80px; } .result_thumb .tmb_list .comp .mney em { width:100%; font-size:13px; } .result_thumb .tmb_list .comp .mney strong { padding-right:0; margin-top:5px; font-size:20px; } .result_thumb .tmb_list .comp .mney i { width:100%; font-size:12px; } a.result-btn { margin-top:5px; padding:5px 20px; font-size:12px; } } /* 데이터없음 css */ .bd_list_none {float:left; width:100%; padding:100px 0px; text-align:center; border-bottom:1px solid #eeeeee; font-size:11px;} /* 첨부파일 down css */ .bd_at_file { display:inline-block; background:#4e4e4e; width:calc(25% - 2px); margin:1px; padding:13px 15px; text-align:left; transition:all .2s; border-radius:3px;} .bd_at_file:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .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);} a.fdown { float:left; background:#4e4e4e; width:30px; padding: 13px 15px; text-align: left; padding-left: 8px; border-left: 1px solid rgba(255,255,255,0.3); border-radius: 0 3px 3px 0; } @media screen and (max-width : 1260px){ .bd_at_file {padding:10px 13px;} .bd_at_file .icon {font-size:12px;} .bd_at_file .name {font-size:11px;} } @media screen and (max-width : 900px){ .bd_at_file {width:calc(33.3333% - 2px); padding:10px 10px;} .bd_at_file .icon {width:20px; font-size:11px; padding:3px 0 0 0px; color:white;} .bd_at_file .name {font-size:11px; color:white; width:calc(100% - 70px);} .bd_at_file .size {width:50px; text-align:right;font-size:11px; font-family:tahoma; color:rgba(255,255,255,0.6);} } @media screen and (max-width : 650px){ .bd_at_file {width:calc(100% - 2px); padding:8px 10px;} .bd_at_file .icon {font-size:11px;} } /* 게시판_글쓰기 공통 / 외부지도삽입 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:Pretendard, 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 */ .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;} /* 기본검색 / 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;} /* 자료실 리스트 파일 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; width:100%; height:30px; } .view_bbs_move_box .admin_move {position:absolute; top:0; 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;} /* 게시물 상세보기 테이블안 카테고리 표시 / 별도 모바일용 없음 */ .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 { 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: "+ ";} /* ============================ 리스트 ============================ */ /* 포토리스트 아웃라인 css */ .photo_bbs_li_box { width:100%; padding:0px 0px;} @media screen and (max-width: 1260px){ .photo_bbs_li_box {padding:0 0;} } @media screen and (max-width: 900px){ .photo_bbs_li_box {padding:0 0;} } @media screen and (max-width: 650px){ .photo_bbs_li_box { padding:0 0;} } /* 포토리스트 기본 css */ .photo_bbs_thumb { display:flex; flex-wrap:wrap; margin-left:-30px; width:calc(100% + 30px); text-align:left; font-family:'Pretendard', sans-serif; } .photo_bbs_thumb .tmb_list { position:relative; width:calc(33.3333% - 30px); margin-left:30px; border:1px solid rgba(0,0,0,0.1); margin-bottom:2%; overflow:hidden; transition:all .3s;} .photo_bbs_thumb .tmb_list:hover { border:1px solid var(--main-color); box-shadow: -15px 15px 15px -15px rgb(0 0 0 / 10%), 15px 15px 15px -15px rgb(0 0 0 / 40%); transition:all .3s;} .photo_bbs_thumb .tmb_list .pic { position:relative; width:100%; overflow:hidden; transform:perspective(500px) rotate(.001deg);} .photo_bbs_thumb .tmb_list .pic .new_buletg { position:absolute; top:10px; left:10px; } .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.7s ease-in-out;} .photo_bbs_thumb .tmb_list:hover .pic img {transform:scale(1.1); -web-kit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transition:all 0.7s ease; transition:all 0.7s ease;} .photo_bbs_thumb .tmb_list .c_set { display:flex; flex-wrap:wrap; align-items:center; width:100%; padding:30px 20px 25px 20px; } .photo_bbs_thumb .tmb_list .c_set .title { width:100%; transition:all .2s; vertical-align:top; } .photo_bbs_thumb .tmb_list .c_set .title a { display:inline-block; font-size:19px; color:#212121; width:90%; font-weight:500; padding:0 0 15px 0; letter-spacing:-0.05em; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition:all .2s;} .photo_bbs_thumb .tmb_list .c_set .more a { color: #949494; font-weight:400; font-size:15px; margin-top: 10px; margin-bottom: 20px; display: block; width: 100%; letter-spacing:-0.025em; line-height:130%; height: 50px; } .photo_bbs_thumb .tmb_list .c_set .etc { display:flex; width:100%; } .photo_bbs_thumb .tmb_list .c_set .etc .who { display:flex; font-size:14px; color:rgba(0,0,0,0.4); } .photo_bbs_thumb .tmb_list .c_set .etc .who::after { content: ''; width: 1px; height: 10px; background:rgba(0,0,0,0.1); margin: 3px 15px 0 15px; } .photo_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; font-weight:500; color:rgba(0,0,0,0.4); text-align:left; width:100%;} .photo_bbs_thumb .tmb_list:hover .c_set .title a {color:var(--main-color); transition:all .2s;} @media screen and (max-width: 1260px){ .photo_bbs_thumb { margin-left:-30px; width:calc(100% + 30px); } .photo_bbs_thumb .tmb_list { width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:2%; } .photo_bbs_thumb .tmb_list .c_set { padding:30px 20px 25px 20px; } .photo_bbs_thumb .tmb_list .c_set .title a { font-size:18px; padding:0 0 15px 0; } .photo_bbs_thumb .tmb_list .c_set .more a { font-size:15px; margin-top:10px; margin-bottom:20px; height:50px; } .photo_bbs_thumb .tmb_list .c_set .etc .who { font-size:14px; } .photo_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; } } @media screen and (max-width: 900px){ .photo_bbs_thumb { margin-left:-20px; width:calc(100% + 20px); } .photo_bbs_thumb .tmb_list { width:calc(50% - 20px); margin-left:20px; margin-bottom:2%; } .photo_bbs_thumb .tmb_list .c_set { padding:30px 20px 25px 20px; } .photo_bbs_thumb .tmb_list .c_set .title a { font-size:17px; padding:0 0 15px 0; } .photo_bbs_thumb .tmb_list .c_set .more a { font-size:14px; margin-top:10px; margin-bottom:20px; height:50px; } .photo_bbs_thumb .tmb_list .c_set .etc .who { font-size:14px; } .photo_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; } } @media screen and (max-width: 650px){ .photo_bbs_thumb { margin-left:0; width:100%; } .photo_bbs_thumb .tmb_list { width:100%; margin-left:0; margin-bottom:2%; } .photo_bbs_thumb .tmb_list .c_set { padding:20px 10px 15px 10px; } .photo_bbs_thumb .tmb_list .c_set .title a { font-size:16px; padding:0 0 15px 0; } .photo_bbs_thumb .tmb_list .c_set .more a { font-size:13px; margin-top:5px; margin-bottom:10px; height:40px; } .photo_bbs_thumb .tmb_list .c_set .etc .who { font-size:13px; } .photo_bbs_thumb .tmb_list .c_set .etc .date { font-size:13px; } } /* 포토리스트 기본 css */ .webzine_bbs_thumb { display:flex; flex-wrap:wrap; width:100%; text-align:left; font-family:'Pretendard', sans-serif; } .webzine_bbs_thumb .tmb_list { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; border:1px solid rgba(0,0,0,0.1); margin-bottom:2%; overflow:hidden; transition:all .3s;} .webzine_bbs_thumb .tmb_list:hover { border:1px solid var(--main-color); box-shadow: -15px 15px 15px -15px rgb(0 0 0 / 10%), 15px 15px 15px -15px rgb(0 0 0 / 40%); transition:all .3s;} .webzine_bbs_thumb .tmb_list .pic { width:30%; overflow:hidden; transform:perspective(500px) rotate(.001deg);} .webzine_bbs_thumb .tmb_list .pic .new_buletg { position:absolute; top:10px; left:10px; } .webzine_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.7s ease-in-out;} .webzine_bbs_thumb .tmb_list:hover .pic img {transform:scale(1.1); -web-kit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transition:all 0.7s ease; transition:all 0.7s ease;} .webzine_bbs_thumb .tmb_list .c_set { width:70%; padding:30px 20px 25px 40px; } .webzine_bbs_thumb .tmb_list .c_set .title { width:100%; transition:all .2s; vertical-align:top; } .webzine_bbs_thumb .tmb_list .c_set .title a { display:inline-block; font-size:22px; color:#212121; width:90%; font-weight:500; padding:0 0 15px 0; letter-spacing:-0.05em; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition:all .2s;} .webzine_bbs_thumb .tmb_list .c_set .more a { color: #949494; font-weight:400; font-size:16px; margin-top: 10px; margin-bottom: 30px; display: block; width: 100%; letter-spacing:-0.025em; line-height:130%; } .webzine_bbs_thumb .tmb_list .c_set .etc { display:flex; width:100%; } .webzine_bbs_thumb .tmb_list .c_set .etc .who { display:flex; font-size:14px; color:rgba(0,0,0,0.4); } .webzine_bbs_thumb .tmb_list .c_set .etc .who::after { content: ''; width: 1px; height: 10px; background:rgba(0,0,0,0.1); margin: 3px 15px 0 15px; } .webzine_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; font-weight:500; color:rgba(0,0,0,0.4); text-align:left; width:100%;} .webzine_bbs_thumb .tmb_list:hover .c_set .title a {color:var(--main-color); transition:all .2s;} @media screen and (max-width: 1260px){ .webzine_bbs_thumb .tmb_list { margin-bottom:2%; } .webzine_bbs_thumb .tmb_list .pic { width:30%; } .webzine_bbs_thumb .tmb_list .c_set { width:70%; padding:30px 20px 25px 40px; } .webzine_bbs_thumb .tmb_list .c_set .title a { font-size:18px; padding:0 0 15px 0; } .webzine_bbs_thumb .tmb_list .c_set .more a { font-size:15px; margin-top:10px; margin-bottom:20px; } .webzine_bbs_thumb .tmb_list .c_set .etc .who { font-size:14px; } .webzine_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; } } @media screen and (max-width: 900px){ .webzine_bbs_thumb .tmb_list .pic { width:30%; } .webzine_bbs_thumb .tmb_list .c_set { width:70%; padding:30px 20px 25px 40px; } .webzine_bbs_thumb .tmb_list .c_set .title a { font-size:17px; padding:0 0 15px 0; } .webzine_bbs_thumb .tmb_list .c_set .more a { font-size:14px; margin-top:10px; margin-bottom:20px; } .webzine_bbs_thumb .tmb_list .c_set .etc .who { font-size:14px; } .webzine_bbs_thumb .tmb_list .c_set .etc .date { font-size:14px; } } @media screen and (max-width: 650px){ .webzine_bbs_thumb .tmb_list .pic { width:100%; } .webzine_bbs_thumb .tmb_list .c_set { width:100%; padding:20px 20px 25px 20px; } .webzine_bbs_thumb .tmb_list .c_set .title a { font-size:16px; padding:0 0 15px 0; } .webzine_bbs_thumb .tmb_list .c_set .more a { font-size:13px; margin-top:5px; margin-bottom:10px; } .webzine_bbs_thumb .tmb_list .c_set .etc .who { font-size:13px; } .webzine_bbs_thumb .tmb_list .c_set .etc .date { font-size:13px; } } /* 자료실 아웃라인 css */ .data_bbs_li_box {float:left; width:100%; padding:100px 0px;} /* 자료실 기본 css */ .data_bbs_box {display:inline-block; width:100%; 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:Pretendard, 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 { width:100%; padding:0px 0px; } .stream_li_call {display:flex; flex-wrap:wrap; margin-left:-30px; width:calc(100% + 30px); text-align:left; font-family:'Pretendard'; } .stream_li_call .content { width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:2%; 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.2); 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 { display:block; width:100%; padding:20px; } .stream_li_call .content .title a { display:block; color:rgba(0,0,0,0.9); line-height:1; width:100%; font-size:17px; text-align:center; transition:all .3s;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .stream_li_call .content:hover .title a {color:#ff0000; transition:all .3s;} @media screen and (max-width: 1360px){ .stream_li_call { margin-left:-30px; width:calc(100% + 30px); } .stream_li_call .content { width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:10px; } .stream_li_call .content .title { padding:20px; } .stream_li_call .content .title a { font-size:17px; } } @media screen and (max-width: 900px){ .stream_li_call { margin-left:-20px; width:calc(100% + 20px); } .stream_li_call .content { width:calc(50% - 20px); margin-left:20px; margin-bottom:10px; } .stream_li_call .content .title { padding:20px; } .stream_li_call .content .title a { font-size:16px; } } @media screen and (max-width: 650px){ .stream_li_call { margin-left:0; width:100%; } .stream_li_call .content { width:100%; margin-left:0px; margin-bottom:10px; } .stream_li_call .content .title { padding:10px; } .stream_li_call .content .title a { font-size:15px; } } /* 인스타스타일 아웃라인 css */ .insta_bbs_li_box {float:left; width:100%; padding:100px 0px;} /* 인스타스타일 기본 css */ .insta_bbs_thumb {display:inline-block; width:100%; 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:Pretendard, 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 */ .dp_gallery_li_box {float:left; width:100%; padding:100px 0px;} /* 갤러리전시실 기본 css */ .dp_gallery_thumb {display:inline-block; width:100%; 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:Pretendard, 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:Pretendard, 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:100%; 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:Pretendard, 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; vertical-align:top; } 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:Pretendard, 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;} /* 게시물 상세보기 기본 정보 */ .default_v_info { 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 { width:100%; padding:30px; background:#fafafa; border:1px solid #eeeeee;} .default_v_file .att_title { width:100%; font-family:Pretendard, 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 { 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 { 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; } @media screen and (max-width: 1260px){ .default_v_file .att_title {font-size:18px; } .default_v_file .att_stt {font-size:11px; padding:8px 0 0 0;} .default_v_file .att_grp {padding-top:15px;} } @media screen and (max-width: 900px){ .default_v_file {padding:30px;} .default_v_file .att_title {font-size:15px; } .default_v_file .att_stt {font-size:10px; padding:5px 0 0 0;} .default_v_file .att_grp {padding-top:13px;} table.v_info_tb>tbody>tr>th {padding:13px 0 13px 25px; font-size:12px; width:140px;} table.v_info_tb>tbody>tr>td {padding:13px 15px; font-size:12px; } } @media screen and (max-width: 650px){ .default_v_file {padding:20px;} .default_v_file .att_title {font-size:13px; } .default_v_file .att_stt {font-size:9px; padding:5px 0 0 0; line-height:130%;} .default_v_file .att_grp {padding-top:10px;} table.v_info_tb>tbody>tr>th {padding:10px; font-size:10px; width:auto;} table.v_info_tb>tbody>tr>td {padding:10px; font-size:10px; } } /* 게시물 상세보기 기본 */ .view_bbs_default { width:100%; border:0px solid red; } .view_bbs_default .vbd_pos { width:100%; padding:0 0; } .view_bbs_default .vbd_pos .content { width:100%; padding:20px 0; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;} .view_bbs_default .vbd_pos .content .txt { text-align:left !important; width:100%; font-size:16px !important; line-height:200%; color:#3f3f3f; border:0px solid red;} /* ============================ 상세보기 ============================ */ /* 게시물 상세보기 기본 */ @media screen and (max-width: 1260px){ .view_bbs_default .vbd_pos { width:100%; padding:0;} .view_bbs_default .vbd_pos .content {padding:20px 0;} .view_bbs_default .vbd_pos .content .txt {font-size:15px; line-height:180%;} } @media screen and (max-width: 900px){ .view_bbs_default .vbd_pos { padding:0;} .view_bbs_default .vbd_pos .content { padding:20px 0;} .view_bbs_default .vbd_pos .content .txt { font-size:14px; line-height:180%;} .view_bbs_default .vbd_pos .content span { padding:0 0 20px 0;} } @media screen and (max-width: 650px){ .view_bbs_default .vbd_pos {padding:0;} .view_bbs_default .vbd_pos .content {padding:15px 0;} .view_bbs_default .vbd_pos .content .txt {font-size:13px; line-height:180%;} .view_bbs_default .vbd_pos .content span {padding:0 0 20px 0;} } /* 게시물 상세보기 기본 타이틀 */ .view_bbs_title_box { position:relative; width:100%; border-top:1px solid #464646; font-family:'Pretendard'; font-weight:500; padding:30px 0 30px 0 !important; font-size:0; text-align:left; } .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:28px; font-weight:700; color:black; line-height:1.4; letter-spacing:-0.05em;} .default_v_info .bbs_wrt_info { margin-bottom:10px; font-family:'Pretendard';} .default_v_info .bbs_wrt_info dt { } .default_v_info .bbs_wrt_info dd { display:inline-block; padding-bottom:10px; } .default_v_info .bbs_wrt_info dd .tit { display:inline-block; color:#777; margin:0 10px 0 0; font-weight:500; font-size:15px; } .default_v_info .bbs_wrt_info dd .cnt { display:inline-block; margin:0 30px 0 0; padding-bottom:10px; color:#888; font-weight:500; font-size:15px; } @media screen and (max-width: 1260px){ .view_bbs_title_box {padding:25px 0 25px 0 !important;} .view_bbs_title_box .vbtb_cate {font-size:22px;} .view_bbs_title_box .vbtb_btt {font-size:25px;} } @media screen and (max-width: 900px){ .view_bbs_title_box {padding:20px 0 20px 0 !important;} .view_bbs_title_box .vbtb_cate {font-size:18px;} .view_bbs_title_box .vbtb_btt {font-size:22px;} } @media screen and (max-width: 650px){ .view_bbs_title_box { padding:15px 0 25px 0 !important; text-align:left; } .view_bbs_title_box .vbtb_cate {font-size:15px;} .view_bbs_title_box .vbtb_btt {font-size:18px; } .default_v_info .bbs_wrt_info { margin-bottom:10px;} .default_v_info .bbs_wrt_info dd { padding-bottom:0px; } .default_v_info .bbs_wrt_info dd .tit { margin:0 10px 0 0; font-size:12px; } .default_v_info .bbs_wrt_info dd .cnt { margin:0 20px 0 0; font-size:12px; } } /* 게시물 상세보기 전시안내스타일 */ .gallery_view {float:left; width:100%; background:#ffffff; border-bottom:1px solid #eeeeee;} .gallery_view .spv_pos {display:inline-block; width:100%; 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:'Pretendard', 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:100%; 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:Pretendard, 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:100%; 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:Pretendard, 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: Pretendard, 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: Pretendard, 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:var(--main-color); padding:30px;} .share_layer_box .mb_hdx h2 {display:inline-block; width:100%; font-family:Pretendard, 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); padding-top:10px; } .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:var(--main-color); 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:150px;} .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%; 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:100%; 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:Pretendard, 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:100%; 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:Pretendard, 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:100%; 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:Pretendard, 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:100%; 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:Pretendard, 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 { width:100%; padding:30px 0 0 0px; text-align:left; font-size:14px;} .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:Pretendard, 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:Pretendard, 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 { 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;} .board-list-view { padding:50px 0 20px 0; border-top:1px solid rgba(0,0,0,0.1); font-family:'Pretendard';} .board-list-view ul { position:relative; display:flex; justify-content:space-between; align-items:center; text-align:center; } .board-list-view li span { display:block; position:relative; margin-bottom:10px; font-size:20px; color:#262524; font-weight:700; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .board-list-view li p { font-size:16px; color:#666; } .board-list-view li.prev { width:30%; text-align:left; } .board-list-view li.prev span i { opacity:0; position:absolute; left:0; top:3%; margin-top:0; width:30px; height:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .board-list-view li.next { width:30%; text-align:right; } .board-list-view li.next span i { opacity:0; position:absolute; right:0; top:3%; margin-top:0; width:30px; height:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .board-list-view li.prev a:hover span { padding-left:30px; } .board-list-view li.prev a:hover span i { opacity:1; } .board-list-view li.next a:hover span { padding-right:30px; } .board-list-view li.next a:hover span i { opacity:1; } .board-list-view li.mid { display:flex; width:20%; justify-content:center; align-items:center; } .board-list-view li.mid a i { border:1px solid #f8f8f8; background:#f8f8f8; border-radius:100px; width:100px; height:50px; color:#212121; font-size:30px; line-height:155%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .board-list-view li.mid a:hover i { background-color:#000; color:#fff; } .board-view-space { padding:40px 0; text-align:center; } @media screen and (max-width : 1360px){ .board-list-view { padding:40px 0 20px 0; } .board-list-view li span { margin-bottom:10px; font-size:20px; } .board-list-view li p { font-size:16px; } .board-list-view li.prev { width:40%; } .board-list-view li.prev span i { display:none; } .board-list-view li.next { width:40%; text-align:right; } .board-list-view li.next span i { display:none; } .board-list-view li.prev a:hover span { padding-left:0; } .board-list-view li.prev a:hover span i { opacity:1; } .board-list-view li.next a:hover span { padding-right:0; } .board-list-view li.next a:hover span i { opacity:1; } .board-list-view li.mid { width:20%; } .board-list-view li.mid a i { border:1px solid #f8f8f8; border-radius:100px; width:100px; height:50px; font-size:30px; line-height:155%; } .board-view-space { padding:30px 0; } } @media screen and (max-width : 900px){ .board-list-view { padding:30px 0 20px 0; } .board-list-view li span { margin-bottom:10px; font-size:18px; } .board-list-view li p { font-size:15px; } .board-list-view li.prev { width:40%; } .board-list-view li.next { width:40%; text-align:right; } .board-list-view li.mid { width:20%; } .board-list-view li.mid a i { width:70px; height:40px; font-size:25px; line-height:150%; } .board-view-space { padding:20px 0; } } @media screen and (max-width : 650px){ .board-list-view { padding:20px 0 20px 0; } .board-list-view li span { margin-bottom:0; font-size:16px; } .board-list-view li p { display:none; font-size:15px; } .board-list-view li.prev { width:40%; } .board-list-view li.next { width:40%; text-align:right; } .board-list-view li.mid { width:20%; } .board-list-view li.mid a i { width:70px; height:40px; font-size:25px; line-height:150%; } .board-view-space { padding:10px 0; } } /* 게시판리스트 상단에 특별히 텍스트를 입력하고자할때 css */ .layout_wrap_df { max-width:100%; width:100%; display:inline-block; margin:0px 0px;} /* 게시판 리스트, 글쓰기에 이용하는 아웃라인 / 위아래 여백준다 */ .board_btt {display:inline-block; border:0px solid red; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:18px; text-align:center; padding:0 0 20px 0;} .board_app_box {display:inline-block; width:100%; text-align:left; padding:0 30px 0px 10px; color:black;} .board_app_box .tt {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:18px;} .board_app_box .tt span {color:red;} .board_app_box .txt {float:left; width:100%; font-size:12px; padding-top:15px; line-height:150%; opacity:0.5; letter-spacing:-0.05em;} .board_app_box2 {display:inline-block; width:100%; text-align:left; padding:0 30px 0px 10px; color:black;} .board_app_box2 .tt {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:18px;} .board_app_box2 .tt span {color:red;} .board_app_box2 .txt {float:left; width:100%; font-size:12px; padding-top:15px; line-height:150%; opacity:0.5; letter-spacing:-0.05em;} @media screen and (max-width : 1260px){ .layout_wrap_df {width:100%; margin:0 0 0 0;} } .board_app_title { position:relative; border:0px solid red; width:100%; font-size:18px; text-align:left; padding:0 0 20px 0; line-height:160%; font-family:'Pretendard'; } .board_app_title i { position:absolute; top:3px; left:0; font-size:18px; } .board_app_title span {font-weight:700; color:var(--main-color);} @media screen and (max-width : 650px){ .board_app_title { font-size:15px; padding:0 0 0 0; } .board_app_title i { top:2px; left:0; font-size:16px; } } /* 기본검색 / top - sel off css */ .scr_df_top_sel_off { padding:20px 0; text-align:center; } .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; font-size:14px; 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 var(--board-color); background:#ffffff; font-size:14px; text-align:left; transition:all .2s;} .scr_df_top_sel_off .sbox:focus { outline:none; background-color: white !important; border:3px solid #bf1d2d !important; transition:all .2s;} .scr_df_top_sel_off .sbox::placeholder { color: rgba(0,0,0,0.4); font-size:14px;} .scr_df_top_sel_off .sr_btn { width:100%; font-size:14px; height:50px; color:white; text-align:center; background-color:var(--board-color); border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 기본검색 / top - sel off css */ @media screen and (max-width: 1260px){ .scr_df_top_sel_off { padding:15px 0; } .scr_df_top_sel_off .frm { width:300px; } } @media screen and (max-width: 900px){ .scr_df_top_sel_off {padding:10px 0;} .scr_df_top_sel_off .s_pos select {height:40px;} .scr_df_top_sel_off .all {width:90px;} .scr_df_top_sel_off .frm {width:250px; } .scr_df_top_sel_off .btn_ar {width:80px;} .scr_df_top_sel_off .btn_all {height:40px;font-size:13px;} .scr_df_top_sel_off .sbox {height:40px;font-size:13px; text-align:left; transition:all .2s;} .scr_df_top_sel_off .sr_btn {height:40px;font-size:13px;} } @media screen and (max-width: 650px){ .scr_df_top_sel_off {padding:10px 0;} .scr_df_top_sel_off .s_pos {width:100%;} .scr_df_top_sel_off .all {width:60px; padding-right:3px;} .scr_df_top_sel_off .sel {width:80px; padding:0 3px 0 0;} .scr_df_top_sel_off .frm {width:calc(100% - 100px); } .scr_df_top_sel_off .btn_ar {width:40px;} .scr_df_top_sel_off .btn_all {font-size:12px; letter-spacing:-0.05em;} .scr_df_top_sel_off .sbox {font-size:12px; text-align:left; transition:all .2s; padding:0 10px;} .scr_df_top_sel_off .sr_btn {font-size:12px;} } /* 기본게시판 FAQ 레이아웃 css */ .faq_li_box { width:100%; padding:20px 0px; } /* 기본게시판 FAQ 레이아웃 css */ @media screen and (max-width: 1260px){ .faq_li_box { padding:15px 0px; } } @media screen and (max-width: 900px){ .faq_li_box { padding:10px 0; } } @media screen and (max-width: 650px){ .faq_li_box { padding:5px 0; } .faq_li_box .scr_default {padding:15px 15px 0 15px !important;} } /* 게시판 상단 특별히 텍스트 넣을경우 사용 / FAQ 같은 */ .faq_li_box { width:100%; padding:20px 0px; } .spc_exp_box { width:100%; letter-spacing:-0.025em; } .spc_exp_box .exp_dtl { display:inline-block; width:100%; padding:0 0 20px 0px; font-family:Pretendard, sans-serif;} .spc_exp_box .exp_dtl .exp_btit { width:100%; font-weight:500; padding:0 0 13px 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 { width:100%; font-weight:500; font-size:15px; text-align:left; line-height:140%; color:rgba(0,0,0,0.5);} /* 게시판 상단 특별히 텍스트 넣을경우 사용 / FAQ 같은 */ @media screen and (max-width: 1260px){ .faq_li_box { padding:15px 0px; } .spc_exp_box .exp_dtl { padding:0 0 20px 0px; } .spc_exp_box .exp_dtl .exp_btit { padding:0 0 8px 0px; font-size:25px; } .spc_exp_box .exp_dtl .exp_btit span { font-size:18px; margin-left:10px;} .spc_exp_box .exp_dtl .exp_ltxt { font-size:15px; } } @media screen and (max-width: 900px){ .faq_li_box { padding:10px 0px; } .spc_exp_box .exp_dtl { padding:0 0 20px 0px; } .spc_exp_box .exp_dtl .exp_btit { padding:0 0 5px 0px; font-size:22px; } .spc_exp_box .exp_dtl .exp_btit span { font-size:17px; margin-left:10px;} .spc_exp_box .exp_dtl .exp_ltxt { font-size:15px; } } @media screen and (max-width: 650px){ .faq_li_box { padding:5px 0px; } .spc_exp_box .exp_dtl { padding:0 0 20px 0px; } .spc_exp_box .exp_dtl .exp_btit { padding:0 0 5px 0px; font-size:20px; } .spc_exp_box .exp_dtl .exp_btit span { font-size:15px; margin-left:10px;} .spc_exp_box .exp_dtl .exp_ltxt { font-size:13px; } } /* 기본게시판 FAQ 기본 css */ .faq_thumb { width:100%; font-size:0; text-align:left; border-top:2px solid #565656; } .faq_thumb .faq_list { display:inline-block; width:100%; padding:25px 0; border-bottom:1px solid #eeeeee; font-family:Pretendard, sans-serif; transition:all .2s; } .faq_thumb .faq_list:hover {background:#fafafa; transition:all .2s;} .faq_thumb .faq_list .no { display:inline-block; width:60px; text-align:center; vertical-align:top; } .faq_thumb .faq_list .subj { display:inline-block; font-size:16px; font-weight:400; width:calc(100% - 130px); line-height:130%; vertical-align:top; /* text-overflow: ellipsis; white-space: nowrap; overflow:hidden; */} .faq_thumb .faq_list .subj a { color:black; transition:all .2s;} .faq_thumb .faq_list .subj a:hover {color:var(--board-color);transition:all .2s;} .faq_thumb .faq_list .view_icon { display:inline-block; font-size:20px; width:70px; color:rgba(0,0,0,0.2); text-align:center; transition:all .2s; vertical-align:top; } .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; padding-top:5px; } .faq_thumb .faq_list .spno input { margin-top:5px; } /* 기본게시판 FAQ 기본 css */ @media screen and (max-width: 1260px){ .faq_thumb .faq_list { padding:25px 0; } .faq_thumb .faq_list .no { width:60px; } .faq_thumb .faq_list .subj { font-size:15px; width:calc(100% - 130px); } .faq_thumb .faq_list .view_icon { font-size:20px; width:70px; } .faq_thumb .faq_list .spno { padding-top:4px; } .faq_thumb .faq_list .spno input { margin-top:5px; } } @media screen and (max-width: 900px){ .faq_thumb .faq_list { padding:20px 0; } .faq_thumb .faq_list .no { width:50px; } .faq_thumb .faq_list .subj { font-size:15px; width:calc(100% - 110px); } .faq_thumb .faq_list .view_icon { font-size:20px; width:60px; } .faq_thumb .faq_list .spno { padding-top:4px; } .faq_thumb .faq_list .spno input { margin-top:5px; } } @media screen and (max-width: 650px){ .faq_thumb .faq_list { padding:15px 0; } .faq_thumb .faq_list .no { width:40px; } .faq_thumb .faq_list .subj { font-size:15px; width:calc(100% - 90px); } .faq_thumb .faq_list .view_icon { font-size:15px; width:50px; } .faq_thumb .faq_list .spno { padding-top:3px; } .faq_thumb .faq_list .spno input { margin-top:5px; } } /* ============================ 상세보기 ============================ */ /* 게시물 상세보기 FAQ 타이틀 */ .view_bbs_title_faq { width:100%; border-bottom:2px solid #565656; font-family:Pretendard, sans-serif; font-weight:500; padding:30px 0 70px 0; font-size:0; text-align:center;} .view_bbs_title_faq .q_box { display:inline-block; font-size:25px; color:#aa0000; padding-right:10px; font-weight:900; } .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.025em;} /* 게시물 상세보기 FAQ 타이틀 */ @media screen and (max-width: 1260px){ .view_bbs_title_faq {padding:25px 0 50px 0;} .view_bbs_title_faq .q_box {font-size:22px;} .view_bbs_title_faq .vbtb_cate {font-size:22px;} .view_bbs_title_faq .vbtb_btt {font-size:22px;} } @media screen and (max-width: 900px){ .view_bbs_title_faq {padding:20px 0 50px 0;} .view_bbs_title_faq .q_box {font-size:18px;} .view_bbs_title_faq .vbtb_cate {font-size:18px;} .view_bbs_title_faq .vbtb_btt {font-size:18px;} } @media screen and (max-width: 650px){ .view_bbs_title_faq {padding:0px 0px 30px 0px; } .view_bbs_title_faq .q_box {font-size:15px;} .view_bbs_title_faq .vbtb_cate {font-size:15px;} .view_bbs_title_faq .vbtb_btt {font-size:15px;} } /* 글쓰기 기본 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:Pretendard, 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;} } /* 언론게시판 목록 css */ .rcv_ctg_bd { width:100%; border-top:1px solid #414141; font-family:'Pretendard'; } .rcv_ctg_bd .k_box { width:100%; color:#000; text-align:center; padding:0; } .rcv_ctg_bd .k_box .b_con { width:100%; border-bottom:1px solid #eaeaea; padding:35px 0 35px 0; background:#fff; transition:all .2s; } .rcv_ctg_bd .k_box .b_con:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .rcv_ctg_bd .k_box .b_con:hover {background:#eaeaea; transition:all .2s;} .rcv_ctg_bd .k_box .b_con .bc_no { float:left; width:70px; padding-top:5px; text-align:center; font-family:tahoma; font-size:11px; color:rgba(0,0,0,0.8); } .rcv_ctg_bd .k_box .b_con .bc_titl { float:left; width:calc(100% - 300px); padding:0 20px 0 0; color:#212121; font-size:19px; color:#000; text-align:left; line-height:120%; } .rcv_ctg_bd .k_box .b_con .bc_pres { float:left; width:120px; font-size:15px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .rcv_ctg_bd .k_box .b_con .bc_wdat { float:left; width:100px; font-family:tahoma; font-size:13px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } @media screen and (max-width: 1260px){ .rcv_ctg_bd .k_box .b_con { padding:25px 0; } .rcv_ctg_bd .k_box .b_con .bc_no { width:70px; padding-top:5px; } .rcv_ctg_bd .k_box .b_con .bc_titl { width:calc(100% - 300px); padding:0 20px 0 0; font-size:17px; } .rcv_ctg_bd .k_box .b_con .bc_pres { width:120px; font-size:15px; } .rcv_ctg_bd .k_box .b_con .bc_wdat { width:100px; font-size:13px; text-align:center; } } @media screen and (max-width: 900px){ .rcv_ctg_bd .k_box .b_con { padding:20px 0; } .rcv_ctg_bd .k_box .b_con .bc_no { width:70px; padding-top:5px; } .rcv_ctg_bd .k_box .b_con .bc_titl { width:calc(100% - 300px); padding:0 20px 0 0; font-size:16px; } .rcv_ctg_bd .k_box .b_con .bc_pres { width:120px; font-size:14px; } .rcv_ctg_bd .k_box .b_con .bc_wdat { width:100px; font-size:12px; text-align:center; } } @media screen and (max-width: 650px){ .rcv_ctg_bd .k_box .b_con { padding:15px 0; } .rcv_ctg_bd .k_box .b_con .bc_no { width:60px; padding-top:5px; } .rcv_ctg_bd .k_box .b_con .bc_titl { width:calc(100% - 60px); padding:0 0 0 0; font-size:15px; } .rcv_ctg_bd .k_box .b_con .bc_pres { width:auto; font-size:13px; padding-left:60px; margin-top:20px; } .rcv_ctg_bd .k_box .b_con .bc_wdat { width:auto; font-size:12px; text-align:left; padding-left:30px; margin-top:20px; } }