@charset "utf-8";

.main_top{width:100%; height:auto; float: left; position: relative; }

/* 팝업존 박스 - 우측 하단 50% */
.main_top .popup_zone_box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 420px;
  background: linear-gradient(to right, rgba(255,255,255,0.33) 0%, rgba(255,255,255,0.33) 0%, rgba(255,255,255,1) calc(100% - 400px), rgba(255,255,255,1) 100%);
  z-index: 100;
  box-shadow: -5px -5px 20px rgba(0,0,0,0.1);
  border-radius: 40px 0px 0px 0px; overflow: hidden
}


/* inner_Half - 텍스트/화살표 영역 (popup_zone_box의 50%) */
.main_top .popup_zone_box .inner_Half{
  width: 100%;
  height: 100%;
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
  .main_top .popup_zone_box {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 300px;
  }
}