/* 리스트항목선택 체크박스 보이게 */ .chk-admin-sel { width: auto !important; height: auto !important; -webkit-appearance: checkbox !important; appearance: checkbox !important;} .layout_wrap_full1 {float:left; width:100%; background:#ffffff;} .layout_wrap_full2 {float:left; width:100%; background:#fafafa;} .layout_wrap_df {width:1260px; display:inline-block; margin:0 0 70px 0px;} /* 게시판 리스트, 글쓰기에 이용하는 아웃라인 / 위아래 여백준다 */ .layout_wrap_df_v {width:1260px; display:inline-block; margin:0 0 70px 0px;} /* 글내용보기에 쓰이는 아웃라인 / 리스트와 동일하지만 모바일에서는 위아래 여백을 없애버린다. */ .layout_wrap_df_sp {width:1260px; display:inline-block; margin:70px 0px;} .layout_wrap_df1 {max-width:1260px; width:100%; display:inline-block; margin:50px 0px;} .layout_wrap_pro {max-width:1260px; width:100%; display:inline-block; margin:100px 0px;} .layout_wrap_thum {max-width:1260px; width:100%; display:inline-block; margin:0 0 50px 0px;} /* ###################################################################### 게시판_기본스킨 css ######################################################################### */ /* 게시판_기본_리스트 css */ .bbs_list {display:inline-block; width:100%; border:1px solid #e2e2e2; border-width:1px 0px 0px 0px; background:white;} .bbs_list a {color:black;} .bbs_list .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-size:13px;} .bbs_list .set .no {float:left; width:110px; text-align:center; } .bbs_list .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 460px);} .bbs_list .set .b_set {float:right; text-align:center;} .bbs_list .set .b_set .name {float:left; width:150px;} .bbs_list .set .b_set .hit {float:left; width:100px;} .bbs_list .set .b_set .date {float:left; width:100px;} .bbs_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .bbs_list .content:hover {background:#fff6e8;} .bbs_list .content .no {float:left; width:110px; text-align:center; } .bbs_list .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 460px); } .bbs_list .content .b_set {float:right; text-align:center;} .bbs_list .content .b_set .name {float:left; width:150px;} .bbs_list .content .b_set .hit {float:left; width:100px;} .bbs_list .content .b_set .date {float:left; width:100px;} /* 게시판_기본_내용보기 css */ .bbs_view {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #eeeeee;} .bbs_view .top {float:left; width:100%; border-bottom:1px solid #eeeeee;} .bbs_view .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; border-bottom:1px solid #eeeeee;} .bbs_view .top .cate {color:#1e79af; margin-right:10px;} .bbs_view .top .ad_move {margin-left:10px;} .bbs_view .top .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} .bbs_view .set {display:inline-block; text-align:center; font-size:12px; background:#fafafa; width:100%; } .bbs_view .set .info {display:inline-block; line-height:110%; padding:20px 20px 15px 20px;} .bbs_view .set .info .tt {float:left; width:auto; color:#7b7b7b; } .bbs_view .set .info .con {float:left; width:auto; padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .bbs_view .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs_view .content {width:100%; padding:20px;} .bbs_view .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_view .content .txt {text-align:left; max-width:1000px; width:100%; display:inline-block; font-size:13px; line-height:160%; color:#3f3f3f; padding:30px 0;} /* //////////////////////////////////// 글쓰기 css //////////////////////////////////// */ .bbs_write {display:inline-block; width:100%; border:1px solid #eeeeee; background:#fafafa; padding:30px;} .bbs_write .set {float:left; width:100%; padding:3px 0px; } .bbs_write .set .tit {float:left; width:100px; padding:10px 0px 5px 10px; text-align:left; font-size:12px;} .bbs_write .set .con {float:left; width:calc(100% - 100px); } .bbs_write .set .frm {width:100%; height:35px; text-align:left; border:1px solid #b0b0b0; padding-left:10px; font-size:15px; color:#0d5e8e;} .bbs_write .txar {width:100%; height:350px; text-align:left; border:1px solid #b0b0b0; padding:10px; font-size:15px; color:#0d5e8e;} .bbs_write .edit_c {float:left; width:100%; text-align:center;} /* ###################################################################### 게시판_기본스킨 끝 css ######################################################################### */ /* 게시판_program_리스트 css */ .prog_list {display:inline-block; width:100%; border:1px solid #e2e2e2; border-width:1px 0px 0px 0px; background:white;} .prog_list a {color:black;} .prog_list .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-size:13px;} .prog_list .set .no {float:left; width:110px; text-align:center; } .prog_list .set .stat {float:left; width:110px; text-align:left; } .prog_list .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 570px);} .prog_list .set .b_set {float:right; text-align:center;} .prog_list .set .b_set .name {float:left; width:150px;} .prog_list .set .b_set .hit {float:left; width:100px;} .prog_list .set .b_set .date {float:left; width:100px;} .prog_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .prog_list .content:hover {background:#fff6f1;} .prog_list .content .no {float:left; width:110px; text-align:center; } .prog_list .content .stat {float:left; width:110px; text-align:left; } .prog_list .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 570px); } .prog_list .content .b_set {float:right; text-align:center;} .prog_list .content .b_set .name {float:left; width:150px;} .prog_list .content .b_set .hit {float:left; width:100px;} .prog_list .content .b_set .date {float:left; width:100px;} /* 게시판_faq_리스트 css */ .faq_list {display:inline-block; width:100%; border:1px solid #eeeeee; border-width:1px 0px 0px 0px; background:white;} .faq_list a {color:black;} .faq_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .faq_list .content:hover {background:#fff6f1;} .faq_list .content .no {float:left; width:110px; text-align:center; } .faq_list .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 110px); } /* ###################################################################### 게시판_기본스킨2 css ######################################################################### */ /* 게시판_기본2_리스트 css */ .bbs2_list {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white;} .bbs2_list a {color:black;} .bbs2_list .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-weight:500; font-size:13px;} .bbs2_list .set .no {float:left; width:110px; text-align:center; } .bbs2_list .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 460px);} .bbs2_list .set .b_set {float:right; text-align:center;} .bbs2_list .set .b_set .name {float:left; width:150px;} .bbs2_list .set .b_set .hit {float:left; width:100px;} .bbs2_list .set .b_set .date {float:left; width:100px;} .bbs2_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .bbs2_list .content:hover {background:#fff6f1;} .bbs2_list .content .no {float:left; width:110px; text-align:center; font-size:11px;} .bbs2_list .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 460px); font-size:12px;} .bbs2_list .content .b_set {float:right; text-align:center; font-size:11px;} .bbs2_list .content .b_set .name {float:left; width:150px;} .bbs2_list .content .b_set .hit {float:left; width:100px;} .bbs2_list .content .b_set .date {float:left; width:100px;} /* 게시판_기본2_내용보기 css */ .bbs2_view {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #dadada;} .bbs2_view .top {float:left; width:100%; border-bottom:1px solid #eeeeee;} .bbs2_view .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; border-bottom:1px solid #eeeeee;} .bbs2_view .top .cate {color:#1e79af; margin-right:10px;} .bbs2_view .top .ad_move {margin-left:10px;} .bbs2_view .top .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} .bbs2_view .set {display:inline-block; text-align:center; font-size:12px; background:#fafafa; width:100%; } .bbs2_view .set .info {display:inline-block; line-height:110%; padding:20px 20px 15px 20px;} .bbs2_view .set .info .tt {float:left; width:auto; color:#7b7b7b; } .bbs2_view .set .info .con {float:left; width:auto; padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .bbs2_view .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs2_view .content {width:100%; padding:20px;} .bbs2_view .content img {max-width:1000px; width:100%; padding:20px 0px;text-align:center; } .bbs2_view .content .txt {text-align:center; max-width:1000px; width:100%; display:inline-block; font-size:13px; line-height:160%; color:#3f3f3f; padding:30px 0;} /* //////////////////////////////////// 글쓰기2 css //////////////////////////////////// */ .bbs2_write {display:inline-block; width:100%; border:1px solid #eeeeee; background:#fafafa; padding:30px;} .bbs2_write .set {float:left; width:100%; padding:3px 0px; } .bbs2_write .set .tit {float:left; width:100px; padding:10px 0px 5px 10px; text-align:left; font-size:12px;} .bbs2_write .set .con {float:left; width:calc(100% - 100px); } .bbs2_write .set .frm {width:100%; height:35px; text-align:left; border:1px solid #b0b0b0; padding-left:10px; font-size:15px; color:#0d5e8e;} .bbs2_write .txar {width:100%; height:350px; text-align:left; border:1px solid #b0b0b0; padding:10px; font-size:15px; color:#0d5e8e;} .bbs2_write .edit_c {float:left; width:100%; text-align:center;} /* ###################################################################### 게시판_기본스킨 끝 css ######################################################################### */ /* ###################################################################### 게시판_웹진형1 / 모바일진행예정 css ######################################################################### */ /* 게시판_기본_리스트 css / 글보기, 글쓰기는 기본형을 그대로 쓴다*/ .wz_list1 {display:inline-block; width:100%; border:1px solid #223556; border-width:0px 0px 0px 0px; padding:0 5px; background:white;} .wz_list1 a {color:black;} .wz_list1 .content {float:left; width:calc(33.3333% - 10px); border:1px solid #eeeeee; margin:5px; padding:40px; font-size:13px; font-weight:normal;} .wz_list1 .content .no {float:left; width:100%; text-align:left; } .wz_list1 .content .b_set {float:left; width:100%;text-align:left; margin-top:10px;} .wz_list1 .content .b_set .title {float:left; text-align:left; width:100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:200%;letter-spacing:-0.05em; font-size:20px; } .wz_list1 .content .b_set .more {float:left; text-align:left; width:100%; display:block; padding:5px 0 20px 0; letter-spacing:0em;opacity:0.5; line-height:180%; font-size:13px;} .wz_list1 .content .b_set .set {float:left; width:100%; border:0px solid red; font-size:11px;} .wz_list1 .content .b_set .set .name {float:left; width:100%;} .wz_list1 .content .b_set .set .name span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} .wz_list1 .content .b_set .set .hit {float:left; font-family:arial; width:100%;} .wz_list1 .content .b_set .set .hit span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} .wz_list1 .content .b_set .set .date {float:left; font-family:arial; width:100%;} .wz_list1 .content .b_set .set .date span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} /* ###################################################################### 게시판_웹진형1 끝 css ######################################################################### */ /* ###################################################################### 게시판_웹진형2 / 모바일진행예정 css ######################################################################### */ /* 게시판_기본_리스트 css / 글보기, 글쓰기는 기본형을 그대로 쓴다*/ .wz_list2 {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white;} .wz_list2 a {color:black;} .wz_list2 .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:40px 0px; font-size:13px; font-weight:normal;} .wz_list2 .content .no {float:left; width:70px; text-align:center; } .wz_list2 .content .b_set {float:left; width:calc(100% - 70px);text-align:left;} .wz_list2 .content .b_set .title {float:left; text-align:left; width:100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:18px; } .wz_list2 .content .b_set .more {float:left; text-align:left; width:100%; display:block; padding:10px 0 20px 0; letter-spacing:-0.05em; opacity:0.5; line-height:180%;} .wz_list2 .content .b_set .set {float:left; width:100%; border:0px solid red; font-size:11px;} .wz_list2 .content .b_set .set .name {float:left; width:100%;} .wz_list2 .content .b_set .set .name span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} .wz_list2 .content .b_set .set .hit {float:left; font-family:arial; width:100%;} .wz_list2 .content .b_set .set .hit span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} .wz_list2 .content .b_set .set .date {float:left; font-family:arial; width:100%;} .wz_list2 .content .b_set .set .date span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} /* ###################################################################### 게시판_웹진형2 끝 css ######################################################################### */ /* ###################################################################### 게시판_웹진형3 css ######################################################################### */ /* 게시판_기본_리스트 css / 글보기, 글쓰기는 기본형을 그대로 쓴다*/ .wz_list3 {display:inline-block; width:100%; border:0px solid #eeeeee; border-width:1px 0px 0px 0px; background:white;} .wz_list3 a {color:black;} .wz_list3 .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:30px 0px; font-size:13px; font-weight:normal;} .wz_list3 .content:hover {background:#fafafa;} .wz_list3 .content .thum {float:left; width:330px; padding:0 50px 0 30px; text-align:center; } .wz_list3 .content .thum img {width:100%;} .wz_list3 .content .b_set {float:left; width:calc(100% - 330px);text-align:left; padding:25px 30px 0 0px;} .wz_list3 .content .b_set .cate {float:left; text-align:left; width:100%; font-size:15px; padding-bottom:10px; color:#000000;} .wz_list3 .content .b_set .cate span {margin-left:0px; font-weight:bold; color:#bb8b3e;} .wz_list3 .content .b_set .title {float:left; text-align:left; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:17px; } .wz_list3 .content .b_set .more {float:left; text-align:left; width:100%; padding:10px 0 20px 0; letter-spacing:-0.05em; opacity:0.5; line-height:190%; font-size:13px;} .wz_list3 .content .b_set .name {float:left; text-align:left; width:100%; padding:10px 0 20px 0; letter-spacing:-0.05em; color:#565656; line-height:180%; font-size:12px;} .wz_list3 .content .b_set .name span {margin-left:5px; font-weight:bold; color:#000000;} /* ###################################################################### 게시판_자료첨부형 css ######################################################################### */ /* 게시판_기본_리스트 css / 글보기, 글쓰기는 기본형을 그대로 쓴다*/ .data_list {display:inline-block; width:100%; border:0px solid #eeeeee; border-width:0px 0px 0px 0px; background:white; text-align:left;} .data_list a {color:black;} .data_list .set {float:left; width:calc(25% - 10px); margin:5px; border:1px solid #e7e7e7; background:#fafafa;} .data_list .set:hover {border:1px solid #000000; } .data_list .set .content {float:left; width:100%; padding:30px 30px 20px 30px; height:120px;} .data_list .set .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:16px; padding-bottom:10px; color:#000000;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .data_list .set .content .more {float:left; width:100%; font-size:11px; padding-bottom:10px; opacity:0.5;} .data_list .set .down {float:left; width:100%; border-top:1px dotted #eeeeee; background-color:#fafafa; } .data_list .set .down .memo {float:left; width:100%; padding:15px 30px; letter-spacing:-0.05em; opacity:1; font-size:11px;} .data_list .set .down .file {float:left; width:100%; overflow:hidden;overflow-y:auto;height:100px; border-top:1px dotted #eeeeee; background:white; padding:15px 30px;} .data_list .set .down .file .list {float:left; width:100%; } .data_list .set .down .file .list:hover {background:#fafafa;} .data_list .set .down .file .list .icon {float:left; width:20px; font-size:11px; padding-top:2px;} .data_list .set .down .file .list .name {float:left; width:calc(100% - 70px); font-size:11px;letter-spacing:-0.05em; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:black;} .data_list .set .down .file .list .size {float:right; width:50px; font-family:tahoma; font-size:11px; text-align:right; opacity:0.6;} /* ###################################################################### 게시판_상담문의스킨 css ######################################################################### */ /* 게시판_상담문의_리스트 css */ .bbs_cst {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white;} .bbs_cst a {color:black;} .bbs_cst .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-size:13px; text-align:left;} .bbs_cst .set .no {float:left; width:110px; text-align:center; } .bbs_cst .set .stat {float:left; width:80px; text-align:center; } .bbs_cst .set .name {float:left; width:120px;} .bbs_cst .set .tel {float:left; width:120px;} .bbs_cst .set .email {float:left; width:200px;} .bbs_cst .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 830px);} .bbs_cst .set .hit {float:left; width:100px; text-align:center; } .bbs_cst .set .date {float:left; width:100px; text-align:center; } .bbs_cst .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal; text-align:left;} .bbs_cst .content:hover {background:#fff6f1;} .bbs_cst .content .no {float:left; width:110px; text-align:center; } .bbs_cst .content .stat {float:left; width:80px; text-align:center; } .bbs_cst .content .name {float:left; width:120px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bbs_cst .content .tel {float:left; width:120px; } .bbs_cst .content .email {float:left; width:200px; } .bbs_cst .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 830px); } .bbs_cst .content .hit {float:left; width:100px; text-align:center; } .bbs_cst .content .date {float:left; width:100px; text-align:center; } /* 게시판_상담문의_리스트2 css */ .bbs_cst2 {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white;} .bbs_cst2 a {color:black;} .bbs_cst2 .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-size:13px; text-align:left;} .bbs_cst2 .set .no {float:left; width:110px; text-align:center; } .bbs_cst2 .set .name {float:left; width:120px;} .bbs_cst2 .set .tel {float:left; width:120px;} .bbs_cst2 .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 550px);} .bbs_cst2 .set .hit {float:left; width:100px; text-align:center; } .bbs_cst2 .set .date {float:left; width:100px; text-align:center; } .bbs_cst2 .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal; text-align:left;} .bbs_cst2 .content:hover {background:#fff6f1;} .bbs_cst2 .content .no {float:left; width:110px; text-align:center; } .bbs_cst2 .content .name {float:left; width:120px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bbs_cst2 .content .tel {float:left; width:120px; } .bbs_cst2 .content .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 550px); } .bbs_cst2 .content .hit {float:left; width:100px; text-align:center; } .bbs_cst2 .content .date {float:left; width:100px; text-align:center; } /* 게시판_상담문의_내용보기 css */ .bbs_cst_v {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #dadada;} .bbs_cst_v .top {float:left; width:100%; border-bottom:1px solid #eeeeee;} .bbs_cst_v .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; border-bottom:1px solid #eeeeee;} .bbs_cst_v .top .cate {color:#1e79af; margin-right:10px;} .bbs_cst_v .top .ad_move {margin-left:10px;} .bbs_cst_v .top .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} .bbs_cst_v .set {display:inline-block; text-align:center; font-size:12px; background:#fafafa; width:100%; } .bbs_cst_v .set .info {display:inline-block; line-height:110%; padding:20px 20px 15px 20px;} .bbs_cst_v .set .info .tt {float:left; width:auto; color:#7b7b7b; } .bbs_cst_v .set .info .con {float:left; width:auto; padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .bbs_cst_v .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs_cst_v .content {width:100%; padding:20px;} .bbs_cst_v .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_cst_v .content .txt {text-align:left; max-width:1000px; width:100%; display:inline-block; font-size:13px; line-height:160%; color:#3f3f3f; padding:30px 0;} .bbs_cst_v .content .date {text-align:left; max-width:1000px; width:100%; display:inline-block; color:#1e79af; font-size:12px; padding-top:30px;} /* 게시판_상담문의_글쓰기 css */ .bbs_cst_w { } .bbs_cst_w .pos {width:1000px; display:inline-block; margin:50px 0; border:0px solid #dddddd; background:#ffffff; padding:50px;} .bbs_cst_w .pos .ybx {padding:0 0 10px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w .pos .ybx .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w .pos .ybx .grp .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px;} .bbs_cst_w .pos .ybx .grp .tt_yak span {color:red;} .bbs_cst_w .pos .ybx .memo{border:1px solid #dddddd; width:100%; height:150px; background:#fafafa; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; overflow:hidden;text-align:left; padding:35px; line-height:180%;} .bbs_cst_w .pos .ybx .memo span {font-weight:500;} .bbs_cst_w .pos .ybx .set {padding:10px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w .pos .ybx .set .label {color:red; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; cursor:pointer; letter-spacing:-0.05em; text-align:center; width:100%;} .bbs_cst_w .set {padding:5px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .bbs_cst_w .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:25px 0 15px 0;} .bbs_cst_w .title {float:left; width:100px; text-align:left; padding:10px 0 0 30px;border:0px solid red;} .bbs_cst_w .cbx {float:left; width:calc(100% - 100px); text-align:left; border:0px solid red;} .bbs_cst_w .cbx img {height:25px; margin-right:10px;} .bbs_cst_w .cbx span {border:0px solid red; color:red; margin-left:5px; font-size:12px;} .bbs_cst_w .cbx .ar1 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w .cbx .ar2 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:40px; padding:0 10px; font-size:13px;} .bbs_cst_w .frm_s {border:1px solid #dddddd; background:#fafafa; width:200px; height:40px; padding:0 10px; font-size:13px;} .bbs_cst_w .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:250px; padding:10px; font-size:13px;} .bbs_cst_w .line {display:inline-block; height:1px; width:100%; background:#eeeeee; margin:15px 0;} .bbs_cst_w .btn {display:inline-block; margin-top:10px; text-align:center;} .bbs_cst_w .btn .save {width:180px; padding:15px 0; background:#2b2b33; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} .bbs_cst_w .btn .cancel {width:180px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} /* 게시판_상담문의_글쓰기2 css */ .bbs_cst_w2 { } .bbs_cst_w2 .pos {width:800px; display:inline-block; margin:0px 0; border:0px solid #dddddd; background:#ffffff; padding:70px;} .bbs_cst_w2 .pos .ybx {padding:35px 0 10px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w2 .pos .ybx .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w2 .pos .ybx .grp .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-align:center; border:0px solid red; width:100%;} .bbs_cst_w2 .pos .ybx .grp .tt_yak span {color:red;} .bbs_cst_w2 .pos .ybx .memo{border:1px solid #dddddd; width:100%; background:#fafafa; font-size:12px; overflow:hidden;text-align:left; padding:35px; line-height:180%; color:rgba(0,0,0,0.6);} .bbs_cst_w2 .pos .ybx .memo span {font-weight:500;} .bbs_cst_w2 .pos .ybx .set {padding:20px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w2 .pos .ybx .set .label {color:black; border:0px solid red; display:inline-block; font-size:13px; cursor:pointer; letter-spacing:-0.05em; text-align:center; width:100%;} .bbs_cst_w2 .set {padding:5px 0; width:100%; border:0px solid red; float:left; text-align:left;} .bbs_cst_w2 .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .bbs_cst_w2 .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:0 0 15px 0; text-align:center; width:100%;} .bbs_cst_w2 .title {position:relative; width:80px; height:0px; top:16px; left:20px;text-align:left; font-size:12px; color:rgba(0,0,0,0.7);} .bbs_cst_w2 .wrntxt {float:left; width:100%; color:red; text-align:left; margin:0 0 5px 5px;} .bbs_cst_w2 .code {position:relative; width:80px; height:0px; top:10px; left:100px;} .bbs_cst_w2 .code img {width:80px;} .bbs_cst_w2 .cbx {float:left; width:100%; text-align:left; border:0px solid red;} .bbs_cst_w2 .cbx img {height:25px; margin-right:10px;} .bbs_cst_w2 .cbx span {border:0px solid red; color:red; margin-left:5px; font-size:12px;} .bbs_cst_w2 .cbx .ar1 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w2 .cbx .ar2 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w2 .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px;} .bbs_cst_w2 .sppd {padding:0 10px 0 200px;} .bbs_cst_w2 .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:150px; padding:20px; font-size:13px;} .bbs_cst_w2 .line {display:inline-block; height:1px; width:100%; background:#eeeeee; margin:15px 0;} .bbs_cst_w2 .btn {display:inline-block; margin-top:10px; text-align:center;} .bbs_cst_w2 .btn .save {width:200px; padding:15px 0; background:#bb8b3e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:0px; cursor:pointer;} .bbs_cst_w2 .btn .cancel {width:200px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:0px; cursor:pointer;} /* 게시판_상담문의_글쓰기3 css */ .bbs_cst_w3 { background:#fafafa;} .bbs_cst_w3 .pos {width:800px; display:inline-block; margin:0px 0; border:0px solid #dddddd; background:transparent; padding:70px;} .bbs_cst_w3 .pos .ybx {padding:35px 0 10px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w3 .pos .ybx .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w3 .pos .ybx .grp .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-align:center; border:0px solid red; width:100%;} .bbs_cst_w3 .pos .ybx .grp .tt_yak span {color:red;} .bbs_cst_w3 .pos .ybx .memo{border:1px solid #dddddd; width:100%; background:#ffffff; font-size:12px; overflow:hidden;text-align:left; padding:35px; line-height:180%; color:rgba(0,0,0,0.6);} .bbs_cst_w3 .pos .ybx .memo span {font-weight:500;} .bbs_cst_w3 .pos .ybx .set {padding:20px 0; width:100%; border:0px solid red; float:left;} .bbs_cst_w3 .pos .ybx .set .label {color:black; border:0px solid red; display:inline-block; font-size:13px; cursor:pointer; letter-spacing:-0.05em; text-align:center; width:100%;} .bbs_cst_w3 .set {padding:5px 0; width:100%; border:0px solid red; float:left; text-align:left;} .bbs_cst_w3 .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .bbs_cst_w3 .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:0 0 15px 0; text-align:center; width:100%;} .bbs_cst_w3 .title {position:relative; width:80px; height:0px; top:16px; left:20px;text-align:left; font-size:12px; color:rgba(0,0,0,0.7);} .bbs_cst_w3 .wrntxt {float:left; width:100%; color:red; text-align:left; margin:0 0 5px 5px;} .bbs_cst_w3 .code {position:relative; width:80px; height:0px; top:10px; left:100px;} .bbs_cst_w3 .code img {width:80px;} .bbs_cst_w3 .cbx {float:left; width:100%; text-align:left; border:0px solid red;} .bbs_cst_w3 .cbx img {height:25px; margin-right:10px;} .bbs_cst_w3 .cbx span {border:0px solid red; color:red; margin-left:5px; font-size:12px;} .bbs_cst_w3 .cbx .ar1 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w3 .cbx .ar2 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .bbs_cst_w3 .frm {border:1px solid #dddddd; background:#ffffff; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px;} .bbs_cst_w3 .sppd {padding:0 10px 0 200px;} .bbs_cst_w3 .txar {border:1px solid #dddddd; background:#ffffff; width:100%; height:150px; padding:20px; font-size:13px;} .bbs_cst_w3 .line {display:inline-block; height:1px; width:100%; background:#eeeeee; margin:15px 0;} .bbs_cst_w3 .btn {display:inline-block; margin-top:10px; text-align:center;} .bbs_cst_w3 .btn .save {width:200px; padding:15px 0; background:#015faf; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:0px; cursor:pointer;} .bbs_cst_w3 .btn .cancel {width:200px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:0px; cursor:pointer;} /* 온라인상담 공통 */ .bbs_csltw {float:left; width:100%;/* background:url('/images/bg_cslt3_gray.jpg') no-repeat center center; background-size:cover; background-attchment:scroll; */ background:#ffffff;} .bbs_csltw .cover {float:left; width:100%; padding:0 0 70px 0; background:rgba(0,0,0,0.0);} .bbs_csltw .form {max-width:700px; width:100%; display:inline-block;} .bbs_csltw .form .head {float:left; width:100%; padding:40px 0 30px 0; background:#ffffff; border:1px solid #eeeeee; border-width:1px 1px 0 1px; border-top-left-radius:8px; border-top-right-radius:8px;} .bbs_csltw .form .head .ott {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; text-align:center;} .bbs_csltw .form .head .fd_title {float:left; font-size:12px; text-align:center; width:100%; color:rgba(0,0,0,0.5);} .bbs_csltw .form .wrt {float:left; width:100%; padding:20px; background:white; border:1px solid #eeeeee; border-width:1px 1px 1px 1px;} .bbs_csltw .form .wrt .set {padding:0px 0; width:100%; border:0px solid #eeeeee; border-width:0 0 1px 0; float:left; text-align:left;} .bbs_csltw .form .wrt .set .title {position:relative; width:80px; height:0px; top:16px; left:20px;text-align:left; font-size:14px; color:rgba(0,0,0,0.9);font-family:Noto Sans KR, sans-serif; font-weight:500; } .bbs_csltw .form .wrt .set .cbx {float:left; width:100%; text-align:left; } .bbs_csltw .form .wrt .set .cbx2 {float:left; width:100%; text-align:left; padding:15px 0 15px 100px;} .bbs_csltw .form .wrt .set .cbx2 .wli {float:left; width:100%; padding:5px 0; font-size:13px;} .bbs_csltw .form .wrt .set .title_txt {float:left; width:80px; padding:16px 0 0 20px; text-align:left; font-size:14px; color:rgba(0,0,0,0.9);font-family:Noto Sans KR, sans-serif; font-weight:500; } .bbs_csltw .form .wrt .set .cbx_txt {float:left; width:calc(100% - 80px); text-align:left; padding:15px 0 15px 20px;} .bbs_csltw .form .wrt .set .code {position:relative; width:80px; height:0px; top:13px; left:100px;} .bbs_csltw .form .wrt .set .code img {width:60px;} .bbs_csltw .form .wrt .wrntxt {float:left; width:100%; color:red; text-align:center; padding:10px 0 0 0 ; font-size:11px;} .bbs_csltw .form .wrt .set .frm {border:0px solid #dddddd; background:#ffffff; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px; border-radius:0px;color:#0061A5;} .bbs_csltw .form .wrt .set .txar {border:0px solid #ffffff; background:#ffffff; width:100%; height:250px; padding:17px 10px 0 100px; font-size:13px; border-radius:0px; color:#0061A5;} .bbs_csltw .form .wrt .set .sppd {padding:0 10px 0 200px; color:red;} .bbs_csltw .form .wrt .set .spc {float:left; width:100%; padding:10px 0;} .bbs_csltw .form .ybx {width:100%; background:#ffffff; border:1px solid #eeeeee; border-width:1px 1px 0 1px; float:left; text-align:center;} .bbs_csltw .form .ybx .grp {padding:20px 0 20px 0; width:100%; border:0px solid red; float:left; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; color:black;} .bbs_csltw .form .ybx .memo {border:1px solid #eeeeee; border-width:1px 0; width:100%; height:150px; color:rgba(0,0,0,0.6); font-size:12px; overflow-x:hidden; overflow-y:auto; text-align:left;padding:25px;line-height:180%; background:#F3F3F3;;} .bbs_csltw .form .ybx .memo span {font-weight:500;} .bbs_csltw .form .ybx .set {padding:20px 0; width:100%; float:left; background:#fafafa; text-align:center;} .bbs_csltw .form .ybx .set .label {color:black; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:13px; cursor:pointer; letter-spacing:-0.05em;} .bbs_csltw .form .btn {float:left; width:100%; margin-top:0px; text-align:center;} .bbs_csltw .form .btn .send {width:100%; padding:25px 0; background:#006cdb; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-bottom-left-radius:8px; border-bottom-right-radius:8px; cursor:pointer; transition: all .2s;} .bbs_csltw .form .btn .send:hover {background:#0273e7; transition: all .2s;} .bbs_csltw .form .btn .adbtn {float:left; border:0; background:#5d5d5d; padding:25px 0; width:50%; color:white; cursor:pointer;} .bbs_csltw .form .stat {float:left; width:100%; padding:40px; background:#ffffff; border:1px solid #eeeeee; border-width:1px 1px 0 1px;} .bbs_csltw .form .stat .ttt {float:left; width:calc(100% - 150px); padding:15px 0 0 15px; font-size:13px; color:red; text-align:left;} .bbs_csltw .form .stat .sbx {float:left; width:150px; text-align:left;} /* ###################################################################### 게시판_상담문의스킨 끝 css ######################################################################### */ /* ###################################################################### 게시판_공실체크스킨 css ######################################################################### */ /* 게시판_공실체크_리스트 css */ .cchk {display:inline-block; width:100%; } .cchk .cmp_ar {float:left; width:100%; padding:20px; border:1px solid #cccccc; background:#fafafa;} .cchk .cmp_ar a {color:#008ad1;} .cchk .cbg1 {background:#ffffff; border:1px solid #dddddd;} /* 기업실 */ .cchk .cbg2 {background:#fff9fa; border:1px solid #c00000;} /* 공실 */ .cchk .cbg3 {background:#ffffff; border:1px solid #dddddd;} /* 행정실 / 문서고 / 창고 {background:#eeeeee; border:1px solid #dddddd;}*/ .cchk .cbg4 {background:#ffffff; border:1px solid #dddddd;} /* 대관{background:#f9fff4; border:1px solid #729150;} */ .cchk .cmp_bx {float:left; width:129px; height:105px; margin:5px; padding:20px 5px;} .cchk .cmp_bx .pos {position:relative; width:100%; height:0px;} .cchk .cmp_bx .on {position:absolute; top:-25px; right:-10px; width:30px; height:30px; background:#c00000; color:white; padding-top:5px; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:12px;} .cchk .cmp_bx .rent {position:absolute; top:-25px; right:-10px; width:30px; height:30px; background:#417a04; color:white; padding-top:5px; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:12px;} .cchk .cmp_bx .hno {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:15px; border:0px solid red; color:black;} .cchk .cmp_bx .sz {float:left; width:100%; padding:5px 0;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:13px; border:0px solid red;} .cchk .cmp_bx .py {font-size:12px; margin-left:3px; font-family:normal;} .cchk .cmp_bx .stat {float:left; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .cchk .cmp_bx .ty1 {color:#008ad1;} .cchk .cmp_bx .ty2 {color:#008ad1;} .cchk .cmp_bx .ty3 {color:#008ad1;} .cchk .cmp_bx .name {float:left; width:100%; padding-top:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:13px; border:0px solid red; display:none;} /* 게시판_공실체크_내용보기 css */ .cchk_v {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #dadada;} .cchk_v .top {float:left; width:100%; border-bottom:1px solid #eeeeee;} .cchk_v .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; border-bottom:1px solid #eeeeee;} .cchk_v .top .cate {color:#1e79af; margin-right:10px;} .cchk_v .top .ad_move {margin-left:10px;} .cchk_v .top .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} .cchk_v .set {display:inline-block; text-align:center; font-size:12px; background:#fafafa; width:100%; } .cchk_v .set .info {display:inline-block; line-height:110%; padding:20px 20px 15px 20px;} .cchk_v .set .info .tt {float:left; width:auto; color:#7b7b7b; } .cchk_v .set .info .con {float:left; width:auto; padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .cchk_v .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .cchk_v .content {width:100%; padding:20px;} .cchk_v .content img {max-width:1000px; width:100%; padding:20px 0px;} .cchk_v .content .txt {text-align:left; max-width:1000px; width:100%; display:inline-block; font-size:13px; line-height:160%; color:#3f3f3f; padding:30px 0;} .cchk_v .content .date {text-align:left; max-width:1000px; width:100%; display:inline-block; color:#1e79af; font-size:12px; padding-top:30px;} /* 게시판_공실체크_글쓰기 css */ .cchk_w { } .cchk_w .pos {width:1000px; display:inline-block; margin:50px 0; border:0px solid #dddddd; background:#ffffff; padding:50px;} .cchk_w .pos .ybx {padding:0 0 10px 0; width:100%; border:0px solid red; float:left;} .cchk_w .pos .ybx .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .cchk_w .pos .ybx .grp .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px;} .cchk_w .pos .ybx .grp .tt_yak span {color:red;} .cchk_w .pos .ybx .memo{border:1px solid #dddddd; width:100%; height:150px; background:#fafafa; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; overflow:hidden;text-align:left; padding:35px; line-height:180%;} .cchk_w .pos .ybx .memo span {font-weight:500;} .cchk_w .pos .ybx .set {padding:10px 0; width:100%; border:0px solid red; float:left;} .cchk_w .pos .ybx .set .label {color:red; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; cursor:pointer; letter-spacing:-0.05em;} .cchk_w .set {padding:5px 0; width:100%; border:0px solid red; float:left;} .cchk_w .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .cchk_w .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:25px 0 15px 0;} .cchk_w .title {float:left; width:100px; text-align:left; padding:10px 0 0 30px;border:0px solid red;} .cchk_w .cbx {float:left; width:calc(100% - 100px); text-align:left; border:0px solid red;} .cchk_w .cbx .ar1 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .cchk_w .cbx .ar2 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .cchk_w .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:40px; padding:0 10px; font-size:13px;} .cchk_w .frm_s {border:1px solid #dddddd; background:#fafafa; width:200px; height:40px; padding:0 10px; font-size:13px;} .cchk_w .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:250px; padding:10px; font-size:13px;} .cchk_w .btn {display:inline-block; margin-top:10px; text-align:center;} .cchk_w .btn .save {width:180px; padding:15px 0; background:#2b2b33; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} .cchk_w .btn .cancel {width:180px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} /* ###################################################################### 게시판_상담문의스킨 끝 css ######################################################################### */ /* ###################################################################### 게시판_업체리스트스킨 css ######################################################################### */ /* 게시판_업체리스트_리스트 css */ .bbs_comli {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white;} .bbs_comli a {color:black;} .bbs_comli .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; font-size:12px; text-align:left;} .bbs_comli .set .no {float:left; width:20px;} .bbs_comli .set .kind {float:left; width:40px;} .bbs_comli .set .title {float:left; width:200px;} .bbs_comli .set .name {float:left; width:60px;} .bbs_comli .set .room {float:left; width:60px;} .bbs_comli .set .tel {float:left; width:110px;} .bbs_comli .set .email {float:left; width:200px;} .bbs_comli .set .con {float:left; width:calc(100% - 960px); } .bbs_comli .set .home {float:left; width:200px;} .bbs_comli .set .sns {float:left; width:70px;} .bbs_comli .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:12px; font-weight:normal; text-align:left;} .bbs_comli .content:hover {background:#fff6f1;} .bbs_comli .content .tt {float:left; opacity:0.5; display:none;} .bbs_comli .content .no {float:left; width:20px;} .bbs_comli .content .kind {float:left; width:40px;} .bbs_comli .content .title {float:left; width:200px; letter-spacing:-0.05em; font-size:13px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bbs_comli .content .name {float:left; width:60px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bbs_comli .content .room {float:left; width:60px;} .bbs_comli .content .tel {float:left; width:110px;} .bbs_comli .content .email {float:left; width:200px;} .bbs_comli .content .con {float:left; width:calc(100% - 960px); padding-right:10px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bbs_comli .content .home {float:left; width:200px;} .bbs_comli .content .sns {float:left; width:70px; font-size:18px;} .bbs_comli .content .tw {color:#50abf1} .bbs_comli .content .fb {color:#3d5a98} .bbs_comli .content .in {color:#a534aa} /* 게시판_업체리스트_내용보기 css */ .bbs_comli_v {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #eeeeee;} .bbs_comli_v .top {float:left; width:100%; border-left:0px solid #eeeeee;} .bbs_comli_v .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; border-bottom:0px solid #eeeeee; color:black;} .bbs_comli_v .top .cate {color:#1e79af; margin-right:10px;} .bbs_comli_v .set {display:inline-block; text-align:left; font-size:14px; border:1px solid #eeeeee; border-width:1px 0 0 1px; width:100%; font-family:Noto Sans KR, sans-serif; } .bbs_comli_v .set .info {float:left; width:25%; height:60px; line-height:110%; padding:20px 20px 0px 20px; border:1px solid #eeeeee; border-width:0px 1px 1px 0px;} .bbs_comli_v .set .info .tt {float:left; width:70px; color:#7b7b7b; font-weight:400;letter-spacing:-0.05em;} .bbs_comli_v .set .info .con {float:left; width:calc(100% - 70px); padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:500;} .bbs_comli_v .set .info .con a {color:#007dbe;} .bbs_comli_v .set .info .tw {font-size:20px; margin-right:5px; color:#50abf1} .bbs_comli_v .set .info .fb {font-size:20px; margin-right:5px; color:#3d5a98} .bbs_comli_v .set .info .in {font-size:20px; margin-right:5px; color:#a534aa} .bbs_comli_v .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs_comli_v .content {width:100%; padding:20px;} .bbs_comli_v .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_comli_v .content .txt {text-align:left; max-width:1000px; width:100%; display:inline-block; font-size:13px; line-height:160%; color:#3f3f3f; padding:30px 0;} .bbs_comli_v .content .date {text-align:left; max-width:1000px; width:100%; display:inline-block; color:#1e79af; font-size:12px; padding-top:30px;} /* 게시판_업체리스트_글쓰기 css */ .bbs_comli_w {width:1000px; display:inline-block; margin:50px 0; border:1px solid #dddddd; background:#ffffff; padding:50px;} .bbs_comli_w .tt {padding:3px 0; width:100%; border:0px solid red; float:left;} .bbs_comli_w .ybx {padding:0 0 10px 0; width:100%; border:0px solid red; float:left;} .bbs_comli_w .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .bbs_comli_w .set {padding:5px 0; width:100%; border:0px solid red; float:left;} .bbs_comli_w .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .bbs_comli_w .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px;} .bbs_comli_w .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:25px 0 15px 0;} .bbs_comli_w .label {color:red; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; cursor:pointer; letter-spacing:-0.05em;} .bbs_comli_w .memo{border:1px solid #dddddd; width:100%; height:150px; background:#fafafa; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; overflow:hidden;text-align:left; padding:35px; line-height:180%;} .bbs_comli_w .memo span {font-weight:500;} .bbs_comli_w .title {float:left; width:100px; text-align:left; padding:10px 0 0 30px;border:0px solid red;} .bbs_comli_w .cbx {float:left; width:calc(100% - 100px); text-align:left; border:0px solid red;} .bbs_comli_w .cbx .ar1 {float:left; width:calc(30% - 2px); margin-right:2px; text-align:left; border:0px solid red;} .bbs_comli_w .cbx .ar2 {float:left; width:calc(30% - 2px); margin-right:2px; text-align:left; border:0px solid red;} .bbs_comli_w .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:40px; padding:0 10px; font-size:13px;} .bbs_comli_w .frm_s {border:1px solid #dddddd; background:#fafafa; width:200px; height:40px; padding:0 10px; font-size:13px;} .bbs_comli_w .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:250px; padding:10px; font-size:13px;} .bbs_comli_w .btn {display:inline-block; margin-top:10px; text-align:center;} .bbs_comli_w .btn .save {width:180px; padding:15px 0; background:#2b2b33; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} .bbs_comli_w .btn .cancel {width:180px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} /* ###################################################################### 게시판_업체리스트스킨 끝 css ######################################################################### */ /* ###################################################################### 게시판_업체리스트스킨2 css ######################################################################### */ /* 게시판_업체리스트2_리스트 css */ .bbs_comli2 {display:inline-block; width:100%; border:1px solid #223556; border-width:2px 0px 0px 0px; background:white; text-align:left;font-family:Noto Sans KR, sans-serif; font-size:15px; letter-spacing:-0.05em;} .bbs_comli2 a {color:black;} .bbs_comli2 a:hover {color:red;} .bbs_comli2 .set {float:left; width:100%; border:1px solid #e2e2e2; border-width:0px 0px 1px 0px;padding:20px 0px; background-color:#f7f7f7; text-align:left;font-weight:500;} .bbs_comli2 .set .no {float:left; width:20px;} .bbs_comli2 .set .kind {float:left; width:40px;} .bbs_comli2 .set .title {float:left; width:200px;} .bbs_comli2 .set .name {float:left; width:60px;} .bbs_comli2 .set .room {float:left; width:60px;} .bbs_comli2 .set .tel {float:left; width:110px;} .bbs_comli2 .set .email {float:left; width:200px;} .bbs_comli2 .set .con {float:left; width:calc(100% - 850px); } /* 구분항목뺌 kind css */ .bbs_comli2 .set .home {float:left; width:200px;} .bbs_comli2 .set .sns {float:left; width:80px;}/* 항목뺌 kind css */ .bbs_comli2 .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-weight:300; letter-spacing:0em;} /* .bbs_comli2 .content:hover {background:#fff6f1;} */ .bbs_comli2 .content .tt {float:left; opacity:0.7; display:none;} .bbs_comli2 .content .no {float:left; width:20px;} .bbs_comli2 .content .kind {float:left; width:40px;} .bbs_comli2 .content .title {float:left; width:200px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:500;} .bbs_comli2 .content .name {float:left; width:60px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:normal; font-family:NanumBarunGothic, sans-serif; font-size:12px;} .bbs_comli2 .content .room {float:left; width:60px;font-weight:normal; font-family:NanumBarunGothic, sans-serif; font-size:12px;} .bbs_comli2 .content .tel {float:left; width:110px; font-size:12px; font-family:arial; font-weight:normal;} .bbs_comli2 .content .email {float:left; width:200px; padding-right:20px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-size:12px; font-family:arial; font-weight:normal;} .bbs_comli2 .content .con {float:left; width:calc(100% - 850px); padding-right:10px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-size:12px; font-weight:normal; font-family:NanumBarunGothic, sans-serif;}/* 구분항목뺌 kind css */ .bbs_comli2 .content .home {float:left; width:200px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right:20px; font-size:12px; font-family:arial; font-weight:normal;} .bbs_comli2 .content .sns {float:left; width:80px; font-size:18px;}/* 구분항목뺌 kind css */ .bbs_comli2 .content .tw {color:#50abf1} .bbs_comli2 .content .fb {color:#3d5a98} .bbs_comli2 .content .in {color:#a534aa} /* 게시판_업체리스트2_내용보기 css */ .bbs_comli2_v {float:left; width:100%; text-align:center; background:white;} .bbs_comli2_v .top {float:left; width:100%; border-left:0px solid #eeeeee;} .bbs_comli2_v .top .title {width:100%; font-size:25px; line-height:150%; padding:30px 10px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; border-bottom:0px solid #eeeeee; color:black;} .bbs_comli2_v .top .cate {color:#1e79af; margin-right:10px;} .bbs_comli2_v .set {display:inline-block; text-align:left; font-size:14px; border:1px solid #dddddd; border-width:1px 0 0 1px; width:100%; font-family:Noto Sans KR, sans-serif; } .bbs_comli2_v .set .info {float:left; width:25%; height:60px; line-height:110%; padding:20px 20px 0px 20px; border:1px solid #dddddd; background:#fafafa; border-width:0px 1px 1px 0px;} .bbs_comli2_v .set .info .tt {float:left; width:70px; color:#7b7b7b; font-weight:400;letter-spacing:-0.05em;} .bbs_comli2_v .set .info .con {float:left; width:calc(100% - 70px); padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:500; color:black;} .bbs_comli2_v .set .info .con a {color:#007dbe;} .bbs_comli2_v .set .info .tw {font-size:20px; margin-right:5px; color:#50abf1} .bbs_comli2_v .set .info .fb {font-size:20px; margin-right:5px; color:#3d5a98} .bbs_comli2_v .set .info .in {font-size:20px; margin-right:5px; color:#a534aa} .bbs_comli2_v .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs_comli2_v .content {width:100%; padding:0; } .bbs_comli2_v .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_comli2_v .content .txt {text-align:center; max-width:1260px; width:100%; display:inline-block; font-size:18px; line-height:160%; color:#3f3f3f; padding:70px 0; font-family:Noto Sans KR, sans-serif; font-weight:500;border-bottom:1px solid #eeeeee;} .bbs_comli2_v .content .date {text-align:left; max-width:1260px; width:100%; display:inline-block; color:#1e79af; font-size:12px; padding-top:30px;} /* 게시판_업체리스트2_글쓰기 css */ .bbs_comli2_w {width:1000px; display:inline-block; margin:50px 0; border:1px solid #dddddd; background:#ffffff; padding:50px;} .bbs_comli2_w .tt {padding:3px 0; width:100%; border:0px solid red; float:left;} .bbs_comli2_w .ybx {padding:0 0 10px 0; width:100%; border:0px solid red; float:left;} .bbs_comli2_w .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;} .bbs_comli2_w .set {padding:5px 0; width:100%; border:0px solid red; float:left;} .bbs_comli2_w .set2 {padding:5px 0; width:50%; border:0px solid red; float:left;} .bbs_comli2_w .tt_yak {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px;} .bbs_comli2_w .fd_title {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; padding:25px 0 15px 0;} .bbs_comli2_w .label {color:red; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; cursor:pointer; letter-spacing:-0.05em;} .bbs_comli2_w .memo{border:1px solid #dddddd; width:100%; height:150px; background:#fafafa; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; overflow:hidden;text-align:left; padding:35px; line-height:180%;} .bbs_comli2_w .memo span {font-weight:500;} .bbs_comli2_w .title {float:left; width:100px; text-align:left; padding:10px 0 0 30px;border:0px solid red;} .bbs_comli2_w .title2 {float:left; width:100%; text-align:left; padding:10px 0 10px 30px;border:0px solid red;} .bbs_comli2_w .cbx {float:left; width:calc(100% - 100px); text-align:left; border:0px solid red;} .bbs_comli2_w .cbx .ar1 {float:left; width:calc(30% - 2px); margin-right:2px; text-align:left; border:0px solid red;} .bbs_comli2_w .cbx .ar2 {float:left; width:calc(30% - 2px); margin-right:2px; text-align:left; border:0px solid red;} .bbs_comli2_w .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:40px; padding:0 10px; font-size:13px;} .bbs_comli2_w .frm_s {border:1px solid #dddddd; background:#fafafa; width:200px; height:40px; padding:0 10px; font-size:13px;} .bbs_comli2_w .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:250px; padding:10px; font-size:13px;} .bbs_comli2_w .btn {display:inline-block; margin-top:10px; text-align:center;} .bbs_comli2_w .btn .save {width:180px; padding:15px 0; background:#2b2b33; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} .bbs_comli2_w .btn .cancel {width:180px; padding:15px 0; background:#8e8e8e; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-radius:3px; cursor:pointer;} /* ###################################################################### 게시판_업체리스트스킨 끝 css ######################################################################### */ /* ###################################################################### 포토썸네일리스트 css ######################################################################### */ /* 리스트 css */ .gallery_bbs {float:left; width:100%; padding:30px 0;} .gallery_bbs .content {float:left; width:25%; padding:15px;} .gallery_bbs .content a {color:black;} .gallery_bbs .content .thum {float:left; width:100%;} .gallery_bbs .content .thum img {width:100%;} .gallery_bbs .content .thum img:hover {opacity:0.9;} .gallery_bbs .content .title {float:left; width:100%; font-family:font-size:13px; padding:15px 0 10px 0;} /* 이벤트리스트 css */ .event_bbs {display:inline-block; max-width:1000px; width:100%; padding:0 0;} .event_bbs .content {float:left; width:100%; padding:0 15px 30px 15px ;} .event_bbs .content a {color:black;} .event_bbs .content .thum {float:left; width:100%;} .event_bbs .content .thum img {width:100%;} .event_bbs .content .thum img:hover {opacity:0.9;} .event_bbs .content .title {float:left; width:100%; font-family:font-size:13px; padding:15px 0 10px 0; display:none;} /* ###################################################################### 쇼핑몰스타일상품 css ######################################################################### */ /* 리스트 css */ .bbs_product {float:left; width:100%; padding:0px 0;} .bbs_product .content {float:left; width:25%; padding:15px;} .bbs_product .content a {color:black;} .bbs_product .content .thum {float:left; width:100%;} .bbs_product .content .thum 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; } .bbs_product .content .thum img:hover { 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); } .bbs_product .content .rst {float:left; width:100%; } .bbs_product .content .rst .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:25px 0 10px 0;} .bbs_product .content .rst .size {float:left; width:100%; font-size:12px; display:none;} .bbs_product .content .rst .grp {float:left; width:100%; font-size:12px; font-weight:bold; padding:0px 0 10px 0; opacity:0.7;} .bbs_product .content .rst .price {float:left; width:100%; font-size:12px; border:0px solid red;} .bbs_product .content .rst .price span {font-size:11px; opacity:0.4; margin-right:5px;} .bbs_product .content .rst .naver {display:inline-block; width:60%; padding:15px 0; margin-top:25px;border:1px solid #009f30; color:#007a25; background:white; font-weight:bold; font-size:13px; letter-spacing:-0.05em;transition: all .2s; text-align:center;} .bbs_product .content .rst .naver:hover {border:1px solid #009f30; background:#009f30; color:white; transition: all .2s;} /* .bbs_product .content .rst .naver {display:inline-block; width:60%; padding:15px 0; margin-top:25px;font-size:12px; border:1px solid #009f30; background:#009f30; color:white; font-weight:bold; font-size:13px; letter-spacing:-0.05em;transition: all .2s;} .bbs_product .content .rst .naver:hover {border:1px solid #009f30; color:#007a25; background:white; transition: all .2s;} */ /* 상품보기 css */ .view_product {float:left; width:100%;} .view_product .set_edge {float:left; width:50px; font-size:25px; padding-top:240px;} .view_product .set_edge a {color:rgba(0,0,0,0.2);transition: all .2s;} .view_product .set_edge a:hover {color:rgba(0,0,0,1);transition: all .2s;} .view_product .set_center {float:left; width:calc(100% - 100px);} .view_product .set_center .thum {float:left; width:500px;} .view_product .set_center .thum img {width:100%;} .view_product .set_center .info {float:left; text-align:left; padding:30px 70px 0 70px; width:calc(100% - 500px); font-size:12px; line-height:180%;} .view_product .set_center .info .title {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding-bottom:25px; color:black;} .view_product .set_center .info .st {float:left; width:100%; padding:7px 0;} .view_product .set_center .info .st .tt {float:left; width:80px; opacity:0.6;} .view_product .set_center .info .st .mm {float:left; width:calc(100% - 80px);} .view_product .set_center .info .won {font-size:11px; opacity:0.4; margin-right:5px;} .view_product .set_center .info .adcss1 {} .view_product .set_center .info .adcss2 {} .view_product .set_center .mk_btn {float:left; width:100%; padding:50px 0 0 80px; text-align:center;letter-spacing:-0.05em;} .view_product .set_center .mk_btn .naver {float:left; width:250px; padding:15px 0; border:1px solid #009f30;background:#009f30; color:white; font-weight:bold; font-size:13px; transition: all .2s;} .view_product .set_center .mk_btn .naver:hover {border:1px solid #009f30; color:#007a25; background:white;transition: all .2s;} .view_product .set_center .mk_btn .list {float:left; width:160px; padding:15px 0; margin:0 0 0 5px; font-size:12px; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-weight:bold; font-size:13px; transition: all .2s;} .view_product .set_center .mk_btn .list:hover {border:1px solid #4e4e4e; color:#2d2d2d; background:white;transition: all .2s;} .view_product .set_center .mk_btn .auction {float:left; width:250px; padding:15px 0; font-size:12px; border:1px solid #009f30;background:#009f30; color:white; font-weight:bold; font-size:13px;transition: all .2s;} .view_product .set_center .mk_btn .gmarket {float:left; width:250px; padding:15px 0; font-size:12px; border:1px solid #009f30;background:#009f30; color:white; font-weight:bold; font-size:13px;transition: all .2s;} .view_product .set_center .mk_btn .skst {float:left; width:250px; padding:15px 0; font-size:12px; border:1px solid #009f30;background:#009f30; color:white; font-weight:bold; font-size:13px;transition: all .2s;} .dt_info {display:inline-block; padding:100px 0 0 0;width:1260px;} /* ###################################################################### 쇼핑몰스타일상품 끝 css ######################################################################### */ /* ###################################################################### 게시판_공통 css ######################################################################### */ /* 카테고리 css -> /board/bdr_lib.php */ .cate_df_st {float:left; width:100%; text-align:center; border:0px solid red; margin:0px 0px 25px 0px;} .cate_d_sel {float:left; border:1px solid #2c93df; border-width:1px 0px 0px 0px; padding:15px 0px; background-color:#2c93df; color:white; width:25%;} .cate_d_normal {float:left; border:1px solid #a2a2a2; border-width:1px 1px 0px 1px; padding:15px 0px; background-color:#a2a2a2; color:#ffffff; width:25%;} .cate_tag {display:inline-block;margin:20px 30px 0px 30px; text-align:center; border:0px solid red;} /* 게시판내용안 유투브 iframe */ .view_vod { position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .view_vod iframe { position:absolute; width:100%; height:100%; left:50%; } /* 데이터없음 css */ .bd_list_none {padding:100px 0px; text-align:center; border-bottom:1px solid #eeeeee; font-size:11px;} /* 새글 css */ .icon_new_bl {line-height:100%; padding:1px 2px; background:#ef386c; color:#ffffff; font-size:9px; font-family:arial;} /* 뉴아이콘 */ /* 페이지 skip css */ .pps_set {display:inline-block; font-size:11px; letter-spacing:-0.05em; margin-top:30px; } .pps_pga {float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;} .pps_pga:hover {color:#ef386c; } .pps_pgd {float:left; border:1px solid transparent; color:#8f8f8f; border-radius:0px; padding:7px; font-family:돋움;} .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 */ .aps_set {display:inline-block; letter-spacing:-0.05em; margin-top:30px; } .aps_pga {float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; margin:0 12px; } .aps_pga:hover {color:#ef386c; } .aps_pgd {float:left; border:1px solid transparent; color:#8f8f8f; border-radius:0px; padding:7px; margin:0 12px; } .aps_hset {float:left; margin:0px 15px;} .aot_pga {float:left; color:black; padding:7px 10px; border:1px solid transparent;} .aot_pga:hover {color:#ef386c; } .aot_pgs {float:left; color:#ef386c; padding:7px 15px; font-weight:bold; border:1px solid #e6e6e6; background:white;} /* 검색 css */ .search_box {display:inline-block; margin-top:30px;} .search_box .all {float:left; width:98px; margin-right:2px;} .search_box .sel {float:left; width:80px; background:white;} .search_box .sel .selop {height:40px;} .search_box .frm {float:left; width:200px;} .search_box .btn_ar {float:left; width:80px;} .search_box .btn_all {width:100%; height:40px; color:white; text-align:center; background-color:gray; border:0px; cursor:pointer;} .search_box .sbox {width:100%; height:40px; background-color:#fafafa; text-align:center; border:1px solid #eeeeee; border-width:1px 0px;} .search_box .sr_btn {width:100%; height:40px; color:white; text-align:center; background-color:#2f363f; border:0px; cursor:pointer;} /* 파일 업로드 폼 설정 */ .bd_att_box {margin:0 0 0px 0; white-space:nowrap; float:left; width:100%; padding:2px 0;} .bd_att_box input, .bd_att_box label { margin:0; box-sizing:border-box; font-size:11px; line-height:13px;} .bd_att_box a {display:inline-block; width:30px; padding:7px 0; text-align:center; vertical-align:middle; } .bd_att_box [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } /* 원래 파일첨부 숨김 */ .bd_att_box .up_btn {display:inline-block; vertical-align:middle; cursor:default; width:70px; height:30px; padding-top:9px; text-align:center; background:#bbbbbb;color:#ffffff; border-radius:2px; cursor:pointer;} /* 파일첨부버튼 */ .bd_att_box .up_btn:hover {background:#0898fe;} .bd_att_box .box_35 {display:inline-block; vertical-align:middle; width:calc(100% - 104px); height:30px; padding:7px 0; border:1px solid #dadada; background:white; } /* 처음 첨부하는 것 */ .bd_att_box .box_15 {display:inline-block; vertical-align:middle; width:calc(100% - 265px); padding:7px 0; border:1px solid #eeeeee; background:#f8f8f8; } /* 기존에 첨부된 것 */ .bd_att_box .old_file {display:inline-block; vertical-align:middle; width:90px; padding:7px 0; border:1px solid #b0b0b0; background:#f0f0f0; text-align:center; } /* 기존 첨부 파일명 */ .bd_att_box .del_btn {display:inline-block; vertical-align:middle; width:65px; padding:7px 0; border:1px solid #000000; background:#414141; color:#eeeeee; } /* 기존 첨부 삭제버튼 */ .bd_att_box .del_btn:hover {border:1px solid #410000; background:#614141; color:#ffffee; } /* 첨부파일 down css */ .bd_at_file {float:left; background-color:#f4f4f4; border:1px solid #f4f4f4; width:250px; margin:1px; padding:10px 0px; text-align:left;} .bd_at_file:hover {background-color:#fafafa; border:1px solid #eeeeee;} .bd_at_file .icon {float:left; width:30px; font-size:12px; padding:4px 0 0 10px; color:gray;} .bd_at_file .name {float:left; font-size:12px; color:#008ef2; width:calc(100% - 80px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .bd_at_file .size {float:left; width:50px; text-align:right; padding-right:10px; font-size:11px; font-family:arial;} /* 버튼 및 내용보기 하단 버튼 포지션 css */ .bd_view_btn_s {width:100%; padding:15px 0px; text-align:center; background-color:#3f3f3f; color:white; border-radius:3px; border:0px; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; } .bd_view_btn_c {width:100%; padding:15px 0px; text-align:center; background-color:#818181; color:white; border-radius:3px; border:0px; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; } .bd_view_btn_w {width:100%; padding:15px 0px; text-align:center; background-color:#3f3f3f; color:white; border-radius:3px; border:0px; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; } .bd_view_btn {width:100%; padding:15px 0px; text-align:center; background-color:#3f3f3f; color:white; border-radius:3px; border:0px; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; } .bd_view_btn_cl {width:100%; padding:15px 0px; text-align:center; background-color:#3f3f3f; color:white; border-radius:3px; border:0px; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; } .bd_view_btn_blk {display:inline-block; margin:40px 0px 50px 0px;} .bd_vbtn_arrst {float:left; width:120px; margin:0px 2px;} .bd_vbtn_arrst2 {float:left; width:200px; margin:0px 2px;} /* 하단 이전,다음글 css */ .list_view {float:left; width:100%; text-align:left; font-size:12px; 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;} /* 하단글쓰기버튼 set pos css */ .btn_set_blk {display:inline-block; width:100%;} .btn_st_ad {float:left;} .btn_st_us {float:right; width:110px;} /* 하단글쓰기버튼2 / 모바일에서 가릴때 set pos css */ .btn_set_blk2 {display:inline-block; width:100%; margin:15px 0;} .btn_st_ad2 {float:left;} .btn_st_us2 {float:right; width:110px;} /* 목록 선택/삭제/복사이동 css */ .admin_sel_all {cursor:pointer;border:1px solid #2d3539; padding:10px 15px; background-color:#2d3539; float:left; margin:2px; color:#ffffff; font-size:11px; border-radius:2px;} .admin_sel_del {cursor:pointer;border:1px solid #dddddd; padding:10px 15px; background-color:#fafafa; float:left; margin:2px; color:#606060; font-size:11px; border-radius:2px;} .admin_sel_cm {cursor:pointer;border:1px solid #dddddd; padding:10px 15px; background-color:#fafafa; float:left; margin:2px; color:#606060; font-size:11px; border-radius:2px;} /* 게시판리스트 상단에 특별히 텍스트를 입력하고자할때 css */ .board_btt {display:inline-block; border:0px solid red; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; text-align:center; padding:0 0 20px 0;} .board_app_title {display:inline-block; border:0px solid red; width:100%; font-size:13px; text-align:left; padding:0 0 15px 15px;} .board_app_title span {font-weight:bold; color:red;} .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:Noto Sans KR, 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;} /* 권한박스 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;} /* //////////////////////////////// 댓글 / Comment //////////////////// */ /* 댓글수 및 권한이 없다 표시 css */ .cmt_li_return {float:left; width:100%; padding:0 0 40px 10px; margin-bottom:30px; border-bottom:1px solid #eeeeee;} .cmt_li_return .title {float:left; width:calc(100% - 120px); text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; line-height:150%; color:black;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; padding-right:10px;} .cmt_li_return .title a {color:black;} .cmt_li_return .title span {color:red; margin-right:10px;} .cmt_li_return .btn {float:left; width:120px; text-align:center; background:#464646; font-size:11px; padding:10px 0; color:white;border:0px solid red;} .cmt_li_count {float:left; width:100%; padding:0 0 0 20px; text-align:left; font-size:13px;} .cmt_li_count span {color:red;} .cmt_li_no_p {float:left; width:100%; background:#fafafa; padding:25px 0px; border:1px solid #dadada; border-width:1px 0; font-size:13px; margin:5px 0px;} /* 댓글 기본내용 css */ .cmt_li_df1 {float:left; width:100%; border:1px solid #dadada; margin-top:15px; padding:30px; color:#6a6a6a; background:white;} .cmt_li_df2 {float:right; width:calc(100% - 50px); border:1px solid #dadada; border-width:0 1px 1px 1px; background:#fafafa; 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%; margin:10px 0px; padding:30px; border:1px solid #dadada; border-width:1px; background:#fafafa;} .cmt_fm_ipbxk .title {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; margin-bottom:15px; letter-spacing:-0.05em; color:black;} .cmt_fm_ipbxk .info {float:left; width:100%; margin-bottom:1px; text-align:left; border:0px solid red; box-sizing:border-box;} .cmt_fm_ipbxk .info .tt {float:left; width:100px; height:35px; margin:1px 0; padding:9px 0 0 20px; font-size:11px; border:1px solid #cccccc; border-width:1px 0px 1px 1px; background:#fafafa;} .cmt_fm_ipbxk .info .con {float:left; width:calc(100% - 100px); height:35px; margin:1px 0; font-size:11px; } .cmt_fm_ipbxk .info .ibox {width:100%;height:35px; padding:10px; border:1px solid #cccccc; border-width:1px 1px 1px 0px;} .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;border:1px solid #cccccc; border-width:1px 0 1px 1px; padding:10px;} .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;} /* 댓글의 답글 폼css */ .cmt_fm_ipbxk2 {float:right; width:calc(100% - 50px); margin:-1px 0px 0 0; padding:30px; border:1px solid #dadada; background:#fafafa; } .cmt_fm_ipbxk2 .title {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; margin-bottom:15px; letter-spacing:-0.05em; color:black;} .cmt_fm_ipbxk2 .title span {color:#1062a1;} .cmt_fm_ipbxk2 .info {float:left; width:100%; margin-bottom:1px; text-align:left; border:0px solid red; box-sizing:border-box;} .cmt_fm_ipbxk2 .info .tt {float:left; width:100px; height:35px; margin:1px 0; padding:9px 0 0 20px; font-size:11px; border:1px solid #cccccc; border-width:1px 0px 1px 1px; background:#fafafa;} .cmt_fm_ipbxk2 .info .con {float:left; width:calc(100% - 100px); height:35px; margin:1px 0; font-size:11px; } .cmt_fm_ipbxk2 .info .ibox {width:100%;height:35px; padding:10px; border:1px solid #cccccc; border-width:1px 1px 1px 0px;} .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;border:1px solid #cccccc; border-width:1px 0 1px 1px; padding:10px;} .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;} /* 댓글더보기 및 페이지스킵영역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:15px 0;} /* 모든게시판 새글/뉴표시 공통css */ .all_bd_cnt {color:red; font-size:11px; font-family:arial; margin-left:5px;} /* 모든게시판 기본테이블 공통css */ .tb_blkout {display:inline-block; max-width:1000px; width:100%;} table.tb_vlay {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; text-align:left;} table.tb_vlay>tbody>tr>th {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; padding:15px 0 15px 35px; background:#f7f7f7;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; } table.tb_vlay>tbody>tr>td {border:0px solid #e7e7e7; border-width:0px 0px 1px 1px; vertical-align:middle; padding:15px 20px; background:white; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; } table.tb_vlay .whck {width:100%; padding:5px 0; float:left;} table.tb_vlay .thwd {width:150px;} .ad_move {margin-left:10px;} .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;}