.btn {display:inline-block; width:63px; height:28px; border:1px solid #0969B3; border-radius:15px; padding:0; background:#fff; font-size:14px; line-height:28px; color:#0969B3; text-align:center;} .btn2 {display:inline-block; width:63px; height:30px; border:1px solid #0969B4; border-radius:15px; padding:0; background:#0969B3; font-size:14px; line-height:26px; color:#fff; text-align:center;} .btn3 {display:inline-block; width:63px; height:28px; border:1px solid #999; border-radius:15px; padding:0; background:#fff; font-size:14px; line-height:26px; color:#666; text-align:center;} .btn4 {display:inline-block; width:40px; height:24px; border:1px solid #ccc; border-radius:3px; padding:0; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0f0f0)); font-size:12px; line-height:24px; color:#666; text-align:center;} .btn_file {display:inline-block; width:87px; height:28px; border:1px solid #c0c0c0; border-radius:5px; background:#e0e0e0 url(/m_b/icon/file.png) no-repeat 7px 6px; background-size:16px 16px; padding:0 0 0 7px; font-size:14px; line-height:28px; color:#000; text-align:center;} /* skin1 - 목록 */ #bbs_skin1_list {position:relative; background:#fff} #bbs_skin1_list .title {position:relative; height:42px; border-bottom:1px solid #e1e1e1; overflow:hidden;} #bbs_skin1_list .title h2 {padding-right:130px; font-size:18px; line-height:42px; letter-spacing:-1px; color:#333; text-indent:14px;} #bbs_skin1_list .title p.bt_write {position:absolute; top:6px; right:50px;} #bbs_skin1_list .title p.bt_search {position:absolute; top:6px; right:14px; width:28px; height:28px; border:1px solid #999; border-radius:15px; background:#fff; line-height:26px; text-align:center; cursor:pointer;} #bbs_skin1_list .title p.bt_search2 {position:absolute; top:6px; right:14px; width:28px; height:28px; border:1px solid #777776; border-radius:15px; background:#777; line-height:26px; text-align:center; cursor:pointer;} #bbs_skin1_list .title p.bt_search img,#bbs_skin1_list .title p.bt_search2 img {width:20px; margin:4px} #bbs_skin1_list .list li {border-bottom:1px solid #e1e1e1 !important; overflow:hidden;} #bbs_skin1_list .list li.notice {background:#f2f2f2;} #bbs_skin1_list .list li a {display:flex; position:relative; width:100%; -webkit-box-align:center; align-items:center; } #bbs_skin1_list .list .file {float:left; display:flex; width:110px; height:63px; margin:10px 0 10px 15px; overflow:hidden; text-align:center; justify-content:center; align-items:center;} #bbs_skin1_list .list .file img {width:110px; height:auto; min-height:63px; margin:0/*border:1px solid #ddd; margin:10px 0 10px 14px;*/} #bbs_skin1_list .list .cont {-webkit-box-flex:1; flex:1; display:block; padding:10px 14px; overflow:hidden;} #bbs_skin1_list .list .cont .notice {display:inline-block; background:#0969B3; border-radius:10px; margin-right:5px; padding:1px 6px; font-size:12px; color:#fff} #bbs_skin1_list .list .cont .notice2 {display:inline-block; background:#8C8C8C; border-radius:10px; margin-right:5px; padding:1px 6px; font-size:12px; color:#fff} #bbs_skin1_list .list .cont strong {font-weight:normal; font-size:16px; line-height:21px; color:#000;} #bbs_skin1_list .list .cont .info {display:inline-block; padding-top:3px; font-size:12px; color:#ddd} #bbs_skin1_list .list .cont .info .name {color:#666} #bbs_skin1_list .list .cont .info .date,#bbs_skin1_list .list .cont .info .count {color:#999} #bbs_skin1_list .list .cont .info .etc_num {display:inline-block; background:url(/m_b/icon/comment.png) no-repeat 0 2px; background-size:12px 12px; padding-left:15px; color:#666} #bbs_skin1_list .new {display:inline-block; width:14px; height:14px; background:#48B24F; border-radius:7px; margin-left:3px; font-size:11px; line-height:15px; color:#fff; text-align:center;} #bbs_skin1_list .page_limit {position:relative !important; padding:15px !important; text-align:center !important; background:#f0f0f0 !important;} #bbs_skin1_list .page_limit a {display:inline-block !important; width:28px !important; height:28px !important; margin:0 2px !important; background:#fff !important; border:1px solid #ccc !important; border-radius:15px !important; font-size:16px !important; line-height:28px !important; color:#888 !important; text-align:center !important; padding: 0 !important; vertical-align: 0 !important;} #bbs_skin1_list .page_limit .cur_num {display:inline-block !important; width:28px !important; height:28px !important; margin:0 2px !important; background:#0969B3 !important; border:1px solid #0969B4 !important; border-radius:15px !important; font-size:16px !important; line-height:28px !important; color:#fff !important; text-align:center !important; padding: 0 !important; vertical-align: 0 !important;} #bbs_skin1_list .page_limit a.arr {background:#e1e1e1 !important;} #bbs_skin1_list .search {position:absolute; top:42px; left:0; width:100%; height:47px; background:#777;} #bbs_skin1_list .search_box {position:relative; padding:9px 113px 0 14px;} #bbs_skin1_list .search_box select {position:absolute; top:0; left:-9999px; font-size:0;} #bbs_skin1_list .search_box input.text_input {width:100%; height:29px; padding:0; border:0; background:#fff; border-radius:15px; font-size:14px; color:#000} #bbs_skin1_list .search_box .bt {position:absolute; top:9px; right:50px; border:0; background:none; padding:0} #bbs_skin1_list .search_box .close {position:absolute; top:9px; right:15px; cursor:pointer;} #bbs_skin1_list .search_box .close img {width:28px;} /* 비밀글 */ .bbs_pass {position:relative;} .bbs_pass h2 {height:42px; border-bottom:1px solid #e1e1e1; font-size:18px; line-height:42px; letter-spacing:-1px; color:#333; text-align:center;} .bbs_pass p.input {padding:30px 0 15px; text-align:center;} .bbs_pass p.input input {height:28px; border:1px solid #ccc; border-radius:5px; padding:0 5px; font-size:14px; color:#000} .bbs_pass p.input input.pw_off {background-position:57px -98px} .bbs_pass p.bt {padding:0 0 40px; text-align:center;} /* skin1 - 읽기 */ #bbs_skin1_view {position:relative; background:#fff} #bbs_skin1_view .title_area {padding:13px; background:#f2f2f2; border-bottom:1px solid #e1e1e1; overflow:hidden;} #bbs_skin1_view .title_area h2 {font-size:20px; line-height:24px; letter-spacing:-1px; color:#333;} #bbs_skin1_view .info {position:relative; padding:15px 1px 0; font-size:12px; color:#ddd} #bbs_skin1_view .info .name {font-weight:bold; color:#666;} #bbs_skin1_view .info .date,#bbs_skin1_view .info .count {color:#999;} #bbs_skin1_view .info .fontsize {position:absolute; top:10px; right:0; height:24px; border:1px solid #ccc;} #bbs_skin1_view .info .fontsize a {display:inline-block; width:38px; height:24px; overflow:hidden; background:#fff; text-align:center;} #bbs_skin1_view .info .fontsize .bt_fs_m {font-size:12px; line-height:24px; color:#999;} #bbs_skin1_view .info .fontsize .bt_fs_p {border-left:1px solid #ccc; font-size:16px; line-height:24px; color:#444;} #bbs_skin1_view #contents {padding:14px 14px 30px; font-size:16px; line-height:160%; color:#333; word-break:break-all;} #bbs_skin1_view #contents .fdawn_file {margin-bottom:20px;} #bbs_skin1_view #contents .fdawn_file .file_name {font-size:14px; color:#0969B3} #bbs_skin1_view #contents table {width:100% !important; height:auto !important;} #bbs_skin1_view #contents img {max-width:100%; height:auto !important;} #bbs_skin1_view #contents iframe {width:100% !important; margin-bottom:20px;} #bbs_skin1_view .bt {position:relative; padding:10px 14px 30px; border-top:1px solid #999;} #bbs_skin1_view .bt p {position:absolute; top:10px; right:14px;} /* sns보내기 */ .sns {padding-top:40px; text-align:center;} .sns a {display:inline-block; width:34px; height:34px; margin:0 1px;} .sns a.sns_twitter {background:url(/m_b/icon/bg_sns.png) no-repeat 0 0; background-size:auto 34px;} .sns a.sns_facebook {background:url(/m_b/icon/bg_sns.png) no-repeat -41px 0; background-size:auto 34px;} .sns a.sns_kakao {background:url(/m_b/icon/bg_sns.png) no-repeat -202px 0; background-size:auto 34px;} .sns a.sns_kakaostory {background:url(/m_b/icon/bg_sns.png) no-repeat -82px 0; background-size:auto 34px;} .sns a.sns_line {background:url(/m_b/icon/bg_sns.png) no-repeat -122px 0; background-size:auto 34px;} .sns a.sns_google {background:url(/m_b/icon/bg_sns.png) no-repeat -163px 0; background-size:auto 34px;} .sns a.sns_band {background:url(/m_b/icon/bg_sns.png) no-repeat -242px 0; background-size:auto 34px;} .sns a.sns_url {background:url(/m_b/icon/bg_sns.png) no-repeat -280px 0; background-size:auto 34px;} /* 댓글 */ #comment_box {border-top:1px solid #999;} #comment_box h3 {padding:10px 14px; font-size:15px; border-bottom:1px solid #e1e1e1; color:#333} #comment_box .comment_tab {position:relative;} #comment_box .comment_tab .c_list {display:inline-block; width:50%; height:42px; font-size:16px; font-weight:bold; line-height:42px; color:#000; text-align:center;} #comment_box .comment_tab a.c_write {display:inline-block; width:50%; height:41px; background:#f0f0f0 url(/m_b/icon/dot_e1e1e1.gif) repeat-y 0 0; border-bottom:1px solid #e1e1e1; font-size:16px; line-height:42px; color:#333; text-align:center;} /* 댓글목록 */ #comment_list {position:relative;} #comment_list li {position:relative; padding:10px 14px; border-bottom:1px solid #e1e1e1;} #comment_list li .name_area {display:inline-block; width:100%; font-size:12px; color:#ddd;} #comment_list li .name_area .name {font-size:13px; font-weight:bold; color:#0969B3;} #comment_list li .name_area .date {color:#999;} #comment_list li .memo_area {display:inline-block; width:100%; padding:10px 0; word-break:break-all;} #comment_list li .bt_area {display:inline-block; width:100%; text-align:right;} /* 댓글쓰기 */ #comment_write {position:relative; padding:14px; background:#f1f1f1;} #comment_write .memo_area {position:relative; margin-bottom:4px;} #comment_write .memo_area textarea {width:100%; height:60px; border:1px solid #ccc; border-radius:5px; padding:0; font-size:14px; color:#000} #comment_write .input_area {position:relative; margin-bottom:4px;} #comment_write .input_area input {width:120px; height:28px; border:1px solid #ccc; border-radius:5px; padding:0; font-size:14px; color:#000} #comment_write .bt {position:absolute; bottom:18px; right:14px; border:0; padding:0; background:none} /* 글쓰기 */ .bbs_write {position:relative; background:#fff} .bbs_write h2 {height:42px; border-bottom:1px solid #e1e1e1; font-size:18px; line-height:42px; letter-spacing:-1px; color:#333; text-align:center;} .bbs_write .bt_le {position:absolute; top:6px; left:14px;} .bbs_write .bt_ri {position:absolute; top:6px; right:14px;} .bbs_write dl {margin:14px;} .bbs_write dt {clear:both; float:left; width:100px; height:30px; font-size:14px; font-weight:bold; line-height:30px; letter-spacing:-1px; color:#000; text-indent:3px;} .bbs_write dt.h {position:absolute; top:-9999px; left:-9999px; font-size:0;} .bbs_write dd {margin-bottom:10px; font-size:14px; letter-spacing:-1px; color:#666;} .bbs_write dd .name {display:inline-block; height:30px; font-weight:bold; font-size:16px; line-height:30px; color:#000;} .bbs_write dd input {height:28px; border:1px solid #ccc; border-radius:5px; padding:0; font-size:14px; color:#000} .bbs_write dd select {height:30px; background:#fff; border:1px solid #ccc; border-radius:5px; padding:0; font-size:14px; color:#000} .bbs_write dd textarea {width:100%; height:200px; border:1px solid #ccc; border-radius:5px; padding:0; font-size:14px; color:#000} .bbs_write .s_text {display:inline-block; height:30px; padding-left:18px; margin:0 5px; background:url(/m_b/icon/s.png) no-repeat 0 5px; background-size:18px 18px; font-size:13px; line-height:30px; color:#0969B3;} .bbs_write .s {display:inline-block; width:25px; height:25px;} .bbs_write .notice {display:inline-block; background:#0969B3; border-radius:10px; margin:0 6px 0 12px; padding:1px 6px; font-size:12px; color:#fff} .bbs_write .notice_c {display:inline-block; width:25px; height:25px;} .bbs_write .bt_area {position:relative; height:42px; border-top:1px solid #e1e1e1; text-align:center;} .nospam_img {float:left; display:inline-block; height:24px; padding-top:4px; border:1px solid #2C9AD4; border-radius:5px; background:#2C9AD5;} .name_off {width:164px; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px 7px; background-size:auto 245px;} .name_on {width:164px; background:#fff;} .email_off {width:100%; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px -28px; background-size:auto 245px;} .email_on {width:100%; background:#fff;} .title_off {width:100%; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px -63px; background-size:auto 245px;} .title_on {width:100%; background:#fff;} .contents_off {width:100%; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px -167px; background-size:auto 245px;} .contents_on {width:100%; background:#fff;} .pw_off {width:164px; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px -98px; background-size:auto 245px;} .pw_on {width:164px; background:#fff;} .nospam_off {width:120px; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat 5px -132px; background-size:auto 245px;} .nospam_on {width:120px; background:#fff;} .bbs_memo_off {width:100%; background:#fff url(/m_b/icon/bg_input_text.png) no-repeat -239px 7px; background-size:auto 245px;} .bbs_memo_on {width:100%; background:#fff;} .tel1 {width:70px !important; background:#fff;} .tel2 {width:78px !important; background:#fff;} .tel3 {width:78px !important; background:#fff;} .u_file {width:247px !important; background:#fff;} /* 수정 */ .bbs_write dd .r_file {display:inline-block; width:100%; background:#fff; border:1px solid #e1e1e1; border-radius:5px; padding:0;} .bbs_write dd .r_file .file_name {display:inline-block; margin:7px; background:url(/m_b/icon/file.png) no-repeat 0 0; background-size:auto 16px; padding-left:20px; font-size:14px; line-height:16px; color:#888} .bbs_write dd .r_file .flie_del {display:inline-block; width:100%;} .bbs_write dd .r_file .flie_del_input {display:inline-block; width:25px; height:25px; margin-left:5px; } .bbs_write dd .r_file .flie_del_text {display:inline-block; height:30px; padding-left:5px; font-size:13px; line-height:30px; color:#0969B3;} .bbs_write dd .r_file .file_name a,.bbs_write dd .r_file .file_name a:visited {color:#888}