:root {
  /* width */
  --width-lg: 1000px;
  --width-md: 95%;

  /* column */
  --column-4: 25%;
  --column-3: 33.33%;
  --column-2: 50%;
  --column-1: 100%;

  /* profile */
  --profile-lg: 160px;
  --profile-md: 115px;
  --profile-sm: 80px;

  /* profile::after */
  --profile-mini-lg: 48px;
  --profile-mini-sm: 30px;

  /* share */
  --share-lg: 52px;
  --share-md: 35px;
  --share-sm: 30px;

  /* share_area - position */
  --share-area-pos-xlg: 0;
  --share-area-pos-lg: 50px;
  --share-area-pos-md: 30px;
  --share-area-pos-sm: 15px;
}

/* default */
body{background: #FFFEF7;}
body.font_g{word-break: break-word;}
body.font_a{direction: rtl;}
ul {list-style:none;}
a {text-decoration:none;}
span.br{
  display: block;
  margin-top: 30px;
}

/* header */
#header {
  position: relative;
  background-color: #000;
}
#header::after{
  content: "";
  position: absolute;
  bottom: -19px;
  display: block;
  width: 100%;
  height: 24px;
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flim_bar2.png) repeat;
  transform: scale(-1);
}

.top-menu {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 20px 50px;
  max-width: var(--width-lg);
  width: 100%;
  height: 55px;
  z-index: 1000;
}

body.font_a .top-menu {width: calc(100% - 25px);}

.lang-btn.top_mb {display: none;}
.lang-btn .select_language {
  background: url(https://world.kbs.co.kr/service/common/images/btn_lang_dropdown.png)no-repeat 100% 50%;
  background-size: 12px; 
  filter: invert(100);
  cursor:pointer; 
}
.lang-btn .select_language .default {
  display:none;
  position: absolute;
  top: 50%;
  left:-12.5px;
  width:25px; 
  height:25px; 
  background:url(https://world.kbs.co.kr/service/common/images/icon_language-pc.png) no-repeat; 
  background-size:25px auto; 
  text-indent:-99999px;
  transform: translateY(-50%);
}
.lang-btn .select_language p {
  display: inline-block; 
  width: 120px;height: 25px; 
  border-bottom: 1px solid rgb(77, 83, 86);
  font-size: 16px; 
  font-weight: bold; 
  text-align: center;
  line-height: 25px;
}
.lang-btn .select_language p.sel_i {
  font-size: 12px;
  text-align: left;
}
.lang-btn .select_language #language_open {display:none;}
.lang-btn .select_language #language_open {
  position:absolute;
  top: 100%;
  left: 0;
  background:#f8f8f8; 
  animation:a_lang .3s; 
  z-index:1010; 
  transition:all .1s;
}
.font_a .lang-btn .select_language #language_open {right: 0;} 
@keyframes a_lang {from {opacity:0;} to {opacity:1;}}

.lang-btn .select_language #language_open ul {
  position:absolute; 
  width:120px;
  border: 1px solid #d2d2d2;
  overflow:hidden;
}
.lang-btn .select_language #language_open ul li {
  width: 120px;
  height: 30px;
  border-bottom: 1px solid #d2d2d2;
  background: #f8f8f8;
  font-size: 12px;
  text-align: center;
}
.lang-btn .select_language #language_open ul li:last-child{border-bottom: none;}
.lang-btn .select_language #language_open ul li a {
  color:#000;
  font-weight:bold;
  line-height: 30px;
}
.lang-btn .select_language #language_open ul li a:hover {text-decoration:underline;}
.lang-btn .select_language #language_open ul .language_close {
  display:block; 
  position:absolute; 
  top:58px; 
  right:0; 
  width:40px; 
  height:40px; 
  background:url(https://world.kbs.co.kr/service/common/images/icon_close_w.png) no-repeat center; 
  background-size:20px auto; 
  text-indent:-99999px;
}
.lang-btn .select_language #language_open.sticky {display:none !important;}
.lang-btn .select_language #language_bg {display:none;}
.lang-btn .select_language #language_bg.active {display:none;}

