@charset "UTF-8";
/* reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

div {
  color: #000;
  font-family: var(--bon);
  letter-spacing: -2px;
}

@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquare Neo"), url("https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-bRg.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 350;
  src: local("NanumSquare Neo"), url("https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-aLt.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquare Neo"), url("https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-cBd.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquare Neo"), url("https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-dEb.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 900;
  src: local("NanumSquare Neo"), url("https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-eHv.woff") format("woff");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-200-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@latest/files/noto-serif-kr-korean-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}
body {
  line-height: 1;
  font-family: --bon;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  margin: 0px;
  padding: 0px;
}

strong {
  font-weight: 700;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  color: #000000;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #000000;
}

ul,
ol {
  list-style: none;
}

.good_hide {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  left: -10000px;
  height: 1px;
  width: 1px;
  text-indent: -10000px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

select::-ms-expand {
  display: none;
}

input {
  outline: none;
}

:root {
  --na: "NanumSquare Neo" !important;
  --bon: "Noto Serif KR" !important;
  --sans: "Noto Sans KR" !important;
}

.hc {
  width: 100%;
  position: relative;
  max-width: 1920px;
  margin: auto;
  overflow: hidden;
}

.hc-wrap {
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: auto;
  position: relative;
  height: 100%;
}
.hc-wrap .hc img {
  width: 100%;
  display: block;
}
.hc-wrap .hc .inner {
  max-width: 1100px;
  position: relative;
  margin: auto;
}
.hc-wrap .hc.hc1 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_01.jpg) 50% 0 no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc1 .inner {
  height: 940px;
}
.hc-wrap .hc.hc1 .gni-logo {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.hc-wrap .hc.hc1 .gni-logo a {
  display: inline-flex;
  align-items: center;
}
.hc-wrap .hc.hc1 .gni-logo .img {
  margin-right: 10px;
}
.hc-wrap .hc.hc1 .gni-logo .txt span {
  font-family: var(--na);
  font-size: 15px;
  color: #5f4537;
  font-weight: 600;
}
.hc-wrap .hc.hc1 .gni-logo .txt span.bold {
  font-weight: 800;
}
.hc-wrap .hc.hc1 .txt01 {
  margin-top: 180px;
  width: -moz-fit-content;
  width: fit-content;
}
.hc-wrap .hc.hc1 .txt01 span {
  display: block;
  font-family: var(--bon);
}
.hc-wrap .hc.hc1 .txt01 .t1 {
  display: block;
  width: 50%;
}
.hc-wrap .hc.hc1 .txt01 .t1.on {
  animation: fade-in-top 0.8s linear both;
}
.hc-wrap .hc.hc1 .txt01 .t2 {
  display: block;
  width: auto;
  padding-top: 20px;
}
.hc-wrap .hc.hc1 .txt01 .t2.on {
  animation: opa 1s linear both 1s;
}
.hc-wrap .hc.hc1 .txt01 .obj {
  position: absolute;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
}
.hc-wrap .hc.hc1 .txt01 .obj.obj01 {
  top: 320px;
  left: 90px;
}
.hc-wrap .hc.hc1 .txt01 .obj.obj01.on {
  animation: opaDown 1.5s linear both 1.2s;
}
.hc-wrap .hc.hc1 .txt01 .obj.obj02 {
  left: 380px;
  top: 282px;
}
.hc-wrap .hc.hc1 .txt01 .obj.obj02.on {
  animation: opaDown2 1.5s linear both 1.3s;
}
.hc-wrap .hc.hc1 .txt02 {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 90px;
  font-family: var(--bon);
  color: #333333;
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1.4;
  font-weight: 700;
}
.hc-wrap .hc.hc1 .txt02.on {
  animation: fade-in-top 1s linear both 1.5s;
}
.hc-wrap .hc.hc1 .btn-hcapply {
  margin-top: 55px;
}
.hc-wrap .hc.hc2 .inner {
  padding: 85px 0;
}
.hc-wrap .hc.hc2 .videos {
  margin: auto;
  position: relative;  
  overflow: hidden;
  border-radius: 20px;;
}
.hc-wrap .hc.hc2 .videos div {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 56.25% !important;
}
.hc-wrap .hc.hc2 .videos iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hc-wrap .hc.hc3 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_02.jpg) 50% 0 no-repeat;
  background-size: cover;
  overflow: visible;
}
.hc-wrap .hc.hc3 div {
  font-family: var(--bon);
}
.hc-wrap .hc.hc3 .inner {
  height: 928px;
  padding: 85px 0;
}
.hc-wrap .hc.hc3 .photo1 {
  bottom: 60px;
  right: 320px;
}
.hc-wrap .hc.hc3 .photo2 {
  bottom: -50px;
  right: 0;
  z-index: 2;
}
.hc-wrap .hc.hc3 .txt01 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.4;
  opacity: 0;
}
.hc-wrap .hc.hc3 .txt01.on {
  animation: fade-in-left 1s linear both;
}
.hc-wrap .hc.hc3 .txt02 {
  margin-top: 55px;
}
.hc-wrap .hc.hc3 .txt02 [class^=t0] {
  letter-spacing: -2px;
  line-height: 1.5;
  font-weight: 500;
  font-size: 24px;
}
.hc-wrap .hc.hc3 .txt02 [class^=t0] + [class^=t0] {
  padding-top: 45px;
}
.hc-wrap .hc.hc3 .txt02 .t01.on {
  animation: fade-in-top 1s linear both 0.2s;
}
.hc-wrap .hc.hc3 .txt02 .t02.on {
  animation: fade-in-top 1s linear both 0.5s;
}
.hc-wrap .hc.hc3 .txt02 .t03.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc3 .txt02 .t04.on {
  animation: fade-in-top 1s linear both 1s;
}
.hc-wrap .hc.hc3 .photo1 {
  opacity: 0;
}
.hc-wrap .hc.hc3 .photo1.on {
  animation: fade-in-bottom 1s linear both 0.3s;
}
.hc-wrap .hc.hc3 .photo2 {
  opacity: 0;
}
.hc-wrap .hc.hc3 .photo2.on {
  animation: fade-in-bottom 1s linear both 0.5s;
}
.hc-wrap .hc.hc4 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_04.jpg) no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc4 .inner {
  height: 1117px;
  padding: 160px 0;
  max-width: 1200px;
}
.hc-wrap .hc.hc4 .txt-wrap {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 56%;
}
.hc-wrap .hc.hc4 .txt-wrap div,
.hc-wrap .hc.hc4 .txt-wrap span {
  font-family: var(--bon);
  letter-spacing: -2px;
}
.hc-wrap .hc.hc4 .txt-wrap .txt01 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0;
}
.hc-wrap .hc.hc4 .txt-wrap .txt01.on {
  animation: fade-in-right 1s linear both 0.2s;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 {
  padding-top: 50px;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 div {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 [class^=t0] + [class^=t0] {
  padding-top: 30px;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 .t01.on {
  animation: fade-in-top 1s linear both 0.5s;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 .t02.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 .t03.on {
  animation: fade-in-top 1s linear both 1.1s;
}
.hc-wrap .hc.hc4 .txt-wrap .txt02 .t04.on {
  animation: fade-in-top 1s linear both 1.4s;
}
.hc-wrap .hc.hc4 .txt-wrap .green {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.hc-wrap .hc.hc4 .photo1 {
  bottom: -10px;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.hc-wrap .hc.hc4 .photo1.on {
  animation: fade-in-left 1s linear both 0.3s;
}
.hc-wrap .hc.hc4 .photo2 {
  bottom: 80px;
  left: 335px;
  opacity: 0;
}
.hc-wrap .hc.hc4 .photo2.on {
  animation: fade-in-left 1s linear both 0.5s;
}
.hc-wrap .hc.hc4 .btn-hcapply {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 80px;
  padding: 30px 55px;
}
.hc-wrap .hc.hc4 .btn-hcapply span {
  font-size: 24px;
  color: #fff;
  font-family: var(--na);
  font-weight: bold;
}
.hc-wrap .hc.hc5 {
  background: #423b2a;
}
.hc-wrap .hc.hc5 .inner {
  height: 1330px;
  padding: 90px 0;
}
.hc-wrap .hc.hc5 div {
  color: #fff;
  font-family: var(--bon);
  line-height: 1.5;
  letter-spacing: -2px;
}
.hc-wrap .hc.hc5 .txt01 {
  font-size: 40px;
  font-weight: 600;
  opacity: 0;
}
.hc-wrap .hc.hc5 .txt01.on {
  animation: fade-in-top 1s linear both 0.2s;
}
.hc-wrap .hc.hc5 .txt02 {
  padding-top: 50px;
}
.hc-wrap .hc.hc5 .txt02 div {
  font-size: 24px;
  font-weight: 500;
}
.hc-wrap .hc.hc5 .txt02 [class^=t0] + [class^=t0] {
  padding-top: 30px;
}
.hc-wrap .hc.hc5 .txt02 .t01.on {
  animation: fade-in-top 1s linear both 0.5s;
}
.hc-wrap .hc.hc5 .txt02 .t02.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc5 .txt02 .t03.on {
  animation: fade-in-top 1s linear both 1.1s;
}
.hc-wrap .hc.hc5 .txt02 .t04.on {
  animation: fade-in-top 1s linear both 1.4s;
}
.hc-wrap .hc.hc5 .txt02 .t05 {
  opacity: 0;
}
.hc-wrap .hc.hc5 .txt02 .t05.on {
  animation: opa 1s linear both 1.9s;
}
.hc-wrap .hc.hc5 .point {
  color: #fbffbe;
  font-family: var(--bon);
  line-height: 1.5;
  letter-spacing: -2px;
}
.hc-wrap .hc.hc5 .right-img {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 255px;
  right: -235px;
}
.hc-wrap .hc.hc5 .img-wrap {
  display: flex;
  justify-content: space-between;
  width: 1575px;
  margin: 0 auto;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.hc-wrap .hc.hc5 .img-wrap .img {
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
}
.hc-wrap .hc.hc5 .img-wrap .img.img1.on {
  animation: fade-in-top 1s linear both;
}
.hc-wrap .hc.hc5 .img-wrap .img.img2.on {
  animation: fade-in-top 1s linear both 0.3s;
}
.hc-wrap .hc.hc5 .img-wrap .img.img3.on {
  animation: fade-in-top 1s linear both 0.6s;
}
.hc-wrap .hc.hc5 .img-wrap .img.img4.on {
  animation: fade-in-top 1s linear both 0.9s;
}
.hc-wrap .hc.hc6 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_06.jpg) no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc6 .inner {
  height: 1054px;
  padding: 115px 0;
}
.hc-wrap .hc.hc6 .photo {
  bottom: -14px;
  left: 90px;
  opacity: 0;
}
.hc-wrap .hc.hc6 .photo.on {
  animation: fade-in-top 1s linear both;
}
.hc-wrap .hc.hc6 .txt-wrap {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.hc-wrap .hc.hc6 .txt01 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0;
}
.hc-wrap .hc.hc6 .txt01.on {
  animation: fade-in-right 1s linear both;
}
.hc-wrap .hc.hc6 .txt02 {
  padding-top: 60px;
}
.hc-wrap .hc.hc6 .txt02 [class^=t0] {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.hc-wrap .hc.hc6 .txt02 [class^=t0] + [class^=t0] {
  padding-top: 30px;
}
.hc-wrap .hc.hc6 .txt02 .t01.on {
  animation: fade-in-top 1s linear both 0.5s;
}
.hc-wrap .hc.hc6 .txt02 .t02.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc6 .txt02 .t03.on {
  animation: fade-in-top 1s linear both 1.1s;
}
.hc-wrap .hc.hc6 .txt02 .t04.on {
  animation: fade-in-top 1s linear both 1.4s;
}
.hc-wrap .hc.hc6 .cir {
  font-size: 24px;
  font-weight: 500;
  display: block;
  opacity: 0;
}
.hc-wrap .hc.hc6 .cir.on {
  animation: opa 0.8s linear both 0.2s;
}
.hc-wrap .hc.hc6 .cir:nth-of-type(2).on {
  animation-delay: 0.4s;
}
.hc-wrap .hc.hc6 .point {
  font-family: var(--bon);
  color: #fff;
  font-weight: 700;
  letter-spacing: -2px;
  opacity: 0;
}
.hc-wrap .hc.hc6 .point.on {
  animation: opa 0.8s linear both 0.4s;
}
.hc-wrap .hc.hc-etc {
  background-color: #000;
}
.hc-wrap .hc.hc-etc .bottom-area {
  overflow: hidden;
  width: 100%;
  height: 155px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.hc-wrap .hc.hc-etc .bottom-area .txt {
  color: #fff;
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -1px;
  opacity: 0;
}
.hc-wrap .hc.hc-etc .bottom-area .txt.on {
  animation: opa 1s linear both 1s;
}
.hc-wrap .hc.hc-etc .bottom-area .obj {
  width: -moz-fit-content;
  width: fit-content;
  filter: grayscale(1);
  margin: 30px 0 0 20px;
  opacity: 0;
}
.hc-wrap .hc.hc-etc .bottom-area .obj.on {
  animation: fade-in-top2 0.9s linear both 1.2s;
}
.hc-wrap .hc.hc7 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_07.jpg) no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc7 .inner {
  height: 640px;
}
.hc-wrap .hc.hc7 .txt01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.hc-wrap .hc.hc7 .txt01 div {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}
.hc-wrap .hc.hc7 .txt01 [class^=t0] + [class^=t0] {
  padding-top: 30px;
}
.hc-wrap .hc.hc7 .txt01 .t01 {
  opacity: 0;
}
.hc-wrap .hc.hc7 .txt01 .t01.on {
  animation: fade-in-top 1s linear both 0.5s;
}
.hc-wrap .hc.hc7 .txt01 .t02 {
  opacity: 0;
}
.hc-wrap .hc.hc7 .txt01 .t02.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc7 .txt01 .t03 {
  opacity: 0;
}
.hc-wrap .hc.hc7 .txt01 .t03.on {
  animation: fade-in-top 1s linear both 1.1s;
}
.hc-wrap .hc.hc8 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_08.jpg) no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc8 .inner {
  height: 643px;
}
.hc-wrap .hc.hc8 .inner-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hc-wrap .hc.hc8 .txt01 div {
  font-size: 36px;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
}
.hc-wrap .hc.hc8 .txt01 .green {
  font-size: 36px;
  color: #778d00;
}
.hc-wrap .hc.hc8 .txt01 .t01 span {
  color: #000;
  font-family: var(--bon);
  font-size: 36px;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
}
.hc-wrap .hc.hc8 .txt02 {
  font-size: 48px;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
  opacity: 0;
}
.hc-wrap .hc.hc8 .txt02.on {
  animation: fade-in-left 1s linear both;
}
.hc-wrap .hc.hc8 .btn-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}
.hc-wrap .hc.hc8 .btn-area a {
  display: inline-flex;
  align-items: center;
  height: 120px;
  padding: 0 60px;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hc-wrap .hc.hc8 .btn-area a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}
.hc-wrap .hc.hc8 .btn-area a:hover:before, .hc-wrap .hc.hc8 .btn-area a:focus:before, .hc-wrap .hc.hc8 .btn-area a:active:before {
  animation-name: hvr-ripple-out;
}
.hc-wrap .hc.hc8 .btn-area a + a {
  margin-left: 20px;
}
.hc-wrap .hc.hc8 .btn-area a span {
  font-size: 30px;
  font-family: var(--na);
  font-weight: 600;
}
.hc-wrap .hc.hc8 .btn-area a.white {
  background: #fff;
}
.hc-wrap .hc.hc8 .btn-area a.white:before {
  border: 6px solid #fff;
}
.hc-wrap .hc.hc8 .btn-area a.white span {
  color: #5f5f5f;
}
.hc-wrap .hc.hc8 .btn-area a.green {
  background: #778d00;
}
.hc-wrap .hc.hc8 .btn-area a.green:before {
  border: 6px solid #778d00;
}
.hc-wrap .hc.hc8 .btn-area a.green span {
  color: #fff;
}
.hc-wrap .hc.hc8 .bottom-txt {
  color: #656565;
  font-size: 18px;
  font-family: var(--sans);
  letter-spacing: 0;
  text-align: center;
  padding-top: 45px;
}
.hc-wrap .hc.hc9 {
  background: url(http://ad.goodneighbors.kr/children2507/web/images/hcbg_09.jpg) no-repeat;
  background-size: cover;
}
.hc-wrap .hc.hc9 .inner {
  height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hc-wrap .hc.hc9 .txt01 {
  color: #fff;
  font-size: 36px;
  font-family: var(--na);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
.hc-wrap .hc.hc9 .img-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
}
.hc-wrap .hc.hc9 .img-wrap .img {
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
}
.hc-wrap .hc.hc9 .img-wrap .img.img1.on {
  animation: fade-in-top 1s linear both;
}
.hc-wrap .hc.hc9 .img-wrap .img.img2.on {
  animation: fade-in-top 1s linear both 0.3s;
}
.hc-wrap .hc.hc9 .img-wrap .img.img3.on {
  animation: fade-in-top 1s linear both 0.6s;
}
.hc-wrap .hc.hc9 .bottom-txt {
  color: #fff;
  font-size: 22px;
  font-family: var(--na);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  padding-top: 50px;
  letter-spacing: -1px;
}
.hc-wrap .hc.hc10 {
  background: #f3ebda;
}
.hc-wrap .hc.hc10 .inner {
  height: 655px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hc-wrap .hc.hc10 .txt01 {
  font-family: var(--bon);
  font-weight: 700;
  font-size: 24px;
  color: #705d33;
  padding-left: 50px;
  opacity: 0;
}
.hc-wrap .hc.hc10 .txt01.on {
  animation: fade-in-top 0.8s linear both;
}
.hc-wrap .hc.hc10 .obj {
  position: absolute;
}
.hc-wrap .hc.hc10 .obj.obj01 {
  top: -140px;
  left: -40px;
  z-index: 2;
  opacity: 0;
}
.hc-wrap .hc.hc10 .obj.obj01.on {
  animation: opaDown3 1s linear both 0.8s;
}
.hc-wrap .hc.hc10 .obj.obj02 {
  top: 390px;
  left: 410px;
  z-index: 2;
  opacity: 0;
}
.hc-wrap .hc.hc10 .obj.obj02.on {
  animation: opa 1s linear both 1.5s;
}
.hc-wrap .hc.hc10 .flex-wrap {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.hc-wrap .hc.hc10 .img-area {
  opacity: 0;
}
.hc-wrap .hc.hc10 .img-area.on {
  animation: fade-in-left 1s linear both 0.5s;
}
.hc-wrap .hc.hc10 .txt-area {
  margin-left: 80px;
  opacity: 0;
}
.hc-wrap .hc.hc10 .txt-area.on {
  animation: fade-in-top 1s linear both 0.8s;
}
.hc-wrap .hc.hc10 .txt-area div {
  font-family: var(--bon);
  font-size: 22px;
  color: #71664e;
}
.hc-wrap .hc.hc10 .txt-area .t01 {
  padding-top: 10px;
}
.hc-wrap .hc.hc10 .txt-area [class^=t0] {
  letter-spacing: -1px;
  line-height: 1.5;
  font-weight: 600;
}
.hc-wrap .hc.hc10 .txt-area [class^=t0] + [class^=t0] {
  padding-top: 50px;
}
.hc-wrap .hc.hc10 .bottom-area {
  height: 185px;
  background: url(http://ad.goodneighbors.kr/children2507/web/images/brw.jpg) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hc-wrap .hc.hc10 .bottom-area .btn-wrap a {
  border: 2px solid #a59b80;
  border-radius: 10px;
  display: inline-flex;
  height: 90px;
  padding: 0 80px;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
}
.hc-wrap .hc.hc10 .bottom-area .btn-wrap a:hover {
  background: #f3ebda;
  border: 2px solid #f3ebda;
}
.hc-wrap .hc.hc10 .bottom-area .btn-wrap a:hover span {
  color: #4b4530;
}
.hc-wrap .hc.hc10 .bottom-area .btn-wrap a span {
  color: #fef0d0;
  font-size: 24px;
  font-family: var(--sans) !important;
  font-weight: 600;
}
.hc-wrap .hc.hc11 .copyright {
  padding: 20px 0;
  text-align: center;
  color: #333;
  font-size: 16px;
  letter-spacing: 0;
  background: #fff;
  font-family: var(--sans);
}
.hc-wrap .hc [class^=photo] {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
}
.hc-wrap .hc .green {
  color: #66813e;
  font-family: var(--bon);
  font-weight: 700;
  letter-spacing: -2px;
}
.hc-wrap .btn-hcapply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 30px 50px;
  background: #778d00;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hc-wrap .btn-hcapply:before {
  content: "";
  border: 6px solid #778d00;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}
.hc-wrap .btn-hcapply:hover:before, .hc-wrap .btn-hcapply:focus:before, .hc-wrap .btn-hcapply:active:before {
  animation-name: hvr-ripple-out;
}
.hc-wrap .btn-hcapply span {
  font-size: 24px;
  color: #fff;
  font-family: var(--na);
  font-weight: bold;
}

/* 퀵버튼 */
.quicks {
  position: fixed;
  top: 180px;
  right: 50px;
  z-index: 10;
  display: inline-block;
}
.quicks img {
  width: auto;
}

