/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 공통 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  overflow-wrap: break-word;

}

html {
  scroll-behavior: smooth;
}

html,
body {
  font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
}

body {
  word-wrap: break-word;
  color: #333;
  line-height: 1.6875;
}

p {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 0;
  padding: 0;
  line-height: 1.6875;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.25;
  font-weight: bold;
}

.entry-content>*,
.mce-content-body>*,
.article p,
.demo .entry-content p,
.article dl,
.article ul,
.article ol,
.article blockquote,
.article pre,
.article table,
.article .toc,
.body .article,
.body .column-wrap,
.body .new-entry-cards,
.body .popular-entry-cards,
.body .navi-entry-cards,
.body .box-menus,
.body .ranking-item,
.body .rss-entry-cards,
.body .widget,
.body .author-box,
.body .blogcard-wrap,
.body .login-user-only,
.body .information-box,
.body .question-box,
.body .alert-box,
.body .information,
.body .question,
.body .alert,
.body .memo-box,
.body .comment-box,
.body .common-icon-box,
.body .blank-box,
.body .button-block,
.body .micro-bottom,
.body .caption-box,
.body .tab-caption-box,
.body .label-box,
.body .toggle-wrap,
.body .wp-block-image,
.body .booklink-box,
.body .kaerebalink-box,
.body .tomarebalink-box,
.body .product-item-box,
.body .speech-wrap,
.body .wp-block-categories,
.body .wp-block-archives,
.body .wp-block-archives-dropdown,
.body .wp-block-calendar,
.body .ad-area,
.body .wp-block-gallery,
.body .wp-block-audio,
.body .wp-block-cover,
.body .wp-block-file,
.body .wp-block-media-text,
.body .wp-block-video,
.body .wp-block-buttons,
.body .wp-block-columns,
.body .wp-block-separator,
.body .components-placeholder,
.body .wp-block-search,
.body .wp-block-social-links,
.body .timeline-box,
.body .blogcard-type,
.body .btn-wrap,
.body .btn-wrap a,
.body .block-box,
.body .wp-block-embed,
.body .wp-block-group,
.body .wp-block-table,
.body .scrollable-table,
.body .wp-block-separator,
.body .wp-block,
.body .video-container,
.comment-area,
.related-entries,
.pager-post-navi,
.comment-respond {
  margin-bottom: 1.8em;
}

body .is-layout-flex {
  display: flex;
}

.wp-block-columns {
  align-items: normal !important;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap !important;
}

.search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
  width: 100%;
}

input[type='submit'] {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  background-color: #f5f8fa;
  color: #333;
}

