@font-face {
    font-family: 'Binggrae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Binggrae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*
{font-family:'Noto Sans KR'; font-weight:400;}
h1,h2,h3,h4,h5,h6,th,strong,b,dt,em
{font-family:'Noto Sans KR'; font-weight:500;}

/* 팝업 */
.popStyle 
  {position: fixed; top: 15%; left:auto; right: 10%; z-index: 99999; background: #f4f4f4; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);}
  .popStyle.second {left: auto;}
  .btn_area {padding: 0px 15px 4px; font-size: 15px;}
  .btn_area label {margin-left: 10px; color: #000;}
  .btn_area a 
  {float: right; font-size: 15px; font-weight: bold; background: #c8a03b; padding: 0 30px; border-radius: 20px; color: #fff;}
  .btn_area a:hover {background: #c8a03b; color: #fff;}
  @media all and (max-width:1024px) {
      .popStyle 
      {left: 0; top: 0; padding-top: 10vh; background: rgba(0, 0, 0, 0.7); bottom: 0;max-width:50%;}
      .popStyle img {max-width: 100%;}
      .btn_area {text-align: center;}
      .btn_area label {color:#fff;}
      .btn_area a 
      {float: none; display: block; text-align: center; margin: 10px auto 0; padding: 5px; width: 50%;}
  }
  @media all and (max-width:768px) {
      .popStyle 
      {padding-top: 0; max-width: 100%; width: 100%;}
      .popStyle.second {left: 0;}
  }

.container
{max-width:1200px; margin:0 auto; width:100%;}
.container:after
{clear:both; content:''; display:block;}

.main-title
{text-align:center;}
.main-title-01
{font-size:36px; color:#333333; font-family:'Binggrae'; position:relative; padding-top:60px; margin:0 0 5px; font-weight:600;}
.main-title-01:before
{content:''; background:url('img/sec01-top-icon.png'); position:absolute; width:202px; height:43px; top:0px; left:41%;}
.main-title-02
{font-size:18px; color:#8e8e8e; margin:0 0 30px }








.section01
{padding:60px 0 212px; background:url('img/sec01-bg.jpg') no-repeat; background-size:cover;}
.sec01-top-wrap
{display:flex; align-items:stretch;}
.sec01-top-wrap:after
{clear:both; content:''; display:block;}
.sec01-top-wrap .top-wrap-left
{float:left;}
.sec01-top-wrap .top-wrap-left img
{float:left;}
.sec01-top-wrap .top-wrap-right
{float:right; width:calc(100% - 728px); background:url('img/sec01-top-bg.jpg') no-repeat; padding:80px 50px 0px 50px;;}
.top-wrap-right strong
{color:#fff; font-weight:400; letter-spacing:0.5px;}
.top-wrap-right h2
{font-size:28px; color:#fff; font-weight:500; line-height:120%; margin:20px 0px;}
.top-wrap-right p
{color:#fff; font-size:16px; word-break:keep-all;}
.top-wrap-right a
{display:inline-block; color:#fff; border:1px solid #fff; margin:40px 0 0; padding:12px 50px 12px 25px; font-size:13px; font-weight:400; background-image:url('img/sec01-arrow.png'); background-repeat:no-repeat; background-position:110px 17px;}
.top-wrap-right a:hover
{background-color:#a67400; border-color:#a67400; transition-duration:0.25s}

.sec01-bottom-wrap
{margin:20px 0 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.sec01-txt
{padding:215px 100px 0px 30px;}
.sec01-txt h2
{color:#fff; font-weight:400; font-size:28px; margin:0 0 5px;}
.sec01-txt p
{font-size:17px; color:#fff; font-weight:300; line-height:130%;}
.sec01-bottom-wrap .sec01-img
{height:351px; width:31.2%; position:relative;}
.sec01-plus
{position:absolute; right:30px; top:30px; width:45px; height:45px; border:1px solid #fff;}
.sec01-plus .plus-row
{position:absolute; top:21px; background:#fff; width:25px; height:1px; right:9px;}
.sec01-plus .plus-col
{position:absolute; top:9px; right:22px; background:#fff; height:25px; width:1px;}
.sec01-bottom-wrap .sec01-img:hover .sec01-plus
{border-color:#a67400; background:#a67400; transition-duration:0.25s}
.sec01-bottom-wrap .sec01-img01
{background:url('img/sec01-img01.jpg');}
.sec01-bottom-wrap .sec01-img02
{background:url('img/sec01-img02.jpg');}
.sec01-bottom-wrap .sec01-img03
{background:url('img/sec01-img03.jpg');}


.section02
{background:url('img/sec02-bg.png') no-repeat; padding:174px 0px 130px; transform:translate(0px, -100px); text-align:center;}
.section02 .sec02-slogan
{background:url('img/sec02-slogan.png') no-repeat;; width:603px; height:45px; display:inline-block;}
.section02 p
{color:#dfc775; font-size:18px; margin:10px 0 0;}

/* 메인 프로그램 사진 추출 */
.main-program-con .board_output,
.main-program-con .board_output > tbody,
.main-program-con .board_output > tbody > tr,
.main-program-con .board_output > tbody > tr > td,
.main-program-con .board_output > tbody > tr > td > table,
.main-program-con .board_output > tbody > tr > td > table > tbody,
.main-program-con .board_output > tbody > tr > td > table > tbody > tr 
{display:block;}
.main-program-con
{margin-bottom:30px;;}
.main-program-con .board_output .board_output_gallery_img
{height:235px;}
.main-program-con .board_output .board_output_gallery_img img 
{width:100%; height:100%; object-fit:cover;}
.main-program-con .board_output td .board_output_gallery_subject
{padding:10px;}
.main-program-con .board_output td .board_output_gallery_subject a
{font-size:16px; font-family:'Noto Sans Kr' !important;}


.main-program-con .owl-prev 
{font-size:0; background:url('img/sec03-prev.png'); width:55px; height:55px; background-size:cover; top:33%; position:absolute; left:-80px; }
.main-program-con .owl-next 
{font-size:0; background:url('img/sec03-next.png'); width:55px; height:55px; background-size:cover; top:33%; position:absolute; right:-80px; }

.section03
{padding:0 0 70px 0;}
.sec03-img
{display:inline-block;}
.sec03-img p
{text-align:Center; font-size:17px; color:#222222; font-weight:500; padding:10px 0px;}
.sec03-img:hover p
{color:#666;}
.section03 .owl-buttons
{position:absolute; top:30%; width:100%;}
.section03 .owl-prev
{font-size:0px; background:url('img/sec03-prev.png'); width:55px; height:55px; display:inline-block; margin-left:-80px;position:absolute;}
.section03 .owl-next
{font-size:0px; background:url('img/sec03-next.png'); width:55px; height:55px; display:inline-block; right:0px; margin-right:-80px; position:absolute;}



.footer 
{padding:55px 0px; background:#4b4f60;}
.footer .f-logo
{background:url('img/f-logo.png'); display:inline-block; width:222px; height:46px;}
.footer .f-info
{float:right; width:75%;}
.footer .f-info ul li span
{font-size:15px; color:#fff; padding-right:15px; font-weight:300;}
.footer .f-info ul li.copy
{margin-top:15px;}




@media screen and (max-width:1100px){
    .sec01-top-wrap .top-wrap-left
    {width:60%;}
    .sec01-top-wrap .top-wrap-left img
    {width:100%;}
    .sec01-top-wrap .top-wrap-right
    {padding:50px 15px 0px 15px; width:40%;}
    .top-wrap-right h2
    {font-size:24px; margin:10px 0;}
    .top-wrap-right h2 br
    {display:none;}
    .sec01-txt
    {padding:200px 30px 0 30px;}

    .section02
    {background-position:center;}
    .section02 .sec02-slogan
    {width:100%;}
    .main-program-con
    {margin:0 20px;}
    .main-program-con .board_output > tbody > tr > td > .board_output > tbody > tr 
    {display:flex; flex-wrap:wrap;}
    .main-program-con .board_output > tbody > tr > td > .board_output > tbody > tr > td 
    {width:100%;}
}


@media screen and (max-width:414px){
    .main-title-01
    {font-size:25px;}
    .main-title-01:before
    {left:20%;}
    .main-title-02
    {font-size:16px;}

    .section01
    {background-position:center; padding:60px 0 150px;}
    .sec01-top-wrap
    {flex-wrap:wrap;}
    .sec01-top-wrap .top-wrap-left
    {width:100%;}
    .sec01-top-wrap .top-wrap-right
    {width:100%; padding:35px 15px;}

    .sec01-bottom-wrap .sec01-img
    {width:100%; background-size:cover;}
    .sec01-txt h2
    {text-shadow:1px 1px 1px #444;}
    .sec01-txt p
    {text-shadow:1px 1px 1px #444;}

    .section02
    {padding:120px 10px 90px;}
    .section02 .sec02-slogan
    {width:100%; background-size:contain; background-position:center;}
    .section02 p
    {font-size:16px;}


    .section03 .sec03-wrap
    {text-align:center;}
    .section03 .owl-prev,
    .section03 .owl-next
    {display:none;}
    .owl-controls .owl-page
    {display:inline-block;}
    .owl-controls .owl-page span
    {width:12px; height:12px; border:1px solid #a67400; border-radius:50%; margin:0 4px; display:inline-block;}
    .owl-controls .owl-page.active span
    {width:40px; height:12px; border-radius:25px; background:#a67400;}




    .footer
    {padding-left:10px; padding-right:10px;}
    .footer .f-logo
    {margin:0 0 20px;}
    .footer .f-info
    {width:100%;}
    .footer .f-info ul li span
    {word-break:break-all; display:inline-block;}
}