/* list */
#bbslist {margin:auto;padding:0 0 0 0;}
#bbslist .v_list {padding:10px 30px 0 30px;line-height:160%;border:10px solid #efefef;height:100%;}
#bbslist .v_list .title {}
#bbslist .v_list .title h1 {font-size:16px;font-family:"malgun gothic";letter-spacing:-1px;color:#333;border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:20px;}
#bbslist .v_list .title h1 .num {font-family:gulim;font-size:12px;font-weight:normal;color:#777;}
#bbslist .v_list ul {padding:0px;margin:0;}
#bbslist .v_list li {position:relative;list-style-type:none;}
#bbslist .v_list .item {float:left;width:188px;margin:0 0 40px 0;border:1px solid #cccccc;}
#bbslist .v_list .item_p {float:left;width:188px;margin:0 5% 40px 2px;border:1px solid #cccccc;}
#bbslist .v_list .icon {position:absolute;top:-2px;left:-3px;}
#bbslist .v_list .cont {width:188px;background:#f0f0f0;border-top:1px solid #cccccc;}
#bbslist .v_list .cont ul {border-top:1px solid #ffffff;padding:5px;}
#bbslist .v_list .cont li {list-style-type:none;font-size:12px;letter-spacing:-1px;text-align:center;}
#bbslist .v_list .cont li a {color:#444;}
#bbslist .v_list .cont li a:hover {color:#ff234e;}
#bbslist .v_list .cont .date {color:#777;padding-top:4px;border-top:1px dotted #ccc;}
#bbslist .v_list .cont .new {color:#ff0000;padding:0 0 0 5px;}
#bbslist .v_list .icon_n {margin-bottom:4px;}
#bbslist .v_list .icon_n img {margin-right:2px;}

#bbslist .bottom {padding:15px 0 0 0;}
#bbslist .btnbox1 {float:left;width:150px;}
#bbslist .btnbox2 {float:right;width:150px;text-align:right;}
#bbslist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:-20px 0 0 0;}
#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform select {font-size:12px;font-family:gulim;height:18px;vertical-align:bottom;}
#bbslist .searchform select {font-size:12px;font-family:gulim;height:18px;vertical-align:bottom;}
/* @list */


/* view */

#bbsview {margin:auto;padding:20px 30px 20px 30px;line-height:160%;border:3px solid #efefef;height:100%;width:100%;}
#bbsview .viewbox {}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}
#bbsview .viewbox .info .han {font-family:dotum;font-size:12px;}
#bbsview .viewbox .info .num {font-family:dotum;font-size:12px;}
#bbsview .viewbox .content {}
#bbsview .viewbox .content .line {padding:0;margin:0;height:0px;}
#bbsview .viewbox .content .subject {position:relative;padding:0;margin-bottom:10px;border-bottom:1px dotted #bbb;}
#bbsview .viewbox .content .subject img {position:relative;top:4px;left:1px;}
#bbsview .viewbox .content .subject h1 {padding:15px 0 12px 0;margin:0;font-size:18px;font-family:"malgun gothic";letter-spacing:-1px;color:#333;}
#bbsview .viewbox .content .subject .snsbox {position:absolute;top:-4px;right:2px;padding:20px 0 0 0;text-align:right;}
#bbsview .viewbox .content .subject .snsbox img {cursor:pointer;}
#bbsview .viewbox .content .subject .date {position:absolute;top:-10px;left:0;font-family:gulim;font-size:12px;color:#666;}
#bbsview .viewbox .content .subject .xright {position:absolute;top:-10px;right:0;}
#bbsview .viewbox .content .subject .xright ul {padding:0;margin:0;}
#bbsview .viewbox .content .subject .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .content .subject .xright .g {padding:0 0 0 10px;}
#bbsview .viewbox .content .subject .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .content .subject .xright .g a {font-size:12px;font-family:dotum;color:#666;}
#bbsview .viewbox .content .subject .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .content .subject .xright div {position:absolute;display:none;}
#bbsview .viewbox .content .subject .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .content .subject .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:12px;cursor:pointer;}
#bbsview .viewbox .content .subject .xright div li:hover {background:#ECF0F6;}

#bbsview .viewbox .content .chat {position:relative;border-bottom:1px dotted #bbb;}
#bbsview .viewbox .content .chat .copy {position:absolute;top:0px;right:0px;font-size:12px;color:#333333;font-family:arial;letter-spacing:-1px;}
#bbsview .viewbox .content .chat .text1 {font-size:12px;color:#444444;letter-spacing:-1px;}
#bbsview .viewbox .content .chat .copy a {color:#333333;}
#bbsview .viewbox .content .chat .copy a:hover {text-decoration:underline;}
#bbsview .viewbox .content .rec {float:left;width:190px;margin-right:10px;}
#bbsview .viewbox .content .rec ul {padding:15px 0 0 0;margin:0;}
#bbsview .viewbox .content .rec li {height:22px;padding:6px 0 0 10px;list-style-type:none;margin:10px 0;color:#fff;font-size:12px}
#bbsview .viewbox .content .rec li a {color:#fff;}
#bbsview .viewbox .content .rec li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .rec .reok {position:absolute;left:18px;top:30px;background:url('./image/ok.png');width:155px;height:155px;}
#bbsview .viewbox .content .rec .reok p {margin:63px 0 0 20px;font-family:dotum;font-size:12px;letter-spacing:-1px;color:#444;}
#bbsview .viewbox .content .rec .reok p .tnum {color:#ff0000;}