.btn,
.ranking-item-link-buttons a,
.btn-wrap>a,
.wp-block-freeform .btn-wrap>a {
  border-width: 2px;
  border-style: solid;
  color: #fff;
  background-color: #333;
  border-color: transparent;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  line-height: normal;
  padding: 7px 13px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.btn:hover,
.ranking-item-link-buttons a:hover,
.btn-wrap>a:hover {
  opacity: 0.7;
}

.button-block.aligncenter {
  text-align: center;
}

.btn-circle,
.btn-wrap-circle>a {
  border-radius: 99px;
}

.has-red-border-color {
  border-color: #e60033 !important;
}

.has-red-background-color {
  background-color: #e60033 !important;
}

.has-white-color {
  color: #ffffff !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type='submit'],
#bbp_reply_submit,
.bp-login-widget-register-link a {
  padding: 11px;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.marker-under-blue {
  background: linear-gradient(transparent 60%, #a8dafb 60%);
}

a {
  text-decoration: none;
  outline: none;
  color: #333;
}

a:hover,
a:active {
  text-decoration: none;
  color: #333;
}

a:visited {
  color: #222;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

label {
  cursor: pointer;
}

button {
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

input[type="search"] {
  width: auto;
  flex-grow: 1;
}

.content {
  padding-bottom: 16.53333vw;
}

.cf::after {
  clear: both;
  content: "";
  display: block;
}

.header-container,
.main,
.sidebar,
.footer {
  background-color: #fff;
}

.wrap {
  width: auto;
}

.wrap {
  margin: 0 auto;
}

.no-sidebar .content .main {
  padding: 0;
}

.no-sidebar .content .main {
  margin: 0;
  width: 100%;
}

.no-scrollable-main .main {
  height: 100%;
}

.main {
  padding: 0;
  border: none;
  border-radius: 0;
}

.entry-content .contact_wrapper {
  /*padding: 0 2.08333vw;*/
  padding: 0;
}

/* page title */
.page_mv_inner {
  overflow: hidden;
  position: relative;
  background: #cd001a;
}

.page_mv_ttl {
  color: #fff;
}

/* 헤더 */

.header {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  transition: background 0.5s;
  opacity: 1;
  box-shadow: 0px 0.67708vw 0.66406vw 0.11719vw rgba(53, 114, 162, 0.4);
  background: linear-gradient(to right, #ee001e, #ee001e 50%, #fff 50%, #fff 100%);
}

.header_logo {
  width: 34.93333vw;
  height: 6.4vw;
}

.header_logo a {
  display: block;
}

.header_top {
  overflow: visible;
  position: relative;
  z-index: 1;
  padding: 5.33333vw 5.33333vw 0;
  height: 17.06667vw;
}

.header_top::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  transition: 0.3s;
  transform: skewX(-21deg);
  transform-origin: top center;
}

.header_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: background 0.5s;
}

.header_content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
}

.header_area01 {
  background: transparent;
}

.search_box_txt {
  display: none;
}

.search_box {
  background: transparent;
}

.search_box form {
  display: flex;
  padding: 3.2vw 5.33333vw;
}

.search_box .txt_box {
  width: 68.66667vw;
  height: 13.33333vw;
}

.search_box label,
.search_box input {
  display: block;
  width: 100%;
  height: 100%;
}

.search_box input {
  padding: 0;
  padding-left: 5.33333vw;
  border: none;
  border-radius: 0;
  border-radius: 6.66667vw 0 0 6.66667vw;
  outline: none;
  background: none;
  background: #eaeaea;
  font-size: 100%;
  -webkit-appearance: none;
}

.search_box button {
  display: block;
  padding-right: 2.13333vw;
  border-radius: 0 6.66667vw 6.66667vw 0;
  width: calc(100% - 68.66667vw);
  height: 13.33333vw;
  background: #fbb052;
  font-size: 4vw;
  font-weight: bold;
}

.header_content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
}

.header_link_group03 {
  margin: 5.6vw 0 64.26667vw;
  padding: 0 5.33333vw;
}

.header_link_group03 li {
  overflow: hidden;
  border-radius: 7.33333vw;
}

.header_link_group03 li a {
  transition: 0.3s;
  background: #ee001e;
}

.header_link_group03 a {
  display: block;
  padding: 3.33333vw 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
}

/* 푸터 */
.footer {
  position: relative;
  padding: 10.66667vw 6.93333vw;
  background: #001b2d;
}

.footer_contact_wrapper {
  display: block;
  overflow: hidden;
  width: 100%;
  background-color: rgb(245, 214, 178);
  position: relative;
  height: 23vw;
  padding: 5.66667vw 6.93333vw;
}

.footer_contact_innner {
  margin: auto;
  width: 75vw;
  overflow: hidden;
  position: relative;
}

.footer_contact_ttl {
  font-size: 1.777778vw;
}

.footer_contact_innner a {
  margin-top: 1em;
  margin-left: 2em;
  display: block;
  width: 18vw;
  padding: 0.8vw 2vw;
  text-align: center;
  color: #fff;
  font-size: 1.1vw;
  background: #ee001e;
  border-radius: 3em;
  transition: 0.3s;
}

.footer_kai_bg_wrapper {
  position: relative;
  height: 29.5vw;
}

.footer_kai_bg_wrapper::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 30vw;
  background: url(/image/web/kai_sarvie_bg_lg.png) no-repeat center/contain;
}

.footer_kai_wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  height: 30vw;
  width: 75vw;
  margin: 0 auto;
}

.footer_kai_innner {
  margin-top: 5.66667vw;
  float: right;
  width: 40vw;
  padding: 1vw 1vw 2vw 2vw;
  background: rgba(255, 255, 255, .5);
  border-radius: 0.4em;
}

.footer_kai_ttl {
  font-size: 2.2vw;
  margin-bottom: 0.88888vw;
  color: #ee001e;
  text-shadow: 2px 2px 2px #fff;
}

.footer_kai_innner p {
  font-size: 1.5vw;
  padding-bottom: 1.98888vw;
  color: #222;
  text-shadow: 2px 2px 2px #fff;
}

.footer_kai_innner a {
  margin-top: 2em;
  display: block;
  width: 12vw;
  padding: 0.6em 2em;
  text-align: center;
  color: #fff;
  font-size: 1vw;
  background: #ee001e;
  border-radius: 3em;
  transition: 0.3s;
}

.footer_kai_innner a:hover {
  background-color: #f44c61;
}

.footer_bottom {
  margin-top: 0;
  text-align: center;
}

.footer_credit {
  margin-top: 11.73333vw;
  color: #c0c0c0;
}

.footer_credit small {
  font-size: 3.66667vw;
}

.footer_link_sub li a {
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.502);
  font-size: 3.73333vw;
}

