@import url('reset.css');

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

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

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

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

@font-face {
  font-family: 'ChosunSm';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


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



header { width: 100%; height: 80px; background: rgba(255, 255, 255, 1); z-index: 9999999; border-bottom: 1px solid #ccc;}
header h1 { float: left; padding: 25px 0 0 50px;}
header h1 img{ max-width: 100%; height: auto;}
menu { 
  position: absolute; 
  top: 20px; 
  right: 20px; 
  font-size: 24px; 
  cursor: pointer; 
  font-weight: 500; 
  color: #eee;
  background: #8b0129;
  padding:8px 10px;
}
menu:hover { color: #fff; background: #000;}



.fixed-header {
  position:fixed; 
  top:0px; left:0; 
  width:100%; 
  height:80px; 
  animation:slide-down 0.7s; 
  opacity:1; 
  background: #fff; 
  z-index: 999;
  border-bottom: 1px solid #ccc;
  /* box-shadow: 0 2px 7px -5px rgba(0, 0, 0, 0.5); */
}

      @keyframes slide-down {
          0% {
              opacity: 0;
              transform: translateY(-100%);
          } 
          100% {
              opacity: 1.0;
              transform: translateY(10);
          } 
      }


/* 메뉴 */

.sidenav {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 99999999999;
    top: 0;
    right: 0;
    background: #8b0029;
    overflow-x: hidden;
    transition: 0.5s;
    scroll-snap-stop: 0;
  }


.sidenav::-webkit-scrollbar { width: 1px; /*스크롤바의 너비*/}
.sidenav::-webkit-scrollbar-thumb {background-color: rgb(100, 9, 9); /*스크롤바의 색상*/}
.sidenav::-webkit-scrollbar-track { background-color: #8b0029; /*스크롤바 트랙 색상*/}
  
  .sidenav .closebtn {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
  }

  .sidenav .closebtn:hover { color: #000;}

  .nav_wrap { margin: 100px 7%;  }
   nav {float: left;  width: 25%; padding: 0 2%; }

  .gnb { width: 100%; margin-bottom: 50px;}
  .gnb li { padding: 3px 0 0 0; color: #fff;}
  .gnb li a { color: #ccc; font-weight: 300; font-size: 16px; display: block;}
  .gnb li a:hover { color: #fff; transition: 0.3s ease;}

  .gnb li.n_text_1 { 
    font-size: 16px; 
    margin: 0px 0 10px 0; 
    padding: 5px 0px; 
    border-top: 1px solid #bb4c6c;
    border-bottom: 1px solid #bb4c6c;
  }

  .gnb li.n_text_2 { 
    font-size: 16px; 
    margin: 20px 0 10px 0; 
    padding: 5px 0px; 
    border-bottom: 1px solid #bb4c6c;
  }

  .gnb li.n_text_3-1 a{ 
    font-size: 16px; 
    padding: 5px 0px; 
    border-top: 1px solid #bb4c6c;
    border-bottom: 1px solid #bb4c6c;
    color: #fff;
  }
  .gnb li.n_text_3-2 a{ 
    font-size: 16px; 
    padding: 5px 0px; 
    border-bottom: 1px solid #bb4c6c;
    color: #fff;
  }
  .gnb li.n_text_3-2-1 a{ 
    font-size: 16px; 
    padding: 5px 0px; 
    border-bottom: 1px solid #bb4c6c;
    color: #fff;
    margin: 20px 0 0px 0;
  }

.nav_title { font-size: 30px; padding-bottom: 30px;}

.nav_img {position: relative; width: 100%; }
.nav_img img{ width: 100%; max-width: 100%; height: auto;}

.nav_img_text_1 { 
  position: absolute; 
  top: 20%; 
  left: 5%;
  width: 90%; 
  color: #fff; 
  font-size: 1.7vw;
  font-family: 'GmarketSansBold';
}

.nav_img_text_1-1 { 
  position: absolute; 
  top: 12%; 
  left: 5%;
  width: 90%; 
  color:#d8c5ba; 
  font-size: 1.3vw;
  font-family: 'GmarketSansBold';
  line-height: 1.5vw;
}

.nav_img_text_1 span.color_1 { color:#b89d8d;}
.nav_img_text_1 span.color_2 { color:#8b0128;}

.nav_img_text_1-1 span.color_1 { color:#b89d8d;}
.nav_img_text_1-1 span.color_2 { color:#8b0128;}

.nav_img_text_2 { 
  position: absolute; 
  top: 40%; 
  left: 5%;
  font-family: 'GmarketSansLight';
  color: #eee;
  font-size: 0.8vw;
  line-height: 1.2vw;
 }


  @media(max-width: 1220px) {
    .nav_img_text_2 { top: 48%; font-size: 1vw; line-height: 1.4vw;}
  }

  @media(max-width: 768px) {
    .nav_wrap { margin: 100px 5%;}
     nav { width: 100%; padding: 0;}
    .gnb {float: none; width: 100%;}
    .nav_img_text_1 { font-size: 7vw; }
    .nav_img_text_1-1 { font-size: 6vw; line-height: 7vw;}
    .nav_img_text_2 { top: 38%; font-size: 3vw; line-height: 4vw;}
    header h1 { padding: 20px 0 0 20px;}
    header h1 img{ width: 90%;}
  }
  

  @media(max-width: 480px) {
    .sidenav {padding-top: 0px;}
    .sidenav a {font-size: 18px;}
    header { height: 50px;}
    header h1 { padding: 5px 0 0 15px;}
    header h1 img{ width: 70%;}
    .fixed-header {height:50px; }
    menu { top: 9px; right: 10px; font-size: 22px;  padding: 1px 7px 3px 7px;}
    .sidenav .closebtn { top: 15px; right: 15px; font-size: 30px;}
    .nav_img_text_2 { line-height: 4.5vw; }
  }


.contents_wrap { width: 100%;}
.contents_wrap_1 { width: 100%; margin:100px 0;}
.contents_wrap_2 { width: 100%;}


.contents_1 { width: 1200px; margin: 0 auto;}
.contents_2 { width: 1200px; margin: 0 auto; padding: 100px 0;}


@media(max-width: 1220px) {
  .contents_1 { width: 100%; padding: 0 5%;}
  .contents_2 { width: 100%; padding: 100px 5%;}
}

@media(max-width: 768px) {
  .contents_wrap_1 { margin-top: 100px;}
  .contents_wrap_2 { margin-top: 50px;}
  .contents_2 { padding: 50px 5%;}
}

@media(max-width: 480px) {
  .contents_wrap_1 { margin: 50px 0 0 0;}
  .contents_wrap_2 { margin-top: 30px;}
  .contents_1 { width: 100%; padding: 0 7%;}
  .contents_2 { padding: 50px 7%;}
}


h2.page_title { 
    font-size: 20px; 
    color:#8b0128; 
    font-family: 'GmarketSansMedium'; 
    margin-bottom: 70px; 
    border-bottom: 2px solid #8b0128;
    padding-bottom: 10px;
}
h2.page_title span{ float: right; font-size: 16px;}


h2.page_title-1 { 
  font-size: 20px; 
  color:#ccc; 
  font-family: 'GmarketSansMedium'; 
  margin-bottom: 70px; 
  border-bottom: 2px solid #a18b78;
  padding-bottom: 10px;
}
h2.page_title-1 span{ float: right; font-size: 16px;}


.cont_box_pm_1 { float: left; width: 70%; margin-right: 5%; }
.cont_box_pm_2 { float: left; width: 25%; text-align: justify; padding-bottom: 20px;}
.cont_box_pm_2 img{ width: 100%; max-width: 100%; height: auto;}


.psd_tit_e { font-family: 'ChosunSm'; font-size: 60px; opacity: 0.5; font-style: italic;}
.psd_tit { font-family: 'ChosunSm'; font-size: 50px; line-height: 65px; padding-top: 12%;}
.psd_tit_2 { font-family: 'ChosunSm'; font-size: 45px; line-height: 55px; padding-top: 0;}

.line { margin: 50px 0; color: #8b0128;}


@media(max-width: 980px) {
  .psd_tit { font-size: 40px; line-height: 50px; padding-top: 60px;} 
  .psd_tit_2 { font-size: 35px; line-height: 45px;} 
  .psd_tit_e { font-size: 50px;}
}

@media(max-width: 768px) {
  .psd_tit_e { font-size: 5vw;}
  .psd_tit { font-size: 4vw; line-height: 5.5vw; padding-top: 40px;}  
  .psd_tit_2 { font-size: 3.5vw; line-height: 4.5vw; padding-top: 15px;}  
  h2.page_title { margin-bottom: 30px; }
  h2.page_title-1 { margin-bottom: 30px; }
}

@media(max-width: 480px) {
  .cont_box_pm_1 { width: 100%; text-align: center;}
  .cont_box_pm_2 { width: 100%; text-align: center;}
  .psd_tit_e { font-size: 8vw;}
  .psd_tit { font-size: 6.5vw; line-height: 8.5vw; padding: 30px 0;}  
  .psd_tit_2 { font-size: 6.5vw; line-height: 8.5vw; padding: 30px 0;}  
  h2.page_title { font-size: 18px; padding-bottom: 5px;}
  h2.page_title-1 { font-size: 18px; padding-bottom: 5px;}
  h2.page_title span{ display: none;}
  h2.page_title-1 span{ display: none;}
}



.cont_box_1 { float: left; width: 47%; margin-right: 6%; text-align: justify;}
.cont_box_2 { float: left; width: 47%; text-align: justify;}

.sign {float: right; margin-top: 50px;}
.sign img { max-width: 100%; height: auto;}


@media(max-width: 480px) {
  .cont_box_1 { width: 100%;  line-height: 24px;}
  .cont_box_2 { width: 100%;  line-height: 24px;}
  .sign {  float: right; margin-top: 30px; }
  .sign img {float: right; width: 80%;}
}


/* 2021 고려대를 빛낸 발자취 */

.history_box_wrap { width: 100%;}


.history_box_1 {
  position: relative; 
  float: left; 
  width: 50%; 
  text-align: center; 
  border-right: 1px solid #d9c4b8;
  margin: 30px 0 70px 0;
}
.history_box_2 {
  position: relative; 
  float: left; 
  width: 50%; 
  text-align: center; 
  margin: 30px 0 70px 0;
}
.history_box_3 {
  position: relative; 
  float: left; 
  width: 50%; 
  text-align: center; 
  border-right: 1px solid #d9c4b8;
  padding-bottom: 50px;
  margin: 70px 0;
}
.history_box_4 {
  position: relative; 
  float: left; 
  width: 50%; 
  text-align: center; 
  padding-bottom: 50px;
  margin: 70px 0 30px 0;
}

.history_box_5-1 { float: left; width: 48%; margin-right: 4%;}
.history_box_5 { float: left; width: 48%;}
.history_box_5 img { width: 100%; max-width: 100%; height: auto;}

.h_line { border-bottom: 1px solid #d9c4b8; }

.hi_title { font-size: 1.4vw; color: #fff; margin-bottom: 30px; font-family: 'GmarketSansMedium'; line-height: 2vw;}
.hi_text { font-size: 18px; color: #f3e0d5; margin-top: 10px; font-weight: 300; line-height: 20px;}
.hi_text-1 { font-size: 16px; color: #f3e0d5; margin-top: 10px; font-weight: 300; line-height: 24px; font-family: 'Noto Sans KR', sans-serif; }
.hi_text-2 { font-size: 16px; color: #f3e0d5; margin-top: 10px; font-weight: 300; line-height: 28px; background: url('../images/bt_1.png') 0 12px no-repeat; padding-left: 15px;}
.hi_text-3 { font-size: 18px; color: #f3e0d5; margin-top: 10px; font-weight: 300; line-height: 28px; background: url('../images/bt_1.png') 0 12px no-repeat; padding-left: 15px;}

.hi_text-1_ab { position: absolute; top: 30px; right: 50px; font-size: 16px; color: #f3e0d5;}

.hi_text_abs { position: absolute; top: 52%; left: 65%; color: #f3e0d5; font-size: 1vw; text-align: left;}
.hi_text_abs span{ font-size: 1.5vw;}

.no_box_1 { 
  width: 11vw;
  height: 11vw; 
  background: #8b0128; 
  margin: 0 auto;
  border-radius: 50%;
  line-height: 12.5vw;
  color: #fff;
  font-size: 6vw;
  font-family: 'GmarketSansBold';
}

.no_box_2 {position: relative; float: left; width: 50%; font-family: 'GmarketSansBold';}
.no_box_t { color: #f3e0d5; font-family: 'GmarketSansMedium'; font-size: 18px; margin-bottom: 10px;}

.circle { 
  width: 11vw;
  height: 11vw;
  background: #8b0128;
  margin: 0 auto;
  border-radius: 50%;
  font-family: 'GmarketSansBold';
  line-height: 11.5vw;
  font-size: 3vw;
  color: #fff;
  margin-bottom: 30px;
}

.no_box_3 {position: relative; width: 100%;}
.no_box_4 { float: left; width: 50%;}

 .circle-1 { 
  width: 8vw; 
  height: 8vw; 
  background: #8b0128;
  margin: 0 auto;
  border-radius: 50%;
  font-family: 'GmarketSansMedium';
  line-height:1.7vw;
  font-size: 1.5vw;
  color: #fff;
  margin-bottom: 10px;
  padding-top: 2.5vw;
}

.circle_st { 
  position: absolute; 
  bottom: 15%; left: 50%; 
  transform: translate(-50%, -50%);
  font-family: 'GmarketSansLight'; 
  color: #f3e0d5;
  font-size: 1.5vw;
}



@media( max-width:1440px ){
  .hi_title { font-size: 1.8vw; line-height: 2.5vw;}
  .no_box_1 { width: 13vw; height: 13vw; line-height: 14.5vw; font-size: 8vw;}

  .circle { width: 13vw; height: 13vw; line-height: 13.5vw; font-size: 3.5vw; margin-bottom: 20px; }
  .circle-1 { width: 9vw; height: 9vw;  margin-bottom: 0px; font-size: 2vw; line-height:2.3vw;}
  .history_box_3 { margin-bottom: 0px; }
  .history_box_4 { margin-bottom: 0px; }
}

@media( max-width:1220px ){
  .hi_title { font-size: 1.8vw;}
  .circle_st { bottom: 10%; }
  .hi_text_abs { position: absolute; top: 30%; left: 65%; font-size: 1.5vw;}
  .hi_text_abs span { font-size: 2vw;}
}


@media( max-width:768px ){
  .hi_title { font-size: 3.5vw; line-height: 4.5vw;}
  .no_box_1 { width: 20vw; height: 20vw; line-height: 22.5vw; font-size: 12vw;}
  .hi_text_abs { position: absolute; top: 49%; left: 70%; font-size: 1.8vw; line-height: 2.7vw;}
  .hi_text_abs span { font-size: 2.5vw;}
  .circle { width: 21vw; height: 21vw; line-height: 21.5vw; font-size: 5.5vw; margin-bottom: 20px;}
  .circle-1 { width: 20vw; height: 20vw;  font-size: 4.2vw; line-height:5.3vw; padding-top: 5.3vw;}
  .history_box_3 { width: 100%; border-right: 0; border-bottom: 1px solid #d9c4b8; margin-bottom: 10px; padding-bottom: 60px;}
  .circle_st { font-size: 3vw; bottom: 11%;}
  .history_box_1 {  padding-top: 20px;}
  .history_box_2 {  padding-top: 20px;}
  .history_box_3 {  padding-top: 0px;}
  .history_box_4 { width: 100%; padding-bottom: 60px;}
  .history_box_5-1 { width: 100%; margin-bottom: 50px;}
  .history_box_5 { width: 100%; margin-bottom: 50px;}
}

@media( max-width:480px ){
  .hi_title { font-size: 5vw; line-height: 6.2vw;}
  .history_box_1 {width: 100%; border-right: 0; border-bottom: 1px solid #d9c4b8; padding:0 0 50px 0; margin:30px 0 50px 0;}
  .history_box_2 {width: 100%; border-bottom: 1px solid #d9c4b8; padding:0 0 50px 0; margin: 0 0 50px 0;}
  .history_box_3 { padding:0 0 50px 0; margin: 0 0 50px 0;}
  .history_box_4 { padding: 0px 0 50px 0; margin: 0 0 0px 0; border-bottom: 1px solid #d9c4b8;}
  .history_box_5 { padding: 0; margin: 0;}
  .history_box_5-1 { margin-bottom: 0px;}
  .no_box_1 { width: 35vw; height: 35vw; line-height: 38.5vw; font-size: 20vw;}
  .h_line { display: none;}
  .hi_text_abs { font-size: 3.5vw; line-height: 4.5vw;}
  .hi_text_abs span{ font-size: 5vw;}
  .circle_st { font-size: 3.7vw; bottom: 10%;}
  .circle { width: 29vw; height: 29vw; line-height: 30vw; font-size: 8vw; margin-bottom: 20px; }
  .circle-1 { width: 30vw; height: 30vw;  font-size: 6vw; line-height:7.5vw; padding-top: 8vw;}
  .no_box_3 { width: 100%; margin-bottom: 30px;}
  .no_box_4 { width: 100%; margin-bottom: 30px;}
  .hi_text { font-size: 16px; }
  .hi_text-1 { font-size: 16px; }
  .hi_text-2 { font-size: 16px; line-height: 24px;}
  .hi_text-3 { font-size: 16px; line-height: 24px; margin-bottom: 30px;}
}


/* 한눈에 보는 모금현황 */

#view_pc { display: block;}
#view_mo { display: none; }

#fr_box_wrap_1 {float: left; width: 25%;  margin-right: 5%;}
#fr_box_wrap_2 {float: left; width: 45%; }

.fr_box_1 { 
  float: left; 
  width: 20%; 
  margin-right: 5%; 
  background: #a18b78;
  padding: 3% 2% 35% 2%;
}
.fr_box { padding: 50px 0; border-bottom: 1px solid #a18b78;}
.fr_box_bx { padding: 50px 0;}
.fr_box-1 { padding: 50px 0;}
.fr_box_a { float: left; width: 60%; }
.fr_box_b { float: left; width: 40%; }
.fr_box_c { float: left; width: 100%; }

h2.fr_title { 
  color: #fff; 
  font-family: 'GmarketSansMedium';
  border-bottom: 1px solid #ccc;
  padding: 0 0 5vw 0;
  font-size: 2vw;
  line-height: 2.5vw;
}
.fr_title_text { 
  font-size: 0.7vw; 
  line-height: 1.2vw; 
  color:#eee; 
  font-weight: 300; 
  text-align: justify;
  padding-top: 2vw;
}

.fr_s_title { font-size: 1vw; font-family: 'GmarketSansMedium'; color: #fff;}
.fr_ss_title { font-size: 16px; font-family: 'GmarketSansLight'; color: #ccc; margin:20px 0 15px 0;}

/* .fr_text_1 { font-family: 'GmarketSansBold'; color: #fff; font-size: 2.5vw;} */
.fr_text_1 { font-family: 'GmarketSansBold'; color: #fff; font-size: 50px;}
.fr_text_1 span.fs_1{ color: #ccc; font-size: 18px; font-family: 'GmarketSansMedium';}
.fr_text_1 span.fs_2{ color: #ccc; font-size: 14px; font-family: 'GmarketSansLight';}
.fr_text_1 span.fs_3{ color: #ccc; font-size: 24px; font-family: 'GmarketSansLight';}




@media( max-width:1440px ){
  h2.fr_title { font-size: 2.5vw; line-height: 3vw;}
  .fr_title_text { font-size: 14px; line-height: 22px; }
  .fr_s_title { font-size: 1.5vw;}
  .fr_ss_title { font-size: 1.1vw; margin:20px 0 10px 0;}
  .fr_text_1 { font-size: 3.2vw;}
  .fr_text_1 span.fs_1{ font-size: 1.3vw;}
  .fr_text_1 span.fs_2{ font-size: 1vw;}
}
@media( max-width:1024px ){
  .fr_text_1 span.fs_3{ font-size: 18px;}
}

@media( max-width:1220px ){
  h2.fr_title { font-size: 3vw; line-height: 3.5vw;}
  .fr_text_1 { font-size: 4vw;}
}

@media( max-width:768px ){
  h2.fr_title { font-size: 6vw; line-height: 7.5vw; padding: 0 0 11vw 0;}
  .fr_title_text { font-size: 16px; line-height: 26px; padding-top: 30px;}
  .fr_box_1 { width: 45%; margin-right: 5%; padding: 5% 4% 70% 4%;}
  #fr_box_wrap_1 {width: 50%;  margin-right: 0%;}
  #fr_box_wrap_2 {width: 100%; }
  .fr_s_title { font-size: 3vw;}
  .fr_ss_title { font-size: 2.5vw; margin:20px 0 25px 0;}
  .fr_text_1 { font-size: 8vw;}
  .fr_text_1 span.fs_1{ font-size: 2.5vw;}
  .fr_text_1 span.fs_2{ font-size: 2vw;}
  .fr_text_1 span.fs_3{ font-size: 3vw;}
  .mg_top_1 { margin-top: 40px; }
  .fr_box_bx { border-bottom: 1px solid #a18b78; }
}

@media( max-width:480px ){
  h2.fr_title { font-size: 6vw; padding: 0 0 3vw 0;}
  .fr_box_1 { width: 100%; margin-right: 5%; padding: 10% 5% 10% 5%;}
  #fr_box_wrap_1 {width: 100%;  margin-right: 0%;}
  #fr_box_wrap_2 {width: 100%; }
  .fr_s_title { font-size: 5.2vw;}
  .fr_ss_title { font-size: 4vw; margin:20px 0 10px 0;}
  .fr_text_1 { font-size: 9vw;}
  .fr_text_1 span.fs_1{ font-size: 5vw;}
  .fr_text_1 span.fs_2{ font-size: 3.5vw;}
  .fr_text_1 span.fs_3{ font-size: 3vw;}
  #view_mo { display: block;}
  #view_pc { display: none; } 
  .fr_box_a { width: 100%; }
  .fr_box_b { width: 100%; }
  .fr_text_1 span.fs_3{ font-size: 3.8vw;}
 
}

/* 발전기금성과 */

#top_flex_box { width: 100%; display: flex; border-bottom: 1px solid #8b0128; padding-bottom: 30px;}
#flex_box { width: 100%; display: flex; }

h3.contents_title { width: 25%; padding:5px 30px 0 0;  color: #8b0128; font-size: 35px; font-family: 'GmarketSansBold'; line-height: 42px;}
h3.contents_title_2 { width: 100%; padding:10px 20px 0 0;  color: #8b0128; font-size: 35px; font-family: 'GmarketSansBold'; line-height: 42px;}
h3.contents_title_2_mm { width: 100%; padding:10px 20px 0 0;  color: #8b0128; font-size: 35px; font-family: 'GmarketSansBold'; line-height: 42px; display: none;}



.contents_title_text { width: 75%;  font-family: 'GmarketSansMedium'; color: #000; text-align: justify;}

.result_box_50 {float: left; width: 50%;  padding: 30px 0;}
.result_box_100 {position: relative; width: 100%; }

.re_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.re_title-1 { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.re_text {position: relative; font-family: 'GmarketSansBold'; color: #8b0128; font-size: 70px; padding: 50px 0 30px 0;}
.re_text span{ font-size:16px; font-family: 'GmarketSansMedium';}

.re2_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.re2_title-1 { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.re2_title_480 { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px; display: none;}
.re2_title-1_480 { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px; display: none;}


.re_text_ab {position: absolute; top: 20px;}
.re_img { text-align: center; }
.re_img img { max-width: 100%; height: auto; }

/* .re_img_m { text-align: center; display: none;} */
/* .re_img_m img { max-width: 100%; height: auto; } */

.won_box { position: relative; float: left; width: 100%; display: block; padding: 0 0 0 40px; }

.won_1 { 
  position: relative; top: 45px; left: 0; color: #fff; float: left;
  width: 80px; height: 80px; background: #231f20;
  line-height: 80px; border-radius: 50%; z-index: 99; 
  font-size: 0.8vw;
}
.won_2 { position: relative; top: 45px; left: -20px; float: left;
  width: 80px; height: 80px; background: #eae1da; border-radius: 50%; 
}

.no_box { 
  float: left; 
  width: 100%; 
  font-family: 'GmarketSansBold'; 
  color: #231f20; 
  font-size: 65px; 
  padding: 0px 0 50px 50px;
}
.no_box span { font-size: 18px; font-family: 'GmarketSansMedium';}

@media( max-width:1220px ){
  .won_1 { width: 5.7vw; height: 5.7vw; line-height: 5.7vw;}
  .won_2 { width: 5.7vw; height: 5.7vw; }
  .no_box {  font-size: 5vw; }
}

@media( max-width:768px ){
  .won_box { padding: 0 0 0 0px;}
  .won_1 { width: 8.5vw; height: 8.5vw; line-height: 8.5vw; font-size: 2vw;}
  .won_2 { width: 8.5vw; height: 8.5vw; }
  .no_box {  font-size: 6.2vw; text-align: right; padding-right: 40px;}
}

@media( max-width:480px ){
  .re_title { padding-top: 30px; }
  .re_text {padding: 30px 0 30px 0;}
  .re_text_ab {top: 10px;}
  .won_box { padding: 0 0px 0 10px;}
  .won_1 { width: 16vw; height: 16vw; line-height: 16vw; font-size: 3.6vw;}
  .won_2 { width: 16vw; height: 16vw; }
  .no_box {  font-size: 13vw; text-align: right; padding-right: 20px; padding: 0px 20px 50px 0px;}
  .re2_title { display: none;}
  .re2_title-1 { display: none;}
  .re2_title_480 { display: block; }
  .re2_title-1_480 { display: block; padding-top: 50px;}
  h3.contents_title  { font-size: 26px; line-height: 30px;}
  h3.contents_title_2  { font-size: 26px; display: none;}
  h3.contents_title_2_mm { font-size: 26px; display: block;  line-height: 30px; }
  .contents_title_text { line-height: 24px;}
  /* .re_img { display: none; }
  .re_img_m { display: block; margin-bottom: 50px;} */
  
}








table { width: auto; }
table.bbs_list { width: 100%; border-bottom: 2px solid #8b0128;}
table.bbs_list th{ background: #8b0128; color: #fff; font-size: 14px; font-weight: 400;}
table.bbs_list th.h_left{ text-align: left; padding-left: 10px;}
table.bbs_list th.h_right{ text-align: right; padding-right: 10px;}
table.bbs_list th.color{ background: #c70a40;}
table.bbs_list th.color2{ background: #5e031d;}
table.bbs_list td { padding:10px; border-bottom:1px solid #ccc; text-align:center; background:#fff; line-height: 18px; vertical-align: middle;}
table.bbs_list td.plus { font-weight: 700; color: #8b0128;}
table.bbs_list td.plus2 { font-weight: 700; color: #000;}
table.bbs_list td.d_left { text-align: left;}
table.bbs_list td.d_left span.color_a{ color: #880629;}
table.bbs_list td.d_left span.color_b{ color: #231f20;}
table.bbs_list td.d_left span.color_c{ color: #926f5d;}
table.bbs_list td.d_left span.color_d{ color: #b79d8e;}
table.bbs_list td.d_right { text-align: right; }


table { width: auto; }
table.bbs_list_2 { width: 100%; border-top: 2px solid #8b0128; border-bottom: 2px solid #8b0128; margin: 10px 0;}
table.bbs_list_2 td { color: #937069; padding:15px 0; border-bottom:1px solid #aaa; font-size: 16px; line-height: 28px; vertical-align: middle;}
table.bbs_list_2 td.d_left { text-align: left;}
table.bbs_list_2 td.d_right { text-align: right; }
table.bbs_list_2 td.font { font-size: 16px; font-family: 'GmarketSansMedium'; padding-right: 20px;}
table.bbs_list_2 td span.ttx_1 { font-size: 22px; font-family: 'GmarketSansMedium';}


table { width: auto; }
table.bbs_list_3 { width: 100%; border-bottom: 2px solid #a18b78;}
table.bbs_list_3 th{ background: #a18b78; color: #fff; font-size: 14px; font-weight: 400;}
table.bbs_list_3 th.h_left{ text-align: left; padding-left: 10px;}
table.bbs_list_3 th.h_right{ text-align: right; padding-right: 10px;}
table.bbs_list_3 td { padding:10px; border-bottom:1px solid #a18b78; text-align:center; line-height: 18px; vertical-align: middle; color: #a18b78;}
table.bbs_list_3 td.plus { font-weight: 500; color: #8b0128;}
table.bbs_list_3 td.d_left { text-align: left;}
table.bbs_list_3 td.d_right { text-align: right; }



table { width: auto; }
table.bbs_list_4 { width: 100%;}
table.bbs_list_4 td { padding:10px; text-align:left; background:#fff; line-height: 26px; vertical-align: middle; border-bottom:1px solid #ccc; }
table.bbs_list_4 td.bold { font-weight: 500; color: #000;}
table.bbs_list_4 td.border_x { border-bottom:0px solid #ccc; }



table { width: auto; }
table.bbs_list_5 { width: 100%; margin: 20px 0;}
table.bbs_list_5 td { padding: 4px 0; text-align:left; line-height: 22px; vertical-align: top; font-weight: 500; color: #000;}
table.bbs_list_5 td.bold { font-weight: 500; color: #000;}
table.bbs_list_5 td.bcolor_1 { color: rgb(156, 130, 99); font-weight: 400;}
table.bbs_list_5 td span.bcolor_2 { color: #555; font-weight: 400; padding-left: 10px;}



#t_box { position: relative; width: 100%;  }
.t_arrow { position: absolute; bottom: -2px; width: 100%; z-index: 8888888888; display: none;}
.t_arrow span.t_left{ float: left;}
.t_arrow span.t_right{ float: right; }

.t-color_arrow { position: absolute; bottom: -12px; width: 100%; z-index: 8888888889; display: none;}
.t-color_arrow span.t_left{ float: left; color: #a18b78;}
.t-color_arrow span.t_right{ float: right; color: #a18b78;}

.t_arrow_2 { position: absolute; top: 24px; width: 100%; z-index: 8888888888; display: none;}
.t_arrow_2 span.t_left{ float: left; }
.t_arrow_2 span.t_right{ float: right; }

.t_arrow_3 { position: absolute; top: 29px; width: 100%; z-index: 8888888888; display: none;}
.t_arrow_3 span.t_left{ float: left; color: rgb(182, 161, 136);}
.t_arrow_3 span.t_right{ float: right; color: rgb(182, 161, 136); }


@media( max-width:768px ){
  h3.contents_title { width: 35%;}
  .contents_title_text { width: 65%; }  
  .re_text { font-size: 60px;}
  .re_text_pr {font-size: 55px;}
  .table_scroll { width: 100%; overflow-x: auto; white-space: nowrap; }
  .t_arrow { display: block; }
  .t_arrow_2 { display: block; }
  .t_arrow_3 { display: block; }
  .t-color_arrow { display: block; }
}

@media( max-width:480px ){
  #top_flex_box { display: block; }
  #flex_box { display: block; }
  h3.contents_title { width: 100%; padding-bottom: 10px;}
  h3.contents_title_2 { font-size: 26px;}
  .contents_title_text { width: 100%; }  
  .result_box_50 {width: 100%;  padding: 0px 0 0px 0;}
  .re_title-1 { margin-top: 50px; font-size: 5vw;}
}






/* 모금 및 지출현황 */



#sr_flex_box { width: 100%; display: flex; }
.sr_box_50 {float: left; width: 50%;  margin: 50px 0;}
.sr_box_100 {width: 100%; }
.sr_img { margin-top: 70px; }
.sr_img img{ max-width: 100%; height: auto;}
.sr_text_1 { text-align: justify; line-height: 26px;}
.sr_line { margin: 50px 0; color: #8b0128;}

.sr_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 30px;}

.sr_text_pr {position: relative; font-family: 'GmarketSansBold'; color: #231f20; font-size: 65px; padding: 50px 0 30px 0;}
.sr_text_pr span{ font-size:16px; font-family: 'GmarketSansMedium';}
.sr_text_pr span.one{ 
  position: absolute; 
  top: 26px; 
  font-size:14px; 
  width: 70px; 
  height: 70px; 
  background: #231f20; 
  border-radius: 50%; 
  color: #fff;
  line-height: 75px;
  z-index: 2;
}
.sr_text_pr span.one-1{ 
  position: absolute; 
  top: 26px; 
  font-size:14px; 
  width: 70px; 
  height: 70px; 
  background: #eae1da; 
  border-radius: 50%; 
  color: #fff;
  line-height: 75px;
  z-index: 1;
}

@media( max-width:768px ){
  #sr_flex_box { display: block; }
  .sr_box_50 { width: 100%; margin: 30px 0;}
  .sr_box_100 { width: 100%; }
  .sr_line { display: none;}
  .sr_box_100 { text-align: center;  }
  .sr_text_pr { font-size: 90px; }
  .sr_text_pr span.one{ top: 16px; width: 90px; height: 90px; font-size: 18px; line-height: 95px;}
  .sr_text_pr span.one-1{ top: 16px; width: 90px; height: 90px;}
  .sr_img { margin-top: 30px; }
  .sr_title { font-size: 24px; margin-top: 30px;}
}

@media( max-width:480px ){
  .sr_text_pr { font-size: 60px; }
  .sr_text_pr span.one{ top: 16px; width: 80px; height: 80px; font-size: 18px; line-height: 85px;}
  .sr_text_pr span.one-1{ top: 16px; width: 80px; height: 80px;}
  .sr_img img{ width: 80%; }
  .sr_box_50 { margin: 30px 0 0 0;}
}



/* 후원자 분석 */

.spon_box_30 {float: left; width: 30%;  margin: 50px 0; padding-right: 20px;}
.spon_box_70 {float: left; width: 70%;  margin: 50px 0;}
.spon_box_50 {float: left; width: 50%;  margin: 50px 0;}
.spon_box_100 { width: 100%; }
.spon_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 24px; padding-top: 10px;}
.spon_img { text-align: center; }
.spon_img img{ max-width: 100%; height: auto;}

.spon_img_m { text-align: center; display: none;}
.spon_img_m img{ max-width: 100%; height: auto;}


.sspon_img { text-align: center; }
.sspon_img img{ max-width: 100%; height: auto;}

.sspon_img_m { text-align: center; display: none;}
.sspon_img_m img{ max-width: 100%; height: auto;}

.spon_text_1 { text-align: justify; }
.spon_line { margin: 50px 0; color: #8b0128;}

.mg_tb { margin: 30px 0 50px 0; }
.mg_tb_1 { margin: 0px 0 70px 0; }


@media( max-width:768px ){
  .spon_box_30 {width: 100%; margin: 40px 0 20px 0; padding-right: 0px;}
  .spon_box_70 {width: 100%; margin: 0px 0 20px 0;}
}

@media( max-width:480px ){
  .spon_title {  font-size: 20px; padding-top: 0px;}
  .spon_box_30 {margin: 40px 0 5px 0;}
  .spon_box_70 {margin: 0px 0 5px 0;}
  .sspon_img {  display: none;}
  .sspon_img_m {  display: block;}
  .sspon_img_m img{  margin-top: 50px;}
  .spon_img {  display: none;}
  .spon_img_m {  display: block;}
  .spon_img_m img{  margin-top: 50px;}
  
}

/* 기금별 참여도가 높은 분야 */

.fc_box_100 { width: 100%; }
.fc_box_48 {float: left; width: 48%;  margin: 50px 0; margin-right: 4%;}
.fc_box_50 {float: left; width: 48%;  margin: 50px 0;}
.fc_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 24px; padding: 0px 0 30px 0; text-align: center;}
.fc_title-1 { color: #8b0128; font-family: 'GmarketSansBold';  font-size: 24px; padding: 0px 0 10px 0; text-align: center;}

@media( max-width:768px ){
  .fc_box_48 { width: 100%;}
  .fc_box_50 { width: 100%;}
}
@media( max-width:480px ){
  .fc_title {font-size: 20px;}
  .fc_title-1 {font-size: 20px;}
}


/* 교육기금 */

.ef_box_wrap { width: 100%;}
.ef_box_30 { float: left; width: 30%; margin-right: 5%;  padding: 50px 0;}
.ef_box_30-1 { width: 30%; margin-right: 5%;  padding: 50px 0;}
.ef_box_70 { position: relative; float: left; width: 65%; padding: 50px 0;}
.ef_box_img_30 { float: left; width: 30%; margin-right: 5%;  padding: 50px 0;}
.ef_box_img_70 { float: left; width: 65%; padding: 50px 0;}
.ef_box_100 { width: 100%;}
.ef_box_100_side { width: 100%;}

.ef_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.ef_title_1 { color: #000;  font-family: 'ChosunKm';  font-size: 35px; color: #8b0128; line-height: 40px;}
.ef_title_1-mo {display: none; color: #000;  font-family: 'ChosunKm';  font-size: 35px; color: #8b0128;}
.ef_title-s { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px;}
.ef_title-s_480 { color: #000; font-family: 'GmarketSansMedium';  font-size: 20px; display: none;}


.ef_text {position: relative; font-family: 'GmarketSansBold'; color: #231f20; font-size: 70px; padding: 50px 0 60px 0;}
.ef_text span{ font-size:16px; font-family: 'GmarketSansMedium';}

.ef_text_1 { font-size: 18px; color: #000; text-align: justify; line-height: 30px;}
.ef_text_2 { font-size: 16px; text-align: justify;}
.ef_text_3{ font-size: 22px;  color: #000; font-weight: 500; text-align: justify;}

.ef2_text_3 { font-size: 22px;  color: #000; font-weight: 500;  line-height: 28px; margin-bottom: 15px;}
.ef2_text_3_m { font-size: 22px;  color: #000; font-weight: 500;  line-height: 28px; margin-bottom: 15px; display: none;}



#tour_box_wrap { width: 100%; margin-bottom: 100px;}

.tout_box_1 { float: left; width: 30%; height: 200px; margin-right: 5%;}
.tout_box_2 { float: left; width: 30%; height: 200px;}

.tout_box_1 img{ width: 100%; max-width: 100%; height: auto; }
.tout_box_2 img{ width: 100%; max-width: 100%; height: auto; }

.ef_img_1 { width: 100%; padding-bottom: 20px;}
.ef_img_1 img { width: 100%; }
.ef_img_2 { width: 100%;}
.ef_img_2 img { width: 100%; }


@media( max-width:1220px ){
  .ef_box_img_30 { width: 30%; margin-right: 5%; }
  .ef_box_img_70 { width: 65%; }
  .ef_title_1 { font-size: 2.8vw;}
}

@media( max-width:960px ){
  .ef_text_3{ font-size: 2.2vw;}
}

@media( max-width:768px ){
  .ef_box_30 { width: 100%; margin-right: 0; padding: 20px 0 10px 0;}
  .ef_box_70 { width: 100%; padding: 20px 0 20px 0;}
  .ef_box_img_30 { width: 100%; margin-right: 0; padding: 0px 0 10px 0; margin-top: 50px; text-align: center;}
  .ef_box_img_70 { width: 100%; padding: 20px 0 10px 0; margin-bottom: 50px;}
  .ef_title_1 { display: none;}
  .ef_title_1-mo { display: block;}
  .ef_img_1 {float: left; width: 50%;}
  .ef_img_2 {float: left; width: 50%;}
  .ef_text_3{ font-size: 3.3vw;}
  .ef_box_100_side { float: left; width: 50%; margin-top: 50px;}
  table.bbs_list_2 td { font-size: 14px; line-height: 24px;}
  table.bbs_list_2 td.font { font-size: 16px; }
  table.bbs_list_2 td span.ttx_1 { font-size: 18px;}
  .ef_title-s { display: none; }
  .ef_title-s_480 { display: block; }
}

@media( max-width:480px ){
  .ef_box_30 { padding: 0;}
  .ef_box_70 { padding: 20px 0 0px 0;}
  .ef_title_1-mo { font-size: 6.2vw;}
  .ef_text_1 { font-size: 16px; line-height: 26px;}
  .ef_text_3{ font-size: 3.5vw;}
  .ef_box_img_30 { margin-top: 30px;}
  .ef_box_img_70 { margin-bottom: 30px;}
  .ef_img_1 {width: 100%; padding-bottom: 20px;}
  .ef_img_2 {width: 100%; padding-bottom: 0px;}
  table.bbs_list_2 td.font { font-size: 14px; }
  table.bbs_list_2 td span.ttx_1 { font-size: 16px;}
  .ef_text {font-size: 45px; padding: 50px 0 60px 0;}
  .ef_text span {font-size: 12px;}

  .tout_box_1 { width: 100%; margin:20px 0;}
  .tout_box_2 { width: 100%; margin:20px 0 0 0;}
  .ef2_text_3 { display: none;}
  .ef2_text_3_m { display: block; font-size: 18px;  line-height: 26px; margin-bottom: 10px;}
}


/* 장학기금 */

.sf_box_50 { float: left; width: 50%;}
.sf_box_100 { width: 100%;}

.sf_title { color: #000; font-family: 'GmarketSansMedium';  font-size: 18px;}
.sf_title_2 { color: #8b0128; font-family: 'GmarketSansMedium';  font-size: 18px;}
.sf_title_3 { color: #8b0128; font-family: 'GmarketSansMedium';  font-size: 22px;}
.sf_title_3_480 { color: #8b0128; font-family: 'GmarketSansMedium';  font-size: 22px; display: none;}
.sf_title_1 { color: #000;  font-family: 'ChosunKm';  font-size: 35px; color: #8b0128; line-height: 40px;}

.sf_text {position: relative; font-family: 'GmarketSansBold'; color: #8b0128; font-size: 50px; padding: 30px 0 20px 0;}
.sf_text span{ font-size:16px; font-family: 'GmarketSansMedium';}


.sf_s_text { font-size:14px; line-height: 22px;}
.sf_ss_text { font-size: 16px ; font-family: 'GmarketSansMedium'; color: #000; text-align: justify;}

.sf_table_text { font-size: 14px; margin-top: 10px; line-height: 20px;}
.sf_img_1 { width: 100%; }
.sf_img_1 img { max-width: 100%; height: auto;}


@media( max-width:768px ){
  .sf_title_1 { font-size: 3.7vw;}
  .sf_img_1 img { width: 100%; }
}

@media( max-width:480px ){
  .sf_box_50 { width: 100%; text-align: center; margin-bottom: 50px;}
  .sf_table_text { margin-bottom: 50px; }
  .sf_text {font-size: 40px; padding: 20px 0 20px 0;}
  .sf_ss_text { font-size: 14px; line-height: 22px; margin-bottom: 20px;}
  .sf_title { font-size: 4.9vw;}
  .sf_title_1 { font-size: 6vw; line-height: 30px;}
  .sf_title_3 { display: none; }
  .sf_title_3_480 { display: block; margin-top: 50px;}
}


/* 연구기금 */

.rf_box_wrap { width: 100%; padding: 0 5% 150px 5%;}

.rf_box_1 { float: left; width: 30%; margin-right: 5%; text-align: center;}
.rf_box_2 { float: left; width: 30%; text-align: center;}


.rf_one {position: relative; width: 250px; height: 250px; background: #a18b78; border-radius: 50%; margin: 0 auto; text-align: center;}
.rf_one_text_1 { color: #fff; line-height: 260px; font-family: 'GmarketSansMedium';}
.rf_one_text_1 span{ font-size: 80px; font-family: 'GmarketSansBold';}

.rf_one_text_2 { font-size: 18px; margin-top: 20px;}

.rf_ab_1 { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 20px; font-size: 15px;}
.rf_ab_2{ position: absolute; bottom: 3%; left: 50%;  transform: translate(-50%, -50%); color: #fff; line-height: 20px; font-size: 14px;}



@media( max-width:960px ){
  .rf_one {width: 25vw; height: 25vw;}
  .rf_one_text_1 { line-height: 26vw;}
  .rf_one_text_1 span{ font-size: 6vw;}
  .rf_ab_1 { font-size: 1.5vw; top: 23%;}
  .rf_ab_2 { font-size: 1.3vw; bottom: 5%; line-height: 2vw;}
  .rf_one_text_2 { font-size: 2vw;}
}

@media( max-width:768px ){
  .rf_box_wrap { padding: 0 2% 70px 2%; }
  .rf_ab_1 { font-size: 1.7vw; top: 20%; line-height: 2vw;}
  .rf_ab_2 { font-size: 1.3vw; bottom: 0; line-height: 2vw;}
  .rf_one_text_2 { font-size: 2.2vw;}
}

@media( max-width:480px ){
  .rf_box_1 { width: 100%; margin:0 0 50px 0;}
  .rf_box_2 { width: 100%; }
  .rf_one { width: 200px; height: 200px;}
  .rf_one_text_1 { line-height: 215px;}
  .rf_one_text_1 span{ font-size: 50px;}
  .rf_ab_1 { font-size: 14px; top: 20%; line-height: 18px;}
  .rf_ab_2 { font-size: 12px; bottom: 0; line-height: 18px;}
  .rf_one_text_2 { font-size: 18px; margin: 10px 0 0px 0;}
}


/* 교육인프라기금 */

.if_img{ margin: 50px 0; }
.if_img img{ max-width: 100%; height: auto; }


/* 유산기부 */

.spl_wrap { position: relative; width: 100%; margin: 0px 0 100px 0;}
.spl_top_box_1 { float: left; width: 45%; text-align: right;}
.spl_top_box_2 { float: left; width: 55%; }

.spl_top_box_1 img{ max-width: 100%; height: auto; }

.spl_top_tit { font-size: 25px; color: #8b0128; font-family: 'GmarketSansMedium'; margin-bottom: 20px;}
.spl_top_tit span { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; padding-left: 10px;}
.spl_top_tit_m { font-size: 18px; color: #8b0128; font-family: 'GmarketSansMedium'; margin-bottom: 20px; display: none;}
.spl_top_tit_m span { font-size: 26px; color: #000; font-family: 'GmarketSansBold'; padding-left: 0px; line-height: ;}
.spl_top_text { font-family: 'GmarketSansMedium'; text-align: justify;}

.spl_b_tit {width: 100%; color: #000; font-family: 'GmarketSansBold'; font-size: 24px; }
.spl_bb_tit {width: 100%; color: #000; font-family: 'GmarketSansBold'; font-size: 24px; }
.spl_bb_tit_m {width: 100%; color: #000; font-family: 'GmarketSansBold'; font-size: 24px; display: none;}

.spl_line_1 {  border: 3px solid #a18b78; margin: 5px 0 30px 0;}
.spl_line_2 {  border: 3px solid #e6e4e2; margin: 20px 0;}

.spl_tit_box { float: left; width: 20%; margin-right: 5%; color: #8b0128; font-family: 'GmarketSansMedium'; font-size: 22px;}

.spl_tit_box2 { 
  float: left; 
  width: 100%; 
  color: #8b0128; 
  font-family: 'GmarketSansMedium'; 
  font-size: 20px; 
  border-bottom: 2px solid #8b0128;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.spl_tit_box_m { float: left; width: 20%; margin-right: 5%; color: #8b0128; font-family: 'GmarketSansMedium'; font-size: 18px; display: none;}
.spl_cont_box { float: left; width: 75%; }
.spl_cont_box-1 { float: left; width: 100%; }

.spl_cont_box_text_1 { margin-bottom: 50px; text-align: justify;}
.spl_cont_box_text_1-1 { margin-bottom: 0px;}
.spl_cont_box_text_1 span { font-weight: 500; color: #8b0128;}

.spl_s_wrap { width: 100%; }
.spl_s_wrap-1 { width: 100%; display: none;}

.spl_onebox {position: relative; float: left; width: 21.25%; text-align: center;}
.spl_onebox img { width: 100%; max-width: 100%; height: auto; border-radius: 50%;}
.arrow { float: left; width: 5%; text-align: center;}
.arrow img { max-width: 100%; height: auto;}

.arrow i { font-size: 30px; padding-top: 70px; color: #ccc;}

.ob_text {
   position: absolute; top: 50%; left: 50%; 
   transform: translate(-50%, -50%); 
   line-height: 1.3vw; 
   font-size: 16px;
   width: 100%;
   text-align: center;
  }

.spl_list { width: 100%; background: #eae3da; text-align: center; padding: 5px 0;}
.spl_arrow {width: 100%; text-align: center; }
.spl_arrow i { font-size: 18px; color: #ccc;}

.spl_bg_1 { padding-top: 30px; }

.spl_bottom_tit { 
  font-size: 22px; 
  color: #8b0128; 
  font-family: 'GmarketSansMedium';
   margin-bottom: 20px; 
   border-bottom: 1px solid #a18b78;
   border-top: 3px solid #a18b78;
   padding: 15px 0 10px 0;
  }
  .spl_bottom_tit_2 { 
    font-size: 22px; 
    color: #8b0128; 
    font-family: 'GmarketSansMedium';
     margin: 0px 0 50px 0; 
     border-bottom: 1px solid #a18b78;
     padding: 15px 0 10px 0;
    }
  .spl_bottom_tit_2 span{ padding-left: 50px; color: #000;}

  .spl_bottom_tit_2_480 { 
    font-size: 20px; 
    color: #8b0128; 
    font-family: 'GmarketSansMedium';
     margin: 0px 0 50px 0; 
     border-bottom: 1px solid #a18b78;
     padding: 0px 0 10px 0;
     display: none;
    }
  .spl_bottom_tit_2_480 span{ font-size: 16px;  padding-left: 0px; color: #000; }






.sbt_text {  }
.sbt_text_1{ padding-right: 40px; font-weight: 500; color: #000;}

.spl_tit_center { 
  font-size: 20px; 
  color: #8b0128; 
  font-family: 'GmarketSansMedium'; 
  text-align: center;
  margin-bottom: 30px;
}

.sbl_box_title { width: 100%; text-align: center; font-size: 18px; color: #000; font-weight: 500; border-bottom: 1px solid #a18b78; padding-bottom: 10px;}
.sbl_box_text { width: 100%; text-align: center; padding-top: 10px; }


.sbl_box_1 { float: left; width: 48%; margin-right: 4%; background: #eae3da; padding: 3%;}
.sbl_box_2 { float: left; width: 48%; background: #eae3da; padding: 3%;}
.sbl_box_2_m { float: left; width: 48%; background: #eae3da; padding: 3%; display: none;}

.sbl_box_3 { float: left; width: 65%; margin-right: 5%; }
.sbl_box_3_480 { float: left; width: 65%; margin-right: 5%; display: none;}
.sbl_box_4 { float: left; width: 30%; text-align: justify;}

.sbl_box_3 img{ max-width: 100%; height: auto; }
.sbl_box_3_480 img{ max-width: 100%; height: auto; }
.sbl_box_4 img{ max-width: 100%; height: auto; }

.sbl_box_ss_1 { float: left; width: 30%; margin-right: 5%;}
.sbl_box_ss_2 { float: left; width: 30%; }

.spl_img { width: 100%; text-align: center; margin: 50px 0;}
.spl_img img { max-width: 100%; height: auto;}

.spl_img_480 { width: 100%; text-align: center; margin: 50px 0; display: none;}
.spl_img_480 img { max-width: 100%; height: auto;}


@media( max-width:1220px ){
  .spl_top_box_1 { width: 40%;}
  .spl_top_box_2 { width: 60%; }
  .spl_top_box_1 img{ width: 70%; }
  .spl_top_tit { font-size: 2vw; }
  .spl_top_tit span { font-size: 4vw;}
  .ob_text { line-height: 2vw; font-size: 14px;}

}
@media( max-width:960px ){
  .spl_top_box_1 { width: 30%;}
  .spl_top_box_2 { width: 70%; }
  .arrow i { font-size: 20px; padding-top: 60px;}
}

@media( max-width:768px ){
  .spl_top_box_1 { width: 100%; text-align: center;}
  .spl_top_box_2 { width: 100%;}
  .spl_top_tit { font-size: 3vw; }
  .spl_top_tit span { font-size: 5vw;}

  .spl_tit_box {display: none;}
  .spl_tit_box_m {width: 100%; display: block; margin-bottom: 10px;}
  .spl_cont_box { width: 100%; }
  
  .spl_s_wrap { display: none; }
  .spl_s_wrap-1 { display: block;}
  .sbl_box_1 {width: 100%; margin-bottom: 30px;}
  .sbl_box_2 {width: 100%;}
  .sbl_box_3 {width: 100%; margin-bottom: 30px;}
  .sbl_box_4 {width: 100%;}
  .spl_bottom_tit_2 { font-size: 2.7vw; }
}

@media( max-width:480px ){
  .spl_bottom_tit_2 { display: none; }
  .spl_bottom_tit_2_480 { display: block; }
  .spl_top_tit { display: none; }
  .spl_top_tit_m { display: block; font-size: 4.7vw; line-height: 8vw;}
  .spl_top_tit_m span{ font-size: 26px;}
  .sbl_box_text { font-size: 15px; }
  .sbl_box_ss_1 { width: 100%; margin: 0 0 30px 0;}
  .sbl_box_ss_2 { width: 100%;}
  .sbl_box_2 { display: none;}
  .sbl_box_2_m { width: 100%; display: block;}
  .spl_b_tit {font-size: 20px;}
  .spl_bottom_tit {font-size: 18px;} 
  .sbl_box_4 { line-height: 24px;}
  .spl_img { display: none; }
  .spl_img_480 { display: block; }
  .sbl_box_3 { display: none; }
  .sbl_box_3_480 { width: 100%; display: block; text-align: center; margin-bottom: 40px;}
  .spl_top_text { line-height: 26px; }
  .spl_bb_tit { display: none; }
  .spl_bb_tit_m { display: block; font-size: 20px;}
  .spl_s_wrap-1 { font-size: 15px; line-height: 22px;}
}



.qna_1 { font-size: 50px; font-family: 'GmarketSansBold';  color: #8b0128;}
.qna_2 { font-size: 30px; font-family: 'GmarketSansMedium'; color: #999;}
.qna_3 { font-size: 50px; font-family: 'GmarketSansBold'; color: #000; }

.accordion {
  background-color: #fff;
  color: #8b0128;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  text-align: left;
  font-size: 16px;
  border-bottom: 1px solid #8b0128;
  font-family: 'GmarketSansMedium';
}
.accordion span{ font-size: 24px; font-family: 'GmarketSansBold'; padding-right: 10px;}

.accordion:hover { background-color: #eee;}
.active { background-color: #fff;}
.panel {
  margin: 10px 0 10px 0;
  padding: 0px 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: justify;
}
.panel span{ font-size: 24px; font-family: 'GmarketSansBold'; padding-right: 10px; color: #000;}


@media( max-width:480px ){
  .accordion { font-size: 14px; padding: 10px;} 
  .accordion span{ font-size: 18px;}
  .panel span{ font-size: 18px;}
  .spl_wrap { margin: 0px 0 50px 0;}
}

/* 국제재단 */
#fd_wrap { width: 100%; margin-bottom: 50px;}


.fd_top_box { width: 100%; }
.fd_top_tit { font-size: 25px; color: #8b0128; font-family: 'GmarketSansMedium'; margin-bottom: 20px;}
.fd_top_tit span { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; padding-left: 10px;}
.fd_top_text { font-family: 'GmarketSansMedium'; text-align: justify;}
.fd_top_text_m { font-family: 'GmarketSansMedium'; text-align: justify; display: none;}

.fd_top_tit_m { font-size: 25px; color: #8b0128; font-family: 'GmarketSansMedium'; margin-bottom: 20px; display: none;}
.fd_top_tit_m span { font-size: 45px; color: #000; font-family: 'GmarketSansBold'; padding-left: 10px;}


.fd_box { width: 100%; margin: 100px 0;}
.fd_box_bg { width: 100%; margin: 100px 0; background: #dfd4cb;}
.fd_img_box { width: 100%; text-align: center;}
.fd_img_box img{ max-width: 100%; height: auto;}

.fd_img_box_m { width: 100%; text-align: center; display: none;}
.fd_img_box_m img{ max-width: 100%; height: auto;}

.fd_img_box_1 {float: left; width: 30%; margin-right: 5%;}
.fd_img_box_2 {float: left; width: 30%; }

.fd_img_box_1 img { max-width: 100%; height: auto;}
.fd_img_box_2 img { max-width: 100%; height: auto;}


.fd_nbox_1 { float: left; width: 30%; margin-right: 5%; background: #e8e0db; padding: 2%;}
.fd_nbox_2 { float: left; width: 30%; background: #e8e0db; padding: 2%;}
.fd_nbox_3 { float: left; width: 18.4%; margin-right: 2%; background: #e8e0db; padding: 2%;}
.fd_nbox_4 { float: left; width: 18.4%; margin-right: 2%; background: #e8e0db; padding: 2%;}
.fd_nbox_5 { float: left; width: 18.4%; background: #e8e0db; padding: 2%;}

.fd_nbox_title { width: 100%; text-align: center; font-size: 18px; color: #000; font-weight: 500; border-bottom: 1px solid #a18b78; padding-bottom: 10px;}
.fd_nbox_text { width: 100%; text-align: center; padding-top: 10px;}

.fd_tit_1 { width: 100%; font-size: 1.5vw; color: #000; font-family: 'ChosunKm'; line-height: 2vw; margin-bottom: 30px;}
.fd_tit_1_m { width: 100%; font-size: 1.5vw; color: #000; font-family: 'ChosunKm'; line-height: 2vw; margin-bottom: 30px; display: none;}
.fd_tit_2 { width: 100%; font-size: 22px; color: #000; margin-bottom: 30px; font-weight: 500;}
.fd_tit_3 { width: 100%; font-size: 22px; color: #000; font-weight: 500; padding: 50px 0 0 40px;}

.fd_text_1 { width: 100%; text-align: justify; margin-bottom: 30px; line-height: 26px;}
.fd_text_1 span{ color: #000; font-weight: 500;}


@media( max-width:960px ){
  .fd_top_tit { font-size: 2.6vw; }
  .fd_top_tit span { font-size: 4.5vw;}
  .fd_tit_1 { font-size: 3vw; line-height: 4vw;}
}

@media( max-width:768px ){
  .fd_box { margin: 50px 0; }
  .fd_nbox_1 { width: 100%; margin-bottom: 10px;}
  .fd_nbox_2 { width: 100%;}
  .fd_nbox_3 { width: 100%; margin-bottom: 10px;}
  .fd_nbox_4 { width: 100%; margin-bottom: 10px;}
  .fd_nbox_5 { width: 100%;}
  .fd_nbox_title { padding-bottom: 5px;}
}
@media( max-width:480px ){
  .fd_img_box_1 { width: 100%; margin-bottom: 30px;}
  .fd_img_box_2 { width: 100%; }
  .fd_img_box_1 img{ width: 100%; }
  .fd_img_box_2 img{ width: 100%; }
  .fd_tit_3 { text-align: center; padding: 30px 0 0 0;}
  .fd_top_tit { display: none;}
  .fd_top_tit_m { font-size: 18px; display: block; line-height: 9vw;}
  .fd_top_tit_m span { font-size: 26px; color: #000; font-family: 'GmarketSansBold'; padding-left: 0px;}
  .fd_tit_1 { display: none;}
  .fd_tit_1_m { display: block; font-size: 20px; line-height: 26px; color: #8b0128; margin: 0 0 20px 0;}
  .fd_nbox_text { line-height: 22px; font-size: 14px; padding: 10px;}
  .fd_top_text { display: none;}
  .fd_top_text_m { display: block; line-height: 26px; }
  .fd_img_box { display: none;}
  .fd_img_box_m { display: block;}
  .fd_tit_2 { font-size: 20px; margin-bottom: 15px;}
}





.timeline { position: relative; max-width: 1200px; margin: 0 auto; padding: 20px 0 50px 0;}
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%;}
.container::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -14px;
  background-color: white;
  border: 4px solid #8b0128;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.left { left: 0;}
.right { left: 50%;}
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

.right::after { left: -14px;}
.content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px;}
.content h2 { font-size: 28px; font-family: 'ChosunKm'; color: #8b0128; padding-bottom: 10px;} 

@media screen and (max-width: 600px) {
  .timeline::after {left: 31px;} 
  .container {width: 100%; padding-left: 70px; padding-right: 25px; }
  .container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;}
    .left::after, .right::after {left: 14px;}
    .right {left: 0%;}
}

/* 보이스오브케이유 */


#vo_wrap { width: 100%; }
.vo_wrap_1 { float: left; width: 47%; margin-right: 6%; }
.vo_wrap_2 { float: left; width: 47%; }

.vo_top_box { width: 100%; }
.vo_top_tit { font-size: 25px; color: #b6966e; font-family: 'GmarketSansMedium'; margin-bottom: 15px;}
.vo_top_tit-yu { font-size: 25px; color: #faf8f6; font-family: 'GmarketSansMedium'; margin-bottom: 15px;}
.vo_top_tit_b { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 10px;}
.vo_top_tit_bb { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 10px;}
.vo_top_tit_bb_480 { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 10px; display: none;}
.vo_top_text { font-family: 'GmarketSansMedium'; text-align: justify;}
.vo_top_text-yu { font-family: 'GmarketSansMedium'; text-align: justify; color: #333; margin-bottom: 80px;}
.vo_top_text_name { color: #000; margin-bottom: 50px; }
.vo_top_text_name span { font-size: 18px; font-weight: 500; }

.vo_img_box { width: 100%; margin: 50px 0 0 0; }
.vo_img_box img{ width: 100%; max-width: 100%; height: auto; }

.vo_img_box-yu { width: 100%; }
.vo_img_box-yu img{ width: 100%; max-width: 100%; height: auto; }

.vo_img_box-yu-1 { width: 100%; margin: 0 0 50px 0;}
.vo_img_box-yu-1 img{ width: 100%; max-width: 100%; height: auto; }

.vo_tit_01 { width: 100%; color: #000; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.vo_text_1 { font-family: 'ChosunSm'; text-align: justify; color: #000;}
.vo_text_1-yu { font-family: 'ChosunSm'; text-align: justify; color: #000; margin-bottom: 30px;}

.vo_tit_01_w { width: 100%; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.vo_tit_01_w_2 { width: 100%; color: #fff; font-size: 18px; font-weight: 400; margin:50px 0 10px 0;}
.vo_text_1_w { font-family: 'ChosunSm'; text-align: justify; color: #eee;}

.vo_vo { width: 100%; text-align: center; font-size: 22px; color: #8b0128; margin-top: 30px; font-family: 'ChosunKm';}
.vo_vo2 { width: 100%;  font-size: 22px; color: #8b0128; margin-bottom: 30px; font-family: 'ChosunKm';}



@media (max-width: 768px) {
  .vo_wrap_1 { width: 100%;}
  .vo_wrap_2 { width: 100%; margin-top: 50px;}
}

@media (max-width: 480px) {
  .vo_top_tit_b { font-size: 26px; line-height: 30px; }
  .vo_top_tit { font-size: 18px;}
  .vo_top_tit-yu { font-size: 18px; margin-bottom: 10px;}
  .vo_top_tit_bb { display: none; }
  .vo_top_tit_bb_480 { display: block; font-size: 26px; line-height: 30px;}
  .vo_tit_01 { font-size: 17px;}
  .vo_tit_01_w { font-size: 17px; }
  .vo_tit_01_w_2 { font-size: 16px; }
  .vo_top_text { line-height: 26px; }
  .vo_top_text-yu { line-height: 26px; }
  .vo_vo { font-size: 18px; }
  .vo_vo2 { font-size: 18px; }
}





/* 한눈에 보는 기부뉴스 */

#do_wrap { position: relative; width: 100%; margin-top: 100px;}
#do_wrap2 { width: 100%; }

.do_wrap_1 { float: left; width: 47%; margin-right: 6%; }
.do_wrap_2 { float: left; width: 47%; }
.do_wrap_3 { float: left; width: 20%; text-align: center; padding:0 25px;}
.do_wrap_3 img {width: 60%; max-width: 100%; height: auto; }

.do_top_box { width: 100%; }
.do_top_tit { width: 100%; font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 10px;}
.do_top_tit-1 { width: 100%; font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin: 120px 0 30px 0;}
.do_top_tit_m { width: 100%; font-size: 26px; color: #000; font-family: 'GmarketSansBold'; line-height: 30px; margin-bottom: 10px; display: none;}
.do_top_text { width: 100%; font-family: 'GmarketSansMedium'; text-align: justify; color: #8b0128;}
.do_top_text-1 { width: 100%; font-family: 'GmarketSansMedium'; text-align: justify; color: #8b0128; margin-bottom: 50px;}


.do_img_box { width: 100%; margin-top: 40px; border: 1px solid #8b0128;}
.do_img_box img{ width: 100%; max-width: 100%; height: auto; }

.do_img_box2 { width: 100%; margin-top: 0px; text-align: center;}
.do_img_box2 img{ max-width: 100%; height: auto; }

.do_manth { 
  position: relative;
  width: 100%; 
  font-family: 'ChosunKm'; 
  color: #8b0128; 
  font-size: 38px; 
  font-style: italic; 
  margin: 0px 0 0px 0;
  padding-bottom: 15px; 
  border-bottom: 2px solid rgb(182, 161, 136);
}
/* .do_manth span{position: absolute; top: 30px; left: -10px; font-style: normal; font-size: 16px;} */

.sarp { width: 100%; color: #fff; font-size: 6rem; font-family: 'GmarketSansMedium';}




@media( max-width:768px ){
  #do_wrap {  margin-top: 70px;}
  .do_wrap_1 { width: 100%; margin-right: 0; }
  .do_wrap_2 { width: 100%; }
  table.bbs_list_5 td.bcolor_1 { padding-right: 10px;}
  .do_top_tit-1 { margin: 10px 0 30px 0;}
  .do_wrap_3 img {width: 90%;}
}

@media( max-width:480px ){
  .do_top_tit { display: none; }
  .do_top_tit_m { display: block; }
   table.bbs_list_5 td { font-size: 14px;}
  .do_wrap_3 {padding: 0 10px;}
  .do_wrap_3 img {width: 100%;}
  .do_top_text { line-height: 26px; }
  .do_top_text-1 { line-height: 26px; }
  .do_manth {font-size: 30px;}
}










/* 모금캠페인 돌아보기 */

.cp_banner { width: 100%; }
.cp_banner img { max-width: 100%; height: auto;}

#cp_top_box { width: 100%; margin: 50px 0 100px 0; border-bottom: 1px solid #8b0128;}

.cp_s_title { width: 100%; font-size: 25px; color: #b6966e; font-family: 'GmarketSansMedium'; margin-bottom: 5px; }
.cp_b_title { width: 100%; font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 30px; }
.cp_b_title_480 { width: 100%; font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 30px; display: none;}
.cp_top_text { width: 100%; color: #8b0128; font-family: 'GmarketSansMedium'; text-align: justify; padding-bottom: 20px;}

#cp_wrap { width: 100%; margin: 0 0 100px 0;}
.cp_year { 
  width: 100%; 
  font-size: 40px; 
  font-family: 'ChosunKm'; 
  font-style: italic; 
  border-bottom: 2px solid #b6966e; 
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: #b6966e;
}
.year_title { 
  width: 100%; 
  font-size: 18px; 
  color: #8b0128; 
  font-family: 'GmarketSansMedium'; margin-bottom: 10px;
}
.year_title_m { 
  width: 100%; 
  font-size: 18px; 
  color: #8b0128; 
  font-family: 'GmarketSansMedium'; margin-bottom: 10px;
  display: none;
}
.year_text {  text-align: justify;}
.year_text span{  color: #000; font-weight: 500;}

.cp_box_1-1 { float: left; width: 50%; margin-right: 5%;}
.cp_box_1-2 { float: left; width: 45%; }

.cp_box_2-1 { float: left; width: 30%; margin-right: 5%;}
.cp_box_2-2 { float: left; width: 30%; margin-right: 5%;}
.cp_box_2-3 { float: left; width: 30%; }

.cp_box_3-1 { float: left; width: 65%; margin-right: 5%;}
.cp_box_3-2 { float: left; width: 30%;}

.cp_img_box_1 { float: left; padding: 0 30px 20px 0;}
.cp_img_box_1 img { width: 100%; max-width: 100%; height: auto;}

.cp_img_box_2 { padding: 30px 0px 0px 0;}
.cp_img_box_2 img { width: 100%; max-width: 100%; height: auto;}

.cp_img_box_3 { padding: 10px 0px 30px 0;}
.cp_img_box_3 img { width: 100%; max-width: 100%; height: auto;}

.year_bottom_text { color: #8b0128; font-family: 'GmarketSansMedium'; font-size: 14px; padding-top: 10px;}
.year_bottom_text-1 { color: #888a3b; font-size: 15px; padding-top: 10px; line-height: 24px; margin-top: 30px;}



@media( max-width:768px ){
  .cp_box_1-1 { width: 100%; margin-bottom: 100px;}
  .cp_box_1-2 { width: 100%; }

  .cp_box_2-1 { width: 100%; margin-bottom: 100px;}
  .cp_box_2-2 { width: 100%; margin-bottom: 100px;}
  .cp_box_2-3 { width: 100%; }

  .cp_box_3-1 { width: 100%; margin-bottom: 100px;}
  .cp_box_3-2 { width: 100%;}
}

@media( max-width:480px ){
  .cp_b_title {  display: none;}
  .cp_b_title_480 { display: block; font-size: 26px; line-height: 30px;}
  .cp_b_text { font-size: 18px;}
  .cp_s_title { font-size: 18px; }
  .cp_img_box_1 { padding: 0 20px 20px 0px; width: 45%;}
  .cp_year { font-size: 30px; padding-bottom: 7px;}
  .cp_top_text { line-height: 26px; }
  #cp_wrap { margin: 0 0 0px 0;}

  .cp_box_1-1 { margin-bottom: 50px;}
  .cp_box_1-2 { margin-bottom: 50px;}

  .cp_box_2-1 { margin-bottom: 50px;}
  .cp_box_2-2 { margin-bottom: 50px;}
  .cp_box_2-3 { margin-bottom: 50px; }

  .cp_box_3-1 { margin-bottom: 50px;}
  .year_title { display: none; }
  .year_title_m { display: block; }
}



/* 발전공로상 */


#wi_top_box { width: 100%; padding-bottom: 50px;}



.wi_s_title { width: 100%; font-size: 25px; color: #000; font-family: 'GmarketSansMedium'; margin-bottom: 5px; }
.wi_s_title_m { width: 100%; font-size: 25px; color: #000; font-family: 'GmarketSansMedium'; margin-bottom: 5px; display: none;}
.wi_b_title { width: 100%; font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 42px; margin-bottom: 30px; }

#wi_wrap { width: 100%; margin: 0 0 100px 0;}

.wi_box_1 {position: relative; float: left; width: 50%; margin-right: 5%; padding-top: 100px;}
.wi_box_2 {position: relative; float: left; width: 45%; padding-top: 100px;}

.wi_logo { position: absolute; top: -50px; transform: translate(-50%, -50%); left: 50%;   text-align: center; }
.wi_logo img { max-width: 100%; height: auto; }
.wi_logo_text { text-align: center;  color: #000;}
.wi_logo_text span{ font-weight: 500; font-size: 18px;}

.wi_title { 
  width: 100%; 
  font-size: 24px; 
  font-family: 'ChosunKm'; 
  color: #8b0128;
  margin:50px 0 20px 0;
  line-height: 32px;
}
.wi_text {  text-align: justify;}

.wi_img_box-1 { text-align: center; padding-top: 50px; border-bottom: 1px solid #8b0128;}
.wi_img_box-1 img { max-width: 100%; height: auto;}
.wi_img_box-2 { text-align: center; padding-top: 105px; border-bottom: 1px solid #8b0128;}
.wi_img_box-2 img { max-width: 100%; height: auto;}



@media( max-width:768px ){
  #wi_wrap {  margin: 0;}
  .wi_box_1 { width: 100%; margin-bottom: 100px;}
  .wi_box_2 { width: 100%; }
  .wi_img_box-1 {  margin-bottom: 150px;}
  .wi_img_box-2 { padding-top: 50px;}
}

@media( max-width:480px ){
  .wi_logo { width: 40%; margin-bottom: 0px;}
  .wi_title { margin: -30px 0 0 0; }
  .wi_b_title { font-size: 26px; line-height: 30px;}
  .wi_s_title { display: none; }
  .wi_s_title_m { font-size: 18px; display: block;}
  
}


/* 기부컨설팅 전문가 그룹 */

#co_top_banner {position: relative; width: 100%;}
#co_top_banner img { max-width: 100%; height: auto; }

.banner_title {  
  position: absolute; 
  bottom: 10%; 
  left: 5%; 
  color: #fff;
  font-family: 'GmarketSansBold';
  font-size: 35px;
  line-height: 40px;
}

#co_wrap { width: 100%; margin-bottom: 100px;}

.co_title { width: 100%; font-size: 25px; color: #8b0128; font-family: 'GmarketSansMedium';  margin:70px 0 30px 0;}

.co_box_1 { float: left; width: 45%; margin-right: 5%; text-align: justify;}
.co_box_2 { float: left; width: 50%;}

.co_box_text { width: 100%; text-align: left; padding-top: 30px;}
.co_box_text span { font-size: 17px; font-weight: 500; color:#8b0128 ;}

.consulter_box-1 { float: left; width: 50%; text-align: center; padding: 0 9%;}
.consulter_box-1 img { width: 100%; max-width: 100%; height: auto; }

.consulter_box-2 { float: left; width: 25%; text-align: center; padding: 0 4.5%;}
.consulter_box-2 img {width: 100%; max-width: 100%; height: auto; }

.profile { padding: 10px 0 0 0; font-size: 14px; line-height: 24px;}
.profile span.pf_1{ color: #8b0128; }
.profile span.pf_2{ color: #000; font-size: 22px; font-weight: 500; }
 

@media( max-width:768px ){
  #co_wrap { width: 100%; margin-bottom: 0px;}
  .banner_title { font-size: 28px; line-height: 34px;}
  .co_title { font-size: 20px; margin:50px 0 20px 0;}
  .co_box_1 { width: 100%;}
  .co_box_2 { width: 100%;}
  .consulter_box-1 { width: 50%; padding: 0 9%; margin-top: 50px;}
  .consulter_box-2 { width: 50%; padding: 0 9%; margin-top: 50px;}
}

@media( max-width:480px ){
  .banner_title { font-size: 20px; line-height: 24px;}
  .co_title {  font-size: 18px; margin:30px 0 10px 0;}
  .consulter_box-1 { padding: 0%; margin-top: 50px;}
  .consulter_box-2 { padding: 0%; margin-top: 50px;}
  .consulter_box-1 img{ width: 70%;}
  .consulter_box-2 img{ width: 70%;}
  .profile { font-size: 12px; line-height: 20px;}
  .profile span.pf_1{ }
  .profile span.pf_2{  font-size: 18px;}
}
























#bottom_nav { width: 1200px; margin: 0 auto; border-top: 1px solid #8b0128; border-bottom: 1px solid #8b0128; height: 50px; line-height: 45px;}
.prev { float: left; color: #8b0128;}
.next { float: right; }
.prev a, .next a{ color: #8b0128; font-size: 15px; font-family: 'GmarketSansBold';}
.prev a span, .next a span{ color: #999; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a span.color, .next a span.color{ color: #8b0128; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover span, .next a:hover span{ color: #8b0128; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover span.color, .next a:hover span.color{ color: #000; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover, .next a:hover{ color: #000;}
.prev a i, .next a i{ font-size: 16px;}


#bottom_nav-1 { width: 1200px; margin: 0 auto; border-top: 1px solid #a18b78; border-bottom: 1px solid #a18b78; height: 50px; line-height: 45px;}
.prev-1 { float: left; color: #ccc;}
.next-1 { float: right; }
.prev-1 a, .next-1 a{ color: #ccc; font-size: 15px; font-family: 'GmarketSansBold';}
.prev-1 a span, .next-1 a span{ color: #ccc; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-1 a span.color, .next-1 a span.color{ color: #aaa; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-1 a:hover span, .next-1 a:hover span{ color: #aaa; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-1 a:hover span.color, .next-1 a:hover span.color{ color: #fff; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-1 a:hover, .next-1 a:hover{ color: #fff;}
.prev-1 a i, .next-1 a i{ font-size: 16px;}


#bottom_nav-2 { width: 1200px; margin: 0 auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 50px; line-height: 45px;}
.prev-2 { float: left; color: #ccc;}
.next-2 { float: right; }
.prev-2 a, .next-2 a{ color: #ccc; font-size: 15px; font-family: 'GmarketSansBold';}
.prev-2 a span, .next-2 a span{ color: #ccc; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-2 a span.color, .next-2 a span.color{ color: #ccc; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-2 a:hover span, .next-2 a:hover span{ color: #fff; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-2 a:hover span.color, .next-2 a:hover span.color{ color: #fff; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev-2 a:hover, .next-2 a:hover{ color: #fff;}
.prev-2 a i, .next-2 a i{ font-size: 16px;}


@media(max-width: 1220px) {
  #bottom_nav { width: 100%; padding: 0 5%;}
  #bottom_nav-1 { width: 100%; padding: 0 5%;}
  #bottom_nav-2 { width: 100%; padding: 0 5%;}
}

@media(max-width: 768px) {
}

@media(max-width: 480px) {
  #bottom_nav { width: 100%; padding: 0 5%; margin-top: 70px;}
  .prev a span, .next a span{ display: none;}
  #bottom_nav-1 { width: 100%; padding: 0 5%; margin-top: 70px;}
  .prev-1 a span, .next-1 a span{ display: none;}
  #bottom_nav-2 { width: 100%; padding: 0 5%; margin-top: 70px;}
  .prev-2 a span, .next-2 a span{ display: none;}
}


/* 푸터 */

footer { width: 100%; margin-top: 50px; height: 150px;}

  .f_logo {  float: left; padding: 0px 30px 0 50px; line-height: 150px;}
  .f_logo img { max-width: 100%; height: auto;}
  .copy { float: left; padding-top: 50px; line-height: 24px;}
  .copy_b { float: left; padding-top: 50px; line-height: 24px; color: #444;}


  .f_logo-1 {  float: left; padding: 0px 30px 0 50px; line-height: 150px;}
  .f_logo-1 img { max-width: 100%; height: auto;}
  .copy-1 { float: left; padding-top: 50px; line-height: 24px; color: #aaa;}
  .copy-2 { float: left; padding-top: 50px; line-height: 24px; color: #333;}
  .copy-3 { float: left; padding-top: 50px; line-height: 24px; color: #333;}


 @media(max-width: 768px) {
  .f_logo {width: 35%; padding: 20px 0px 20px 3%; line-height: 100px;}
  .f_logo img {width: 85%;}
  .copy {width: 65%; padding-top: 43px;}

  .f_logo-1 {width: 35%; padding: 20px 0px 20px 3%; line-height: 100px;}
  .f_logo-1 img {width: 85%;}
  .copy-1 {width: 65%; padding-top: 43px;}
  }

  @media(max-width: 480px) {
     footer { width: 100%; margin-top: 10px;}
    .copy_b {padding: 10px 0px 40px 5%; font-size: 14px; line-height: 20px; margin-bottom: 0px;}
    .f_logo {width: 100%; padding: 40px 0px 0px 5%; line-height: 40px;}
    .f_logo img {width: 35%;}
    .copy {width: 100%; padding: 10px 0px 40px 5%; font-size: 14px; line-height: 20px; margin-bottom: 0px;}

    .f_logo-1 {width: 100%; padding: 30px 0px 0px 5%; line-height: 50px;}
    .f_logo-1 img {width: 35%;}
    .copy-1 {width: 100%; padding: 10px 0px 40px 5%; font-size: 14px; line-height: 20px; margin-bottom: 0px;}
    .copy-2 { width: 100%; font-size: 14px; line-height: 20px;  color: #333;}
    .copy-3 { width: 100%; padding: 10px 0px 40px 5%; font-size: 14px; line-height: 20px;  background: #96988f;}
  }





.font_color_f { color: #fff; }
.font_color_b { color: #000; }
.font_color_1 { color: #8b0128; }

.bgcolor_1 { background: #eae1da; }
.bgcolor_2 { background: #8b0128; }

.bor_top { border-top: 1px solid #8b0128;}
.bor_bottom { border-bottom: 1px solid #8b0128;}
.bor_left { border-right: 1px solid #8b0128;}
.bor_right { border-right: 1px solid #8b0128;}


.ta_center { text-align: center; }
.ta_left { text-align: left; }
.ta_right { text-align: right; }


.pd_top { padding-top: 50px; }
.pd_top_10 { padding-top: 10px; }
.pd_top_20 { padding-top: 20px; }
.pd_top_30 { padding-top: 30px; }
.pd_top_40 { padding-top: 40px; }
.pd_top_50 { padding-top: 50px; }
.pd_top_60 { padding-top: 60px; }
.pd_top_80 { padding-top: 80px; }
.pd_top_100 { padding-top: 100px; }

.pd_bottom { padding-bottom: 50px; }
.pd_bottom_10 { padding-bottom: 10px; }
.pd_bottom_20 { padding-bottom: 20px; }
.pd_bottom_30 { padding-bottom: 30px; }
.pd_bottom_40 { padding-bottom: 40px; }
.pd_bottom_50 { padding-bottom: 50px; }
.pd_bottom_60 { padding-bottom: 60px; }
.pd_bottom_80 { padding-bottom: 80px; }
.pd_bottom_100 { padding-bottom: 100px; }


.mg_top_1 { margin-top: 20px; }
.mg_bottom_1 { margin-bottom: 20px; }

.mg_top_10 { margin-top: 10px; }
.mg_top_20 { margin-top: 20px; }
.mg_top_30 { margin-top: 30px; }
.mg_top_40 { margin-top: 40px; }
.mg_top_50 { margin-top: 50px; }
.mg_top_60 { margin-top: 60px; }
.mg_top_70 { margin-top: 70px; }
.mg_top_80 { margin-top: 80px; }
.mg_top_100 { margin-top: 100px; }

.mg_bottom_10 { margin-bottom: 10px; }
.mg_bottom_20 { margin-bottom: 20px; }
.mg_bottom_30 { margin-bottom: 30px; }
.mg_bottom_40 { margin-bottom: 40px; }
.mg_bottom_50 { margin-bottom: 50px; }
.mg_bottom_60 { margin-bottom: 60px; }
.mg_bottom_70 { margin-bottom: 70px; }
.mg_bottom_80 { margin-bottom: 80px; }
.mg_bottom_100 { margin-bottom: 100px; }

.border_x { border-bottom: 0px solid #a18b78; }
.border_o { border-bottom: 1px solid #a18b78; }




/* 후원자 명단 */

#sl_wrap { width: 100%; margin: 100px 0;}
.sl_top_box_1 { float: left; width: 100%; margin-bottom: 100px;}

.sl_top_tit { font-size: 35px; color: #000; font-family: 'GmarketSansBold'; line-height: 45px; }
.sl_top_text{ width: 100%; }


.tab { width: 100%; overflow: hidden; border: 1px solid #8b0128;}
.tab button {
 background-color: inherit;
 float: left;
 cursor: pointer;
 padding: 14px 30px;
 transition: 0.3s;
 font-size: 16px;
 color: #8b0128;
 font-family: 'GmarketSansMedium';
}
.tab button:hover { background-color: #ddd; }
.tab button.active { background-color: #8b0128; color: #fff;}
.tabcontent {display: none;padding: 10px 0;}

.sponsor_box_1 { float: left; width: 30%; margin-right: 5%; padding: 20px 0; line-height: 30px; font-size: 14px;}
.sponsor_box_2 { float: left; width: 30%; padding: 20px 0; line-height: 30px; font-size: 14px;}

.sponsor_box_title {
 font-size: 18px; 
 color: #8b0128; 
 font-family: 'GmarketSansMedium'; 
 border-bottom: 2px solid #8b0128;
 margin-bottom: 10px; 
}

.sponsor_box_1-1 { float: left; width: 22%; margin-right: 4%; line-height: 30px; font-size: 14px; text-align: center; }
.sponsor_box_1-2 { float: left; width: 22%; line-height: 30px; font-size: 14px; text-align: center; }
.sponsor_box_2-1 { float: left; width: 48%; margin: 8% 4% 0 0; line-height: 30px; font-size: 14px;}
.sponsor_box_2-2 { float: left; width: 48%; margin: 8% 0 0 0; line-height: 30px; font-size: 14px;}
.sponsor_box_3-1 { float: left; width: 30%; margin-right: 5%; padding: 20px 0; line-height: 30px; font-size: 14px; text-align: center;}
.sponsor_box_3-2 { float: left; width: 30%; padding: 20px 0; line-height: 30px; font-size: 14px; text-align: center;}
.sponsor_box_4 { float: right; width: 30%; line-height: 30px; font-size: 14px; margin-top: -22px; }

.sponsor_text_color { color: #8b0128; font-size: 16px; font-weight: 700;}


.ss_ment { width: 100%; margin-bottom: 20px; font-size: 16px; color: #d86d08; line-height: 24px;}



@media(max-width: 768px) {
 .sl_top_box_1 {  margin-bottom: 50px;}
 .sl_top_tit { font-size: 6vw; line-height: 7vw;}
 .sl_top_box_2 img { width: 60%; }
 .tab_1 { width: 100%; }
 #tab_2 { width: 50%; }
 #tab_3 { width: 50%; }
 #tab_4 { width: 50%; }
 #tab_5 { width: 50%; }
 .tab button { padding: 14px 10px;}
 #tab_1-1 { width: 50%; }
 #tab_2-2 { width: 50%; }
 #tab_3-3 { width: 50%; }
 #tab_4-4 { width: 50%; }
 .sponsor_box_1 { width: 100%; margin-right: 0%;}
}

@media(max-width: 480px) {
 .sl_top_box_1 { width: 100%;}
 .sl_top_box_2 { display: none;}
 .sl_top_tit { font-size: 7vw; line-height: 8vw;}
 .sponsor_box_1 { width: 100%; }
 .sponsor_box_2 { width: 100%; }
 .sponsor_box_3-1 { padding: 0px; }
 .sponsor_box_3-2 { padding: 0px; }
 /* .sponsor_box_3-1 {  width: 100%;}
 .sponsor_box_3-2 { width: 100%;} */
 .sponsor_box_4 { float: left; width: 100%; margin-top: -20px;}
 .tab_1 { width: 100%; }
 #tab_2 { width: 100%; }
 #tab_3 { width: 100%; }
 #tab_4 { width: 100%; }
 #tab_5 { width: 100%; }
 #tab_1-1 { width: 100%; }
 #tab_2-2 { width: 100%; }
 #tab_3-3 { width: 100%; }
 #tab_4-4 { width: 100%; }
}


/* KU PRIDE CLUB 명단 */

.prideclub_box { width: 100%; margin-bottom: 50px;}

.prideclub_box_1-1 { float: left; width: 47.5%; margin-right: 5%; line-height: 30px; font-size: 14px;}
.prideclub_box_1-2 { float: left; width: 47.5%; line-height: 30px; font-size: 14px;}
.prideclub_box_2-1 { float: left; width: 22%; margin-right: 4%; line-height: 30px; font-size: 14px; text-align: center;}
.prideclub_box_2-2 { float: left; width: 22%; line-height: 30px; font-size: 14px; text-align: center;}

.prideclub_title_1 { font-size: 16px; font-weight: 700; color: #000; width: 200%; }
.prideclub_title_2 { font-size: 16px; font-weight: 700; color: #8b0128; width: 100%; border-bottom: 1px solid #8b0128; }
.prideclub_text_1-1 { float: left; width: 30%; margin-right: 5%; line-height: 30px; font-size: 14px; text-align: center;}
.prideclub_text_1-1-a { float: left; width: 30%; margin-right: 5%; line-height: 30px; font-size: 13px; text-align: center; }
.prideclub_text_1-2 { float: left; width: 30%; line-height: 30px; font-size: 14px; text-align: center;}


@media(max-width: 768px) {
  .prideclub_box_1-1 { width: 100%; }
  .prideclub_box_1-2 { width: 100%; }
}

@media(max-width: 480px) {
}





.video-container {
  position:relative; 
  padding-bottom:56.25%; 
  padding-top:0px; 
  height:0; 
  overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed { 
  position:absolute;
  top: 0; 
  left:0; 
  width:100%; 
  height:100%;
}