@import url(font-awesome.min.css);
@import url("reset2.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: 'NotoSerifKR';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');



/* Menu */
#menu {
  background-color: #fff;
  color:#777;
  -moz-transform: translateX(20rem);
  -webkit-transform: translateX(20rem);
  -ms-transform: translateX(20rem);
  transform: translateX(20rem);
  -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  height: 100%;
  max-width: 80%;
  overflow-y: auto;
  padding: 3rem 2rem;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 21rem;
  z-index: 10002; 
  border-left: 1px solid #ccc;
}


.b_title { font-size: 16px;  color: #fff; 
         background: #8c0a28; height: 32px; line-height: 35px; padding-left: 20px;
         font-family: 'GmarketSansBold';
         margin-bottom: 20px;
        }


#menu > ul { margin: 0 0 1rem 0; border-bottom: 1px solid #ccc;}
#menu > ul.line_x {  border-bottom: 0px solid #ccc;}
#menu > ul.links { list-style: none; padding-bottom: 10px; }
#menu > ul.links > li { padding: 0; }
#menu > ul.links > li.s_title { font-weight: 500; color: #000; padding-bottom: 5px; font-size: 15px;}
#menu > ul.links > li > a { color: inherit; display: block; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 20px; padding-bottom: 7px;}
#menu > ul.links > li > a:hover { color: #000; }
#menu > ul.links > li:first-child > a { border-top: 0; }

#menu .close {
      text-decoration: none;
      -moz-transition: color 0.2s ease-in-out;
      -webkit-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #8c0a28;
      cursor: pointer;
      display: block;
      height: 3.25rem;
      line-height: 3.25rem;
      padding-right: 1.25rem;
      position: absolute;
      right: 0;
      text-align: right;
      top: 0;
      vertical-align: middle;
      width: 7rem; 
}
#menu .close:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important; 
}
#menu .close:before { content: '\f00d'; font-size: 1.25rem; }
#menu .close:hover { color: #000; }