/* 푸터 */
#footer {
  margin: 45px auto 0;
  border-top: 1px solid #d1d1d1;
}

#footer .footer_menu {
  border-bottom: 1px solid #d1d1d1;
  background: #e9e9e9;
  padding: 5px 10px 5px 3px;
}

#footer .footer_lay {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

#footer .footer_lay:after {
  content: " ";
  display: block;
  clear: both;
}

#footer .footer {
  background: #f5f5f5;
  position: relative;
  z-index: 1;
}

#footer .footer .footer_lay {
  padding: 25px 0 24px 153px;
  position: relative;
  width: 827px; /* margin-top:5px;*/
  margin-bottom: 5px;
}

#footer .footer .logo {
  position: absolute;
  top: 41px;
  left: 16px;
  border-top: none;
  margin: 0;
  padding: 0;
  width: 119px;
  height: 23px;
  background-position: -168px -263px;
  text-indent: -9999px;
}

#footer .footer address {
  color: #7c7c7c;
  font-size: 11px;
  padding-top: 3px;
  font-style: normal;
}

#footer .footer address span {
  color: #7c7c7c;
}

#footer .footer address strong {
  color: #666666;
  margin-right: 12px;
  width: 200px;
  display: inline-block;
  text-align: right;
}

#footer .footer address strong span {
  color: #857768;
  margin-left: 5px;
}

#footer .footer p {
  font-size: 11px;
  border-top: 1px solid #e5e5e5;
  padding-top: 8px;
  margin-top: 5px;
  color: #a8a8a8;
}

#footer .footer p.gniinfotxt {
  border: 0px;
  float: left;
  color: #666666;
}

#footer .footer p.gniinfotxt span.hipe {
  margin: 0px;
  font-size: 12px;
  font-weight: 700;
}

#footer .footer p.gniinfotxt span.hipe span.pa {
  color: #857768;
  margin-left: 5px;
  font-weight: 100;
  font-size: 12px;
}

#footer .footer p span {
  float: right;
  margin-right: 12px;
  font-size: 10px;
}

.ir {
  background: url(https://ad.goodneighbors.kr/mainSprite.png);
}

.green {
  letter-spacing: -2px;
}

/* 애니메이션 */
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opaDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes opaDown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes opaDown3 {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ht100 {
  0% {
    height: 0;
  }
  100% {
    height: 155px;
  }
}
@keyframes fade-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top2 {
  0% {
    transform: translateY(-50px) rotate(8deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}/*# sourceMappingURL=children2507.css.map */