/* 공지사항 */
.ir { }
.ir .content-header { margin-top: 90px; height: 300px; }
.ir .content-header .title { color: #000;font-weight: 800;font-size: 36px;height: 300px;line-height: 300px;text-align: center; }

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

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

.ir-list { margin-bottom: 200px;  }

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

.ir-view { margin-top: 100px; margin-bottom: 100px;  }

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

@media screen and (max-width:1280px) {
    .ir-view #notice-view table th { font-size: 18px; padding: 25px; }
}

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

    .ir .search { display: none; }

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

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

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

    .ir-view #notice-view table { width: 100%; }
    .ir-view #notice-view table th { font-size: 16.5px; padding: 10px 15px; word-break: keep-all; line-height: 20px; }
    .ir-view #notice-view table td { min-height: 350px; font-size: 18px; padding: 10px 15px; }
}