.f_icon { width: 100%; text-align: center;  margin: 0 0px 0 0px;}
.f_icon a { background: #df6604; color: #fff; padding: 1px 0 3px 0; font-size: 0.8rem; width: 100%; display: block; text-decoration: none;}
.f_icon a:hover { background: #000; color: #fff;}






@media screen and (max-width: 980px) {
  #menu .close {height: 4rem; line-height: 4rem; position: absolute; top: -10px; right: 10px;} 
}
@media screen and (max-width: 768px) {
#menu {padding: 2.5rem 1.75rem; } 
}

body.is-menu-visible #menu {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
visibility: visible; }


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




/* Inner */
.inner {
  margin: 0 auto;
  width: 65rem;
  max-width: calc(100% - 6rem); 
}
.inner h2.tit2 {  color: #fff; font-family: 'NotoSerifKR'; margin-bottom: 10px;}



  @media screen and (max-width: 480px) {
    .inner { max-width: calc(100% - 0rem); } 
    }







/* Wrapper */
.wrapper { position: relative; padding: 6rem 0 6rem 0 ; z-index: 1; }

  @media screen and (max-width: 1280px) {
      .wrapper {padding: 4rem 0 2rem 0 ; } 
  }
  @media screen and (max-width: 768px) {
      .wrapper {padding: 3rem 0 1rem 0 ; } 
    }
  @media screen and (max-width: 480px) {
      .wrapper { padding: 0;} 
    }






/* Header */
body {
  padding-top: 3.25rem; }
  body:before {
    content: ' ';
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.05; }

#header {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background: #fff;
    color: rgba(255, 255, 255, 0.5);
    cursor: default;
    height: 5rem;
    left: 0;
    line-height: 5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001; 
    border-bottom: 1px solid #8c0a28;
}
  #header > .logo {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    height: inherit;
    line-height: inherit;
    padding: 15px 0 0 50px;
    text-decoration: none; 
  }
  #header > nav > a {
    display: inline-block;
    padding: 0 0.75rem;
    text-decoration: none;
    font-size: 1.6rem;
   }
  #header > nav > a:hover { color: #8c0a28; }
  #header > nav > a[href="#menu"] { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  #header > nav > a[href="#menu"]:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important; }
  #header > nav > a[href="#menu"]:before {content: '\f0c9'; margin: 0 0.5rem 0 0; }
  #header > nav > a + a[href="#menu"]:last-child {
      border-left: solid 1px rgba(255, 255, 255, 0.25);
      margin-left: 0.5rem;
      padding-left: 1.25rem; }
  #header > nav > a:last-child { padding-right: 1.25rem; }

      


  .next_box{  width: 100%; text-align: center; }

  .prv{ width: 50%; float: left; text-align: left; background: #8c0a28;}
  .prv a { padding: 7px 0px 7px 10px; color: #fff; text-decoration: none; display: block; font-size: 14px;} 
  .prv a:hover { background: #000; } 
  .prv span { color: #ccc; }

  
  .next{ width: 50%; float: right; text-align: right; background: #8c0a28;}
  .next a { padding: 7px 10px 7px 0px; color: #fff; text-decoration: none; display: block; font-size: 14px;} 
  .next a:hover { background: #000; } 
  .next span { color: #ccc; }

 





  @media screen and (max-width: 980px) {
      body { padding-top: 44px; }
      #header { height: 60px; line-height: 60px; } 
      #header > .logo  { padding: 5px 0 0 20px; }
      #header > a > img { width: 90%; }
    }

    @media screen and (max-width: 768px) {
      #header > nav > a { padding: 0 0.5rem; }
      #header > nav > a + a[href="#menu"]:last-child { margin-left: 0.25rem; padding-left: 1rem; }
      #header > nav > a:last-child { padding-right: 1rem; } 
    }

  @media screen and (max-width: 480px) {
      #header { min-width: 320px; } 
      .prv{ display: none;} 
      .next{ width: 100%;} 
    }



/* Main */


#main .content {
  position: relative;
  float: left;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content2 {
  position: relative;
  float: left;
  background: #f1ece2;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 5rem 3rem 3rem 3rem; 
}

#main .content3 {
  position: relative;
  float: left;
  background: #fcddd7;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content4 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_1.jpg);
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content5 {
  position: relative;
  width: 100%;
  float: left;
  background: #f1ece2;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}

#main .content5-1 {
  position: relative;
  width: 100%;
  float: left;
  background: #f1ece2 url(../images/cam_bg_1.png) 0 bottom no-repeat;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content5-2 {
  position: relative;
  width: 100%;
  float: left;
  background: #f1ece2 url(../images/cam_bg_2.png) 0 bottom no-repeat;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content6 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_2.jpg);
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content7 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_3.jpg);
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content8 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_4.jpg);
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content9 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_5.jpg);
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}



#main .content10 {
  position: relative;
  width: 100%;
  float: left;
  background: #b5d1d3 url(../images/co_bg.jpg)no-repeat;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content11 {
  position: relative;
  width: 100%;
  float: left;
  background: url(../images/sub_bg_6.jpg)no-repeat;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content12 {
  position: relative;
  width: 100%;
  float: left;
  background:#f3f4f9 url(../images/st_bg_3.jpg) right bottom no-repeat;
  /* background-size: contain; */
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


#main .content13 {
  position: relative;
  width: 100%;
  float: left;
  background:#a0d3c0;
  /* background-size: contain; */
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}




#main .content_edu {
  position: relative;
  width: 100%;
  float: left;
  background: #d5eef1;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0rem;
  padding: 3rem; 
}


.sign { float: right; }
.sign p{ padding-left: 20px; }

@media screen and (max-width: 768px) {
  .sign p{ padding-left: 45px; }
}



@media screen and (max-width: 980px) {
    #main .content { padding: 2rem; } 
}
@media screen and (max-width: 480px) {
  #main .content { padding: 2rem; } 
  #main .content2 { padding: 2rem; } 
  #main .content3 { padding: 2rem; } 
  #main .content4 { padding: 2rem; } 
  #main .content5 { padding: 2rem; } 
  #main .content5-1 { padding: 2rem; } 
  #main .content5-2 { padding: 2rem; } 
  #main .content6 { padding: 2rem; } 
  #main .content7 { padding: 2rem; } 
  #main .content8 { padding: 2rem; } 
  #main .content9 { padding: 2rem; } 
  #main .content10 { padding: 2rem; background: #b5d1d3;} 
  #main .content11 { padding: 2rem;   background: url(../images/sub_bg_6.jpg)no-repeat; background-size: cover;} 
  #main .content12 { padding: 2rem; } 
  #main .content13 { padding: 2rem; } 
  #main .content_edu { padding: 2rem; } 
}



/* 서브 작업 */


h1.sub_title { width: 100%; height: 25px; background: url(../images/tit_bg.gif) 0px 40%; }
h1.sub_title span {  background: #fff; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title2 { width: 100%; height: 25px; background: url(../images/tit_bg2.gif) 0px 40%; }
h1.sub_title2 span {  background: #f1ece2; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title3 { width: 100%; height: 25px; background: url(../images/tit_bg3.gif) 0px 40%; }
h1.sub_title3 span {  background: #fcddd7; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title4 { width: 100%; height: 25px; background: url(../images/tit_bg.png) 0px 40%; }
h1.sub_title4 span {  background: #ccddf1; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title5 { width: 100%; height: 25px; background: url(../images/tit_bg.png) 0px 40%; }
h1.sub_title5 span {  background: #f1ece2; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title6 { width: 100%; height: 25px; background: url(../images/tit_bg.png) 0px 40%; }
h1.sub_title6 span {  background: #e9e5dd; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title7 { width: 100%; height: 25px; background: url(../images/tit_bg.png) 0px 40%; }
h1.sub_title7 span {  background: #e0dcd4; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }

h1.sub_title8 { width: 100%; height: 25px; background: url(../images/tit_bg.png) 0px 40%; }
h1.sub_title8 span {  background: #bad7db; padding-right: 20px; font-size: 20px; font-weight: 500; color: #77595d; }








.sub_top_title_red { width: 100%; font-size: 2.4rem; color: #8c0a28; font-family: 'GmarketSansBold'; margin:50px 0; line-height: 2.8rem;}
.sub_top_title_black { width: 100%; font-size: 2.4rem; color: #000; font-family: 'GmarketSansBold'; margin:50px 0; line-height: 2.8rem;}
.sub_top_title_blue { width: 100%; font-size: 2.4rem; color: #002a54; font-family: 'GmarketSansBold'; margin:50px 0; line-height: 2.8rem;}

.top_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; line-height: 30px;}

.top_text{ font-size: 16px; font-weight: 500; color: #444; margin-bottom: 15px; line-height: 24px; text-align: justify;}

@media screen and (max-width: 768px) {
      .sub_top_title_red { font-size: 2.2rem; margin:50px 0; line-height: 2.8rem;}
      .sub_top_title_black { font-size: 2.2rem; margin:50px 0; line-height: 2.8rem;}
      .sub_top_title_blue { font-size: 2.2rem; margin:50px 0; line-height: 2.8rem;}
}

@media screen and (max-width: 480px) {
  .sub_top_title_red { font-size: 2rem; margin:30px 0; line-height: 2.4rem;}
  .sub_top_title_black { font-size: 2rem; margin:30px 0; line-height: 2.4rem;}
  .sub_top_title_blue { font-size: 2rem; margin:30px 0; line-height: 2.4rem;}
  .top_text{ font-size: 15px; line-height: 22px;}

}






.sub_top_text { font-size: 16px; font-weight: 500; color: #222; margin-bottom: 0px; line-height: 26px;}
.sub_top_text_70 { width: 70%; font-size: 16px; font-weight: 500; color: #444; margin-bottom: 15px; line-height: 24px; text-align: justify;}


.text_box_1 {  width: 100%; }
.text_box_2 {  float: left; width: 100%; margin-top: 50px; }



.text_img_1 { float: left; margin: 0 40px 40px 0; display: block;}
.text_img_1 img { max-width: 100%; height: auto; }
.text_img_2 { float: right; margin: 0 0px 40px 40px; display: block;}
.text_img_2 img { max-width: 100%; height: auto; }


.text_01 {  display: block; line-height: 1.7; font-size: 16px; text-align: justify;}

.middle_text_1 { font-size: 1.3rem; margin: 70px 0; 
                text-align: center; width: 100%;
                line-height: 2.5rem; font-family: 'NotoSerifKR';
                font-weight: 600; color: #000;
                padding: 0 15%;
              }
.middle_text_1 p { font-size: 14px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; color: #999;}
        

.top_text_1 { color: #000; font-size: 16px; font-weight: 500; margin: 20px 0 50px 0; 
              background: #f1e7dd; padding: 30px; text-align: justify; line-height: 24px;}

.name { color: #000; font-size: 24px; font-weight: 300;  }

.bold { font-weight: 700; color: #000; font-size: 16px;}


@media screen and (max-width: 1280px) {
      .sub_top_title { font-size: 2.5rem; }
      .sub_top_title2 { font-size: 2.5rem; }
      .text_img_1 { margin: 0 30px 20px 0;}
}
@media screen and (max-width: 980px) {
      .sub_top_title { font-size: 2.3rem; }
      .sub_top_title2 { font-size: 2.3rem; }
}
@media screen and (max-width: 768px) {
       h1.sub_title span { font-size: 18px;}
      .sub_top_title { font-size: 1.7rem; margin:30px 0; line-height: 2rem;}
      .sub_top_title2 { font-size: 1.7rem; margin:30px 0; line-height: 2rem;}
      .middle_text_1 { font-size: 1rem; margin: 30px 0; line-height: 1.5rem; padding: 0 10%;}
      .text_img_1 {  width: 100%; margin: 0 0 20px 0;  text-align: center;}
      .sign { float: right; }
      .sign img { float: right; width: 70%;}
      .text_01 {  display: block; line-height: 1.5; font-size: 14px;}
      .text_img_1 { width: 100%; padding: 0; text-align: center;}
      .text_img_2 { width: 100%; padding: 0; text-align: center;}
      .name { font-size: 18px;  }
      .sub_top_text { font-size: 15px; line-height: 26px;}
}
@media screen and (max-width: 480px) {
      h1.sub_title span { font-size: 16px; padding-right: 10px;}
      .sub_top_title { font-size: 1.5rem; margin:20px 0; }
      .sub_top_title2 { font-size: 1.5rem; margin:20px 0; }
      .name { font-size: 16px;  }
      .top_text_1 { font-size: 14px;}
      
}



#box_wrap { float: left; width: 100%; border-bottom: 1px solid #ccc;  margin: 50px 0 0 0;}
#box_wrap-1 { float: left; width: 100% margin: 50px 0 0 0;}
#box_wrap2 { float: left; width: 100%;  margin: 100px 0;}
#box_wrap3 { float: left; width: 100%;  margin: 70px 0 0 0;}


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

.trace_box {  width: 100%; padding: 0px 0px 50px 0; }

.trace_box_left { float: left;  width: 50%; padding: 0px 50px 50px 0; }
.trace_box_right { position: relative; float: left; width: 50%; border-left: 1px solid #ccc; padding: 0px 0px 0px 50px; }
.trace_box_left img, .trace_box_right img { max-width: 100%; height: auto; }

.trace_box_left2 { float: left;  width: 50%; padding: 50px 50px 50px 0; }
.trace_box_right2 { float: left; width: 50%; padding: 50px 0px 50px 50px;}
.trace_box_left2 img, .trace_box_right2 img { max-width: 100%; height: auto; }

.trace_box_left3 { float: left;  width: 40%; padding: 30px 0px 50px 0; }
.trace_box_right3 { float: left; width: 60%; padding: 70px 0px 50px 50px; }
.trace_box_right3 p { line-height: 24px;  background: url(../images/bt.png)0 9px no-repeat; padding-left: 10px;}
.trace_box_right3 p span { font-weight: 700; color: #8c0a28;}





.trace_title { font-size: 24px; font-family: 'GmarketSansBold'; color: #000;}
.trace_title span{ font-size: 18px;  color: #8e6f5a; font-family: 'Noto Sans KR', sans-serif;}
.trace_name{ font-size: 16px;}
.trace_name span{ font-size: 12px;}

.trace_text_1 { font-size: 16px; margin-top: 30px; }
.trace_text_2 { font-size: 2.5rem; margin-top: 20px; color: #8c0a28; font-weight: 700; }
.trace_text_3 { font-size: 16px; margin-top: 60px; }
.trace_text_4 { font-size: 4rem; margin-top: 50px; color: #8c0a28; font-family: 'GmarketSansBold'; }
.trace_text_4 span { font-size: 1rem; }
.trace_text_5 { height: 200px; font-size: 5rem;  color: #8c0a28; font-family: 'GmarketSansBold';  text-align: center; line-height: 200px;}
.trace_text_5 span { font-size: 1rem; }

.trace_text { font-size: 1.4rem; margin-top: 30px;  font-family: 'SDMiSaeng'; line-height: 35px;}
.trace_img {  margin: 0 0px 40px 0; display: block; text-align: center;}
.trace_img img { max-width: 100%; height: auto; }


@media screen and (max-width: 1280px) {
  .trace_text_2 { font-size: 2.2rem; margin-top: 10px; }
}

@media screen and (max-width: 980px) {
  .trace_box_left2 { padding: 50px 0 0 0px;}
  .trace_text_1 { font-size: 14px; margin-top: 20px; }
  .trace_text_2 { font-size: 1.9rem; margin-top: 10px; }
  .trace_text_3 { font-size: 14px; margin-top: 40px; }
  .trace_text_4 { font-size: 2.5rem; margin-top: 30px; }
}

@media screen and (max-width: 768px) {
.trace_box_left { width: 100%; padding: 30px;}
.trace_box_right { width: 100%; border-left: 0px solid #999; padding: 30px;}
.trace_box_left2 { width: 100%; padding: 30px 0 0 0;}
.trace_box_right2 { width: 100%; border-left: 0px solid #999; padding: 30px;}
.trace_box_left3 { width: 100%; padding: 30px 0 0 0;}
.trace_box_right3 { width: 100%; border-left: 0px solid #999; padding: 30px 0;}
.trace_text_5 { height: 150px; font-size: 5rem;  line-height: 150px;}
.trace_title { font-size: 24px;}
.trace_text_1 { font-size: 0.7rem;}
.trace_text_2 { font-size: 2rem; }
}

@media screen and (max-width: 480px) {
#box_wrap { padding: 0px 0 30px 0;}
.trace_box_left { width: 100%; padding: 0px;}
.trace_box_right { width: 100%; padding: 0px;}
.trace_box_left2 { width: 100%; padding: 0px;}
.trace_box_right2 { width: 100%; padding: 0px;}
.trace_top_text { font-size: 14px;  }
.trace_text_2 { font-size: 1.7rem; }
.trace_title { font-size: 18px;}
.trace_title span{ font-size: 14px;}
.trace_box_right3 p { font-size: 14px; line-height: 24px;}
}



.study_box_1 { float: left; width: 15%; font-weight: 700; 
              font-size: 24px; margin: 30px 5% 20px 0; 
              color: #000; 
              padding-bottom: 5px;
            }
.study_box_2 { float: left; width: 25%;}
.study_box_3 { float: left; width: 25%;}
.study_box_4 { float: left; width: 15%;}
.study_box_5 { float: left; width: 15%; margin: 30px 0 50px 0;}

.study_box_6 { float: left; width: 225px; text-align: center;}
.study_box_6 img { max-width: 100%; height: auto; }
.study_box_7 { float: left;  padding: 25px 0 80px 0;}




.study_tit { font-size: 16px;  margin: 30px 0 30px 0;}
.study_00 { color: #8c0a28; font-size: 50px; font-family: 'GmarketSansBold'; margin: 0px 0 30px 0;}
.study_00 span { font-size: 16px; }
.study_text_1 { font-weight: 700; font-size: 18px; margin: 30px 0 20px 0;}


@media screen and (max-width: 1280px) {
      .study_box_1 { width: 100%; } 
      .study_box_2 { width: 33.333%; text-align: center;} 
      .study_box_3 { width: 33.333%; text-align: center;} 
      .study_box_4 { width: 33.333%; text-align: center;} 
      .study_box_5 { width: 100%; text-align: center; margin: 0px 0 20px 0;} 

      .study_box_6 { width: 20%; margin: 10px 0 0 0;}
      .study_box_6 img { max-width: 100%; height: auto; }
      .study_box_7 {  width: 80%; }
}

@media screen and (max-width: 768px) { 
    .study_box_2 { width: 100%; } 
    .study_box_3 { width: 100%; } 
    .study_box_4 { width: 100%; }
    .study_box_5 { margin: 10px 0 20px 0;}
    .study_box_6 { width: 100%; margin: 10px 0 0 0; text-align: center;}
    .study_box_7 {  width: 100%; padding: 20px 0 20px 0;}
}




.task_box_1 { float: left; width: 34%; font-weight: 700; 
  font-size: 24px; margin: 30px 11% 0px 0; 
  color: #000; 
}
.task_box_2 { float: left; width: 55%;}
.task_box_3 { float: left; width: 45%; font-weight: 700; 
  font-size: 24px; margin: 30px 10% 0px 0; 
  color: #000; 
  padding-bottom: 5px;
}
.task_box_4 { float: left; width: 45%;}

.task_box_6 { float: left; width: 40%; margin: 0 25px 0 0; text-align: center;}
.task_box_6 img { max-width: 100%; height: auto; }
.task_box_7 { float: left;  padding: 25px 0 80px 0; }


.task_tit { font-size: 16px;  margin: 30px 0 30px 0;}
.task_00 { color: #8c0a28; font-size: 50px; font-family: 'GmarketSansBold';  margin: 0px 0 30px 0;}
.task_00 span { font-size: 16px; }

.task_icon { position: absolute; bottom: 45px; left: 70px; text-align: center;}
.task_icon_m { display: none;}


@media screen and (max-width: 980px) {
  .task_box_1 { width: 100%; } 
  .task_box_2 { width: 100%; text-align: center;} 
  .task_box_3 { width: 100%; } 
  .task_box_4 { width: 100%; text-align: center;} 
  .task_box_6 { width: 100%; margin: 0px 0 0 0;}
  .task_box_6 img { max-width: 100%; height: auto; }
  .task_box_7 {  width: 100%; text-align: center; padding: 0px 0 0px 0;}
  .task_icon { display: none;}
  .task_icon_m { display: block;}
}

@media screen and (max-width: 768px) { 
.task_box_2 { width: 100%;} 
.task_box_3 { width: 100%; } 

.task_box_6 { width: 100%; margin: 10px 0 0 0; text-align: center;}
.task_box_7 {  width: 100%; padding: 20px 0 20px 0;}
}


.smart_title { font-size: 24px; font-family: 'GmarketSansBold'; color: #000; margin-bottom: 50px;}
.smart_title span{ font-size: 18px;  color: #8e6f5a; font-family: 'Noto Sans KR', sans-serif;}

.smart_box_1 { float: left; width: 23%; height: 170px; border: 1px solid #8e6f5a; margin: 0 1% 0px 1%; overflow: hidden; padding: 0 10px;}

.sb_top_wrap { width: 100%; }
.sb_top { width: 70%; height: 70px; margin: 0 15%; text-align: center;
          border-top: 1px solid #8e6f5a; 
          border-left: 1px solid #8e6f5a; 
          border-right: 1px solid #8e6f5a; 
        }
.sb_top span { background: #8b0128; color: #fff; font-size: 14px; padding: 10px 20px;}
.sb_bottom { width: 70%; height: 70px; margin: 0 15%; text-align: center; clear: both;
          border-bottom: 1px solid #8e6f5a;  padding-top: 50px;
          border-left: 1px solid #8e6f5a; 
          border-right: 1px solid #8e6f5a; 
}
.sb_bottom span { background: #8b0128; color: #fff; font-size: 14px; padding: 10px 20px;}
.sb_tit { text-align: center; background: #8e6f5a; padding: 5px 0; color: #fff; font-size: 14px; margin-bottom: 10px;}
.sb_text {  padding-left: 10px; font-size: 14px; line-height: 24px;  background: url(../images/bt.png)0 9px no-repeat; }




@media screen and (max-width: 980px) { 
  .smart_box_1 { width: 45%; } 
}

@media screen and (max-width: 768px) {
  #box_wrap2 {  margin: 70px 0 0 0;} 
  .smart_box_1 { width: 100%; margin: 0; height: 150px;} 
  .sb_top { height: 50px; }
  .sb_bottom { height: 50px; padding-top: 30px;}
}

@media screen and (max-width: 480px) { 
  #box_wrap2 {  margin: 50px 0 0 0;} 
  .sb_top{ width: 80%; margin: 0 10%;}
  .sb_bottom{ width: 80%; margin: 0 10%;}
  .sb_top span{ height: 50px; }
  .sb_bottom span{ height: 50px;}
  .smart_title { font-size: 18px; margin: 0px 0 0 0;}
  .smart_title span{ font-size: 14px;}
}




/* 학생 감사편지 */

.letter_top_text { color: #000; font-size: 16px; font-weight: 500; border: 1px solid #ccc;
                  margin: 20px 0 50px 0; background: #faf5ea; padding: 30px; line-height: 24px;
                }
.letter_box_left { float: left;  width: 50%; padding: 50px 50px 50px 0px;}
.letter_box_right { float: left; width: 49%; border-left: 1px solid #ccc;  padding: 50px 0px 50px 50px;}
.letter_box_left img, .text_box_right img { max-width: 100%; height: auto; }

.letter_title { font-size: 24px; font-family: 'GmarketSansBold'; color: #000; line-height: 30px;}

.letter_text { font-size: 1.4rem; margin-top: 30px;  font-family: 'SDMiSaeng'; line-height: 35px;}
.letter_img {  margin: 0 0px 40px 0; display: block; text-align: center;}
.letter_img img { max-width: 100%; height: auto; }

@media screen and (max-width: 768px) {
          .letter_box_left { width: 100%; padding: 30px;}
          .letter_box_right { width: 100%; border-left: 0px solid #999; padding: 30px;}
}

@media screen and (max-width: 480px) {
          .letter_box_left { width: 100%; padding: 0px;}
          .letter_box_right { width: 100%; padding: 0px; margin-top: 70px;}
          .letter_top_text { font-size: 14px;  }
         
}

/* 인봉장학회 */

.inbong_middle_text { float: left; width: 100%; font-size: 4rem; color: #e2b3aa; text-align: center; margin: 70px 0; font-weight: 100;}

hr.inbong_line { margin: 50px 0; border:1px solid #ccc;}

.inbong_title {  font-size: 24px; font-family: 'GmarketSansBold'; color: #000; line-height: 30px;}
.inbong_name { margin-bottom: 40px;}


@media screen and (max-width: 1280px) {
  .inbong_middle_text {font-size: 3rem; margin: 70px 0; line-height: 3rem;}
}

@media screen and (max-width: 768px) {
  .inbong_title { width: 100%;}
  .inbong_img { width: 100%; }
  .inbong_middle_text {font-size: 2.2rem; margin: 30px 0;}
}

@media screen and (max-width: 480px) {
  .inbong_title { width: 100%;  font-size: 23px;}
  .inbong_middle_text {font-size: 2rem; margin: 30px 0; line-height: 2.5rem;}
  
}


.fund_wrap { float: left; width: 90%; padding: 0 0 0 10%; margin: 60px 0;}
.fund_wrap2 { float: left; width: 90%; padding: 100px 0 0 10%; }
.fund_wrap3 { float: left; width: 90%; padding: 30px 0 0 10%; }
.fund_wrap4 { float: left; width: 90%; padding: 400px 0 0px 10%; }

.fund_box_1 { float: left; width: 40%; }
.fund_box_2 { float: left; width: 40%; }
.fund_box_3 { float: left; width: 20%; }
.fund_box_4 { float: left; width: 100%; margin-bottom: 30px;} 
.fund_box_5 { float: left; width: 40%; }
.fund_box_6 { float: left; width: 60%; }

.fund_tit { margin: 0px 0 20px 0; font-size: 24px; color: #8c0a28; font-weight: 700;}
.fund_tit2 { font-size: 16px;  margin: 30px 0 40px 0;}
.fund_tit2-1 { font-size: 16px;  margin: 0px 0 20px 0;}
.fund_tit3 {  margin: 0px 0 50px 0; font-size: 24px; color: #8c0a28; font-weight: 700;}
.fund_00 { color: #002a54; font-size: 70px; font-family: 'GmarketSansBold'; margin: 0px 0 0px 0;}
.fund_00 span { font-size: 16px; }

.fund_00-1 { color: #002a54; font-size: 70px; font-family: 'GmarketSansBold'; margin: 0px 0 0px 0;}
.fund_00-1 span { font-size: 16px; }

.fund_01 { color: #002a54; font-size: 40px; font-family: 'GmarketSansBold'; margin: 0px 0 0px 0;}
.fund_01 span { font-size: 16px; }




@media screen and (max-width: 980px) {
    .fund_wrap { width: 100%;  padding: 0;}
    .fund_wrap2 { width: 100%;  padding: 0; margin: 50px 0;}
    .fund_wrap2-1 { width: 100%;  padding: 0; margin: 20px 0;}
     .fund_tit {  margin: 0px 0 20px 0; font-size: 18px;}
     .fund_00 { font-size: 50px; }
     .fund_00-1 { font-size: 50px; }
     .fund_01 {  font-size: 30px; margin: 0px 0 30px 0; line-height: 40px;}
     .fund_tit2 { font-size: 16px;  margin: 30px 0 20px 0;}
     .fund_tit2-1 { font-size: 16px;  margin: 30px 0 7px 0;}
     .fund_tit3 {  margin: 0px 0 20px 0; font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .fund_wrap { width: 100%;  padding: 0;}
    .fund_wrap2 { width: 100%;  padding: 0; margin: 0px 0 0 0;}
    .fund_box_1 { width: 35%; }
    .fund_box_2 { width: 40%; }
    .fund_box_3 { width: 25%; }
    .fund_00 { font-size: 40px; }
    .fund_00-1 { font-size: 40px; }
    .fund_tit {  margin: 0px 0 20px 0; font-size: 18px;}
    .fund_tit2 { font-size: 16px;  margin: 20px 0 20px 0; }
    .fund_tit3 {  margin: 0px 0 20px 0; font-size: 18px;}
    #main .content4 {background: url(../images/sub_bg_736.jpg); background-size: cover;}
    .fund_wrap4 {padding: 150px 0 0px 10%;}
    h1.sub_title4 span {  background: #e2e9f3;}
}

@media screen and (max-width: 480px) {
    .fund_wrap { width: 100%;  padding: 0; margin: 20px 0;}
    .fund_wrap2 { width: 100%;  padding: 0;}
    .fund_wrap3 { width: 100%;  padding: 0;}
    .fund_wrap4 { width: 100%;  padding: 0;}
    .fund_box_1 { width: 100%; text-align: center;}
    .fund_box_2 { width: 100%; text-align: center;}
    .fund_box_3 { width: 100%; text-align: center;}
    .fund_box_4 { width: 100%; text-align: center;}
    .fund_box_5 { width: 100%; text-align: center;}
    .fund_box_6 { width: 100%; text-align: center;}
    .fund_tit {  margin: 0px 0 0px 0; font-size: 16px; font-weight: 400;
                background: #8c0a28; color: #fff; padding: 3px 0 5px 0;}
    .fund_00 { margin: 0px 0 30px 0;}
    .fund_00-1 { margin: 0px 0 50px 0;}
    .fund_tit2-1 { font-size: 16px;  margin: 20px 0 10px 0;}
    .fund_01 {  font-size: 24px; margin: 0px 0 0px 0;}
    .fund_wrap2 { padding: 0; }
    .fund_tit3 { font-size: 18px; margin: 0px 0 30px 0; }
    .fund_wrap4 {  padding: 30px 0 400px 0; }
    #main .content4 {background: url(../images/sub_bg_480.jpg);}
    .fund_wrap4 {padding: 100px 0 0px 0;}
    h1.sub_title4 span {  background: #e2e9f3;}
}





/* 발전기금 성과 */

.ad_wrap { float: left; width: 100%; margin: 60px 0px; padding: 0 0 60px 110px; border-bottom: 1px dashed #999;}
.ad_wrap_line_x { float: left; width: 100%; margin: 0 0 60px 0; padding: 0 0 0 110px; }
.ad_wrap2 { float: left; width: 100%; margin: 0 0 60px 0; padding: 0 110px; }
.ad_wrap2-1 { float: left; width: 100%; margin: 0 0 60px 0; padding: 0 110px; }


.ad_top_text_1 { font-size: 16px; font-weight: 500; color: #222; margin-bottom: 10px;}
.ad_top_text_2 {margin-bottom: 50px;}


.ad_box_25 { float: left; width: 25%;}
.ad_box_30 { float: left; width: 30%;}
.ad_box_35 { float: left; width: 35%;}
.ad_box_40 { float: left; width: 40%;}
.ad_box_50 { float: left; width: 50%;}
.ad_box_65 { float: left; width: 65%;}


.ad_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; line-height: 30px;}

.ad_text_1 { color: #8c0a28; font-size: 100px; font-family: 'GmarketSansBold'; margin: 60px 0 0 0; }
.ad_text_1 span { font-size: 24px; padding: 0 5px;}
.ad_text_2 { color: #8c0a28; font-size: 16px; font-family: 'GmarketSansBold'; margin: 20px 0 0 40px;}

.ad_text_3 { color: #000; font-size: 60px; font-family: 'GmarketSansBold'; margin: 20px 0 0 0; }
.ad_text_3 span { font-size: 18px; padding: 0 5px;}

.re_tit {font-size: 30px; font-family: 'GmarketSansMedium';  color: #8c0a28; margin: 50px 0 10px 0;  }


.table_title { font-size: 18px; color: #000; margin: 0px 0 10px 0; font-weight: 500;}

table.bbs_list { width: 100%; border-bottom:2px solid #8c0a28; border-top:2px solid #8c0a28; font-size:14px;}
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: 500; color: #000;}
table.bbs_list td.year { background: #f0e1d3; border-bottom:1px solid #8c0a28; color:#8c0a28; font-weight: 500;}
table.bbs_list td.left { text-align: left;}
table.bbs_list td.right { text-align: right; }




table.bbs_list_2 { width: 100%; border-bottom:2px solid #8c0a28; border-top:2px solid #8c0a28; }
table.bbs_list_2 td { padding:8px 10px; border-bottom:1px solid #ccc; background:#fff; line-height: 18px; text-align: left; font-size:14px;}
table.bbs_list_2 td.bold { font-weight: 700; color: #000;}
table.bbs_list_2 td.head { background: #f0e1d3; border-bottom:1px solid #8c0a28; color:#8c0a28; font-weight: 500;}
table.bbs_list_2 td.right { text-align: right;}
table.bbs_list_2 td.middle { vertical-align: middle;}


table.bbs_list_3 { width: 100%; border-bottom:2px solid #8c0a28; border-top:2px solid #8c0a28; }
table.bbs_list_3 td { padding:8px 10px; border-bottom:1px solid #ccc; background:#fff; line-height: 18px; text-align: center; font-size:14px;}
table.bbs_list_3 td.bold { font-weight: 700; color: #000;}
table.bbs_list_3 td.head { background: #f0e1d3; border-bottom:1px solid #8c0a28; color:#8c0a28; font-weight: 500;}
table.bbs_list_3 td.line { border-right: 1px solid #ccc;}


table.title_list { width: 100%; }
table.title_list td { padding:10px; }
table.title_list td.bg { background:#fff;}


@media screen and (max-width: 980px) {
    .ad_wrap { width: 100%; margin: 60px 0px; padding: 0 0 60px 0; }
    .ad_wrap_line_x { width: 100%; margin: 0 0 60px 0; padding: 0; }
    .ad_wrap2 { width: 100%; margin: 0 0 60px 0; padding: 0; }
    .ad_wrap2-1 { width: 100%; margin: 0 0 60px 0; padding: 0; }
    .ad_box_65 img { max-width: 100%; height: auto; }
    .ad_tit { font-size: 18px; line-height: 24px;}
    .ad_text_1 { font-size: 70px; margin: 60px 0 0 0; }
    .ad_text_3 { font-size: 40px;}
    .ad_text_3 span { font-size: 14px;}
    
    .sub_top_title3 { font-size: 2rem; margin:30px 0;}
}

@media screen and (max-width: 768px) {
    .ad_wrap { margin: 0px 0 50px 0; padding: 0 0 30px 0; }

    .ad_box_50 { width: 100%; margin-bottom: 70px; text-align: center;}
    .ad_box_65 { width: 100%;}
    .ad_box_35 { width: 100%; text-align: center; margin-bottom: 30px;}
    .ad_box_25 { width: 100%; text-align: center; margin-bottom: 30px;}
    .ad_box_30 { width: 100%; text-align: center;}

}

@media screen and (max-width: 480px) {
    #main .content5 {padding: 3rem 1.5rem; }
    table.bbs_list td.left { padding-left: 5px;}
    .ad_top_text_1 { font-size: 14px;}
    .ad_wrap2-1 { width: 100%; margin: 0; padding: 0px; }
    table.bbs_list_1 {  font-size:13px;}
    table.bbs_list { font-size: 12px; }
   
}





/* 모금 및 지출 현황 */

.exp_wrap { float: left; width: 100%; margin: 80px 0px;  border-bottom: 1px dashed #999;}
.exp_wrap4 { float: left; width: 100%; margin: 80px 0px; }
.exp_wrap4-1 { float: left; width: 100%; margin: 80px 0px; display: none;}
.exp_wrap_line_x { float: left; width: 100%; margin: 50px 0 0px 0; }
.exp_wrap3 { float: left; width: 100%; }


.exp_wrap_pc { float: left; width: 100%; margin: 50px 0 0px 0; }
.exp_wrap_mobile { float: left; width: 100%; margin: 50px 0 0px 0;  display: none;}

.exp_box_1 { float: left; width: 40%; margin-bottom: 70px; text-align: center;}
.exp_box_1 img { max-width: 100%; height: auto; }
.exp_box_2 { float: left; width: 60%; margin-bottom: 70px; }
.exp_box_100 { float: left; width: 100%; margin-bottom: 70px; text-align: center; }
.exp_box_100_right { float: left; width: 100%; margin-top: 50px; text-align: right; }
.exp_box_100_right img{ max-width: 100%; height: auto; }
.exp_box_100 img{ max-width: 100%; height: auto; }
.exp_box_100_left { float: left; width: 100%; margin-bottom: 70px; }
.exp_box_100_left-1 { float: left; width: 100%; }
.exp_box_50-1 { float: left; width: 45%; margin: 0 5% 50px 0; }
.exp_box_50-2 { float: left; width: 50%; margin: 0 0 50px 0; }

.exp_top_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; margin-bottom: 10px;}
.exp_top_tit2 { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; margin-bottom: 10px;}

.exp_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; line-height: 30px;}

.exp_text_1 { color: #000; font-size: 100px; font-family: 'GmarketSansBold'; margin: 60px 0 80px 0; }
.exp_text_1 span { font-size: 24px; padding: 0 5px;}

.m_100 { margin: 50px 0; color: #f1ece2;}

.chart_tit { font-size: 18px; padding: 50px 0 10px 0; color: #000; font-weight: 700;}


@media screen and (max-width: 768px) {
  .exp_box_50-1 {  width: 100%; margin: 0 0 50px 0; }
  .exp_box_50-2 { width: 100%; margin: 0 0 50px 0; }
  .exp_wrap4 { display: none;}
  .exp_wrap4-1 { display: block;}
}

@media screen and (max-width: 480px) {
    .exp_wrap {width: 100%; margin: 80px 0px;}
    .exp_wrap_line_x { width: 100%; margin: 50px 0 0px 0; }
    .exp_box_1 { width: 100%; text-align: center;}
    .exp_box_2 { width: 100%; text-align: center;}
    .exp_tit { text-align: left; }

    .exp_wrap_pc { display: none; }
    .exp_wrap_mobile { display: block; }

}




/* 장학기금 */

.sch_wrap { float: left; width: 100%; margin: 80px 0 30px 0; }
.sch_wrap_line_x { float: left; width: 100%; margin: 50px 0 0px 0; }
.sch_wrap2 { float: left; width: 100%; margin: 80px 0 30px 0; }
.sch_wrap3 { float: left;  margin: 50px 100px; }

.sch_box_1 { position: relative; float: left; width: 45%; margin-right: 5%;
            background: url(../images/sch_i_1.png) right 0 no-repeat;
          }
.sch_box_2 { position: relative; float: left; width: 45%; margin-left: 5%; 
            background: url(../images/sch_i_2.png) right 0 no-repeat; 
          }
.sch_box_3 { position: relative; float: left; width: 45%; margin-right: 5%;
            background: url(../images/sch_i_3.png) right 0 no-repeat;  
          }
.sch_box_4 { position: relative; float: left; width: 45%; margin-left: 5%;
            background: url(../images/sch_i_4.png) right 0 no-repeat; 
          }

.sch_box_5 { float: left; width: 45%; margin-right: 5%;}
.sch_box_6 {  float: left; width: 45%; margin-left: 5%;}

.sch_box_7 { float: left; width: 25%; }
.sch_box_8 {  float: left; width: 70%; margin-left: 5%;}
.sch_box_8_pc {  float: left; width: 70%; margin-left: 5%;}
.sch_box_8_mobile {  float: left; width: 70%; margin-left: 5%; display: none;}


.sch_bottom_text-1 { clear: both; width: 100%; line-height: 18px; padding-top: 30px;}
.sch_bottom_text-2 { clear: both; width: 100%; line-height: 18px; padding-top: 20px;}
.sch_bottom_text { clear: both; width: 100%; line-height: 18px; padding-top: 30px;}
.t_center { text-align: center; }

.sub_top_title4 { font-size: 1.8rem; color: #8c0a28; margin:50px 0 0 0; line-height: 2rem; 
                  font-family: 'GmarketSansBold'; text-align: center; line-height: 37px;}


.sch_tit { color: #000; font-size: 18px; font-family: 'GmarketSansBold'; line-height: 30px;}
.sch_tit2 { color: #000; font-size: 22px; font-weight: 500;}
.sch_tit3 { color: #000; font-size: 30px; font-weight: 700; margin: 5px 0; line-height: 34px;}
.sch_tit4 { color: #000; font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.sch_tit4 span{ color: #777; font-size: 16px; font-weight: 400;}

.sch_text_1 { float: left; color: #000; font-size: 80px; font-family: 'GmarketSansBold'; margin: 60px 0 0 0; }
.sch_text_1 span { font-size: 24px; padding: 0 5px;}
.sch_text_2 { float: left; color: #000; font-size: 50px; font-family: 'GmarketSansBold'; margin: 30px 0 0 0; }
.sch_text_2 span { font-size: 24px; padding: 0 5px;}

.sch_icon { position: absolute; top: 0; right: 30px; }

.sch_letter_text { font-size: 1.5rem; margin-top: 30px;  font-family: 'SDMiSaeng'; line-height: 35px; color: #000; text-align: justify;}
.sch_letter_text span{ width: 100%; font-family: none; font-size: 16px; font-weight: 700; border-bottom: 2px solid #df6604;}


.t_b_text { margin-top: 10px; font-size: 14px;}


@media screen and (max-width: 1280px) {
  .sch_wrap3 { margin: 50px 50px; }
}




@media screen and (max-width: 980px) {
    .sch_text_1 { font-size: 60px; }
    .sch_text_2 { font-size: 35px; } 
    .sch_wrap3 { margin: 50px 30px; }
}

@media screen and (max-width: 768px) {
     .sch_wrap { float: left; width: 100%; margin: 30px 0 30px 0; }
     .sch_box_1 { width: 100%; margin:0 0 60px 0; }
     .sch_box_2 { width: 100%; margin:0 0 60px 0;}
     .sch_box_3 { width: 100%; margin:0 0 60px 0;}
     .sch_box_4 { width: 100%; margin:0 0 60px 0;}
     .sch_box_5 { width: 100%; margin:0 0 30px 0;}
     .sch_box_6 { width: 100%; margin:0 0 0px 0;}
     .sch_box_7 { width: 100%; margin:0 0 0px 0;}
     .sch_box_8 { width: 100%; margin:0 0 0px 0;}
     .sch_text_2 { font-size: 50px; margin: 20px 0 0 0 }
     .sch_wrap2 { margin: 0px 0 30px 0; }
     .sch_tit3 { font-size: 20px; margin: 5px 0;}
     .none { display: none; }
     .sch_wrap3 { margin: 50px 10px; }
     #main .content10 { background: url(../images/sub_bg_6_736.jpg);

    }
}

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

   .sch_tit {  font-size: 16px;}
    .sch_text_1 { font-size: 50px; margin: 20px 0 0 0; }
    .sch_text_1 span { font-size: 18px; padding: 0 5px;}
    .sch_bottom_text { padding-top: 70px;}
    .sch_bottom_text-1 { padding-top:0px;}
    .sch_text_2 { font-size: 35px;  margin: 10px 0 0 0;}
    .sch_tit2 { font-size: 18px; font-weight: 500;}
    .sch_wrap3 { margin: 50px 0px; }
    .sub_top_title4 { font-size: 1.5rem;  margin:20px 0 0 0; line-height: 2rem; font-family: 'GmarketSansBold';}
    .sch_letter_text { font-size: 1.3rem;  line-height: 1.6rem;}
    .sch_box_1{ padding-bottom: 55px;}
    .sch_box_2{ padding-bottom: 53px;}
    .sch_box_8_pc { display: none;}
    .sch_box_8_mobile { width: 100%; display: block; margin: 0;}
    .t_b_text { margin-top: 5px; font-size: 13px;}
}



/* 교육기금 */


.edu_wrap { float: left; width: 100%; margin-top: 80px; padding-bottom: 80px ; text-align: center; border-bottom: 1px dashed #999;}
.edu_wrap2 { float: left; width: 100%; margin-top: 80px; }
.edu_wrap2-1 { float: left; width: 100%; margin: 30px 0 30px 0; }
.edu_wrap3 { float: left; width: 100%; margin: 80px 0; }
.edu_wrap4 { float: left; width: 100%; margin: 20px 0; background: #f0e1d3; padding: 20px; } 
.edu_wrap4-1 { float: left; width: 100%; margin: 20px 0; } 
.edu_wrap1 { float: left; width: 100%; margin: 50px 0 0px 0; text-align: center;}
/* .edu_wrap3 { float: left; width: 100%; margin: 50px 0 30px 0; } */

.right_line {  border-right: 1px dashed #999;}

.edu_top_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; margin: 50px 0 10px 0;}
.edu_top_tit2 { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; margin: 0px 0 30px 0;}
.edu_top_tit3 { color: #000; font-size: 30px; margin: 0px 0 50px 0; font-weight: 700; line-height: 33px;}



.edu_tit { color: #000; font-size: 18px; font-family: 'GmarketSansBold'; text-align: center;}
.edu_tit2 { color: #000; font-size: 24px; font-weight: 700; margin:0px 0 10px 0;}
.edu_tit3 { text-align: left; color: #000; font-size: 20px; font-weight: 700; border-bottom: 2px solid #000; padding-bottom:5px; margin: 10px 0 20px 0;}
.edu_tit4 { color: #000; font-size: 16px; font-weight: 500; margin: 10px 0;}
.edu_tit5 { color: #000; font-size: 20px; font-weight: 700; margin: 20px 0; text-align: center;}



.edu_top_bottom { color: #000; font-size: 18px; font-family: 'GmarketSansMedium'; margin: 10px 0 30px 0; line-height: 24px;}



.edu_top_text_1 { width: 60%; font-size: 16px; font-weight: 500; color: #222; margin-bottom: 10px; z-index: 888; line-height: 24px;}
.edu_top_text_2 { width: 100%; font-size: 14px; font-weight: 400; color: #856f6b; margin-bottom: 30px; z-index: 8888;
                  background: #fff; padding: 10px 20px;}
.edu_top_text_2 span { font-size: 16px; font-weight: 700; margin-right: 20px;}


.campus_wrap { float: left; width: 100%; margin-bottom: 30px; background: #fff;}
.campus_1 { float: left; width: 35%; background: #fff; padding: 10px 20px 10px 5px; font-size: 16px; font-weight: 700; text-align: right;}
.campus_2 { float: left; width: 65%; background: #fff; padding: 10px 0px; text-align: left;}




.edu_box { float: left; width: 100%; } 
.edu_box_1 { position: relative; float: left; width: 50%; border-right: 1px dashed #999;
  background: url(../images/edu_bg_1.jpg) center 0 no-repeat; 
}
.edu_box_2 { position: relative; float: left; width: 50%; 
  background: url(../images/edu_bg_2.jpg) center 0 no-repeat; 
}

.edu_box_3 { float: left; width: 25%; height: 380px; padding: 0 30px; margin-bottom: 50px; border-right: 1px dashed #999;}
.edu_box_3-1 { float: left; width: 25%; height: 380px; padding: 0 30px; margin-bottom: 50px; border-right: 1px dashed #999;}
.edu_box_3-2 { float: left; width: 25%; height: 380px; padding: 0 30px; margin-bottom: 50px; border-right: 0px dashed #999;}
.edu_box_4 { float: left; width: 33.3333%; height: 200px; padding: 0 20px; }

.edu_box_5 { float: left; width: 60%; margin-right: 5%; } 
.edu_box_6 { float: left; width: 35%;} 

.edu_box_7 { float: left; width: 35%; margin-right: 5%; } 
.edu_box_8 { float: left; width: 60%;} 


.edu_text_1 {  color: #000; font-size: 100px; font-family: 'GmarketSansBold'; 
              margin: 60px 0 0 0; text-align: center; padding: 220px 0 0px 0;}
.edu_text_1 span { font-size: 24px; padding: 0 5px;}

.edu_text_2 { font-size: 16px;  line-height: 26px; text-align: justify;}
.edu_text_2-1 { font-size: 16px;  line-height: 26px; font-weight: 500; color: #000;}
.edu_text_3 {  font-size: 14px;  line-height: 24px; text-align: justify; }

.edu_text_4{  font-size: 14px;  line-height: 24px;  background: url(../images/bt.png)0 9px no-repeat; padding-left: 10px;}



.edu_img_1 { float: left; width: 25%; margin-top: 25px;}
.edu_img_1 img { max-width: 100%; height: auto; }
.img_t { font-size: 18px; color: #000; font-weight: 500;}

.edu_img_2 { position: absolute; top: 90px; right: 0;}
.edu_img_2 img { max-width: 100%; height: auto; }

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

.edu_img_4 {  width: 100%; text-align: right;}
.edu_img_4 img { max-width: 100%; height: auto; }


@media screen and (max-width: 1280px) {
      .edu_box_3 { height: 450px;}
      .edu_box_3-1 { height: 450px;}
      .edu_box_3-2 { height: 450px;}
}


@media screen and (max-width: 980px) {
      .edu_top_text_1 { width: 100%;  }
      .edu_img_2 { display: none;}
      .edu_box_3 { width: 50%; height: 300px; padding: 0 30px 0 0;}
      .edu_box_3-1 { width: 50%; height: 300px; border: 0; padding: 0 0px 0 30px;}
      .edu_box_3-2 { width: 50%; height: 300px; padding: 0 0px 0 30px;}
      .edu_box_4 { width: 33.3333%; height: 450px;}
}


@media screen and (max-width: 768px) {
      .edu_box_1 {width: 100%; border: 0; margin-bottom: 70px;}
      .edu_box_2 {width: 100%; }
      .edu_img_1 { width: 50%;}
      .edu_box_3 { width: 100%; border: 0; padding: 0; height: auto;}
      .edu_box_3-1 { width: 100%; border: 0; padding: 0; height: auto;}
      .edu_box_3-2 { width: 100%; border: 0; padding: 0; height: auto;}
      .edu_box_4 { width: 100%; border: 0; padding: 0; height: auto; margin-bottom: 50px;}
      .edu_box_5 { width: 100%; margin-bottom: 30px;}
      .edu_box_6 { width: 100%; }
      .edu_box_7 { width: 100%; }
      .edu_box_8 { width: 100%; }
      .edu_top_tit { margin: 20px 0 10px 0; line-height: 28px;}
      .edu_top_tit3 {  font-size: 24px; line-height: 28px;}
      .edu_tit5 { color: #000; font-size: 18px; line-height: 24px;}
      .edu_img_4 {  text-align: center;}

}

@media screen and (max-width: 480px) {
  .edu_tit2 {  font-size: 18px; text-align: left; line-height: 24px;}
  .edu_top_top {  font-size: 14px;  margin: 0px 0 10px 0;}
  .edu_text_2 { font-size: 14px;  line-height: 22px;}
  .edu_text_2-1 { font-size: 14px;  line-height: 22px; }
  .edu_wrap3 { margin: 30px 0; }
  .edu_wrap { margin-top: 40px; padding-bottom: 40px ;}
  .edu_top_top { font-size: 14px;}
  .edu_text_1 {  font-size: 70px;}
  .campus_1 { font-size: 14px; padding: 10px 10px 10px 3px; }
  .campus_2 { font-size: 14px; padding: 10px 10px 10px 0px; }
  
}


/* 연구기금 */


.st_wrap { float: left; width: 100%; margin-top: 80px;}

.st_box { float: left; width: 100%; } 
.st_box_1 { position: relative; float: left; width: 50%; border-right: 1px dashed #999;
  background: url(../images/st_bg_1.jpg) center 0 no-repeat; 
}
.st_box_2 { position: relative; float: left; width: 50%; 
  background: url(../images/st_bg_2.jpg) center 0 no-repeat; 
}

.st_box_3 { float: left; width: 45%; margin-right: 5%;}
.st_box_4 {  float: left; width: 50%;}


.st_top_tit_1 { width: 100%; font-size: 16px; font-weight: 500; color: #000; margin-bottom: 10px;}
.st_top_text_1 { width: 100%; font-size: 14px; font-weight: 400; color: #555; 
                 margin-bottom: 10px; text-align: justify; line-height: 24px; margin-bottom: 30px;}

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

.st_img_1 { position: absolute; top: 70px; right: 60px; }
.st_img_1 { max-width: 100%; height: auto; }


@media screen and (max-width: 768px) {
      .st_box_1 { width: 100%; border: 0;}
      .st_box_2 { width: 100%; margin-top: 80px;}
      .st_box_3 { width: 100%; margin-right: 0%;}
      .st_box_4 { width: 100%;}
      #main .content12 { background-image: none;  padding: 2rem; }
      #main .content13 {  padding: 2rem; }
      .st_wrap { margin-top: 50px;}
      .sub_top_text_70 { width: 100%; }
      .st_img_1 { position: relative; top: 30px; right: 0px; width: 100%; text-align: center; margin-bottom: 30px;}
}


/* 교육인프라기금 */

.infra_wrap { float: left; width: 100%; margin-top: 80px;}
.infra_wrap-1 { float: left; width: 100%; margin: 80px 0;}

.infra_box { float: left; width: 100%; } 
.infra_box_1 { position: relative; float: left; width: 50%; border-right: 1px dashed #999;
  background: url(../images/infra_bg_1.jpg) center 0 no-repeat; 
}
.infra_box_2 { position: relative; float: left; width: 50%; 
  background: url(../images/infra_bg_2.jpg) center 0 no-repeat; 
}

.infra_box_3 { float: left; width: 25%; margin-right: 5%;}
.infra_box_4 { float: left; width: 70%;}

.infra_box_5 { float: left; width: 48%;   margin-right: 2%; }
.infra_box_6 { float: right; width: 48%;  margin-left: 2%; }
.infra_box_6-1 { float: right; width: 48%;  margin-left: 2%; }

.infra_box_7 { float: left; width: 30%; margin-right: 5%;}
.infra_box_7-0 { float: left; width: 30%; margin-right: 5%;}
.infra_box_7-1 { float: left; width: 30%; margin-right: 5%;}
.infra_box_7-2 { float: left; width: 30%;}
.intra_box_8 {  float: left; width: 30%; }


.infra_box_9 { float: left; width: 45%; margin-right: 5%;}
.infra_box_10 { float: left; width: 50%; border-top: 1px dashed #999; padding-top: 20px;}

.infra_box_11 { float: left; width: 36%;  text-align: center;}
.infra_box_12 { float: left; width: 64%; text-align: center;}

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


.infra_tit_1 { font-size: 24px; font-weight: 700; color: #000; margin-bottom: 20px; line-height: 28px;}
.infra_tit_2 { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 15px;}

.infra_top_text_1 { font-size: 16px; font-weight: 500; color: #8c0a28; margin-top: 30px; 
                    font-family: 'NotoSerifKR'; line-height: 26px; text-align: justify;}
.dda{ font-size: 50px; margin-top: 20px; }                    
.infra_top_text_2 { width: 100%; font-size: 16px; font-weight: 500; color: #222; margin-bottom: 10px; z-index: 888; line-height: 24px;}

.infra_text_1 { font-size: 14px; font-weight: 300; text-align: justify; line-height: 24px; color: #000; }
.infra_text_1 span{ font-size: 14px; font-weight: 700; text-align: justify; line-height: 24px; color: #000; }






.infra_top_tit { color: #000; font-size: 24px; font-family: 'GmarketSansBold'; margin: 5px 0 10px 0; line-height: 30px;}
.infra_top_top { color: #8c0a28; font-size: 14px; font-family: 'GmarketSansMedium'; margin: 50px 0 10px 0;}
.infra_top_top2 { color: #8c0a28; font-size: 14px; font-family: 'GmarketSansMedium'; margin: 10px 0 10px 0;}
.infra_top_bottom { color: #000; font-size: 18px; font-family: 'GmarketSansMedium'; margin: 0px 0 30px 0;}


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




@media screen and (max-width: 768px) {
  .infra_box_1 { width: 100%; border: 0;}
  .infra_box_2 { width: 100%; margin-top: 80px;}
  .infra_box_3 { width: 100%; margin-right: 0%;}
  .infra_box_4 { width: 100%;}
  .infra_box_5 { width: 100%;}
  .infra_box_6 { width: 100%; margin-top: 50px;} 
  .infra_box_6-1 { width: 100%;} 
  .infra_box_7 { width: 100%;}
  .infra_box_7-0 { width: 100%;}
  .infra_box_7-1 { width: 100%; margin-top: 50px;}
  .infra_box_7-2 { width: 100%; }
  .infra_top_text_1 { margin-top: 0px; }
  .infra_box_8 { width: 100%;}
  .infra_box_9 { width: 100%;}
  .infra_box_10 { width: 100%; border-top: 0px dashed #999; padding-top: 20px;}
}

@media screen and (max-width: 480px) {
  .infra_box_9 { width: 100%;}
  .infra_box_10 { width: 100%;}
  .infra_box_11 { width: 100%;  text-align: center; margin-bottom: 30px;}
.infra_box_12 { width: 100%; text-align: center;}
}





/* 코로나 */

#co_wrap { float: left; width: 100%; margin: 50px 0;}
#co_wrap2 { float: left; width: 100%; margin: 50px 0; border-bottom: 1px dashed #555; padding-bottom: 70px;}



.co_box { float: left; width: 100%;}
.co_box_1 { float: left; width: 45%; margin-right: 5%;}
.co_box_2 { float: left; width: 50%;}
.co_box_3 { float: left; width: 35%; margin-right: 5%;}
.co_box_4 { float: left; width: 30%; text-align: center;}
.co_box_5 { float: left; width: 60%; text-align: center;}

.co_box_2 img{ max-width: 100%; height: auto;}
.co_box_4 img{ max-width: 100%; height: auto;}
.co_box_5 img{ max-width: 100%; height: auto;}

.co_box_6{ position: relative; width: 100%; height: 200px; background: url(../images/co_letter.jpg);}

.co_letter_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: justify;
                  width: 97%; height: 85%; background: #fff; font-size: 15px; padding: 30px; line-height: 22px;}



.co_top_title { width: 100%; font-size: 2.5rem; color: #000; font-family: 'GmarketSansBold'; margin:380px 0 0 0;  line-height: 2.9rem;}
.co_top_title2 { width: 100%; font-size: 2.5rem; color: #000; font-family: 'GmarketSansBold'; margin:380px 0 0 0;  line-height: 2.9rem; display: none;}

.co_tit_1 { color: #000; font-size: 24px; font-weight: 700;  margin:130px 0 20px 0;}
.co_tit_2 { color: #856c54; font-size: 24px; font-weight: 700;  margin:0px 0 0px 0; line-height: 28px;}
.co_tit_3 { color: #000; font-size: 22px; font-weight: 700;  margin:50px 0 10px 0;}
.co_tit_3 span{ color: #8c0a28;}
.co_tit_4 { color: #000; font-size: 22px; font-weight: 700;  margin:0px 0 10px 0; line-height: 22px;}


.co_text_1 { color: #000; font-size: 16px; font-weight: 500;}
.co_text_2 { color: #000; font-size: 16px; font-weight: 400; line-height: 28px;}
.co_text_3 { color: #000; font-size: 14px; font-weight: 500; margin-top: 10px;}

table.co_list { width: 100%;  font-size:14px; margin: 0px 0;}
table.co_list td { padding:5px 10px;  background:none; line-height: 22px; color: #000;}
table.co_list td.tit { font-weight: 700;}

.dg_text { font-size: 18px; color: #222; font-family: 'GmarketSansBold'; margin:10px 0 0px 0;}

@media screen and (max-width: 1220px) {
      .co_box_6{ height: 250px;}
}

@media screen and (max-width: 980px) {
      .co_top_title { font-size: 2rem;  margin:200px 0 0 0;  line-height: 2.9rem;}
      .co_tit_1 {  font-size: 24px; font-weight: 700;  margin:20px 0 20px 0;}
      .co_box_3 { width: 100%;}
      .co_box_4 { width: 50%; margin-top: 50px;}
      .co_box_5 { width: 100%; margin-top: 50px;}
      .co_box_6{ height: 220px;}
      .co_letter_text { width: 95%; height: 90%;  padding: 20px;}
}

@media screen and (max-width: 768px) {
      .co_box_1 {  width: 100%; margin-bottom: 50px;}
      .co_box_2 {  width: 100%;}
      .co_top_title { font-size: 2rem;  margin:100px 0 20px 0;  line-height: 2.2rem;}
      .co_tit_1 {  font-size: 24px; font-weight: 700;  margin:20px 0 20px 0;}
      .co_text_1 { font-size: 14px;}
      .co_box_4 { width: 100%; margin-top: 30px}
      .co_box_5 { width: 100%;}
      .co_box_6{ height: 280px;}
      .co_letter_text { width: 95%; height: 90%;  padding: 20px;}
      #co_wrap2 { margin: 50px 0 0 0; padding-bottom: 70px;}
      #main .content10 { padding: 2rem; background: #b5d1d3 url(../images/co_bg.jpg)no-repeat; background-size: contain;}
}

@media screen and (max-width: 480px) {
      .co_top_title { display: none;}
      .co_top_title2 { display: block; font-size: 1.8rem;  margin:50px 0 20px 0;  line-height: 2.2rem;}
      .co_tit_1 {  font-size: 24px; font-weight: 700;  margin:20px 0 20px 0;}
      .co_text_1 { font-size: 14px;}
      .co_box_4 { width: 100%; }
      .co_box_5 { width: 100%; }
      .co_tit_3 { font-size: 18px; margin:50px 0 10px 0;}
      .co_tit_2 { font-size: 18px; margin:0px 0 0px 0;}
      .co_tit_4 { font-size: 18px; line-height: 24px;}
      .co_text_2 { font-size: 14px; line-height: 22px;}
      .co_box_6{ height: 490px;}
      .co_letter_text { width: 93%; height: 95%;  padding: 20px; font-size: 14px;}
      table.co_list { font-size:14px; margin: 0px 0;}
      table.co_list td { padding:5px 0px;}
}




/* 계획기부 프로그램 */

#pro_wrap { float: left; width: 100%; margin: 80px 0 30px 0;}
#pro_wrap2 { position: relative; float: left; width: 100%; margin: 50px 0; border-bottom: 1px dashed #999; padding-bottom: 70px;}
#pro_wrap3 { position: relative; float: left; width: 100%; margin: 50px 0;}

.pro_box_1 { position: relative; width: 100%; height: 800px; background: url(../images/pro_bg.jpg)no-repeat; }
.pro_box_2 { float: left; width: 50%; }
.pro_box_3 { float: left; width: 25%; text-align: center;}
.pro_box_3 img {  max-width: 100%; height: auto;  }
.pro_box_a { float: left; width: 10%; }
.pro_box_b { float: left; width: 50%; }
.pro_box_c { float: left; width: 40%; background: #cfe6e5; padding: 30px;}
.pro_box_c-1 { float: left; width: 40%; background: #eeded8; padding: 30px;}
.pro_box_c-2 { float: left; width: 40%; background: #ecebcb; padding: 30px;}
.pro_box_d { float: left; width: 86%;}
.pro_box_d2 { float: left; width: 14%; padding-right: 30px;}
.pro_box_d2 img {  max-width: 100%; height: auto;  }

.pro_img_text_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 50%; background: #fff; opacity: 0.7; }

.pro_tit { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: 80%; 
          z-index: 9999; font-size: 30px; color: #000; font-weight: 700; line-height: 38px; text-align: center;}

.pro_tit2 { color: #000; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.pro_tit3 { color: #8c0a28; font-size: 16px; font-weight: 500; margin:30px 0 10px 0; }
.pro_tit4 { color: #8c0a28; font-size: 24px; font-weight: 700; margin:0px 0 50px 0; line-height: 26px;}
.pro_tit5 { color: #856c54; font-size: 20px; font-weight: 700; margin:30px 0 0px 0; }
.pro_tit6 { color: #856c54; font-size: 20px; font-weight: 700; margin:0px 0 10px 0; line-height: 26px;}


.pro_text_1 { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 80%;
              z-index: 9998; font-size: 16px; color: #000; font-weight: 400; line-height: 27px; text-align: justify;}

.pro_text_2 { font-size: 16px; line-height: 24px; text-align: justify; }

.pro_text_3 { font-size: 14px; color: #000; font-weight: 500; line-height: 22px; text-align: justify;}
.pro_text_4 { font-size: 14px; color: #000; margin: 20px 0;  line-height: 22px; text-align: justify;}
.pro_text_5 { font-size: 14px; color: #000; margin: 0px 50px; line-height: 22px; text-align: justify;}
.pro_text_5 span { color: #000; font-size: 16px; font-weight: 700; margin:30px 0 0px 0;  }

.rm { color: #000; font-size: 24px; font-weight: 700; margin: 10px 0; }
.rm span{ color: #8c0a28; font-size: 24px; font-weight: 500; margin-bottom: 10px; }


.pro_01 { font-size: 3rem; color: #8c0a28; font-family: 'GmarketSansBold'; margin-top: 25px;}
.pro_01_m { font-size: 2.5rem; color: #8c0a28; font-family: 'GmarketSansBold'; margin: 0px 0 10px 0; display: none;}
.pro_01_m span{ color: #856c54; font-size: 20px; font-weight: 700; margin:0px 0px 0px 10px;}

.img_bottom { position: absolute; bottom: 95px;}


@media screen and (max-width: 960px) {
      .pro_tit { font-size: 24px; line-height: 30px; top: 34%;}
      .pro_box_2 { width: 100%; margin-bottom: 50px;}
      .pro_box_3 { width: 50%; margin-bottom: 70px;}
      #pro_wrap { margin: 30px 0 0px 0;}
}

@media screen and (max-width: 768px) {
      .pro_box_1 { width: 100%; height: 600px; background: url(../images/pro_bg_736.jpg)no-repeat; }
      .pro_img_text_box { width: 90%; height: 80%; top: 50%; }
      .pro_tit {font-size: 18px;  top: 20%; left: 50%; line-height: 24px; width: 80%;}
      .pro_text_1 { top: 55%; left: 50%; font-size: 14px; line-height: 22px; width: 80%;}
      .pro_box_a { width: 100%; }
      .pro_box_b {  width: 100%; margin-bottom: 50px;}
      .pro_box_c { width: 100%; }
      .pro_box_c-1 { width: 100%; }
      .pro_box_c-2 { width: 100%;}
      .pro_text_5 { margin: 0px; }
      .img_bottom { display: none;}
      .pro_01{ display: none; }
      .pro_01_m{ display: block; }
      .pro_tit5 { display: none; }
      #pro_wrap2 { margin: 40px 0 20px 0;}
      .pro_tit4 { font-size: 18px; }
      .pro_box_d { width: 100%; }
      .pro_box_d2 { display: none; }
        
}

@media screen and (max-width: 480px) {
      .pro_box_1 { width: 100%; height: 500px; background: url(../images/pro_bg_480.jpg)no-repeat; }
      .pro_img_text_box { width: 100%; height: 100%; top: 50%;}
      .pro_tit {font-size: 17px;  top: 15%; left: 50%; line-height: 26px; width: 85%;}
      .pro_text_1 { top: 57%; left: 50%; width: 85%;}
      .pro_box_3 { width: 100%; margin-bottom: 70px;}
      .rm { font-size: 20px; }
      .rm span{ font-size: 20px; }
}








/* 발전공로상 */
#awa_wrap { float: left; width: 100%; margin: 80px 0px;}

.awa_box_1 { float: left; width: 35%; margin: 0 5% 60px 0;}
.awa_box_2 {float: left; width: 60%; margin:0 0 60px 0;}

.awa_top_title { font-size: 2.4rem; color: #8c0a28; font-family: 'GmarketSansBold';  }
.awa_top_title span.top{ font-size: 1.4rem; line-height: 1.7rem;}
.awa_top_title span.bottom{ font-size: 0.8rem;}
.awa_top_title { font-size: 2.4rem; color: #8c0a28; font-family: 'GmarketSansBold';  margin:0 0 50px 0; line-height: 2.8rem;}

.awa_top_title2 { font-size: 1.2rem; color: #000; font-weight: 700; margin: 12px 0 20px 40px;}

.awa_top_text_1 { font-size: 14px; font-weight: 400; color: #222; margin-bottom: 10px; text-align: justify; line-height: 22px;}


table.awa_list { width: 100%;  font-size:13px; margin: 10px 0;}
table.awa_list td { padding:15px 0px;  background:none; line-height: 22px; color: #777; background: #f0e1d4; vertical-align: middle;}
table.awa_list td .won { width: 70px; height: 70px; background:#8c0a28; font-family: 'GmarketSansBold';  
                        color: #fff; border-radius: 50%; text-align: center; line-height: 70px;}
table.awa_list td .won2 { width: 70px; height: 70px; background:#a18b79; font-family: 'GmarketSansBold';  
                       color: #fff; border-radius: 50%; text-align: center; line-height: 70px; margin: 10px 0;}
table.awa_list td .won3 { width: 70px; height: 70px; background:#a18b79; font-family: 'GmarketSansBold';  
                        color: #fff; border-radius: 50%; text-align: center; line-height: 70px; margin: 60px 0;}
table.awa_list td span { font-weight: 500; color: #000; padding-right: 5px; }

table.awa_list td.awa_table_bg { background: url(../images/awa_table_bg.jpg); }

table.awa_list td.awa_top_title2 { font-size: 0.9rem; color: #8c0a28; font-weight: 700;}
table.awa_list td.pd { padding:0px 20px 0 0;}
table.awa_list td.pd p{  background: url(../images/bt.png)0 9px no-repeat; padding-left: 10px;}




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


@media screen and (max-width: 960px) {
  #awa_wrap { margin: 80px 0 0px 0;}
}

@media screen and (max-width: 768px) {
  .awa_box_1 { width: 100%; margin: 0 0% 60px 0;}
  .awa_box_2 {width: 100%; margin:0 0% 60px 0;}
  .awa_img { text-align: center;}
  .awa_img { margin-top: 60px;}
  table.awa_list td .won2 { margin: 30px 0; }
  table.awa_list td .won3 { margin: 80px 0; }
}

@media screen and (max-width: 480px) {
  table.awa_list td .won { font-size: 12px;}
  table.awa_list td .won2 { margin: 50px 0; font-size: 12px;}
  table.awa_list td .won3 { margin: 130px 0; font-size: 12px;}
  .awa_top_title2 { font-size: 20px; line-height: 24px;}
  table.awa_list td.pd { margin-bottom: 50px;}
}




/* 기부뉴스 */

#news_wrap { float: left; width: 100%; margin: 80px 0px;}

.news_box_1 { float: left; width: 30%; margin: 0 5% 60px 0;}
.news_box_2 {float: left; width: 30%; margin:0 0 60px 0;}


.news_year { font-family: 'GmarketSansBold'; font-size: 30px; margin-bottom: 10px; color: #ad9a88;}
.month { font-family: 'GmarketSansBold'; border-top: 2px solid #8c0a28; 
         border-bottom: 1px solid #8c0a28; padding: 10px 0; font-size: 16px; 
        }
.month span { color: #ad9a88; float: right; }

.news_top_title { font-size: 2.4rem; color: #8c0a28; font-family: 'GmarketSansBold';  margin:0 0 50px 0; line-height: 2.8rem;}

.news_top_text_1 { font-size: 16px; font-weight: 500; color: #222; margin-bottom: 10px;}
.news_top_text_2 {margin-bottom: 50px;}

table.news_list { width: 100%;  font-size:14px; margin: 10px 0;}
table.news_list td { padding:5px 0;  background:none; line-height: 22px; color: #777;}
table.news_list td.font { font-size: 14px;}
table.news_list td span { font-weight: 700; color: #000; padding-right: 5px;}

.bold { font-weight: 700; }
.news_img { margin: 20px 0;}
.news_img img{ max-width: 100%; height: auto; }


@media screen and (max-width: 960px) {
      #news_wrap { margin: 80px 0 0px 0;}
}

@media screen and (max-width: 768px) {
      .news_box_1 { width: 100%; margin: 0 0% 60px 0;}
      .news_box_2 {width: 100%; margin:0 0% 60px 0;}
      .news_img { text-align: center;}
      table.news_list td.font { font-size: 13px;}
}









/* 인문사회관 건립 */

#cam_wrap { float: left; width: 100%; margin: 50px 0}
#cam_wrap2 { float: left; width: 100%; margin: 50px 0; border-bottom: 1px dashed #555; padding-bottom: 70px;}



.cam_box { float: left; width: 100%;}
.cam_box_1 { float: left; width: 45%; margin-right: 5%;}
.cam_box_2 { float: left; width: 50%;}

.campaign { font-size: 0.6rem;  color: #000;  font-family: 'GmarketSansBold'; margin:0 0 5px 0;}

.cam_top_title { width: 100%; font-size: 2.4rem;  color: #8c0a28;  font-family: 'GmarketSansBold';  margin:50px 0 12px 0; line-height: 2.6rem;}
.cam_top_title_bottom { width: 100%; font-size: 1rem;  color: #8c0a28;  font-family: 'GmarketSansMedium';  margin:0 0 70px 0; line-height: 1.4rem; }
.cam_top_title_bottom span{  font-size: 0.7rem;}


.cam_top_tit { color: #8c0a28; font-size: 24px; font-family: 'GmarketSansBold'; margin-bottom: 10px;}
.cam_top_tit span{ font-size: 16px;  font-family: 'GmarketSansMedium';}

.cam_top_text_1 { font-size: 16px; font-weight: 500; color: #222; margin-bottom: 50px;}

.cam_tit_1 { color: #000; font-size: 14px; font-weight: 700; }

.cam_text_1 { font-size: 14px; line-height: 24px;}
.cam_text_1 span{ font-weight: 700; color: #000;}

.cam_text_2 { font-size: 14px; text-align: justify; line-height: 22px; margin-bottom: 30px;}

.t_box { background: #fff; padding: 30px; margin: 50px 0 250px 0; color: #333; text-align: justify; line-height: 22px;}
.t_box span{color: #000; font-weight: 700;}

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



@media screen and (max-width: 768px) {
    .cam_box_1 { width: 100%; margin:50px 0 30px 0;}
    .cam_box_2 { width: 100%;}
    #main .content5-1 { padding: 3rem 2rem; }
}


@media screen and (max-width: 480px) {
    .cam_top_title {  font-size: 1.5rem;  line-height: 1.8rem;}
    .cam_top_title_bottom { font-size: 0.9rem; margin:0 0 50px 0; line-height: 1.4rem; }
    .t_box {  margin: 50px 0 100px 0;}
}








  /* Footer */
  #footer {
    background-color: #fff;
    color: #777;
    padding: 3rem 0 ; 
    border-top: 1px solid #ccc;
    height: 160px;
  }
  
  #footer .f_logo { float: left; padding: 6px 0 0 50px; }

  #footer .copyright { float: left; font-size: 16px; padding: 3px 0px 0 20px; line-height: 24px;}


    
  @media screen and (max-width: 1280px) {
    #footer { padding: 3rem 0 2rem 0 ;} 
     #footer .copyright { font-size: 16px; padding: 0 30px 0 20px;}
    }
  @media screen and (max-width: 980px) {
    }
  @media screen and (max-width: 768px) {
      #footer {padding: 2rem 0 1rem 0 ; } 
      #footer img { width: 90%; }
    
      #footer .copyright { font-size: 14px; padding: 5px 0px 20px 20px; line-height: 20px;}   
    }
  @media screen and (max-width: 480px) {
    #footer {padding: 2rem 0 8rem 0 ; } 
    #footer .f_logo {  padding: 10px 0 0 20px;}
    #footer img { width: 70%; }
    
    }