@charset "utf-8";
* {margin: 0}
    html, body {margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;overflow: hidden;}   
    ul, ol, li{list-style:none;margin: 0;padding: 0}

    .list_box + .list_box {margin-top: 20px;}
    .list_box h3 {position: relative; text-align: center;padding-bottom: 5px;}
    .list_box h3 .logo {width: 130px; height: 32px;background: url(/images/api/logo_black.png) no-repeat center center;background-size: 100%;display: inline-block;font-size: 0;text-indent: -9999px;vertical-align: 25px;}
    .list_box h3 .txt {display: inline-block;color: #003061;font-size: 24px;text-align: center;font-weight: 600;}
    .list_box h3:after {position: absolute;bottom: 0;left: 50%;content: '';display: block;width: 120px;border-bottom: 1px solid #003061;text-align: center;margin-left: -60px;}
    .list_box h3 .more {position: absolute;right: 10px;top: 50%;margin-top: -12px;line-height: 20px;}
    .list_box h3 .more a {font-size: 13px;color: #003061;line-height: 20px;font-weight: 400;text-decoration: none;}
    .list_box .news_list {padding-top: 30px;}
    .list_box .news_list ul:after {content: '';display: block;clear: both;}
    .list_box .news_list li {position: relative;width: 35%;float: left;padding: 0 10px;box-sizing: border-box;}
    .list_box .news_list li + li {border-left: 1px solid #edeeed;padding: 0 20px;}
    .list_box .news_list li:first-of-type {width: 32.5%;padding-left: 0;}
    .list_box .news_list li:last-of-type {width: 32.5%;padding-right: 0;}
    .list_box .news_list li a {display: block;text-decoration: none;position: relative;padding-bottom: 10px;box-sizing: border-box;}
    .list_box .news_list li a .tit {
      display: block; padding:0; font-size: 21px;color: #d60f27;line-height: 28px;text-decoration: none;white-space:normal;text-overflow: ellipsis;overflow: hidden;
       text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    }
    .list_box .news_list li a .txt {
      display: block; padding: 10px 0 0 0; font-size: 13px;color: #5f5f5f;line-height: 21px;text-decoration: none;white-space:normal;text-overflow: ellipsis;overflow: hidden;
      text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    }
    .list_box .news_list li a:hover {color:#666;text-decoration: none;}
    .list_box .news_list li a span.date {position: absolute;right: 5px;bottom:0;padding: 0px 0;font-size: 12px;text-align: left;color: #211514;}

    .list_box.col1 .news_list li {width: 100%;}
    .list_box.col2 .news_list li {width: 50%;}
    .list_box.col4 .news_list li {width: 25%;}
    .list_box.col5 .news_list li {width: 20%;}
    .list_box.col6 .news_list li {width: 16.666%;}
    .list_box.col7 .news_list li {width: 14.285%;}

    .list_box .news_list {padding-top: 15px;height: calc(100% - 40px);box-sizing: border-box;}
    .list_box .news_list ul {height: 100%;box-sizing: border-box;}
    .list_box .news_list ul li {height: 100%;box-sizing: border-box;}
    .list_box .news_list li a .tit {height: 40%;max-height: 43px; -webkit-line-clamp: 2;text-align: center;}
    .list_box .news_list li a .txt {height: 60%;max-height: 80px; -webkit-line-clamp: 4;text-align: center;}
    .list_box .news_list li a {padding-bottom: 20px;height: calc(100% - 20px);box-sizing: content-box;}


    .list_box.height1 .news_list li a .tit {-webkit-line-clamp: 1;max-height: 25px;height: 25%;padding-top: 10px;}
    .list_box.height1 .news_list li a .txt {max-height: 73px;-webkit-line-clamp: 3;}

    .list_box.height2 .news_list li a .txt {max-height: 60px;-webkit-line-clamp: 3;}

    .list_box.height2 .news_list li a .tit {-webkit-line-clamp: 2;max-height: 50px;height: 45%;}
    .list_box.height2 .news_list li a .txt {max-height: 60px;-webkit-line-clamp: 3;}

    .list_box.height3 .news_list li a .tit {-webkit-line-clamp: 2;max-height: 56px;}


    .list_box.height4 .news_list li a .tit {-webkit-line-clamp: 3;max-height: 80px;padding: 10px 0 0 0;}
    .list_box.height4 .news_list li a .txt {max-height: 107px;-webkit-line-clamp: 6;}
    .list_box.height4 .news_list li {padding: 0 20px;}

    .list_box.height5 .news_list li a .tit {-webkit-line-clamp: 2;max-height: 60px;padding: 20px 0 0 0;}
    .list_box.height5 .news_list li a .txt {max-height: 127px;-webkit-line-clamp: 6;padding-top: 25px;}
    .list_box.height5 .news_list li {padding: 0 20px;}




    /*모바일 사이즈는 다시 설정하세요.*/
    @media all and (min-width:300px) and (max-width:640px)  {
      .list_box .news_list {padding-top: 10px;}
      .list_box h3 .logo {width: 120px;}
      .list_box h3 .txt {font-size: 21px;padding-left: 5px;vertical-align: 0;}
      .list_box h3 {padding-bottom: 5px;text-align: left;padding-left: 5px;}
      .list_box ul {padding: 0;}
      .list_box .news_list li {width: 100% !important; padding: 0 !important;}
      .list_box .news_list li {width: 100%;float: none;padding: 0 5px !important;}
      .list_box .news_list li a {height: 100% !important;padding-bottom: 0;}
      .list_box .news_list li a .tit {font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-height: 30px;display: block;padding: 0 80px 0 0 !important;text-align: left;}
      .list_box .news_list li a .txt {
        max-height: 30px;white-space: normal;text-overflow: ellipsis;overflow: hidden;text-align: left;padding:5px 0 0 !important;
            width: 100%;-webkit-line-clamp: 2 !important;height: 60%;display: block;line-height: inherit;box-sizing: border-box;
      }
      .list_box.height1 .news_list li a .txt,
      .list_box.height2 .news_list li a .txt,
      .list_box.height3 .news_list li a .txt,
      .list_box.height4 .news_list li a .txt {
        max-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;padding:5px 0 0 !important;
            width: 100%;-webkit-line-clamp: inherit !important;height: 60%;display: block;line-height: inherit;box-sizing: border-box;height: 24px;
      }
      .list_box.height5 .news_list li a .txt {max-height: 36px;padding:0 !important;-webkit-line-clamp: 2 !important;}
      .list_box .news_list li a span.date {bottom: auto;top: 5px;margin-top: 0;}
      .list_box .news_list li + li {padding: 10px 0;border-left:0;}
      .list_box .news_list li:last-of-type {width: 100%;}
      .list_box h3:after {left: 5px;width: 120px;margin-left: 0;}

      .list_box.height1 .news_list li a .tit {max-height: 330px;height: 40%;}
      .list_box.height2 .news_list li a .tit {max-height: 330px;height: 40%;}
      .list_box.height3 .news_list li a .tit {max-height: 330px;height: 40%;}
      .list_box.height4 .news_list li a .tit {max-height: 330px;height: 40%;}
      .list_box.height5 .news_list li a .tit {max-height: 330px;height: 40%;}



      .list_box.col1 .news_list li {height: 100% !important;}
      .list_box.col2 .news_list li {height: 50% !important;}
      .list_box.col3 .news_list li {height: 33.333% !important;}
      .list_box.col4 .news_list li {height: 25% !important;}
      .list_box.col5 .news_list li {height: 20% !important;}
      .list_box.col6 .news_list li {height: 16.666% !important;}
      .list_box.col7 .news_list li {height: 14.285% !important;}
      .list_box.col8 .news_list li {height: 12.5% !important;}
      .list_box.col9 .news_list li {height: 11.111% !important;}
      .list_box.col10 .news_list li {height: 10% !important;}
    }

    html:lang(ar) .list_box {direction: rtl;}

	.hidden {width: 1px; height: 1px; margin: 0; overflow: hidden; display: inline-block; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); font-size: 100%; line-height: 100%;}