#bbsview .viewbox .content .cont {padding:20px 0;border-bottom:1px dotted #bbb;}
#bbsview .viewbox .content .cont .pic {float:left;border:5px solid #f5f5f5;width:250px;height:170px;margin-right:20px;}
#bbsview .viewbox .content .cont .con {float:left;width:370px;}
#bbsview .viewbox .content .cont .con .c_tt {font-family:dotum;font-size:12px;color:#000;letter-spacing:-1px;padding-bottom:4px;margin-bottom:8px;border-bottom:1px dotted #bbb;}
#bbsview .viewbox .content .cont .con .c_tt .r {color:#ff0000;font-weight:bold;}
#bbsview .viewbox .content .cont .con .b_tt {font-family:dotum;font-size:12px;color:#000;letter-spacing:-1px;}

#bbsview .viewbox .content .ss_con {padding:14px 0;border-bottom:1px dotted #bbb;}
#bbsview .viewbox .content .ss_con .tt_img {position:relative;top:6px;left:1px;margin-right:10px;}
#bbsview .viewbox .content .ss_con .sum_r {font-family:dotum;font-size:12px;color:#000;}
#bbsview .viewbox .content .ss_con .sum_r a {color:#000;}
#bbsview .viewbox .content .ss_con .sum_r a:hover {color:#ff0000;}
#bbsview .viewbox .content .ss_con .sum_r .sel {color:#ff0000;font-weight:bold;}
#bbsview .viewbox .content .ss_con .img_a {position:relative;top:2px;left:1px;margin-left:10px;}
#bbsview .viewbox .content .ss_con .img_b {position:relative;top:2px;left:1px;margin-left:10px;}
#bbsview .viewbox .content .ss_con .st {font-family:dotum;padding:0 1px 0 1px;color:#aaa;font-size:12px;letter-spacing:-1px;}
#bbsview .viewbox .content .ss_con .s_on {font-family:dotum;font-size:12px;font-weight:bold;color:#ff0000;}

#bbsview .viewbox .content .add_re {padding:0;margin:0;margin:15px 0;width:700px;}
#bbsview .viewbox .content .add_re ul {padding:0;margin:0 0 0 10px;}
#bbsview .viewbox .content .add_re li {list-style-type:none;font-size:12px;margin:5px 0;}
#bbsview .viewbox .content .add_re .re1 {float:left;width:400px;height:16px;background:url('./image/c_d.gif');vertical-align:middle;margin-right:100px;}
#bbsview .viewbox .content .add_re .re2 {float:left;margin-left:10px;width:150px;text-align:left;letter-spacing:-1px;}
#bbsview .viewbox .content .add_re .re3 {position:relative;margin-left:5px;letter-spacing:-1px;width:120px;color:#777;}
#bbsview .viewbox .content .add_re .guide {clear:both;}
#bbsview .viewbox .content .add_re .tts {margin:5px 0;color:#ff0000;font-size:16px;font-family:"malgun gothic";letter-spacing:-1px;font-weight:bold;}
#bbsview .viewbox .content .add_re .tts span {margin-left:5px;font-family:dotum;font-size:12px;;color:#000;font-weight:normal;letter-spacing:0px;}

#bbsview .viewbox .content .btm_rr {margin-top:20px;padding:10px 0;text-align:center;border-bottom:1px dotted #bbb;border-top:1px dotted #bbb;}
#bbsview .viewbox .content .tag {padding:10px 0 0 0;}
#bbsview .viewbox .content .tag a {font-size:12px;font-family:dotum;color:#222;}
#bbsview .viewbox .content .tag a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {font-size:12px;font-family:dotum;color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {font-size:12px;font-family:arial;color:#999;}
#bbsview .viewbox .content .attach li .down {font-size:12px;font-family:arial;color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:20px 0 0 0;}

#bbsview .comment {margin-top:5px;padding:20px 0 10px 0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}

#flash {float:left;position:relative;width:450px;height:260px;overflow:hidden;margin-top:20px;}
#chartdiv {margin:10px 0 0 0;width:430px;position:absolute;left:0;bottom:-260px;}

/* @view */

#cwrite {padding:20px 30px 20px 30px;margin-top:30px;line-height:160%;border:10px solid #efefef;height:100%;}

/* write */
 #bbswrite .title {margin:10px 0;}
#bbswrite .line {}
#bbswrite table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbswrite td {height:32px;border-bottom:1px solid #e5e5e5;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:80px;font-weight:bold;color:#444444;padding:0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:12px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .point {width:50px;}
#bbswrite .td2 .subject {width:450px;}
#bbswrite .td2 .t_name {margin:0 10px 0 20px;position:relative;top:2px;}
#bbswrite .td2 .mm {width:200px;}
#bbswrite .td2 .cat {margin:1px;width:84px;padding:2px 2px 2px 0;}
#bbswrite .td2 select {margin:1px;width:354px;padding:2px 2px 2px 0;color:#555;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {position:relative;top:4px;margin-right:4px;}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:12px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .td3 img {margin:10px 0 10px 0;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:12px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */