@charset "UTF-8";
/* 태그의 스타일 초기화 - 브라우저가 태그에 준 스타일을 모두 삭제하고 내가 준 스타일만 적용 */
* { /* 와이드카드 - 모든 태그를 지칭 -상속이 안되는 속성을 전체적용할 때 사용 */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

li { /* li 앞에 동그라미 삭제 */
  list-style: none;
}

/* 글자의 크기와 두께를 변화시키는 태그 */
h1, h2, h3, h4, h5, h6, strong {
  font-size: inherit; /* 브라우저가 주는 스타일은 무시 후 html, body에 선언된 스타일로 상속 */
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: none; /* 밑줄삭제 */
}

img { /* 이미지태그를 a태그로 감싸면 일부 브라우저에서 파란색 테두리가 생김 그걸 방지 */
  border: 0;
}

em, address {
  font-style: normal;
}

button { /* 버튼태그는 글자의 스타일은 상속받지 않음 */
  background-color: transparent; /* 투명색 */
  border: 0; /* 테두리 삭제 */
  cursor: pointer;
}

/* form태그는 문자스타일 상속을 안 받음 */
input, select, textarea, button {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

legend {
  display: none;
}

fieldset {
  border: 0;
}

/* font size */
@keyframes under {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* 텍스트 줄수 제한*/
/* more 오버애니메이션 */
@keyframes mAct {
  0% {
    right: 8px;
  }
  50% {
    right: 12px;
  }
  100% {
    right: 8px;
  }
}
/* 글자 스타일은 상속받음. 기본 글자의 스타일은 모든 태그를 감싸는 html, body에 선언해야 모든 글자에 적용 */
html, body {
  font-family: "MinSans", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #3d3d3d;
  letter-spacing: 0em; /* 자간 */
  line-height: 1.3; /* 배수 */
  word-break: keep-all;
  word-wrap: break-word; /* 만약 단어길이가 화면넓이를 벗어난다면 강제로 줄바꿈을 실행 */
}
@media screen and (max-width: 1024px) {
  html, body {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    font-size: 13px;
  }
}

/* id는 #으로 불러야함 */
/* 홈페이지 전체를 감싸는 역할 -가로 스크롤바가 생겼을때 배경이 짤리는 현상을 방지 */
#wrap {
  min-width: 1260px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  #wrap {
    min-width: 100%;
  }
}
#wrap .wrapper {
  width: 1260px;
  margin: 0 auto; /* 가운데 정렬 */
}
@media screen and (max-width: 1300px) {
  #wrap .wrapper {
    width: auto;
    margin: 0 20px; /* 좌우에 20px */
  }
}

@font-face {
  font-family: "MinSans";
  font-weight: 100;
  src: url("../fonts/MinSans-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "MinSans";
  font-weight: 400;
  src: url("../fonts/MinSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "MinSans";
  font-weight: 700;
  src: url("../fonts/MinSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "GM";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/GmarketSansLight.woff2") format("woff2"), url("../fonts/GmarketSansLight.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "GM";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/GmarketSansMedium.woff2") format("woff2"), url("../fonts/GmarketSansMedium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "GM";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/GmarketSansBold.woff2") format("woff2"), url("../fonts/GmarketSansBold.woff") format("woff");
  font-display: swap;
}
.skip_nav {
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  z-index: 999999999; /* 꼭 맨 상단에 배치 */
}
.skip_nav a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #00539B;
  text-align: center;
  color: #fff;
}
.skip_nav a:focus {
  top: 100px;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  color: #fff;
  z-index: 100;
}
header .header_sub .logo a {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 190px;
  height: 36px;
  position: relative;
  margin-top: 26px;
}
header .header_sub .logo a::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  background-image: url(../images/common/logo_main.svg);
  transition: 0.3s;
}

@media screen and (min-width: 1025px) {
  header .header_top {
    height: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  header .header_top::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
  }
  header .header_top .tnb ul {
    display: flex;
    margin: 0 20px;
  }
  header .header_top .tnb ul li {
    position: relative;
  }
  header .header_top .tnb ul li::after {
    position: absolute;
    right: 4px;
    top: 15px;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
  }
  header .header_top .tnb ul li:last-child::after {
    display: none;
  }
  header .header_top .tnb ul li a {
    display: block;
    padding: 11px 17px;
    transition: 0.3s;
  }
  header .header_top .tnb ul li a:hover {
    font-weight: 700;
  }
  header .header_top .tnb ul li.b02 a {
    padding-left: 10px;
  }
  header .header_top .tnb ul li.page a, header .header_top .tnb ul li.lang a {
    padding-left: 18px;
    position: relative;
  }
  header .header_top .tnb ul li.page a::before, header .header_top .tnb ul li.lang a::before {
    position: absolute;
    left: 0;
    top: 12px;
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_1850' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3E%3Crect width='15' height='15' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_1850)'%3E%3Cpath d='M3.50969 12.5C3.22198 12.5 2.98177 12.4036 2.78906 12.2109C2.59635 12.0182 2.5 11.778 2.5 11.4903V3.50969C2.5 3.22198 2.59635 2.98177 2.78906 2.78906C2.98177 2.59635 3.22198 2.5 3.50969 2.5H7.01922V3.125H3.50969C3.41344 3.125 3.32526 3.16505 3.24516 3.24516C3.16505 3.32526 3.125 3.41344 3.125 3.50969V11.4903C3.125 11.5866 3.16505 11.6747 3.24516 11.7548C3.32526 11.8349 3.41344 11.875 3.50969 11.875H11.4903C11.5866 11.875 11.6747 11.8349 11.7548 11.7548C11.8349 11.6747 11.875 11.5866 11.875 11.4903V7.98078H12.5V11.4903C12.5 11.778 12.4036 12.0182 12.2109 12.2109C12.0182 12.4036 11.778 12.5 11.4903 12.5H3.50969ZM6.08656 9.35578L5.64422 8.91344L11.4327 3.125H8.75V2.5H12.5V6.25H11.875V3.56734L6.08656 9.35578Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
  }
  header .header_top .tnb ul li.lang a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15.5C6.46792 15.5 5.49569 15.3026 4.58333 14.9079C3.67097 14.5131 2.87639 13.9772 2.19958 13.3004C1.52278 12.6236 0.986944 11.829 0.592083 10.9167C0.197361 10.0043 0 9.03208 0 8C0 6.96472 0.197361 5.99167 0.592083 5.08083C0.986944 4.17014 1.52278 3.37639 2.19958 2.69958C2.87639 2.02278 3.67097 1.48694 4.58333 1.09208C5.49569 0.697361 6.46792 0.5 7.5 0.5C8.53528 0.5 9.50833 0.697361 10.4192 1.09208C11.3299 1.48694 12.1236 2.02278 12.8004 2.69958C13.4772 3.37639 14.0131 4.17014 14.4079 5.08083C14.8026 5.99167 15 6.96472 15 8C15 9.03208 14.8026 10.0043 14.4079 10.9167C14.0131 11.829 13.4772 12.6236 12.8004 13.3004C12.1236 13.9772 11.3299 14.5131 10.4192 14.9079C9.50833 15.3026 8.53528 15.5 7.5 15.5ZM7.5 14.6731C7.98931 14.0449 8.39264 13.4279 8.71 12.8221C9.02722 12.2164 9.28521 11.5385 9.48396 10.7885H5.51604C5.73618 11.5812 5.99951 12.2804 6.30604 12.8862C6.61271 13.4919 7.01069 14.0876 7.5 14.6731ZM6.43917 14.5481C6.05028 14.0898 5.69528 13.5233 5.37417 12.8485C5.05319 12.1738 4.81417 11.4872 4.65708 10.7885H1.46146C1.9391 11.8248 2.61618 12.6747 3.49271 13.3381C4.36937 14.0016 5.35153 14.4049 6.43917 14.5481ZM8.56083 14.5481C9.64847 14.4049 10.6306 14.0016 11.5073 13.3381C12.3838 12.6747 13.0609 11.8248 13.5385 10.7885H10.3429C10.1325 11.4978 9.86674 12.1899 9.54562 12.8646C9.22465 13.5393 8.89639 14.1005 8.56083 14.5481ZM1.12188 9.95521H4.48396C4.4209 9.61326 4.37632 9.28014 4.35021 8.95583C4.32396 8.63167 4.31083 8.31306 4.31083 8C4.31083 7.68694 4.32396 7.36833 4.35021 7.04417C4.37632 6.71986 4.4209 6.38674 4.48396 6.04479H1.12188C1.03104 6.33326 0.960208 6.64764 0.909375 6.98792C0.85868 7.32819 0.833333 7.66556 0.833333 8C0.833333 8.33444 0.85868 8.6718 0.909375 9.01208C0.960208 9.35236 1.03104 9.66674 1.12188 9.95521ZM5.31729 9.95521H9.68271C9.74576 9.61326 9.79035 9.28549 9.81646 8.97187C9.84271 8.6584 9.85583 8.33444 9.85583 8C9.85583 7.66556 9.84271 7.3416 9.81646 7.02812C9.79035 6.71451 9.74576 6.38674 9.68271 6.04479H5.31729C5.25424 6.38674 5.20965 6.71451 5.18354 7.02812C5.15729 7.3416 5.14417 7.66556 5.14417 8C5.14417 8.33444 5.15729 8.6584 5.18354 8.97187C5.20965 9.28549 5.25424 9.61326 5.31729 9.95521ZM10.516 9.95521H13.8781C13.969 9.66674 14.0398 9.35236 14.0906 9.01208C14.1413 8.6718 14.1667 8.33444 14.1667 8C14.1667 7.66556 14.1413 7.32819 14.0906 6.98792C14.0398 6.64764 13.969 6.33326 13.8781 6.04479H10.516C10.5791 6.38674 10.6237 6.71986 10.6498 7.04417C10.676 7.36833 10.6892 7.68694 10.6892 8C10.6892 8.31306 10.676 8.63167 10.6498 8.95583C10.6237 9.28014 10.5791 9.61326 10.516 9.95521ZM10.3429 5.21146H13.5385C13.0502 4.15382 12.3811 3.30396 11.5313 2.66188C10.6814 2.01979 9.69125 1.61111 8.56083 1.43583C8.94972 1.94764 9.29938 2.53285 9.60979 3.19146C9.92021 3.85021 10.1646 4.52354 10.3429 5.21146ZM5.51604 5.21146H9.48396C9.26382 4.42951 8.99243 3.72229 8.66979 3.08979C8.34715 2.45729 7.95722 1.86965 7.5 1.32688C7.04278 1.86965 6.65285 2.45729 6.33021 3.08979C6.00757 3.72229 5.73618 4.42951 5.51604 5.21146ZM1.46146 5.21146H4.65708C4.83542 4.52354 5.07979 3.85021 5.39021 3.19146C5.70063 2.53285 6.05028 1.94764 6.43917 1.43583C5.29806 1.61111 4.30528 2.02243 3.46083 2.66979C2.61625 3.31729 1.94979 4.16451 1.46146 5.21146Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
  }
  header .header_top .tnb.black {
    width: 275px;
    position: relative;
    color: #1D1D1D;
  }
  header .header_top .tnb.black::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ededed;
    content: "";
  }
  header .header_top .tnb.black ul li::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
  header .header_top .tnb.black ul li::after a {
    color: #1d1d1d;
  }
  header .header_top .tnb.black.sub {
    color: #fff;
  }
  header .header_top .tnb.black.sub::after {
    background-color: transparent;
  }
  header .header_top .tnb.black.sub ul li.lang a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15.5C6.46792 15.5 5.49569 15.3026 4.58333 14.9079C3.67097 14.5131 2.87639 13.9772 2.19958 13.3004C1.52278 12.6236 0.986944 11.829 0.592083 10.9167C0.197361 10.0043 0 9.03208 0 8C0 6.96472 0.197361 5.99167 0.592083 5.08083C0.986944 4.17014 1.52278 3.37639 2.19958 2.69958C2.87639 2.02278 3.67097 1.48694 4.58333 1.09208C5.49569 0.697361 6.46792 0.5 7.5 0.5C8.53528 0.5 9.50833 0.697361 10.4192 1.09208C11.3299 1.48694 12.1236 2.02278 12.8004 2.69958C13.4772 3.37639 14.0131 4.17014 14.4079 5.08083C14.8026 5.99167 15 6.96472 15 8C15 9.03208 14.8026 10.0043 14.4079 10.9167C14.0131 11.829 13.4772 12.6236 12.8004 13.3004C12.1236 13.9772 11.3299 14.5131 10.4192 14.9079C9.50833 15.3026 8.53528 15.5 7.5 15.5ZM7.5 14.6731C7.98931 14.0449 8.39264 13.4279 8.71 12.8221C9.02722 12.2164 9.28521 11.5385 9.48396 10.7885H5.51604C5.73618 11.5812 5.99951 12.2804 6.30604 12.8862C6.61271 13.4919 7.01069 14.0876 7.5 14.6731ZM6.43917 14.5481C6.05028 14.0898 5.69528 13.5233 5.37417 12.8485C5.05319 12.1738 4.81417 11.4872 4.65708 10.7885H1.46146C1.9391 11.8248 2.61618 12.6747 3.49271 13.3381C4.36937 14.0016 5.35153 14.4049 6.43917 14.5481ZM8.56083 14.5481C9.64847 14.4049 10.6306 14.0016 11.5073 13.3381C12.3838 12.6747 13.0609 11.8248 13.5385 10.7885H10.3429C10.1325 11.4978 9.86674 12.1899 9.54562 12.8646C9.22465 13.5393 8.89639 14.1005 8.56083 14.5481ZM1.12188 9.95521H4.48396C4.4209 9.61326 4.37632 9.28014 4.35021 8.95583C4.32396 8.63167 4.31083 8.31306 4.31083 8C4.31083 7.68694 4.32396 7.36833 4.35021 7.04417C4.37632 6.71986 4.4209 6.38674 4.48396 6.04479H1.12188C1.03104 6.33326 0.960208 6.64764 0.909375 6.98792C0.85868 7.32819 0.833333 7.66556 0.833333 8C0.833333 8.33444 0.85868 8.6718 0.909375 9.01208C0.960208 9.35236 1.03104 9.66674 1.12188 9.95521ZM5.31729 9.95521H9.68271C9.74576 9.61326 9.79035 9.28549 9.81646 8.97187C9.84271 8.6584 9.85583 8.33444 9.85583 8C9.85583 7.66556 9.84271 7.3416 9.81646 7.02812C9.79035 6.71451 9.74576 6.38674 9.68271 6.04479H5.31729C5.25424 6.38674 5.20965 6.71451 5.18354 7.02812C5.15729 7.3416 5.14417 7.66556 5.14417 8C5.14417 8.33444 5.15729 8.6584 5.18354 8.97187C5.20965 9.28549 5.25424 9.61326 5.31729 9.95521ZM10.516 9.95521H13.8781C13.969 9.66674 14.0398 9.35236 14.0906 9.01208C14.1413 8.6718 14.1667 8.33444 14.1667 8C14.1667 7.66556 14.1413 7.32819 14.0906 6.98792C14.0398 6.64764 13.969 6.33326 13.8781 6.04479H10.516C10.5791 6.38674 10.6237 6.71986 10.6498 7.04417C10.676 7.36833 10.6892 7.68694 10.6892 8C10.6892 8.31306 10.676 8.63167 10.6498 8.95583C10.6237 9.28014 10.5791 9.61326 10.516 9.95521ZM10.3429 5.21146H13.5385C13.0502 4.15382 12.3811 3.30396 11.5313 2.66188C10.6814 2.01979 9.69125 1.61111 8.56083 1.43583C8.94972 1.94764 9.29938 2.53285 9.60979 3.19146C9.92021 3.85021 10.1646 4.52354 10.3429 5.21146ZM5.51604 5.21146H9.48396C9.26382 4.42951 8.99243 3.72229 8.66979 3.08979C8.34715 2.45729 7.95722 1.86965 7.5 1.32688C7.04278 1.86965 6.65285 2.45729 6.33021 3.08979C6.00757 3.72229 5.73618 4.42951 5.51604 5.21146ZM1.46146 5.21146H4.65708C4.83542 4.52354 5.07979 3.85021 5.39021 3.19146C5.70063 2.53285 6.05028 1.94764 6.43917 1.43583C5.29806 1.61111 4.30528 2.02243 3.46083 2.66979C2.61625 3.31729 1.94979 4.16451 1.46146 5.21146Z' fill='white'/%3E%3Cpath d='M7.49041 14.6811L7.50034 14.693L7.50986 14.6808C7.99955 14.0521 8.40331 13.4345 8.72107 12.8279C9.03878 12.2213 9.29708 11.5425 9.49604 10.7917L9.5002 10.776H9.48396H5.51604H5.4996L5.504 10.7919C5.72431 11.5852 5.98792 12.2852 6.29489 12.8919C6.60203 13.4985 7.00057 14.0949 7.49041 14.6811ZM6.43753 14.5605L6.46966 14.5647L6.4487 14.54C6.06065 14.0827 5.70621 13.5171 5.38545 12.8432C5.06486 12.1693 4.82615 11.4835 4.66928 10.7858L4.66709 10.776H4.65708H1.46146H1.44193L1.45011 10.7938C1.92857 11.8318 2.60693 12.6833 3.48516 13.3481C4.36355 14.0129 5.34774 14.417 6.43753 14.5605ZM8.55083 14.5406L8.53301 14.5644L8.56246 14.5605C9.65226 14.417 10.6364 14.0129 11.5148 13.3481C12.3931 12.6833 13.0714 11.8318 13.5499 10.7938L13.5581 10.776H13.5385H10.3429H10.3336L10.3309 10.785C10.1207 11.4937 9.85517 12.1851 9.53434 12.8592C9.21361 13.5334 8.88575 14.0938 8.55083 14.5406ZM1.10995 9.95896L1.11271 9.96771H1.12188H4.48396H4.49897L4.49625 9.95294C4.43327 9.61139 4.38874 9.27868 4.36267 8.95483C4.33644 8.63098 4.32333 8.31271 4.32333 8C4.32333 7.68729 4.33644 7.36902 4.36267 7.04518C4.38874 6.72132 4.43327 6.38861 4.49625 6.04706L4.49897 6.03229H4.48396H1.12188H1.11271L1.10995 6.04104C1.0189 6.33021 0.947929 6.64523 0.897012 6.98607C0.846229 7.32694 0.820833 7.66492 0.820833 8C0.820833 8.33508 0.846229 8.67305 0.897011 9.01392C0.947929 9.35477 1.0189 9.66979 1.10995 9.95896ZM5.305 9.95748L5.30689 9.96771H5.31729H9.68271H9.69311L9.695 9.95748C9.75812 9.61517 9.80277 9.28698 9.82891 8.97291C9.8552 8.65908 9.86833 8.33477 9.86833 8C9.86833 7.66523 9.8552 7.34092 9.82891 7.02708C9.80277 6.71302 9.75812 6.38484 9.695 6.04253L9.69311 6.03229H9.68271H5.31729H5.30689L5.305 6.04253C5.24188 6.38484 5.19723 6.71302 5.17108 7.02709C5.1448 7.34092 5.13167 7.66523 5.13167 8C5.13167 8.33477 5.1448 8.65908 5.17109 8.97292C5.19723 9.28698 5.24188 9.61517 5.305 9.95748ZM10.5037 9.95294L10.501 9.96771H10.516H13.8781H13.8873L13.89 9.95896C13.9811 9.66979 14.0521 9.35477 14.103 9.01393C14.1538 8.67305 14.1792 8.33508 14.1792 8C14.1792 7.66492 14.1538 7.32694 14.103 6.98607C14.0521 6.64523 13.9811 6.33021 13.89 6.04104L13.8873 6.03229H13.8781H10.516H10.501L10.5037 6.04706C10.5667 6.38861 10.6113 6.72132 10.6373 7.04517C10.6636 7.36902 10.6767 7.68729 10.6767 8C10.6767 8.31271 10.6636 8.63098 10.6373 8.95482C10.6113 9.27868 10.5667 9.61139 10.5037 9.95294ZM10.3308 5.2146L10.3332 5.22396H10.3429H13.5385H13.5581L13.5499 5.20622C13.0608 4.14689 12.3904 3.29534 11.5388 2.6519C10.6872 2.00848 9.69505 1.59905 8.56275 1.42348L8.53214 1.41873L8.55088 1.4434C8.93918 1.95442 9.28839 2.53886 9.59848 3.19679C9.90858 3.85485 10.1527 4.52745 10.3308 5.2146ZM5.50401 5.20807L5.49954 5.22396H5.51604H9.48396H9.50046L9.49599 5.20807C9.27566 4.42545 9.00399 3.71744 8.68093 3.08411C8.35785 2.45076 7.9674 1.86233 7.50956 1.31882L7.5 1.30747L7.49044 1.31882C7.0326 1.86233 6.64214 2.45076 6.31907 3.08411C5.99601 3.71744 5.72434 4.42545 5.50401 5.20807ZM1.45013 5.20617L1.44183 5.22396H1.46146H4.65708H4.66676L4.66918 5.2146C4.84732 4.52745 5.09142 3.85485 5.40152 3.19679C5.71161 2.53886 6.06082 1.95442 6.44912 1.4434L6.46782 1.41879L6.43727 1.42348C5.29426 1.59905 4.29948 2.01113 3.45323 2.65987C2.60691 3.3087 1.93924 4.15757 1.45013 5.20617ZM7.5 15.4875C6.46956 15.4875 5.49903 15.2905 4.5883 14.8964C3.67733 14.5022 2.88407 13.9672 2.20842 13.2916C1.53277 12.6159 0.997815 11.8227 0.603555 10.9117C0.209537 10.001 0.0125 9.03044 0.0125 8C0.0125 6.96636 0.209539 5.995 0.603553 5.0858C0.997811 4.1765 1.53277 3.38407 2.20842 2.70842C2.88407 2.03277 3.67733 1.49781 4.5883 1.10355C5.49903 0.709537 6.46956 0.5125 7.5 0.5125C8.53364 0.5125 9.505 0.709539 10.4142 1.10355C11.3235 1.49781 12.1159 2.03277 12.7916 2.70842C13.4672 3.38407 14.0022 4.1765 14.3964 5.08581C14.7905 5.995 14.9875 6.96636 14.9875 8C14.9875 9.03044 14.7905 10.001 14.3964 10.9117C14.0022 11.8227 13.4672 12.6159 12.7916 13.2916C12.1159 13.9672 11.3235 14.5022 10.4142 14.8964C9.505 15.2905 8.53364 15.4875 7.5 15.4875Z' stroke='white' stroke-opacity='0.2' stroke-width='0.025'/%3E%3C/svg%3E%0A");
  }
  header .header_top .tnb.black.sub ul li::after {
    background-color: rgba(255, 255, 255, 0.2);
  }
  header.menu_over .header_top::after {
    background-color: #ededed;
  }
  header.menu_over .header_top .tnb.black.sub {
    color: #1D1D1D;
  }
  header.menu_over .header_top .tnb.black.sub::after {
    background-color: transparent;
  }
  header.menu_over .header_top .tnb.black.sub ul li.lang a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15.5C6.46792 15.5 5.49569 15.3026 4.58333 14.9079C3.67097 14.5131 2.87639 13.9772 2.19958 13.3004C1.52278 12.6236 0.986944 11.829 0.592083 10.9167C0.197361 10.0043 0 9.03208 0 8C0 6.96472 0.197361 5.99167 0.592083 5.08083C0.986944 4.17014 1.52278 3.37639 2.19958 2.69958C2.87639 2.02278 3.67097 1.48694 4.58333 1.09208C5.49569 0.697361 6.46792 0.5 7.5 0.5C8.53528 0.5 9.50833 0.697361 10.4192 1.09208C11.3299 1.48694 12.1236 2.02278 12.8004 2.69958C13.4772 3.37639 14.0131 4.17014 14.4079 5.08083C14.8026 5.99167 15 6.96472 15 8C15 9.03208 14.8026 10.0043 14.4079 10.9167C14.0131 11.829 13.4772 12.6236 12.8004 13.3004C12.1236 13.9772 11.3299 14.5131 10.4192 14.9079C9.50833 15.3026 8.53528 15.5 7.5 15.5ZM7.5 14.6731C7.98931 14.0449 8.39264 13.4279 8.71 12.8221C9.02722 12.2164 9.28521 11.5385 9.48396 10.7885H5.51604C5.73618 11.5812 5.99951 12.2804 6.30604 12.8862C6.61271 13.4919 7.01069 14.0876 7.5 14.6731ZM6.43917 14.5481C6.05028 14.0898 5.69528 13.5233 5.37417 12.8485C5.05319 12.1738 4.81417 11.4872 4.65708 10.7885H1.46146C1.9391 11.8248 2.61618 12.6747 3.49271 13.3381C4.36937 14.0016 5.35153 14.4049 6.43917 14.5481ZM8.56083 14.5481C9.64847 14.4049 10.6306 14.0016 11.5073 13.3381C12.3838 12.6747 13.0609 11.8248 13.5385 10.7885H10.3429C10.1325 11.4978 9.86674 12.1899 9.54562 12.8646C9.22465 13.5393 8.89639 14.1005 8.56083 14.5481ZM1.12188 9.95521H4.48396C4.4209 9.61326 4.37632 9.28014 4.35021 8.95583C4.32396 8.63167 4.31083 8.31306 4.31083 8C4.31083 7.68694 4.32396 7.36833 4.35021 7.04417C4.37632 6.71986 4.4209 6.38674 4.48396 6.04479H1.12188C1.03104 6.33326 0.960208 6.64764 0.909375 6.98792C0.85868 7.32819 0.833333 7.66556 0.833333 8C0.833333 8.33444 0.85868 8.6718 0.909375 9.01208C0.960208 9.35236 1.03104 9.66674 1.12188 9.95521ZM5.31729 9.95521H9.68271C9.74576 9.61326 9.79035 9.28549 9.81646 8.97187C9.84271 8.6584 9.85583 8.33444 9.85583 8C9.85583 7.66556 9.84271 7.3416 9.81646 7.02812C9.79035 6.71451 9.74576 6.38674 9.68271 6.04479H5.31729C5.25424 6.38674 5.20965 6.71451 5.18354 7.02812C5.15729 7.3416 5.14417 7.66556 5.14417 8C5.14417 8.33444 5.15729 8.6584 5.18354 8.97187C5.20965 9.28549 5.25424 9.61326 5.31729 9.95521ZM10.516 9.95521H13.8781C13.969 9.66674 14.0398 9.35236 14.0906 9.01208C14.1413 8.6718 14.1667 8.33444 14.1667 8C14.1667 7.66556 14.1413 7.32819 14.0906 6.98792C14.0398 6.64764 13.969 6.33326 13.8781 6.04479H10.516C10.5791 6.38674 10.6237 6.71986 10.6498 7.04417C10.676 7.36833 10.6892 7.68694 10.6892 8C10.6892 8.31306 10.676 8.63167 10.6498 8.95583C10.6237 9.28014 10.5791 9.61326 10.516 9.95521ZM10.3429 5.21146H13.5385C13.0502 4.15382 12.3811 3.30396 11.5313 2.66188C10.6814 2.01979 9.69125 1.61111 8.56083 1.43583C8.94972 1.94764 9.29938 2.53285 9.60979 3.19146C9.92021 3.85021 10.1646 4.52354 10.3429 5.21146ZM5.51604 5.21146H9.48396C9.26382 4.42951 8.99243 3.72229 8.66979 3.08979C8.34715 2.45729 7.95722 1.86965 7.5 1.32688C7.04278 1.86965 6.65285 2.45729 6.33021 3.08979C6.00757 3.72229 5.73618 4.42951 5.51604 5.21146ZM1.46146 5.21146H4.65708C4.83542 4.52354 5.07979 3.85021 5.39021 3.19146C5.70063 2.53285 6.05028 1.94764 6.43917 1.43583C5.29806 1.61111 4.30528 2.02243 3.46083 2.66979C2.61625 3.31729 1.94979 4.16451 1.46146 5.21146Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
  }
  header.menu_over .header_top .tnb.black.sub ul li::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1260px) {
  header .header_sub {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
  }
  header .header_sub .sub_left {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 275px);
  }
  header .header_sub .sub_left .gnb {
    width: calc(100% - 190px);
  }
  header .header_sub .sub_left .gnb button {
    display: none;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 {
    display: flex;
    white-space: nowrap;
    justify-content: flex-end;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li {
    width: 14%;
    text-align: center;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a {
    display: block;
    font-family: "GM";
    font-size: 1.5rem;
    line-height: 90px;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a > span {
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a > span.into::before {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    right: -22px;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_165_10' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_165_10)'%3E%3Cpath d='M5 21.9408C4.45 21.9408 3.97917 21.7239 3.5875 21.29C3.19583 20.8561 3 20.3345 3 19.7252V4.21564C3 3.60634 3.19583 3.08474 3.5875 2.65085C3.97917 2.21695 4.45 2 5 2H12V4.21564H5V19.7252H19V11.9704H21V19.7252C21 20.3345 20.8042 20.8561 20.4125 21.29C20.0208 21.7239 19.55 21.9408 19 21.9408H5ZM9.7 16.0693L8.3 14.5184L17.6 4.21564H14V2H21V9.75476H19V5.7666L9.7 16.0693Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a:hover {
    color: #0039C8;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a:hover > span::after {
    position: absolute;
    left: 0;
    bottom: -33px;
    width: 100%;
    height: 4px;
    background-color: #0039C8;
    content: "";
    animation-name: under;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: 1;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.on > a {
    color: #0039C8;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.on > a > span::after {
    position: absolute;
    left: 0;
    bottom: -33px;
    width: 100%;
    height: 4px;
    background-color: #0039C8;
    content: "";
    animation-name: under;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: 1;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.on .gnb_bg {
    display: block;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.on .gnb_bg .depth2 {
    display: flex;
    flex-wrap: wrap;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.on .gnb_bg .depth2 > li {
    width: 250px;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg {
    display: none;
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%;
    min-height: 105px;
    background-color: #fff;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 30px 50px 330px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 330px;
    height: 100%;
    background-color: #00539B;
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 330px;
    height: 326px;
    overflow: hidden;
    background: url(../images/common/depth2_side.png) no-repeat center center/cover;
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 > li {
    padding: 30px 0 0 35px;
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 > li::after {
    position: absolute;
    right: 0;
    top: 24px;
    width: 1px;
    height: 90%;
    background-color: #ededed;
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 > li > a {
    font-size: 1.33rem;
    font-weight: 700;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 > li:hover > a {
    color: #0039C8;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 > li:last-child::after {
    display: none;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 .depth3 {
    padding-top: 3px;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 .depth3 > li > a {
    display: block;
    line-height: 2;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > .gnb_bg .depth2 .depth3 > li > a:hover {
    color: #F2662B;
  }
  header .header_sub .sub_tnb {
    width: 275px;
    padding-left: 183px;
  }
  header .header_sub .sub_tnb a {
    display: none;
  }
  header .header_sub .sub_tnb .search {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 24px;
    height: 24px;
    position: relative;
  }
  header .header_sub .sub_tnb .search::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_54_161)'%3E%3Cpath d='M23.9998 22.586L17.7378 16.324C19.3644 14.3346 20.1642 11.7961 19.9716 9.23359C19.7791 6.67106 18.609 4.28056 16.7034 2.55655C14.7977 0.832537 12.3024 -0.0930816 9.73342 -0.0288498C7.16447 0.035382 4.71848 1.08455 2.9014 2.90164C1.08431 4.71873 0.0351378 7.16472 -0.029094 9.73367C-0.0933258 12.3026 0.832292 14.798 2.5563 16.7036C4.28031 18.6092 6.67081 19.7793 9.23334 19.9719C11.7959 20.1644 14.3344 19.3646 16.3238 17.738L22.5858 24L23.9998 22.586ZM9.99978 18C8.41753 18 6.87081 17.5308 5.55522 16.6518C4.23963 15.7727 3.21425 14.5233 2.60875 13.0615C2.00324 11.5997 1.84482 9.99115 2.1535 8.4393C2.46218 6.88746 3.22411 5.46199 4.34293 4.34317C5.46175 3.22435 6.88721 2.46243 8.43906 2.15374C9.99091 1.84506 11.5994 2.00349 13.0612 2.60899C14.5231 3.21449 15.7725 4.23987 16.6515 5.55546C17.5306 6.87106 17.9998 8.41778 17.9998 10C17.9974 12.121 17.1538 14.1545 15.654 15.6542C14.1542 17.154 12.1208 17.9976 9.99978 18Z' fill='%231D1D1D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_54_161'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_tnb .search:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.723 16.6063C20.3144 14.4795 21.0411 11.8289 20.7568 9.18788C20.4724 6.54689 19.1982 4.11165 17.1906 2.37237C15.1829 0.633091 12.591 -0.281091 9.93641 -0.186153C7.28186 -0.0912155 4.76181 1.00579 2.88356 2.88405C1.0053 4.7623 -0.0917038 7.28234 -0.186641 9.9369C-0.281579 12.5915 0.632603 15.1834 2.37188 17.1911C4.11116 19.1987 6.5464 20.4729 9.18739 20.7572C11.8284 21.0416 14.479 20.3149 16.6058 18.7235L21.6894 23.8071L23.8066 21.6939L18.723 16.6063ZM10.3499 17.8264C8.87129 17.8264 7.42589 17.3879 6.19647 16.5664C4.96705 15.745 4.00884 14.5774 3.443 13.2113C2.87716 11.8453 2.72911 10.3421 3.01757 8.89189C3.30604 7.4417 4.01805 6.10961 5.06359 5.06407C6.10912 4.01854 7.44121 3.30652 8.89141 3.01806C10.3416 2.7296 11.8448 2.87765 13.2108 3.44349C14.5769 4.00933 15.7445 4.96754 16.5659 6.19696C17.3874 7.42637 17.8259 8.87178 17.8259 10.3504C17.824 12.3326 17.0358 14.233 15.6342 15.6347C14.2325 17.0363 12.3321 17.8245 10.3499 17.8264Z' fill='black'/%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_tnb .search.sub::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_262_95)'%3E%3Cpath d='M24.0008 22.586L17.7388 16.324C19.3654 14.3346 20.1651 11.7961 19.9726 9.23359C19.7801 6.67106 18.61 4.28056 16.7043 2.55655C14.7987 0.832537 12.3033 -0.0930816 9.7344 -0.0288498C7.16545 0.035382 4.71946 1.08455 2.90237 2.90164C1.08528 4.71873 0.0361144 7.16472 -0.0281174 9.73367C-0.0923492 12.3026 0.833269 14.798 2.55728 16.7036C4.28129 18.6092 6.67179 19.7793 9.23432 19.9719C11.7968 20.1644 14.3354 19.3646 16.3248 17.738L22.5868 24L24.0008 22.586ZM10.0008 18C8.41851 18 6.87179 17.5308 5.5562 16.6518C4.2406 15.7727 3.21522 14.5233 2.60972 13.0615C2.00422 11.5997 1.84579 9.99115 2.15448 8.4393C2.46316 6.88746 3.22508 5.46199 4.3439 4.34317C5.46272 3.22435 6.88819 2.46243 8.44004 2.15374C9.99188 1.84506 11.6004 2.00349 13.0622 2.60899C14.524 3.21449 15.7735 4.23987 16.6525 5.55546C17.5316 6.87106 18.0008 8.41778 18.0008 10C17.9984 12.121 17.1548 14.1545 15.655 15.6542C14.1552 17.154 12.1218 17.9976 10.0008 18Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_262_95'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    height: 80px;
    width: 100%;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  header.fixed + .container {
    margin-top: 80px;
  }
  header.fixed .header_top {
    display: none;
  }
  header.fixed .header_sub {
    height: 80px;
  }
  header.fixed .header_sub .logo a {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  header.fixed .header_sub .logo a::before {
    background-image: url(../images/common/logo_color.svg);
  }
  header.fixed .header_sub .gnb .gnb_wrap .depth1 > li {
    color: #1d1d1d;
  }
  header.fixed .header_sub .gnb .gnb_wrap .depth1 > li > a {
    line-height: 80px;
  }
  header.fixed .header_sub .gnb .gnb_wrap .depth1 > li > a > span.into::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_45_978' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_45_978)'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header.fixed .header_sub .gnb .gnb_wrap .depth1 > li > a:hover > span::after {
    bottom: -28px;
  }
  header.fixed .header_sub .gnb .gnb_wrap .depth1 > li > .gnb_bg {
    top: 80px;
  }
  header.fixed .header_sub .sub_tnb .search {
    margin-bottom: 5px;
  }
  header.fixed .header_sub .sub_tnb .search.sub::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_54_161)'%3E%3Cpath d='M23.9998 22.586L17.7378 16.324C19.3644 14.3346 20.1642 11.7961 19.9716 9.23359C19.7791 6.67106 18.609 4.28056 16.7034 2.55655C14.7977 0.832537 12.3024 -0.0930816 9.73342 -0.0288498C7.16447 0.035382 4.71848 1.08455 2.9014 2.90164C1.08431 4.71873 0.0351378 7.16472 -0.029094 9.73367C-0.0933258 12.3026 0.832292 14.798 2.5563 16.7036C4.28031 18.6092 6.67081 19.7793 9.23334 19.9719C11.7959 20.1644 14.3344 19.3646 16.3238 17.738L22.5858 24L23.9998 22.586ZM9.99978 18C8.41753 18 6.87081 17.5308 5.55522 16.6518C4.23963 15.7727 3.21425 14.5233 2.60875 13.0615C2.00324 11.5997 1.84482 9.99115 2.1535 8.4393C2.46218 6.88746 3.22411 5.46199 4.34293 4.34317C5.46175 3.22435 6.88721 2.46243 8.43906 2.15374C9.99091 1.84506 11.5994 2.00349 13.0612 2.60899C14.5231 3.21449 15.7725 4.23987 16.6515 5.55546C17.5306 6.87106 17.9998 8.41778 17.9998 10C17.9974 12.121 17.1538 14.1545 15.654 15.6542C14.1542 17.154 12.1208 17.9976 9.99978 18Z' fill='%231D1D1D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_54_161'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  header.fixed.menu_over {
    height: 80px;
  }
  header.fixed.menu_over::after {
    top: 80px;
  }
  header.menu_over {
    background-color: #fff;
    height: 130px;
    color: #1d1d1d;
  }
  header.menu_over::after {
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%;
    height: 1px;
    background-color: #ededed;
    content: "";
  }
  header.menu_over .header_top .tnb ul li::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
  header.menu_over .header_top .tnb ul li.page a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_45_1112' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3E%3Crect width='15' height='15' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_45_1112)'%3E%3Cpath d='M3.50969 12.5C3.22198 12.5 2.98177 12.4036 2.78906 12.2109C2.59635 12.0182 2.5 11.778 2.5 11.4903V3.50969C2.5 3.22198 2.59635 2.98177 2.78906 2.78906C2.98177 2.59635 3.22198 2.5 3.50969 2.5H7.01922V3.125H3.50969C3.41344 3.125 3.32526 3.16505 3.24516 3.24516C3.16505 3.32526 3.125 3.41344 3.125 3.50969V11.4903C3.125 11.5866 3.16505 11.6747 3.24516 11.7548C3.32526 11.8349 3.41344 11.875 3.50969 11.875H11.4903C11.5866 11.875 11.6747 11.8349 11.7548 11.7548C11.8349 11.6747 11.875 11.5866 11.875 11.4903V7.98078H12.5V11.4903C12.5 11.778 12.4036 12.0182 12.2109 12.2109C12.0182 12.4036 11.778 12.5 11.4903 12.5H3.50969ZM6.08656 9.35578L5.64422 8.91344L11.4327 3.125H8.75V2.5H12.5V6.25H11.875V3.56734L6.08656 9.35578Z' fill='%233D3D3D'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header.menu_over .header_sub .logo a::before {
    background-image: url(../images/common/logo_color.svg);
  }
  header.menu_over .header_sub .gnb .gnb_wrap .depth1 > li > a > span.into::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_45_978' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_45_978)'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header.menu_over .header_sub .sub_tnb .search {
    margin-bottom: 5px;
  }
  header.menu_over .header_sub .sub_tnb .search.sub::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_54_161)'%3E%3Cpath d='M23.9998 22.586L17.7378 16.324C19.3644 14.3346 20.1642 11.7961 19.9716 9.23359C19.7791 6.67106 18.609 4.28056 16.7034 2.55655C14.7977 0.832537 12.3024 -0.0930816 9.73342 -0.0288498C7.16447 0.035382 4.71848 1.08455 2.9014 2.90164C1.08431 4.71873 0.0351378 7.16472 -0.029094 9.73367C-0.0933258 12.3026 0.832292 14.798 2.5563 16.7036C4.28031 18.6092 6.67081 19.7793 9.23334 19.9719C11.7959 20.1644 14.3344 19.3646 16.3238 17.738L22.5858 24L23.9998 22.586ZM9.99978 18C8.41753 18 6.87081 17.5308 5.55522 16.6518C4.23963 15.7727 3.21425 14.5233 2.60875 13.0615C2.00324 11.5997 1.84482 9.99115 2.1535 8.4393C2.46218 6.88746 3.22411 5.46199 4.34293 4.34317C5.46175 3.22435 6.88721 2.46243 8.43906 2.15374C9.99091 1.84506 11.5994 2.00349 13.0612 2.60899C14.5231 3.21449 15.7725 4.23987 16.6515 5.55546C17.5306 6.87106 17.9998 8.41778 17.9998 10C17.9974 12.121 17.1538 14.1545 15.654 15.6542C14.1542 17.154 12.1208 17.9976 9.99978 18Z' fill='%231D1D1D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_54_161'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
@media screen and (max-width: 1500px) {
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a {
    font-size: 1.33rem;
  }
}
@media screen and (max-width: 1300px) {
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a {
    font-size: 1.2rem;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a > span.into::before {
    top: -2px;
  }
}
@media screen and (max-width: 1260px) {
  header .header_top .tnb.black {
    width: 250px;
  }
  header .header_sub .sub_left .logo a {
    width: 160px;
    height: 30px;
    margin-top: 28px;
  }
  header .header_sub .sub_left .gnb {
    width: calc(100% - 170px);
  }
  header .header_sub .sub_tnb {
    width: 230px;
  }
}
@media screen and (max-width: 1259px) {
  /*mobile - header높이 그대로*/
  header .header_sub {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .header_sub .sub_left {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  header .header_sub .sub_left .logo a {
    width: 130px;
    height: 24px;
    margin: 14px 0 0 20px;
  }
  header .header_sub .sub_left .gnb {
    width: auto;
  }
  header .header_sub .sub_left .gnb .gnb_open {
    font-size: 0;
    line-height: 0;
    width: 60px;
    height: 50px;
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_open::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 9.16675H0V10.8334H20V9.16675Z' fill='%231D1D1D'/%3E%3Cpath d='M20 3.33325H0V4.99992H20V3.33325Z' fill='%231D1D1D'/%3E%3Cpath d='M20 15H0V16.6667H20V15Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_open.sub::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_75_292)'%3E%3Cpath d='M20 9.16675H0V10.8334H20V9.16675Z' fill='white'/%3E%3Cpath d='M20 3.33325H0V4.99992H20V3.33325Z' fill='white'/%3E%3Cpath d='M20 15H0V16.6667H20V15Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_75_292'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 100vh;
    background-color: #fff;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 {
    margin-top: 50px;
    height: calc(100% - 50px);
    overflow-y: auto;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li {
    border-bottom: 1px solid #EDEDED;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li:first-child {
    border-top: 1px solid #EDEDED;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.open > a {
    font-weight: 700;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.open > a::after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_943' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3E%3Crect width='15' height='15' transform='matrix(1.19249e-08 1 1 -1.19249e-08 0 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_943)'%3E%3Cpath d='M13.534 9.9999L7.50039 3.96631L1.4668 9.9999L2.35383 10.8869L7.50039 5.74021L12.647 10.8869L13.534 9.9999Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a {
    display: block;
    font-family: "GM";
    font-size: 1.6rem;
    color: #1D1D1D;
    padding: 18px 20px;
    white-space: nowrap;
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a::after {
    position: absolute;
    right: 22px;
    top: 25px;
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_946' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3E%3Crect width='15' height='15' transform='matrix(-4.37114e-08 -1 -1 4.37114e-08 15 15)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_946)'%3E%3Cpath d='M1.46601 5.0001L7.49961 11.0337L13.5332 5.0001L12.6462 4.11307L7.49961 9.25979L2.35305 4.11307L1.46601 5.0001Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li > a:hover {
    font-weight: 700;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 {
    display: none;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li.open2 > a {
    color: #fff;
    font-weight: 700;
    background-color: #6698C3;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li.open2 > a > span::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_940' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate(180 20 20)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_940)'%3E%3Cpath d='M10.0001 7.78846L13.6699 11.4583L6.33034 11.4583L10.0001 7.78846Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li > a {
    display: block;
    font-size: 1.133rem;
    color: #3d3d3d;
    padding: 15px 30px;
    background-color: #E6EFF7;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li > a:hover {
    color: #fff;
    font-weight: 700;
    background-color: #6698C3;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li > a:hover > span::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_134_58' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_134_58)'%3E%3Cpath d='M9.99987 12.2115L6.33008 8.54175H13.6697L9.99987 12.2115Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li > a > span {
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li > a > span::after {
    position: absolute;
    right: -22px;
    top: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_868' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_868)'%3E%3Cpath d='M9.99987 12.2115L6.33008 8.54175H13.6697L9.99987 12.2115Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li .depth3 {
    display: none;
    background-color: #f7f7f7;
    padding: 17px 40px;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li .depth3 > li > a {
    line-height: 2;
    color: #3d3d3d;
  }
  header .header_sub .sub_left .gnb .gnb_wrap .depth1 > li .depth2 > li .depth3 > li > a:hover {
    color: #0039C8;
  }
  header .header_sub .sub_left .gnb .gnb_close {
    display: none;
    font-size: 0;
    line-height: 0;
    width: 60px;
    height: 50px;
    position: relative;
  }
  header .header_sub .sub_left .gnb .gnb_close::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 29px;
    height: 29px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_817' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='29' height='29'%3E%3Crect width='29' height='29' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_817)'%3E%3Cpath d='M7.73422 22.9145L6.46094 21.627L13.2276 14.7848L6.46094 7.94253L7.73422 6.65503L14.5009 13.4973L21.2676 6.65503L22.5408 7.94253L15.7742 14.7848L22.5408 21.627L21.2676 22.9145L14.5009 16.0723L7.73422 22.9145Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
  }
  header .header_sub .sub_tnb {
    display: none;
  }
  header.menu_open .header_sub .sub_left .gnb .gnb_open {
    display: none;
  }
  header.menu_open .header_sub .sub_left .gnb .gnb_wrap {
    display: block;
  }
  header.menu_open .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.open > .gnb_bg .depth2 {
    display: block;
  }
  header.menu_open .header_sub .sub_left .gnb .gnb_wrap .depth1 > li.open > .gnb_bg .depth2 > li.open2 > .depth3 {
    display: block;
  }
  header.menu_open .header_sub .sub_left .gnb .gnb_close {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  header .header_top {
    display: none;
  }
  header.menu_open .header_top {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    color: #1D1D1D;
  }
  header.menu_open .header_top .tnb {
    display: none;
  }
  header.menu_open .header_top .tnb.black {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding-left: 7px;
  }
  header.menu_open .header_top .tnb.black > ul {
    display: flex;
  }
  header.menu_open .header_top .tnb.black > ul > li {
    padding: 17px 13px;
    position: relative;
  }
  header.menu_open .header_top .tnb.black > ul > li::after {
    position: absolute;
    right: 0;
    top: 21px;
    width: 1px;
    height: 10px;
    background-color: #EDEDED;
    content: "";
  }
  header.menu_open .header_top .tnb.black > ul > li.lang > a {
    display: block;
    padding-left: 6px;
    position: relative;
  }
  header.menu_open .header_top .tnb.black > ul > li.lang > a::before {
    position: absolute;
    left: -11px;
    top: 1px;
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_832' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3E%3Crect width='15' height='15' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_832)'%3E%3Cpath d='M7.5 13.125C6.72594 13.125 5.99677 12.977 5.3125 12.6809C4.62823 12.3848 4.03229 11.9829 3.52469 11.4753C3.01708 10.9677 2.61521 10.3718 2.31906 9.6875C2.02302 9.00323 1.875 8.27406 1.875 7.5C1.875 6.72354 2.02302 5.99375 2.31906 5.31063C2.61521 4.6276 3.01708 4.03229 3.52469 3.52469C4.03229 3.01708 4.62823 2.61521 5.3125 2.31906C5.99677 2.02302 6.72594 1.875 7.5 1.875C8.27646 1.875 9.00625 2.02302 9.68937 2.31906C10.3724 2.61521 10.9677 3.01708 11.4753 3.52469C11.9829 4.03229 12.3848 4.6276 12.6809 5.31063C12.977 5.99375 13.125 6.72354 13.125 7.5C13.125 8.27406 12.977 9.00323 12.6809 9.6875C12.3848 10.3718 11.9829 10.9677 11.4753 11.4753C10.9677 11.9829 10.3724 12.3848 9.68937 12.6809C9.00625 12.977 8.27646 13.125 7.5 13.125ZM7.5 12.5048C7.86698 12.0337 8.16948 11.5709 8.4075 11.1166C8.64542 10.6623 8.83891 10.1539 8.98797 9.59141H6.01203C6.17714 10.1859 6.37464 10.7103 6.60453 11.1647C6.83453 11.619 7.13302 12.0657 7.5 12.5048ZM6.70437 12.4111C6.41271 12.0673 6.14646 11.6424 5.90562 11.1364C5.6649 10.6304 5.48563 10.1154 5.36781 9.59141H2.97109C3.32932 10.3686 3.83714 11.006 4.49453 11.5036C5.15203 12.0012 5.88865 12.3037 6.70437 12.4111ZM8.29562 12.4111C9.11135 12.3037 9.84797 12.0012 10.5055 11.5036C11.1629 11.006 11.6707 10.3686 12.0289 9.59141H9.63219C9.47438 10.1234 9.27505 10.6424 9.03422 11.1484C8.79349 11.6545 8.54729 12.0754 8.29562 12.4111ZM2.71641 8.96641H5.23797C5.19068 8.70995 5.15724 8.4601 5.13766 8.21688C5.11797 7.97375 5.10813 7.73479 5.10813 7.5C5.10813 7.26521 5.11797 7.02625 5.13766 6.78312C5.15724 6.5399 5.19068 6.29005 5.23797 6.03359H2.71641C2.64828 6.24995 2.59516 6.48573 2.55703 6.74094C2.51901 6.99615 2.5 7.24917 2.5 7.5C2.5 7.75083 2.51901 8.00385 2.55703 8.25906C2.59516 8.51427 2.64828 8.75005 2.71641 8.96641ZM5.86297 8.96641H9.13703C9.18432 8.70995 9.21776 8.46411 9.23734 8.22891C9.25703 7.9938 9.26688 7.75083 9.26688 7.5C9.26688 7.24917 9.25703 7.0062 9.23734 6.77109C9.21776 6.53588 9.18432 6.29005 9.13703 6.03359H5.86297C5.81568 6.29005 5.78224 6.53588 5.76266 6.77109C5.74297 7.0062 5.73313 7.24917 5.73313 7.5C5.73313 7.75083 5.74297 7.9938 5.76266 8.22891C5.78224 8.46411 5.81568 8.70995 5.86297 8.96641ZM9.76203 8.96641H12.2836C12.3517 8.75005 12.4048 8.51427 12.443 8.25906C12.481 8.00385 12.5 7.75083 12.5 7.5C12.5 7.24917 12.481 6.99615 12.443 6.74094C12.4048 6.48573 12.3517 6.24995 12.2836 6.03359H9.76203C9.80932 6.29005 9.84276 6.5399 9.86234 6.78312C9.88203 7.02625 9.89188 7.26521 9.89188 7.5C9.89188 7.73479 9.88203 7.97375 9.86234 8.21688C9.84276 8.4601 9.80932 8.70995 9.76203 8.96641ZM9.63219 5.40859H12.0289C11.6627 4.61537 11.1608 3.97797 10.5234 3.49641C9.88604 3.01484 9.14344 2.70833 8.29562 2.57687C8.58729 2.96073 8.84953 3.39964 9.08234 3.89359C9.31516 4.38766 9.49844 4.89266 9.63219 5.40859ZM6.01203 5.40859H8.98797C8.82286 4.82214 8.61932 4.29172 8.37734 3.81734C8.13537 3.34297 7.84292 2.90224 7.5 2.49516C7.15708 2.90224 6.86464 3.34297 6.62266 3.81734C6.38068 4.29172 6.17714 4.82214 6.01203 5.40859ZM2.97109 5.40859H5.36781C5.50156 4.89266 5.68484 4.38766 5.91766 3.89359C6.15047 3.39964 6.41271 2.96073 6.70437 2.57687C5.84854 2.70833 5.10396 3.01682 4.47062 3.50234C3.83719 3.98797 3.33734 4.62339 2.97109 5.40859Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
  }
  header.menu_open .header_top .tnb.black > ul > li.lang > a:hover {
    font-weight: 700;
  }
  header .header_sub {
    position: relative;
  }
  header .header_sub::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
  }
  header .header_sub .sub_left .gnb .gnb_open::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 9.16675H0V10.8334H20V9.16675Z' fill='%231D1D1D'/%3E%3Cpath d='M20 3.33325H0V4.99992H20V3.33325Z' fill='%231D1D1D'/%3E%3Cpath d='M20 15H0V16.6667H20V15Z' fill='%231D1D1D'/%3E%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_75_292)'%3E%3Cpath d='M20 9.16675H0V10.8334H20V9.16675Z' fill='white'/%3E%3Cpath d='M20 3.33325H0V4.99992H20V3.33325Z' fill='white'/%3E%3Cpath d='M20 15H0V16.6667H20V15Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_75_292'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%3C/svg%3E%0A");
  }
  header .header_sub .sub_left .gnb .gnb_wrap {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  header .header_sub .sub_left .logo a {
    width: 112px;
    height: 21px;
  }
}
.quick {
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 90;
}
.quick .open {
  display: block;
  color: #fff;
  background-color: #0061AF;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.quick .open span {
  display: block;
  margin-top: 10px;
  position: relative;
}
.quick .open span::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: -18px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_225_10' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_225_10)'%3E%3Cpath d='M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .open:hover {
  font-weight: 700;
  background-color: #ACFE05;
  color: #1d1d1d;
}
.quick .open:hover span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_225_25' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_225_25)'%3E%3Cpath d='M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .quick_cont {
  display: none;
  background-color: #F4F4F4;
  border-radius: 35px;
  text-align: center;
  width: 65px;
  height: 282px;
  overflow: hidden;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  margin-top: 6px;
  position: relative;
}
.quick .quick_cont h2 {
  display: none;
}
.quick .quick_cont ul li a, .quick .quick_cont ul li button {
  display: block;
  padding: 10px 10px;
  width: 100%;
  position: relative;
}
.quick .quick_cont ul li a:hover, .quick .quick_cont ul li button:hover {
  font-weight: 700;
}
.quick .quick_cont ul li a::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 43px;
  height: 1px;
  background-color: #ccc;
  content: "";
}
.quick .quick_cont ul li button {
  color: #00539B;
  padding-top: 20px;
}
.quick .quick_cont ul li button::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 8px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_221_155' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='10' height='10'%3E%3Crect width='10' height='10' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_221_155)'%3E%3Cpath d='M9.02331 6.66668L5.00091 2.64429L0.978515 6.66668L1.56987 7.25804L5.00091 3.82689L8.43195 7.25804L9.02331 6.66668Z' fill='%2300539B'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .quick_cont ul li:first-child a {
  margin-top: 40px;
}
.quick .quick_cont::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 16px;
  width: 35px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='19' viewBox='0 0 36 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.576 11.1958C18.576 11.0438 18.576 10.898 18.5881 10.746C18.7158 8.9469 19.4451 7.33014 20.5635 6.07198L15.8712 0L2.78516 16.6235C5.654 15.0857 8.52892 14.0221 11.4585 13.4143L15.8712 7.81639L18.5699 11.1958H18.576Z' fill='%230061AF'/%3E%3Cpath d='M26.9265 4.05997C22.9332 3.78038 19.4687 6.7951 19.1891 10.7884C19.1405 11.4995 19.1952 12.1985 19.3471 12.861C20.7633 12.9461 22.1674 13.1345 23.5532 13.4202C23.0608 12.7577 22.7934 11.9311 22.8542 11.0437C22.994 9.07437 24.7019 7.59132 26.6712 7.72504C28.6405 7.85876 30.1235 9.56669 29.9898 11.536C29.8926 12.9339 28.9991 14.0888 27.7835 14.5872C29.1024 15.0552 30.4092 15.6083 31.6978 16.2526C32.804 15.0795 33.5273 13.5235 33.6488 11.7852C33.9284 7.7919 30.9137 4.3274 26.9204 4.05389L26.9265 4.05997Z' fill='%23F26522'/%3E%3Cpath d='M35.2041 19C29.6913 15.3654 23.6984 13.4143 17.4319 13.4143C11.1654 13.4143 5.44594 15.4201 0 19H35.2041Z' fill='%2362BB46'/%3E%3C/svg%3E%0A");
}
.quick .close {
  display: none;
  color: #fff;
  background-color: #0061AF;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  font-size: 0;
  line-height: 0;
  margin-top: 20px;
}
.quick .close span {
  position: relative;
}
.quick .close span::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: -13px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_225_24' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_225_24)'%3E%3Cpath d='M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .close:hover {
  font-weight: 700;
  background-color: #ACFE05;
}
.quick .close:hover span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_225_24' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_225_24)'%3E%3Cpath d='M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z' fill='%231d1d1d'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick.active .open {
  display: none;
}
.quick.active .quick_cont {
  display: block;
}
.quick.active .close {
  display: block;
}

@media screen and (max-width: 768px) {
  .quick {
    bottom: 30px;
  }
  .quick .open {
    width: 55px;
    height: 55px;
  }
  .quick .quick_cont {
    width: 55px;
    height: 215px;
  }
  .quick .quick_cont ul li a, .quick .quick_cont ul li button {
    padding: 5px 5px;
  }
  .quick .quick_cont ul li button {
    padding-top: 20px;
  }
  .quick .close {
    margin-top: 10px;
    width: 55px;
    height: 55px;
  }
}
footer {
  min-height: 301px;
}
footer .f_top {
  background-color: #00539B;
}
footer .f_top .tab .tab_btn ul {
  display: flex;
  justify-content: space-between;
}
footer .f_top .tab .tab_btn ul li {
  width: 50%;
  color: #fff;
  font-size: 17px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
footer .f_top .tab .tab_btn ul li button {
  display: block;
  width: 100%;
  line-height: 60px;
  text-align: center;
}
footer .f_top .tab .tab_btn ul li button span {
  padding-right: 27px;
  position: relative;
}
footer .f_top .tab .tab_btn ul li button span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_2349' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_2349)'%3E%3Cpath d='M12.0004 14.6537L7.59668 10.25H16.4042L12.0004 14.6537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
footer .f_top .tab .tab_btn ul li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
footer .f_top .tab .tab_btn ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
footer .f_top .tab .tab_btn ul li.active {
  background-color: #E6EFF7;
  color: #1D1D1D;
}
footer .f_top .tab .tab_btn ul li.active button span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_45_1048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(-180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_45_1048)'%3E%3Cpath d='M12.0005 9.34625L16.4043 13.75L7.5968 13.75L12.0005 9.34625Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
footer .f_top .tab .tab_cont {
  background-color: #E6EFF7;
  width: 100%;
}
footer .f_top .tab .tab_cont div[role=tabpanel] {
  display: none;
}
footer .f_top .tab .tab_cont div[role=tabpanel].active {
  display: block;
}
footer .f_top .tab .tab_cont div .major_list {
  height: auto;
}
footer .f_top .tab .tab_cont div .major_list .depth1 {
  display: flex;
  justify-content: space-between;
  padding: 45px 0 50px 0;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li {
  white-space: nowrap;
  width: 214px;
  position: relative;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li > a {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #1D1D1D;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li .depth2 {
  margin-top: 13px;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li .depth2 li a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 2;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li .depth2 li a:hover {
  font-weight: 700;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 36px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
footer .f_top .tab .tab_cont div .major_list .depth1 li:last-child::after {
  display: none;
}
footer .f_top .tab .tab_cont div .organ_list {
  height: auto;
}
footer .f_top .tab .tab_cont div .organ_list ul {
  display: flex;
  justify-content: space-between;
  padding: 45px 83px 50px 83px;
}
footer .f_top .tab .tab_cont div .organ_list ul li {
  white-space: nowrap;
  width: 92px;
}
footer .f_top .tab .tab_cont div .organ_list ul li:hover {
  font-weight: 700;
}
@media screen and (max-width: 1300px) {
  footer .f_top .tab .tab_cont div .major_list .depth1 {
    flex-wrap: wrap;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 > li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) {
  footer .f_top .tab .tab_cont div .major_list .depth1 {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 > li {
    margin-bottom: 30px;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 li::after {
    display: none;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 li > a {
    font-size: 14px;
  }
  footer .f_top .tab .tab_cont div .organ_list ul {
    flex-wrap: wrap;
    padding: 20px 0;
  }
  footer .f_top .tab .tab_cont div .organ_list ul li {
    line-height: 3;
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 768px) {
  footer .f_top .tab .tab_cont div .major_list .depth1 {
    flex-wrap: wrap;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 > li {
    width: 45%;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 li::after {
    display: none;
  }
  footer .f_top .tab .tab_cont div .major_list .depth1 li .depth2 li a {
    font-size: 13px;
  }
  footer .f_top .tab .tab_cont div .organ_list ul {
    flex-wrap: wrap;
    padding: 20px 0;
  }
  footer .f_top .tab .tab_cont div .organ_list ul li {
    line-height: 3;
    margin: 0 16px 0 0;
  }
}
footer .f_sub {
  height: 241px;
  background-color: #1D1D1D;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 60px;
}
footer .f_sub .wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
footer .f_sub .wrapper .f_logo {
  width: 162px;
  height: 31px;
  line-height: 0;
  font-size: 0;
}
footer .f_sub .wrapper .f_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .f_sub .wrapper .f_inner {
  line-height: 1.7;
}
footer .f_sub .wrapper .f_inner .f_nav ul {
  display: flex;
}
footer .f_sub .wrapper .f_inner .f_nav ul li {
  margin-right: 35px;
  position: relative;
}
footer .f_sub .wrapper .f_inner .f_nav ul li.priv {
  font-weight: 700;
}
footer .f_sub .wrapper .f_inner .f_nav ul li::after {
  position: absolute;
  right: -15px;
  top: 3px;
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
}
footer .f_sub .wrapper .f_inner .f_nav ul li:last-child::after {
  display: none;
}
footer .f_sub .wrapper .f_inner .f_info {
  margin: 24px 0 15px 0;
  display: flex;
}
footer .f_sub .wrapper .f_inner .f_info address, footer .f_sub .wrapper .f_inner .f_info span {
  margin-right: 35px;
}
footer .f_sub .wrapper .f_inner .copy {
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1024px) {
  footer .f_top .tab .tab_btn ul li {
    font-size: 15px;
  }
  footer .f_top .tab .tab_btn ul li button {
    line-height: 42px;
  }
  footer .f_top .tab .tab_btn ul li button em {
    display: none;
  }
  footer .f_sub {
    height: auto;
    padding-top: 40px;
  }
  footer .f_sub .wrapper {
    flex-direction: column;
    align-items: center;
  }
  footer .f_sub .wrapper .f_inner {
    margin: 40px 0 68px;
  }
  footer .f_sub .wrapper .f_inner .f_nav ul {
    flex-wrap: wrap;
  }
  footer .f_sub .wrapper .f_inner .f_nav ul li {
    margin-right: 20px;
  }
  footer .f_sub .wrapper .f_inner .f_info {
    flex-wrap: wrap;
  }
  footer .f_sub .wrapper .f_inner .f_info address, footer .f_sub .wrapper .f_inner .f_info span {
    margin-right: 20px;
  }
}

/* 서브페이지 */
.sub_visual {
  height: 380px;
  background: url(../images/contents/sub_visual01.png) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.sub_visual strong {
  display: block;
  color: #ACFE05;
  font-weight: 700;
  padding: 201px 0 9px 0;
}
.sub_visual h2 {
  font-family: "GM";
  font-weight: 700;
  font-size: 50px;
}

@media screen and (max-width: 1024px) {
  .sub_visual {
    height: 300px;
  }
  .sub_visual strong {
    padding: 115px 0 9px 0;
  }
}
@media screen and (max-width: 768px) {
  .sub_visual {
    height: 200px;
  }
  .sub_visual strong {
    padding: 83px 0 5px 0;
  }
  .sub_visual h2 {
    font-size: 3.07rem;
  }
}
.sub_menu {
  border-bottom: 1px solid #d9d9d9;
  height: 50px;
}
.sub_menu .wrapper {
  display: flex;
  justify-content: space-between;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 {
  display: flex;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li {
  text-align: center;
  position: relative;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li > a {
  display: block;
  line-height: 50px;
  color: #666;
  position: relative;
  padding: 0 10px;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li > a span {
  position: relative;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li > a span::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: -21px;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_269_155' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_269_155)'%3E%3Cpath d='M10.0005 12.5447L5.28906 7.8332L6.16719 6.95508L10.0005 10.7884L13.8339 6.95508L14.712 7.8332L10.0005 12.5447Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li > a::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #d9d9d9;
  content: "";
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 {
  display: none;
  z-index: 50;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ededed;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 li {
  text-align: left;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2;
  color: #666;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 li a:hover {
  text-decoration: underline;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 li.active a {
  color: #00539B;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.open > a {
  color: #00539B;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.open > a span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_269_155' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate(180 20 20)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_269_155)'%3E%3Cpath d='M9.99948 7.45534L14.7109 12.1668L13.8328 13.0449L9.99948 9.21159L6.16615 13.0449L5.28802 12.1668L9.99948 7.45534Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.open .sub_menu2 {
  display: block;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.home {
  padding-right: 10px;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.home > a {
  font-size: 0;
  line-height: 0;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  position: relative;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.home > a::before {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_269_140' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_269_140)'%3E%3Cpath d='M4.5 20.5V9.24996L12 3.60571L19.5 9.24996V20.5H13.9038V13.8077H10.0963V20.5H4.5Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.home > a::after {
  display: none;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu1 {
  width: 111px;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu2 {
  width: 146px;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu3 {
  width: 229px;
  text-align: left;
}
.sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu3 > a {
  padding-left: 30px;
}
.sub_menu .wrapper .sub_btn {
  display: flex;
  justify-content: space-between;
}
.sub_menu .wrapper .sub_btn button {
  display: block;
  margin: 13px 10px 0 19px;
  font-size: 0;
  line-height: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
.sub_menu .wrapper .sub_btn button::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.sub_menu .wrapper .sub_btn button.share::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_270_174' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_270_174)'%3E%3Cpath d='M16.8055 21.5C16.057 21.5 15.4215 21.2383 14.899 20.7148C14.3767 20.1913 14.1155 19.5556 14.1155 18.8078C14.1155 18.7078 14.1501 18.4648 14.2193 18.0788L7.10775 13.8923C6.86675 14.1423 6.58042 14.3381 6.24875 14.4798C5.91708 14.6214 5.56175 14.6923 5.18275 14.6923C4.43758 14.6923 3.80417 14.4294 3.2825 13.9038C2.76083 13.3781 2.5 12.7435 2.5 12C2.5 11.2565 2.76083 10.6219 3.2825 10.0962C3.80417 9.57058 4.43758 9.30775 5.18275 9.30775C5.56175 9.30775 5.91708 9.37858 6.24875 9.52025C6.58042 9.66192 6.86675 9.85775 7.10775 10.1077L14.2193 5.93075C14.1796 5.80775 14.1523 5.68725 14.1375 5.56925C14.1228 5.45125 14.1155 5.32558 14.1155 5.19225C14.1155 4.44442 14.3774 3.80875 14.9012 3.28525C15.4252 2.76175 16.0615 2.5 16.81 2.5C17.5585 2.5 18.1939 2.762 18.7163 3.286C19.2388 3.80983 19.5 4.446 19.5 5.1945C19.5 5.943 19.2383 6.5785 18.7148 7.101C18.1913 7.62333 17.5556 7.8845 16.8077 7.8845C16.4269 7.8845 16.0727 7.81208 15.7452 7.66725C15.4176 7.52242 15.1333 7.325 14.8923 7.075L7.78075 11.2615C7.82042 11.3847 7.84767 11.5052 7.8625 11.623C7.87717 11.741 7.8845 11.8667 7.8845 12C7.8845 12.1333 7.87717 12.259 7.8625 12.377C7.84767 12.4948 7.82042 12.6153 7.78075 12.7385L14.8923 16.925C15.1333 16.675 15.4176 16.4776 15.7452 16.3328C16.0727 16.1879 16.4269 16.1155 16.8077 16.1155C17.5556 16.1155 18.1913 16.3774 18.7148 16.9012C19.2383 17.4252 19.5 18.0615 19.5 18.81C19.5 19.5585 19.238 20.1939 18.714 20.7163C18.1902 21.2388 17.554 21.5 16.8055 21.5ZM16.8077 20C17.1456 20 17.4287 19.8857 17.6572 19.6572C17.8857 19.4287 18 19.1456 18 18.8078C18 18.4699 17.8857 18.1868 17.6572 17.9583C17.4287 17.7296 17.1456 17.6152 16.8077 17.6152C16.4699 17.6152 16.1868 17.7296 15.9583 17.9583C15.7296 18.1868 15.6152 18.4699 15.6152 18.8078C15.6152 19.1456 15.7296 19.4287 15.9583 19.6572C16.1868 19.8857 16.4699 20 16.8077 20ZM5.18275 13.1923C5.52325 13.1923 5.80867 13.078 6.039 12.8495C6.2695 12.621 6.38475 12.3378 6.38475 12C6.38475 11.6622 6.2695 11.379 6.039 11.1505C5.80867 10.922 5.52325 10.8077 5.18275 10.8077C4.84758 10.8077 4.56667 10.922 4.34 11.1505C4.11333 11.379 4 11.6622 4 12C4 12.3378 4.11333 12.621 4.34 12.8495C4.56667 13.078 4.84758 13.1923 5.18275 13.1923ZM16.8077 6.38475C17.1456 6.38475 17.4287 6.27042 17.6572 6.04175C17.8857 5.81325 18 5.53008 18 5.19225C18 4.85442 17.8857 4.57125 17.6572 4.34275C17.4287 4.11425 17.1456 4 16.8077 4C16.4699 4 16.1868 4.11425 15.9583 4.34275C15.7296 4.57125 15.6152 4.85442 15.6152 5.19225C15.6152 5.53008 15.7296 5.81325 15.9583 6.04175C16.1868 6.27042 16.4699 6.38475 16.8077 6.38475Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sub_menu .wrapper .sub_btn button.print::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_270_180' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_270_180)'%3E%3Cpath d='M16.0006 8.30786V5.30786H8.00056V8.30786H6.50056V3.80786H17.5006V8.30786H16.0006ZM17.8083 12.3079C18.0916 12.3079 18.3291 12.212 18.5208 12.0204C18.7125 11.8287 18.8083 11.5912 18.8083 11.3079C18.8083 11.0245 18.7125 10.787 18.5208 10.5954C18.3291 10.4037 18.0916 10.3079 17.8083 10.3079C17.525 10.3079 17.2875 10.4037 17.0958 10.5954C16.9041 10.787 16.8083 11.0245 16.8083 11.3079C16.8083 11.5912 16.9041 11.8287 17.0958 12.0204C17.2875 12.212 17.525 12.3079 17.8083 12.3079ZM16.0006 19.0001V14.7309H8.00056V19.0001H16.0006ZM17.5006 20.5001H6.50056V16.5001H2.78906V10.8079C2.78906 10.0995 3.03106 9.50578 3.51506 9.02661C3.99906 8.54745 4.5904 8.30786 5.28906 8.30786H18.7121C19.4204 8.30786 20.0141 8.54745 20.4933 9.02661C20.9725 9.50578 21.2121 10.0995 21.2121 10.8079V16.5001H17.5006V20.5001ZM19.7121 15.0001V10.8079C19.7121 10.5245 19.6162 10.287 19.4246 10.0954C19.2329 9.9037 18.9954 9.80786 18.7121 9.80786H5.28906C5.00573 9.80786 4.76823 9.9037 4.57656 10.0954C4.3849 10.287 4.28906 10.5245 4.28906 10.8079V15.0001H6.50056V13.2309H17.5006V15.0001H19.7121Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 768px) {
  .sub_menu .wrapper {
    margin: 0;
  }
  .sub_menu .wrapper .breadcrumb {
    width: 100%;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li {
    text-align: left;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li > a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li > a::after {
    height: 100%;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li .sub_menu2 {
    width: auto;
    padding: 10px 15px;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.home {
    display: none;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu1 {
    width: 33.3%;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu1 > a::after {
    display: none;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu2 {
    width: 33.3%;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu3 {
    width: 33.3%;
  }
  .sub_menu .wrapper .breadcrumb .sub_menu1 > li.menu3 > a {
    padding-left: 10px;
  }
  .sub_menu .wrapper .sub_btn {
    display: none;
  }
}
section h2 {
  font-family: "GM";
  color: #1d1d1d;
  font-weight: 300;
  font-size: 3rem;
  margin-bottom: 21px;
  letter-spacing: -0.05em;
}
section h2 span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  section h2 {
    font-size: 28px;
    margin-bottom: 13px;
  }
}
section.number h2, section.media h2, section.onair h2 {
  text-align: center;
}

.visual {
  height: 850px;
  position: relative;
}
.visual h2 {
  display: none;
}
.visual .photo {
  overflow: hidden;
  width: calc(100% - 275px);
  height: 795px;
  line-height: 0;
  font-size: 0;
}
.visual .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visual .swiper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 704px;
}
.visual .swiper ul li .wrapper {
  position: relative;
}
.visual .swiper ul li .tit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
.visual .swiper ul li .tit strong {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.33rem;
  margin: 191px 0 19px 0;
}
.visual .swiper ul li .tit h3 {
  color: #fff;
  font-family: "GM";
  font-weight: 700;
  line-height: 1;
  font-size: 5.33rem;
}
.visual .swiper ul li .popup {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 71.6%;
  height: 704px;
  border-top-left-radius: 150px;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.visual .swiper ul li .popup img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visual .swiper .paging {
  position: absolute;
  top: 420px;
  left: 18%;
  width: auto;
  height: 8px;
  font-size: 0;
  line-height: 0;
  z-index: 50;
}
.visual .swiper .paging .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: 0.5s;
}
.visual .swiper .paging .swiper-pagination-bullet-active {
  width: 34px;
  height: 8px;
  border-radius: 4px;
  background-color: #ACFE05;
  opacity: 1;
}

@media screen and (max-width: 1260px) {
  .visual {
    height: 800px;
  }
  .visual .photo {
    width: calc(100% - 250px);
    height: 740px;
  }
  .visual .swiper ul li .tit {
    top: 50px;
  }
  .visual .swiper ul li .tit strong {
    margin: 150px 0 19px 0;
  }
  .visual .swiper ul li .tit .popup {
    height: 650px;
  }
  .visual .swiper .paging {
    left: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .visual {
    height: 720px;
  }
  .visual .photo {
    width: 100%;
    height: 650px;
  }
  .visual .swiper ul li .tit strong {
    margin: 190px 0 19px 0;
  }
  .visual .swiper ul li .tit h3 {
    font-size: 4.5rem;
  }
  .visual .swiper ul li .popup {
    height: 600px;
  }
  .visual .swiper .paging {
    left: 8%;
  }
}
@media screen and (max-width: 768px) {
  .visual {
    height: 580px;
  }
  .visual .photo {
    height: 580px;
  }
  .visual .swiper {
    height: 580px;
  }
  .visual .swiper ul li .tit {
    top: 0;
  }
  .visual .swiper ul li .tit strong {
    font-size: 15px;
    margin: 98px 0 12px 0;
  }
  .visual .swiper ul li .tit h3 {
    font-size: 4rem;
  }
  .visual .swiper ul li .popup {
    width: 93%;
    height: 285px;
    border-top-left-radius: 100px;
  }
  .visual .swiper .paging {
    top: 246px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .visual .swiper ul li .tit strong {
    font-size: 13px;
    margin: 98px 0 12px 0;
  }
  .visual .swiper ul li .tit h3 {
    font-size: 3.07rem;
  }
  .visual .swiper ul li.bg3 .tit h3 {
    letter-spacing: -0.05em;
  }
  .visual .swiper .paging {
    top: 265px;
  }
}
.go {
  height: 200px;
}
.go h2 {
  display: none;
}
.go .wrapper {
  height: 100%;
  padding: 30px 0;
  position: relative;
}
.go .wrapper .swiper {
  width: 84%;
  height: 100%;
}
.go .wrapper .swiper ul {
  display: flex;
}
.go .wrapper .swiper ul li {
  width: 12.5%;
  text-align: center;
}
.go .wrapper .swiper ul li a {
  display: block;
  padding-top: 123px;
  position: relative;
}
.go .wrapper .swiper ul li a::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0;
  width: 105px;
  height: 105px;
  border-radius: 10px;
  border: 1px solid #ededed;
}
.go .wrapper .swiper ul li a::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  top: 23px;
  width: 100%;
  height: 60px;
}
.go .wrapper .swiper ul li a.g01::after {
  background-image: url(../images/main/go_icon01.svg);
}
.go .wrapper .swiper ul li a.g02::after {
  background-image: url(../images/main/go_icon02.svg);
}
.go .wrapper .swiper ul li a.g03::after {
  background-image: url(../images/main/go_icon03.svg);
}
.go .wrapper .swiper ul li a.g04::after {
  background-image: url(../images/main/go_icon04.svg);
}
.go .wrapper .swiper ul li a.g05::after {
  background-image: url(../images/main/go_icon05.svg);
}
.go .wrapper .swiper ul li a.g06::after {
  background-image: url(../images/main/go_icon06.svg);
}
.go .wrapper .swiper ul li a.g07::after {
  background-image: url(../images/main/go_icon07.svg);
}
.go .wrapper .swiper ul li a.g08::after {
  background-image: url(../images/main/go_icon08.svg);
}
.go .wrapper .swiper ul li a.g09::after {
  background-image: url(../images/main/go_icon09.svg);
}
.go .wrapper .swiper ul li a.g010::after {
  background-image: url(../images/main/go_icon010.svg);
}
.go .wrapper .swiper ul li a.g011::after {
  background-image: url(../images/main/go_icon011.svg);
}
.go .wrapper .swiper ul li a:hover {
  font-weight: 700;
}
.go .wrapper .swiper ul li a:hover::after {
  animation-name: turnImg;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}
.go .wrapper .btn_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.go .wrapper .btn_wrap .btn_prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 83px;
  height: 100%;
}
.go .wrapper .btn_wrap .btn_prev::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_2196' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_2196)'%3E%3Cpath d='M19.9998 27.067L7.93262 14.9998L19.9998 2.93262L21.7739 4.70668L11.4804 14.9998L21.7739 25.2929L19.9998 27.067Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.go .wrapper .btn_wrap .btn_next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 83px;
  height: 100%;
}
.go .wrapper .btn_wrap .btn_next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_2193' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' transform='matrix(-1 0 0 1 30 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_2193)'%3E%3Cpath d='M10.0002 27.067L22.0674 14.9998L10.0002 2.93262L8.22613 4.70668L18.5196 14.9998L8.22613 25.2929L10.0002 27.067Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@keyframes turnImg {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@media screen and (max-width: 768px) {
  .go {
    height: 120px;
  }
  .go .wrapper {
    padding: 19px 0;
  }
  .go .wrapper .swiper {
    width: 78.3%;
  }
  .go .wrapper .swiper ul li a {
    padding-top: 68px;
  }
  .go .wrapper .swiper ul li a::before {
    width: 60px;
    height: 60px;
  }
  .go .wrapper .swiper ul li a::after {
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    width: 30px;
    height: 35px;
  }
  .go .wrapper .swiper ul li a:hover::after {
    animation-name: none;
  }
  .go .wrapper .btn_wrap .btn_prev, .go .wrapper .btn_wrap .btn_next {
    width: 30px;
  }
  .go .wrapper .btn_wrap .btn_prev::before, .go .wrapper .btn_wrap .btn_next::before {
    width: 15px;
    height: 15px;
  }
}
.community {
  background-color: #E6EFF7;
  position: relative;
}
.community .wrapper {
  height: 690px;
  display: flex;
  justify-content: space-between;
  padding: 91px 0 110px 0;
}
.community .wrapper .tab .tab_btn ul {
  display: flex;
  margin-bottom: 20px;
}
.community .wrapper .tab .tab_btn ul li button {
  font-size: 1.33rem;
  margin-right: 40px;
  color: #666;
}
.community .wrapper .tab .tab_btn ul li button span {
  position: relative;
}
.community .wrapper .tab .tab_btn ul li button:hover {
  font-weight: 700;
  color: #3d3d3d;
}
.community .wrapper .tab .tab_btn ul li button:hover span::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #0039C8;
}
.community .wrapper .tab .tab_btn ul li.active button {
  font-weight: 700;
  color: #3d3d3d;
}
.community .wrapper .tab .tab_btn ul li.active button span::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #0039C8;
}
.community .wrapper .tab .tab_cont div[role=tabpanel] {
  display: none;
}
.community .wrapper .tab .tab_cont div[role=tabpanel].active {
  display: block;
}
.community .wrapper .more {
  position: absolute;
  right: 0;
  top: 86px;
}
.community .wrapper .more a {
  display: block;
  color: #666;
  padding-right: 23px;
  position: relative;
}
.community .wrapper .more a::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 10px;
  top: 4px;
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1148 5.0574L0 0.942602L0.942601 0L6 5.0574L0.942601 10.1148L0 9.1722L4.1148 5.0574Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.community .wrapper .more a:hover::after {
  animation-name: mAct;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.community .wrapper .news {
  z-index: 1;
  width: 963px;
  position: relative;
}
.community .wrapper .news .tab_cont .noti_list {
  overflow: hidden;
  height: 376px;
}
.community .wrapper .news .tab_cont .noti_list ul {
  width: calc(100% - 24px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.community .wrapper .news .tab_cont .noti_list ul li {
  width: 31.6%;
  margin-bottom: 24px;
  background-color: #fff;
  border-radius: 10px;
}
.community .wrapper .news .tab_cont .noti_list ul li a {
  display: block;
  height: 176px;
  padding: 29px 24px;
}
.community .wrapper .news .tab_cont .noti_list ul li a strong {
  font-weight: 700;
  color: #0039C8;
  white-space: nowrap;
}
.community .wrapper .news .tab_cont .noti_list ul li a p {
  margin: 8px 0 22px 0;
  font-size: 17px;
  font-weight: 700;
  color: #1d1d1d;
  line-height: 1.3;
  height: 2.5em;
  overflow: hidden;
}
.community .wrapper .news .tab_cont .noti_list ul li a span {
  color: #666;
}
.community .wrapper .news .tab_cont .noti_list ul li:hover {
  background-color: #0039C8;
}
.community .wrapper .news .tab_cont .noti_list ul li:hover a strong {
  color: #ACFE05;
}
.community .wrapper .news .tab_cont .noti_list ul li:hover a p {
  color: #fff;
}
.community .wrapper .news .tab_cont .noti_list ul li:hover a span {
  color: rgba(255, 255, 255, 0.8);
}
.community .wrapper .news .more {
  right: 24px;
}
.community .wrapper .schedule {
  z-index: 1;
  width: 297px;
  position: relative;
}
.community .wrapper .schedule .tab_cont .sch_list {
  overflow: hidden;
  height: 376px;
}
.community .wrapper .schedule .tab_cont .sch_list ul {
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 0 30px;
}
.community .wrapper .schedule .tab_cont .sch_list ul li {
  padding: 38px 0;
  height: 33%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .date {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-family: "GM";
  line-height: 1;
  color: #0039C8;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .date em {
  font-weight: 300;
  white-space: nowrap;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .date strong {
  font-weight: 700;
  font-size: 2.692rem;
  white-space: nowrap;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .txt {
  width: calc(100% - 66px);
  color: #666;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .txt p {
  margin: 2px 0 3px 0;
  font-size: 17px;
  font-weight: 700;
  color: #1d1d1d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.community .wrapper .schedule .tab_cont .sch_list ul li .txt span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.community .wrapper .schedule .tab_cont .sch_list ul li:last-child {
  border-bottom: transparent;
}
.community::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 0;
  bottom: 0;
  width: 519px;
  height: 280px;
  background-image: url(../images/main/commu_bg.png);
}
@media screen and (max-width: 1300px) {
  .community .wrapper .news .tab_cont .noti_list ul li {
    width: 48.5%;
  }
}
@media screen and (max-width: 1024px) {
  .community .wrapper {
    height: auto;
    display: block;
    padding: 68px 0;
  }
  .community .wrapper .news {
    width: auto;
  }
  .community .wrapper .news .tab_cont .noti_list ul {
    width: 100%;
  }
  .community .wrapper .news .tab_cont .noti_list ul li {
    width: 31.6%;
  }
  .community .wrapper .news .more {
    right: 0;
  }
  .community .wrapper .schedule {
    margin-top: 48px;
    width: auto;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul li .txt {
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul li .txt p {
    font-size: 20px;
  }
  .community .wrapper .more {
    top: 77px;
  }
  .community::after {
    width: 346px;
    height: 186px;
  }
}
@media screen and (max-width: 768px) {
  .community .wrapper .tab .tab_btn ul li button {
    font-size: 13px;
    margin-right: 24px;
  }
  .community .wrapper .news .tab_cont .noti_list {
    height: 315px;
  }
  .community .wrapper .news .tab_cont .noti_list ul {
    display: block;
    width: auto;
  }
  .community .wrapper .news .tab_cont .noti_list ul li {
    width: auto;
    margin-bottom: 12px;
  }
  .community .wrapper .news .tab_cont .noti_list ul li a {
    height: 97px;
    padding: 14px 20px;
  }
  .community .wrapper .news .tab_cont .noti_list ul li a p {
    margin: 6px 0 8px 0;
    font-size: 15px;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .community .wrapper .news .tab_cont .noti_list ul li a span {
    display: block;
    text-align: right;
  }
  .community .wrapper .schedule {
    margin-top: 48px;
    width: auto;
  }
  .community .wrapper .schedule .tab_cont .sch_list {
    height: auto;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul {
    padding: 0 20px;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul li {
    padding: 20px 0;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul li .txt {
    width: calc(100% - 80px);
    display: block;
  }
  .community .wrapper .schedule .tab_cont .sch_list ul li .txt p {
    font-size: 15px;
  }
  .community .wrapper .more {
    font-size: 0;
    line-height: 0;
    top: 43px;
    width: 24px;
    height: 24px;
  }
  .community .wrapper .more a {
    width: 100%;
    height: 100%;
  }
  .community .wrapper .more a::after {
    right: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_75_578' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_75_578)'%3E%3Cpath d='M11.25 12.75H5.5V11.25H11.25V5.5H12.75V11.25H18.5V12.75H12.75V18.5H11.25V12.75Z' fill='%23A1C0FF'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .community::after {
    width: 200px;
    height: 105px;
  }
}

.number {
  margin: 167px 0 200px 0;
  font-family: "GM";
}
@media screen and (max-width: 1024px) {
  .number {
    margin: 100px 0 120px 0;
  }
}
@media screen and (max-width: 768px) {
  .number {
    margin: 75px 0 99px 0;
  }
}
.number .num_cont ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.number .num_cont ul li {
  width: 33.3%;
  padding: 25px 0;
  position: relative;
  white-space: nowrap;
}
.number .num_cont ul li .inner {
  padding-left: 26.8%;
  text-align: left;
}
.number .num_cont ul li .inner h3 {
  color: #00539B;
  font-size: 25px;
  margin-bottom: 20px;
}
.number .num_cont ul li .inner .count span {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  color: #1d1d1d;
}
.number .num_cont ul li .inner .count strong {
  font-size: 30px;
  color: #666;
  margin-left: 11px;
}
.number .num_cont ul li::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px dashed #666;
}
.number .num_cont ul li:last-child::after {
  display: none;
}
@media screen and (max-width: 1300px) {
  .number .num_cont ul {
    justify-content: flex-start;
  }
  .number .num_cont ul li .inner {
    padding-left: 20%;
  }
  .number .num_cont ul li .inner h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .number .num_cont ul li .inner .count span {
    font-size: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .number .num_cont ul {
    justify-content: space-between;
  }
  .number .num_cont ul li {
    width: 30%;
    padding: 10px 0;
  }
  .number .num_cont ul li .inner {
    padding-left: 24px;
  }
  .number .num_cont ul li .inner .count span {
    font-size: 50px;
  }
  .number .num_cont ul li .inner .count strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .number .num_cont ul li {
    width: 33.3%;
    padding: 10px 0;
  }
  .number .num_cont ul li .inner h3 {
    font-size: 13px;
  }
  .number .num_cont ul li .inner h3 em {
    display: none;
  }
  .number .num_cont ul li .inner .count span {
    font-size: 30px;
  }
  .number .num_cont ul li .inner .count strong {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .number .num_cont ul {
    display: block;
    margin-top: 20px;
  }
  .number .num_cont ul li {
    width: auto;
    padding: 15px 0;
  }
  .number .num_cont ul li .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .number .num_cont ul li .inner h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .number .num_cont ul li::after {
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-right: transparent;
    border-bottom: 1px dashed #ccc;
  }
}

.media {
  height: 580px;
  position: relative;
}
.media .media_wrap .media_cont {
  height: 100%;
  padding-top: 30px;
  position: relative;
}
.media .media_wrap .media_cont .swiper ul {
  display: flex;
  justify-content: space-between;
}
.media .media_wrap .media_cont .swiper ul li {
  width: 404px;
}
.media .media_wrap .media_cont .swiper ul li a {
  display: block;
  height: 374px;
}
.media .media_wrap .media_cont .swiper ul li a .photo {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  height: 244px;
}
.media .media_wrap .media_cont .swiper ul li a .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s;
}
.media .media_wrap .media_cont .swiper ul li a .txt {
  margin-top: 16px;
  color: #666;
}
.media .media_wrap .media_cont .swiper ul li a .txt h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1d1d1d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.media .media_wrap .media_cont .swiper ul li a .txt p {
  line-height: 1.3;
  height: 2.5em;
  overflow: hidden;
  margin: 11px 0 16px 0;
}
.media .media_wrap .media_cont .swiper ul li a:hover .photo img {
  transform: scale3d(1.1, 1.1, 1);
}
.media .media_wrap .media_cont .swiper ul li a:hover .txt h3::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #1d1d1d;
  animation-name: under;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.media .media_wrap .media_cont .btn_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  text-align: center;
}
.media .media_wrap .media_cont .btn_wrap button {
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  margin-right: 26px;
  position: relative;
}
.media .media_wrap .media_cont .btn_wrap button:last-child {
  margin-right: 0;
}
.media .media_wrap .media_cont .btn_wrap button::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.media .media_wrap .media_cont .btn_wrap button.btn_prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65375 13.3075L4 7.65375L9.65375 2L10.7075 3.05375L6.1075 7.65375L10.7075 12.2538L9.65375 13.3075Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.media .media_wrap .media_cont .btn_wrap button.btn_stop::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13H6.02201V2H4V13ZM8.97799 13H11V2H8.97799V13Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.media .media_wrap .media_cont .btn_wrap button.btn_play {
  display: none;
}
.media .media_wrap .media_cont .btn_wrap button.btn_play::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 13.192V1L12.5768 7.096L3 13.192ZM4.5 10.446L9.76925 7.096L4.5 3.746V10.446Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.media .media_wrap .media_cont .btn_wrap button.btn_next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 7.65375L4 3.05375L5.05375 2L10.7075 7.65375L5.05375 13.3075L4 12.2538L8.6 7.65375Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.media .media_wrap .media_cont .more {
  position: absolute;
  right: 0;
  top: -14px;
}
.media .media_wrap .media_cont .more a {
  display: block;
  color: #666;
  padding-right: 23px;
  position: relative;
}
.media .media_wrap .media_cont .more a::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 10px;
  top: 4px;
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1148 5.0574L0 0.942602L0.942601 0L6 5.0574L0.942601 10.1148L0 9.1722L4.1148 5.0574Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.media .media_wrap .media_cont .more a:hover::after {
  animation-name: mAct;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.media .media_bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 359px;
  background-color: #E0F1DA;
  overflow: hidden;
  z-index: -1;
}
.media .media_bg strong {
  position: absolute;
  left: 0;
  bottom: -22px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 150px;
  font-weight: 100;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .media .media_bg {
    bottom: -73px;
    height: 294px;
  }
  .media .media_bg strong {
    font-size: 100px;
  }
}
@media screen and (max-width: 768px) {
  .media .media_bg {
    bottom: -73px;
    height: 266px;
  }
}
@media screen and (max-width: 1024px) {
  .media {
    height: auto;
  }
  .media .media_wrap .media_cont {
    width: calc(100% + 20px);
  }
  .media .media_wrap .media_cont .swiper {
    margin-top: 11px;
  }
  .media .media_wrap .media_cont .swiper ul li {
    width: 328px;
  }
  .media .media_wrap .media_cont .swiper ul li a {
    height: 306px;
  }
  .media .media_wrap .media_cont .swiper ul li a .photo {
    height: 198px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt {
    margin-top: 13px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt h3 {
    font-size: 17px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt p {
    margin: 9px 0 13px 0;
  }
  .media .media_wrap .media_cont .btn_wrap {
    left: 0;
    transform: translateX(0);
    top: 0;
    text-align: left;
  }
  .media .media_wrap .media_cont .more {
    font-size: 0;
    line-height: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin-right: 20px;
  }
  .media .media_wrap .media_cont .more a {
    width: 100%;
    height: 100%;
  }
  .media .media_wrap .media_cont .more a::after {
    right: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_75_578' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_75_578)'%3E%3Cpath d='M11.25 12.75H5.5V11.25H11.25V5.5H12.75V11.25H18.5V12.75H12.75V18.5H11.25V12.75Z' fill='%23A1C0FF'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
@media screen and (max-width: 768px) {
  .media .media_wrap .media_cont .swiper ul li {
    width: 264px;
  }
  .media .media_wrap .media_cont .swiper ul li a {
    height: 277px;
  }
  .media .media_wrap .media_cont .swiper ul li a .photo {
    height: 159px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt {
    margin-top: 12px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt h3 {
    font-size: 15px;
  }
  .media .media_wrap .media_cont .swiper ul li a .txt p {
    margin: 6px 0 12px 0;
  }
}

.onair h2 {
  margin: 90px 0 44px 0;
}
.onair .wrapper {
  display: flex;
  justify-content: space-between;
}
.onair .wrapper .ytb_wrap {
  width: calc(100% - 428px);
}
.onair .wrapper .ytb_wrap .inner_top {
  width: 100%;
}
.onair .wrapper .ytb_wrap .inner_top .thumb {
  position: relative;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a {
  display: block;
  height: 468px;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a .photo {
  font-size: 0;
  line-height: 0;
  border-radius: 20px;
  overflow: hidden;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a strong {
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  color: #fff;
  font-size: 20px;
  margin: 17px 0 0 24px;
  z-index: 1;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 86px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg width='86' height='60' viewBox='0 0 86 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_71_187)'%3E%3Cpath d='M66.2345 9.11621H21.1201V49.866H66.2345V9.11621Z' fill='white'/%3E%3Cpath d='M86 18.8003C86 8.40568 77.5425 0 67.137 0H18.863C8.45746 0 0 8.42936 0 18.8003V41.176C0 51.5706 8.45746 59.9763 18.863 59.9763H67.1133C77.5425 59.9763 85.9762 51.547 85.9762 41.176V18.8003H86ZM57.6105 31.6811L35.968 42.3599C35.1127 42.8098 32.2381 42.1942 32.2381 41.247V19.3449C32.2381 18.3741 35.1365 17.7585 35.9917 18.232L56.7077 29.4554C57.5867 29.9526 58.4895 31.2076 57.6105 31.6811Z' fill='%23FF0000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_71_187'%3E%3Crect width='86' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: 0.5s;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a:hover strong {
  font-weight: 700;
}
.onair .wrapper .ytb_wrap .inner_top .thumb a:hover::after {
  width: 94px;
  height: 66px;
}
.onair .wrapper .ytb_wrap .inner_sub {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb {
  width: 47.19%;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb a .photo {
  font-size: 0;
  line-height: 0;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb a .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb a .photo::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: 0.5s;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb a strong {
  display: block;
  margin-top: 6px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.onair .wrapper .ytb_wrap .inner_sub .thumb a:hover .photo::after {
  opacity: 0;
}
@media screen and (max-width: 1300px) {
  .onair .wrapper .ytb_wrap {
    width: calc(100% - 384px);
  }
  .onair .wrapper .ytb_wrap .inner_top {
    width: auto;
  }
  .onair .wrapper .ytb_wrap .inner_top .thumb a {
    height: auto;
  }
}
.onair .wrapper .popup_wrap {
  width: 404px;
}
.onair .wrapper .popup_wrap .swiper {
  width: 100%;
  height: 100%;
}
.onair .wrapper .popup_wrap .swiper ul li {
  border-radius: 20px;
}
.onair .wrapper .popup_wrap .swiper ul li a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 15% 10%;
}
.onair .wrapper .popup_wrap .swiper ul li a h3 {
  font-size: 40px;
  font-family: "GM";
  line-height: 1.3;
  font-weight: 700;
}
.onair .wrapper .popup_wrap .swiper ul li a p {
  font-size: 20px;
  margin: 20px 0 57px 0;
}
.onair .wrapper .popup_wrap .swiper ul li a .inner_more span {
  padding: 17px 106px 17px 30px;
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  transition: 0.5s;
}
.onair .wrapper .popup_wrap .swiper ul li a .inner_more span::after {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 25px;
  top: 22px;
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1148 5.0574L0 0.942602L0.942601 0L6 5.0574L0.942601 10.1148L0 9.1722L4.1148 5.0574Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.onair .wrapper .popup_wrap .swiper ul li a::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.onair .wrapper .popup_wrap .swiper ul li:hover .inner_more span {
  background-color: #3d3d3d;
  color: #fff;
}
.onair .wrapper .popup_wrap .swiper ul li:hover .inner_more span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1148 5.0574L0 0.942602L0.942601 0L6 5.0574L0.942601 10.1148L0 9.1722L4.1148 5.0574Z' fill='white'/%3E%3C/svg%3E%0A");
}
.onair .wrapper .popup_wrap .swiper ul li.pop01 {
  background-color: #D3F5FF;
}
.onair .wrapper .popup_wrap .swiper ul li.pop01 a h3 {
  color: #004988;
}
.onair .wrapper .popup_wrap .swiper ul li.pop01 a::after {
  bottom: 95px;
  width: 323px;
  height: 210px;
  background-image: url(../images/main/on_pop_i01.png);
}
.onair .wrapper .popup_wrap .swiper ul li.pop02 {
  background-color: #FFE7DA;
}
.onair .wrapper .popup_wrap .swiper ul li.pop02 a h3 {
  color: #E33429;
}
.onair .wrapper .popup_wrap .swiper ul li.pop02 a::after {
  bottom: 75px;
  width: 220px;
  height: 244px;
  background-image: url(../images/main/on_pop_i02.png);
}
.onair .wrapper .popup_wrap .swiper ul li.pop03 {
  background-color: #EBE1FF;
}
.onair .wrapper .popup_wrap .swiper ul li.pop03 a h3 {
  color: #28277A;
}
.onair .wrapper .popup_wrap .swiper ul li.pop03 a::after {
  bottom: 75px;
  width: 221px;
  height: 222px;
  background-image: url(../images/main/on_pop_i03.png);
}
.onair .wrapper .popup_wrap .swiper ul li.pop04 {
  background-color: #FFE4ED;
}
.onair .wrapper .popup_wrap .swiper ul li.pop04 a h3 {
  color: #DF2C60;
}
.onair .wrapper .popup_wrap .swiper ul li.pop04 a::after {
  bottom: 90px;
  width: 196px;
  height: 221px;
  background-image: url(../images/main/on_pop_i04.png);
}
.onair .wrapper .popup_wrap .swiper .paging {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 8px;
  font-size: 0;
  line-height: 0;
  z-index: 50;
}
.onair .wrapper .popup_wrap .swiper .paging .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #CCC;
  opacity: 1;
  transition: 0.5s;
}
.onair .wrapper .popup_wrap .swiper .paging .swiper-pagination-bullet-active {
  width: 34px;
  height: 8px;
  border-radius: 4px;
  background-color: #ACFE05;
  opacity: 1;
}
@media screen and (max-width: 1300px) {
  .onair .wrapper .popup_wrap {
    width: 360px;
  }
  .onair .wrapper .popup_wrap .swiper ul li {
    width: 360px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a {
    text-align: left;
    padding: 10%;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 {
    font-size: 30px;
    margin: 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 em {
    display: none;
  }
  .onair .wrapper .popup_wrap .swiper ul li a p {
    font-size: 15px;
    margin: 10px 0 30px 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span {
    padding: 12px 80px 12px 24px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span::after {
    top: 17px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop01 a::after {
    width: 241px;
    height: 156px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop02 a::after {
    width: 174px;
    height: 193px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop03 a::after {
    width: 182px;
    height: 183px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop04 a::after {
    width: 162px;
    height: 183px;
  }
}
@media screen and (max-width: 1024px) {
  .onair h2 {
    margin: 160px 0 20px 0;
  }
  .onair .wrapper {
    display: block;
  }
  .onair .wrapper .ytb_wrap {
    width: auto;
  }
  .onair .wrapper .ytb_wrap .inner_sub {
    margin-top: 10px;
    gap: 16px;
  }
  .onair .wrapper .ytb_wrap .inner_sub .thumb {
    width: 100%;
  }
  .onair .wrapper .popup_wrap {
    width: auto;
    margin-top: 25px;
  }
  .onair .wrapper .popup_wrap .swiper ul li {
    width: auto;
  }
  .onair .wrapper .popup_wrap .swiper ul li a {
    text-align: left;
    padding: 10%;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 {
    font-size: 30px;
    margin: 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 em {
    display: none;
  }
  .onair .wrapper .popup_wrap .swiper ul li a p {
    font-size: 15px;
    margin: 10px 0 30px 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span {
    padding: 12px 80px 12px 24px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span::after {
    top: 17px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a::after {
    left: auto;
    right: 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop01 a::after {
    width: 241px;
    height: 156px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop02 a::after {
    right: 5%;
    width: 174px;
    height: 193px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop03 a::after {
    right: 5%;
    width: 182px;
    height: 183px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop04 a::after {
    right: 5%;
    width: 162px;
    height: 183px;
  }
}
@media screen and (max-width: 768px) {
  .onair h2 {
    margin: 134px 0 20px 0;
  }
  .onair .wrapper .ytb_wrap .inner_top .thumb a .photo {
    border-radius: 10px;
  }
  .onair .wrapper .ytb_wrap .inner_top .thumb a strong {
    font-size: 13px;
  }
  .onair .wrapper .ytb_wrap .inner_top .thumb a::after {
    width: 50px;
    height: 34px;
  }
  .onair .wrapper .ytb_wrap .inner_sub .thumb {
    width: 47.8%;
  }
  .onair .wrapper .ytb_wrap .inner_sub .thumb a .photo {
    border-radius: 10px;
  }
  .onair .wrapper .popup_wrap .swiper ul li {
    border-radius: 10px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a {
    height: 378px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a::after {
    transform: translate(-5%);
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop01 a::after {
    right: 5%;
    bottom: 50px;
    width: 180px;
    height: 117px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop02 a::after {
    bottom: 50px;
    width: 137px;
    height: 152px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop03 a::after {
    bottom: 50px;
    width: 139px;
    height: 140px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop04 a::after {
    bottom: 50px;
    width: 137px;
    height: 155px;
  }
  .onair .wrapper .popup_wrap .swiper .paging {
    bottom: 17px;
  }
}
@media screen and (max-width: 480px) {
  .onair .wrapper .popup_wrap {
    width: auto;
  }
  .onair .wrapper .popup_wrap .swiper ul li {
    width: auto;
  }
  .onair .wrapper .popup_wrap .swiper ul li a {
    text-align: left;
    height: 378px;
    padding: 34px 20px 180px 40px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 {
    font-size: 25px;
    margin: 0;
  }
  .onair .wrapper .popup_wrap .swiper ul li a h3 em {
    display: none;
  }
  .onair .wrapper .popup_wrap .swiper ul li a p {
    font-size: 13px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span {
    padding: 9px 50px 9px 20px;
  }
  .onair .wrapper .popup_wrap .swiper ul li a .inner_more span::after {
    top: 12px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop01 a::after {
    bottom: 40px;
    width: 180px;
    height: 117px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop02 a::after {
    bottom: 40px;
    width: 120px;
    height: 133px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop03 a::after {
    bottom: 40px;
    width: 120px;
    height: 121px;
  }
  .onair .wrapper .popup_wrap .swiper ul li.pop04 a::after {
    bottom: 40px;
    width: 120px;
    height: 136px;
  }
}

.campus {
  margin-top: 164px;
  padding: 191px 0 154px 0;
  background: url(../images/main/campus_bg.png) no-repeat center center/cover;
  color: #fff;
}
.campus .tit_wrap {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.campus .tit_wrap h2 {
  color: #fff;
}
.campus .tit_wrap p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  margin-bottom: 39px;
}
.campus .cam_wrap {
  margin-top: 42px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.campus .cam_wrap a {
  display: block;
  font-size: 25px;
  width: 404px;
  padding: 22px 44px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  overflow: hidden;
  position: relative;
}
.campus .cam_wrap a span {
  position: relative;
  z-index: 1;
  transition: 0.5s;
}
.campus .cam_wrap a::before {
  z-index: 1;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  right: 38px;
  top: 24px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_2281' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_2281)'%3E%3Cpath d='M18.5456 23.3293L17.2091 22.024L23.3078 15.9252H3.125V14.0505H23.3197L17.2403 7.9518L18.5456 6.64648L26.8869 14.988L18.5456 23.3293Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  transition: 0.5s;
}
.campus .cam_wrap a::after {
  position: absolute;
  left: -404px;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 1s ease;
  content: "";
}
.campus .cam_wrap a:hover span {
  color: #00539B;
}
.campus .cam_wrap a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_636' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_636)'%3E%3Cpath d='M18.5456 23.3293L17.2091 22.024L23.3078 15.9252H3.125V14.0505H23.3197L17.2403 7.9518L18.5456 6.64648L26.8869 14.988L18.5456 23.3293Z' fill='%2300539B'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.campus .cam_wrap a:hover::after {
  left: 0;
}

@media screen and (max-width: 1024px) {
  .campus {
    margin-top: 100px;
    padding: 100px 0;
  }
  .campus .tit_wrap h2 {
    margin-bottom: 16px;
  }
  .campus .tit_wrap p {
    font-size: 15px;
    margin-bottom: 21px;
  }
  .campus .cam_wrap {
    margin-top: 25px;
    display: block;
  }
  .campus .cam_wrap a {
    width: 100%;
    margin-bottom: 16px;
  }
  .campus .cam_wrap a::after {
    left: 0;
    top: auto;
    bottom: -100%;
    transition: all 0.5s ease;
  }
  .campus .cam_wrap a:hover::after {
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .campus {
    margin-top: 77px;
    padding: 60px 0;
  }
  .campus .tit_wrap h2 {
    margin-bottom: 10px;
  }
  .campus .tit_wrap p {
    font-size: 13px;
  }
  .campus .cam_wrap a {
    font-size: 17px;
    padding: 17px 40px;
  }
  .campus .cam_wrap a::before {
    top: 13px;
  }
  .campus .cam_wrap a::after {
    display: none;
  }
  .campus .cam_wrap a:hover span {
    color: #fff;
  }
  .campus .cam_wrap a:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_79_2281' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_2281)'%3E%3Cpath d='M18.5456 23.3293L17.2091 22.024L23.3078 15.9252H3.125V14.0505H23.3197L17.2403 7.9518L18.5456 6.64648L26.8869 14.988L18.5456 23.3293Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .campus .cam_wrap a:hover::after {
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .campus .tit_wrap p br {
    display: none;
  }
}
.banner .wrapper {
  display: flex;
  align-items: center;
  padding: 30px 0;
}
.banner .wrapper strong {
  color: #1d1d1d;
  font-weight: 700;
}
.banner .wrapper .btn_wrap {
  display: flex;
  margin: 0 30px;
}
.banner .wrapper .btn_wrap button {
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  margin-right: 26px;
  position: relative;
}
.banner .wrapper .btn_wrap button:last-child {
  margin-right: 0;
}
.banner .wrapper .btn_wrap button::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.banner .wrapper .btn_wrap button.btn_prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65375 13.3075L4 7.65375L9.65375 2L10.7075 3.05375L6.1075 7.65375L10.7075 12.2538L9.65375 13.3075Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.banner .wrapper .btn_wrap button.btn_stop::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13H6.02201V2H4V13ZM8.97799 13H11V2H8.97799V13Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.banner .wrapper .btn_wrap button.btn_play {
  display: none;
}
.banner .wrapper .btn_wrap button.btn_play::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 13.192V1L12.5768 7.096L3 13.192ZM4.5 10.446L9.76925 7.096L4.5 3.746V10.446Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.banner .wrapper .btn_wrap button.btn_next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 7.65375L4 3.05375L5.05375 2L10.7075 7.65375L5.05375 13.3075L4 12.2538L8.6 7.65375Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.banner .wrapper .b_logo_wrap .swiper {
  width: 1046px;
}
.banner .wrapper .b_logo_wrap .swiper ul {
  width: 100%;
  display: flex;
  align-items: center;
}
.banner .wrapper .b_logo_wrap .swiper ul li {
  width: 20%;
}
.banner .wrapper .b_logo_wrap .swiper ul li a {
  display: block;
}
.banner .wrapper .b_logo_wrap .swiper ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1300px) {
  .banner .wrapper .b_logo_wrap {
    width: 80%;
  }
  .banner .wrapper .b_logo_wrap .swiper {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .banner .wrapper {
    padding: 20px 0;
  }
  .banner .wrapper strong {
    display: none;
  }
  .banner .wrapper .btn_wrap {
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .banner .wrapper {
    padding: 20px 0;
  }
  .banner .wrapper .btn_wrap {
    display: none;
  }
  .banner .wrapper .b_logo_wrap {
    width: 100%;
  }
  .banner .wrapper .b_logo_wrap .swiper {
    width: 100%;
  }
}