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



#wrap { width: 100%; }
header {position: relative; z-index: 99999999999;  border-bottom: 1px solid #8b0129;}
header h1{ float: left; padding: 20px 0 10px 30px;}


.toggle {
        display: block;
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 40px;
        color: #63060d;
        cursor: pointer;
}
.closebtn {
        color: #aaa;
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 40px;
        cursor: pointer;
}

.nav_480 {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    width: 0;
    height: 100%;
    z-index: 7777;
    padding: 70px 0 0 0px;
    transition: 0.5s;
    overflow-x: hidden;
    border-left: 1px solid #ccc;
}
.nav_480 a { 
    color: #fff;
    font-size: 18px;
    /* padding: 10px 0 10px 50px; */
    display: block;
}

ul.side_nav { width: 300px; }
ul.side_nav > li { color: #000; padding: 15px 30px; font-size: 18px; }
ul.side_nav > li > a{ color: #63060d; font-size: 18px; font-weight: 500;}
ul.side_nav > li > a:hover{ color: #b2a16a;}

ul.side_nav > li.n_tit { font-size: 20px; font-family: 'Pretendard-Bold'; background: #63060d; color: #fff; text-align: center; margin: 0 20px;}

ul.side_nav_sub {  }
ul.side_nav_sub li a { padding: 0px 0px; color: #000; padding: 7px 0 0 0; font-size: 16px;}



@media(max-width: 1024px){
    .toggle {top: 30px; right: 30px; font-size: 30px;}
    .closebtn {top: 30px; right: 30px; font-size: 30px;}
}
@media(max-width: 768px){
  header h1{ padding: 15px 0 15px 20px;}
  header h1 img{ width: 80%; }
}
@media(max-width: 480px){
    .toggle {top:20px; right: 20px; font-size: 30px;}
    .closebtn {top: 20px; right: 20px; font-size: 30px;}
    header h1 img{ width: 60%; }
}






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

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

.top_title_wrap { width: 100%; }
.top_title { color: #000; font-family: 'Pretendard-ExtraBold'; margin-bottom: 70px; border-top: 2px solid #63060d; float: left; font-size: 18px; padding: 5px 0 0 0;}


.top_title_box {position: relative; width: 100%; margin-bottom: 70px; background: #d6c5b6; padding: 35px 20px;}


.top_title_big_1 { color: #000; font-family: 'Pretendard-ExtraBold'; font-size: 28px; line-height: 32px;}
.top_title_big_2 { width: 100%; text-align: center; color: #000; font-family: 'Pretendard-ExtraBold'; font-size: 34px; 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 { width: 100%;  color: #000; font-size: 18px; line-height: 26px; padding-top: 15px; 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; }
  .top_title_big_2 { font-size: 22px; line-height: 28px; }
  .top_title_ment_1 {padding-top: 10px;}
  .top_title_box {margin-bottom: 30px;}
}









/* 총장메세지 */

.ceo_wrap { display: flex; }
.ceo_box_1 { width: 40%; padding-right: 3vw; position: relative;}
.ceo_box_1 img { width: 100%; }
.ceo_box_2 {width: 60%; text-align: justify;}
.ceo_box_2 span { color: #63060d; font-size: 20px; line-height: 30px; font-family: 'Pretendard-Bold';}

.ceo_big_text { color: #63060d; font-size: 60px; line-height: 60px; font-family: 'Pretendard-ExtraBold'; margin-bottom: 100px;}

.ceo_left_text { position: absolute; bottom: 10%; left: 30%;}
.ceo_left_text p{ border-bottom: 1px solid #63060d; font-size: 18px; font-family: 'Pretendard-Bold'; line-height: 30px;}

.sign { text-align: right; color: #000; font-weight: 500; margin-top: 50px;}



@media(max-width: 1220px) {

}
@media(max-width: 768px) {
  .ceo_wrap { display: block; }
  .ceo_box_1 { width: 100%; padding: 0 0 50px 0;}
  .ceo_box_2 {width: 100%; }
  .sign img { width: 20%;}
  .ceo_left_text { display: none;}
  .ceo_big_text { margin-bottom:60px;}
}
@media(max-width: 480px) {
  .ceo_big_text { font-size: 40px; line-height: 40px; margin-bottom:40px;}
  .ceo_box_2 span {  font-size: 18px; line-height: 28px;}
  .sign img { width: 35%;}
}



/* 기부이야기 */


.story_wrap { width: 100%; }
.story_box_1 { float: left; width: 46%; margin-right: 4%;}
.story_box_2 { float: left; width: 46%; margin-left: 4%; color: #63060d; font-size: 18px; line-height: 28px; font-family: 'Pretendard-Bold';}
.story_box_3 { float: left; width: 46%; margin-right: 4%; border-top: 1px solid #63060d; padding: 20px 0;}
.story_box_4 { float: left; width: 46%; margin-left: 4%; border-top: 1px solid #63060d; padding: 20px 0; }
.story_box_5 { float: left; width: 30%; margin-right: 5%; border-top: 1px solid #63060d; padding: 20px 0; text-align: center;}
.story_box_6 { float: left; width: 30%; border-top: 1px solid #63060d; padding: 20px 0; text-align: center;}
.story_box_7 { float: left; width: 30%; margin-left: 5%; border-top: 1px solid #63060d; padding: 20px 0; text-align: center;}

.ah_mg_bottom_50{ margin-bottom: 50px; }
.sb_mg_bottom_50{ margin-bottom: 50px; }

.story_title { color: #8b0128; font-size: 50px; line-height: 60px; font-family: 'Pretendard-ExtraBold'; }

.story_s_title { width: 100%; color: #000; font-family: 'Pretendard-Bold'; font-size: 22px;}
.story_s_title_2 { width: 100%; text-align: center; color: #000; font-family: 'Pretendard-Bold'; font-size: 22px; line-height: 30px;}

.story_big_text { color: #000; font-size: 50px; line-height: 60px; font-family: 'Pretendard-ExtraBold'; padding: 35px 0;}

.story_s_box_wrap { padding: 40px 0; display: flex;}
.story_s_box_1 {  width: 30%;}
.story_s_box_2 { width: 70%; padding: 35px 0 0 0;}

.ah { text-align: right; font-size: 70px; color: #000; font-family: 'Pretendard-ExtraBold'; }
.ah span{ font-size: 18px;  font-family: 'Pretendard-Bold';}
.ah span.tit{ font-size: 18px; padding: 0 30px 0 0;}

.ah_s_text { float: right; font-size: 14px; color: #555; padding-top: 10px; }

.ah2 { font-size: 70px; color: #000; font-family: 'Pretendard-ExtraBold'; padding-top: 50px;}
.ah2 span{ font-size: 18px;  font-family: 'Pretendard-Bold';}




@media(max-width: 768px) {
    .story_box_3 { width: 100%; margin-right: 0;}
    .story_box_4 { width: 100%; margin-left: 0; }
    .story_box_5 { width: 100%; margin-right: 0;}
    .story_box_6 { width: 100%; }
    .story_box_7 { width: 100%;  margin-left: 0;}
}
@media(max-width: 480px) {
    .story_box_1 { width: 100%; margin-right: 0;}
    .story_box_2 { width: 100%; margin-left: 0;  font-size: 16px; line-height: 24px;}
    .story_title { font-size: 32px; line-height: 35px; }
    .ah { text-align: right; font-size: 50px; color: #000; font-family: 'Pretendard-ExtraBold'; }
    .ah span{ font-size: 16px;  font-family: 'Pretendard-Bold';}
    .ah_mg_bottom_50{ margin-bottom: 30px; }
    .ah2 { font-size: 50px; padding-top: 50px;}
    .ah2 span{ font-size: 16px; }
    .story_big_text { font-size: 34px; line-height: 40px; padding: 30px 0;}
}




/* 발전기금 분석 */

.ana_tit_wrap { width: 100%; background: #63060d; padding: 50px 100px;}
.ana_tit { text-align: center; font-size: 60px; font-family: 'Pretendard-Bold'; color: #fff; padding-bottom: 30px;}
.ana_text { text-align: center; font-size: 18px; color: #b2a16a; line-height: 28px;}

.ana_s_title { width: 100%; color: #000; font-family: 'Pretendard-Bold'; font-size: 22px; margin-bottom: 50px;}
.ana_s_title2 { width: 100%; color: #000; font-family: 'Pretendard-Bold'; font-size: 22px; margin-bottom: 30px;}

.ana_mg_bottom_50{ margin-bottom: 50px; }
.ana_mg_bottom_100{ margin-bottom: 100px; }

.ana_box_1 { float: left; width: 50%;}
.ana_box_1 img{ width: 100%; }

.ana_box_2 { float: left; width: 100%;}
.ana_box_2 img{ width: 100%; }

.ana_box_3 { float: left; width: 50%; padding-right: 5%;}
.ana_box_3 img{ width: 100%; }

.ana_box_4 { float: left; width: 50%; padding-left: 5%;}
.ana_box_4 img{ width: 100%; }


.ana { text-align: right; font-size: 70px; color: #000; font-family: 'Pretendard-ExtraBold'; margin-bottom: 20px; }
.ana span{ font-size: 18px;  font-family: 'Pretendard-Bold';}
.ana span.tit{ font-size: 1px; padding: 0 30px 0 0;}



@media(max-width: 1024px) {
    .ana_tit_wrap { padding: 50px;}
}

@media(max-width: 768px) {
    .ana { font-size: 60px;}
    .ana span{ font-size: 16px; }
    .ana_tit {font-size: 45px; padding-bottom: 20px;}
}

@media(max-width: 480px) {
     .ana_tit_wrap { padding:40px 30px;}
     .ana_text { font-size: 16px; line-height: 24px; text-align: justify;}
     .ana_box_1 { float: left; width: 100%;}
     .ana_s_title { font-size: 18px; margin-bottom: 30px;}
     .ana_s_title2 { font-size: 18px; margin-bottom: 20px;}
     .ana_box_3 { width: 100%; padding-right: 0; margin-bottom: 50px;}
     .ana_box_4 { width: 100%; padding-left: 0;}
     .ana { font-size: 50px;}
     .ana_tit {font-size: 35px; padding-bottom: 20px;}
}


/* 교육기금 */

.edu_box_1 { background: #f0e1d3; padding: 50px; margin-bottom: 100px;}

.edu_bg_box_wrap {position: relative; border-bottom: 1px solid #63060d; margin-bottom: 20px;}
.edu_bg_box_wrap2 {position: relative; width: 100%; margin-bottom: 20px;}
.edu_bg_box_1 { float: left; width: 33.333%;}

.ee_box_wrap {width: 100%; }
.ee_box_1 { float: left; width: 45%; margin-right: 5%;}
.ee_box_2 { float: left; width: 45%; margin-left: 5%;}

.ee_box_3 { float: left; width: 30%; margin-right: 5%; border-bottom: 1px solid #63060d;}
.ee_box_4 { float: left; width: 30%; border-bottom: 1px solid #63060d;}
.ee_box_5 { float: left; width: 30%; margin-left: 5%; border-bottom: 1px solid #63060d;}

.edu_bg_box_2_wrap { float: left; width: 100%; border-bottom: 1px solid #63060d; margin-bottom: 15px;}
.edu_bg_box_3_wrap { float: left; width: 100%; border-bottom: 1px solid #63060d;}
.edu_bg_box_2 { float: left; width: 50%; padding-bottom: 15px;}

.ta_center { text-align: center;}

.edu { text-align: right; font-size: 85px; color: #000; font-family: 'Pretendard-ExtraBold'; padding: 50px 0 0 0;}
.edu span{ font-size: 18px;  font-family: 'Pretendard-Bold';}

.edu_s_tit { font-size: 20px; color: #000; font-family: 'Pretendard-Bold'; padding: 70px 0 0 0;}

.edu_bottom_text { float: right; font-size: 24px; color: #63060d; font-family: 'Pretendard-Bold'; }
.edu_bottom_text2 { float: right; font-size: 24px; color: #63060d; font-family: 'Pretendard-Bold'; }

.edu_mg_bottom_50{ margin-bottom: 50px; }


.graph { 
    float: left;
    width: 100%; 
    font-size:24px;
    font-family: 'Pretendard-Bold';
    padding: 10px 0 20px 0;
  }
  .graph span{ font-size: 18px; padding-right: 10px;}

  .graph .bar { 
    display: inline-block;
    background-color: #8b0128;
    text-align: left; 
    color: #fff; 
    line-height: 1em; 
    padding: 10px 20px;       
  }
  .graph .bar2 { 
    display: inline-block;
    background-color: #a18b78;
    text-align: left; 
    color: #fff; 
    line-height: 1em; 
    padding: 10px 20px;       
  }
  .graph .bar span { position: absolute; left: 1em; }

.gr_t_1 { font-size:20px; font-family: 'Pretendard-Bold'; color: #000; padding: 0 0 10px 55px;}
.gr_t_2 { font-size:16px; padding: 0 0 0px 55px; }
.gr_t_3 {float: left; font-size:16px; margin-top: 10px; }

.gr_mg_bottom_100{ margin-bottom: 100px; }

.ee_bg_box_1 { float: left; width: 40%; padding-bottom: 10px;}
.ee_bg_box_2 { float: right; width: 60%; padding-bottom: 10px;}

.ee { text-align: right; font-size: 24px; color: #000; font-family: 'Pretendard-ExtraBold'; padding: 30px 0 0 0;}
.ee span{ font-size: 18px;  font-family: 'Pretendard-Bold';}
.ee_s_tit { font-size: 20px; color: #000; font-family: 'Pretendard-Bold'; padding: 30px 0 0 0;}

.ku_wrap { float: left; width: 100%; border-bottom: 1px solid #63060d; margin-bottom: 15px;}
.ku_wrap2 { float: left; width: 100%; }
.ku { text-align: right; font-size: 50px; color: #000; font-family: 'Pretendard-ExtraBold'; padding: 30px 0 0 0;}
.ku span{ font-size: 24px;  font-family: 'Pretendard-Bold';}

.ku2 { text-align: right; font-size: 30px; color: #63060d; font-family: 'Pretendard-ExtraBold'; padding: 20px 0 0 0;}
.ku2 span{ font-size: 24px;  font-family: 'Pretendard-Bold';}

.ku_s_tit { font-size: 24px; color: #000; font-family: 'Pretendard-Bold'; padding: 40px 0 0 0; }
.ku_s_tit2 { font-size: 20px; color: #63060d; padding: 20px 0 0 0; font-family: 'Pretendard-Medium';}


.ku_box_wrap {position: relative; width: 100%; margin-bottom: 20px;}
.ku_box_1 { float: left; width: 45%; margin-right: 5%;}
.ku_box_2 { float: left; width: 45%; margin-left: 5%;}

.ku_box { float: left; width: 50%; padding-bottom: 15px;}
.ku_box_2_wrap { float: left; width: 100%; border-bottom: 1px solid #63060d; margin-bottom: 15px;}

.ku_b { text-align: right; font-size: 85px; color: #000; font-family: 'Pretendard-ExtraBold'; padding: 50px 0 0 0;}
.ku_b span{ font-size: 18px;  font-family: 'Pretendard-Bold';}


@media(max-width: 1220px) {
    .ee_bg_box_1 { float: left; width: 100%; padding-bottom: 10px;}
    .ee_bg_box_2 { float: left; width: 100%; padding-bottom: 10px;}
    .ee { text-align: left; padding: 10px 0 0 0;}
}

@media(max-width: 1024px) {
    .edu { font-size: 70px;padding: 50px 0 0 0;}
    .ee_box_1 { width: 100%; margin: 0 0 50px 0;}
    .ee_box_2 { width: 100%; margin-left: 0;}
    .edu_bg_box_2 {float: left; width: 50%; padding-bottom: 15px;}
    .ku_box_1 { width: 100%; margin-right: 0;}
    .ku_box_2 { width: 100%; margin-left: 0;}
    .gr_mg_bottom_100{ margin-bottom: 50px; }
}

@media(max-width: 768px) {

    .ee_box_3 { float: left; width: 100%; margin-right: 0;}
    .ee_box_4 { float: left; width: 100%; }
    .ee_box_5 { float: left; width: 100%; margin-left: 0;}
    .ee_bg_box_1 { float: left; width: 40%; padding-bottom: 10px;}
    .ee_bg_box_2 { float: right; width: 60%; padding-bottom: 10px;}
    .ee { text-align: right; padding: 30px 0 0 0;}

    .edu_bg_box_1 { width: 100%; }
    .edu { text-align: center; font-size: 85px; padding: 50px 0 10px 0;}
    .edu span{ font-size: 18px;}
    .edu_s_tit { font-size: 20px; color: #000; font-family: 'Pretendard-Bold'; padding: 30px 0 10px 0;}
    .edu_bottom_text { float: none; text-align: center; font-size: 24px; color: #63060d; font-family: 'Pretendard-Bold'; }
    .ku { font-size: 28px; padding: 40px 0 0 0;}
    .ku2 {font-size: 22px; padding: 20px 0 0 0;}
    .ku_s_tit2 { font-size: 18px; padding: 20px 0 0 0;}
}

@media(max-width: 480px) {
    .edu { text-align: center; font-size: 65px; padding: 30px 0 10px 0;}
    .edu span{ font-size: 16px; }
    .edu_s_tit { font-size: 20px; padding: 30px 0 10px 0;}
    .edu_bottom_text { float: none; text-align: center; font-size: 20px; }
    .edu_bottom_text2 { float: none; text-align: center; font-size: 20px; }
    .ku { font-size: 24px; padding: 40px 0 0 0;}
    .ku2 {font-size: 18px; padding: 20px 0 0 0;}
    .ku_s_tit2 { font-size: 16px; padding: 20px 0 0 0;}
    .ku_s_tit { font-size: 18px;padding: 40px 0 0 0; }
    .ku_b { text-align: center; font-size: 70px; padding: 20px 0 0 0;}
    .ku_b span{ font-size: 16px;}
    .ku_box { width: 100%; padding-bottom: 15px;}
    .graph { font-size:18px; padding: 10px 0 20px 0;}
    .ee_s_tit { font-size: 18px; padding: 30px 0 0 0;}
    .ee { font-size: 18px; padding: 30px 0 0 0;}
    .edu_box_1 { margin-bottom: 70px;}
}




/* 120주년 캠페인 */

.cam_wrap { width: 100%; }
.cam_top_title { font-size: 80px; color: #63060d; font-family: 'Pretendard-ExtraBold'; line-height: 80px; margin: 0 0 50px 0;}

.cam_top_text_1 { font-size: 30px; line-height: 30px; margin: 60px 0 30px 0; font-family: 'Pretendard-ExtraBold'; color: #63060d;}
.cam_top_text_2 { font-size: 20px; line-height: 30px; font-family: 'Pretendard-Medium'; color: #63060d; margin-bottom: 100px;}

.cam_box_wrap { width: 100%; }

.cam_s_title { width: 100%; color: #000; font-family: 'Pretendard-Bold'; font-size: 22px; margin-bottom: 30px;}
.cam_box { width: 100%; display: flex; border-top: 2px solid #63060d; border-bottom: 2px solid #63060d; border-left: 2px solid #63060d; border-right: 1px solid #63060d; margin-bottom: 20px;}
.cam_box2 { width: 100%; display: none;  border-top: 2px solid #63060d; border-bottom: 2px solid #63060d; border-left: 2px solid #63060d; border-right: 1px solid #63060d; margin-bottom: 20px;}

.cam_box_1 {position: relative; width: 25%; background: #fff; padding: 30px 20px; border-right: 1px solid #63060d;}

.cam_cont_title { color: #000; font-family: 'Pretendard-Bold'; font-size: 16px; border-bottom: 1px solid #63060d; padding: 0 0 10px 0;}
.cam_img_pos { width: 100%; padding-bottom: 30px; }
.cam_img_pos img { width: 100%;}

.cam_list_box { width: 100%; padding: 0 20px;}
ul.cam_list { font-size: 16px;  }
ul.cam_list li{ list-style: square; list-style-position: outside; padding: 15px 0 0 0;}




@media(max-width: 768px) {
    .cam_top_title { font-size: 60px; line-height: 60px; margin: 0 0 50px 0;}
    .cam_top_text_1 { font-size: 24px; line-height: 30px; margin: 50px 0 20px 0;}
    .cam_top_text_2 { font-size: 16px; line-height: 28px; margin-bottom: 70px; text-align: justify;}
    .cam_box { display: none;}
    .cam_box2 { display: block; display: flex;}
    .cam_box_1 {width: 50%;}
}
@media(max-width: 480px) {
    .cam_top_title { font-size: 40px; line-height: 40px; margin: 0 0 30px 0;}
    .cam_top_text_1 { font-size: 20px; line-height: 28px; margin: 30px 0 20px 0;}
    .cam_top_text_2 { font-size: 16px; line-height: 24px; margin-bottom: 70px; text-align: justify;}
    .cam_s_title { font-size: 18px; margin-bottom: 20px;}
    .cam_box2 { display: block;border: 1px solid #63060d;}
    .cam_box_1 {width:100%; border-right: 0px solid #63060d;}
}







/* 후원자 명단 */

.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: #000; line-height: 24px; text-align: center;}
.ss_ment { width: 100%;  font-size: 16px; color: #904a09; line-height: 24px;  text-align: center;}



.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;}
    #tab_5-5 { 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_5-5 { 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;}
}




.ts_tit { font-size: 40px; color: #000; margin-bottom: 50px;  font-family: 'Pretendard-ExtraBold'; }

.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: #63060d; color: #f0e1d2;}
table.list td.bgcolor_2 { background: #88453d; color: #f0e1d2;}
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: #63060d; color: #f0e1d2;}
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-top: 3px solid #8a0028;
    border-bottom: 3px solid #8a0028;
    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.left_line { text-align: left; padding: 0 10px; border-left: 3px solid #8a0028;}
table.gr_list th.right { text-align: right; padding: 0 10px;}
table.gr_list th.right_line { border-right: 3px solid #8a0028;}
table.gr_list th.bg {background: #f0e1d3;}
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; font-family: 'Pretendard-ExtraBold'; font-size: 20px;}
table.gr_list td.top { border-top: 2px solid #8a0028; border-bottom: 2px solid #8a0028;}




.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;}
  .ts_tit { font-size: 30px; margin-bottom: 30px; line-height: 35px;}
}






/* 크림슨 아너스 클럽 */
.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: 3.2rem; margin-bottom: 0px; font-family: 'Pretendard-Bold';}
.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: 'Pretendard-Bold';  padding:0 0px;}
.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;}
    }