.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:940px; display:inline-block; margin:0px 0px;} /* 게시판 리스트, 글쓰기에 이용하는 아웃라인 / 위아래 여백준다 */ .layout_wrap_df_v {width:940px; display:inline-block; margin:0px 0px;} /* 글내용보기에 쓰이는 아웃라인 / 리스트와 동일하지만 모바일에서는 위아래 여백을 없애버린다. */ .layout_wrap_df_sp {width:940px; display:inline-block; margin:0px 0px;} .layout_wrap_df1 {max-width:940px; width:100%; display:inline-block; margin:0px 0px;} .layout_wrap_pro {max-width:940px; width:100%; display:inline-block; margin:0px 0px;} .layout_wrap_pro1 {max-width:1400px; width:100%; display:inline-block; margin:0px 0px;} .layout_wrap_thum {max-width:940px; width:100%; display:inline-block; margin:0px 0px;} @media screen and (max-width : 1900px){ .layout_wrap_pro1 {max-width:940px;} } /* ###################################################################### 게시판_기본스킨 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:#fff6f1;} .bbs_list .content .no {float:left; width:110px; text-align:center; } .bbs_list .content .title {float:left; text-align:left; display:block; font-family:Noto Sans KR, sans-serif; font-weight:400; font-size:15px; 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_list_dw {display:inline-block; width:100%; border:1px solid #e2e2e2; border-width:1px 0px 0px 0px; background:white;} .bbs_list_dw a {color:black;} .bbs_list_dw .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_dw .set .no {float:left; width:110px; text-align:center; } .bbs_list_dw .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 540px);} .bbs_list_dw .set .comt {float:left; width:80px; } .bbs_list_dw .set .b_set {float:right; text-align:center;} .bbs_list_dw .set .b_set .name {float:left; width:150px;} .bbs_list_dw .set .b_set .hit {float:left; width:100px;} .bbs_list_dw .set .b_set .date {float:left; width:100px;} .bbs_list_dw .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .bbs_list_dw .content:hover {background:#fff6f1;} .bbs_list_dw .content .no {float:left; width:110px; text-align:center; } .bbs_list_dw .content .title {float:left; text-align:left; display:block; font-family:Noto Sans KR, sans-serif; font-weight:400; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 540px); } .bbs_list_dw .content .comt {float:left; width:80px; } .bbs_list_dw .content .comt span {background-color:#1a62b3; padding:1px 3px; color:white; font-family:arial; font-size:11px; } .bbs_list_dw .content .b_set {float:right; text-align:center;} .bbs_list_dw .content .b_set .name {float:left; width:150px;} .bbs_list_dw .content .b_set .hit {float:left; width:100px;} .bbs_list_dw .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:0px 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 .share {float:left; width:100%; padding:30px 0; border-top:1px solid #eeeeee; font-size:0;} .bbs_view .share .sns {display:inline-block; width:60px; padding:5px;} .bbs_view .share .sns img {width:100%;} .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:15px; line-height:180%; color:#3f3f3f; padding:50px 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 ######################################################################### */ /* 게시판_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;} .bbs2_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;} /* //////////////////////////////////// 글쓰기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; font-size:0; text-align:left;} .wz_list1 a {color:black; transition:all .2s;} .wz_list1 .content {display:inline-block; width:calc(33.3333% - 10px); border:1px solid transparent; margin:5px; padding:20px; font-size:13px; font-weight:normal; vertical-align:top; transition:all .2s; overflow:hidden;} .wz_list1 .content:hover {border:1px solid transparent; background:transparent; transition:all .2s;} .wz_list1 .content 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;} .wz_list1 .content:hover img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} .wz_list1 .content .no {float:left; width:100%; text-align:left; } .wz_list1 .content .thum {position:relative; top:0; width:100%;height:auto; overflow:hidden; border:0px solid red;} .wz_list1 .content .b_set {float:left; width:100%;text-align:left; padding:25px; background:#fafafa;} .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:18px; } .wz_list1 .content:hover a {color:#8e8e8e; transition:all .2s;} .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 .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 .name {float:left; width:100%; font-family:tahoma; font-size:11px; border:1px solid red;} .wz_list1 .content .b_set .date {float:left; font-family:tahoma; font-size:11px; border:0px solid red; width:100%; text-align:right;} .wz_list1 .content .b_set .date span {margin-right:7px; font-family:normal; opacity:0.6;letter-spacing:-0.05em;} .wz_list_show {display:inline-block; width:100%; border:1px solid #223556; border-width:0px 0px 0px 0px; padding:0 5px; background:white; font-size:0; text-align:left;} .wz_list_show a {color:#8e8e8e; transition:all .2s;} .wz_list_show .content {display:inline-block; width:calc(25% - 10px); border:1px solid transparent; margin:5px; padding:20px; font-size:13px; font-weight:normal; vertical-align:top; transition:all .2s; overflow:hidden;} .wz_list_show .content:hover {border:1px solid transparent; background:transparent; transition:all .2s;} .wz_list_show .content 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;} .wz_list_show .content:hover img {transform:scale(1.03); -web-kit-transform:scale(1.03); -moz-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03);} .wz_list_show .content .no {float:left; width:100%; text-align:left; } .wz_list_show .content .thum {position:relative; top:0; width:100%;height:auto; overflow:hidden; border:0px solid red;} .wz_list_show .content .thum .logo_sym {position:absolute; bottom:20px; left:0; right:0; margin:0 auto; text-align:center; border:0px solid red; z-index:1;} .wz_list_show .content .thum .logo_sym img {width:45%; transform:scale(1) !important; -web-kit-transform:scale(1) !important; -moz-transform:scale(1) !important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important;} .wz_list_show .content .b_set {float:left; width:100%;text-align:center; padding:15px;} .wz_list_show .content .b_set .title {float:left; text-align:center; 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:15px; } .wz_list_show .content:hover a {color:black; transition:all .2s;} .wz_list_show .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_list_show .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_list_show .content .b_set .name {float:left; width:100%; font-family:tahoma; font-size:11px; border:1px solid red;} .wz_list_show .content .b_set .date {float:left; font-family:tahoma; font-size:11px; border:0px solid red; width:100%; text-align:right;} .wz_list_show .content .b_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 .cmt {float:right; } .wz_list3 .content .cmt .cnt {padding:4px 15px 0 15px; width:auto; height:30px; border-radius:0; background:#3c8ad9; color:white; font-size:12px; text-align:center; z-index:1;} .wz_list3 .content .cmt .cnt .tt {opacity:0.6; color:white !important;} .wz_list3 .content .ptbox {position:relative; top:0; left:0; width:100%;height:0;} .wz_list3 .content .ptbox .new {position:absolute; top:-10; right:10px; width:50px; height:50px; border-radius:100%; padding:21px 0 0 0 ; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center; z-index:10;} .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 .thum .no {position:relative; top:0; left:0; width:100%; height:0px;} .wz_list3 .content .thum .no .pos {position:absolute; top:-15; left:-15px;border:1px solid #dddddd; width:55px; height:55px; border-radius:100%; background:white; padding-top:17px; font-size:15px;font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; color:black;} .wz_list3 .content .thum .pic {float:left; 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:12px; padding-bottom:10px; color:#000000;} .wz_list3 .content .b_set .cate span {margin-left:5px; font-weight:bold; color:#015faf;} .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:20px; } .wz_list3 .content .b_set .more {float:left; text-align:left; width:100%; padding:20px 0 20px 0; letter-spacing:-0.05em; opacity:0.7; line-height:180%; font-size:14px;} .wz_list3 .content .b_set .name {float:left; text-align:left; width:100%; padding:0px 0 0px 0; letter-spacing:-0.05em; color:#565656; line-height:180%; font-size:13px;} .wz_list3 .content .b_set .name span {margin-left:5px; font-weight:bold; color:#000000;} /* ###################################################################### 게시판_웹진형2 끝 css ######################################################################### */ /* ###################################################################### 게시판_상담문의스킨 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; } /* 게시판_상담문의_내용보기 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:#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_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 .frm2 {border:1px solid #dddddd; background:#ffffff; width:100%; padding:10px 10px 10px 100px; font-size:13px; line-height:2;} .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;} /* ###################################################################### 게시판_상담문의스킨 끝 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 #e2e2e2; border-width:1px 0px 0px 0px; background:white; text-align:left;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-family:Noto Sans KR, sans-serif; font-weight:500;} .bbs_comli2 .set .no {float:left; width:70px; text-align:center;} .bbs_comli2 .set .kind {float:left; width:40px;} .bbs_comli2 .set .add {float:left; width:calc(100% - 840px);} .bbs_comli2 .set .company {float:left; width:160px;} .bbs_comli2 .set .tel {float:left; width:110px;} .bbs_comli2 .set .email {float:left; width:250px;} .bbs_comli2 .set .con {float:left; width:calc(100% - 850px); } /* 구분항목뺌 kind css */ .bbs_comli2 .set .home {float:left; width:250px;} .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; font-size:13px; 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:70px; text-align:center;} .bbs_comli2 .content .kind {float:left; width:40px;} .bbs_comli2 .content .add {float:left; width:calc(100% - 840px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:500;} .bbs_comli2 .content .company {float:left; width:160px; font-weight:500;} .bbs_comli2 .content .tel {float:left; width:110px; font-family:arial; font-weight:normal;} .bbs_comli2 .content .email {float:left; width:250px; padding-right:20px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; 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-weight:normal; }/* 구분항목뺌 kind css */ .bbs_comli2 .content .home {float:left; width:250px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right:20px; 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:13px; border:1px solid #dddddd; border-width:1px 0 0 1px; width:100%; } .bbs_comli2_v .set .info {float:left; width:50%; 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 .full {} .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; border-bottom:1px solid #eeeeee;} .bbs_comli2_v .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_comli2_v .content .txt {text-align:center; max-width:1000px; text-align:left; width:100%; display:inline-block; font-size:15px; line-height:160%; color:#3f3f3f; padding:70px 0; border-bottom:0px solid #eeeeee;} .bbs_comli2_v .content .date {text-align:left; max-width:940px; width:100%; display:inline-block; color:#1e79af; font-size:12px; padding-top:30px;} /* 게시판_업체리스트2_글쓰기 css */ .bbs_comli2_w {width:900px; display:inline-block; margin: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 ######################################################################### */ /* 리스트 css */ .bbs_product {float:left; width:100%; padding:0px 0; font-size:0;} .bbs_product .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} .bbs_product .content a {color:black;} .bbs_product .content .thum {float:left; width:100%; overflow:hidden;} .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;} .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:13px; line-height:200%;} .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:940px;} /* ###################################################################### 쇼핑몰스타일상품 끝 css ######################################################################### */ /* ###################################################################### 무비스타일 css ######################################################################### */ /* 리스트 css */ .mv_pstr {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .mv_pstr .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} .mv_pstr .content a {color:black;} .mv_pstr .content .thum {float:left; width:100%; overflow:hidden;} .mv_pstr .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; } .mv_pstr .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); } .mv_pstr .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:25px 0 20px 0; text-align:center;} .mv_pstr .content .rst {float:left; width:100%; padding:0 15px;font-size:13px; opacity:0.7;} .mv_pstr .content .rst .set {float:left; width:100%; text-align:left; padding:3px 0;} .mv_pstr .content .rst .set .tt {float:left; width:45px; font-size:13px; opacity:0.7;} .mv_pstr .content .rst .set .con {float:left; width:calc(100% - 45px); font-size:13px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* 상세정보 css */ .mv_view_pstr {float:left; width:100%;} .mv_view_pstr .set_edge {float:left; width:50px; font-size:25px; padding-top:240px;} .mv_view_pstr .set_edge a {color:rgba(0,0,0,0.2);transition: all .2s;} .mv_view_pstr .set_edge a:hover {color:rgba(0,0,0,1);transition: all .2s;} .mv_view_pstr .set_center {float:left; width:calc(100% - 100px);} .mv_view_pstr .set_center .thum {float:left; width:500px;} .mv_view_pstr .set_center .thum img {width:100%; height:auto;} .mv_view_pstr .set_center .info {float:left; text-align:left; padding:30px 70px 0 70px; width:calc(100% - 500px); font-size:13px; line-height:200%;} .mv_view_pstr .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;} .mv_view_pstr .set_center .info .title span {color:red; margin-right:5px;} .mv_view_pstr .set_center .info .st {float:left; width:100%; padding:7px 0;} .mv_view_pstr .set_center .info .st .tt {float:left; width:80px; opacity:0.6;} .mv_view_pstr .set_center .info .st .mm {float:left; width:calc(100% - 80px);} .mv_view_pstr .set_center .info .st .mm .sns {float:left; width:50px; padding:0 7px 7px 0;} .mv_view_pstr .set_center .info .st .mm .sns img {width:100%;} .mv_view_pstr .set_center .info .won {font-size:11px; opacity:0.4; margin-right:5px;} .mv_view_pstr .set_center .info .adcss1 {} .mv_view_pstr .set_center .info .adcss2 {} .mv_view_pstr2 {float:left; width:100%;} .mv_view_pstr2 .set_center {float:left; width:100%; border:0px solid red;} .mv_view_pstr2 .set_center .thum {float:left; width:400px;} .mv_view_pstr2 .set_center .thum img {width:100%; height:auto;} .mv_view_pstr2 .set_center .info {float:left; text-align:left; padding:30px 70px 0 70px; width:calc(100% - 400px); font-size:13px; line-height:200%;} .mv_view_pstr2 .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;} .mv_view_pstr2 .set_center .info .title span {color:red; margin-right:5px;} .mv_view_pstr2 .set_center .info .st {float:left; width:100%; padding:7px 0;} .mv_view_pstr2 .set_center .info .st .tt {float:left; width:80px; opacity:0.6;} .mv_view_pstr2 .set_center .info .st .mm {float:left; width:calc(100% - 80px);} .mv_view_pstr2 .set_center .info .st .mm .sns {float:left; width:50px; padding:0 7px 7px 0;} .mv_view_pstr2 .set_center .info .st .mm .sns img {width:100%;} .mv_view_pstr2 .set_center .info .won {font-size:11px; opacity:0.4; margin-right:5px;} .mv_view_pstr2 .set_center .info .adcss1 {} .mv_view_pstr2 .set_center .info .adcss2 {} /* ###################################################################### 무비스타일 끝 css ######################################################################### */ /* ###################################################################### 스트리밍 css ######################################################################### */ /* 리스트 css */ .stream_li {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .stream_li .content {display:inline-block; width:33.3333%; padding:30px; vertical-align:top;} .stream_li .content a {color:black;} .stream_li .content .thum {position:relative; width:100%; height:auto;border-radius:0px; overflow:hidden !important;} .stream_li .content .thum img {width:100%; height:auto;} .stream_li .content .thum .cover {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.0); z-index:5;transition: all .2s;} .stream_li .content .thum .cover:hover {background:rgba(0,0,0,0.2);transition: all .2s;} .stream_li .content .thum .mov {float:left; width:100%; height:auto;} .stream_li .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding:25px 0 10px 0; text-align:center; letter-spacing:-0.05em;} .stream_li .content .rst {float:left; width:100%; padding:0 15px; display:none;} .stream_li .content .rst .kind {float:left; border:1px solid red;} .stream_li .content .rst .who {float:right; font-size:13px; border:1px solid red;} @media screen and (max-width : 1900px){ .stream_li .content {width:50%;} } /* 리스트 css */ .stream_li2 {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .stream_li2 .content {display:inline-block; width:33.3333%; padding:20px; vertical-align:top;} .stream_li2 .content a {color:black;} .stream_li2 .content .thum {position:relative; width:100%; height:auto;border-radius:0px; overflow:hidden !important;} .stream_li2 .content .thum img {width:100%; height:auto;} .stream_li2 .content .thum .cover {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.0); z-index:5;transition: all .3s; color:white !important; text-align:center; display:table;} .stream_li2 .content .thum .cover:hover {background:rgba(0,69,117,0.9);transition: all .3s;} .stream_li2 .content .thum .cover a {color:white; opacity:0; display:table-cell; vertical-align:middle;padding-top:15px; transition: all .3s;font-size:15px;} .stream_li2 .content .thum .cover:hover a {opacity:1; transition: all .3s; padding:0;} .stream_li2 .content .thum .mov {float:left; width:100%; height:auto;} .stream_li2 .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding:25px 0 10px 0; text-align:center; letter-spacing:-0.05em;display:none;} .stream_li2 .content .rst {float:left; width:100%; padding:0 15px; display:none;} .stream_li2 .content .rst .kind {float:left; border:1px solid red;} .stream_li2 .content .rst .who {float:right; font-size:13px; border:1px solid red;} @media screen and (max-width : 1900px){ .stream_li2 .content {width:50%;} } /* 상세정보 css */ .stream_v {float:left; width:100%;} .stream_v .title {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding-bottom:25px; color:black;} /* ###################################################################### 스트리밍 끝 css ######################################################################### */ /* ###################################################################### 프로필스타일 css ######################################################################### */ /* 리스트 css */ .my_profile_li {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .my_profile_li .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} .my_profile_li .content a {color:black;} .my_profile_li .content .thum {float:left; width:100%; overflow:hidden;} .my_profile_li .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; } .my_profile_li .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); } .my_profile_li .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:25px 0 20px 0; text-align:center;} .my_profile_li .content .rst {float:left; width:100%; padding:0 15px;} .my_profile_li .content .rst .set {float:left; width:100%; text-align:left; padding:3px 0;} .my_profile_li .content .rst .set .tt {float:left; width:70px; font-size:13px; opacity:0.7;} .my_profile_li .content .rst .set .con {float:left; width:calc(100% - 70px); font-size:13px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* 리스트 css */ .my_profile_li2 {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .my_profile_li2 .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} .my_profile_li2 .content a {color:black;} .my_profile_li2 .content .thum {float:left; width:100%; overflow:hidden; border-radius:10px 10px 0 0;} .my_profile_li2 .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; } .my_profile_li2 .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); } .my_profile_li2 .content .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; padding:0px 0 10px 0; text-align:left;} .my_profile_li2 .content .rst {float:left; width:100%; padding:25px; background:#fafafa; border-radius:0 0 10px 10px;} .my_profile_li2 .content .rst .set {float:left; width:100%; text-align:left; padding:0px 0;} .my_profile_li2 .content .rst .set .tt {float:left; width:50px; font-size:11px; opacity:0.7;} .my_profile_li2 .content .rst .set .con {float:left; width:calc(100% - 50px); font-size:11px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* 리스트 css */ .my_profile_li3 {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .my_profile_li3 .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} /* 썸네일 hover 효과 css */ .thum_eff {position: relative; overflow: hidden; width: 100%; color: #ffffff; text-align: left; font-size: 16px; background: rgba(0,0,0,0.9); border:0px solid red; border-radius:0px;} .thum_eff * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;} .thum_eff img {vertical-align: top; width: 100%; height:auto; } .thum_eff .txt_con {position: absolute; top: 0; left: 0; right: 0; z-index: 1; align-items: center; bottom: 0; display: flex; flex-direction: column; justify-content: center; border:0px solid blue; text-align:center; padding:0 20px;} .thum_eff .t_top, .thum_eff .t_btm {margin: 0; opacity: 0; letter-spacing: 1px; width:100%;} .thum_eff .t_top {-webkit-transform: translateY(-100%); transform: translateY(-100%); text-transform: uppercase; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; } .thum_eff .t_btm { -webkit-transform: translateY(100%); transform: translateY(100%);} /*.thum_eff a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} 썸네일전체에 링크를 걸경우 푼다*/ .thum_eff:hover > img, .thum_eff.hover > img {opacity: 0.1;} .thum_eff:hover .t_top, .thum_eff.hover .t_top, .thum_eff:hover .t_btm, .thum_eff.hover .t_btm {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} .thum_eff .t_btm .info1 {float:left; width:100%; opacity:0.7; padding-bottom:5px;} .thum_eff .t_btm .info2 {float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* 상세정보 css */ .my_profile_v {float:left; width:100%;} .my_profile_v .set_edge {float:left; width:50px; font-size:25px; padding-top:240px;} .my_profile_v .set_edge a {color:rgba(0,0,0,0.2);transition: all .2s;} .my_profile_v .set_edge a:hover {color:rgba(0,0,0,1);transition: all .2s;} .my_profile_v .set_center {float:left; width:calc(100% - 100px);} .my_profile_v .set_center .thum {float:left; width:500px;} .my_profile_v .set_center .thum img {width:100%; height:auto;} .my_profile_v .set_center .info {float:left; text-align:left; padding:30px 70px 0 70px; width:calc(100% - 500px); font-size:13px; line-height:200%;} .my_profile_v .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;} .my_profile_v .set_center .info .st {float:left; width:100%; padding:7px 0;} .my_profile_v .set_center .info .st .tt {float:left; width:80px; opacity:0.6;} .my_profile_v .set_center .info .st .mm {float:left; width:calc(100% - 80px);} .my_profile_v .set_center .info .st .mm a {color:black; font-size:12px;} .my_profile_v .set_center .info .st .mm a:hover {color:red;} .my_profile_v .set_center .info .st .mm .sns {float:left; width:50px; padding:0 7px 7px 0;} .my_profile_v .set_center .info .st .mm .sns img {width:100%;} .my_profile_v .set_center .info .won {font-size:11px; opacity:0.4; margin-right:5px;} .my_profile_v .set_center .info .adcss1 {} .my_profile_v .set_center .info .adcss2 {} /* ###################################################################### 무비스타일 끝 css ######################################################################### */ /* ###################################################################### 모집 css ######################################################################### */ /* 리스트 css */ .job_db {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .job_db .content {display:inline-block; width:25%; padding:15px; vertical-align:top;} .job_db .content a {color:black;} .job_db .content .thum {float:left; width:100%; overflow:hidden;} .job_db .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; } .job_db .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); } .job_db .content .igrp {float:left; width:100%;} .job_db .content .title {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:25px 15px 20px 15px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .job_db .content .rst {float:left; width:100%; padding:0 15px;} .job_db .content .rst .set {float:left; width:100%; text-align:left; padding:3px 0;} .job_db .content .rst .set .tt {float:left; width:60px; font-size:13px; opacity:0.7;} .job_db .content .rst .set .con {float:left; width:calc(100% - 60px); font-size:13px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* 리스트2 css */ .job_db2 {float:left; width:100%; padding:0px 0; font-size:0; text-align:left;} .job_db2 .content .newbox {position:relative; top:0; right:0; height:0; } .job_db2 .content .newbox .new {position:absolute; top:-36px; left:-36px; padding:7px 8px; width:auto; height:auto; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center; z-index:1;} .job_db2 .content {display:inline-block; width:calc(50% - 10px); padding:35px; margin:5px; vertical-align:top; background:#fefefe; border:1px solid #dddddd;} .job_db2 .content:hover {background:#fafafa;} .job_db2 .content a {color:black;} .job_db2 .content .igrp {float:left; width:100%;} .job_db2 .content .title {float:left; width:100%; padding:0 0 20px 0;} .job_db2 .content .title .sbj {float:left; width:calc(100% - 70px); text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .job_db2 .content .title .comment {float:left; width:70px; text-align:left;} .job_db2 .content .title .comment .icon_ar {float:right; padding:2px 5px 0 0; font-size:12px; color:#258fff;} .job_db2 .content .title .comment .cnt_ar {float:right; font-size:12px;} .job_db2 .content .rst {float:left; width:100%; padding:0 0;} .job_db2 .content .rst .set {float:left; width:50%; text-align:left; padding:4px 0;} .job_db2 .content .rst .set .tt {float:left; width:60px; font-size:13px; opacity:0.7;} .job_db2 .content .rst .set .con {float:left; width:calc(100% - 60px); font-size:13px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} /* ###################################################################### 게시판_공통 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% !important; height:100% !important; left:50%; } /* 게시판내용안 유투브 iframe2 */ .view_vod1 { position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .view_vod1 iframe { position:absolute; width:100% !important; height:100% !important; left:50%; } /* 게시판내용안 구글맵 iframe / 높이값은 사이즈별로 따로 정의*/ .view_map_google { float:left; width:100%; height:500px; padding-bottom:50px;} .view_map_google iframe { float:left; width:100%; height:100%; } /* 게시판내용안 네이버맵 */ .view_map_naver {float:left; width:100%; text-align:center; font-size:0; padding-bottom:50px;} .view_map_naver .pos {display:inline-block; max-width:534px;} /* 네이버에서 제공되는 최대 가로사이즈가 534px */ .view_map_naver .pos table {max-width:534px !important; width:auto !important; height:auto; } .view_map_naver .pos table a img {max-width:534px !important; width:100% !important; height:auto; } .view_map_naver .pos table table {width:100% !important;} /* 게시판내용안 카카오맵 */ .view_map_kakao { float:left; width:100%; text-align:center; padding-bottom:50px;} .view_map_kakao .pos {display:inline-block; max-width:504px;} /* 카카오맵에서 제공되는 기본 가로사이즈가 504px */ .view_map_kakao a img {width:100%; height:auto;} .view_map_kakao .hide {max-width:504px !important; width:100% !important; height:auto;} .view_map_kakao .hide img {width:auto !important; border:1px solid red;} .view_map_kakao .hide a {width:auto !important; height:auto !important;} /* 데이터없음 css */ .bd_list_none {padding:100px 0px; text-align:center; border-bottom:1px solid #eeeeee; font-size:11px;} /* 컨텐츠 특별 타이틀 css */ .dpn_title {float:left; padding:50px 0; text-align:center; border:1px solid #eeeeee; border-width:1px 0; margin-top:50px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; color:black;} /* 새글 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:0px;} .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; border-radius:3px 0 0 3px;} .search_box .sbox {width:100%; height:40px; background-color:#fafafa; text-align:center; border:1px solid #dddddd; border-width:1px 0px;} .search_box .sbox:focus {background-color: white !important; border:1px solid #2d2d2d !important;} .search_box .sr_btn {width:100%; height:40px; color:white; text-align:center; background-color:#2f363f; border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 파일 업로드 폼 설정 */ .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; color:black;} .bd_att_box a:hover {color:red;} .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; transition:all .2s;} /* 파일첨부버튼 */ .bd_att_box .up_btn:hover {background:#0898fe; transition:all .2s;} .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; border:1px solid #b0b0b0; background:#f0f0f0; text-align:left; font-size:11px; } /* 기존 첨부 파일명 */ .bd_att_box .del_btn {display:inline-block; vertical-align:middle; width:65px; padding:7px 0; border:1px solid #414141; background:#414141; color:#eeeeee; cursor:pointer; transition:all .2s; border-radius:2px;} /* 기존 첨부 삭제버튼 */ .bd_att_box .del_btn:hover {border:1px solid red; background:red; color:#ffffff; transition:all .2s;} /* 버튼 및 내용보기 하단 버튼 포지션 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:14px; transition:all .2s;} .bd_view_btn_s:hover {background:#002b60; transition:all .2s;} .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:14px; transition:all .2s;} .bd_view_btn_c:hover {background:#002b60; transition:all .2s;} .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:14px; transition:all .2s;} .bd_view_btn_w:hover {background:#002b60; transition:all .2s;} .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:14px; transition:all .2s;} .bd_view_btn:hover {background:#002b60; transition:all .2s;} .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:14px; transition:all .2s;} .bd_view_btn_cl:hover {background:#002b60; transition:all .2s;} .bd_view_btn_blk {display:inline-block; margin:40px 0px 20px 0px;} .bd_vbtn_arrst {float:left; width:120px; margin:0px 2px;} .bd_vbtn_arrst2 {float:left; width:200px; margin:0px 2px;} .bd_cmt_blk {float:left; width:100%; border:0px solid red;} /* 하단 이전,다음글 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;} /* 하단 이전,다음글 타이틀공통 css */ .other_thum_title {float:left; width:100%; padding:50px 0 30px 0; border-bottom:1px solid #eeeeee;} .other_thum_title .big {float:left; width:100%; font-size:28px; color:black; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:100%; letter-spacing:-0.05em;} .other_thum_title .sm {float:left; width:100%; font-size:15px; padding:10px 0 0 0;} /* 하단 이전,다음글 / 썸네일용 css */ .list_view_pic {float:left; width:100%; padding:50px 50px 0px 50px; font-size:0; display:table;} .list_view_pic .arbx {display:table-cell; vertical-align:middle; text-align:center; font-size:50px; width:calc(100% - 190px); text-align:left; padding:0 40px; color:#cacaca;} .list_view_pic .arbx a {color:gray;} .list_view_pic .arbx a:hover {color:black;} .list_view_pic .imgbx {display:table-cell; vertical-align:middle; text-align:center; width:150px; font-size:50px; color:#cacaca;} .list_view_pic .imgbx img {width:100%;} .list_view_pic .imgbx 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; } .list_view_pic .imgbx 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); } .list_view_pic .spbx {display:table-cell; vertical-align:middle; text-align:center;font-size:50px; width:80px; opacity:0.3;} .list_view_pic .right {text-align:right;} /* 하단 이전,다음글 / 썸네일용 / 현재까지출력 css */ .list_view_pic2 {float:left; width:100%; padding:50px 50px 0px 50px; font-size:0; display:table;} .list_view_pic2 .arbx {display:table-cell; vertical-align:middle; text-align:center; font-size:50px; width:calc(100% - 265px); text-align:left; padding:0 40px; color:#cacaca;} .list_view_pic2 .arbx a {color:gray;} .list_view_pic2 .arbx a:hover {color:black;} .list_view_pic2 .cur_imgbx {display:table-cell; vertical-align:middle; text-align:center; width:300px; padding:0 60px; font-size:50px; color:#cacaca;} .list_view_pic2 .cur_imgbx img {width:100%;} .list_view_pic2 .imgbx {display:table-cell; vertical-align:middle; text-align:center; width:150px; font-size:50px; color:#cacaca;} .list_view_pic2 .imgbx img {width:100%;} .list_view_pic2 .imgbx img {width:100%; opacity:0.8; 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; -webkit-filter: grayscale(100%); filter: gray; } .list_view_pic2 .imgbx img:hover{opacity:1; 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); -webkit-filter: grayscale(0%); filter: none; } .list_view_pic2 .spbx {display:table-cell; vertical-align:middle; text-align:center;font-size:50px; width:80px; opacity:0.3;} .list_view_pic2 .right {text-align:right;} /* 하단글쓰기버튼 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;} .board_app_box2 {display:inline-block; width:100%; text-align:left; padding:0 30px 0px 10px; color:black;} .board_app_box2 .tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} .board_app_box2 .tt span {color:red;} .board_app_box2 .txt {float:left; width:100%; font-size:12px; padding-top:15px; line-height:150%; opacity:0.5; letter-spacing:-0.05em;} /* 권한박스 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:0px 0;} /* 첨부파일 레이아웃 공통css / 상황에따라 변형 */ .all_bd_cnt {color:red; font-size:11px; font-family:arial; margin-left:5px;} .all_file_list {display:inline-block; padding:30px; text-align:left; border-top:1px solid #eeeeee; background:#fafafa; width:100%;} .all_file_list .att_title {float:left; font-size:13px; width:100%; color:black; padding:0 0 10px 10px;} .all_file_list .grp {float:left; width:100%;} /* 첨부파일 down css */ .bd_at_file {float:left; background-color:#ffffff; border:1px solid #eeeeee; width:250px; margin:1px; padding:10px 0px; text-align:left;} .bd_at_file:hover {border:1px solid #dddddd;} .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 */ .admin_move {float:right; margin-bottom:15px; width:100%; text-align:right;} .admin_move input {width:100px; border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} /* 리스트내 첨부된 파일 */ .li_att_file {float:left; width:100%; padding-top:15px;} /* 게시판리스트 첨부파일 출력 st1 css */ .att_file_list {float:left; border:1px solid #dddddd; background:#f7f7f7; margin:3px 3px 0 0; padding:5px 15px; } .att_file_list:hover {background:#ffffff; border:1px solid #737373;} .att_file_list .f_name {float:left; font-size:11px; letter-spacing:-0.05em; color:#154793; max-width:120px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .att_file_list .f_size {float:left; font-family:arial; font-size:11px; opacity:0.6; margin-left:5px;} /* 좋아요 싫어요 버튼 세팅 css */ .bd_chart {display:inline-block; max-width:400px; width:100%; padding:30px 0;} .bd_chart .ctt1 {float:left; font-size:12px;} .bd_chart .ctt2 {float:right; font-size:12px;} .bd_chart span {font-size:11px; font-family:tahoma; font-weight:normal; margin-left:5px;} .bd_chart .gra {float:left; width:100%; padding-top:6px;} .vote_like {float:left; border:0; background:#0099CC; color:white; text-align:center; width:80px; height:25px; margin-right:5px; border-radius:2px; cursor:pointer;} .vote_like2 {float:right; border:0; background:#0099CC; color:white; text-align:center; width:80px; height:25px; margin-right:5px; border-radius:2px; cursor:pointer;} .vote_heart {position:relative; top:0; right:0; width:100%; height:0; } .vote_heart .v_grp {position:absolute; top:0px; right:0; cursor:pointer; font-family:arial; background:#e44752; border-radius:10px;} .vote_heart .btn_icon {position:absolute; top:0px; right:0;border:0; background:transparent; color:white; text-align:center; width:100%; height:100%; cursor:pointer;} .vote_heart .btn_icon input {border:0; background:transparent; border:0; width:100%; height:100%; cursor:pointer;} .vote_heart .btn_icon input:hover {background:rgba(255,255,255,0.1);} .vote_heart .btn_txt {float:left; color:white; font-size:18px; line-height:100%; padding:15px 0 15px 20px; } .vote_heart .like_cnt {float:left; color:white; font-size:15px; line-height:100%; padding:15px 20px 15px 10px; } .vote_heart2 {float:left; width:100%; } .vote_heart2 .v_grp {display:inline-block; cursor:pointer; font-family:arial; background:#e44752; border-radius:10px; } .vote_heart2 .btn_icon {position:relative; top:0; right:0; left:0; bottom:0; margin:auto 0;border:0; background:transparent; color:white; text-align:center; width:100%; height:0; cursor:pointer; } .vote_heart2 .btn_icon input {background:transparent; border:0; width:100%; font-size:18px; line-height:100%;cursor:pointer;padding:15px 0; } .vote_heart2 .btn_icon input:hover {background:rgba(255,255,255,0.1);} .vote_heart2 .btn_txt {float:left; color:white; font-size:18px; line-height:100%; padding:15px 0 15px 20px; } .vote_heart2 .like_cnt {float:left; color:white; font-size:15px; line-height:100%; padding:15px 20px 15px 10px; } .vote_hate {float:left; border:0; background:red; color:white; text-align:center; width:80px; height:25px; border-radius:2px; cursor:pointer; } .vote_heart3 {position:relative; top:0; right:0; width:100%; height:0; } .vote_heart3 .v_grp {position:absolute; top:0px; right:0; cursor:pointer; font-family:arial; background:#e44752; border-radius:0px; border:0px solid black; height:40px;} .vote_heart3 .btn_icon {position:absolute; top:0px; right:0;border:0; background:transparent; color:white; text-align:center; width:100%; height:100%; cursor:pointer; } .vote_heart3 .btn_icon input {border:0; background:transparent; border:0; width:100%; height:100%; cursor:pointer;} .vote_heart3 .btn_icon input:hover {background:rgba(255,255,255,0.1);} .vote_heart3 .btn_txt {float:left; color:white; font-size:15px; line-height:100%; padding:12px 0 15px 20px; } .vote_heart3 .like_cnt {float:left; color:white; font-size:13px; line-height:100%; padding:12px 20px 15px 10px; } /* 게시판본문 타이틀 별도로 적용 css */ .board_title_df {float:left; width:100%; line-height:180%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding:0 20px 20px 20px;} /* 게시판상세보기 테이블형 css */ table.tb_bd_view {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.tb_bd_view>tbody>tr>th {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; text-align:left; padding:15px 0 15px 35px; width:150px; background:#f7f7f7;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; } table.tb_bd_view>tbody>tr>td {border:0px solid #e7e7e7; border-width:0px 0px 1px 1px; vertical-align:middle; text-align:left; padding:15px 20px; background:white; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; line-height:150%;} /* 게시판상세보기 모집등 항목 다수일경우 css */ .crt_box {display:inline-block; width:100%; margin-top:0px; } .crt_box .blk {float:left; width:100%; border-top:2px solid #3d3d3d;} .crt_box .ctitle {float:left; width:100%; text-align:left; background:#fafafa; color:black;border-bottom:1px solid #e7e7e7; letter-spacing:-0.05em; height:70px;} .crt_box .ctitle .sbj {float:left; text-align:left;padding:26px 0 0 20px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; } .crt_box .ctitle .share {float:right;padding:15px 20px 0 20px;} .crt_box .ctitle .share img {width:40px;} .crt_box .ctitle .share .sns {float:left;padding:0 0 0 7px;} .crt_box .iset1 {float:left; width:50%; text-align:left; font-family:Noto Sans KR, sans-serif; font-size:14px; border-bottom:1px solid #e7e7e7;} .crt_box .iset2 {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-size:14px; border-bottom:1px solid #e7e7e7;} .crt_box .ttt {float:left; width:150px; padding:18px 20px; background:#f7f7f7;font-weight:400; border-right:0px solid #e7e7e7;} .crt_box .cont {float:left; width:calc(100% - 150px); padding:18px 20px; font-weight:500;} .crt_box .name {color:black; margin-left:5px; color:#0077ee;} /* 게시판 리스트 / 모집 css */ .crt_libox {float:left; width:100%; text-align:left; font-size:0;} .crt_libox .grp {display:inline-block; width:calc(25% - 10px); margin:5px; padding:40px; border:1px solid #e7e7e7; border-radius:0px; vertical-align:top;} .crt_libox .grp:hover {background:#fafafa;} .crt_libox .grp .cmt {position:relative; top:0; right:0; height:0; } .crt_libox .grp .cmt .new {position:absolute; top:-41px; left:-41px; padding:7px 8px; width:auto; height:auto; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center;} .crt_libox .grp .cmt .cnt {position:absolute; top:-41px; right:-41px; padding-top:8px; width:30px; height:30px; border-radius:0; background:#3c8ad9; color:white; font-size:12px; font-weight:bold; text-align:center;} .crt_libox .grp .title {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; padding-bottom:15px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .crt_libox .grp .title a {color:black;} .crt_libox .grp .folder {float:left; width:100%; } .crt_libox .grp .folder .set {float:left; width:100%; text-align:left; font-size:12px; padding:3px 0;} .crt_libox .grp .folder .set .tt {float:left; width:60px; opacity:0.6;} .crt_libox .grp .folder .set .con {float:left; width:calc(100% - 60px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .crt_libox .grp .folder .set .con span {color:#2d8cbb} /* 상세페이지내 유투브항목에 적용 css */ .mv_contents {display:inline-block; padding:70px 0 0 0; width:100%;} .mv_contents .content {float:left; width:100%; text-align:left; padding:0 50px 50px 50px; border-bottom:1px solid #eeeeee;} .mv_contents .txt {float:left; width:100%; text-align:left; font-size:15px; line-height:180%;} .mv_contents2 {display:inline-block; padding:0; width:100%;} .mv_contents2 .content {float:left; width:100%; text-align:left; padding:0 50px 50px 50px; border-bottom:1px solid #eeeeee;} .mv_contents2 .txt {float:left; width:100%; text-align:left; font-size:15px; line-height:180%;} .mv_contents2 .share {float:left; width:100%; padding:0 0 40px 0; font-size:0;} .mv_contents2 .share .sns {display:inline-block; width:60px; padding:5px;} .mv_contents2 .share .sns img {width:100%;} .tg_movie_out {display:inline-block; margin-bottom:50px; max-width:1000px; width:100%;} .tg_movie_out .movie {position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .tg_movie_out .movie iframe {position:absolute; width:100%; height:100%; left:50%; } .tg_movie_out1 {display:inline-block; margin-bottom:50px; max-width:1000px; width:100%;} .tg_movie_out1 img {max-width:700px; width:100%;} .tg_movie_out1 .movie {position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .tg_movie_out1 .movie iframe {position:absolute; width:100%; height:100%; left:50%; } .tg_movie_out2 {display:inline-block; margin-bottom:50px; width:100%;} .tg_movie_out2 img {max-width:700px; width:100%;} .tg_movie_out2 .movie {position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .tg_movie_out2 .movie iframe {position:absolute; width:100%; height:100%; left:50%; } /* 게시판_리스트 좋아요,댓글수 출력, 새글 공통 / 스타일1번 css */ .list_cmtbox {position:relative; top:0; right:0; height:0; } .list_cmtbox .vote {position:absolute; top:0; left:0; padding:0 15px ; width:auto; border-radius:0; color:white; text-align:center; z-index:1;} .list_cmtbox .cnt {position:absolute; top:0; right:0; padding:0 15px; color:white; z-index:1;} .list_cmtbox .new {position:absolute; top:0; left:0; padding:7px 8px; width:auto; height:auto; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center; z-index:1;} .list_cmtbox .new2 {position:absolute; top:-15px; left:-15px; padding:7px 8px; width:auto; height:auto; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center; z-index:1;} .list_cmtbox .ficon {float:left; padding:10px 10px 0 0; font-size:13px; color:red;text-shadow: 0 0 1px #000000;} .list_cmtbox .liea {float:left; padding:10px 0 0 0;font-size:12px; text-shadow: 0 0 1px #000000;} .list_cmtbox .icon_clr {color:white;} /* 게시판_기본_리스트 / 웹진스타일 + 기본*/ .default_list {display:inline-block; width:100%; border:0px solid #eeeeee; border-width:1px 0px 0px 0px; background:white;} .default_list a {color:black;} .default_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:40px; font-size:13px; font-weight:normal;} .default_list .content:hover {background:#fafafa;} .default_list .content .cmt {position:relative; top:0; left:0; width:100%;height:0;} .default_list .content .cmt .cnt {position:absolute; top:-41px; right:-40px; padding:7px 15px 0 15px; width:auto; height:30px; border-radius:0; background:#3c8ad9; color:white; font-size:12px; text-align:center; z-index:1;} .default_list .content .cmt .cnt .tt {opacity:0.6; color:white !important;} .default_list .content .ptbox {position:relative; top:0; left:0; width:100%;height:0;} .default_list .content .ptbox .new {position:absolute; top:-10; left:-10px; width:40px; height:40px; border-radius:100%; padding:16px 0 0 0 ; line-height:100%; background:#e20052; color:white; font-size:11px; font-weight:bold; text-align:center; z-index:10;} .default_list .content .no {float:left; width:130px; } .default_list .content .no .wps {float:left; width:100%; height:130px; background:#ffffff; border:1px solid #eeeeee; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; padding-top:50px; color:black;} .default_list .content .b_set {float:left; width:calc(100% - 130px);text-align:left; padding:0 0 0 30px;} .default_list .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:20px; } .default_list .content .b_set .more {float:left; text-align:left; width:100%; padding:20px 0 20px 0; letter-spacing:-0.05em; opacity:0.7; line-height:180%; font-size:14px;} .default_list .content .b_set .name {float:left; text-align:left; width:100%; letter-spacing:-0.05em; color:#565656; line-height:180%; font-size:13px;} .default_list .content .b_set .name span {margin-left:5px; font-weight:bold; color:#000000;} .default_list .content .b_set .file {float:left; text-align:left; width:100%; padding-top:15px;} /*=================================++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++===* /* 게시판_글쓰기 공통 / 기본 css */ .wrt_dfbox {width:900px; display:inline-block; margin:0; border:1px solid #dddddd; background:#ffffff; padding:50px;} .wrt_dfbox .set {padding:3px 0; width:100%; border:0px solid red; float:left;} .wrt_dfbox .title {float:left; width:100%; text-align:left; padding:10px 0 7px 5px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px solid red;} .wrt_dfbox .stt {float:left; width:100%; text-align:left; padding:0 0 7px 5px; font-family:NNanumBarunGothic, sans-serif; font-size:12px; color:red; border:0px solid red; letter-spacing:-0.05em;} .wrt_dfbox .cbx {float:left; width:100%; text-align:left; border:0px solid red;} .wrt_dfbox .cbx .lgrp {float:left; width:100%; text-align:left; padding:5px 0 10px 8px;} .wrt_dfbox .cbx .lgrp .arl {float:left; padding:3px 10px 3px 0; width:85px;} .wrt_dfbox .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:40px; padding:0 10px; font-size:13px;} .wrt_dfbox .frm_s {border:1px solid #dddddd; background:#fafafa; width:200px; height:40px; padding:0 10px; font-size:13px;} .wrt_dfbox .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:350px; padding:10px; font-size:13px; resize:vertical;} .wrt_dfbox .btn {display:inline-block; margin-top:10px; text-align:center;} .wrt_dfbox .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;} .wrt_dfbox .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 */ .bbs_ppview {float:left; width:100%; text-align:center; background:white; border-bottom:1px solid #eeeeee;} .bbs_ppview .top {float:left; width:100%; border-bottom:0px solid #eeeeee;} .bbs_ppview .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_ppview .top .cate {color:#1e79af; margin-right:10px;} .bbs_ppview .top .ad_move {margin-left:10px;} .bbs_ppview .top .ad_move input {border:0px; background:#da0052; color:white; padding:5px 10px; border-radius:2px;} .bbs_ppview .set {display:inline-block; text-align:center; font-size:12px; background:#fafafa; width:100%; } .bbs_ppview .set .info {display:inline-block; line-height:110%; padding:20px 20px 15px 20px;} .bbs_ppview .set .info .tt {float:left; width:auto; color:#7b7b7b; } .bbs_ppview .set .info .con {float:left; width:auto; padding-left:10px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .bbs_ppview .file {display:inline-block; padding:30px 10px 10px 10px; text-align:center;} .bbs_ppview .content {width:100%; padding:20px;} .bbs_ppview .content img {max-width:1000px; width:100%; padding:20px 0px;} .bbs_ppview .content .txt {text-align:left; max-width:1000px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f; padding:50px 0;} /* 게시판_글쓰기 공통 / 외부지도삽입 css */ .board_map_block {float:left; width:100%;} .board_map_block .btar {float:left; width:100%; padding:10px 0 5px 0; text-align:right;} .board_map_block .btar input {width:160px; border:0; height:40px; background:#006ed5; color:white; font-size:12px; font-weight:bold; cursor:pointer; letter-spacing:-0.05em;} .board_map_block .map_kind {float:left; width:100%; padding:40px; margin-top:25px; background:#fafafa; border:1px solid #565656;} .board_map_block .ist_btn {display:inline-block; width:80px ;height:80px; background:#258fff; color:white; margin:-65px 0 25px 0; border-radius:100%; cursor:pointer;transition: all .2s;} .board_map_block .ist_btn:hover {background:#026bda; transition: all .2s;} .board_map_block .ist_btn .icon {float:left; width:100%; font-size:25px; padding:15px 0 5px 0;} .board_map_block .ist_btn .tt {float:left; width:100%; font-size:13px;} .board_map_block .txt {display:inline-block; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; line-height:160%;} .board_map_block .ltx {float:left; text-align:left; width:100%; font-size:12px; line-height:150%; padding:20px 10px 0 10px;} .board_map_block .ch_bx {float:left; width:100%; padding:30px 0; font-size:13px; color:#000000; font-weight:bold; border-top:1px solid #eeeeee; margin-top:25px;} .board_map_block .mtxar {border:1px solid #000000; background:#001934; width:100%; height:300px; padding:20px; font-size:12px; color:white; resize:vertical;} .board_map_block textarea::placeholder {color:rgba(255,255,255,0.8);} /* secret_리스트 css */ .secret_list {display:inline-block; width:100%; border:1px solid #e2e2e2; border-width:1px 0px 0px 0px; background:white;} .secret_list a {color:black;} .secret_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;} .secret_list .set .no {float:left; width:110px; text-align:center; } .secret_list .set .title {float:left; text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 210px);} .secret_list .set .date {float:left; width:100px;} .secret_list .content {float:left; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; font-size:13px; font-weight:normal;} .secret_list .content:hover {background:#fff6f1;} .secret_list .content .no {float:left; width:110px; text-align:center; } .secret_list .content .title {float:left; text-align:left; display:block; font-family:Noto Sans KR, sans-serif; font-weight:400; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width:calc(100% - 210px); } .secret_list .content .date {float:left; width:100px;} /* ###################################################################### 메인슬라이드 css ######################################################################### */ /* 리스트 css */ .mv_msl {float:left; width:100%; padding:0px 0; font-size:0; text-align:left; border-top:1px solid #eeeeee;} .mv_msl .content {display:inline-block; width:100%; padding:40px; vertical-align:top; border-bottom:1px solid #eeeeee;} .mv_msl .content:hover {background:#fafafa;} .mv_msl .content a {color:black;} .mv_msl .content .thum {float:left; width:180px; overflow:hidden; } .mv_msl .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;} .mv_msl .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);} .mv_msl .content .lgrp {float:left; width:calc(100% - 180px); padding:10px 0 0 80px; } .mv_msl .content .lgrp .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; padding:0 0 10px 0; letter-spacing:-0.05em;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .mv_msl .content .lgrp .title .kind {margin-right:10px; color:#3394b9; } .mv_msl .content .lgrp .title .st_yes {margin-right:10px; background:#2665ce; color:white; padding:5px 10px;font-size:12px;} .mv_msl .content .lgrp .title .st_no {margin-right:10px; background:red; color:white; padding:5px 10px;font-size:12px;} .mv_msl .content .lgrp .stxt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:10px 0 0 0;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .mv_msl .content .lgrp .ltxt {float:left; width:100%; font-size:13px; padding:15px 0 20px 0; line-height:180%;} .mv_msl .content .lgrp .rst {float:left; width:50%; padding:0 0 0 5px;font-size:13px; opacity:0.7;} .mv_msl .content .lgrp .set {float:left; width:100%; text-align:left; padding:3px 0;} .mv_msl .content .lgrp .set .tt {float:left; width:80px; opacity:0.7;} .mv_msl .content .lgrp .set .con {float:left; width:calc(100% - 80px); color:black; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} .mv_msl .content .lgrp .who {float:left; width:50%; padding:0 0 0 0;font-size:13px; opacity:0.7;} .mv_msl2 {float:left; width:100%; padding:0px 0; font-size:0; text-align:left; border-top:1px solid #eeeeee;} .mv_msl2 .content {display:inline-block; width:100%; padding:40px; vertical-align:top; border-bottom:1px solid #eeeeee;} .mv_msl2 .content:hover {background:#fafafa;} .mv_msl2 .content a {color:black;} .mv_msl2 .content .mv_link {float:left; width:400px; overflow:hidden; } .mv_msl2 .content .mv_link .set {position:relative; width:100%; height:auto;} .mv_msl2 .content .mv_link .mv {position:relative; width:100%; top:0; left:0; height:auto; } .mv_msl2 .content .mv_link .cover {position:absolute; width:100%; top:0; left:0; height:100%; z-index:5; background:rgba(0,0,0,0.0); transition: all .2s;} .mv_msl2 .content .mv_link .cover:hover {background:rgba(0,0,0,0.1); transition: all .2s;} .mv_msl2 .content .thum {float:left; width:180px; overflow:hidden; display:none;} .mv_msl2 .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;} .mv_msl2 .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);} .mv_msl2 .content .lgrp {float:left; width:calc(100% - 400px); padding:10px 0 0 80px; } .mv_msl2 .content .lgrp .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; padding:0 0 10px 0; letter-spacing:-0.05em;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .mv_msl2 .content .lgrp .title .kind {margin-right:10px; color:#3394b9; } .mv_msl2 .content .lgrp .title .st_yes {margin-right:10px; background:#2665ce; color:white; padding:5px 10px;font-size:12px;} .mv_msl2 .content .lgrp .title .st_no {margin-right:10px; background:red; color:white; padding:5px 10px;font-size:12px;} .mv_msl2 .content .lgrp .stxt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; padding:10px 0 0 0;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .mv_msl2 .content .lgrp .ltxt {float:left; width:100%; font-size:13px; padding:15px 0 20px 0; line-height:180%; opacity:0.7;} .mv_msl2 .content .lgrp .rst {float:left; width:50%; padding:0 0 0 5px;font-size:13px; opacity:0.7;} .mv_msl2 .content .lgrp .set {float:left; width:100%; text-align:left; padding:3px 0;} .mv_msl2 .content .lgrp .set .tt {float:left; width:80px; opacity:0.7;} .mv_msl2 .content .lgrp .set .con {float:left; width:calc(100% - 80px); color:black; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} .mv_msl2 .content .lgrp .who {float:left; width:50%; padding:0 0 0 0;font-size:13px; opacity:0.7;} /* ###################################################################### 메인슬라이드 끝 css ######################################################################### */ /* 촬영장소리스트 css */ .locate_bx {float:left; width:100%; border-top:1px solid #eeeeee;} .locate_bx .content {float:left; width:100%; text-align:left; padding:50px; border-bottom:1px solid #eeeeee;} .locate_bx .content:nth-child(even) {background:#ffffff; transition:all .2s;} .locate_bx .content:nth-child(odd) {background:#fafafa;transition:all .2s;} .locate_bx .content:nth-child(even):hover, .locate_bx .content:nth-child(odd):hover {background:#f7fdff;transition:all .2s;} .locate_bx .no {float:left; width:100px; text-align:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px;} .locate_bx .set {float:left; width:calc(100% - 100px); text-align:left;} .locate_bx .tt a {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black;} .locate_bx .tt a:hover {color:red;} .locate_bx .company {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; color:#0070b1; padding:15px 0 15px 0;} .locate_bx .add {float:left; width:100%; font-size:13px;} .locate_bx .tel {float:left; width:100%; font-size:13px; padding:5px 0 0 0;} .locate_bx .email {float:left; width:100%; font-size:13px;} /* 모델라인신청서 css */ .mdl_app {float:left; width:100%; padding-bottom:110px;border:0px solid red; margin-top:-150px;} .mdl_app .pos {width:1000px; display:inline-block; margin:0px 0; border:1px solid #dddddd; background:#fafafa; padding:70px; border-radius:45px;box-shadow: 1px 1px 1px #dddddd, 0 0 15px #dddddd, 0 0 5px #dddddd;} .mdl_app .ap_btit {padding:0 0 25px 0; width:100%; border:0px solid red; float:left; text-align:center;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; line-height:100%; letter-spacing:-0.05em; color:black;} .mdl_app .ap_btit span {margin-right:10px; color:#005fc1;} .mdl_app .ap_set {padding:3px; width:50%; border:0px solid red; float:left; text-align:left;} .mdl_app .ap_set.full {width:100%;} .mdl_app .ap_set.pad {} .mdl_app .ap_set.spw {width:calc(100% - 100px);} .mdl_app .ap_set .cbx input {width:100%; height:50px; text-align:left; border:1px solid #dddddd; padding-left:100px; font-size:15px; color:#0077db; border-radius:5px; font-family:Noto Sans KR, sans-serif; font-weight:500; } .mdl_app .ap_set textarea {width:100%; height:150px; text-align:left; border:1px solid #dddddd; padding:20px; font-size:15px; color:#0077db; border-radius:5px;} .mdl_app .ap_set .cbx input:focus {outline:none; background-color: white !important; border:1px solid #0063b6 !important;} .mdl_app .ap_set textarea:focus {outline:none; background-color: white !important; border:1px solid #0063b6 !important;} .mdl_app .box_35 {border-radius:5px !important; padding:0 10px; height:50px;} .mdl_app .up_btn {background:#636363 !important; transition:all .2s; border-radius:5px; height:50px; line-height:50px; padding:0;} .mdl_app .up_btn:hover {background:#005399 !important; transition:all .2s;} .mdl_app .title {position:relative; width:100px; height:0px; top:16px; left:20px;text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; color:rgba(0,0,0,1); border:0px solid red;} .mdl_app .cbx {float:left; width:100%; text-align:left; border:0px solid red;} .mdl_app .wrntxt {float:left; color:red; text-align:left; margin:10px 0 0px 5px;} .mdl_app .code {float:left; padding:5px 0 0 0 ; margin:3px 0; width:100px; height:50px; border:1px solid #dddddd; background:white; border-radius:5px; text-align:center;} .mdl_app .code img {width:90%;} .mdl_app .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%;} .mdl_app .cbx img {height:25px; margin-right:10px;} .mdl_app .cbx span {border:0px solid red; color:red; margin-left:5px; font-size:12px;} .mdl_app .cbx .ar1 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .mdl_app .cbx .ar2 {float:left; width:calc(33.333% - 2px); margin-left:2px; text-align:left; border:0px solid red;} .mdl_app .frm {border:1px solid #dddddd; background:#fafafa; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px;} .mdl_app .sppd {padding:0 10px 0 200px;} .mdl_app .txar {border:1px solid #dddddd; background:#fafafa; width:100%; height:150px; padding:20px; font-size:13px;} .mdl_app .line {display:inline-block; height:1px; width:100%; background:#eeeeee; margin:15px 0;} .mdl_app .pos .rule_set {padding:0px 0 40px 0; width:100%; border:0px solid red; float:left;} .mdl_app .pos .ybx {padding:0px 0 0px 0; width:100%; border:0px solid red; float:left;} .mdl_app .pos .ybx .memo{float:left; border:1px solid #dddddd; width:100%; height:150px; background:#ffffff; overflow:auto;text-align:left; padding:15px; line-height:180%; color:rgba(0,0,0,0.6);} .mdl_app .pos .ybx .memo span {font-weight:500;} .mdl_app .pos .ybx .set {padding:15px 0 0 0; width:100%; border:0px solid red; float:left;} .mdl_app .pos .ybx .set .label {color:black; 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:left; width:100%;} .mdl_app .pos .y_space {float:left; width:100%; height:30px; } .mdl_app .pos .yak_txt {padding:25px 0 15px 0px; float:left;width:100%; border-top:1px solid #dddddd;} .mdl_app .pos .yak_txt span {color:red;} .mdl_app .pos .yak_txt .ytt {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; padding-left:10px;} .mdl_app .pos .yak_txt .ychk {float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; color:#0068a4;} .mdl_app .btn {display:inline-block; margin-top:30px; text-align:center;} .mdl_app .btn .save {width:300px; padding:25px 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:5px; cursor:pointer; transition:all .2s;} .mdl_app .btn .save:hover {background:#0071d0; transition:all .2s;} .mdl_app .btn .cancel {width:200px; padding:25px 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:5px; cursor:pointer;}