@media all and (max-width:769px){
  .lang-btn.top_pc {display: none;}
  .lang-btn.top_mb {display: block;}
}

@media all and (max-width:768px){
  #header::after {
    bottom: -12px;
    background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/film_bar.png) no-repeat;
    background-size: 150% 50%;
  }
}

@media all and (max-width:480px){
  .top-menu {
    padding: 0 15px;
    width: var(--width-md);
  }
}


/* slide */
.k_arc_slide {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 450px;
  overflow: hidden;
  z-index: 1;
}
.font_a .k_arc_slide {direction: ltr;}
.slide_track {
  position: absolute;
  display: flex;
  align-items: center;
  width: 200%;
  height: 100%;
}
.slide_items {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transform: translateX(0);
  will-change: transform;
}
.item {
    width: 23.5%;
    height: 100%;
    max-width: 900px;
    flex-shrink: 0;
}
.item .item_img {
  position: relative;
  margin: 0px 45px;
  height: 100%;
  border-radius: 30px;
  background-size: 100% 100% !important;
  overflow: hidden;
}
.slide_items .img1 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img8_dn.jpg) no-repeat bottom;}
.slide_items .img2 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img10_dn.jpg) no-repeat center;}
.slide_items .img3 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img2_dn.jpg) no-repeat bottom;}
.slide_items .img4 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img11_dn.jpg) no-repeat center;}
.slide_items .img5 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img5_dn.jpg) no-repeat center;}
.slide_items .img6 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img12_dn.jpg) no-repeat center;}
.slide_items .img7 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img6_dn.jpg) no-repeat center;}
.slide_items .img8 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img13_dn.jpg) no-repeat center;}
.slide_items .img9 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/slide_img7_dn.jpg) no-repeat center;}

@media all and (max-width:1440px){
  .item {width: var(--column-3);}
  .item .item_img {height: 440px;}
}

@media all and (max-width:991px){
  .item .item_img {
    height: 0;
    margin: 0 25px;
    padding-bottom: 68%;
    border-radius: 35px;
  }
}

@media all and (max-width:768px){
  .item .item_img{margin: 0 10px;}
}

@media all and (max-width:480px){
  .font_k .item {width: 40%;}

  .item .item_img {border-radius: 10px;}
  .font_k .item .item_img {border-radius: 20px;}

  .item .item_img {padding-bottom: calc(100% - 50px);}
  .font_g .item .item_img {padding-bottom: calc(85% - 50px);}
}

.k_arc_title_box{
  position: relative;
  margin: 0 auto;
  padding: 60px 0px;
  width: var(--width-lg);
  text-align: center;
  z-index: 2;
}

