/* BASIC css start */
/* page-hd */
#productPlan .page-hd { padding: 8px 15px 5px; background-color: #fff; display:none; }
#productPlan .page-hd h2 { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; }
/* page-body */

#productPlan {width:1280px; margin: 0 auto;}
#productPlan .page-body { padding-bottom: 80px; }
#productPlan .page-body .visual { margin-top: 5px; display:none; }
#productPlan .page-body .pick { margin-top: 10px; text-align: right; display:none; }
#productPlan .page-body .pick select { width: 320px; border: 1px solid #c5c5c5; }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display:none; }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 10px;}
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; background-color:#252525;padding:30px;}
#productPlan .page-body .p-hd h3 { color: #fff; font-size: 19px; letter-spacing: -1px;  font-weight:600; text-align: center; }
#productPlan .page-body .p-hd .top { position: absolute; top: 0; right: 5px; color: #5c5c5c; display:none; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .prd-list .thumb { width: 176px; height: 176px;}:


#content { width: 100%x; margin: 0 auto;}
.sub_title {background-color: #000; text-align: center;}


.event_title {
  height: 60vh;
  width: 100vw;
  overflow: hidden;
  background: linear-gradient(white, #f5f5f5);
  box-shadow: inset 0 5vh 30vh 5vh #f5f5f5;
  font-family: "Share Tech Mono", monospace;
  color: white;
  font-size: 2rem;
  
 
}

.event_01 {text-align:center;}
.event_02 {text-align:center;}
.event_03 {text-align:center;}
.event_04 {text-align:center; /*background: url(https://dailylike.jpg3.kr/hgodo/05_Evt/1908/1908_content04_BG.jpg) repeat;*/}





.event_title:after {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: radial-gradient(circle, white 40%, #f5f5f5);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scaleY(1.5) scaleX(1);
          transform: scaleY(1.5) scaleX(1);
  opacity: 0.5;
}




.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  text-align: center;
  line-height: 0.9;
  z-index: 3;
}

.center .tit {
  font-size: 16rem;
  font-weight:700;
  margin: 0;
  padding: 0;
  color: #1375f0;
  font-family: Montserrat, NanumBarunGothicBold, NanumGothic, Apple SD Gothic Neo, Malgun Gothic, dotum, Montserrat, sans-serif;
  text-shadow: 0rem 4rem 2rem rgba(140, 115, 115, 0.2);
}



.center .tit2 {
  font-size: 1.5rem;
  font-weight:700;
  margin-bottom:35px;
  margin: 0;
  padding: 0;
  color: #1375f0;
  font-family: Montserrat, NanumBarunGothicBold, NanumGothic, Apple SD Gothic Neo, Malgun Gothic, dotum, Montserrat, sans-serif;
  text-shadow: 0rem 4rem 2rem rgba(140, 115, 115, 0.2);
}



.center .tit3 {
  font-size: 8rem;
  font-weight:700;
  margin-bottom:35px;
  margin: 0;
  padding: 0;
  color: #1375f0;
  font-family: Montserrat, NanumBarunGothicBold, NanumGothic, Apple SD Gothic Neo, Malgun Gothic, dotum, Montserrat, sans-serif;
  text-shadow: 0rem 4rem 2rem rgba(140, 115, 115, 0.2);
}


.center .sub {
  font-size: 1.7rem;
  margin: 0;
  padding: 0;
  padding-top:30px;
  color: #fff;
  font-family: Montserrat, NanumBarunGothicBold, NanumGothic, Apple SD Gothic Neo, Malgun Gothic, dotum, Montserrat, sans-serif;
  text-shadow: 0rem 4rem 2rem rgba(140, 115, 115, 0.2);
}


.center .sub span {

    padding: 5px;
    background-color: #000;
}


.balloon {
  top: 60vh;
  opacity: 0.95;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 10rem;
  height: 10rem;
  background: #71acf7;
  border-radius: 10rem 10rem 4rem 10rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  box-shadow: inset -0.5rem -0.5rem 5rem -0.5rem #045ed0, 3rem 3rem 1.5rem rgba(129, 140, 179, 0.2);
  -webkit-animation: float1 10s infinite ease-out;
          animation: float1 10s infinite ease-out;
}
@-webkit-keyframes float1 {
  0% {
    -webkit-transform: rotate(40deg) translateY(0) translateX(0);
            transform: rotate(40deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(50deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(50deg) translateY(-85vh) translateX(-85vh);
  }
}
@keyframes float1 {
  0% {
    -webkit-transform: rotate(40deg) translateY(0) translateX(0);
            transform: rotate(40deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(50deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(50deg) translateY(-85vh) translateX(-85vh);
  }
}
@-webkit-keyframes float2 {
  0% {
    -webkit-transform: rotate(55deg) translateY(0) translateX(0);
            transform: rotate(55deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(45deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(45deg) translateY(-85vh) translateX(-85vh);
  }
}
@keyframes float2 {
  0% {
    -webkit-transform: rotate(55deg) translateY(0) translateX(0);
            transform: rotate(55deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(45deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(45deg) translateY(-85vh) translateX(-85vh);
  }
}
@-webkit-keyframes float3 {
  0% {
    -webkit-transform: rotate(45deg) translateY(0) translateX(0);
            transform: rotate(45deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(35deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(35deg) translateY(-85vh) translateX(-85vh);
  }
}
@keyframes float3 {
  0% {
    -webkit-transform: rotate(45deg) translateY(0) translateX(0);
            transform: rotate(45deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(35deg) translateY(-85vh) translateX(-85vh);
            transform: rotate(35deg) translateY(-85vh) translateX(-85vh);
  }
}
@-webkit-keyframes floatfront1 {
  0% {
    -webkit-transform: scale(1.3) rotate(40deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(40deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(50deg) translateY(-100vh) translateX(-100vh);
            transform: scale(1.3) rotate(50deg) translateY(-100vh) translateX(-100vh);
  }
}
@keyframes floatfront1 {
  0% {
    -webkit-transform: scale(1.3) rotate(40deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(40deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(50deg) translateY(-100vh) translateX(-100vh);
            transform: scale(1.3) rotate(50deg) translateY(-100vh) translateX(-100vh);
  }
}
@-webkit-keyframes floatfront2 {
  0% {
    -webkit-transform: scale(1.3) rotate(55deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(55deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(45deg) translateY(-100vh) translateX(-85vh);
            transform: scale(1.3) rotate(45deg) translateY(-100vh) translateX(-85vh);
  }
}
@keyframes floatfront2 {
  0% {
    -webkit-transform: scale(1.3) rotate(55deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(55deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(45deg) translateY(-100vh) translateX(-85vh);
            transform: scale(1.3) rotate(45deg) translateY(-100vh) translateX(-85vh);
  }
}
@-webkit-keyframes floatfront3 {
  0% {
    -webkit-transform: scale(1.3) rotate(45deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(45deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(35deg) translateY(-85vh) translateX(-100vh);
            transform: scale(1.3) rotate(35deg) translateY(-85vh) translateX(-100vh);
  }
}
@keyframes floatfront3 {
  0% {
    -webkit-transform: scale(1.3) rotate(45deg) translateY(0) translateX(0);
            transform: scale(1.3) rotate(45deg) translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: scale(1.3) rotate(35deg) translateY(-85vh) translateX(-100vh);
            transform: scale(1.3) rotate(35deg) translateY(-85vh) translateX(-100vh);
  }
}
.balloon:after {
  content: '';
  position: absolute;
  bottom: -.05rem;
  right: -.05rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.9rem solid #0064e2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 1rem;
}



















.holder.back {
  position: relative;
  z-index: 2;
}
.holder.back .balloon:nth-child(1) {
  left: 50%;
  -webkit-animation: float2 9.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float2 9.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.holder.back .balloon:nth-child(2) {
  left: 20%;
  -webkit-animation: float1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.holder.back .balloon:nth-child(3) {
  left: 90%;
  -webkit-animation: float3 10.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float3 10.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
}
.holder.back .balloon:nth-child(4) {
  left: 70%;
  -webkit-animation: float1 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float1 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.holder.back .balloon:nth-child(5) {
  left: 35%;
  -webkit-animation: float2 10.2s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float2 10.2s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}


.holder.back .balloon:nth-child(6) {
  top: -5vh;
  left: 70%;
  -webkit-animation: float1 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float1 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}











.holder.back .balloon:nth-child(6) {
  top: 25vh;
  left: 20%;
  -webkit-animation: float1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.holder.back .balloon:nth-child(7) {

  top: 15vh;
  left: 65%;
  -webkit-animation: float2 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: float2 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: .6s;
          animation-delay: 3.6s;
}

















.holder.front {
  position: relative;
  z-index: 4;
}
.holder.front .balloon {
  box-shadow: inset -0.5rem -0.5rem 5rem -0.5rem #0064e2, 8rem 8rem 4rem rgba(0, 47, 218, 0.08);
}
.holder.front .balloon:nth-child(1) {
  left: 80%;
  -webkit-animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.holder.front .balloon:nth-child(2) {
  left: 35%;
  -webkit-animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.holder.front .balloon:nth-child(3) {
  left: 7%;
  -webkit-animation: floatfront3 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront3 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s;
}
.holder.front .balloon:nth-child(4) {
  left: 46%;
  -webkit-animation: floatfront2 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront2 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}
.holder.front .balloon:nth-child(5) {
  left: 75%;
  -webkit-animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 8.9s;
          animation-delay: 8.9s;
}
.holder.front .balloon:nth-child(6) {
  top: -10vh;
  left: 75%;
  -webkit-animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
          animation: floatfront1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.sig {
  position: fixed;
  bottom: 8px;
  right: 8px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 100;
  font-family: sans-serif;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 2px;
}





/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ®) */
#productPlan .plan_prd-list { position: relative; width:1280px; }
#productPlan .plan_prd-list td { padding: 10px 0; vertical-align: top; }
#productPlan .plan_prd-list .info {text-align: center; font-size: 13px;}
#productPlan .plan_prd-list .thumb { width: 100%; height: 100%; margin: 0 auto 5px; font-size: 0; line-height: 0; }
#productPlan .plan_prd-list .thumb img { max-width: 100%; max-height: 100%; }
#productPlan .plan_prd-list_new .thumb img { width: 100%; height: 100%; }
#productPlan .plan_prd-list_new .tb-l:nth_child(1).info .thumb img { width: 50px; height: 100%; }
#productPlan .plan_prd-list .dsc,
#productPlan .plan_prd-list .price,
#productPlan .plan_prd-list .color,
#productPlan .plan_prd-list .preview,
#productPlan .plan_prd-list .prd-name_sub2{ margin-left: 18px; }
#productPlan .plan_prd-list .dsc img { font-size: 0; line-height: 0; }
#productPlan .plan_prd-list .price { color: #d20023; font-size: 14px; /* margin-top: 8px; */ font-weight: 600;}
#productPlan .plan_prd-list .origin-price { margin-left: 18px;  font-weight: 600; color: #b5b5b5; font-size: 12px;  margin-top: 5px; }
#productPlan .prd-name_sub { font-size: 12px; width: 100%; text-align: center; margin-left: 12px;color: #2900ff; font-weight: 600; }
#productPlan .prd-name_sub2 { font-size: 12px; font-weight: bold;   text-align: center; color: #2925dc; }






/* BASIC css end */