@charset "utf-8";

@font-face {
    font-family: 'sso';
    src: url('../fonts/SamsungOne-600.woff2') format('woff2'),
        url('../fonts/SamsungOne-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video, *:before, *:after {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-text-size-adjust:none; word-break:keep-all; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  body {font:14px/normal 'sso','Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#363636; font-weight:400;}


  .g-news-detail{border-top:1px solid #dadada;}

  .srbd_news .contents .section .image_area {}
  .srbd_news .contents .section .image_area.left {float:left;width:50%;margin:15px;margin-left:0;}
  .srbd_news .contents .section .image_area.right {float:right;width:50%;margin:15px;margin-right:0;}
  .srbd_news .contents .section .image_area.left img, .srbd_news .contents .section .image_area.right img {width:100%;}

  .srbd_news .contents .section .image_area .image_row {padding:10px 0;width:100%;display:table;}
  .srbd_news .contents .section .image_area .image_row .half {width:50%;float:left;}
  .srbd_news .contents .section .image_area .image_row .half img {width:100%;}
  .srbd_news .contents .section .image_area .image_row .half:first-child{padding-right:10px;}
  .srbd_news .contents .section .image_area .image_row .half:nth-child(2){padding-left:10px;}
  .srbd_news .contents .section .image_area .image_row .full {width:100%;}
  .srbd_news .contents .section .image_area .image_row .full img {width:100%;}
  .srbd_news .contents .section .image_area .image_row4 {float: left; margin-right: 30px;}


  .srbd_news .contents .section .image_area.exp_horizon {display:table;width:100%;}
  .srbd_news .contents .section .image_area.exp_horizon .image_row{display:table-cell;width:65%;}
  .srbd_news .contents .section .image_area.exp_horizon .image_row img{width:100%;}
  .srbd_news .contents .section .image_area.exp_horizon .image_p{width:35%;display:table-cell;vertical-align:middle;padding:0 10px;}
  .srbd_news .contents .section .image_area.exp_horizon:nth-child(2){margin-top:-20%;}
  .srbd_news .contents .section .image_area.exp_horizon.double:first-child .image_p{vertical-align:top;padding-top:30px;padding-bottom:20%;}
  .srbd_news .contents .section .image_area.exp_horizon.double:nth-child(2) .image_p, .srbd_news .contents .section .image_area.exp_horizon.exp_bottom .image_p{vertical-align:bottom;padding-bottom:30px;}

  .srbd_news .image_box.style_brick {display:table;width:100%;padding:0 1%}
  .srbd_news .image_box.style_brick .img01 {width:42% !important;float:left;margin-bottom: 2.1%;}
  .srbd_news .image_box.style_brick .img02 {width:55% !important;float:right;margin-bottom: 2.1%;}
  .srbd_news .image_box.style_brick .img03 {width:55% !important;float:right;margin-bottom: 2.1%;}

  .srbd_news .contents .section .image_area.style1 .image_row .half:first-child{width:49.20%;padding-right:10px;}
  .srbd_news .contents .section .image_area.style1 .image_row .half:nth-child(2){width:50.80%;padding-left:10px;}

  .srbd_news .contents .section .image_area.style2 {}
  .srbd_news .contents .section .image_area.style2 .image_row {width:50%;padding:10px 0;}
  .srbd_news .contents .section .image_area.style2 .image_row1 {}
  .srbd_news .contents .section .image_area.style2 .image_row2 {margin-left:25%;}
  .srbd_news .contents .section .image_area.style2 .image_row3 {margin-left:50%;}
  .srbd_news .contents .section .image_area.style2 .image_row img{width:100%;}

  .srbd_news .contents .section .image_area.style3 {}
  .srbd_news .contents .section .image_area.style3 .image_row {}
  .srbd_news .contents .section .image_area.style3 .image_row .half:first-child{width:50%;}
  .srbd_news .contents .section .image_area.style3 .image_row .half:nth-child(2){width:50%;}

  .srbd_news .contents .section .image_area.style4 {}
  .srbd_news .contents .section .image_area.style4 .image_row {}
  .srbd_news .contents .section .image_area.style4 .image_row .half{}
  .srbd_news .contents .section .image_area.style4 .image_row .left{padding-right:10px;}
  .srbd_news .contents .section .image_area.style4 .image_row .right{padding-left:10px;}
  .srbd_news .contents .section .image_area.style4 .image_row .full {margin:-20% auto;width:50%;}

  .srbd_news .contents .section .image_area.style5 {display:table;width:100%;}
  .srbd_news .contents .section .image_area.style5 .image_row {width:50%;display:table-cell;vertical-align:middle;}
  .srbd_news .contents .section .image_area.style5 .image_row1 {padding-right:10px;}
  .srbd_news .contents .section .image_area.style5 .image_row2 {padding-left:10px;}
  .srbd_news .contents .section .image_area.style5 .image_row img {width:100%;}
  .srbd_news .contents .section .image_area.style5 .image_row1 img {}
  .srbd_news .contents .section .image_area.style5 .image_row2 img:first-child{margin-bottom:20px;}

  .srbd_news .contents .section .image_area.style6 {margin-bottom: 0px;}

  .srbd_news1 {max-width: 850px; margin: 50px auto; padding-bottom: 10px; font-family: 'sso'; box-shadow: 1px 2px 2px 2px #e6e6e6;}
  .srbd_news1 img {width: 100%;}
  .srbd_news1 a {display: block; width: 270px; height: 50px; margin: 0 auto 20px; line-height: 46px; text-align: center;
                  border: 2px solid #00aeef; border-radius: 30px; text-decoration: none; color: #00aeef !important; font-weight: 600;}
  .srbd_news1 a .unhover {width: 15px; margin-left: 10px; margin-top:-5px;}
  .srbd_news1 a .hover {display: none; width: 15px; margin-left: 10px; margin-top:-5px;}
  .srbd_news1 a:hover {background-color: #00aeef; color: #fff !important;}
  .srbd_news1 a:hover .unhover {display: none;}
  .srbd_news1 a:hover .hover {display: inline;}

  .srbd_news2 {max-width: 850px; margin: 50px auto; padding-bottom: 10px; font-family: 'sso'; box-shadow: 1px 2px 2px 2px #e6e6e6;}
  .srbd_news2 img {width: 100%;}
  .srbd_news2 a {display: block; width: 270px; height: 50px; margin: 20px auto 20px; line-height: 46px; text-align: center;
                  border: 2px solid #00aeef; border-radius: 30px; text-decoration: none; color: #00aeef !important; font-weight: 600;}
  .srbd_news2 a .unhover {width: 15px; margin-left: 10px; margin-top:-5px;}
  .srbd_news2 a .hover {display: none; width: 15px; margin-left: 10px; margin-top:-5px;}
  .srbd_news2 a:hover {background-color: #00aeef; color: #fff !important;}
  .srbd_news2 a:hover .unhover {display: none;}
  .srbd_news2 a:hover .hover {display: inline;}

  .srbd_news.srbd_news9 .header .date_mark {display: block;}

  @media screen and (max-width: 1920px) {
  .srbd_news {max-width: 850px; margin: 50px auto; padding-bottom: 10px; font-family: 'sso'; box-shadow: 1px 2px 2px 2px #e6e6e6;}
  .srbd_news .header {background: #eee; padding: 60px 70px 20px; overflow: auto;}
  .srbd_news .header img {float: right;}
  .srbd_news .header h1 {margin: 70px 0 20px; font-size: 42px; font-weight: 600; color: #1428a0; line-height: 50px; float: left;}
  .srbd_news .header .date_mark {margin:6px 0 3px;display:inline-block;font-weight:400;}
  .srbd_news .contents {padding: 30px 70px 30px; background: #fff;}
  .srbd_news .contents .image_p { font-size: 12px;color: #636363; line-height: 14px; margin-top: 4px; margin-bottom: 20px;}
  .srbd_news .contents .text {font-size: 15px; line-height: 26px; margin-bottom: 30px;}
  .srbd_news .contents .text.text-light {line-height: 24px;}
  .srbd_news .contents .section {overflow: hidden;}

  .srbd_news .contents .section .image_area {width:100%; margin-bottom:30px;}
  .srbd_news .footer {padding: 0 70px 15px;}
  .srbd_news .footer p::before {content: ''; display: block; width: 100%; height: 1px; margin: 0 auto 10px; background: #d2d2d2; }
  .srbd_news .footer p { text-align: right; font-size: 12.5px; color: #d2d2d2; }

  }

  @media screen and (max-width: 820px) {
  .srbd_news .contents .image_area3 .image_p {padding-top: 88px;}
  }

  @media screen and (max-width: 768px) {

  .srbd_news .header {padding: 30px 20px 20px;}
  .srbd_news .header h1 {margin: 50px 0 7px; font-size: 30px; line-height: 38px;}

  .srbd_news .contents {padding: 20px 20px 30px;}
  .srbd_news .contents .text {font-size: 14px; line-height: 22px;}

  .srbd_news .contents .section .image_area {float: none; margin-bottom: 20px;}
  .srbd_news .contents .section .image_area img {width: 100%; margin: 0 auto;}

  .srbd_news .contents .section2 .text {float: none; width: 100%;}
  .srbd_news .contents .section .image_area.left,   .srbd_news .contents .section .image_area.right {width:100%;float:none;margin:10px 0;}

  .srbd_news .contents .image_area3 {margin-top: 20px; width: 100%;}
  .srbd_news .contents .image_area3 img {padding-right: 0px;}
  .srbd_news .contents .image_area3 .img1 {width: 34.3%; padding-right: 10px;}
  .srbd_news .contents .image_area3 .img2 {width: 65.7%;}
  .srbd_news .contents .image_area3 .image_p {clear: both; padding-top: 10px;}

  .srbd_news .contents .section .image_area.style2 {}
  .srbd_news .contents .section .image_area.style2 .image_row {width:100%;}
  .srbd_news .contents .section .image_area.style2 .image_row2 {margin-left:0;}
  .srbd_news .contents .section .image_area.style2 .image_row3 {margin-left:0;}

  .srbd_news .footer {padding: 0 20px; margin-bottom: 20px;}

  }