.k_arc_title_box .k_arc_tit {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.k_arc_title_box .k_arc_tit .tit_img_pc {
  display: inline-block;
  width: 70%;
}
.k_arc_title_box .k_arc_tit .tit_img_mb {display: none;}

/* 언어별 커스텀 */
.font_c .k_arc_title_box .k_arc_tit .tit_img_pc {width: 60%;}

.k_arc_title_box .k_arc_txt {
  padding: 0 70px;
  color: #fff;
  font-size: 19px;
}

.top-menu-bar {
  display: none;
  background: rgba(0, 0, 0, .5);
  padding: 20px 14%;
  top: 0;
  z-index: 9999;
  position: fixed;
  width: 100%;
  left: 0px;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: .2s;
}

@keyframes fadeInOpacity {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.top-menu-bar .lang-list-box {width: 100%;}
.top-menu-bar .close-icon-box {width: 10%;}

.top-menu-bar ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
}

.top-menu-bar ul li {
  float: left;
  padding: 15px;
  white-space: nowrap;
}

.top-menu-bar ul li a {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 200%;
  text-decoration: none;
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
}

.top-menu-bar .close-icon-box a.lang-close {
  display: block;
  position: absolute;
  margin-right: 20px;
  top: 32px;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(http://world.kbs.co.kr/service/common/images/icon_close_w.png) no-repeat center;
  background-size: 20px auto;
  text-indent: -99999px;
}

.home-btn {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
  width: 215px;
  margin: 0px;
}
.home-btn img.emblem_80th {max-height: 30px;}

.home-btn > a {display: flex;}

.lang-btn {
  float: right;
  margin: 0 7px;
}
.lang-btn img:hover {cursor: pointer;}
.lang-btn img, .home-btn img {width: 100%;}

@media all and (max-width:1440px){
  .k_arc_title_box{
    width: 100%;
    padding: 30px 15px;
  }

  .k_arc_title_box .k_arc_tit .tit_img_pc {width: 60%;}
  .font_c .k_arc_title_box .k_arc_tit .tit_img_pc {width: 50%;}
}

@media all and (max-width:991px){
  .k_arc_title_box .k_arc_txt {font-size: 18px;}
  .k_arc_title_box .k_arc_tit .tit_img_pc {width: 75%;}

  .vid_list {padding: 10px 0;}

  .content_chat_box .chat_list {margin-top: 55px;}
}

@media all and (max-width:910px){
  .k_arc_title_box .k_arc_tit img {width: 100%;}
}

@media all and (max-width:768px){
  .lang-btn{width: 20px;}

  .k_arc_title_box {padding: 30px;}
  .k_arc_title_box .k_arc_txt {
    padding: 0 50px;
    font-size: 16px;
  }

  .video_container_box{width: 100%;}
  .video_container {margin-top: 0px;}

  .vid_lists{
    width: 100%;
  }
}

@media all and (max-width:600px) {
  .home-btn {
    gap: 10px;
    width: 160px;
  }
  .home-btn img.emblem_80th {max-height: 25px;}
  .home-btn a {
    display: flex;
    align-items: center;
  }

  .top-menu-bar {padding: 20px 10% 20px 10%;}
  
  .k_arc_title_box .k_arc_txt {padding: 0 30px;}
  
  .font_j .k_arc_title_box .k_arc_txt {word-break: keep-all;}

  .k_arc_title_box .k_arc_tit .tit_img_pc {display: none;}
  .k_arc_title_box .k_arc_tit .tit_img_mb {
    display: block;
    width: 90%;
    text-align: center;
  }
  .font_k .k_arc_title_box .k_arc_tit .tit_img_mb {width: 70%;}
  .k_arc_title_box .k_arc_txt {display: none;}
}

@media all and (max-width:480px){
  .top-menu-bar ul li a {font-size: 1rem;}

  .k_arc_title_box {padding: 20px 15px;}
  .font_k .k_arc_title_box {padding: 20px 30px;}

  .font_k .k_arc_title_box .k_arc_tit .tit_img_pc {display: none;}
  .font_k .k_arc_title_box .k_arc_tit .tit_img_mb {display: block;}
}


/* Content */
.wbox_outer_box{
  width: 100%;
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/content_bg_2.jpg) repeat 50% 0;
  background-size: cover;
  padding: 130px 0px;
}

/* 모바일 - header main_txt 노출 */
.main_txt_mb {display: none;} 

.content_vid_box{
  width: var(--width-lg);
  margin: 0 auto;
  text-align: center;
}
.cont_video_container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.cont_video_container iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vid_lists{display: flex;}
.vid_list{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  width: var(--column-3);
  background: #23282e;
  border-right: 1px solid rgba(255, 255, 255, .12);
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.vid_list.on {background: #22aa94;}
.font_k .vid_list {
  padding: 5px 0;
  width: var(--column-4);
}
.vid_list a{
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.5s;
}
.vid_list:hover a {opacity: 1;}
.vid_list.on a {opacity: 1;}
.vid_list a img{
  display: inline-block;
  border-radius: 100px;
  width: 35px;
}
.vid_list .br {margin-top: 0;}

.video_container_box{
  width: 600px;
  margin: 0 auto;
}
.video_container{
  position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 30px;
}
.cont_video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cont_video_container .vid{display: none;}
.cont_video_container .vid.on{display: block;}

.content_chat_box {
  margin: 0 auto;
  width: var(--width-lg);
}
.font_a .content_chat_box {direction: ltr;}
.content_chat_box .chat_list {
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-top: 70px;
}
.content_chat_box .chat_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content_chat_box .chat_list li:nth-child(even) {flex-direction: row-reverse;}
.content_chat_box .chat_list li .chat_profile {
  position: relative;
  width: var(--profile-lg);
  height: var(--profile-lg);
  border-radius: 50%;
  border: 1px solid #fff;
}
.content_chat_box .chat_list li:nth-child(1) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_1.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(2) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_2.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(3) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_3.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(4) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_4.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(5) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_5.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(6) .chat_profile {background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/listener_6.png) no-repeat center / cover;}

.content_chat_box .chat_list li .chat_profile::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: var(--profile-mini-lg);
  height: var(--profile-mini-lg);
  border-radius: 50%;
}
.content_chat_box .chat_list li:nth-child(1) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_gm.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(2) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_mx.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(3) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_jp.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(4) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_rs.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(5) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_cn.png) no-repeat center / cover;}
.content_chat_box .chat_list li:nth-child(6) .chat_profile::after{background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flag_cl.png) no-repeat center / cover;}

