@import url('reset.css');
@import url('font.css');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;200;300;400;500&display=swap');

#wrap { width: 100%; padding-top: 100px; }
.wrap_bg_1{ width: 100%; background: url('../images/wbg_1.jpg')no-repeat; background-size: cover; }
.wrap_bg_2{ width: 100%; background: url('../images/wbg_2.jpg')no-repeat; background-size: cover; }
.wrap_bg_3{ width: 100%; background: url('../images/wbg_3.jpg')no-repeat; background-size: cover; }

.wrap_bg { background: #e9e3da; }

header {
  position: fixed; 
  top: 0;
  width: 100%; 
  height: 60px; 
  z-index: 9999999; 
  background: #8b0129;
}

header h1.logo { padding-left: 2%; }
header h1.logo a { color: #ebe0cf; font-size: 22px;  font-family: 'sometime_L'; line-height: 60px;}
header h1.logo span{ color: #fff;}

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


@media(max-width: 480px) {
  #wrap { margin-top: 50px; }
  header h1.logo { padding-left: 5%; }
  header { height: 50px; }
  header h1.logo a { font-size: 16px; line-height: 50px;}
}



  /* 메뉴모달 */

  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 60px 0 0 0;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,0.5); 
    transition: 0.5s;
    z-index: 9999999;
  }
  .modal::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
    width: 0 !important;
}
  
  /* Modal Content */
  .modal_wrap {
    position: relative;
    margin: auto;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.2);
    animation-name: animatetop;
    animation-duration: 0.4s;
    overflow-y: auto;
  }
  
  @media(max-width: 480px) {
    .modal { padding: 0; top: 50px;}
    .modal_wrap { width: 100%; border: 0px solid #888;}
  }
  @keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
  }


  
  /* The Close Button */
  .close {
    position: fixed;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 32px;
    z-index: 889988;
    background: #8b0129;
    padding:14px 19px;
  }
  .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; background: #000;}
  
  .menu { 
    position: fixed; 
    top: 0px; 
    right: 0px; 
    font-size: 30px; 
    cursor: pointer; 
    font-weight: 500; 
    color: #eee;
    background: #8b0129;
    padding:12px 16px;
    z-index: 999888;
  }
  .menu:hover { color: #fff; background: #000;}
  
  .nav_wrap { display: flex; background: rgba(0, 0, 0, 0.2);}
  .nav_wrap::after { display: table; content: ''; clear: both;}
  

  nav {  width: 25%; padding:1.2% 2%;}
  nav ul.gnb{ margin: 0px 0 20px 0; }
  nav ul.gnb li { line-height: 20px;}
  nav ul.gnb li span { color: #d46a0c;}
  nav ul.gnb li a { font-size: 15px;}
  
  
  .nav_btitle { 
    font-size: 1vw; 
    color: #fff; 
    font-family: 'sometime_L';
    background: #8b0129;
    width: 100%;
    text-align: center;
    padding: 0.3vw 0;
    margin-bottom: 20px;
  }
  .nav_btitle span { color: burlywood; font-family: 'ChosunSm';}

  .nav_btitle-1 { 
    font-size: 1vw; 
    color: #fff; 
    font-family: 'sometime_L';
    background: #8b0129;
    width: 100%;
    text-align: center;
    padding: 0.3vw 0;
    margin-bottom: 30px;
  }
  .nav_btitle-1 span { color: burlywood; font-family: 'ChosunSm';}
  
  .nav_stitle { font-size: 16px;  padding: 0 0 3px 0;}
  .nav_stitle a { font-size: 16px; color: #000; font-weight: 500; }
  .nav_stitle a:hover { color: #8b0129; }
  
  .p_bottom_10 { padding-bottom: 10px; }
  .p_bottom_20 { padding-bottom: 20px; }
  .p_bottom_30 { padding-bottom: 30px; }
  .p_bottom { padding-bottom: 30px; }
  
  
  .nav_bg_1{ position: relative; background: #ebe0cf; }
  .nav_bg_2{ position: relative; background: #cfc8bd; }

  @media(max-width: 768px) {
    .nav_wrap { display: block; }
    nav { width: 100%; padding:5%;}
    nav ul.gnb{ margin: 0px 10px 30px 10px; }
    .nav_stitle { padding: 0 10px 5px 10px;}
    .nav_btitle { font-size: 18px; padding: 7px 0; margin-bottom: 20px;}
    .nav_btitle-1 { font-size: 18px; padding: 7px 0; margin-bottom: 20px;}
  }
  
  @media(max-width: 480px) {
    .nav_btitle { font-size: 18px; text-align: left; padding: 7px 20px;}
    .nav_btitle-1 { display: none;}
    nav ul.gnb li a { font-size: 16px; }
    .close { top: 0px; right: 0px; font-size: 26px; padding:12px 15px;}
    .menu { top: 0px; right: 0px; font-size: 25px; padding:10px 12px;}
  }



.contents_wrap_0 { width: 100%; border-bottom: 1px solid #9d7d6b;}
.contents_wrap_0-1 { width: 100%;}
.contents_wrap_1 { width: 100%; padding:60px 0 100px 0; background: #fff;}
.contents_wrap_1-1 { width: 100%; margin-bottom: 50px;}

.contents_wrap_bg_1 { width: 100%; padding: 60px 0 100px 0; background: #e9e3da;}

.contents_1 { width: 1200px; margin: 0 auto; }
.contents_2 { width: 1300px; padding: 60px 50px 0 50px; margin: 0 auto; background: #fff;}
.contents_2-1 { width: 1300px; padding: 60px 50px 60px 50px; margin: 0 auto; background: #fff;}

.contents_bg { width: 1200px; margin: 0 auto; background: #e9e3da;}

@media(max-width: 1330px) {
  .wrap_bg_1{ background: #fff; }
  .wrap_bg_2{ background: #fff; }
  .wrap_bg_3{ background: #fff; }
  .contents_wrap_1-1 { width: 100%; margin:60px 0;}
  .contents_2 { width: 100%; padding: 0px 5% 0 5%;}
  .contents_2-1 { width: 100%; padding: 0px 5% 0 5%;}
  .contents_wrap_0-1 { width: 100%; border-bottom: 1px solid #9d7d6b;}
}

@media(max-width: 1220px) {
  .contents_1 { width: 100%; padding: 0 5%;}
  .contents_bg { width: 100%; padding: 0 5%;}
}
@media(max-width: 768px) {
  .contents_wrap_bg_1 { padding: 50px 0;}
}
@media(max-width: 480px) {
  #wrap { padding-top: 0px; }
  .contents_wrap_1 { padding:40px 0 20px 0;}
  .contents_wrap_1-1 { margin: 50px 0;}
  .contents_1 { width: 100%; padding: 0 7%;}
  .contents_2 { width: 100%; padding: 0 7%;}
  .contents_2-1 { width: 100%; padding: 0 7%;}
  .contents_wrap_bg_1 { padding: 50px 0;}

}

h2.page_title { 
    font-size: 20px; 
    color:#8b0128; 
    font-family: 'sometime_L';
    padding-bottom: 10px;
}
h2.page_title span{ float: right; font-size: 16px; font-family: 'Antonio', sans-serif; font-weight: 200;}

.pt_bg { background: #e9e3da;; }


h2.page_title2 { 
  font-size: 20px; 
  color:#8b0128; 
  font-family: 'sometime_L';
  padding-bottom: 10px;
  border-bottom: 1px solid #9d7d6b;
}
h2.page_title2 span{ float: right; font-size: 16px; font-family: 'Antonio', sans-serif; font-weight: 200;}

.top_title {
  width: 100%; 
  font-size: 40px; 
  color: #000; 
  font-family: 'sometime_L';
  border-bottom: 1px solid #9d7d6b;
  padding: 20px 0;
  margin-bottom: 50px;
}
.top_title2 {
  width: 100%; 
  font-size: 40px; 
  color: #8b0129; 
  font-family: 'sometime_L';
  text-align: center;
  line-height: 50px;
}
.top_title3 {
  width: 100%; 
  font-size: 40px; 
  color: #8b0129; 
  font-family: 'sometime_L';
  text-align: left;
  line-height: 50px;
  margin-bottom: 50px;
}

.top_title4 {
  width: 100%; 
  font-size: 40px; 
  color: #8b0129; 
  font-family: 'sometime_L';
  text-align: center;
  line-height: 50px;
  margin-bottom: 70px;
}

.top_line{ width: 1px; height: 60px; background: #8b0128; margin: 20px auto;}

.title_1{ font-size: 24px; font-family: 'GmarketSansMedium'; margin-bottom: 20px; color: #8b0129; border-top: 2px dotted #9d7d6b; padding-top: 15px;}
.title_2{ font-size: 18px; font-family: 'GmarketSansMedium'; margin-bottom: 10px; color: #9d7d6b;;}

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


@media(max-width: 1330px) {
  h2.page_title2 { border-bottom: 0px solid #9d7d6b;}
}
@media(max-width: 768px) {
  h2.page_title {  font-size: 18px; margin-bottom: 0px; }
  h2.page_title2{  font-size: 18px; margin-bottom: 0px; }
  .top_line{ height: 80px; margin: 20px auto;}
  .top_title {font-size: 30px; margin-bottom: 30px;}
  .top_title2 {font-size: 30px;  line-height: 40px;}
  .top_title3 {font-size: 30px; line-height: 40px;}
  .top_title4 {font-size: 30px; line-height: 40px;}
}

@media(max-width: 480px) {
  .contents_wrap_0 { margin:30px 0 0 0;}
  h2.page_title { font-size: 16px; padding:20px 0 5px 0; }
  h2.page_title span{ display: none;}
  h2.page_title2 { font-size: 16px; padding:20px 0 5px 0; }
  h2.page_title2 span{ display: none;}
  .top_title { font-size: 23px; margin-bottom: 20px;}
  .top_title2 {font-size: 23px; line-height: 30px;}
  .top_title3 {font-size: 23px; line-height: 30px;}
  .top_title4 {font-size: 23px; line-height: 30px; text-align: left;  margin-bottom: 30px;}
  .title_1{ font-size: 20px; margin-bottom: 10px;}
  .top_line{ height: 50px; margin: 10px auto;}
  .title_sub_2 { margin-bottom: 10px; line-height: 28px; text-align: left;}
}


/* 어바웃_KU */
.ab_box_wrap { margin: 0 -50px; }
.ab_box_wrap::after { display: table; content: ''; clear: both; }
.ab_box_a { float: left; width: 57%; padding: 0 50px; }
.ab_box_a img { width: 100%; max-width: 100%; height: auto; }

.ab_box_b { float: left; width: 43%; padding: 0 50px; }
.ab_box_b img { max-width: 100%; height: auto; }
.ab_box_1 { width: 100%; text-align: right; margin-bottom: 30px;}
.ab_text { width: 100%; text-align: left; font-size: 18px; padding: 5px 0 0 0; border-top: 1px solid #ccc; margin-top: 10px;}

@media(max-width: 768px) {
  .ab_box_wrap { margin: 0 -10px; }
  .ab_box_a { width: 64%; padding: 0 10px; }
  .ab_box_b { width: 36%; padding: 0 10px; }
  .ab_text { font-size: 16px; margin-top: 5px;}
}
@media(max-width: 480px) {
  .ab_box_a { width: 100%; margin-bottom: 30px;}
  .ab_box_b { width: 100%; }
  .ab_text { width: 100%; font-size: 16px; margin-top: 5px;}
}





/* 총장인사말 */
.cont_box_1 { width: 100%; text-align: justify; }
.psd { float: right; padding: 0 0 50px 50px;}
.font_1 { font-family: 'ChosunSm'; font-size: 18px; color: #000; line-height: 30px; text-align: justify;}

.pr_text_1 { font-family: 'ChosunSm'; font-size: 50px; color: #936f5b; line-height: 65px; margin-bottom: 50px;}
.pr_text_2 {width: 100%; text-align: right; font-family: 'ChosunSm'; font-size: 50px; color: #936f5b; line-height: 65px; margin-bottom: 50px; border-left: 1px solid #936f5b;}


.psd_name { float: right; font-family: 'Noto Sans KR'; margin-top: 50px;}
.psd_name img { max-width: 100%; height: auto;}

@media(max-width: 768px) {
  .pr_text_1 { font-size: 4.5vw; margin-bottom: 2vw; line-height: 6vw;}
  .pr_text_2 { font-size: 4.5vw; margin-bottom: 5vw; line-height: 6vw;}
}

@media(max-width: 480px) {
  .cont_box_1 { margin: 30px 0;}
  .psd { width: 100%; padding: 0 0 30px 0;}
  .psd img { width: 100%; max-width: 100%; height: auto;}
  .pr_text_1 { font-size: 5.5vw; margin-bottom: 1vw; line-height: 7vw;}
  .pr_text_2 { font-size: 5.5vw; margin-bottom: 6vw; line-height: 7vw;}
  .font_1 { font-size: 16px;line-height: 24px;}
  .psd_name {  margin-top: 30px; text-align: right;}
  .psd_name img { width: 40%;}
}


/* 비전스토리 */
.vs_tit { 
  width: 100%; 
  border-top: 2px dotted #a18b78; 
  color: #000; 
  font-family: 'Noto Sans KR', sans-serif; 
  font-weight: 500; 
  font-size: 20px;
  padding: 20px 0 30px 0;
}

.vs_img_text { 
  text-align: center;  
  font-family: 'sometime_R'; 
  font-size: 30px; 
  border-top: 1px solid #000; 
  border-bottom: 1px solid #000;
  padding: 20px 0px;
  margin: 50px 0;
}

.vs_wrap { margin: 0 -25px; padding: 0 15%;}
.vs_wrap::after { display: table; content: ''; clear: both;}

.vs_box { float: left; width: 25%; padding: 0 25px;}
.vs_box img { width: 100%; max-width: 100%; height: auto;}

.vs_7_wrap { margin: 100px 0; display: flex;}
.vs_7_img { width: 50%;  }
.vs_7_img img { max-width: 100%; height: auto;  }
.vs_7_list { width: 50%; }
.vs_7_list li { 
  float: left; 
  width: 25%;  
  font-family: 'sometime_L'; 
  color: #8b0129; 
  background: url('../images/vs_bt.jpg') 0px 12px no-repeat;
  padding: 5px 0 0 25px ;
}
.vs_bold { font-size: 22px; color:#c55316; padding-bottom: 10px;}



@media(max-width: 1220px) {
  .vs_7_wrap { display: block;}
  .vs_7_img { width: 100%;  text-align: center;}
  .vs_7_list { width: 100%; padding: 5% 0% 5% 10%;}
}
@media(max-width: 1024px) {
  .vs_wrap { margin: 0 -20px; padding: 0 10%;}
  .vs_box { float: left; width: 25%; padding: 0 20px;}
  .vs_7_list {padding: 5% 0% 5% 0%;}
}
@media(max-width: 768px) {
  .vs_wrap { margin: 0 -20px; padding: 0;}
  .vs_box { float: left; width: 25%; padding: 0 20px;}
}
@media(max-width: 480px) {
  .vs_tit {font-size: 16px; padding: 20px 0 15px 0;}
  .vs_wrap { margin: 0 -15px;}
  .vs_7_wrap { margin: 30px 0 50px 0;}
  .vs_box { width: 50%; text-align: center; margin-bottom: 30px;}
  .vs_box img { width: 80%; }
  .vs_7_list {padding: 5% 0% 5% 0%;}
  .vs_7_list li { width: 50%;}
  .vs_bold { font-size: 18px;}
  .vs_img_text { font-size: 20px; padding: 10px 0px; margin: 30px 0;}
}


/* 한눈으로 보는 모금현황 */

.fl_wrap { margin: 0 -30px;}
.fl_wrap::after { display: table; content: ''; clear: both;}
.fl_box { float: left; width: 33.333%; padding: 0 30px; }

.fl_icon { text-align: center; margin: 30px 0 50px 0; }
.fl_icon img { max-width: 100%; height: auto; }
.fl_box_title { 
  text-align: center;  
  font-family: 'sometime_R'; 
  font-size: 22px; 
  border-top: 1px solid #000; 
  border-bottom: 1px solid #000;
  padding: 10px 0px;
  color: #000;
}

.fl_text { text-align: right; font-family: 'DIN-M'; font-size: 5rem; color: #936f5b; margin:20px 0 50px 0; letter-spacing: -2px;}
.fl_text img { max-width: 100%; height: auto;}
.fl_text span.fl_top {vertical-align: text-top; border-bottom:1px solid #9d7d6b; font-size: 18px; }
.fl_text span{ font-size: 24px;}
.fl_text_top { border-bottom:1px solid #bebdbd; font-size: 18px; padding: 0px 0 5px 0; margin-bottom: 30px;}





@media(max-width: 1220px) {

}
@media(max-width: 768px) {
  .fl_box { width: 100%;}
  .fl_text { text-align: center; margin:20px 0 20px 0;}
  .fl_mg_bottom { margin-bottom: 50px; }
}
@media(max-width: 480px) {
  .fl_box_title { font-size: 18px;  padding: 5px 0px;}
  .fl_icon { margin: 30px 0 0px 0; }
  .fl_text img {width: 60%;}
  .fl_text span{ font-size: 18px;}
}




/* 발전기금성과 */

.gr_text_top { text-align: center; font-size: 18px; font-family: 'ChosunSm'; line-height: 30px; margin-bottom: 50px;}
.gr_text_top_480 { text-align: center; font-size: 18px; font-family: 'ChosunSm'; line-height: 30px; margin-bottom: 50px; display: none;}

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

.gr_box { float: left; width: 50%; padding: 0 20px; text-align: center;}
.gr_box img {width: 75%; max-width: 100%; height: auto; }
.gr_box_title { 
    text-align: center;  
    font-family: 'sometime_R'; 
    font-size: 22px; 
    border-top: 1px solid #000; 
    border-bottom: 1px solid #000;
    padding: 10px 0px;
    color: #000;
}
.gr_box_text { text-align: center; color: #936f5b; margin:50px 0 70px 0;}
.gr_box_text img { width: 50%; max-width: 100%; height: auto;}
.gr_box_text span { font-size: 24px; }
.gr_date { width: 100%; text-align: right; padding: 0 20px 10px 0;}
.gr_bar { 
    width: 100%; 
    background: #936f5b; 
    color: #fff; 
    text-align: center; 
    padding: 10px 0; 
    margin: 20px 0 50px 0; 
    font-family: 'GmarketSansLight';
    font-size: 18px;
}
.gr_mg { margin: 80px 0 0 0; }

#bottom_banner { width: 100%; overflow: hidden; }
#bottom_banner img { max-width: 100%; height: auto;}

@media(max-width: 768px) {
  .gr_box_title { font-size: 20px; padding: 7px 0px;}
  .gr_box_text { margin:30px 0 50px 0;}
  .gr_box_text img { max-width: 70%;}
  .gr_box_text span { font-size: 18px;}
  .gr_bar { margin: 30px 0 50px 0; }
  .gr_box img {width: 100%;}
}

@media(max-width: 480px) {
  .gr_text_top { display: none; font-size: 16px; line-height: 26px;}
  .gr_text_top_480 { display: block; font-size: 16px; line-height: 26px; text-align: justify;}
  .gr_box { width: 100%; margin-bottom: 50px;}
  .gr_box_title {font-size: 16px; padding: 5px 0px; margin: 10px 0 40px 0; }
  .gr_box_text { margin-bottom: 0px;}
  .gr_box_text img { max-width: 60%;}
  .gr_box_text span { font-size: 16px;}
  .gr_bar { margin: 20px 0 30px 0;  font-size: 14px; padding: 5px 0; }
  .mg_bottom_480_50 { margin-bottom: 50px; }
  .gr_mg { margin: 30px 0 0 0; }
  .gr_date { padding: 0 20px 0px 0; font-size: 14px;}
}


/* 기부뉴스 */
/* .nt_date { font-family: 'DIN-R'; } */




/* 발전공로상 크림슨어워드 */
.awd_box_1 { width: 100%; margin-bottom: 100px;}
.awd_img { float: left; padding: 30px 50px 15px 0;}
.awd_box_1 img { max-width: 100%; height: auto;}

.awd_wrap {  margin: 0 -30px; }
.awd_wrap::after {display: table; content: ''; clear: both;}
.awd_box_2 { float: left; width: 50%; padding: 0 30px;}
.awd_tit { 
  width: 100%; 
  border-top: 2px dotted #a18b78; 
  color: #000; 
  font-size: 24px;
  padding: 20px 0;
  font-family: 'sometime_L';
}

@media(max-width: 768px) {
  .awd_box_1 { margin-bottom: 50px;}
  .awd_box_2 {width: 100%; margin-bottom: 50px;}
}
@media(max-width: 480px) {
  .awd_img { width: 100%; text-align: center; padding: 30px 0px 15px 0;}
  .awd_tit { width: 100%; text-align: center; font-size: 20px; }
}


/* 기부 컨설팅 전문가 그룹이 함께하다 */

.cg_box_1 {  width: 100%;}
.img_box_1 { margin: 50px 0; }
.img_box_1 img { width: 100%; max-width: 100%; height: auto; }
.cg_bar { 
  width: 100%; 
  background: #936f5b; 
  color: #fff; 
  text-align: center; 
  padding: 10px 0; 
  margin: 20px 0 70px 0; 
  font-family: 'GmarketSansLight';
  font-size: 18px;
}
.cg_wrap  { margin: 0 -25px;}
.cg_wrap::after  { display: table; content: ''; clear: both; }
.cg_box { float: left; width: 16.666%; padding: 0 25px; }
.cg_box img {width: 100%; max-width: 100%; height: auto;}
.cg_text_1 { text-align: center; margin-top: 10px; font-family: 'sometime_L';}
.cg_text_2 { text-align: center;  font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 24px; color: #777;}


@media(max-width: 768px) {
  .cg_box { width: 33.333%;}
}
@media(max-width: 480px) {
  .cg_bar { font-size: 16px; }
  .cg_box { width: 50%;}
}

/* 크림슨클럽데이 */
.contents_wrap_line { width: 100%; margin:60px 0; }
.contents_line { width: 1200px; margin: 0 auto; background: #fff; border: 25px solid #a18b78; padding: 3%;}
.cont_box_crs { width: 100%; text-align: justify; margin-bottom: 100px;}
.crs_title { width: 100%; font-size: 24px;  font-family: 'sometime_L'; color: #a18b78; margin-bottom: 30px;}

.crs_wrap { margin: 0 -25px; }
.crs_wrap::after { display: table; content: ''; clear: both;}
.crs_box { float: left; width: 50%; padding: 0 25px; margin-bottom: 50px;}
.crs_box img { width: 100%; max-width: 100%; height: auto;}
.crs_text { text-align: center; padding-top: 10px; }

@media(max-width: 1220px) {
  .contents_wrap_line { padding: 0 2%; }
  .contents_line { width: 100%;}
}
@media(max-width: 768px) {
  .contents_wrap_line {margin:30px 0 50px 0; }
  .contents_line { border: 20px solid #a18b78; padding: 3%;}
  .cont_box_crs { width: 100%; text-align: justify; margin-bottom: 50px;}
  .crs_wrap { margin: 0 -15px; }
  .crs_box { padding: 0 15px; margin-bottom: 30px;}
}

@media(max-width: 480px) {
  .contents_line { border: 15px solid #a18b78; padding: 5%;}
  .crs_title { font-size: 18px;margin-bottom: 20px;}
  .crs_text { font-size: 15px; line-height: 20px;}
  .crs_box { width: 100%;}
}


/* Commitment in KU 1  | 연구기금 */
.ck_wrap { margin: 0 -20px; }
.ck_wrap::after { display: table; content: ''; clear: both; }

.ck_box { float: left; width: 50%; padding: 0 20px; }
.ck_box2 { float: left; width: 33.333%; height: 210px; padding: 0 20px; }

.ck_top_text { color: #8b0129; text-align: justify; margin-bottom: 150px; font-size: 18px; line-height: 28px; font-weight: 500;}
.ck_person { font-family: 'sometime_L'; font-size: 30px; color: #936f5b; margin-bottom: 30PX;}
.ck_title_text { font-size: 18px; color: #936f5b; margin-bottom: 30px; color: #000; 
                  font-weight: 500; border-top: 2px dotted #8b0128; padding: 10px 0 0 0; line-height: 28px;
}
.ck_title_text2 { font-size: 18px; color: #936f5b; margin: 70px 0 30px 0; color: #000; 
  font-weight: 500; border-top: 2px dotted #8b0128; padding: 10px 0 0 0; line-height: 28px;
}
.ck_text { font-family: 'ChosunSm'; font-size: 17px; line-height: 28px;}
.ck_img_1 { margin: 0 0 50px 0 ; }
.ck_img_1 img { width: 100%; max-width: 100%; height: auto;}

.ck_text_top { text-align: center; font-size: 18px; font-family: 'ChosunSm'; line-height: 30px; margin-bottom: 50px;}
.ck_text_top_480 { text-align: center; font-size: 18px; font-family: 'ChosunSm'; line-height: 30px; margin-bottom: 50px; display: none;}
.ck_img_top { width: 100%; text-align: center; margin-bottom: 50px;}

.ck_img_wrap { margin: 0 -20px; padding-top: 30px;}
.ck_img_wrap::after { display: table; content: ''; clear: both; }
.ck_img_box { float: left; width: 33.333%; padding: 0 20px; margin-bottom: 10px;}
.ck_img_box img { width: 100%; max-width: 100%; height: auto; }
.ck_img_text { font-size: 14px; text-align: center; line-height: 18px; padding-top: 10px;}

.ck_bar { 
  width: 100%; 
  background: #936f5b; 
  color: #fff; 
  text-align: center; 
  padding: 10px 0; 
  margin: 0px 0 50px 0; 
  font-family: 'GmarketSansMedium';
  font-size: 18px;
}
.ck_bar_text { font-family: 'ChosunSm'; font-size: 18px; text-align: center;}
.ck_bar_text2 { font-family: 'ChosunSm'; font-size: 18px; text-align: center; margin-bottom: 50px;}
.ck_bar_text2_480 { font-family: 'ChosunSm'; font-size: 18px; text-align: center; margin-bottom: 50px; display: none;}

.ck_wrap_cont { width: 100%; }
.ck_box_cont { float: left; width: 33.333%; }
.ck_box_cont img { max-width: 100%; height: auto; }
.ck_center { text-align: center; }
.ck_tcont_text { font-size: 20px; margin:20px 0 20px 0;}
.ck_mcont_text { font-family: 'DIN-M'; font-size: 80px; color: #767d77; }
.ck_mcont_text img { max-width: 100%; height: auto; }

.ck_bcont_text { float: left; width: 100%; padding: 30px 0; text-align: center;}


.ck_btitle { width: 100%; font-size: 30px; color: #8b0129; font-family: 'sometime_L';  padding: 50px 0 5px 0; text-align: center;}
.ck_stitle { width: 100%; font-size: 16px; padding: 0px 0 20px 0; text-align: center;}

.inbong_box {  background: #ddd; padding: 5%; font-size: 1.8rem;  font-family: 'Ainmom'; line-height: 2.5rem; text-decoration: underline 2px dotted #aaa; }
.inbong_man_1 { float: right; padding: 0 0 2% 5%;}
.inbong_man_2 { float: left; padding: 0 5% 2% 0;}
.inbong_man_1 img { max-width: 100%; height: auto;}
.inbong_man_2 img { max-width: 100%; height: auto;}


.ck_you_text { text-align: center; padding-top: 5px; }


@media(max-width: 768px) {
  .ck_box { width: 100%; }
  .ck_img_1 { margin: 50px 0; }
  .ck_top_text { margin-bottom: 80px;}
  .ck_box_cont { width: 100%; text-align: center; margin-bottom: 50px;}
  .ck_btitle { font-size: 24px; padding: 50px 0 2px 0; }
  .ck_stitle { font-size: 14px; padding: 0px 0 20px 0;}
  .inbong_box {  font-size: 1.5rem; line-height: 2.2rem; }
  .ck_img_wrap { margin: 0 -10px;}
  .ck_img_box { padding: 0 10px;}
  .ck_box2 { width: 100%; height: 400px; margin-bottom: 50px;}
}

@media(max-width: 480px) {
  .ck_text_top { display: none; }
  .ck_text_top_480 {display: block; font-size: 16px; font-family: 'ChosunSm'; line-height: 24px; text-align: justify;}
  .ck_top_text { font-size: 16px; line-height: 24px;}
  .ck_person { font-size: 24px;}
  .ck_title_text { font-size: 16px;}
  .ck_text { font-size: 16px; line-height: 28px;}
  .ck_mcont_text img { width: 50%; }
  .ck_tcont_text { margin-bottom: 20px;}
  .ck_img_top img { width: 70%; }
  .ck_bcont_text { padding: 0; text-align: left; font-size: 14px;}
  .ck_title_text { font-size: 16px; line-height: 24px;}
  .ck_box2 { height: 200px; margin-bottom: 50px;}
  .ck_btitle { font-size: 18px; padding: 30px 0 2px 0; }
  .ck_bar_text { font-size: 16px;}
  .ck_bar {  padding: 10px 0 5px 0; margin: 0px 0 20px 0; font-size: 16px;}
  .ck_stitle { font-size: 14px; padding: 0px 0 20px 0; line-height: 18px;}
  .inbong_box { padding: 5%; font-size: 1.3rem; line-height: 2rem; }
  .inbong_man_1 { width: 100%; padding: 0; text-align: center; padding: 0 0 30px 0;}
  .inbong_man_2 { width: 100%; padding: 0; text-align: center; padding: 0 0 30px 0;}
  .ck_bar_text2 { display: none; }
  .ck_bar_text2_480 { font-size: 16px; text-align: justify; margin-bottom: 50px; display: block;}
}


/* 한눈에 보는 기부식 */

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

.news_box_1 { float: left; width: 25%; padding: 0 20px; display:flex; justify-content:center; align-items:center;}
.news_box_1 img {width: 100%; max-width: 100%; height: auto; }

.news_box_1_480 { width: 100%; padding: 0 5%; margin-bottom: 50px; display: none; }
.news_box_1_480 img { width: 100%; max-width: 100%; height: auto;}

.news_box_2 {
  position: relative; 
  float: left; 
  width: 25%; 
  padding: 5% 20px; 
  display:flex; 
  justify-content:center; 
  align-items:center;
  z-index: 99999;
}



.news_box_3 { float: left; width: 50%; padding: 5% 20px;  }

.news_one_1 {text-align: center; z-index: 99;}
.news_one_1 img { max-width: 100%; height: auto; }


.news_one_2 {text-align: center; z-index: 99;}
.news_one_2 img { max-width: 100%; height: auto; }

.news_box_2::after {
  content: '';
  position: absolute;
  width: 2px;
  background:#8b0128;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: 0px;
  z-index: 1;
}

@media(max-width: 768px) {
  .news_box_1 { display: none;}
  .news_box_2 { width: 30%;}
  .news_box_3 { width: 70%;}
}
@media(max-width: 480px) {
  .news_wrap { display: block;}
  .news_box_2 { width: 100%; padding: 0 20px 5% 20px;}
  .news_box_3 { width: 100%; padding: 0 20px 10% 20px;}
  .news_box_1_480 { display: block; }
}



/* 후원자 명단 */

.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: #936f5b; font-size: 28px; font-family: 'sometime_L'; padding-bottom: 10px; border-top: 2px dotted #9d7d6b; padding-top: 30px;}
.ss_title span { font-size: 16px; }

.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 { width: 100%; margin-bottom: 20px; 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: 16px; 
  color: #fff; 
  font-family: 'GmarketSansMedium'; 
  background: #a18b78;
  padding: 5px 10px 0px 10px;
 }
 .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: left;}
.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 { margin-bottom: 10px; font-size: 14px;}
}


/* 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;}

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





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

table { width: auto; }
table.list { width: 100%; border: 1px solid #9d7d6b;}
table.list th { 
    height: 40px; 
    border-bottom: 1px solid #9d7d6b;
    border-left: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
}
table.list th.bgcolor_1 { background: #a18b78; 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; border-left: 1px solid #9d7d6b;}
table.list td.left { text-align: left;}
table.list td.bgcolor_1 { background: #a18b78; color: #000;}

.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: 2px solid #8b0129; border-bottom: 2px solid #9d7d6b; }
table.gr_list th { 
    height: 50px; 
    border-bottom: 1px solid #9d7d6b;
    text-align: center;
    color: #9d7d6b;

}
table.gr_list th.left { text-align: left; padding: 0 10px; }
table.gr_list th.w_line { border-right: 10px solid #fff; }
/* 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: #9d7d6b;}
table.gr_list td.left { text-align: left; padding: 0 10px;}
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; }


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

}





/* 후원자 관리헌장 */
.charter_wrap {position: relative; width: 100%; background: #fff; border: 2px solid #baa396; padding: 10%;}
.ch_text_1 { font-size: 3rem; text-align: center; font-family: 'ChosunSm'; color: #8b0128;}
.ch_text_2 { font-size: 1.5rem; text-align: center; font-family: 'ChosunKm'; 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; font-family: 'ChosunSm'; margin-bottom: 30px;}
ol.ch_text_5 { font-size: 18px; font-family: 'ChosunSm'; margin-bottom: 60px; }
ol.ch_text_5 li{ margin: 0px 10%; list-style: decimal; line-height: 30px;}
.ch_text_6 { font-size: 16px; font-family: 'ChosunSm'; margin-bottom: 60px; }
.ch_text_7 { font-size: 32px; font-family: 'ChosunSm'; text-align: center; color: #8b0128;}

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



/* 크림슨 아너스 클럽 */
.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;}
.honors_text_2 { font-size: 2rem; text-align: center; font-family: 'ChosunSm'; color: #8b0128; line-height: 3rem; margin-bottom: 70px;}
.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; }



@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;}
  .honors_img_1 img { width: 40%;}
  .honors_text_2 { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 30px;}
  .honors_box_2 { padding-left: 10px; font-size: 16px; line-height: 24px;}
  .honors_wrap { padding: 15% 5%;}
}


/* 하단 네비 */

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

#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: 'GmarketSansBold';  padding:0 30px;}
.prev a span, .next a span{ color: #999; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a span.color, .next a span.color{ color: #8b0128; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover span, .next a:hover span{ color: #8b0128; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover span.color, .next a:hover span.color{ color: #000; font-size: 15px; font-family: 'GmarketSansMedium';}
.prev a:hover, .next a:hover{ color: #000;}
.prev a i, .next a i{ font-size: 16px;}


@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;}
}

/* 후원자설문 */

.sv_title { 
  font-size: 18px; 
  color: #8b0128;  
  font-family: 'sometime_L'; 
  border-top: 2px dotted #9d7d6b;
  border-bottom: 2px dotted #9d7d6b;
  margin: 50px 0 30px 0;
  padding: 5px 0;
}

.sv_list_1 { width: 100%; margin-bottom: 50px;}
.sv_list_1 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_1 dd { float: left; width: 100%; height: 150px; background: #eee; border: 1px solid #aaa;}

.sv_list_2 { width: 100%; margin-bottom: 50px;}
.sv_list_2 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_2 dd { float: left; width: 50%;}

.sv_list_3 { width: 100%; margin-bottom: 50px;}
.sv_list_3 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_3 dd { float: left; width: 33.333%;}

.sv_list_4 { width: 100%; margin-bottom: 50px;}
.sv_list_4 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_4 dd { float: left; width: 25%;}

.sv_list_5 { width: 100%; margin-bottom: 50px;}
.sv_list_5 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_5 dd { float: left; width: 20%;}

.sv_list_7 { width: 100%; margin-bottom: 50px;}
.sv_list_7 dt { font-size: 18px; color: #000; padding-bottom: 10px;}
.sv_list_7 dd { float: left; width: 14.285%;}

.sv_text {  font-size: 18px; color: #8b0128; }
.sv_text span {  font-size: 16px; color: #777 }

.qr_wrap { width: 100%; }
.qr_box_1 { float: left; padding-right: 30px;}
.qr_box_2 { float: left; padding-top: 30px;}
.qr_box_2 span { font-size: 20px; color: #8b0128;  font-family: 'GmarketSansMedium';}

@media(max-width: 768px) {
  .sv_list_2 dd { float: left; width: 100%;}
  .sv_list_3 dd { float: left; width: 100%;}
  .sv_list_4 dd { float: left; width: 100%;}
  .sv_list_5 dd { float: left; width: 100%;}
  .sv_list_7 dd { float: left; width: 100%;}
}
@media(max-width: 480px) {
  .sv_list_1 dt, .sv_list_2 dt, .sv_list_3 dt, .sv_list_4 dt, .sv_list_5 dt, .sv_list_7 dt { font-size: 16px; }
  .sv_title { font-size: 16px;  }
  .sv_text {  font-size: 16px; margin-bottom: 50px; }
  .qr_box_1 { width: 100%; padding-right: 0px; text-align: center;}
  .qr_box_2 { width: 100%; padding-top: 20px;}
  .qr_box_2 span { font-size: 18px;}
}



/* 푸터 */

footer { width: 100%; height: 165px;  background: #fff;}

  .f_logo {  float: left; padding: 55px 30px 55px 50px;}
  .f_logo img { max-width: 100%; height: auto;}
  .copy { float: left; padding-top: 50px; line-height: 24px;}



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

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


  .p_bottom_10 { padding-bottom: 10px; }
  .p_bottom_20 { padding-bottom: 20px; }
  .p_bottom_30 { padding-bottom: 30px; }

.mg_top_30 { margin-top: 30px; }
.mg_top_50 { margin-top: 50px; }
.mg_top_100 { margin-top: 100px; }

.pd_top_30 { padding-top: 30px;}

.pd_bottom_10 { padding-bottom: 10px;}
.pd_bottom_30 { padding-bottom: 30px;}
.pd_bottom_40 { padding-bottom: 30px;}
.pd_bottom_50 { padding-bottom: 50px;}

  .mg_bottom_100 { margin-bottom: 100px; }
  .mg_bottom_50 { margin-bottom: 50px; }
  .mg_bottom_30 { margin-bottom: 30px; }
  .mg_bottom_20 { margin-bottom: 20px; }
  .mg_bottom_10 { margin-bottom: 10px; }

  .pd_top_60 { padding-top: 60px; }
  .pd_bottom_60 { padding-bottom: 60px; }