#main_section { width: 100%; margin: 0 auto;   }
.section_header { width: 100%;   height: 150px; border-bottom: 1px solid #949494; }
.section_header_write { width: 100%;   height: 150px; border-bottom: 1px solid #949494; }
.section_content { width: 70%;   display: block;  height: 200px; }

.for_level { width: 100%; height: 10px; display: block; clear: both;  margin-top: 300px; }

.sh_content_box { width: 1200px; margin: 0 auto;  } 
.sh_content {  width: 400px; float: left; margin-top: 78px; margin-left: 140px;   background: rgba(255,255,255,0.7);  padding-left: 15px; padding-top: 5px; height: 70px;    }
.sh_content > h3 { font-size: 24px; font-family: roboto, nanum; color: #d14841; }
.sh_content > p { font-size: 14px; margin-top: 15px;  }


/*online_index.php*/


.section_content { clear: both; width: 1000px;  margin: 0 auto; }
.sc_header { width: 1000px; margin: 0 auto; margin-top: 70px;  }
.sc_header > p { width: 1000px; margin: 0 auto;  }
.sc_body { width: 1000px; margin: 0 auto; }

.download_board { border-collapse: collapse; width: 1000px; margin: 0 auto;  }


.download_board { margin-top: 40px;  }

.td, .th { border: 1px solid #fff;  }
.th { height: 35px;  font-size: 14px; font-weight: normal; background: #41a85f; color: #fff;  }
.td { border-bottom: 1px solid #efefef; height: 40px; }

.td1 { text-align: center; font-family: roboto; width: 70px; color: #75706b;  font-size: 12px; }
.td2 { padding-left: 20px;  width: 350px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.td2_1_no { width: 100px; font-size: 12px; text-align: center; color: #e14938; }
.td2_1_yes { width: 100px; font-size: 12px; text-align: center;  color: #1abc9c;}
.td3 { text-align: center; font-size: 12px; width: 120px;  }
.td4 { width: 120px;  }
.target_brand { display: block; width: 90%; padding-left: 10%; font-size: 10px; font-family: roboto, nanum;}
.target_product { font-family: roboto, nanum; color: #a38f84; display: block; width: 90%; padding-left: 10%; font-size: 14px; padding-top:5px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.td5 { text-align: center; font-size: 12px;  width: 100px; }
.td6 { text-align: center; font-size: 12px;  }


.btn_box2 {   width: 80px; height:35px; float: right; margin-right: 100px; padding-bottom: 200px; display: block; }
.btn_box2 > a { width: 100%; height: 35px; line-height: 35px; text-align: center; display: block; background: #28324e;  color: #fff;   }
.btn_box2 > a:hover { background: #d91556; }

#page_button { width: 1000px; margin: 0 auto;   text-align: center; height: 40px;  margin-top: 30px;   }
#page_num { font-size: 13px;  }



/* write.php */

.write_content_box {  width: 1100px; margin: 0 auto; margin-bottom: 200px;   height:auto;}
.write_content_box > form > table {  border-collapse: collapse; width: 1020px; margin: 0 auto; }
.wcb_td { border: 1px solid #ddd;  }
.write_content_box > form { padding-top: 220px;  }
.write_title { width: 200px; height: 40px; line-height: 40px; text-align: center;  font-size: 14px;  }
.write_content { width: 695px;  }
.chkbo1 { margin-left: 15px;  }

.checkbox_option { display: block; float: left; font-size: 14px; height: 40px; width: 150px; line-height: 40px;  font-family: roboto, nanum; }

.checkbox_option > input { position: relative; top: 3px;   cursor: pointer; }


.checkbox_option2 { display: block; float: left; font-size: 14px; height: 40px; width: 150px; line-height: 40px;  font-family: roboto, nanum; }

.checkbox_option2 > input { position: relative; top: 3px;   cursor: pointer; }

.select_option { display: none;  margin-left: 15px; width:280px; height: 30px;  padding-left: 5px;  }
.select_tektronix { display: block;  }
.sos { font-size: 13px; color: #2679e0; }

.product_name > input { border: none; width: 800px; padding-left: 15px; height: 40px; display: block;  }
.product_short_detail > input { border: none; width: 800px; padding-left: 15px; height: 40px; display: block;  }
.product_detail > textarea { border: none; width: 800px; padding-left: 15px; padding-top: 10px; height:100px; display: block;  }

.placeholder { font-size: 12px; color: #c0bab7; margin-left: 15px; padding-top: 10px; height: 20px; width: 300px; display: block;  float: left; }
#user_info_notice  { font-size: 12px; color: #a38f84;  text-align: left; margin-bottom: 10px;  }

.catalog_add_box { width: 340px; padding-top: 5px;  padding-left: 15px;  }
.catalog_add_box > input { width: 320px;  display: block; float: left; height: 20px;   }

.btn_box { margin-top: 30px; margin-left: 38px;  }
.confirm_btn { border: none; background: #28324e; color: #fff; width: 80px; height: 30px; line-height: 30px; text-align: center; float: left;  cursor: pointer;  }
.cancel_btn { display: block; border: none; background: #efefef; color: #28324e; width: 80px; height: 30px; line-height: 30px; margin-left: 5px; text-align: center;  float: left;}
.confirm_btn:hover {  background: #e9134b; color: #fff;  }
.cancel_btn:hover { background: #e9134b; color: #fff;  }

.img_title_span { font-size: 10px; color: #2c82c9; }

.option_box {   height: 32px;  padding-top: 8px; padding-left: 15px; display: block; }
.option_box > span { font-size: 12px;  margin-right: 5px; color: #a38f84; }
.option_box > input { font-size: 12px;  margin-right: 15px;  border: none; border-bottom: 1px solid #d1d5d8; padding-left: 10px; }
.option_content { width: 350px;  }

.option_add_button { float: left; height: 20px; width: 20px; font-size: 14px; text-align: center; line-height: 20px; margin-top: 10px; background: #efefef; display: block;  margin-left: 20px;   cursor: pointer;   }
.option_add_button:hover { background: #e9134b; color: #fff;  }
.option_minus_button { float: left; height: 20px; width: 20px; font-size: 14px; text-align: center; line-height: 20px; margin-top: 10px; background: #efefef; display: block;  margin-left: 3px;   cursor: pointer;   }
.option_minus_button:hover { background: #e9134b; color: #fff;  }
.write_title_span { display: block; float: left; margin-left: 85px; }



.product_name2 > input { border: none; width: 600px; padding-left: 15px; height: 40px; display: block; float: left;  }
.product_name2 > span { width: 80px; height: 30px; display: block; float: left; text-align: center; line-height: 30px;  margin-top: 5px; font-size: 14px;  background: #41a85f; color: #fff; cursor:pointer; }

.product_name2 > span:hover { background: #ec2269; }

.product_list_ul { overflow-y: scroll; overflow-x: hidden;  display: none; width: 300px; height: 470px;  font-size: 14px;  }
.product_list_ul > li { height: 30px;  border-bottom: 1px solid #efefef; padding-left: 20px; width: 280px; line-height: 30px; cursor:pointer; }
.product_list_ul > li:hover { background: #41a85f; color: #fff;  }


.product_pick { border: 1px solid #a38f84; display: none; width: 300px; height: 500px;  position: absolute; top: 300px; left: 40%;  background: #fff; }
.pp_btn { width: 300px; height: 30px; background: #efefef; color: #28324e; display: block; line-height: 30px; text-align: center; margin: 0 auto; float: right;  cursor: pointer; }
.pp_btn:hover { background: #2c82c9; color: #fff;  }



/* view.php */

.sc_header_view { width: 1000px; margin: 0 auto;  margin-top: 100px;  }
.title { font-size: 22px;  padding-left: 40px; color: #2969b0; width: 960px; padding-bottom: 20px;  border-bottom: 1px solid #d6d6d6; letter-spacing: 1px; }

.write_info {   float: right; }
.write_info > p { float: left; font-size:14px; margin-top: 10px;   width: 150px; margin-left: 30px; text-align: right;  }
.inner_title {   height: 20px; line-height: 20px; margin-right: 15px;  color: #a38f84; }
.inner_content { height: 20px; line-height: 20px; }
.content_box_content { display: block;  }
.content_box_file {  margin-top: 50px;  font-size: 12px; border-top: 1px solid #efefef; padding-top: 25px; padding-bottom: 15px; } 

.cbf_title { float: left; color: #2c82c9; }
.cbf_ul { display: block; float: left;  margin-left: 20px; }
.cbf_file { margin-bottom: 10px; float: left;  margin-right: 20px;  }


.sc_body_view { display: block;  padding-left: 40px; width: 960px; margin: 0 auto;  clear: both; margin-top: 100px;  padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; }

.btn_box3 {  clear: both;   width: 270px; height:35px; float: right; margin-right: 0px; margin-top: 100px; padding-bottom: 200px; }
.btn_box3 > a { width: 80px; height: 35px; line-height: 35px; text-align: center; display: block; color: #fff; float: right; margin-right: 5px;   }
.btn_box3 > a:hover { background: #d91556; }
.tothelist { background: #41a85f; }
.edit { background: #2c82c9; }
.delete  { background: #e12160; }



.uploaded_file {  overflow: hidden; width: 300px; height: 100px;  padding-left: 10px; }


.content_box_table { width: 1000px; display: block; overflow: hidden;  }
.content_box_table > table { border-collapse: collapse; width: 400px; float: left; margin-right: 15px;  }
.cbt_td1 { border: 1px solid #d1d5d8; font-size: 14px; width: 100px; height: 30px; text-align: center; color: #a38f84;  }
.cbt_td2 { border: 1px solid #d1d5d8; font-size: 14px; padding-left: 25px; font-family: roboto, nanum;}

.cbt_brand { text-transform: uppercase; }
.cbt_type { }
.cbt_product { color: #df195a;  }

.content_box_content { clear: both; margin-top: 70px;  width: 100%; font-size: 14px;}



.answer_box { border-top: 2px dashed #efefef; width: 1000px; height: 300px; clear: both; margin-left: -40px; margin-top: 50px; padding-top: 50px; }
.answer_box_title { font-size: 22px; font-family: nanum; color: #2c82c9;  }
.answer_box > form > textarea { margin-top: 40px; width: 100%; height: 200px;   }


.answer_date { margin-top: 20px;  font-size: 13px; }
.replyer { color: #2c82c9; padding-right: 2px; }
.reply_date { color: #41a85f; padding-left: 5px; padding-right: 5px;  }

.answer_content { margin-top: 50px; letter-spacing: 1px; color: #4d4843;  }



/* r_pass */
.r_pass_box { width: 240px; height: 140px; background: #fff; position: absolute; display: none;  border: 2px solid #54acd2; }
.r_pass_title { font-size: 14px;  color: #918178;  width: 90%; margin: 0 auto; margin-top: 20px; }
.r_pass_input { border: none; border-bottom: 1px solid #a38f84; width: 90%; height: 20px; margin: 0 auto; display: block;  margin-top: 30px;  }
.r_confirm { background: #2c82c9; border: none; width: 70px; height: 25px; text-align: center; line-height: 25px; color: #fff; cursor: pointer; margin-left: 10px; margin-top: 15px;  }
.r_cancel { background: #e91272; border: none; width: 70px; height: 25px; text-align: center; line-height: 25px; color: #fff; cursor: pointer; }