.content_chat_box .chat_list li .chat_bg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  max-width: 810px;
  width: 100%;
  word-break: keep-all;
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/chat_bg_1.svg) no-repeat center / 100% 100%;
  box-sizing: border-box;
}

.content_chat_box .chat_list li:nth-child(even) .chat_bg {
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/chat_bg_reverse_1.svg) no-repeat center / 100% 100%;
  text-align: right;
}
.content_chat_box .chat_list li .chat_txt {width: 90%;}
.content_chat_box .chat_list li .chat_txt .txt_tit {
  padding-bottom: 5px;
  font-size: 19px;
  font-weight: bold;
}
.content_chat_box .chat_list li .chat_txt .txt_msg {
  font-size: 17px;
  line-height: 1.5;
  word-break: keep-all;
}

@media all and (max-width:1440px){
  .wbox_outer_box {padding: 90px 0px;}

  .content_vid_box {padding: 0px 50px;}
  .content_chat_box {padding: 0px 50px;}
  .content_chat_box .chat_list li {gap: 15px;}
  .content_chat_box .chat_list li .chat_bg {
    width: calc(100% - 176px);
    padding: 15px 20px;
  }
  .content_chat_box .chat_list li .chat_txt .txt_tit {font-size: 18px;}
  .content_chat_box .chat_list li .chat_txt .txt_msg {font-size: 16px;}
}

@media all and (max-width:1080px){
  .content_vid_box {width: var(--width-md);}
  .content_chat_box {width: var(--width-md);}
}

@media all and (max-width:991px){
  .wbox_outer_box {padding: 70px 0px;}

  .content_vid_box {padding: 0 50px;}

  .content_chat_box {padding: 0 50px;}

  .font_c .content_chat_box .chat_list li .chat_txt .txt_msg, 
  .font_j .content_chat_box .chat_list li .chat_txt .txt_msg {word-break: normal;}
}