.footer_link_sub li+li {
  margin-top: 5.6vw;
}

.footer_contact_innner a:hover {
  background-color: #f44c61;
}

.footer_link_sub li a:hover {
  color: #fff;
}

/* 반응형 */
@media (max-width: 767.98px) {

  /* 헤더 */
  .header {
    position: fixed;
  }

  .header_inner {
    height: 0;
  }

  .header .header_top {
    background: #fff;
  }

  .header .header_content {
    visibility: visible;
    opacity: 1;
  }

  .header_area01 {
    background: #ee001e;
  }

  .header .header_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /*width: 51.73333vw;*/
    width: 100vw;
    height: 100%;
    /*transform: skewX(-21deg);*/
    transform: skewX(0deg);
    transform-origin: top center;
    background: #ee001e;
  }

  .search_box input::-webkit-input-placeholder {
    color: #666;
    font-size: 3vw;
  }

  .search_box input::-moz-placeholder {
    color: #666;
    font-size: 3vw;
  }

  .search_box input::-ms-input-placeholder {
    color: #666;
    font-size: 3vw;
  }

  .search_box input:-ms-input-placeholder {
    color: #666;
    font-size: 3vw;
  }

  .search_box input::placeholder {
    color: #666;
    font-size: 3vw;
  }

  /* 푸터 */
  .footer_contact_bg_wrapper {
    padding-top: 0;
    height: 54vw;
  }

  .footer_contact_wrapper {
    height: 100%;
    padding-top: 11.5vw;
  }

  .footer_contact_innner {
    width: 100%;
  }

  .footer_contact_ttl {
    font-size: 3.5vw;
  }

  .footer_contact_innner a,
  .footer_kai_innner a {
    margin-top: 3vw;
    margin-left: 0;
    width: 52vw;
    padding: 3.2vw 2vw;
    font-size: 4.1vw;
    border-radius: 9em;
  }

  .footer_contact_bg_wrapper::after {
    right: -38vw;
    width: 86vw;
    height: 54vw;
  }

  .footer_kai_bg_wrapper {
    padding-top: 0;
    height: auto;
    background-color: rgb(244, 247, 250);
  }

  .footer_kai_bg_wrapper::before {
    background: transparent;
  }

  .footer_kai_wrapper {
    width: 100%;
    height: 100%;
  }

  .footer_kai_innner {
    margin-top: 5.66667vw;
    width: 100%;
    padding: 5.66667vw 6.93333vw;
    background: transparent;
    border-radius: 0;
  }

  .footer_kai_ttl {
    font-size: 5.2vw;
    margin-bottom: 2vw;
  }

  .footer_kai_innner a {
    margin: auto;
    margin-top: 6vw;
  }

}

@media (max-width: 767px) {
  /* 공통 */
  .content {
    margin-top: 20vw;
  }

  .article h1,
  .article h2,
  .article h3,
  .article h4,
  .article h5,
  .article h6 {
    font-size: 18px;
  }

  h1.page_mv_ttl {
    padding: 1rem;
  }

  h2.wp-block-heading {
    padding: 1rem;
    word-break: keep-all;
  }

  /* 헤더 */
  .header_area02 {
    display: none;
  }
  .header_logo {
    width: 20vw;
  }
  .header {
    height: 17vw;
  }
  .header .header_inner {
    display: flex;
  }
  .header .header_top {
    height: 20vw;
    width: 30vw;
  }
  .header .header_top::before {
    width: 30vw;
  }
  .header .header_area01 {
    width: 70vw;
  }
  .search_box form {
    width: 100%;
    height: 20vw;
    align-items: center;
    padding: 3.2vw 5.33333vw 3.2vw 0;
  }
  .search_box .txt_box {
    height: 9vw;
    width: 80%;
  }
  .search_box button {
    width: 20%;
    height: 9vw;
  }

  .footer_kai_innner p {
    font-size: 14px;
    word-break: keep-all;
  }

  .page_content .post_section_wrapper > p,
  .article p {
    padding: 0 1rem;
    font-size: 16px;
    word-break: keep-all;
  }
}

