@media screen and (max-width:1199px) {
    #su_bbs_search_area_count{width: 100%}
    #su_bbs_search_area_count .su_bbs_search_area_align{width: 100%;}
    #su_table_area table{width: 100%;}
}
@media screen and (max-width:1024px) {
    #su_table_area table, #su_table_area_view table{width:100%;}
    #su_write_pageing table th, #su_write_pageing table td{border-bottom:1px solid #d1d1d1;}
    #su_table_module_reply, #su_table_module_reply .su_reply_textbox{width:100%;}
    #su_table_area_view_tag table{width:100%;}
    #su_free_table_write_btn{width:100%;}
    #su_write_pageing, #su_write_pageing table{width:100%;}
    #su_table_module_reply_area{width:100%;}
    #su_table_module_sns .su_table_module_sns_icon{width:90%;}
    .su_cb_btn_area{margin:0;}
    .su_cb_usr_story{width:100%;}
    .su_cb_txt_area textarea{width:90%;}

    #su_photo_table_area{width:100%;}
    #su_table_area_sg_view table{width:100%;}
}
@media screen and (max-width: 768px) {
    #su_bbs_search_area_count .search_bar_align{margin-top:10px;}
    #su_table_area_view table tr th{width:30% !important;}
    #su_table_area_view table tr td{width:40% !important;}
    #su_table_area_write table{width:100%;}
    #su_bbs_search_area_count{height:65px;}
    #su_bbs_search_area_count .search_bar_align{margin:0;}
    #su_bbs_search_area_count .su_bbs_search_area_align{height:65px;position:relative;height:65px;}
    #su_bbs_search_area_count .count_nom{float:none;margin:0 0 5px 0;position:absolute;left:0;bottom:0;}
    #su_bbs_search_area_count .search_bar_align{float:none;position:absolute;top:0;right:0;}
    #su_bbs_search_area_count .search_bar_align li{margin:0 0 0 3px;}
    #bbs_search_area_table{width:90%}
    .search_list_ul{width: 100%;  height: 143px;  margin: 20px 0 0 0;  border-bottom: 1px solid #d4d4d4;}
    .search_list_ul .search_list_img{float: left;  width: 32%; height:130px; margin: 0 0 0 0;  border: 1px solid #d4d4d4;}
    .search_list_ul .search_list_img a img{width:100% !important;}
    .search_list_ul .search_list_dt{float: right;  margin: 10px 0 0 0;  width: 64%;  text-align: left;  font-weight: bold;  font-size: 14px;  color: #3f3e3e;}
    .search_list_ul .search_list_dd{float: right;  margin: 10px 0 0 0;  width: 64%;  height: 100px;  overflow: hidden;  text-align: left;  line-height: 17px;}
    #sub_search_area{width:auto;}
    .downloadViewFile_container{margin:10px 10px 10px 0}
    .downloadViewFile_container .leftThumbnail{margin: 0 0 10px 0;  width: 45%;  float: left;  text-align: center;}
    .downloadViewFile_container .rightFileList{width: 50%;  float: left;  margin: 0 0 0 5%;  text-align: left; }
    .downloadViewFile_container .rightFileList ul li{margin: 0 0 10px 0;  clear: both;  font-weight: bold;  padding: 0 0 0 5px;  height: 30px;  line-height: 34px;  border: 1px solid #777777;}



    .downloadViewFile_container{margin:10px 10px 10px 0}
    .downloadViewFile_container .leftThumbnail{margin: 0 0 10px 0;  width: 100%;  float: left;  text-align: center;}
    .downloadViewFile_container .rightFileList{width: 100%;  float: left;  margin: 0;  text-align: left; }
    .downloadViewFile_container .rightFileList ul li{margin: 0 0 10px 0;  clear: both;  font-weight: bold;  padding: 0 0 0 5px;  height: 30px;  line-height: 34px;  border: 1px solid #777777;}

    .beautiful_bg01,
    .beautiful_bg02,
    .beautiful_bg03,
    .beautiful_bg04,
    .beautiful_bg05,
    .beautiful_bg06,
    .beautiful_bg07,
    .beautiful_bg08,
    .beautiful_bg09,
    .beautiful_bg10,
    .beautiful_bg11,
    .beautiful_bg12,
    .beautiful_bg13,
    .beautiful_bg14,
    .beautiful_bg15,
    .beautiful_bg16,
    .beautiful_bg17,
    .beautiful_bg18,
    .beautiful_bg19,
    .beautiful_bg20{width:100%;}
}
@media screen and (max-width:380px) {
    #su_bbs_search_area_count .search_bar_align{margin-top:10px;}
    #su_bbs_search_area_count .search_bar_align input[type="text"]{width:120px !important;}
    #su_table_area_sg_view table thead th{width:60px;}
}