@charset "utf-8";

/*글자색선택*/
#fontCol{width:260px; height:auto; margin:0 auto; padding:0; background:#fff;}
#fontCol div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff; *zoom:1;}
#fontCol div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none; }
#fontCol div.topArea h4{ float:left; padding:9px 0 0 16px; margin:0; display:inline-block;}
#fontCol div.topArea p{float:right; text-align:right; padding:0 15px 0 0;}
#fontCol div.topArea p strong{ font-weight:bold; text-decoration:underline;}
#fontCol div.topArea p a{color:#fff;}
#fontCol div.contents{ background:#fff; width:240px; margin:0 auto; height:auto; padding:10px 0; *zoom:1;}
#fontCol div.contents:after{content:""; clear:both; display:block; height:0; visibility:none; }

.board_btn {clear:both;padding-top:15px;text-align:center;height:38px; background:#fafafa; border-top:#dbdbdb solid 1px;border-bottom:#777777 solid 2px;}
.board_btn img{margin:0 5px;}

/*배경색선택*/
#bgCol{width:260px; height:auto; margin:0 auto; padding:0; background:#fff;}
#bgCol div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff; *zoom:1;}
#bgCol div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none; }
#bgCol div.topArea h4{ float:left; padding:13px 0 0 16px; margin:0; display:inline-block;}
#bgCol div.topArea p{float:right; text-align:right; padding:0 15px 0 0;}
#bgCol div.topArea p strong{ font-weight:bold; text-decoration:underline;}
#bgCol div.topArea p a{color:#fff;}
#bgCol div.contents{ background:#fff; width:240px; margin:0 auto; height:auto; padding:10px 0; *zoom:1;}
#bgCol div.contents:after{content:""; clear:both; display:block; height:0; visibility:none; }

/*테이블추가*/
#tableInsert{width:450px; height:auto; overflow:auto; margin:0 auto; padding:0; background:#fff;}
#tableInsert div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff; *zoom:1;}
#tableInsert div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none; }
#tableInsert div.topArea h4{ float:left; padding:13px 0 0 16px; margin:0; display:inline-block;}
#tableInsert div.contents{ background:#fff; margin:0 auto; height:auto; padding:10px; *zoom:1;}
#tableInsert div.contents:after{content:""; clear:both; display:block; height:0; visibility:none; }

#tableInsert .tr_line { padding:6px 0 6px 0; border-bottom: dotted 1px #ccc6c4; *zoom:1;}
#tableInsert .noBorder{border-bottom:none;}
#tableInsert .tr_line:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
#tableInsert .tr_line p.td_tit {float:left;width:100px;padding:4px 0 0 15px; line-height:24px; font-weight:bold;color:#5a433b;background:url(../../images/board/cal_dot.gif) left 13px no-repeat;}
#tableInsert .td_tit2 {padding:4px 0 0 15px; line-height:24px;  font-weight:bold;color:#5a433b;background:url(../../images/board/cal_dot.gif) left 13px no-repeat;}
#tableInsert .tr_line div.td_con {float:left;width:300px;}
#tableInsert .tr_line div.td_con2 {float:left;width:100px;}
#tableInsert .tr_line div.td_con p {float:left;padding:8px 0 6px 0; line-height:20px; font-weight:normal;width:100%; color:#5f5353;}
#tableInsert .tr_line div.td_con p span {color:#ed0075;font-weight:normal;}
#tableInsert .tr_line .mgr20{margin-right:20px;}
#tableInsert .tr_line .mgr5{margin-right:5px;}
#tableInsert .tr_line .wd80{width:60px; padding-left:5px; display:inline-block}
#tableInsert .tr_line .b_input2{width:70px; height:24px; line-height:24px; border:1px solid #cccccc; padding:0 5px; vertical-align:middle;}
#tableInsert .tr_line select{border:1px solid #ccc; width:80px; padding:0 0 0 5px; line-height:26px; height:26px; vertical-align:middle;}
#tableInsert .tr_line table{border:1px solid #d2cdc7; margin:0 auto;}
#tableInsert .tr_line table td{border:1px solid #fff;}
#tableInsert .tablePreview {border:1px solid #ccc6c4;padding:6px 0 6px 0;}

/*소스편집*/
#sourceEdit{width:650px; height:auto; overflow:auto; margin:0 auto; padding:0; background:#fff;}
#sourceEdit div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff; *zoom:1;}
#sourceEdit div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none; }
#sourceEdit div.topArea h4{ float:left; padding:13px 0 0 16px; margin:0; display:inline-block;}
#sourceEdit div.contents{ background:#fff; margin:0 auto; height:auto; padding:10px; *zoom:1;}
#sourceEdit div.contents:after{content:""; clear:both; display:block; height:0; visibility:none; }
#sourceEdit .b_input2{width:484px; height:26px; line-height:26px; border:1px solid #cccccc; padding:0 5px; vertical-align:middle;}
#sourceEdit .b_input{width:418px; height:26px; line-height:26px; border:1px solid #cccccc; padding:0 5px; vertical-align:middle; float:left;}
#sourceEdit .tr_line { padding:6px 0 6px 0; border-bottom: dotted 1px #ccc6c4; *zoom:1;}
#sourceEdit .noBorder{border-bottom:none;}
#sourceEdit .tr_line:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
#sourceEdit .tr_line p.td_tit {float:left;width:100px;padding:4px 0 0 15px; line-height:24px; font-weight:bold;color:#5a433b;background:url(../../images/board/cal_dot.gif) left 13px no-repeat;}
#sourceEdit .tr_line p.td_tit2 {padding:4px 0 0 15px; line-height:24px;  font-weight:bold;color:#5a433b;background:url(../../images/board/cal_dot.gif) left 13px no-repeat;}
#sourceEdit .tr_line div.td_con {float:left;width:500px; line-height:24px;}
#sourceEdit .tr_line div.td_con2 {float:left;width:200px; line-height:24px;}
#sourceEdit .tr_line .wd80{width:60px; padding-left:5px; display:inline-block}
#sourceEdit .tr_line select{border:1px solid #ccc; width:80px; padding:0 0 0 5px; line-height:26px; height:26px; vertical-align:middle;}
#sourceEdit .tr_line input[type=radio]{line-height:24px; vertical-align:middle; margin-top:-4px;}
#sourceEdit .tr_line label{padding:4px 10px 0 5px; display:inline-block; }
#sourceEdit .textAreaBox{width:627px; height:380px; border:1px solid #ccc; margin:6px 0;}
#sourceEdit .textAreaBox textarea{border:0px; padding:0px; width:607px; height:360px; margin:10px; }