.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: 65px;margin-bottom: 200px;}
.view-wrap { margin-top:100px; margin-bottom: 150px; }

#pr-list { width: 80%; margin:0 auto; }
#pr-list:after { display: block; content: ''; clear: both; }
#pr-list li {border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding: 30px 0 30px 40px;}
#pr-list li:after { display: block; content: ''; clear: both; }
#pr-list li.no-data { font-size: 18px; border-top: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3;padding-top: 50px; padding-bottom: 50px; text-align: center; }
#pr-list li a { display: block; position: relative; text-decoration: none; }
#pr-list li .img { height: 250px; width: 250px; float:left; }
#pr-list li .img img { width: 100%; height: 100% }
#pr-list li .txt {font-size: 18px; padding: 80px 50px;float: left;}
#pr-list li .link {font-size: 18px;border: 1px solid #d3d3d3;border-radius:5px;padding: 10px 15px;width: 200px;display: inline-block;color: #191919;text-decoration: none;margin-top: 30px;}

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

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

    .top { display: none; }

    .search-wrap { display: none; }

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

    #pr-list { width: 100%; }
    #pr-list li { padding: 15px 0 15px 5px; }
    #pr-list li:first-child { border-top: none; }
    #pr-list li .img { width: 150px; height: 150px; }
    #pr-list li .txt { padding: 26px 10px; width: calc(100% - 150px); font-size: 22px; }
    #pr-list li .link { width: auto; padding: 4px 12px; border-radius: 16px; font-size: 14px; }
}