body {
  animation: fadein 1000ms ease-out;
  -moz-animation: fadein 1000ms ease-out;
  -webkit-animation: fadein 1000ms ease-out;
  -o-animation: fadein 1000ms ease-out;
  overflow-x: hidden;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.text_up {
  animation: tran_y 0.3s linear both;
}

.img_1_1 {
  animation: img_1_1 0.3s 0.3s linear both;
}

.img_1_2 {
  animation: img_1_2 0.3s 0.3s linear both;
}

.img_2_1 {
  animation: img_2_1 0.3s 0.3s linear both;
}

.img_2_2 {
  animation: img_1_1 0.3s 0.3s linear both;
}

.header_up {
  transform: translateY(-100%);
  transition: all 0.5s;
}

header {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 9998;
}
header .header_bg {
  height: 152px;
  width: 1920px;
  background-color: #fff;
  /* transform: translateY(-152px); */
  transition: all 0.3s;
}
header .header_bg .header_wrap {
  width: 1680px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 56px 0;
}
header .header_bg .header_wrap h1 a img {
  width: 106px;
  height: 31px;
}
header .header_bg .header_wrap .right ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
header .header_bg .header_wrap .right ul li {
  margin-left: 32px;
}
header .header_bg .header_wrap .right ul li a {
  font-weight: 800;
  transition: all 0.3s;
}
header .header_bg .header_wrap .right ul li:first-child {
  margin-left: 0;
}
header .header_bg .header_wrap .right ul li:hover a {
  color: rgba(0, 0, 0, 0.5);
}

/* header:hover .header_bg {
    transform: translateY(0);
} */
header:hover .header_bg {
  transform: translateY(0);
}

main .brand_00 {
  position: relative;
  width: 1920px;
  height: 1200px;
}
main .brand_00 .top {
  position: relative;
  top: 51%;
  transform: translateY(-50%);
  left: 240px;
  display: flex;
  flex-flow: column wrap;
  /* .h2_wrap:hover h2 {transform: translateY(-60px);} */
}
main .brand_00 .top .h2_wrap {
  height: 70px;
  overflow: hidden;
}
main .brand_00 .top .h2_wrap h2 {
  transform: translateY(10px);
  display: flex;
  align-items: center;
  font-weight: 700;
  transition: all 0.3s;
  line-height: 1.2;
  font-size: 2.946rem;
  letter-spacing: 0.08rem;
}
main .brand_00 .top .h2_wrap h2 span {
  font-weight: 700;
  font-size: 2.946rem;
}
main .brand_00 .top > span {
  font-family: NotosansKR;
  margin-left: 5px;
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.08rem;
}
main .brand_00 .top > span:first-of-type {
  margin-top: 30px;
}
main .blue_b {
  z-index: 10000;
  position: absolute;
  top: -1300px;
  left: 0;
  background: #BFE8FF;
  width: 1920px;
  height: 3622px;
  animation: blue_box 1.4s 0.1s ease-out both;
}
main .box_egg {
  width: 1920px;
  height: 1500px;
  position: absolute;
  left: 0;
  top: 0;
}
main .box_egg .egg_wrap {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  /* transform: translate(-50px, 0px); 5*/
  /* transform: translate(200px, 280px); 4*/
  /* transform: translate(-402px, -280px); 3 */
  /* transform: translate(562px, -200px); 2*/
  transform: translate(-362px, 250px);
}
main .box_egg .egg_wrap .egg_00 {
  /* Ellipse 1 */
  position: absolute;
  left: 50px;
  top: 260px;
  width: 817px;
  height: 1110px;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
  background: linear-gradient(360deg, #B2FFE3 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
  filter: blur(50px);
  transform: rotate(225deg);
}
main .box_egg .egg_wrap .egg_01 {
  /* Ellipse 2 */
  position: absolute;
  left: 700px;
  top: 142px;
  transform: rotate(135deg);
  width: 817px;
  height: 1110px;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
  background: linear-gradient(360deg, #9BE7FF 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
  filter: blur(50px);
}
main .box_egg_00 {
  opacity: 0;
  animation: egg 7s ease-in infinite;
}
main .box_egg_01 {
  opacity: 0;
  animation: egg 7s 6s linear infinite;
}
main .box_egg_01 .egg_wrap {
  transform: translate(562px, -200px);
}
main .box_egg_01 .egg_wrap .egg_00 {
  background: linear-gradient(180deg, #D0FCF4 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_01 .egg_wrap .egg_01 {
  background: linear-gradient(180deg, #C6FADB 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_02 {
  opacity: 0;
  animation: egg 7s 13s ease-in infinite;
}
main .box_egg_02 .egg_wrap {
  transform: translate(-402px, -280px);
}
main .box_egg_02 .egg_wrap .egg_00 {
  background: linear-gradient(180deg, #CED9FF 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_02 .egg_wrap .egg_01 {
  background: linear-gradient(180deg, #9BC3FF 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_03 {
  opacity: 0;
  animation: egg 7s 20s ease-in infinite;
}
main .box_egg_03 .egg_wrap {
  transform: translate(200px, 280px);
}
main .box_egg_03 .egg_wrap .egg_00 {
  background: linear-gradient(180deg, #C4B8C5 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_03 .egg_wrap .egg_01 {
  background: linear-gradient(180deg, #C2A6C3 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_04 {
  opacity: 0;
  animation: egg 7s 27s ease-in infinite;
}
main .box_egg_04 .egg_wrap {
  transform: translate(-50px, 0px);
}
main .box_egg_04 .egg_wrap .egg_00 {
  background: linear-gradient(180deg, #CED9FF 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .box_egg_04 .egg_wrap .egg_01 {
  background: linear-gradient(180deg, #9BC3FF 0%, #FFFFFF 99.99%, rgba(157, 179, 255, 0) 100%);
}
main .brand_01 {
  width: 1920px;
  height: 1200px;
}
main .brand_01 .brandy {
  display: flex;
  justify-content: center;
  align-items: center;
}
main .brand_01 .brandy a {
  position: relative;
  width: 714px;
  height: 971px;
  transition: all 0.3s;
}
main .brand_01 .brandy a img:first-child {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  transition: all 0.3s;
}
main .brand_01 .brandy a img:nth-child(2) {
  position: absolute;
  z-index: 2;
  top: 46%;
  left: 37%;
  transition: all 0.3s;
  transition-delay: 0.1s;
}
main .brand_01 .brandy a img:last-child {
  position: absolute;
  z-index: 2;
  top: 46%;
  left: 37%;
  transition: all 0.3s;
  opacity: 0;
  transition-delay: 0.1s;
}
main .brand_01 .brandy a:nth-child(1) {
  border: 0.2px rgba(15, 15, 15, 0.5) solid;
}
main .brand_01 .brandy a:nth-child(1):hover img:first-child {
  opacity: 1;
}
main .brand_01 .brandy a:nth-child(1):hover img:nth-child(2) {
  opacity: 0;
}
main .brand_01 .brandy a:nth-child(1):hover img:last-child {
  opacity: 1;
}
main .brand_01 .brandy a:nth-child(2) {
  border-right: 0.2px rgba(15, 15, 15, 0.5) solid;
  border-top: 0.2px rgba(15, 15, 15, 0.5) solid;
  border-bottom: 0.2px rgba(15, 15, 15, 0.5) solid;
}
main .brand_01 .brandy a:nth-child(2):hover img:first-child {
  opacity: 1;
}
main .brand_01 .brandy a:nth-child(2):hover img:nth-child(2) {
  opacity: 0;
}
main .brand_01 .brandy a:nth-child(2):hover img:last-child {
  opacity: 1;
}

footer {
  background: #000;
  height: 122px;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}
footer .footer_wrap {
  width: 1355px;
  line-height: 75px;
  margin: 0 auto;
  padding: 20px 0;
}
footer .footer_wrap .footer_up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
footer .footer_wrap .footer_up h1 a img {
  width: 106px;
  height: 31px;
}
footer .footer_wrap .footer_up .right ul {
  display: flex;
  justify-content: space-between;
}
footer .footer_wrap .footer_up .right ul li {
  margin-left: 32px;
  position: relative;
}
footer .footer_wrap .footer_up .right ul li span {
  color: #fff;
}
footer .footer_wrap .footer_up .right ul li:first-child {
  margin-left: 0;
}
footer .footer_wrap .footer_up .right ul li::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -16px;
}
footer .footer_wrap .footer_up .right ul li:nth-child(2) {
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_up .right ul li:last-child::after {
  display: none;
}
footer .footer_wrap .footer_down {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
footer .footer_wrap .footer_down p {
  color: #fff;
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_down .right ul {
  display: flex;
  justify-content: space-between;
}
footer .footer_wrap .footer_down .right ul li {
  position: relative;
  margin-left: 32px;
  color: #fff;
}
footer .footer_wrap .footer_down .right ul li:first-child {
  margin-left: 0;
}
footer .footer_wrap .footer_down .right ul li::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -16px;
}
footer .footer_wrap .footer_down .right ul li:nth-child(2) {
  font-family: NotosansKR;
  font-weight: 300;
}
footer .footer_wrap .footer_down .right ul li:last-child::after {
  display: none;
}

@keyframes blue_box {
  0% {
    background: #EFF9FF;
    transform: translateY(0);
    border-radius: 1000px;
  }
  100% {
    transform: translateY(-3322px);
    background: #BFE8FF;
    border-radius: 250px;
  }
}
@keyframes tran_y {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-68px);
  }
}
@keyframes tran_y2 {
  0% {
    transform: translateY(-68px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes img1_1 {
  0% {
    content: url(../images/logo_b/logo_00.png);
  }
  100% {
    content: url(../images/dr.shape/logo_white.png);
  }
}
@keyframes img1_2 {
  0% {
    content: url(../images/dr.shape/logo_white.png);
  }
  100% {
    content: url(../images/logo_b/logo_00.png);
  }
}
@keyframes img2_1 {
  0% {
    content: url(../images/logo_b/logo_01.png);
  }
  100% {
    content: url(../images/glumiere/logo_white.png);
  }
}
@keyframes img2_2 {
  0% {
    content: url(../images/glumiere/logo_white.png);
  }
  100% {
    content: url(../images/logo_b/logo_01.png);
  }
}
@keyframes egg {
  0% {
    opacity: 0;
    z-index: -1;
  }
  50% {
    opacity: 1;
    z-index: -1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}/*# sourceMappingURL=brand.css.map */