@media all and (max-width:768px){
  .content_vid_box {padding: 0 30px;}

  .vid_list {
    padding: 15px 0;
    font-size: 16px;
  }
  .vid_lists.lang_k .vid_list{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .content_chat_box {padding: 0 30px;}
  .content_chat_box .chat_list {margin-top: 50px;}
  .content_chat_box .chat_list li .chat_profile {
    width: var(--profile-md);
    height: var(--profile-md);
  }
  .content_chat_box .chat_list li .chat_profile::after {
    width: var(--profile-mini-sm);
    height: var(--profile-mini-sm);
  }
  .content_chat_box .chat_list li .chat_bg {
    min-height: auto;
    width: calc(100% - 125px);
  }
  .content_chat_box .chat_list li .chat_txt .txt_msg {font-size: 15px;}
}

@media all and (max-width:600px){
  .wbox_outer_box {padding: 50px 0;}
  .content_vid_box {padding: 0 30px;}

  .content_chat_box {padding: 0 30px;}
  .content_chat_box .chat_list {margin-top: 40px;}
  .content_chat_box .chat_list li .chat_txt .txt_tit {font-size: 16px;}
  .content_chat_box .chat_list li .chat_txt .txt_msg {font-size: 14px;}

  .content_chat_box .chat_list li .chat_profile {
    width: var(--profile-sm);
    height: var(--profile-sm);
  }
  .content_chat_box .chat_list li .chat_bg {
    width: calc(100% - 90px);
    background: #fff !important;
  }
  .content_chat_box .chat_list li .chat_txt {width: 100%;}
  .content_chat_box .chat_list li .txt_msg {background-color: #fff;}

  .main_txt_mb {
    display: flex;
    justify-content: center;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
    word-break: keep-all;
  }
  .main_txt_mb p {
    width: var(--width-md);
    font-weight: 500;
  }
  .main_txt_mb span.br {margin-top: 15px;}
}

@media all and (max-width:480px){
  .wbox_outer_box {padding: 35px 0;}

  .content_vid_box {padding: 0 15px;}
  
  .vid_list {font-size: 14px;}

  .content_chat_box {padding: 0 15px;}
  .content_chat_box .chat_list {
    gap: 30px;
    margin-top: 30px;
  }
  .content_chat_box .chat_list li,
  .content_chat_box .chat_list li:nth-child(even) {
    gap: 15px;
    flex-direction: column;
  }
  .content_chat_box .chat_list li .chat_bg {
    position: relative;
    width: 100%;
  }
  .content_chat_box .chat_list li .chat_bg::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    transform: translateX(-50%);
  }
  .content_chat_box .chat_list li:nth-child(even) .chat_bg {text-align: left;}
}

@media all and (max-width:425px){
  .font_c .main_txt_mb,
  .font_j .main_txt_mb {word-break: normal;}
}

@media all and (max-width:360px){
  .main_txt_mb {font-size: 14px;}
}

/* 광복 80주년 button */
.liberation_80_btn {
  margin: 0 auto;
  margin-top: 70px;
  width: var(--width-lg);
}
.liberation_80_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
  margin: 0 auto;
  min-width: 400px;
  background-color: #23282e;
  border: none;
  transition: background-color 0.5s;
}
.liberation_80_btn button:hover {background-color: #22aa94;}
.liberation_80_btn button i.icon_l {
  display: inline-block;
  width: 55px;
  height: 35px;
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/liberation80_logo4.png) no-repeat center / contain;
}
.liberation_80_btn button > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-shrink: 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.font_a .liberation_80_btn button span {flex-direction: row-reverse;}
.liberation_80_btn button .btn_txt {word-break: keep-all;}
.liberation_80_btn button i.arrow_r {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #fff;
}
.liberation_80_btn button i.arrow_r:before,
.liberation_80_btn button i.arrow_r:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% + 0.5px);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  display: inline-block;
  transition: opacity 0.5s;
}
.liberation_80_btn button i.arrow_r:before {
  background: url(../images/icon_over.png) no-repeat center / cover;
  opacity: 1;
}
.liberation_80_btn button i.arrow_r:after {
  background: url(../images/btn_icon.png) no-repeat center / cover;
  opacity: 0;
}
.liberation_80_btn button:hover i.arrow_r:before {opacity: 0;}
.liberation_80_btn button:hover i.arrow_r:after {opacity: 1;}

@media all and (max-width:1080px){
  .liberation_80_btn {width: var(--width-md);}
}

@media all and (max-width:991px){
  .liberation_80_btn {padding: 0 50px;}
}

