.notice { }

.content-header { margin-top: 90px; }

.top { background: url('/content/image/top/news_top_bar.jpg') no-repeat 100% 100%; height: 300px; position: relative; }
.top .title {color: #000;font-weight: 800;font-size: 36px;height: 300px;line-height: 300px;text-align: center;}

.sub-title { margin: 0 auto; margin-top: 80px; margin-bottom: 60px; }
.sub-title .title { font-size: 28px; font-weight: 800; text-align: center; }

.search-wrap { text-align: center; }
.search-wrap #txt-search { height: 45px;width: 300px;padding: 2px 2px 2px 8px;border: 1px solid #d2d2d2; font-size: 18px }
.search-wrap #btn-search { display: inline-block;width: 45px;height: 45px;background-color: #CD261F;text-align: center;vertical-align: middle;margin-left: -3px; cursor: pointer; }
.search-wrap #btn-search i {color: #fff;font-size: 24px;line-height: 45px;}

.list-wrap { margin-top: 100px; margin-bottom: 200px;  }
.view-wrap { margin-top: 100px; margin-bottom: 100px;  }

#notice-list { width: 80%; margin:0 auto; border-top: 3px solid #5B3327; }
#notice-list table { width: 100% }
#notice-list table th { background: #F3F3F3; padding: 20px  36px; font-size: 18px; border-bottom: 1px solid #d3d3d3; }
#notice-list table td { border-bottom: 1px solid #d3d3d3;padding: 20px 36px;font-size: 18px; text-align:center; }
#notice-list table th.num { width: 5% }
#notice-list table th.date { width: 10%; }
#notice-list table td.title { text-align: left; }
#notice-list table td.no-data { text-align: center; }

#notice-view { width: 80%; margin: 0 auto; border-top: 3px solid #5B3327; }
#notice-view table { width: 100% }
#notice-view table th { background-color: #F3F3F3; border-bottom: 1px solid #d3d3d3; padding: 35px 0; font-size: 24px; }
#notice-view table td { min-height: 350px; padding: 35px 30px; border-bottom: 1px solid #d3d3d3; }

@media (max-height:500px) and (orientation:landscape), screen and (max-width:768px) and (orientation:portrait) {
    .top { margin-top: 0px; background: none; height: 70px; }
    .top .title { height: 70px; font-size: 24px; border-bottom:1px solid #d3d3d3; line-height: 70px; }

    .sub-tit { display: none; }

    .search-wrap { display: none; }

    .list-wrap { margin-top: 50px; margin-bottom: 100px; padding: 0px 20px; }
    .view-wrap { margin-top: 50px; margin-bottom: 100px; padding: 0px 20px; }

    #notice-list { width:100%; table-layout: fixed; }
    #notice-list th { padding: 10px 15px; font-size: 16px; }
    #notice-list td { padding: 10px 15px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    #notice-list th.num { width: 60px }
    #notice-list th.date { width: 110px; }
    #notice-list td.title a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

    #notice-view { width: 100%; }
    #notice-view th { font-size: 18px; padding: 10px 15px; }
    #notice-view td { min-height: 350px; font-size: 18px; padding: 10px 15px; }
}