/* 에디트&기타 */ .SelectBar {font:normal 12px 'Noto Sans KR','굴림'; border-top-style:none; background:#dfdfdf} .BtnImg {width:25px; height:25px; font:normal 12px 'Noto Sans KR','굴림'; border-style:none; background:#dfdfdf} .TextMenuBar {font:normal 12px 'Noto Sans KR','굴림'; border-top-style:none; background:#dfdfdf} .input_1 {font:normal 12px 'Noto Sans KR','돋움'; background:#fff; border:1px solid #999} .input {font:normal 12px 'Noto Sans KR','돋움'; background:#fff; border:1px solid #999} .intro {font:normal 12px/19px 'Noto Sans KR','돋움'; color:#666} .scrollbars1 {scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d9d9d9; scrollbar-shadow-color:#d9d9d9; scrollbar-darkshadow-color:#d9d9d9; scrollbar-track-color:#fff; scrollbar-arrow-color:#9d9d9d} .text_b {font:bold 12px/16px 'Noto Sans KR','돋움'; color:#000} .data {font:normal 11px/16px tahoma,'Noto Sans KR','돋움'; color:#999} .data2 {font:normal 11px/16px tahoma,'Noto Sans KR','돋움'; color:#999} /* 편집기 css */ .bold {font-weight: bold;} .underline {text-decoration:underline;} .italic {font-style: italic;} .0 {line-height:1.8;} .left {text-align:left;} .center {text-align:center; margin:0 auto} .right {text-align:right;} #textinput .bold {font-weight: bold;} #textinput .underline {text-decoration:underline;} #textinput .italic {font-style: italic;} #textinput .0 {line-height:1.8;} #textinput .left {text-align:left;} #textinput .center {text-align:center;} #textinput .right {text-align:right;} #textinput a {font-size:100%; text-decoration:underline; color:#0000ff;} #textinput,#textinput p {font:normal 14px/1.8 'Noto Sans KR'; color:#333; text-align:justify} /* page_limit .paging,a.paging:link,a.paging:visited {font:bold 12px 'Noto Sans KR','굴림',sans-serif; text-decoration:none; text-align:center; color:#444; padding-left:2px; padding-right:2px} a.paging:hover,a.paging:active {font:bold 12px 'Noto Sans KR','굴림',sans-serif; text-decoration:none; text-align:center; color:#ff6c00; padding-left:2px; padding-right:2px} */ /* 카테고리 */ #bbs_cate {position:relative; display:table; margin:0 auto; margin-top:70px; border-left:1px solid #ddd; overflow:hidden;} #bbs_cate li {float:left; height:55px; padding:0 70px; background:#fff; text-align:center; border:1px solid #ddd; border-left:none} #bbs_cate li,#bbs_cate li a,#bbs_cate li a:visited {font:normal 16px/55px 'Noto Sans KR'; color:#333} #bbs_cate li.on {background:#167fc4} #bbs_cate li.on,#bbs_cate li.on a,#bbs_cate li.on a:visited {font:normal 16px/55px 'Noto Sans KR'; color:#fff} #bbs_cate_year {position:relative; display:table; margin:0 auto; margin-top:70px;overflow:hidden;} #bbs_cate_year span {float:left} #bbs_cate_year .subtab {float:left; width:600px; } #bbs_cate_year ul {display:table; margin:0 auto} #bbs_cate_year li {float:left; margin:0 15px} #bbs_cate_year li.on{color:#167fc4} /* 스킨1-리스트 */ #bbs_skin1_list {float:left; width:100%; position:relative; text-align:left;} #bbs_skin1_list .top {position:relative; height:18px; padding-bottom:5px;} #bbs_skin1_list .top li {display:inline; height:18px; padding-right:3px;} #bbs_skin1_list .top p {position:absolute; top:0; right:0; font:normal 11px/14px 'Noto Sans KR'; color:#888;} #bbs_skin1_list .list table {width:100%; padding:0; border-top:2px solid #333; border-collapse:collapse;} #bbs_skin1_list .list th {background:none; font:normal 14px/16px 'Noto Sans KR'; color:#333; border-bottom:1px solid #333; vertical-align:top; padding:15px 0; text-align:center} #bbs_skin1_list .list td {border-bottom:1px solid #e0e0e0; padding:12px} #bbs_skin1_list .notice {background:#f7f7f7} #bbs_skin1_list .notice2 {background:#EFF6FC} #bbs_skin1_list .no {width:60px; font:normal 11px/14px 'Noto Sans KR'; color:#888; text-align:center} #bbs_skin1_list .no > .notice {display:inline-block; color:#0088D2; padding:3px 5px; font-size:15px ; font-weight:500} #bbs_skin1_list .no_s {width:60px; font:normal 11px/14px 'Noto Sans KR'; color:#888; text-align:center;} #bbs_skin1_list .no_s > .notice {display:inline-block; background:#0088D2; padding:3px 5px; font:normal 11px/14px 'Noto Sans KR'; color:#fff} #bbs_skin1_list .no_s > .notice2 {display:inline-block; background:#8C8C8C; padding:3px 5px; font:normal 11px/14px 'Noto Sans KR'; color:#fff} #bbs_skin1_list .file {width:40px; text-align:center} #bbs_skin1_list .subject {text-align:left; font:normal 13px/16px 'Noto Sans KR';} #bbs_skin1_list .subject a,#bbs_skin1_list .subject a:visited {font-size:15px; text-decoration:none; color:#333;} #bbs_skin1_list .subject a:hover {text-decoration:underline;} #bbs_skin1_list .subject > .notice,#bbs_skin1_list .subject > .notice a,#bbs_skin1_list .subject > .notice a:visited {font-family:'Noto Sans KR'; color:#0088D2} #bbs_skin1_list .name {font:normal 11px/14px 'Noto Sans KR'; color:#333; padding-right:10px} #bbs_skin1_list .name a,#bbs_skin1_list .name a:visited {font:normal 12px/16px 'Noto Sans KR'; text-decoration:none; color:#333} #bbs_skin1_list .name a:hover {text-decoration:underline;} #bbs_skin1_list .date {width:80px; font:normal 11px/14px 'Noto Sans KR'; color:#888; text-align:center} #bbs_skin1_list .count {width:60px; font:normal 11px/14px 'Noto Sans KR'; color:#888; text-align:center;} #bbs_skin1_list .etc_num {font:normal 11px/14px 'Noto Sans KR'; color:#0060d8;} #bbs_skin1_list .search {width:100%;} #bbs_skin1_list .search_box {display:table; margin:0 auto} #bbs_skin1_list .search li {float:left;} #bbs_skin1_list .search li select {height:33px; border:1px solid #ccc; } #bbs_skin1_list .search li input {height:25px; border:1px solid #ccc; background:#fafafa; padding:3px 5px; margin-left:3px; color:#555;} #bbs_skin1_list .search li .btn {height:33px; margin-left:3px; padding:0 10px; background:#555; color: #fff; border:none; cursor:pointer;} #bbs_skin1_list .bbs_search_box {position:absolute; top:15px; left:-139px; width:280px;} #bbs_skin1_list .bbs_search_box li {float:left; height:20px; .padding-top:1px;} #bbs_skin1_list .bbs_search_box li select {width:80px; height:20px; border:1px solid #ccc; font:normal 12px/16px 'Noto Sans KR'; color:#666;} #bbs_skin1_list .bbs_search_box li.text_input {padding:0 4px; .padding:0 4px;} #bbs_skin1_list .bbs_search_box li.text_input input {width:140px; height:18px; border:1px solid #ccc; font:normal 12px/16px 'Noto Sans KR'; color:#666;} /* 포토갤러리 */ #bbs_skin1_list .photo_skin {position:relative; width:100%; overflow:hidden; padding:4% 0 } #bbs_skin1_list .photo_skin dl {float:left; width:315px; margin:0 30px} #bbs_skin1_list .photo_skin dt {width:100%; height:200px; overflow:hidden; margin-bottom:10px; border:1px #ddd solid} #bbs_skin1_list .photo_skin dt img {width:100%; min-height:200px} #bbs_skin1_list .photo_skin dd {position:relative; height:36px; overflow:hidden; margin-bottom:20px} #bbs_skin1_list .photo_skin dd span {position:absolute; top:18px; right:0; padding-left:2px; height:18px; background:#fff; color:#0088D2; text-align:right} #bbs_skin1_list .photo_skin dd,#bbs_skin1_list .photo_skin dd a,#bbs_skin1_list .photo_skin dd a:visited {font:normal 18x/1.8 'Noto Sans KR'; color:#333} /* 칼럼 */ #bbs_skin1_list .column_list {position:relative; border-top:2px solid #333; border-bottom:1px solid #333} #bbs_skin1_list .column_list_box {clear:both; position:relative; height:100px; padding:15px 0; border-bottom:1px solid #e0e0e0} #bbs_skin1_list .column_list_box .thumb {float:left; width:130px; height:100px; overflow:hidden; margin-right:20px} #bbs_skin1_list .column_list_box .link {position:absolute; top:15px; left:0; z-index:999} #bbs_skin1_list .column_list_box dl {position:relative} #bbs_skin1_list .column_list_box dt {margin:5px 0 3px} #bbs_skin1_list .column_list_box dt,#bbs_skin1_list .column_list_box dt a,#bbs_skin1_list .column_list_box dt a:visited {font:normal 16px/20px 'Noto Sans KR'; color:#333} #bbs_skin1_list .column_list_box dd.stitle {margin-bottom:10px; font:normal 12px/16px 'Noto Sans KR'; color:#0088D2} #bbs_skin1_list .column_list_box dd.sbody {font:normal 12px/20px 'Noto Sans KR'; color:#666} #bbs_skin1_list .column_view {position:relative; border-top:2px solid #333; margin-bottom:30px} #bbs_skin1_list .column_view .title_area {position:relative; height:100px; padding:20px 15px; border-bottom:1px solid #333; background:#f5f5f5} #bbs_skin1_list .column_view .title_area .thumb {float:left; width:130px; height:100px; overflow:hidden; margin-right:25px} #bbs_skin1_list .column_view .title_area dt {padding:30px 0 8px; font:normal 20px/24px 'Noto Sans KR'; color:#333} #bbs_skin1_list .column_view .title_area dd {font:normal 13px/16px 'Noto Sans KR'; color:#0088D2} #bbs_skin1_list .column_view .body_area {position:relative; padding:30px 15px; font:normal 13px/1.8 'Noto Sans KR'; color:#333} #bbs_skin1_view {/*background:#fff;*/ padding-top:5%} #bbs_skin1_view .title {width:55%; margin:0 auto; text-align:center; padding:5% 0; border-bottom: #000 solid 1px; font-size:34px; font-weight:500} #bbs_skin1_view .title p{font-size:18px; font-weight:300; padding-top:30px} #bbs_skin1_view .contents {width:55%; margin:0 auto; position:relative; color:#333; padding:50px 0; text-align:justify; overflow:hidden; line-height:1.6} #bbs_skin1_view .contents p {line-height:1.6} #bbs_skin1_view .contents p.ip {font:normal 12px/16px 'malgun gothic'; color:#888;} #bbs_skin1_view .contents .fdawn_img {text-align:center; padding-bottom:20px;} #bbs_skin1_view .contents .fdawn_file {margin-bottom:10px;} #bbs_skin1_view .contents .fdawn_file_box {border:2px solid #ccc; padding:5px 6px 0 5px; text-align:left; font:normal 12px/16px 'malgun gothic'; color:#888;} #bbs_skin1_view .contents table {width:auto!important; background:none!important} #bbs_skin1_view .contents img {width:auto; max-width:774px} #contents .bt {padding-bottom:40px;} .bbs_write {width:800px; margin:0 auto} .body_sns {width:60%; margin:0 auto; padding-bottom:4%} .body_sns .like {float:left} .body_sns .like img {position:relative;top: 5px; margin:0 5px;} .body_sns .sns {float:right} .body_sns .sns li {display:inline} .button_gr {width:60%; margin:0 auto; text-align:right; padding:3% 0; } #bbs_book_view .body_sns,#bbs_book_view .comment_wrap,#story_bg .body_sns,#story_bg .comment_wrap {width:50%} #bbs_book_view .btn_more,#story_bg .btn_more {padding:1% 0 4% 0!important; background:#fff} /* 글쓰기 & 답글 & 수정 */ #bbs_write {position:relative; text-align:left;} #bbs_write table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} #bbs_write th {width:100px; background:#f3f3f3; font:normal 12px/16px 'Noto Sans KR'; letter-spacing:-1px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0 0 7px; text-align:left;} #bbs_write td {border-bottom:1px solid #e0e0e0; padding:5px; font:normal 11px/14px 'Noto Sans KR'; letter-spacing:-1px; color:#666;} #bbs_write td input {font:normal 12px/16px 'Noto Sans KR'; color:#000;} #bbs_write td .input {border:1px solid #d0d0d0; font:normal 12px/16px 'Noto Sans KR'; color:#000;} #bbs_write td span.red {color:#ff0000;} #bbs_write td span.name {font:normal 12px/16px 'Noto Sans KR'; color:#000;} #bbs_write .bt_box {width:100%; text-align:center; padding:15px 0;} .bbs_write {position:relative; text-align:left;} .bbs_write table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} .bbs_write th {width:120px; background:#f3f3f3; font:normal 12px/16px 'Noto Sans KR'; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:8px 0 8px 7px; text-align:left;} .bbs_write td {border-bottom:1px solid #e0e0e0; padding:5px; font:normal 11px/14px 'Noto Sans KR'; color:#666;} .bbs_write td input {font:normal 12px/16px 'Noto Sans KR'; color:#000;} .bbs_write td .input {height:20px; border:1px solid #d0d0d0; background:#fff; font:normal 12px/16px 'Noto Sans KR'; color:#000;} .bbs_write td span.red {color:#ff0000;} .bbs_write td span.name {font:normal 12px/16px 'Noto Sans KR'; color:#000;} .bbs_write .bt_box {width:100%; text-align:center; padding:15px 0;} /* 삭제 & 비밀글 비밀번호 입력화면 */ #bbs_delete {position:relative; height:127px; margin:50px 0} #bbs_delete form {position:absolute; width:260px; top:0; left:50%;} #bbs_pass_box {position:absolute; top:0; left:-130px; width:100%; border-bottom:1px solid #e0e0e0} #bbs_pass_box .bpb_bar {padding:8px 0; font:normal 13px/16px 'Noto Sans KR'; color:#000; text-align:center; background:#fff; border-top:2px solid #333; border-bottom:1px solid #333;} #bbs_pass_box .bpb_ct {font:normal 12px/16px 'Noto Sans KR'; color:#666; text-align:center; margin:10px 0;} #bbs_pass_box .bpb_ct p {margin-bottom:8px;} #bbs_pass_box .bpb_ct p input {border:1px solid #d0d0d0; font:normal 12px/16px 'Noto Sans KR'; color:#000; text-align:center;} #bbs_pass_box .p_bt {margin:5px 0; text-align:center;} #bbs_view_pass {position:relative; height:130px; margin:50px 0;} #bbs_view_pass form {position:absolute; width:260px; top:0; left:50%;} /* 댓글 수정, 삭제 */ #etc_m_wrap {position:relative; background:#f0f0f0;} #etc_m_wrap h1 {position:relative; height:32px; padding:0 10px; background:#0088D2; font:normal 13px/30px 'Noto Sans KR'; color:#fff} #etc_m_wrap form {padding:10px} #etc_m_wrap table caption {font-size:0} #etc_m_wrap th {width:60px; font:normal 12px/16px 'Noto Sans KR'; color:#444; text-align:left} #etc_m_wrap td {margin-bottom:2px} #etc_m_wrap .etc_d {text-align:center; font:normal 12px/20px 'Noto Sans KR'; color:#444} #etc_m_wrap .input_title {width:98%; height:18px; border:1px solid #ccc; background:#fff; font:normal 12px/16px 'Noto Sans KR'; color:#333} #etc_m_wrap .input_memo {width:98%; height:90px; border:1px solid #ccc; background:#fff; font:normal 12px/16px 'Noto Sans KR'; color:#333} #etc_m_wrap .input_name,#etc_m_wrap .input_pass {width:120px; height:18px; border:1px solid #ccc; background:#fff; font:normal 12px/16px 'Noto Sans KR'; color:#333} #etc_m_wrap .bt_area {text-align:center; padding-top:10px} /*댓글*/ #comment_box {position:relative; background:#f3f3f3; border:1px solid #d4d4d4; padding:12px;} #comment_box .comment_list {position:relative;} #comment_box .comment_list .comment_list_box {background:url(/bbs/icon/dot_line.gif) repeat-x left bottom; margin-bottom:5px;} #comment_box .comment_list .comment_list_box .name_area {position:relative; font:normal 12px/16px 'Noto Sans KR'; color:#333} #comment_box .comment_list .comment_list_box .name_area p.date {position:absolute; top:0; right:50px; font:normal 11px/14px tahoma,'Noto Sans KR'; color:#999;} #comment_box .comment_list .comment_list_box .name_area p.bt {position:absolute; top:0; right:0} #comment_box .comment_list .comment_list_box .memo_area {position:relative; font:normal 12px/16px 'Noto Sans KR'; color:#666; padding:0 0 10px;} #comment_box2 {position:relative;} #comment_box2 .comment_list {position:relative; margin:20px; } #comment_box2 .comment_list .comment_list_box {background:url(/bbs/icon/dot_line.gif) repeat-x left bottom; margin-bottom:5px ;} #comment_box2 .comment_list .comment_list_box .name_area {position:relative; font:normal 11px/18px 'dotum'; color:#222} #comment_box2 .comment_list .comment_list_box .name_area p.date {position:absolute; top:0; right:50px; font:normal 11px/14px tahoma,'dotum'; color:#999;} #comment_box2 .comment_list .comment_list_box .name_area p.bt {position:absolute; top:0; right:0} #comment_box2 .comment_list .comment_list_box .memo_area { width:800px; position:relative; font:normal 11px/16px 'dotum'; color:#666; padding:0 0 10px;} .bt {width:100%} .bt p {float:right;} .bt p a {font: normal 13px/1.8 'Noto Sans KR'; color: #fff; background:#000; padding:2px 14px} .reply_box {float:left; background:#f4f4f4; padding:2%} .reply_box li {float:left; margin-right:4px} .reply_box li.spam span {font-size:13px; color:#666} .reply_box li.spam img {background: #2C9AD5; padding:7px; position:relative; top:-5px;} .reply_box li.text {width:100%; overflow:hidden} .reply_box button {background: #026EC9; color: #fff; padding:7px 42px; cursor: pointer; text-align:center; border:none; white-space:nowrap} .reply_box textarea {width:100%; height:80px; border:none; font-family:'Noto Sans KR'; padding:2%; margin-bottom:5px} .reply_box input {width:95px; padding:7px 0 ; text-align:center; background:#ededed;border: none; } .reply_box select {width:87px; background:#ededed; border: none; padding:6px 0 ; text-align:center} #reader_t {float:left; width:100%;} #comment {float:left; width:100%; margin:0 auto; position:relative; padding:4% 0; background:#fff;} .comment_wrap {width:60%; margin:0 auto} .comment_li {float:left; width:100%; border-bottom:1px #ccc dotted; padding:2% 0;} .comment_li div {float:left; width:100%; font-size:13px; color:#666; text-align:justify} .comment_li ul {padding-bottom:10px} .comment_li .name {float:left;} .comment_li .name .bl {color:#026EC9; font-weight:500; text-align:left; font-size:14px} .comment_li .name .date {color:#888; font-size:12px} .comment_li .recommend, .comment_li .reco_ico {float:right} .comment_li .reco_ico b {position:relative; top:-3px} .page_limit a {margin:0 2px} .page_limit b{color:#00356b; margin: 0 2px;} .page_limit {float:left;position:relative; width:100%; text-align:center; padding:10px 0} .page_limit,.page_limit a,.page_limit a:visited {font:normal 12px/40px 'Noto Sans KR'; color:#666} .page_limit p a {font: normal 13px/1.8 'Noto Sans KR'; color: #fff!important; background:#000; padding:2px 14px} .page_limit b {padding:0 6px; color:#000} .page_limit p {position:absolute; top:9px; right:0;} /*게시글삭제*/ #s_wrap .bbs #bbs_delete {position: relative; float: left!important; height: 127px; margin: 50px 0; left: 50%!important;}