@import url('reset.css');
@import url('font.css');



#wrap { width: 100%; }
header {position: relative; z-index: 99999999999;  background: url('../images/sub_img_1.jpg')no-repeat; background-size: cover;}
header h1{ float: left; width: 33%;  padding: 20px 0 10px 30px;}
header h1 a {  color: #fff; font-size: 20px; line-height: 14px; font-weight: 600;}


nav { float: left; width: 67%; z-index: 99999999998;}
nav > ul.gnb{ float: right; width: 100%;}
nav > ul.gnb > li{ position: relative; float: left; width: 50%; }
nav > ul.gnb > li.bg{ background: url('../images/nav_bt2.gif')no-repeat 0px 50px; }
nav > ul.gnb > li.bg_1{ background: url('../images/sub_top_bg_2.jpg')no-repeat; }
nav > ul.gnb > li.bg_2{ background: url('../images/sub_top_bg_3.jpg')no-repeat; }
nav > ul.gnb > li span{ font-size: 1rem; font-weight: 400; line-height: 28px;}
nav > ul.gnb > li > a{ font-size: 1.8rem; color: #efeae1; display: block; font-weight: 500; padding: 20px 0 20px 45px;}
nav > ul.gnb > li:hover > a{ color: #fff;}



nav ul.sub{ position: absolute; top: 95px; left: 0; width: 100%; display: none; z-index: 777777;}
nav ul.sub li{ text-align: left; background:#efeae1; }
nav ul.sub li.bg_1{ text-align: left; background:#efeae1; }
nav ul.sub li span{ font-size: 14px; line-height: 14px; color: #777;}
nav ul.sub li a{ font-size: 22px; padding: 20px 7%; display: block; color: #000; font-weight: 400;}
nav ul.sub li a:hover{  color: #000;  transition: .3s;}



ul.sub_480{ padding:0 10% 0 10%; width: 350px;}
ul.sub_480 li{ text-align: left;  }
ul.sub_480 li span{ font-size: 14px; line-height: 14px; color: #777;}
ul.sub_480 li a{ font-size: 18px; padding: 15px 0; display: block; color: #000; font-weight: 500;}
ul.sub_480 li a:hover{ background: #cdbeaa; color: #000;  transition: .3s;}


.toggle { display: none; }

.nav_480_wrap { width: 350px; margin-bottom: 50px;}

.title_480 {  color: #8b0128; font-size: 22px; font-weight: 600; border-bottom: 1px solid #aaa; padding: 0% 0% 10px 10%; }
.title_480 span { color: #777; font-size: 16px; font-weight: 400;}
.nav_480 {
    position: fixed;
    top: 0;
    right: 0;
    background: #efeae1;
    width: 0;
    height: 100%;
    z-index: 7777;
    transition: 0.5s;
    overflow-x: hidden;
    padding: 50px 0px;
}
.nav_480 a { 
    color: #000;
    font-size: 18px;
    padding: 10px 0px;
    display: block;
}


/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #8b0128;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white; 
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cdbeaa;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}




@media(max-width: 870px) {
  header h1{ width: 100%;  padding: 15px 0 10px 20px; border-bottom: 1px solid #e0d4c5; }
  header h1 img { width: 22%;}
    /* header h1 a {  font-size: 18px;} */
    nav { width: 100%; }
    nav > ul.gnb > li span{ font-size: 0.9rem; line-height: 20px;}
    nav > ul.gnb > li > a{ font-size: 1.3rem; padding: 10px 0 15px 20px;}
    nav ul.sub{  top: 75px;}
    nav ul.sub li span{ line-height: 12px;}
    nav ul.sub li a{ font-size: 18px; padding: 15px 7%; display: block; color: #000; font-weight: 400;}
    nav ul.sub li a:hover{ background: #cdbeaa; color: #000;  transition: .3s;}
}

@media(max-width: 480px) {
  header h1{ width: 100%;  padding: 12px 0 12px 15px; border-bottom: 0px solid #ccc; }
  header h1 img { width: 40%;}
  nav > ul.gnb { display: none;}
    .toggle {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 28px;
        color: #fff;
    }
    .closebtn {
        color: #8b0128;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 28px;
    }
}
@media(max-width: 380px) {
  header h1{ padding: 10px 0 10px 10px; border-bottom: 0px solid #ccc; }
  header h1 img { width: 40%;}
}


.contents_wrap_1 { width: 100%; padding:60px 0 100px 0;}

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

.top_title_box {position: relative; width: 100%; margin-bottom: 70px;}

.top_title { color: #000; font-family: 'Pretendard-ExtraBold'; margin-bottom: 70px;}

.top_title_big_1 { color: #000; font-family: 'Pretendard-ExtraBold'; font-size: 28px; line-height: 32px;}
.top_title_big_2 { float: left; width: 30%; color: #000; font-family: 'Pretendard-ExtraBold'; font-size: 28px; line-height: 32px;}
.top_title_big_3 { width: 100%; color: #000; font-family: 'Pretendard-ExtraBold'; font-size: 28px; line-height: 32px; text-align: center;}

.top_title_ment_1 { float: left; width: 70%; color: #000; font-size: 18px; line-height: 26px; padding-left: 30px; text-align: justify;}
.top_title_ment_2 { width: 100%; color: #000; font-size: 18px; line-height: 26px; text-align: center;}
.top_title_ment_2_480 { width: 100%; color: #000; font-size: 18px; line-height: 26px; display: none; text-align: justify;}

.top_line { height: 1px; text-align: center;  background: url(../images/nav_bt3.gif)no-repeat center; padding: 30px 0;}


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

@media(max-width: 768px) {
  .contents_wrap_1 { padding:40px 0 70px 0; }
  .top_title { margin-bottom: 40px;}
  .top_title_big_1 { margin-bottom: 40px;}
  .top_title_big_2 { width: 100%;}
  .top_title_ment_1 { width: 100%;  padding: 20px 0 0 0;}
}
@media(max-width: 480px) {
  .contents_wrap_1 { padding:30px 0 70px 0; }
  .top_title { margin-bottom: 20px;}
  .top_title_big_1 { margin-bottom: 20px; font-size: 20px;}
  .top_title_ment_2 { display: none;}
  .top_title_ment_2_480 { display: block; }
}









/* 총장메세지 */

#ceo_bg_box { width: 100%; background: #fff; padding: 5%; }
.ceo_wrap { width: 100%; }
.top_ment { float: left; width: 60%; padding: 10% 10% 10% 5%; font-size: 1.2vw; line-height: 2vw; text-align: justify; color: #8b0128;}
.ceo_photo { float: left; width: 40%;}
.ceo_photo img { width: 100%;}
.ceo_text { width: 100%; text-align: justify; margin: 50px 0;}
.sign { text-align: right; color: #000; font-weight: 500;}



@media(max-width: 1220px) {
  .top_ment { font-size: 2vw; line-height: 3vw; }
}
@media(max-width: 768px) {
  .top_ment { font-size: 2.3vw; line-height: 3.5vw; padding: 7% 5% 7% 0%;}
  .sign img { width: 20%;}
}
@media(max-width: 480px) {
  .top_ment { width: 100%; font-size: 16px; line-height: 24px; padding: 7% 5% 7% 0%;}
  .ceo_photo {width: 100%;}
  .sign img { width: 35%;}
}


/*톺아보기_ 한눈으로 보는 모금현황 */

.gv_box_wrap { margin-bottom: 50px; }

.gv_box_ff { float: left; width: 30%;}
.gv_box { float: left; width: 30%; margin-left: 5%; }

.gv_img{ float: left; width: 30%;}
.gv_img img{  border-radius: 0 50px 50px 0;}

.gv_cont { text-align: center; margin-bottom: 70px;}
.gv_text_1 { font-size: 18px; color: #000;  font-family: 'Pretendard-ExtraBold'; padding: 40px 0 20px 0;}
.gv_text_2 { font-size: 50px; color: #000;  font-family: 'KronaOne-Regular';}
.gv_text_2-1 { font-size: 40px; color: #000; font-family: 'Pretendard-ExtraBold'; padding-bottom: 40px; line-height: 50px;}
.gv_text_2 span{ font-size: 16px; font-family: 'Pretendard-Medium';}
.gv_text_3 { font-size: 14px; padding-top: 10px;}

.gv_text_s { height: 90px;}


@media(max-width: 1200px) {
  .gv_text_2-1 { font-size: 30px; padding-bottom: 20px;}
}

@media(max-width: 960px) {
  .gv_img{ display: none;}
  .gv_box_ff { width: 50%;}
  .gv_box {  width: 50%; margin-left: 0; }
  .gv_text_s { height: 30px;}
}

@media(max-width: 480px) {
  .gv_box_ff { width: 100%;}
  .gv_box {  width: 100%; }
  .gv_text_s { height: 0px;}
  .gv_box_wrap { margin-bottom: 0px; }
}



/* 발전기금 분석 */
.fa_wrap { margin-bottom: 100px; }
.fa_title_box {width: 100%; border-top: 1px solid #8b0129; margin-bottom: 50px;}
.fa_title { float: left; font-size: 18px; color: #000;  font-family: 'Pretendard-ExtraBold'; padding: 15px 20px 0px 0;}
.fa_list { float: left; }
.fa_list li { float: left; padding: 12px 20px 0px 20px; }
.fa_list li span.color_1{ color: #8a0028; }
.fa_list li span.color_2{ color: #ccbfab; }
.fa_list li span.color_3{ color: #d6cabb; }
.fa_list li span.color_4{ color: #efe0d2; }

.fa_box { margin-bottom: 50px; }
.fa_box_left { float: left; width: 40%;}
.fa_box_right { float: left; width: 60%; padding-left: 5%;}
.fa_box_right img { width: 100%;}

.fa_box_left-1 { float: left; width: 50%; padding-right: 7%; text-align: center;}
.fa_box_right-1 { float: left; width: 50%; padding-left: 7%; text-align: center;}
.fa_box_left-1 img{ width: 100%;}
.fa_box_right-1 img{ width: 100%;}

.fa_box_left-2 { float: left; width: 50%; padding-right: 7%;}
.fa_box_right-2 { float: left; width: 50%; padding-left: 7%;}
.fa_box_left-2 img{ width: 100%;}
.fa_box_right-2 img{ width: 100%;}


.fa_text_1 { font-size: 18px; color: #000;  font-family: 'Pretendard-ExtraBold'; padding: 40px 0 30px 0;}
.fa_text_2 { font-size:70px; color: #000;  font-family: 'KronaOne-Regular';}
.fa_text_2 span{ font-size: 18px; font-family: 'Pretendard-Medium';}

.fa_mg_bottom_1 { margin-bottom: 50px; }


.fa_table_wrap_1 { float: left; width: 48%; margin-right: 4%;}
.fa_table_wrap_2 { float: left; width: 48%;}



@media(max-width: 1220px) {
    .fa_text_1 { font-size: 1.8vw; padding: 40px 0 30px 0;}
    .fa_text_2 { font-size:6vw; }
    .fa_text_2 span{ font-size: 2vw; }
}

@media(max-width: 768px) {
    .fa_title { width: 100%;padding: 15px 0px 0px 0;}
    .fa_list { width: 100%;}
    .fa_list li { padding: 10px 20px 0px 0px; }
    .fa_table_wrap_1 { width: 100%; margin-right: 0%;}
    .fa_table_wrap_2 { width: 100%;}
}

@media(max-width: 480px) {
    .fa_box_left {width: 100%;}
    .fa_box_right { width: 100%; padding-left: 0%;}
    .fa_box_left-1 { width: 100%; padding-right: 0%;}
    .fa_box_right-1 { width: 100%; padding-left: 0%;}
    .fa_box_left-2 { width: 100%; padding-right: 0%;}
    .fa_box_right-2 { width: 100%; padding-left: 0%;}
    .fa_text_1 { font-size: 18px; padding: 0px 0 20px 0;}
    .fa_text_2 { font-size:50px; }
    .fa_text_2 span{ font-size: 14px; }
    .fb_mg_1 { margin-bottom: 50px; }
    .fb_mg_2 { margin-top: 20px; }
    .fa_mg_bottom_1 { margin-bottom: 20px; }
    .fa_list li { font-size: 14px; padding: 5px 8px 0px 0px; }
}


/* 교육기금 */

.ef_wrap { margin-bottom: 0px; }
.ef_box_wrap { width: 100%; background: #fff; padding: 5%; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)}

.ef_box { margin-bottom: 50px; }
.ef_box_1 { margin-bottom: 50px; float: left; width: 50%; padding:0 8%; text-align: center;}
.ef_box_1 img{ width: 100%;}

.ef_box_2 { margin-bottom: 50px; float: left; width: 50%; padding:0 8%; }
.ef_box_2 img{ width: 100%;}

.ef_text_1 { font-size: 18px; color: #000;  font-family: 'Pretendard-ExtraBold'; padding: 40px 0 30px 0;}
.ef_text_2 { font-size:70px; color: #000;  font-family: 'KronaOne-Regular';}
.ef_text_2 span{ font-size: 18px; font-family: 'Pretendard-Medium';}
.ef_text_3 { font-size:16px; color: #000;  font-family: 'KronaOne-Regular'; margin-top: 10px;}
.ef_text_3 span{ font-family: 'Pretendard-ExtraBold';}
.ef_text_4{ margin-top: 20px;}

.ef_title {  font-size: 18px; color: #000;  font-family: 'Pretendard-ExtraBold'; padding: 15px 20px 0px 0;}
.ef_list {  }
.ef_list li { float: left; padding: 5px 20px 30px 0px; }
.ef_list li span.color_1{ color: #8a0028; }
.ef_list li span.color_2{ color: #ccbfab; }


@media(max-width: 480px) {
  .ef_box_wrap { padding: 10% 5%; border-radius: 20px;}
  .ef_box_1 { width: 100%;}
  .ef_text_1 { padding: 0px 0 30px 0;}
  .ef_box_2 { margin-bottom: 0px; float: left; width: 100%; padding:0; }
  .ef_mg_1 { margin-bottom: 50px; }
}



/* 120주년 캠페인 */

.cp_title_1 { font-size: 70px; color: #8a0028; font-family: 'KronaOne-Regular'; line-height: 80px;}
.cp_title_2 { font-size: 34px; color: #000; font-family: 'Pretendard-ExtraBold'; line-height: 40px; margin: 2vw 0 4vw 0;}

.cp_text { font-size: 18px; line-height: 30px; margin: 50px 0; font-family: 'Pretendard-Medium'; color: #000;}

.cp_box_wrap { width: 100%; border-top: 1px solid #8a0028; margin-top: 50px;}
.cp_box_title { font-size: 18px; color: #000; font-family: 'Pretendard-ExtraBold'; padding: 15px 0;}
.cp_box_1 { float: left; width: 70%; padding-right: 2%; line-height: 28px;}
.cp_box_2 { float: left; width: 30%;}
.cp_box_2 img { width: 100%;}

/* .cp_list li{ 
  list-style-type: disc;
  margin-block-start: 0.3em;
  margin-inline-start: 0px;
  display: list-item;
  list-style-position: inside;
} */

ul.cp_list { font-size: 16px;  }
ul.cp_list li{ margin: 0px 3%; list-style: square; }


@media(max-width: 1024px) {
  .cp_title_1 { font-size: 55px; line-height: 65px;}
  .cp_title_2 { font-size: 28px; line-height: 36px; margin: 40px 0 50px 0;}
  .cp_logo img { width: 20%; }
}
@media(max-width: 960px) {
  .cp_box_1 { padding-right: 5%; line-height: 26px;}
  ul.cp_list li{ margin: 0px 4%;}
}
@media(max-width: 768px) {
  .cp_title_1 { font-size: 7vw; line-height: 8vw;}
  .cp_title_2 { font-size: 3.5vw; line-height: 4.5vw; margin: 40px 0 50px 0;}
  ul.cp_list li{ margin: 0px 5%;}
}
@media(max-width: 480px) {
  .cp_box_wrap { margin-top: 70px;}
  .cp_box_1 { width: 100%; padding-right: 0; }
  .cp_box_2 {  width: 100%; margin-top: 20px;}
  .cp_title_1 { font-size: 8vw; line-height: 9vw;}
  .cp_title_2 { font-size: 5vw; line-height: 6vw; margin: 40px 0 50px 0;}
  .cp_text { font-size: 16px; line-height: 24px; margin: 50px 0;}
  .cp_logo img { width: 40%; }
  ul.cp_list li{ margin: 0px 6%; line-height: 24px;}
}







/* 후원자 명단 */

.tab { width: 100%; overflow: hidden; border-top: 1px solid #8b0128; border-bottom: 1px solid #8b0128;}
.tab button {
 background-color: inherit;
 float: left;
 cursor: pointer;
 padding: 14px 3.2%;
 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;}

.ss_title { color: #000; font-size: 28px; font-weight: 600;  padding-bottom: 10px; }
.ss_title span { font-size: 14px; font-weight: 400; display: inline-block; }

.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_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; }



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



.sp_list_wrap { margin: 0 -20px; }
.sp_list_wrap::after { display: table; content: ''; clear: both;}

.sp_list_1 { float: left; width: 33.333%; padding: 0 20px; margin-top: 50px;}

.sponsor_title {
  font-size: 30px; 
  color: #000; 
  font-family: 'GmarketSansMedium'; 
  padding: 5px 10px 15px 0px;
  border-bottom: 1px solid #8b0128;
 }
 .mg_top_50 { margin-top: 50px; }

.list_box { padding: 15px 0 0 0; line-height: 30px; }
.list_box_2 { float: left; width: 50%; text-align: center;}
.list_box_2 span{ color: #fff;}
.list_box_3 { float: left; width: 33.333%; }
.list_box_4 { float: left; width: 25%; text-align: center;}

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


@media(max-width: 768px) {
    .sp_list_1 { width: 100%;}
    .tab_1 { width: 100%; border-bottom: 1px solid #ccc;}
    #tab_2 { width: 50%; border-bottom: 1px solid #ccc;}
    #tab_3 { width: 50%; border-bottom: 1px solid #ccc; }
    #tab_4 { width: 50%; border-bottom: 1px solid #ccc;}
    #tab_5 { width: 50%; }
    .tab button { padding: 14px 10px;}
    .tab_1-1 { width: 50%; border-bottom: 1px solid #ccc;}
    #tab_2-2 { width: 50%; border-bottom: 1px solid #ccc;}
    #tab_3-3 { width: 50%; border-bottom: 1px solid #ccc;}
    #tab_4-4 { width: 50%; border-bottom: 1px solid #ccc;}
    .sponsor_box_1 { width: 100%; margin-right: 0%;}
}

@media(max-width: 480px) {
    .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%; }
    .tab button { padding: 8px 3.2%; font-size: 16px;}
    .ss_title { font-size: 20px; border-top: 2px dotted #9d7d6b; padding-top: 20px;}
    .ss_title span { font-size: 14px; }
    .ss_ment { font-size: 14px;}
    .ss_ment-1 { font-size: 14px;}
    .sponsor_title {
      font-size: 20px; 
      color: #000; 
      font-family: 'GmarketSansMedium'; 
      padding: 5px 0px;

    }
}


/* 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; }
.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; 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; 
    padding: 10px 0 7px 0;
    margin-bottom: 10px;
}
.prideclub_text_1-1 { float: left; width: 30%; margin-right: 5%; line-height: 30px; text-align: center;}
.prideclub_text_1-1-a { float: left; width: 30%; margin-right: 5%; line-height: 30px; text-align: center; }
.prideclub_text_1-2 { float: left; width: 30%; line-height: 30px; text-align: center;}
.text_small { font-size: 13px; }

.in_text_1 { font-family: 'ChosunSm'; font-size: 35px; color: #936f5b; line-height: 50px; margin: 50px 0;}
.in_text_2 { font-family: 'ChosunSm'; font-size: 18px; color: #8b0128; line-height: 30px;}

@media(max-width: 768px) {
  .prideclub_box_1-1 { width: 100%; }
  .prideclub_box_1-2 { width: 100%; }
  .in_text_1 { font-size: 25px; line-height: 35px; margin: 50px 0;}
}




/* 후원자 관리헌장 */
.charter_box {  width: 100%; background: #fff; border: 2px solid #baa396; padding: 10%; z-index: 9;}



.charter_wrap {position: relative; width: 100%; background: #fff; border: 2px solid #baa396; padding: 10%; z-index: 9;}
.ch_text_1 { font-size: 3rem; text-align: center; color: #8b0128; margin-bottom: 40PX;}
.ch_text_2 { font-size: 1.5rem; text-align: center; color: #8b0128;}
.ch_text_3 { font-size: 20px; text-align: center; padding: 0px 15%; line-height: 28px; margin-bottom: 80px;}
.ch_text_4 { font-size: 1.7rem; margin-bottom: 30px;}
ol.ch_text_5 { font-size: 18px; margin-bottom: 60px; }
ol.ch_text_5 li{ margin: 0px 8%; list-style: decimal; line-height: 36px;}
.ch_text_6 { font-size: 16px; margin-bottom: 60px; }
.ch_text_7 { font-size: 32px; text-align: center; color: #8b0128; font-family: 'Pretendard-Medium';}

.ch_img_1 {  text-align: center; padding: 50px 0;}
.ch_img_1 img {  max-width: 100%; height: auto;}
.ch_img_2 {  text-align: center; padding: 50px 0;}
.ch_img_2 img {  max-width: 100%; height: auto;}
.ch_img_3 {  text-align: center; padding: 50px 0;}
.ch_img_3 img {  max-width: 100%; height: auto;}





@media(max-width: 768px) {
  .charter_wrap {padding: 10% 5%;}
  .ch_text_1 { font-size: 2.5rem;}
  .ch_text_3 { font-size: 18px;padding: 0px 7%; line-height: 28px; margin-bottom: 60px;}
  .ch_text_4 { font-size: 1.4rem;}
  .ch_text_6 { margin-bottom: 0px; }
  .ch_text_7 { font-size: 28px;}
  .ch_img_1 {  padding: 30px 0;}
  .ch_img_1 img { width: 25%;}
  .ch_img_2 {  padding: 30px 0;}
  .ch_img_2 img { width: 80%;}
  .ch_img_3 {  padding: 30px 0;}
  .ch_img_3 img {  width: 20%;}
}
@media(max-width: 480px) {
  .charter_wrap {padding: 15% 5%;}
  .ch_text_1 { font-size: 1.8rem;}
  .ch_text_3 { font-size: 16px;padding: 0px 5%;}
  .ch_text_4 { font-size: 1.2rem;}
  ol.ch_text_5 li{ font-size: 16px; margin: 0px 10%; line-height: 24px;}
  .ch_text_6 { margin-bottom: 0px; }
  .ch_text_7 { font-size: 24px;}
  .ch_img_1 img{ width: 30%;}
  .ch_img_3 {  padding: 30px 0;}
  .ch_img_3 img {  width: 20%;}
}




.title_1{ font-size: 20px;  margin-bottom: 20px; color: #8b0129; border-top: 2px dotted #9d7d6b; padding-top: 20px; font-family: 'Pretendard-ExtraBold';}
.title_2{ font-size: 16px;  margin-bottom: 3px; padding-top: 10px; font-family: 'Pretendard-ExtraBold';}

.title_sub_1 {  margin-bottom: 30px;}
.title_sub_2 { margin-bottom: 30px; line-height: 30px;}
.title_sub_2 span{ margin-bottom: 10px; color: #000; font-weight: 500; padding-right: 10px;}





/* 테이블 */
.table_wrap { width: 100%; margin-bottom: 50px;}

table { width: auto; }
table.list { width: 100%; border-top: 1px solid #9d7d6b;}
table.list th { 
    height: 40px; 
    border-bottom: 1px solid #9d7d6b;
    font-size: 16px;
    text-align: center;
    color: #8a0028;
    font-family: 'Pretendard-ExtraBold';
}
table.list th.bgcolor_1 { background: #f0e1d2; color: #000;}
table.list th.bgcolor_2 { background: #d7cbbd;}
table.list th.line { border-left: 1px solid #a18b78;}

table.list td { padding: 7px 10px; text-align: center; border-bottom: 1px solid #9d7d6b; }
table.list td.left { text-align: left;}
table.list td.bgcolor_1 { background: #f0e1d2; color: #000;}
table.list td.line { border-left: 1px solid #a18b78;}

.treat_text_1 { font-size: 16px; }



table.list2 { width: 100%; border-top: 1px solid #9d7d6b; border-bottom: 1px solid #9d7d6b;}
table.list2 td { padding: 10px; text-align: center; border-bottom: 1px solid #9d7d6b; }
table.list2 td.left { text-align: left; padding: 10px 30px;}
table.list2 td.bgcolor { background: #eee8e2; }
table.list2 td.line {border-right: 1px solid #9d7d6b; }
table.list2 td span { color: #b17958; font-weight: 500;}




table.gr_list { width: 100%; border-top: 1px solid #8b0129; border-bottom: 1px solid #9d7d6b; }
table.gr_list th { 
    height: 45px; 
    border-bottom: 1px solid #9d7d6b;
    text-align: center;
    color: #000;
    font-family: 'Pretendard-Bold';
    font-size: 18px;
}
table.gr_list th.left { text-align: left; padding: 0 10px; }
table.gr_list th.right { text-align: right; padding: 0 10px; }
table.gr_list th.w_line { border-right: 10px solid #fff; }
table.gr_list th.bg {background: #f0e1d3;}
/* table.gr_list th.din_r { font-family: 'DIN-R'; font-size: 17px; color: #9d7d6b;}
table.gr_list th.din_b { font-family: 'DIN-B'; font-size: 17px; color: #9d7d6b;} */
table.gr_list td { padding: 10px 0; text-align: center; border-bottom: 1px solid #9d7d6b; color: #000; font-family: 'Pretendard-Regular';}
table.gr_list td.left { text-align: left; padding: 10px;}
table.gr_list td.right { text-align: right; padding: 10px;}
table.gr_list td.bg {background: #f0e1d3;}
table.gr_list td.bold { font-weight: 500;}
table.gr_list td.w_line { border-right: 10px solid #fff; }
table.gr_list th.l_line { border-right: 1px solid #9d7d6b; }
table.gr_list td.l_line { border-right: 1px solid #9d7d6b; }
/* table.gr_list td.din_r { font-family: 'DIN-R'; font-size: 17px; color: #9d7d6b;}
table.gr_list td.din_b { font-family: 'DIN-B'; font-size: 17px; color: #9d7d6b;} */

.table_t { margin-bottom: 10px; font-family: 'Pretendard-ExtraBold'; color: #000; font-size: 18px;}


table.news_t { width: 100%; }
table.news_t td { padding: 5px 0; }
table.news_t td span{ font-weight: 500; color: #f36a1a;}



table.ck_list { width: 100%; border-top: 2px solid #8b0129; border-bottom: 2px solid #9d7d6b; background: #e9e3da;}
table.ck_list th { 
    height: 50px; 
    border-bottom: 1px solid #9d7d6b;
    text-align: center;
    color: #000;
    background: #d6c5b6;
}
table.ck_list th.left { text-align: left; padding: 0 10px; }
table.ck_list th.w_line { border-right: 10px solid #e9e3da; }
table.ck_list td { padding: 10px; text-align: center; border-bottom: 1px solid #9d7d6b; background: #fff;}
table.ck_list td.left { text-align: left; padding: 0 10px;}
table.ck_list td.w_line { border-right: 10px solid #e9e3da; }
table.ck_list td.din_r { text-align: right; font-size: 16px; }
table.ck_list td.font { font-size: 16px;}


@media(max-width: 768px) {
  .table_scroll { width: 100%; overflow-x: auto; white-space: nowrap; }
  table.gr_list th, table.gr_list td { padding: 5px 10px;}
}
@media(max-width: 480px) {
  table.ck_list th { height: 30px;}
  table.list th, table.list td { font-size: 14px; padding: 5px 10px;}
  table.gr_list th, table.gr_list td { font-size: 14px;}
  table.gr_list th.din_r, table.gr_list th.din_b, table.gr_list td.din_r, table.gr_list td.din_b { font-size: 16px;}

  table.news_t td { font-size: 15px; line-height: 20px; vertical-align: top; padding: 5px;}

  table.ck_list th, table.ck_list td { font-size: 14px;  padding: 5px 10px;}
  table.ck_list th.din_r, table.ck_list th.din_b, table.ck_list td.din_r, table.ck_list td.din_b { font-size: 16px;}

}






/* 크림슨 아너스 클럽 */
.honors_wrap { position: relative; width: 100%; background: #fff; border: 2px solid #baa396; padding: 7% 5%;}
.honors_text_1 { font-size: 20px; text-align: center;  line-height: 30px; margin-bottom: 70px; font-family: 'Pretendard-Medium';}
.honors_text_2 { font-size: 2.5rem; text-align: center; color: #8b0128; line-height: 3rem; margin-bottom: 0px; font-family: 'Pretendard-Thin';}
.honors_img_1 {  text-align: center; padding: 50px 0;}

.honors_box { margin: 0 -15px; }
.honors_box::after { display: table; content: ''; clear: both;}

.honors { float: left; width: 50%; padding: 0 15px; border-top: 1px solid #9d7d6b; padding-top: 20px; margin-bottom: 20px;}
.honors_box_1 { float: left; width: 60%; }
.honors_box_1 img { width: 100%; max-width: 100%; height: auto; }
.honors_box_2 { float: left; width: 40%; padding-left: 20px; font-size: 18px; text-align: left;}
.hon_bg_1 { position: absolute; top: -2px; left: -2px; }
.hon_bg_2 { position: absolute; top: -2px; right: -2px; }
.hon_bg_3 { position: absolute; bottom: -2px; left: -2px; }
.hon_bg_4 { position: absolute; bottom: -2px; right: -2px; }

.qr_wrap { display: flex; }
.qr_box_1 {  }
.qr_box_1 img { width: 75%; }
.qr_box_2 {  }

@media(max-width: 768px) {
  .honors { width: 100%; }
  .honors_text_1 { font-size: 18px; text-align: center;}
  .honors_img_1 { padding: 30px 0;}
  .honors_text_2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 50px;}
}
@media(max-width: 480px) {
  .honors_text_1 { font-size: 16px; text-align: center; line-height: 24px;}
  .honors_img_1 { padding: 20px 0 25px 0;}
  .honors_img_1 img { width: 70%;}
  .honors_text_2 { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 0px;}
  .honors_box_2 { padding-left: 10px; font-size: 16px; line-height: 24px;}
  .honors_wrap { padding: 15% 5%;}
  .qr_box_1 img { width: 100%; padding-right: 20px;}
  .qr_box_2 { font-size: 14px; }
}










/* 하단 네비 */

.bottom_nav_wrap { width: 100%;  border-top: 1px solid #8b0128; border-bottom: 1px solid #8b0128;  padding: 10px 0;}

#bottom_nav { width: 1200px; margin: 0 auto;  height: 50px; line-height: 45px;}
.prev { float: left; color: #8b0128;}
.next { float: right; }
.prev a, .next a{ color: #8b0128; font-size: 15px; font-family: 'KronaOne-Regular';  padding:0 30px;}
.prev a span, .next a span{ color: #555; font-size: 15px; font-family: 'Pretendard-Medium';}
.prev a span.color, .next a span.color{ color: #8b0128; font-size: 15px; }
.prev a:hover span, .next a:hover span{ color: #8b0128; font-size: 15px; }
.prev a:hover span.color, .next a:hover span.color{ color: #000; font-size: 15px; }
.prev a:hover, .next a:hover{ color: #000;}
.prev a i, .next a i{ font-size: 16px; color: #8b0128; }


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

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




/* 푸터 */
footer {width: 100%; padding: 50px 5%; }

    .f_logo {  float: left; padding: 5px 20px 0 0;}
    .copy { float: left; }


    @media(max-width: 768px){
      .f_logo { padding: 5px 0px 0 0;  margin-bottom: 0px; }
      .f_logo img {width: 85%; }
      .copy {  line-height: 22px;}
    }


    @media(max-width: 480px){
      footer { padding: 30px 5%; }
      .f_logo {  margin-bottom: 5px; }
      .f_logo img {width: 60%; }
      .copy { font-size: 14px; line-height: 18px;}
    }