/* 팝업 디자인 스타일 시작 */ #pop_table{width:410px;} #pop_table td{font:0.8em verdana sans-serif;padding:5px;} #pop_table .cell_top_margin{} #pop_table .cell_foot_margin{} #pop_table .cell_titlebar{height:32px;color:#F30;font-weight:bold;} #pop_table .cell_ment{color:#AAA;} #pop_table .cell_password{font:0.65em verdana sans-serif;} #pop_table .cell_textarea{} #pop_table .cell_btn{text-align:center} #pop_table .input_password{width:120px;border:1px solid #EEE;} #pop_table .input_textarea{width:100%;overflow:auto;border:1px solid #EEE;} /* 팝업 디자인 스타일 끝 */ /* 공통 스타일 시작 */ a:link, a:visited {text-decoration:none;} a:hover, a:active {text-decoration:none;} /* 글목록 */ #container_list{width:100%;} #container_list #cafe_bbs_list_table{width:100%;} #container_list #cafe_bbs_list_table .list_cell_titles{height:40px; border-top:#808080 2px solid; border-bottom:#dadada 1px solid; background:#f3f3f3;} #container_list #cafe_bbs_list_table .list_cell_items {width:1400px; display:flex; justify-content: flex-start; flex-wrap: wrap; gap:1%;} /* 글목록 - titleWrap */ #container_list #cafe_blt_titleWrap{width:100%;} #container_list #cafe_blt_titleWrap td{padding:10px 0; text-align:center; font-family: 'Nanum Gothic'; font-size:13px; font-weight:bold; color:#555555; background:url(/resource/skins/sunshine/list_titleLine.gif) 0 20px no-repeat;} #container_list #cafe_blt_titleWrap .titleWrap_cell_admin{width:50px; background:none;} #container_list #cafe_blt_titleWrap .titleWrap_group1{width:60px;} #container_list #cafe_blt_titleWrap .titleWrap_group2{width:*;} #container_list #cafe_blt_titleWrap .titleWrap_group3{width:100px;} #container_list #cafe_blt_titleWrap .titleWrap_group4{width:120px;} #container_list #cafe_blt_titleWrap .titleWrap_group5{width:60px;} #container_list #cafe_blt_titleWrap .titleWrap_group6{width:60px;} /* 글목록 - 코멘트 갯수 표시 */ #container_list .char_cmt_num{color:#F30;font:0.8em verdana sans-serif;padding:2px 0 2px 15px;background:url(/resource/skins/sunshine/icon_cmt.gif) no-repeat 1% 50%;} /* 글목록 - new 문자 표시 */ #container_list .char_new{color:#F30; font-family: 'Nanum Gothic'; font-size:11px;} /* 글목록 - hit 문자 표시 */ #container_list .char_hit{color:#F30;} /* 글목록 - image 문자 표시 */ #container_list .char_image{color:#F30;} /* 글목록 마우스 오버시 */ #container_list .trover{background-color:#fafafa;} /* 글목록 - Paging Line */ #container_list #paing_table{width:100%; margin-top:10px;} #container_list #paing_table tr{height:27px} #container_list #paing_table tr .ept_btn_cell{width:5%; text-align:right;} #container_list #paing_table tr .ept_link_cell{width:95%; text-align:center; font-family: 'Nanum Gothic'; line-height:11px;} #container_list #paing_table tr .ept_link_cell a {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#ccc 1px solid;} #container_list #paing_table tr .ept_link_cell a:hover {border:#5a5a5a 1px solid; background:#707070; color:#fff;} #container_list #paing_table tr .ept_link_cell b {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#5a5a5a 1px solid; background:#707070; color:#fff; font-weight:normal;} /* 글목록 - Search Line */ #container_list #ext_search{margin-top:10px; padding:10px 0; border:#ddd 1px solid; background:#f9f9f9;} #container_list #ext_search #search_table{width:300px; margin:0 auto;} #container_list #ext_search #search_table .est_btn_cell{width:70px;} #container_list #ext_search #search_table .est_keyword_cell{width:175px; padding:0 10px 0 10px;} #container_list #ext_search #search_table .est_keyword_cell input {width:99%;} #container_list #ext_search #search_table .est_cate_cell{width:35px;} #container_list #ext_search #search_table .keywordform{} #container_list #ext_search #search_table .dateform{} /* 글목록 - Category Line - 셀렉트형 */ #container_list #category_sel{height:30px;} /* 글목록 - Category Line - 메뉴형*/ #container_list #category_navi{height:30px;text-indent:12px;overflow:visible;} #container_list #category_navi div{float:left;cursor:pointer;padding:7px;} #container_list #category_navi .selected{font-weight:bold;color:#F30;background:url(/resource/skins/sunshine/icon_arrow.gif) no-repeat 2% 40%} /* 글목록 - Admin Line */ #container_list #ext_admin{margin-top:10px; padding-bottom:10px; border-bottom:#ddd 1px solid;} #container_list #ext_admin #admin_table{width:100%;} #container_list #ext_admin #admin_table .item_content{padding:5px;} #container_list #ext_admin #admin_table .btn_del{} #container_list #ext_admin #admin_table .btn_move{} #container_list #ext_admin #admin_table .btn_copy{} /* 글목록 - informationValue(작성자,작성일 등) */ #container_list .infor_table{width:100%;} #container_list .infor_table .item_left{} #container_list .infor_table .item_right{} #container_list .infor_table .inline{font:0.85em tahoma sans-serif;} /* 글목록 - 리스트형 */ #container_list .general_item_table{width:100%;} #container_list .general_item_table tr{height:35px;} #container_list .general_item_table td{padding:8px 0; text-align:center; font-family: 'Nanum Gothic'; border-bottom:#ddd 1px solid;} #container_list .general_item_table .item_cell_admin{width:50px;} #container_list .general_item_table .item_cell_subject{text-align:left} #container_list .general_item_table .item_group1{width:60px;} #container_list .general_item_table .item_group2{width:*;} #container_list .general_item_table .item_group3{width:100px} #container_list .general_item_table .item_group4{width:120px;} #container_list .general_item_table .item_group5{width:60px;} #container_list .general_item_table .item_group6{width:60px;} /* 리스트형 - 짝수줄 */ #container_list .general_item_table .item-line-0{background-color:#FFF;} /* 리스트형 - 홀수줄 */ #container_list .general_item_table .item-line-1{background-color:#FFF;} /* 글목록 - FAQ형 */ #container_list .faq_item_table{width:100%} #container_list .faq_item_table td{padding:5px;} #container_list .faq_item_table .item_cell_admin{width:5%;text-align:center;} #container_list .faq_item_table .item_cell_cate{width:10%;text-align:center;border-right:1px solid #EEE;} #container_list .faq_item_table .item_cell_subject{width:85%;} /* FAQ형 - 짝수줄 */ #container_list .faq_item_table .item-line-0{background-color: #F6F6F6;} /* FAQ형 - 홀수줄 */ #container_list .faq_item_table .item-line-1{background-color: #FFF;} /* 글목록 - 요약형 */ #container_list .summ_item_table{width:100%;} #container_list .summ_item_table .item_cell_subject{padding:5px;} #container_list .summ_item_table .item_cell_content{padding:5px;color:#AAA;font:0.7em verdana sans-serif;} #container_list .summ_item_table .item_cell_infor{padding:5px;text-align:right;} /* 요약형 - 짝수줄 */ #container_list .summ_item_table.item-line-0{background-color:#F6F6F6;} /* 요약형 - 홀수줄 */ #container_list .summ_item_table.item-line-1{background-color:#FFF;} /* 글목록 - 요약형 split line */ #container_list .summ_item_table_split{width:100%} #container_list .summ_item_table_split tr{height:1px;overflow:hidden;} #container_list .summ_item_table_split .cell_left{width:1%;} #container_list .summ_item_table_split .cell_center{width:98%;background-color:#EEE;} #container_list .summ_item_table_split .cell_right{width:1%;} /* 글목록 - 웹진형 */ #container_list .web_item_table{width:100%;} #container_list .web_item_table td{padding:5px;} #container_list .web_item_table .item_cell_media{width:20%;text-align:center;} #container_list .web_item_table .item_cell_main{width:80%;} #container_list .web_item_table .wit_item_table{width:100%;} #container_list .web_item_table .wit_item_table td{padding:5px;} #container_list .web_item_table .wit_item_table .item_cell_subject{} #container_list .web_item_table .wit_item_table .item_cell_content{color:#AAA;font:0.7em verdana sans-serif;} #container_list .web_item_table .wit_item_table .item_cell_infor{text-align:right;} /* 웹진형 - 짝수줄 */ #container_list .web_item_table.item-line-0{background-color:#F6F6F6;} /* 웹진형 - 홀수줄 */ #container_list .web_item_table.item-line-1{background-color:#FFF;} /* 글목록 - 웹진형 split line */ #container_list .web_item_table_split{width:100%} #container_list .web_item_table_split tr{height:1px;overflow:hidden;} #container_list .web_item_table_split .cell_left{width:1%;} #container_list .web_item_table_split .cell_center{width:98%;background-color:#EEE;} #container_list .web_item_table_split .cell_right{width:1%;} /* 글목록 - 갤러리형 */ #container_list .gallery_item_table {flex:0 0 calc(25% - 3%); width:25%; display: flex; justify-content: space-between; margin-bottom:3em;} #container_list .gallery_item_table .item_cell_top_margin{height:5px;} #container_list .gallery_item_table .item_cell_foot_margin{height:5px;} #container_list .gallery_item_table .item_cell_media{text-align:center;width:100%; } #container_list .gallery_item_table .item_cell_media img {width:100%; height:100%; padding:0px;} #container_list .gallery_item_table .item_cell_subject{ text-align:center; padding:10px 5px 5px 5px; font-family: 'Noto Sans KR'; font-size:1.5rem; color:#555555; word-wrap: break-word;} #container_list .gallery_item_table .item_cell_infor{} #container_list .gallery_item_table .item_cell_infor .infor_table{width:100%} #container_list .gallery_item_table .item_cell_infor .infor_table .item_left{width:50%;font:0.7em verdana sans-serif;text-align:right;padding-right:3px;} #container_list .gallery_item_table .item_cell_infor .infor_table .item_right{width:50%;font:0.7em verdana sans-serif;color:#AAA;} /* 글목록 - 갤러리형 반응형 */ @media screen and (max-width:1440px){ #container_list #cafe_bbs_list_table .list_cell_items {width:100%; gap:4%;} #container_list .gallery_item_table {flex:0 0 20%; width:20%; } } @media screen and (max-width:1280px){ #container_list #cafe_bbs_list_table .list_cell_items {width:100%;gap:2%;} #container_list .gallery_item_table {flex:0 0 30%; width:30%;} } @media screen and (max-width:768px){ #container_list #cafe_bbs_list_table .list_cell_items {width:100%;gap:6%;} #container_list .gallery_item_table {flex:0 0 45%; width:45%;} } @media screen and (max-width:480px){ #container_list #cafe_bbs_list_table .list_cell_items {width:100%; gap:0; justify-content:space-around;} #container_list .gallery_item_table {flex:0 0 80%; width:100%; margin-bottom:4em !important; } } /* 글목록 - 갤러리형 split line */ #container_list .gallery_item_table_split{width:100%; display:none;} #container_list .gallery_item_table_split tr{height:1px;overflow:hidden;} #container_list .gallery_item_table_split .cell_center{width:100%;background-color:#fff; height:2.2em;} /* 글보기 */ #container_view{width:100%;} #container_view #cafe_bbs_view_table{width:100%;} #container_view #cafe_bbs_view_table .view_cell_main{border:1px solid #ddd;} #container_view #cafe_bbs_view_table .view_cell_rate{} #container_view #cafe_bbs_view_table .view_cell_comm_action{} #container_view #cafe_bbs_view_table .view_cell_comm{} #container_view #cafe_bbs_view_table .view_cell_comm_list{} #container_view #cafe_bbs_view_table #view_main_table img {width:100%;} /* 글보기 - 메인 */ #container_view #cafe_bbs_view_table #view_main_table{width:100%;} #container_view #cafe_bbs_view_table #view_main_table .item_cell_subject{width:15%; height:30px; padding-right:15px; text-align:right; font-family: 'Nanum Gothic'; color:#555; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;} #container_view #cafe_bbs_view_table #view_main_table .item_cell_value{width:85%; padding-left:15px; font-family: 'Nanum Gothic'; border-bottom:1px solid #ddd;} #container_view #cafe_bbs_view_table #view_main_table .item_cell_content{padding:15px; font-family: 'Nanum Gothic'; border-bottom:1px solid #ddd;} /* 글보기 - 투표 */ #container_view #cafe_bbs_view_table #view_rate_table{width:100%} #container_view #cafe_bbs_view_table #view_rate_table .rate_theme{height:28px;text-indent:17px;font-weight:bold;border-top:1px solid #EEE;background:url(/resource/skins/sunshine/icon_square.gif) no-repeat 5px 40%;} #container_view #cafe_bbs_view_table #view_rate_table .rate_instance{} #container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_star{text-align:center;padding:5px;} #container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_item{} #container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_btn{padding:5px;text-align:right;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table{width:100%} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table td{padding:3px;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_exam{text-align:right;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_graph{width:80%;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_num{width:10%;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_foot{padding:5px;text-align:right;border-top:1px solid #EEE;border-bottom:1px solid #EEE;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .rate_graph{height:12px;background-color:#F30;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_rate{color:#AAA;} #container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_total{color:#F30;font-weight:bold;} /* 글보기 - 코멘트 글쓰기 */ #container_view #cafe_bbs_view_table #view_comm_table{width:100%} #container_view #cafe_bbs_view_table #view_comm_table td{padding:6px;background-color:#F6F6F6;font:0.65em verdana sans-serif;} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_top_margin{height:5px;} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_foot_margin{height:5px;} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_subject{width:10%;} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_value{width:90%;} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_content{} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_char{} #container_view #cafe_bbs_view_table #view_comm_table .item_cell_btn{text-align:center} #container_view #cafe_bbs_view_table #view_comm_table .input_name{} #container_view #cafe_bbs_view_table #view_comm_table .input_pass{} #container_view #cafe_bbs_view_table #view_comm_table .input_textarea{width:100%;overflow:auto} #container_view #cafe_bbs_view_table #view_comm_table .input_char{font:0.9em verdana sans-serif !important;} /* 글보기 - 코멘트 리스트 */ #container_view #cafe_bbs_view_table .view_comm_list_table{width:100%} #container_view #cafe_bbs_view_table .view_comm_list_table td{padding:6px;background-color:#F6F6F6;} #container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_top_margin{height:5px} #container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_foot_margin{height:5px} #container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_subject{height:30px;} #container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_content{} #container_view #cafe_bbs_view_table .view_comm_list_table .cmt_name_area{font-weight:bold;} #container_view #cafe_bbs_view_table .view_comm_list_table .cmt_date_area{font:0.8em verdana sans-serif;} #container_view #cafe_bbs_view_table .view_comm_list_table .cmt_btn_area{} /* 글보기 - 코멘트 리스트 split line */ #container_view #cafe_bbs_view_table .view_comm_list_table_split{width:100%} #container_view #cafe_bbs_view_table .view_comm_list_table_split tr{height:1px;overflow:hidden;} #container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_left{width:1%;} #container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_center{width:98%;background-color:#EEE;} #container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_right{width:1%;} /* 글보기 - 버튼 영역 */ #container_view #cafe_bbs_view_table #view_btn_table{width:100%} #container_view #cafe_bbs_view_table #view_btn_table td{padding:10px 0 10px 0;} #container_view #cafe_bbs_view_table #view_btn_table .left_area{width:40%;} #container_view #cafe_bbs_view_table #view_btn_table .right_area{width:60%;text-align:right;} /* 글쓰기 */ #container_write{width:100%;} #container_write #cafe_bbs_write_table{width:100%;} #container_write #cafe_bbs_write_table .write_cell_main{} #container_write #cafe_bbs_write_table .write_cell_btn{} /* 글쓰기 - 메인 */ #container_write #cafe_bbs_write_table #write_main_table{width:100%; border:1px solid #ddd;} #container_write #cafe_bbs_write_table #write_main_table .item_cell_subject{width:15%; height:30px; padding-right:15px; text-align:right; font-family: 'Nanum Gothic'; color:#555; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;} #container_write #cafe_bbs_write_table #write_main_table .item_cell_value{width:85%; padding-left:15px; font-family: 'Nanum Gothic'; border-bottom:1px solid #ddd;} #container_write #cafe_bbs_write_table #write_main_table .item_cell_content{padding:15px; font-family: 'Nanum Gothic'; border-bottom:1px solid #ddd} #container_write #cafe_bbs_write_table #write_main_table .input_form{width:90%;} #container_wrtie #cafe_bbs_write_table #write_main_table .input_colorpick{} #container_write #cafe_bbs_write_table #write_main_table .input_textarea{} /* 글쓰기 - 버튼 영역 */ #container_write #cafe_bbs_write_table #write_btn_table{width:100%;} #container_write #cafe_bbs_write_table #write_btn_table tr{height:35px;} #container_write #cafe_bbs_write_table #write_btn_table .left_area{width:80%;} #container_write #cafe_bbs_write_table #write_btn_table .right_area{width:20%; text-align:right;} /* 현재 선택한 글 */ #container_list .curr_article{background-color:#FFFFFF !important;} /* ETC */ .clear{clear:both;height:0;overflow:hidden;display:none !important; position:absolute; top:-99999px; left:-99999px; width:0; height:0;} .public_input{border:1px solid #DDD;} .public_btn{border:1px solid #EEE;background-color:#FFF;} .split_line{height:1px;background-color:#EEE;overflow:hidden;} #container_list form, #container_view form, #container_write form{margin:0;padding:0;} #container_list select, #container_view select, #container_write select{font:0.9em verdana sans-serif;color:#FFF;background-color:#555;}