@media all and (max-width:768px){
  .liberation_80_btn {
    margin-top: 50px;
    padding: 0 30px;
  }
  .liberation_80_btn button::before {left: 10px;}
  body:not(.font_k,) .liberation_80_btn button span {
    justify-content: space-between;
    gap: 10px;
    font-size: 18px;
  }
  .liberation_80_btn button .btn_txt {text-align: left;}


  .liberation_80_btn button > span {
    justify-content: space-between;
    gap: 0;
    width: 100%;
  }
  body:not(.font_k) .liberation_80_btn button .btn_txt {max-width: calc(100% - 70px);}
  .liberation_80_btn button i.icon_l {width: 45px;}
}

@media all and (max-width:600px){
  .liberation_80_btn {margin-top: 40px;}
  .liberation_80_btn button span {font-size: 16px;}
  .liberation_80_btn button .btn_txt {font-size: 14px;}
}

@media all and (max-width:480px){
  .liberation_80_btn {padding: 0 15px;}
  .liberation_80_btn button {
    padding: 15px;
    min-width: auto;
    width: 100%;
  }
  .liberation_80_btn button::before {display: none;}
}



/* footer */
body footer {
  position: relative;
	width:100%;
	left: 0;
	bottom: 0;
	background: #000;
	padding-top: 10px;
}

body footer::before {
  content: "";
  position: absolute;
  top: -20px;
  display: block;
  width: 100%;
  height: 24px;
  background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/flim_bar2.png) repeat;
}

footer .footer_container {
	width:100%;
	max-width: var(--width-lg);
  margin: 0 auto;
	padding:50px 0px;
	position:relative;
}
.footer_logo {height: 25px;}

.text_copyright {
	color: #fff;
    font-size:14px;
    margin-top:10px;
}

footer .share_area {
    position:absolute;
    top: var(--share-area-pos-xlg);
    right: var(--share-area-pos-xlg);
}
.font_a .share_area {left: 0;}
footer .share_area a {
    position: relative;
    float:left;
    width: var(--share-lg);
    height: var(--share-lg);
    background: #383e49;
}
footer .share_area a:first-child {margin-right: 1px;}
footer .share_area a img{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
footer .share_area .btn_gotop img {width: 15px;}
footer .share_area .btn_share img {width: 30px;}

@media all and (max-width:1440px){
  footer .footer_container {padding: 50px;}
  footer .share_area {right: var(--share-area-pos-lg);}
  .font_a .share_area {left: var(--share-area-pos-lg);}
}

@media all and (max-width:1080px){
  footer .footer_container {width: var(--width-md);}
}

@media all and (max-width:1200px){
  footer .share_area a {
    width: var(--share-md);
    height: var(--share-md);
  }
}

@media all and (max-width:768px){
  body footer::before {
    top: -11px;
    background: url(https://worldimg.kbs.co.kr/src/images/specialboard/k_archive/film_bar.png) no-repeat;
    background-size: 150% 50%;
  }
  footer .footer_container {padding: 30px;}
  .footer_logo {height: 20px;}
  footer .comp_view_default {
      margin:0;
      padding:0;
      background:none;
      border-bottom:none;
  }
	footer .share_area {right: var(--share-area-pos-md);}
	footer .share_area a img{width: 100%;}
  .font_a .share_area {left: var(--share-area-pos-md);}
}

@media all and (max-width:600px){
  footer .share_area {top: 10px;}
}

@media all and (max-width:480px){
  footer .text_copyright {font-size:12px;}
  .footer_logo {height: 17px;}
  footer .share_area a {
      width: var(--share-sm);
      height: var(--share-sm);
  }
  footer .share_area a img {width:100%;}
  footer .footer_container {padding: 30px 15px;}
  footer .share_area {right: var(--share-area-pos-sm);}
  .font_a .share_area {left: var(--share-area-pos-sm);}
  .comp_view_default {
      border-bottom:none;
      padding:0;
  }
}

@media all and (max-width:480px){
  footer .footer_container {padding: 40px 15px;}
  footer .share_area {top: 0;}
}