@media (min-width: 768px) {
  .content {
    padding-bottom: 3.125vw;
  }

  /* container */
  .page_container {
    /* margin-top: 6.25vw; */
    margin-bottom: 4.47917vw;
  }

  .page_content {
    margin: 2.8125vw auto 0;
    padding: 0;
    width: 75vw;
  }

  /* page title */
  .page_mv_inner {
    display: flex;
    margin: 0 auto;
    padding-top: 1.1vw;
    padding-left: 14.58333vw;
    height: 7.4vw;
    align-items: center;
  }

  .page_mv_ttl {
    font-size: 3.125vw;
  }

  .page_mv_inner::before {
    content: "";
    position: absolute;
    top: -6.25vw;
    left: 0;
    width: 14.16667vw;
    height: calc(100% + 6.25vw);
    transition: 0.3s;
    transform: skewX(-21deg);
    transform-origin: top center;
    background: #ee001e;
  }

  /* 헤더 */
  .header {
    height: 3.75vw;
  }

  .header.is-fixed {
    position: fixed;
  }

  .header_logo {
    width: 100%;
    height: 100%;
    margin-top: -0.2vw;
  }

  .header_inner {
    right: 0;
    margin: auto;
    height: 3.75vw;
    background: #001b2d;
  }

  .header_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12.75vw;
    height: 100%;
    transition: 0.3s;
    transform: skewX(-21deg);
    transform-origin: top center;
    background: #ee001e;
  }

  .header_top {
    margin: 0.6vw 0 0 1vw;
    padding: 0;
    width: 10vw;
    height: 100%;
  }

  .header_content {
    visibility: visible;
    opacity: 1;
  }

  .header_area01 {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    top: 0.1vw;
    left: 12vw;
    margin-top: 0;
    background: none;
  }

  .search_box_txt,
  .search_box_txt a {
    display: block;
    position: fixed;
    color: #fff;
    font-size: 1.2vw;
    font-weight: bold;
    /*padding-left: 1.4vw;*/
    top: 0.93vw;
  }

  .search_box {
    margin: auto;
    margin-top: 0.25vw;
    padding: 0 25.08333vw 0 17vw;
    width: 79.9375vw;
    background: transparent;
    align-items: center;
    justify-content: space-between;
  }

  .search_box form {
    padding: 0;
    width: 90%;
    padding-left: 100px;
  }

  .search_box .txt_box {
    width: calc(100% - 4.94792vw);
    height: auto;
  }

  .search_box label {
    display: flex;
    justify-content: space-between;
  }

  .search_box label,
  .search_box input {
    width: auto;
  }

  .search_box input {
    display: inline-block;
    margin-top: 0.10417vw;
    padding-left: 1.04167vw;
    border-radius: 0.25vw 0 0 0.25vw;
    width: 16.30208vw;
    height: 2.739167vw;
    background: #fff;
    font-size: 100%;
  }

  .search_box button {
    margin-top: 0.10417vw;
    padding-right: 0.19792vw;
    border-radius: 0 0.25vw 0.25vw 0;
    width: 5.94792vw;
    height: 2.739167vw;
    font-size: 1.03333vw;
  }

  .header_area02 {
    position: absolute;
    top: 0.7vw;
    right: 2vw;
  }

  .header_link_group03 {
    display: flex;
    margin: 0;
    margin-top: 0.1vw;
    padding: 0;
  }

  .header_link_group03 li {
    display: flex;
    border-radius: 1.5625vw;
    width: 15.625vw;
    height: 2.29167vw;
    justify-content: center;
    align-items: center;
  }

  .header_link_group03 a {
    padding: 0.28125vw 0;
    font-size: 0.9375vw;
  }

  .header_content {
    visibility: visible;
    opacity: 1;
  }

  /* 푸터 */
  .footer {
    padding: 0.3333332vw 0;
  }

  .footer_bottom {
    display: flex;
    flex-direction: row-reverse;
    margin: 0 auto;
    padding: 0 4.16667vw;
    justify-content: space-between;
  }

  .footer_link_sub {
    display: flex;
    margin-top: 0.625vw;
  }

  .footer_credit {
    margin-top: 0;
    font-size: 0.72917vw;
  }

  .footer_credit small {
    font-size: 0.72917vw;
  }

  .footer_link_sub li a {
    font-size: 0.72917vw;
  }

  .footer_link_sub li+li {
    margin-top: 0;
    margin-left: 3.28125vw;
  }

  /*헤더 메인 언어 선택*/
  .lang-li {
    padding-left: 100px;
  }
  .lang-select {
    max-width: 80%;
  }
}

@media (min-width: 1920px) {
  .header_logo {
    margin-top: 6px;
  }
}

/* 플로팅 버튼(블로그/유튜브) */
#floating {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}
#floating a {
  width: 60px;
  height: 60px;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 10px rgba(0,0,0,.3);
  padding: 12px;
}
#floating a:not(:last-child) {
  margin-bottom: 15px;
}
#floating a img {
  width: 100%;
}