@charset "UTF-8";
@font-face {
  font-family: "Cafe24Danjunghae";
  src: url(/home/culture/fonts/Cafe24Danjunghae.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ---------- Common ---------- */
main{padding-bottom: 50px}
.inner {
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 20px;
}
.ico_comm {
  display: block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.m_hidden {
  display: none;
}
/* // ---------- Common ---------- */

/* ---------- Layout ---------- */

html, body {
  height: 100%;
}
.wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100%;
}
.fixed_body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scale_up {
  zoom: 1.05;
}
/* // ---------- Layout ---------- */

/* ---------- Header ---------- */

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition:all .3s;
}
.info_head_etc {
  display: none;
}
.info_head_etc .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 56px;
}
.list_etc_site {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
}
.list_etc_site li+li {
  position: relative;
  padding-left: 24px;
}
.list_etc_site li+li:before {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  content: "";
}
.list_etc_site a {
  display: block;
  position: relative;
  padding: 11px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.list_etc_site a:after {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s;
  content: "";
}
.list_etc_site a:hover:after, .list_etc_site a:focus:after {
  width: 100%;
}
.list_etc_site .emph_txt {
  font-weight: 800;
}
.link_reservation{display: flex;gap:8px;align-items: center;justify-content: center;height: 41px;padding:0 5px;font-weight:500;font-size: 27px;line-height: 1;color:#5e5e5e}
.link_reservation span{display: none}

.wrap:not(.wrap_subpage) .link_reservation{color:#fff;border-color: currentColor}
.wrap:not(.wrap_subpage) .link_reservation i{opacity: 1}

.info_settings {
  display: flex;
  gap: 5px;
  margin-top: -1px;
}
.info_settings .live_onair {
  gap: 6px;
  padding: 8px 14px;
  border-radius: 0 0 10px 10px;
  word-break: keep-all;
}
.info_settings .live_onair .ico_onair {
  width: 52px;
}
.info_settings .live_onair .txt_onair {
  font-size: 16px;
}
.set_zoom {
  flex: none;
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 0 19px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 6px 10px rgba(221, 221, 221, 0.27);
}
.set_zoom i {
  font-size: 18px;
}
.set_zoom .btn_txt {
  padding: 9px 0 11px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #575757;
}
.set_zoom .btn_txt.on {
  font-weight: 800;
  color: #269BFF;
}
.info_settings .set_lang .link_lang {
  height: 41px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 0 0 10px 10px;
  font-size: 16px;
  line-height: 19px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(221, 221, 221, 0.27);
}
.info_settings .set_lang .link_lang .ico_arr:before {
  font-weight: 400;
  font-size: 18px;
  content: "\f078";
}
.info_settings .set_lang .list_language {
  background-color: #fff;
}
.feature_head {
  display: none;
  border-bottom: 1px solid #E8E8E8;
  background: #fff;
}
.feature_head .inner {
  position: relative;
  text-align: center;
}
.feature_head .box_recent {
  position: absolute;
  top: 29px;
  left: 20px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.box_recent strong {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #575757;
}
.box_recent .list_recent {
  display: flex;
  gap: 10px;
  padding-top: 11px;
}
.box_recent .list_recent li {
  display: flex;
  align-items: center;
  width: 125px;
  height: 34px;
  border: 1px solid #EDEDED;
  border-radius: 17px;
}
.box_recent .list_recent .link_recent {
  flex: 1;
  display: block;
  overflow: hidden;
  min-width: 0;
  padding: 8px 0 7px 14px;
  font-size: 14px;
  line-height: 17px;
  color: #6E6E6E;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_recent .list_recent .btn_del {
  flex: none;
  padding: 5px 14px 5px 10px;
  font-size: 12px;
  color: #A8A8A8;
}
.feature_head .wrap_tit {
  display: inline-flex;
  gap: 15px;
  align-items: center;
  padding: 21px 0 23px;
}
.wrap_tit .tit_logo {
  display: flex;
  align-items: center;
  flex: none;
  position: relative;
  width: 173px;
  height: 82px;
}
.wrap_tit .form_search {
  flex: 1;
}
.form_search fieldset {
  display: flex;
  gap: 10px;
  align-items: center;
  overflow: hidden;
  width: calc(100vw - 1050px);
  max-width: 460px;
  height: 60px;
  padding: 0 16px 0 30px;
  border: 3px solid #2F51B2;
  border-radius: 30px;
}
.form_search .inp_search {
  flex: 1;
  width: 100%;
  padding: 9px 0;
  border: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.form_search .inp_search::-webkit-input-placeholder {
  color: #B4B4B4;
}
.form_search .inp_search::-moz-placeholder {
  color: #B4B4B4;
}
.form_search .inp_search:-ms-input-placeholder {
  color: #B4B4B4;
}
.form_search .inp_search:-moz-placeholder {
  color: #B4B4B4;
}
.form_search .link_search {
  flex: none;
  padding: 10px;
}
.form_search .link_search .ico_search {
  width: 29px;
  height: 29px;
  background-image: url(/home/culture/images/common/ico_search.png);
}
.feature_head .link_keyword {
  position: absolute;
  top: 14px;
  right: 44px;
  overflow: hidden;
  width: 250px;
  height: 84px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url(/home/culture/images/common/img_ai_keyword.png) 0 0 no-repeat;
  background-size: cover;
}
.m_header {
  padding: 15px 0;
  border-bottom:1px solid rgba(232,232,232,.1);
}
.m_header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tit_logo a {
  display: block;
}
.tit_logo img {
  width: 170px;
}
.tit_logo .logo_black{display: none}
.tit_logo [class*=img_logo_] {
  width: 100%;
  transition: all linear 0.6s;
}
.tit_logo .img_logo_brand {
  opacity: 1;
  visibility: visible;
}
.tit_logo .img_logo_origin {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
}
.tit_logo.on .img_logo_brand {
  opacity: 0;
  visibility: hidden;
}
.tit_logo.on .img_logo_origin {
  opacity: 1;
  visibility: visible;
}
.m_header .group_etc {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
}
.m_header .group_etc .link_search {
  padding: 10px;
}
.m_header .group_etc .link_search span {
  width: 25px;
  height: 25px;
  background-image: url(/home/culture/images/common/ico_search_m.png);
}
.m_header .group_etc .btn_menu {
  padding: 16px 10px 16px 14px;
  margin-right: -10px;
}
.m_header .group_etc .btn_menu span {
  overflow: visible;
  position: relative;
  width: 14px;
  height: 3px;
  background: #fff;
}
.m_header .group_etc .btn_menu span:before, .m_header .group_etc .btn_menu span:after {
  position: absolute;
  right: 0;
  width: 20px;
  height: 3px;
  background: #fff;
  content: "";
}
.m_header .group_etc .btn_menu span:before {
  top: -9px;
}
.m_header .group_etc .btn_menu span:after {
  top: 9px;
}
.live_onair {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  border: 1px solid #EFCACA;
  border-radius: 5px;
  background-color: #FEF4F4;
  box-shadow: 0 6px 10px rgba(248, 212, 212, 0.27);
}
.live_onair .ico_onair {
  width: 46px;
}
.live_onair .txt_onair {
  display: none;
  font-weight: 800;
  font-family: "SUITE", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.live_onair .txt_onair em {
  font-weight: 800;
  color: #F44646;
}
.dimmed_layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.m_header.on .dimmed_layer {
  opacity: 1;
  visibility: visible;
}
.m_menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  width: 100%;
  max-width: 560px;
  background: #fff;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.m_header.on .m_menu {
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.m_head_gnb {
  flex: none;
  display: flex;
  column-gap: 7px;
  align-items: center;
  padding: 15px 20px;
}
.m_head_gnb .tit_logo {
  margin-right: auto;
}
.m_head_gnb .btn_close {
  padding: 8px 15px;
  margin-right: -15px;
  font-size: 32px;
  color: #000;
}
.set_lang {
  position: relative;
}
.set_lang .link_lang {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 38px;
  padding: 0 15px;
  border-radius: 19px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #575757;
  background: #f4f4f4;
}
.set_lang .link_lang .ico_arr {
  transition: transform 0.3s;
}
.set_lang .link_lang .ico_arr:before {
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 900;
  font-size: 18px;
  content: "\f0d7";
}
.set_lang .list_language {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  max-height: 0;
  margin-top: 10px;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  background-color: #F4F4F4;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.set_lang .list_language li+li {
  border-top: 1px dashed #DBDBDB;
}
.set_lang .list_language a {
  display: block;
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  color: #575757;
}
.set_lang.on .list_language {
  max-height: 200px;
  opacity: 1;
  visibility: visible;
}
.set_lang.on .link_lang .ico_arr {
  transform: rotate(180deg);
}
.m_menu .hit_menu {
  flex: none;
  overflow: hidden;
}
.m_menu .hit_menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 50%;
  height: 60px;
  font-family: "SUITE", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  background: #38A2FC;
}
.m_menu .hit_menu a+a {
  background: linear-gradient(73deg, #8060ff 0%, #c834ff 100%);
}
.m_gnb {
  flex: 1;
  overflow: auto;
  position: relative;
  z-index: 0;
  min-height: 0;
  background: #fff;
}
.m_gnb:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  height: 100%;
  background: #2F51B2;
  width: 45%;
  pointer-events: none;
  content: "";
}
.m_gnb .gnb_menu {
  display: flex;
  column-gap: 7px;
  align-items: flex-start;
  width: 45%;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-family: "SUITE", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #97A8D9;
  background: #2F51B2;
}
.m_gnb a[target=_blank]:after {
  flex: none;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 400;
  content: "\f08e";
}
.m_gnb .on .gnb_menu {
  border-bottom-color: #fff;
  color: #fff;
  background: #2143a7;
}
.m_gnb .on .m_gnb_sub {
  display: block;
}
.m_gnb_sub {
  display: none;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 55%;
  padding-left: 15px;
  border-top: 1px solid #DBDBDB;
}
.m_gnb_sub .link_menu {
  display: flex;
  position: relative;
  column-gap: 5px;
  align-items: center;
  font-family: "SUITE", sans-serif;
  padding: 17px 20px 17px 0;
  border-bottom: 1px solid #DBDBDB;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  word-break: keep-all;
}
.m_gnb_sub li:last-child .link_menu {
  border-bottom-color: transparent;
}
.m_gnb_sub .link_menu:before {
  flex: none;
  width: 4px;
  height: 4px;
  margin-right: 3px;
  border-radius: 50%;
  background: #2F51B2;
  content: "";
}
.m_gnb_sub .link_menu:after {
  flex: none;
  margin-left: auto;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.3s;
  content: "\f078";
}
.m_gnb_sub .sub_none .link_menu {
  padding-right: 15px;
}
.m_gnb_sub .sub_none .link_menu:after {
  content: normal;
}
.m_gnb_sub .sub_none .link_menu[target="_blank"]:after{
  margin-left: 5px;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 400;
  content:'\f08e';
}
.m_gnb_sub li.on a.link_menu {
  border-bottom-color: #2F51B2;
  color: #2F51B2;
}
.m_gnb_sub .on .link_menu:after {
  transform: rotate(180deg);
}
.m_gnb_list {
  display: none;
}
.m_gnb_list li {
  border-bottom: 1px dashed #DBDBDB;
}
.m_gnb_list li:last-child {
  border-bottom: 1px solid #000;
}
.m_gnb_list a {
  display: flex;
  gap: 5px;
  align-items: flex-start;
  padding: 10px 19px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #7E7E7E;
  word-break: break-word;
  word-wrap: break-word;
}
.m_gnb_sub.list_sector {
  padding-left: 23px;
}
.m_gnb_sub.list_sector li {
  border-bottom: 1px dashed #dbdbdb;
}
.m_gnb_sub.list_sector a {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 10px;
  font-family: "SUITE", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  word-break: keep-all;
}
.m_gnb_sub.list_sector .ico_comm {
  flex: none;
  width: 30px;
  height: 30px;
}
.list_sector .ico_sector1 {
  background-image: url(/home/culture/images/common/ico_sector1.png);
}
.list_sector .ico_sector2 {
  background-image: url(/home/culture/images/common/ico_sector2.png);
}
.list_sector .ico_sector3 {
  background-image: url(/home/culture/images/common/ico_sector3.png);
}
.list_sector .ico_sector4 {
  background-image: url(/home/culture/images/common/ico_sector4.png);
}
.list_sector .ico_sector5 {
  background-image: url(/home/culture/images/common/ico_sector5.png);
}
.list_sector .ico_sector6 {
  background-image: url(/home/culture/images/common/ico_sector6.png);
}
.list_sector .ico_sector7 {
  background-image: url(/home/culture/images/common/ico_sector7.png);
}
.list_sector .ico_sector8 {
  background-image: url(/home/culture/images/common/ico_sector8.png);
}
.list_sector .ico_sector9 {
  background-image: url(/home/culture/images/common/ico_sector9.png);
}
.logo{margin-right: auto}
.logo a {
  display: block;
  padding: 16px 0;
}
.gnb_box {
  display: none;
}
.gnb_box .inner {
  display: flex;
}
.list_gnb {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-right: 50px;
}
.list_gnb .link_gnb {
  display: flex;
  align-items: center;
  position: relative;
  padding: 31px 30px 30px;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
}
.list_gnb li {
  position: relative
}
.list_gnb_sub {
  overflow: hidden;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  width:100%;
  min-width: 200px;
  padding-top: 3px;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #fff;
  box-shadow: 0 3px 8px 2px rgba(0, 0, 0, .08);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  transform: translateX(-50%);
}
.list_gnb_sub:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #2F51B2;
  transition: all 0.3s;
  transform: translateX(-50%);
  content: "";
}
.list_gnb .on .list_gnb_sub:before {
  width: 100%;
}
.list_gnb_sub li+li {
  border-top: 1px dashed #b5b5b5;
}
.list_gnb_sub a {
  display: block;
  padding: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
  text-align: center;
}
.list_gnb_sub a:hover, .list_gnb_sub a:focus {
  font-weight: 700;
  color: #2F51B2;
  background: #f8f8f8
}
.list_gnb_sub a[target="_blank"]:after{
  margin-left: 10px;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 400;
  content: '\f08e';
}
.list_gnb .on .list_gnb_sub, .list_gnb li:focus .list_gnb_sub {
  opacity: 1;
  visibility: visible
}
.list_gnb .link_gnb[target=_blank]:after {
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 300;
  content: "\f08e";
}
.list_gnb .on .link_gnb {
  color: #2F51B2;
}
.list_gnb .link_gnb:before {
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 3px;
  background: currentColor;
  transition: all 0.3s;
  transform: translateX(-50%);
  content: "";
}
.panel_gnb {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-bottom:1px solid #e8e8e8;
}
.panel_gnb .outer {
  position: relative;
  background-color: #fff;
}
/* .panel_gnb .outer:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background-color: #F9F9F9;
  content: "";
} */
.panel_gnb .outer .inner {
  position: relative;
  z-index: 0;
  justify-content: flex-start;
  background-color: #fff;
}
/* .panel_gnb .outer .inner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  z-index: -10;
  width: 330px;
  background-color: #F9F9F9;
  content: "";
} */
.list_gnb li.on .panel_gnb, .list_gnb li:focus .panel_gnb {
  display: block;
}
.panel_gnb .tit_panel {
  flex: none;
  position: relative;
  width: 310px;
  padding-top: 40px;
}
/* .panel_gnb .tit_panel:after {
  position: absolute;
  bottom: 0;
  right: 37px;
  width: 482px;
  height: 210px;
  background: url(/home/culture/images/common/bg_tit_panel.png) 0 0 no-repeat;
  background-size: 482px 210px;
  content: "";
} */
.panel_gnb .tit_panel .tit_menu {
  font-family: "SUITE", sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 52px;
  color: #000;
}
.panel_gnb .tit_panel .ico_menu_copy {
  width: 273px;
  height: 71px;
  margin-top: 20px;
  background-image: url(/home/culture/images/common/img_menu_copy.png);
}
.list_sub_gnb {
  flex: 1;
  min-width: 0;
  display: grid;
  overflow: hidden;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  position: relative;
  margin: 40px 0;
}
.list_sub_gnb>li {
  position: relative;
}
/* .list_sub_gnb>li:before {
  position: absolute;
  top: 0;
  left: -22px;
  bottom: 0;
  width: 1px;
  background: #eaeaea;
  content: "";
} */
.list_sub_gnb .link_menu {
  display: flex;
  align-items: center;
  position: relative;
  padding: 17px 46px 16px 19px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-family: "SUITE", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #000;
}
.list_sub_gnb .link_menu+.link_menu {
  margin-top: 20px;
}
.list_sub_gnb .link_menu:before {
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: normal;
  transform: translateY(-50%);
  content: "\f105";
}
.list_sub_gnb .ico_comm {
  flex: none;
  width: 21px;
  height: 21px;
  background-image: url(/home/culture/images/common/ico_bookmark.png);
}
.list_sub_gnb .ico_comm.on {
  background-image: url(/home/culture/images/common/ico_bookmark_on.png);
}
.list_sub_gnb .link_menu.sub_none:before {
  content: "";
}
.list_sub_gnb .link_menu.sub_none+.ico_comm {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 60px;
  background-size: 21px 21px;
  background-position: 7px 50%;
}
.list_sub_gnb li:hover .link_menu:before, .list_sub_gnb .link_menu:focus:before {
  color: #fff;
}
.list_sub_gnb li:hover .link_menu, .list_sub_gnb .link_menu:focus {
  color: #fff;
  background-color: #2F51B2;
  border-color: transparent;
}
.list_menu_group {
  padding: 10px 0 0 10px;
}
.list_menu_group li {
  display: flex;
  align-items: center;
  gap: 5px;
}
.list_menu_group .link_txt {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 5px 0;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
}
.list_menu_group .link_txt:hover, .list_menu_group .link_txt:focus {
  font-weight: 500;
  color: #2F51B2;
}
.list_menu_group .link_txt:hover:before, .list_menu_group .link_txt:focus:before {
  background-color: #2F51B2;
}
.list_menu_group .link_txt[target=_blank]:hover:after, .list_menu_group .link_txt[target=_blank]:focus:after {
  color: #2F51B2;
}
.list_menu_group .link_txt:before {
  flex: none;
  width: 5px;
  height: 5px;
  margin-top: 10px;
  border-radius: 50%;
  background: #565656;
  content: "";
}
.list_menu_group .link_txt[target=_blank]:after {
  flex: none;
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #565656;
  content: "\f08e";
}
.list_menu_group .link_txt span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.list_menu_group .link_txt span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #2F51B2;
  transform: translateX(-101%);
  transition: transform 0.3s;
  content: "";
}
.list_menu_group .link_txt:hover span:after, .list_menu_group .link_txt:focus span:after {
  transform: translateX(0);
}
.list_menu_group .ico_comm {
  align-self: stretch;
  width: 31px;
  height: auto;
  margin-right: -10px;
  background-size: 21px 21px;
  background-position: 0 50%;
}
.info_menus {
  flex: none;
  display: flex;
  gap: 15px;
  align-items: center;
  position: relative;
}
.info_menus .btn_mymenu {
  align-self: flex-end;
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: -1px;
  padding: 17px 18px;
  border-radius: 10px 10px 0 0;
  background-color: #269BFF;
  box-shadow: 0 3px 6px rgba(38, 155, 255, 0.57);
}
.info_menus .ico_bookmark {
  width: 26px;
  height: 26px;
  background-image: url(/home/culture/images/common/ico_bookmark_mymenu.png);
}
.info_menus .txt_mymenu {
  width: 86px;
  height: 24px;
  background-image: url(/home/culture/images/common/txt_mymenu.png);
}
.info_menus .btn_sitemap {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: -15px;
  padding: 22px 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #575757;
}
.info_menus .btn_sitemap .ico_comm {
  overflow: visible;
  position: relative;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
}
.info_menus .btn_sitemap .ico_comm:before, .info_menus .btn_sitemap .ico_comm:after {
  position: absolute;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  content: "";
}
.info_menus .btn_sitemap .ico_comm:before {
  top: -10px;
  left: 0;
}
.info_menus .btn_sitemap .ico_comm:after {
  top: 10px;
  left: 0;
}
.wrap_sector {
  background-color: #fff;
}
.wrap_sector .inner {
  flex-direction: column;
  align-items: center;
  padding: 60px 20px 80px;
}
.wrap_sector .tit_sector {
  font-family: "SUITE", sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 52px;
  color: #000;
}
.wrap_sector .list_sector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-row-gap: 20px;
  width: 100%;
  padding-top: 33px;
}
.wrap_sector .list_sector li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.wrap_sector .list_sector li>.ico_comm {
  width: 120px;
  height: 120px;
  border-radius: 20px;
  background-color: #F3F3F8;
  background-position: 50% 50%;
  background-size: 60px 60px;
}
.wrap_sector .list_sector .txt_sector {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
}
.wrap_sector .list_sector .txt_sector .ico_comm {
  position: relative;
  width: 31px;
  height: 31px;
  background: url(/home/culture/images/common/ico_bookmark.png) 50% 50% no-repeat;
  background-size: 21px 21px;
}
.wrap_sector .list_sector .ico_comm.on {
  background-image: url(/home/culture/images/common/ico_bookmark_on.png);
}
.wrap_sector .list_sector .link_txt {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #000;
}
.wrap_sector .list_sector .link_txt:hover, .wrap_sector .list_sector .link_txt:focus {
  color: #2F51B2;
}
.wrap_sector .list_sector .link_txt:hover span:after, .wrap_sector .list_sector .link_txt:focus span:after {
  transform: translateX(0);
}
.wrap_sector .list_sector .link_txt span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.wrap_sector .list_sector .link_txt span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #2F51B2;
  transform: translateX(-100%);
  transition: transform 0.3s;
  content: "";
}
.wrap_sector .list_sector .link_txt:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
/* // ---------- Header ---------- */

/* ---------- Footer ---------- */

.wrap_relate {
  margin-top: 50px;
}
.wrap_relate .inner {
  padding: 0;
}
.list_relate {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.list_relate>li {
  position: relative;
  flex: 1;
  flex-basis: 50%;
}
.list_relate>li:nth-child(even) .link_cate {
  background-color: #075EAD;
}
.list_relate>li:nth-child(1), .list_relate>li:nth-child(2) {
  border-bottom: 1px solid #fff;
}
.list_relate>li:nth-child(even) {
  border-left: 1px solid #fff;
}
.list_relate>li:nth-child(1) .link_cate {
  border-top-left-radius: 20px;
}
.list_relate>li:nth-child(2) .link_cate {
  border-top-right-radius: 20px;
}
.list_sub_relate {
  display: none;
  overflow-y: auto;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  max-height: 257px;
  background-color: #2C67A8;
}
.list_relate>li:nth-child(even) .list_sub_relate {
  background-color: #06549B;
}
.list_relate .link_cate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 11px 20px 11px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  background-color: #3173BB;
  transition: all 0.3s;
}
.list_relate .link_cate i {
  transition: transform 0.3s;
}
.list_relate li.on a.link_cate {
  border-radius: 0;
}
.list_relate li.on .link_cate i {
  transform: rotate(180deg);
}
.list_sub_relate a {
  display: flex;
  gap: 5px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.list_sub_relate a:hover, .list_sub_relate a:focus {
  background-color: #285D97;
}
.list_sub_relate a[target=_blank]:after {
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-weight: normal;
  color: #6C95C2;
  content: "\f08e";
}
.list_sub_relate li+li {
  border-top: 1px dashed rgba(219, 219, 219, 0.2);
}
.footer {
  margin-top: auto;
  position: relative;
  background-color: #404961;
}
.footer .inner {
  max-width: 1720px
}
.list_gs_etc {
  display: flex;
  column-gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin: 0 -20px;
  padding: 22px 20px 21px;
  font-size: 0;
  line-height: 0;
  background-color: #222C48;
  text-align: center;
}
.list_gs_etc li {
  display: inline-block;
  vertical-align: top;
}
.list_gs_etc a {
  display: block;
  padding: 3px 2px;
  font-size: 12px;
  line-height: 21px;
  color: #fff;
}
.list_gs_etc .emph_txt {
  color: #FFCB00;
}
.info_foot {
  padding: 30px 0 45px;
  text-align: center;
}
.logo_gs_footer {
  display: block;
  width: 200px;
  margin:0 auto;
}
.logo_gs_footer img {
  width: 100%;
}
.cont_etc_info {
  padding-top: 25px;
  word-break: keep-all
}

.cont_etc_info .txt_address, .cont_etc_info .txt_copy {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.cont_etc_info .txt_address {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
.cont_etc_info .txt_copy {
  display: block;
  padding-top: 5px
}
.wrap_foot_info {
  word-break: keep-all;
}
.info_address {
  padding-top: 21px;
}
.info_address, .info_address a, .info_address small {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}
.info_address address span {
  display: block;
}
.info_address small {
  display: block;
}
.info_address a:hover {
  text-decoration: underline;
}
.info_manage {
  padding-top: 11px;
  color: #fff;
}
.info_manage .wrap_txt {
  padding-top: 10px;
  font-size: 12px;
  line-height: 17px;
}
.info_manage i {
  font-size: 20px;
}
.info_manage em {
  color: #FFCB00;
}
.info_manage .wrap_txt .txt_etc{color:rgba(255,255,255,.6)}

/* Top 버튼 */

.footer .btn_top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s
}
.footer .btn_top i {
  font-size: 20px;
  transition: transform .3s
}
.footer .btn_top:hover i {
  transform: scale(1.2)
}
.footer .btn_top.on {
  opacity: 1;
  visibility: visible
}
.footer .btn_top.fixed {
  position: absolute !important;
  top: 0;
  right: 20px;
  transform: translateY(-50%)
}
.footer .btn_top span {
  display: block;
  padding-top: 3px;
  font-size: 14px;
  line-height: 17px
}

.wrap_relate_site{display: inline-flex;justify-content: center;position: relative;vertical-align: top}
.wrap_relate_site .link_relate{display: inline-flex;justify-content: space-between;align-items: center;gap:10px;width: 190px;height:46px;padding:12px 15px;border:1px solid rgba(255,255,255,.25);font-size: 14px;line-height: 20px;color:#fff}
.wrap_relate_site .link_relate i{transition: transform .3s}
.wrap_relate_site.on .link_relate{border-radius: 0 0 5px 5px}
.wrap_relate_site.on .list_relate_site{max-height:240px;visibility: visible}
.wrap_relate_site.on .link_relate i{transform: rotate(180deg)}
.list_relate_site{overflow: auto;position: absolute;bottom:100%;left: 0;right: 0;z-index: 10;max-height:0;border-radius: 5px 5px 0 0;background: #1e2736;visibility: hidden;transition: max-height .3s, visibility .3s}
.list_relate_site li{border-bottom:1px solid rgba(255,255,255, .1)}
.list_relate_site a{display: block;padding:10px 20px;font-size: 14px;line-height: 18px;color:#fff;background-color: #1e2736;text-align: left}
/* // ---------- Footer ---------- */

/* 지도 마커 커스텀 오버레이 툴팀 스타일 */
.custom_overlay_tooltip{position: absolute;bottom: 46px;left: 0;padding: 5px 10px 4px;border:1px solid #b9b9b9;border-radius:5px;font-size: 14px;line-height: 18px;color:#000;background: #fff;transform:translateX(-50%)}
.custom_overlay_tooltip:after{position: absolute;top:100%;left: 50%;width: 8px;height: 8px;background: #fff;border-bottom:1px solid #b9b9b9;border-right: 1px solid #b9b9b9;transform: rotate(45deg) translateX(-50%);content:''}

@media only screen and (min-width: 360px) {
  /* ---------- Header ---------- */
  .live_onair .txt_onair {
    display: block;
  }
  /* // ---------- Header ---------- */
}
@media only screen and (min-width: 768px) {
  main{padding-bottom: 70px}

  .footer .btn_top {
    width: 76px;
    height: 76px
  }
  .footer .btn_top i {
    font-size: 30px
  }
  .footer .btn_top span {
    padding-top: 7px;
    font-size: 18px;
    line-height: 21px
  }
  /* ---------- Footer ---------- */
  .list_relate .link_cate {
    height: 70px;
    padding: 11px 50px;
    font-size: 16px;
    line-height: 22px;
  }
  .list_relate .link_cate i {
    font-size: 24px;
  }
  .list_sub_relate {
    max-height: 341px;
  }
  .list_sub_relate a {
    padding: 17px 26px;
    font-size: 16px;
  }
  .list_relate>li:nth-child(even) ul a:hover {
    background-color: #054B8B;
  }
  .wrap_gs_etc:before {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    height: 70px;
    background-color: #222C48;
    content: "";
  }
  .list_gs_etc {
    align-items: center;
    column-gap: 18px;
    row-gap: 7px;
    min-height: 70px;
  }
  .list_gs_etc a {
    padding: 5px;
    font-size: 16px;
    line-height: 19px;
  }
  .info_address {
    padding-top: 30px;
  }
  .info_address, .info_address a, .info_address small {
    font-size: 16px;
    line-height: 24px;
  }
  .info_address address span {
    display: inline;
  }
  .info_manage {
    padding-top: 20px;
  }
  .info_manage i {
    font-size: 30px;
  }
  .info_manage .wrap_txt {
    font-size: 16px;
    line-height: 24px;
  }
  /* // ---------- Footer ---------- */
}
@media only screen and (min-width: 1024px) {
  /* ---------- Footer ---------- */
  .list_relate {
    flex-wrap: nowrap;
  }
  .list_relate .link_cate {
    padding-left: 58px;
    padding-right: 58px;
  }
  .list_relate>li:nth-child(1), .list_relate>li:nth-child(2) {
    border-bottom: 0;
  }
  .list_relate>li:nth-child(even) {
    border-left: 0;
  }
  .list_relate>li:nth-child(2) .link_cate {
    border-top-right-radius: 0;
  }
  .list_relate>li:nth-child(1) .link_cate {
    border-top-left-radius: 60px;
  }
  .list_relate>li:nth-child(4) .link_cate {
    border-top-right-radius: 60px;
  }
  .list_sub_relate::-webkit-scrollbar {
    width: 10px;
  }
  /* 스크롤 바 전체 너비 */
  .list_sub_relate::-webkit-scrollbar-track {
    background-color: #004481;
  }
  /* 전체 게이지 */
  .list_sub_relate::-webkit-scrollbar-thumb {
    background-color: #4389D6;
    border-radius: 5px;
  }
  /* 현재 게이지 */
  .list_sub_relate a {
    padding: 17px 30px;
  }
  .list_gs_etc {
    column-gap: 30px;
    justify-content: flex-start;
    padding: 20px;
  }
  .info_foot {
    position: relative;
    padding: 50px 0 62px;
    text-align: left;
  }
  .logo_gs_footer {
    width: 279px;
    margin: 0;
  }
  .cont_etc_info {
    padding-top: 21px
  }
  .cont_etc_info .txt_address, .cont_etc_info .txt_copy {
    font-size: 16px;
    line-height: 24px
  }
  .cont_etc_info .txt_address {
    justify-content: flex-start
  }
  .wrap_relate_site{position: absolute;top:50px;right:0}
  .wrap_relate_site .link_relate{width: 270px;height: 60px;font-size: 18px;line-height: 24px}

  .wrap_foot_info{display: flex;gap:50px}
  .info_manage{display: flex;gap:20px;padding-top: 30px}
  .info_manage .wrap_txt{padding-top: 0}
  
  /* // ---------- Footer ---------- */
}
@media only screen and (min-width: 1200px) {
  /* ---------- Footer ---------- */
  .wrap_relate .inner, .footer .inner {
    padding: 0 20px;
  }
  .wrap_foot_info {
    gap: 100px;
    padding-top: 20px;
  }
  .info_address, .info_manage, .info_manage .wrap_txt {
    padding-top: 0;
  }
  .info_manage {
    display: flex;
    column-gap: 10px;
    align-items: center;
  }
  .info_manage .wrap_txt .txt_etc{display: inline-block;margin-left:10px;vertical-align: top}
  /* // ---------- Footer ---------- */
}
@media only screen and (min-width: 1440px) {
  /* ---------- Common ---------- */
  .m_hidden {
    display: block;
  }
  /* // ---------- Common ---------- */
  /* ---------- Header ---------- */
  .m_header {
    display: none;
  }
  .gnb_box {
    display: block;
    border-top:1px solid rgba(232,232,232,.1);
    border-bottom: 1px solid rgba(232,232,232,.1);
  }

  .logo img{display: none}
  .logo .logo_white{display: block}
  .header.focus_on{background-color: rgba(255,255,255,1)}
  .header.focus_on .logo .logo_black{display: block}
  .header.focus_on .logo .logo_white{display: none}
  .header.focus_on .list_etc_site a{color:#575757}
  .header.focus_on .list_etc_site .emph_txt{color:#30A0FF}
  .header.focus_on .list_etc_site li+li:before{background: #dedede}
  .header.focus_on .gnb_box{border-color: #e8e8e8}
  .header.focus_on .list_gnb .link_gnb{color:#000}
  .header.focus_on .list_gnb .on .link_gnb {color: #2F51B2}
  .header.focus_on .info_menus .btn_sitemap .ico_comm{background:#000}
  .header.focus_on .info_menus .btn_sitemap .ico_comm:before{background:#000}
  .header.focus_on .info_menus .btn_sitemap .ico_comm:after{background:#000}
  .wrap:not(.wrap_subpage) .header.focus_on .link_reservation{color:#5e5e5e;border-color:#ddd}
  .wrap:not(.wrap_subpage) .header.focus_on .link_reservation i{opacity: .7}

  .header:before {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    content: "";
  }
  .header.on:before {
    opacity: 1;
    visibility: visible;
  }
  .info_head_etc {
    display: block;
  }
  .feature_head {
    display: block;
  }
  .link_reservation{padding:0 10px;border:1px solid #ddd;border-top:0;border-radius: 0 0 10px 10px;font-size: 16px;line-height: 19px;box-shadow: 0 6px 10px rgba(221, 221, 221, 0.27)}
  .link_reservation span{display: inline}
  .link_reservation i{opacity: .7}
  /* // ---------- Header ---------- */
  .wrap_relate_site{top:78px}
  .list_gs_etc{column-gap:50px;margin-left:-60px;padding-left:60px;border-bottom-left-radius: 60px}
}