@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  src: url("../font/pretendard/woff2-subset/Pretendard-Medium.subset.woff2") format("woff2"), url("../font/pretendard/woff-subset/Pretendard-Medium.subset.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../font/pretendard/woff2-subset/Pretendard-Bold.subset.woff2") format("woff2"), url("../font/pretendard/woff-subset/Pretendard-Bold.subset.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 500;
}

.reportContainer .aBottomSheet, .mapContainer .aInfoWrapper .aBottomSheet, [april-nav] .aBottomSheet {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 80%;
  background-color: #ffffff;
  border-top: 1px solid #666666;
  border-radius: 16px 16px 0 0;
  text-align: center;
  box-sizing: border-box;
  overflow: auto;
  z-index: 110;
}
.reportContainer .ng-hide-remove.aBottomSheet, .mapContainer .aInfoWrapper .ng-hide-remove.aBottomSheet, [april-nav] .ng-hide-remove.aBottomSheet {
  transition: transform 400ms ease;
}
.reportContainer .ng-hide-remove.aBottomSheet, .mapContainer .aInfoWrapper .ng-hide-remove.aBottomSheet, [april-nav] .ng-hide-remove.aBottomSheet, .reportContainer .ng-hide-add.ng-hide-add-active.aBottomSheet, .mapContainer .aInfoWrapper .ng-hide-add.ng-hide-add-active.aBottomSheet, [april-nav] .ng-hide-add.ng-hide-add-active.aBottomSheet {
  transform: translateY(100%);
}
.reportContainer .ng-hide-add.aBottomSheet, .mapContainer .aInfoWrapper .ng-hide-add.aBottomSheet, [april-nav] .ng-hide-add.aBottomSheet, .reportContainer .ng-hide-remove.ng-hide-remove-active.aBottomSheet, .mapContainer .aInfoWrapper .ng-hide-remove.ng-hide-remove-active.aBottomSheet, [april-nav] .ng-hide-remove.ng-hide-remove-active.aBottomSheet {
  transform: translateY(0%);
}

april-component-map-results .aResultBody .aVenue, .aForm .aFormRow .aFormButtons .aFormButton, .accountProfileContainer .aFormRowImage .aFormUploadButton, .accountProfileContainer .aFormRow .aFormLabel .aFormLabelButton, .accountSignupContainer .aMemberType .aMemberTypeButton:not(.aSelected), .accountSignupContainer .aContent .aContentButtonLogin, .accountLoginContainer .aSocialLogin .aButtonFacebook,
.accountLoginContainer .aSocialLogin .aButtonNaver, .accountLoginContainer .aContent .aContentButtonSignup, .reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb.aSelectable, .reportContainer .aForm .aFormRowImage .aFormUploadButton, .reportContainer .aResults .aResult, .mapContainer .nMapWrapper .nMapFullscreen, .mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeHeader .aTagTypeCancel,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeHeader .aTagTypeCancel, .mapContainer .aInfoWrapper .aFilterCategory .aVenueTypes .aVenueType,
.mapContainer .aInfoWrapper .aFilterLocationTags .aVenueTypes .aVenueType, .aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb.aSelectable, .aboutContainer .aFormRowImage .aFormUploadButton, [april-board] .aBoardItems .aBoardItem .aBoardItemTitle,
[april-board] .aBoardItems .aBoardItem .aBoardItemButton, [april-nav] .aSubpage .aLogout, [april-header] .aMenu, .reportContainer .aFakeForm .aSearch, .mapContainer .aInfoWrapper .aFakeForm .aSearch {
  cursor: pointer;
  user-select: none;
}
april-component-map-results .aResultBody .aVenue:focus, .aForm .aFormRow .aFormButtons .aFormButton:focus, .accountProfileContainer .aFormRowImage .aFormUploadButton:focus, .accountProfileContainer .aFormRow .aFormLabel .aFormLabelButton:focus, .accountSignupContainer .aMemberType .aMemberTypeButton:focus:not(.aSelected), .accountSignupContainer .aContent .aContentButtonLogin:focus, .accountLoginContainer .aSocialLogin .aButtonFacebook:focus,
.accountLoginContainer .aSocialLogin .aButtonNaver:focus, .accountLoginContainer .aContent .aContentButtonSignup:focus, .reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb.aSelectable:focus, .reportContainer .aForm .aFormRowImage .aFormUploadButton:focus, .reportContainer .aResults .aResult:focus, .mapContainer .nMapWrapper .nMapFullscreen:focus, .mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeHeader .aTagTypeCancel:focus,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeHeader .aTagTypeCancel:focus, .mapContainer .aInfoWrapper .aFilterCategory .aVenueTypes .aVenueType:focus,
.mapContainer .aInfoWrapper .aFilterLocationTags .aVenueTypes .aVenueType:focus, .aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb.aSelectable:focus, .aboutContainer .aFormRowImage .aFormUploadButton:focus, [april-board] .aBoardItems .aBoardItem .aBoardItemTitle:focus,
[april-board] .aBoardItems .aBoardItem .aBoardItemButton:focus, [april-nav] .aSubpage .aLogout:focus, [april-header] .aMenu:focus, .reportContainer .aFakeForm .aSearch:focus, .mapContainer .aInfoWrapper .aFakeForm .aSearch:focus {
  outline: none;
}

.accountWithdrawalContainer .aAccountHeader .aTitle, .accountNewsletterContainer .aAccountHeader .aTitle, .accountPasswordContainer .aAccountHeader .aTitle, .accountProfileContainer .aAccountHeader .aTitle, .accountMyContainer .aTitle, .accountFindContainer .aTitle, .accountSignupContainer .aTitle, .accountLoginContainer .aTitle, .faqContainer .aTitle, .noticeContainer .aTitle, .reportContainer .aTitle, .sampleContainer .aTitle, .newsletterContainer .aTitle, .mapContainer .aInfoWrapper .aTitle, .mapContainer > .aTitle, .aboutContainer .aTitle, .mainContainer .aTitle {
  font-size: 24px;
  margin-bottom: 0.75em;
}

.mainContainer .aBoardLength, [april-board] .aBoardLength {
  font-weight: 500;
}

april-component-themes .aThemes, .unsubscribeContainer, .accountWithdrawalContainer, .accountNewsletterContainer, .accountPasswordContainer, .accountProfileContainer, .accountMyContainer, .accountFindContainer, .accountSignupContainer, .accountLoginContainer, .policyContainer, .faqContainer, .noticeContainer, .reportContainer, .sampleContainer, .newsletterContainer, .mapContainer > .aTitle, .mapContainer > .aContent, .aboutContainer .aService,
.aboutContainer .aProduct,
.aboutContainer .aFaq,
.aboutContainer .aInquiry,
.aboutContainer .aContact, .mainContainer .aAdsArea,
.mainContainer .aStatArea,
.mainContainer .aVenueArea,
.mainContainer .aThemeArea,
.mainContainer .aNoticeArea,
.mainContainer .aNewsletterArea {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 48px 36px;
}
@media (max-width: 960px) {
  april-component-themes .aThemes, .unsubscribeContainer, .accountWithdrawalContainer, .accountNewsletterContainer, .accountPasswordContainer, .accountProfileContainer, .accountMyContainer, .accountFindContainer, .accountSignupContainer, .accountLoginContainer, .policyContainer, .faqContainer, .noticeContainer, .reportContainer, .sampleContainer, .newsletterContainer, .mapContainer > .aTitle, .mapContainer > .aContent, .aboutContainer .aService,
.aboutContainer .aProduct,
.aboutContainer .aFaq,
.aboutContainer .aInquiry,
.aboutContainer .aContact, .mainContainer .aAdsArea,
.mainContainer .aStatArea,
.mainContainer .aVenueArea,
.mainContainer .aThemeArea,
.mainContainer .aNoticeArea,
.mainContainer .aNewsletterArea {
    padding-right: 36px;
    padding-left: 36px;
  }
}
@media (max-width: 640px) {
  april-component-themes .aThemes, .unsubscribeContainer, .accountWithdrawalContainer, .accountNewsletterContainer, .accountPasswordContainer, .accountProfileContainer, .accountMyContainer, .accountFindContainer, .accountSignupContainer, .accountLoginContainer, .policyContainer, .faqContainer, .noticeContainer, .reportContainer, .sampleContainer, .newsletterContainer, .mapContainer > .aTitle, .mapContainer > .aContent, .aboutContainer .aService,
.aboutContainer .aProduct,
.aboutContainer .aFaq,
.aboutContainer .aInquiry,
.aboutContainer .aContact, .mainContainer .aAdsArea,
.mainContainer .aStatArea,
.mainContainer .aVenueArea,
.mainContainer .aThemeArea,
.mainContainer .aNoticeArea,
.mainContainer .aNewsletterArea {
    padding-right: 24px;
    padding-left: 24px;
  }
}

april-component-map-results .aResultBody .aEmptyArea .aReportButton, .aForm .aFormRow.aFormSubmitContainer .aFormSubmit,
.aForm .aFormRow.aFormSubmitContainer .aFormCancel, .accountWithdrawalContainer .aButtonConfirm, .accountWithdrawalContainer .aAccountHeader .aBack, .accountNewsletterContainer .aButtonSave, .accountNewsletterContainer .aAccountHeader .aBack, .accountPasswordContainer .aAccountHeader .aBack, .accountProfileContainer .aButtonSave, .accountProfileContainer .aAccountHeader .aBack, .accountMyContainer .aAccountInfoApiPermissionContainer .aApiDocsLink, .mapContainer .aInfoWrapper .aResultHeader .aShareButton, .mapContainer .aInfoWrapper .aDescriptionMoreButton, [april-nav] .aSubpage .aLogout {
  min-width: auto;
  min-height: auto;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-radius: 0;
}
april-component-map-results .aResultBody .aEmptyArea .aReportButton:hover, .aForm .aFormRow.aFormSubmitContainer .aFormSubmit:hover,
.aForm .aFormRow.aFormSubmitContainer .aFormCancel:hover, .accountWithdrawalContainer .aButtonConfirm:hover, .accountWithdrawalContainer .aAccountHeader .aBack:hover, .accountNewsletterContainer .aButtonSave:hover, .accountNewsletterContainer .aAccountHeader .aBack:hover, .accountPasswordContainer .aAccountHeader .aBack:hover, .accountProfileContainer .aButtonSave:hover, .accountProfileContainer .aAccountHeader .aBack:hover, .accountMyContainer .aAccountInfoApiPermissionContainer .aApiDocsLink:hover, .mapContainer .aInfoWrapper .aResultHeader .aShareButton:hover, .mapContainer .aInfoWrapper .aDescriptionMoreButton:hover, [april-nav] .aSubpage .aLogout:hover, april-component-map-results .aResultBody .aEmptyArea .aReportButton:focus, .aForm .aFormRow.aFormSubmitContainer .aFormSubmit:focus,
.aForm .aFormRow.aFormSubmitContainer .aFormCancel:focus, .accountWithdrawalContainer .aButtonConfirm:focus, .accountWithdrawalContainer .aAccountHeader .aBack:focus, .accountNewsletterContainer .aButtonSave:focus, .accountNewsletterContainer .aAccountHeader .aBack:focus, .accountPasswordContainer .aAccountHeader .aBack:focus, .accountProfileContainer .aButtonSave:focus, .accountProfileContainer .aAccountHeader .aBack:focus, .accountMyContainer .aAccountInfoApiPermissionContainer .aApiDocsLink:focus, .mapContainer .aInfoWrapper .aResultHeader .aShareButton:focus, .mapContainer .aInfoWrapper .aDescriptionMoreButton:focus, [april-nav] .aSubpage .aLogout:focus {
  background-color: transparent;
}
april-component-map-results .aResultBody .aEmptyArea [disabled].aReportButton, .aForm .aFormRow.aFormSubmitContainer [disabled].aFormSubmit,
.aForm .aFormRow.aFormSubmitContainer [disabled].aFormCancel, .accountWithdrawalContainer [disabled].aButtonConfirm, .accountWithdrawalContainer .aAccountHeader [disabled].aBack, .accountNewsletterContainer [disabled].aButtonSave, .accountNewsletterContainer .aAccountHeader [disabled].aBack, .accountPasswordContainer .aAccountHeader [disabled].aBack, .accountProfileContainer [disabled].aButtonSave, .accountProfileContainer .aAccountHeader [disabled].aBack, .accountMyContainer .aAccountInfoApiPermissionContainer [disabled].aApiDocsLink, .mapContainer .aInfoWrapper .aResultHeader [disabled].aShareButton, .mapContainer .aInfoWrapper [disabled].aDescriptionMoreButton, [april-nav] .aSubpage [disabled].aLogout {
  color: #666666;
  border-color: #666666;
}

.aForm .aFormRadioGroup, .reportContainer .aRadioGroup {
  display: block;
  margin-bottom: 12px;
  text-align: center;
}
.aForm .aFormRadioGroup .aRadioButton, .reportContainer .aRadioGroup .aRadioButton,
.aForm .aFormRadioGroup .aFormRadioButton,
.reportContainer .aRadioGroup .aFormRadioButton {
  display: inline-block;
  margin: 0 0.5em;
}
.aForm .aFormRadioGroup .aRadioButton .md-label, .reportContainer .aRadioGroup .aRadioButton .md-label,
.aForm .aFormRadioGroup .aFormRadioButton .md-label,
.reportContainer .aRadioGroup .aFormRadioButton .md-label {
  margin-left: 24px;
}
.aForm .aFormRadioGroup .aRadioButton .md-off, .reportContainer .aRadioGroup .aRadioButton .md-off,
.aForm .aFormRadioGroup .aFormRadioButton .md-off,
.reportContainer .aRadioGroup .aFormRadioButton .md-off {
  border-color: #000000;
}
.aForm .aFormRadioGroup .aRadioButton .md-on, .reportContainer .aRadioGroup .aRadioButton .md-on,
.aForm .aFormRadioGroup .aFormRadioButton .md-on,
.reportContainer .aRadioGroup .aFormRadioButton .md-on {
  background-color: #000000;
}
.aForm .md-focused.aFormRadioGroup:not(:empty) .md-checked .md-container::before, .reportContainer .md-focused.aRadioGroup:not(:empty) .md-checked .md-container::before {
  background-color: transparent;
}

.reportContainer .aFakeForm, .mapContainer .aInfoWrapper .aFakeForm {
  position: relative;
}
.reportContainer .aFakeForm .aSearch, .mapContainer .aInfoWrapper .aFakeForm .aSearch {
  position: absolute;
  right: 1em;
  bottom: 2em;
  color: #37b34a;
}

.reportContainer .aGetCurrentAddress, .mapContainer .aInfoWrapper .aGetCurrentAddress {
  text-align: center;
  margin-bottom: 24px;
}
.reportContainer .aGetCurrentAddress .aGetCurrentAddressButton:hover, .mapContainer .aInfoWrapper .aGetCurrentAddress .aGetCurrentAddressButton:hover, .reportContainer .aGetCurrentAddress .aGetCurrentAddressButton:focus, .mapContainer .aInfoWrapper .aGetCurrentAddress .aGetCurrentAddressButton:focus {
  background-color: transparent;
}
.reportContainer .aGetCurrentAddress .aGetCurrentAddressButton span, .mapContainer .aInfoWrapper .aGetCurrentAddress .aGetCurrentAddressButton span {
  margin-left: 0.125em;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #666666;
}

html {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  box-sizing: border-box;
}

body {
  min-width: auto;
  font-size: 16px;
  color: #000000;
}

a {
  color: #000000;
  text-decoration: none;
}

html, body {
  background-color: #ffffff;
  color: #000000;
  overflow: hidden;
}

body {
  word-break: break-all;
}

[ng-view] {
  position: relative;
}

md-progress-linear {
  position: absolute;
  bottom: 0;
  left: 0;
}
md-progress-linear .md-container {
  background-color: #ffffff;
  height: calc(100% - 1px);
  border-top: 1px solid #666666;
}
md-progress-linear .md-container .md-bar {
  background-color: #39d52d;
  height: 100%;
}

md-checkbox.md-checked .md-icon {
  background-color: #000000;
}

md-switch.md-checked .md-bar {
  background-color: #666666;
}
md-switch.md-checked .md-thumb {
  background-color: #000000;
}

md-icon {
  color: #000000;
}

md-icon.delete {
  color: #ff0000;
}

.aFlexDummy {
  flex: auto;
}

.aViewAll {
  color: #37b34a;
}

[april-header] {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 72px);
  height: 72px;
  padding: 0 36px;
  line-height: 72px;
  background-color: transparent;
  z-index: 100;
}
[april-header] .aLogo {
  margin-right: 24px;
  white-space: nowrap;
}
[april-header] .aLogo .aLogoAnchor {
  display: flex;
  height: 72px;
}
[april-header] .aLogo .aLogoAnchor .aLogoIcon {
  flex: none;
  display: block;
  width: auto;
  height: 43.2px;
  margin-right: 6px;
  align-self: center;
}
[april-header] .aLogo .aLogoAnchor .aLogoTitle {
  flex: auto;
  display: block;
  height: 100%;
  line-height: 72px;
  font-size: 32px;
  font-weight: 700;
}
[april-header] .aLink {
  margin-right: 24px;
}
[april-header] .aLink a {
  font-size: 18px;
  color: #000000;
}
[april-header] .aLink.aSelected a {
  text-decoration: underline;
}
[april-header] .aLink.dummy {
  display: none;
}
[april-header] .aMenu {
  display: none;
  font-size: 18px;
  color: #000000;
}
[april-header] .aMenu md-icon {
  width: 20px;
  min-width: auto;
}
[april-header] .aDummy {
  flex: auto;
}
[april-header] .aReport {
  display: flex;
  gap: 8px;
}
[april-header] .aReport a {
  text-decoration: underline;
}
[april-header] .aLogin {
  margin-right: 0;
}
[april-header] .aLink.aReport {
  display: flex;
  gap: 8px;
}
@media (max-width: 960px) {
  [april-header] {
    width: calc(100% - 32px);
    padding: 0 16px;
    align-content: space-between;
    justify-content: space-between;
  }
  [april-header] .aLogo {
    order: 2;
    margin-right: 0;
  }
  [april-header] .aLogo .aLogoAnchor .aLogoIcon {
    margin-right: 0;
  }
  [april-header] .aLogo .aLogoAnchor .aLogoTitle {
    display: none;
  }
  [april-header] .aLink:not(.aReport) {
    display: none;
  }
  [april-header] .aMenu {
    order: 1;
    display: block;
  }
  [april-header] .aDummy {
    display: none;
  }
  [april-header] .aReport {
    order: 3;
    margin-right: 0;
  }
}

[april-nav] {
  display: none;
  font-size: 16px;
}
[april-nav] .aBottomSheet {
  z-index: 200;
}
[april-nav] .aAccount {
  display: flex;
  justify-content: center;
  padding: 24px 0;
  border-bottom: 1px solid #666666;
  line-height: 1.618em;
}
[april-nav] .aAccount .aLogin {
  border-bottom: 1px solid #666666;
}
[april-nav] .aAccount .aAccountLogged {
  display: flex;
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
}
[april-nav] .aAccount .aAccountLogged .aAccountInfo {
  flex: auto;
  text-align: left;
}
[april-nav] .aAccount .aAccountLogged .aAccountInfo .aAccountThumbnail {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 24px;
  border: 1px solid #666666;
  border-radius: 50%;
}
[april-nav] .aAccount .aAccountLogged .aAccountInfo .aAccountInfoName,
[april-nav] .aAccount .aAccountLogged .aAccountInfo .aAccountInfoEmail {
  line-height: 33px;
}
[april-nav] .aAccount .aAccountLogged .aAccountMypage {
  text-decoration: underline;
}
[april-nav] .aSubpage {
  padding-top: 24px;
  padding-bottom: 24px;
  line-height: 1.618em;
}
[april-nav] .aSubpage a {
  color: #000000;
}
[april-nav] .aSubpage .aDummy {
  visibility: hidden;
}
[april-nav] .aSubpage .aLogout {
  display: inline-block;
}
[april-nav] .aClose {
  position: absolute;
  top: 1em;
  right: 0;
  z-index: 201;
  cursor: pointer;
}
[april-nav] .aLink.dummy {
  display: block;
}
@media (max-width: 960px) {
  [april-nav] {
    display: block;
  }
  [april-nav] .aAccount .aAccountLogged .aAccountMypage {
    display: flex;
    align-items: flex-end;
  }
  [april-nav] .aSubpage .aLogout {
    margin-top: 20px;
  }
}

[april-container] {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 72px);
  margin-top: 72px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
[april-container] [ng-view] {
  flex: auto;
}
[april-container] .aClose {
  position: absolute;
  top: 1em;
  right: 0;
}

[april-board] .aBoardTabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
[april-board] .aBoardTabs .aBoardTab {
  height: 40px;
  line-height: 40px;
  margin: 0 20px 0 0px;
  transition: 0.3s;
  box-sizing: border-box;
  border-bottom: 4px solid white;
  border-radius: 1px;
  transition: 0.3s;
}
[april-board] .aBoardTabs .aBoardTab.active {
  border-bottom: 4px solid #4A4B57;
}
[april-board] .aBoardTabs .aBoardTab.active:hover {
  border-bottom: 4px solid #4A4B57;
}
[april-board] .aBoardTabs .aBoardTab:hover {
  border-bottom: 4px solid #ababab;
}
[april-board] .aBoardItems {
  padding: 2em 0.5em;
}
[april-board] .aBoardItems .aBoardItem {
  margin-bottom: 1em;
  padding: 1em 0;
  border-bottom: 1px solid rgba(102, 102, 102, 0.666);
  overflow: hidden;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemTitle,
[april-board] .aBoardItems .aBoardItem .aBoardItemButton {
  float: left;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemTag {
  text-align: center;
  padding: 2px 8px;
  margin: 0px 8px;
  height: 28px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemTitle {
  width: calc(100% - 96px);
  padding-right: 1em;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemButton {
  width: 96px;
  text-align: right;
  text-decoration: underline;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemButton span:focus {
  outline: none;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemContentArea {
  clear: both;
  padding-top: 1em;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemContentArea .aBoardItemImages img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 4px;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemContentArea .aBoardItemContent {
  color: #666666;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemContentArea .aBoardItemLink {
  padding-top: 0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[april-board] .aBoardItems .aBoardItem .aBoardItemContentArea .aBoardItemLink a {
  padding-left: 0.5em;
  font-size: 14px;
  color: #666666;
  text-decoration: underline;
}
[april-board] .aBoardItems .aBoardItem.aExpanded .aBoardItemTitle {
  font-weight: 700;
}
[april-board] .aBoardLoad {
  text-align: center;
}
[april-board] .aBoardLoad .aBoardLoadButton {
  color: #37b34a;
  font-size: 16px;
  text-decoration: underline;
}
[april-board] .aBoardLoad .aBoardLoadButton:hover, [april-board] .aBoardLoad .aBoardLoadButton:focus {
  background-color: transparent;
}
@media (max-width: 960px) {
  [april-board] .aBoardItemTag {
    display: none;
  }
}

[april-footer] {
  width: 100%;
  padding: 48px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  box-sizing: border-box;
}
[april-footer].aHide {
  display: none;
}
[april-footer] .aInner {
  display: flex;
  justify-content: space-between;
}
[april-footer] .aLabel {
  color: #666666;
}
[april-footer] .aLink a,
[april-footer] .aBylaw a {
  text-decoration: underline;
  margin-right: 5px;
}
[april-footer] .aLeft {
  display: flex;
}
[april-footer] .aLeft .aService,
[april-footer] .aLeft .aNews,
[april-footer] .aLeft .aSupport {
  min-width: 128px;
}
[april-footer] .aRight {
  display: flex;
  flex-direction: column;
}
[april-footer] .aRight .aExternals {
  flex: auto;
}
[april-footer] .aRight .aExternals a {
  background-image: url();
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
@media (max-width: 640px) {
  [april-footer] {
    padding: 24px;
  }
  [april-footer] .aInner {
    flex-direction: column;
    align-items: center;
  }
  [april-footer] .aLeft,
[april-footer] .aRight {
    min-width: 240px;
  }
  [april-footer] .aLeft {
    margin-bottom: 24px;
    justify-content: space-between;
  }
  [april-footer] .aLeft .aService,
[april-footer] .aLeft .aNews,
[april-footer] .aLeft .aSupport {
    min-width: auto;
  }
  [april-footer] .aLeft .aService,
[april-footer] .aLeft .aNews {
    margin-right: 36px;
  }
  [april-footer] .aRight .aExternals {
    margin-bottom: 12px;
    text-align: center;
  }
}

[april-dslider] md-slider-container {
  position: relative;
  width: 100%;
  height: 48px;
  user-select: none;
  margin: 0 4px;
}
[april-dslider] md-slider-container md-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 16px);
  height: 48px;
}
[april-dslider] md-slider-container md-slider.selected {
  z-index: 1;
}
[april-dslider] md-slider-container .md-track-fill {
  opacity: 0;
}

.aprilPass {
  min-width: 640px;
  max-width: 1024px;
  max-height: none;
  box-sizing: border-box;
  background-color: #ffffff;
  justify-content: center;
}
.aprilPass .aprilPassHeader {
  padding: 0 8px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
}
.aprilPass .aprilPassContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}
.aprilPass .aprilPassContainer .aprilPassTitle {
  flex-basis: 144px;
  margin: 0 8px 0 12px;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
}
.aprilPass .aprilPassContainer input {
  flex: auto;
  margin-right: 12px;
  height: 1.5em;
  line-height: 1.5em;
  background-color: transparent;
  border: none;
}
.aprilPass .aprilPassContainer input:focus {
  outline: none;
}
.aprilPass .aprilPassContainer [ng-messages] {
  margin-right: 4px;
  font-size: 14px;
  white-space: nowrap;
}
.aprilPass .aprilPassContainer.invalid {
  background-color: rgba(255, 0, 0, 0.5);
}
.aprilPass .aprilPassContainer.invalid input::selection {
  background-color: #39d52d;
}
.aprilPass .layout-row  {
  padding: 8px;
}
.aprilPass .aprilPassContainer input  {
  border: 1px solid  #666;
}
.aprilPass .aprilPassClose,
.aprilPass .aprilPassSend {
  margin-left: 0;
}
.mainContainer .aIntro {
  position: relative;
  width: 100%;
  padding-top: 50%;
}
.mainContainer .aIntro .aIntroAdjustmentLayer,
.mainContainer .aIntro .aIntroImage,
.mainContainer .aIntro .aIntroInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainContainer .aIntro .aIntroImage {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mainContainer .aIntro .aIntroImage.aReady.ng-animate {
  transition: all ease 400ms;
}
.mainContainer .aIntro .aIntroImage.ng-hide-remove {
  transform: translateX(100%);
}
.mainContainer .aIntro .aIntroImage.ng-hide-add, .mainContainer .aIntro .aIntroImage.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0%);
}
.mainContainer .aIntro .aIntroImage.ng-hide-add.ng-hide-add-active {
  transform: translateX(-100%);
}
.mainContainer .aIntro .aIntroAdjustmentLayer {
  background-color: #1a1a1a;
  opacity: 0.3;
}
.mainContainer .aIntro .aIntroInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mainContainer .aIntro .aIntroInfo .aIntroTitle {
  position: relative;
  color: #ffffff;
  font-size: 48px;
  text-align: center;
}
.mainContainer .aIntro .aIntroInfo .aFakeForm {
  min-width: 50%;
}
.mainContainer .aIntro .aIntroInfo .aFakeForm input {
  background-color: #ffffff;
  border: none;
}
.mainContainer .aIntro .aIntroInfo .aFakeForm .aSearch {
  position: absolute;
  right: 1em;
  bottom: 2em;
  color: #37b34a;
}
.mainContainer .aIntro .aIntroInfo .tagsBox {
  justify-content: center;
  width: 40%;
}
.mainContainer .aIntro .aIntroInfo .tagsBox a {
  margin: 5px;
  color: #fff;
  position: relative;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid currentColor;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}
.mainContainer .aAdsArea,
.mainContainer .aStatArea,
.mainContainer .aVenueArea,
.mainContainer .aThemeArea,
.mainContainer .aNoticeArea {
  padding-bottom: 0;
}
.mainContainer .aStatArea .aStats {
  display: flex;
  justify-content: center;
}
.mainContainer .aStatArea .aStats .aStat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  margin: 0 12px;
  border: 1px solid #666666;
  border-radius: 16px;
  box-sizing: border-box;
}
.mainContainer .aStatArea .aStats .aStat .aCnt {
  font-size: 32px;
  font-weight: 700;
}
.mainContainer .aStatArea .aStats .aStat .aVenueType {
  color: #666666;
}
.mainContainer .aStatArea .aStats .aStatTotal {
  border: none;
}
.mainContainer .aVenueArea .aBoardTitle,
.mainContainer .aThemeArea .aBoardTitle,
.mainContainer .aNoticeArea .aBoardTitle,
.mainContainer .aNewsletterArea .aBoardTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainContainer .aNewsletterArea .aBoardLength {
  margin-bottom: 20px;
}
.mainContainer md-content.md-default-theme,
.mainContainer md-content {
  background-color: unset;
}
.mainContainer md-chips.md-default-theme .md-chips,
.mainContainer md-chips .md-chips {
  box-shadow: unset;
}
.mainContainer .md-chips {
  display: inline-block;
}
.mainContainer .md-chips md-chip {
  margin: unset;
}
.mainContainer md-card {
  box-shadow: unset;
  border-radius: 16px;
}
.mainContainer md-card md-card-title {
  padding: 0px 0px 0px;
}
.mainContainer .md-button {
  border: 1px solid gray !important;
}
.mainContainer .badge-lg {
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 0.688rem;
  padding-right: 0.688rem;
}
.mainContainer md-card-actions button.w-full {
  width: 100%;
  font-size: large;
}
.mainContainer .aBoardTitle .aTitle {
  margin-bottom: auto;
}
.mainContainer .md-body-1,
.mainContainer .md-subhead {
  font-weight: 500;
}
.mainContainer .card-media {
  width: 128px;
  height: 128px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 960px) {
  .mainContainer .aIntro {
    padding-top: 100%;
  }
  .mainContainer .aStatArea .aStats {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mainContainer .aStatArea .aStats .aStat {
    flex-basis: calc(33% - 24px);
    margin-bottom: 24px;
  }
  .mainContainer .mainContainer .aIntro .aIntroInfo .aFakeForm {
    min-width: 90%;
  }
}
@media (max-width: 640px) {
  .mainContainer .aIntro {
    padding-top: 125%;
  }
  .mainContainer .aIntro .aIntroInfo .aIntroTitle {
    font-size: 32px;
  }
  .mainContainer .aIntro .aIntroInfo .tagsBox {
    width: 90%;
  }
  .mainContainer .aStatArea .aStats .aStat {
    flex-basis: calc(50% - 24px);
  }
  .mainContainer .mainContainer .aIntro .aIntroInfo .aFakeForm {
    min-width: 90%;
  }
}

.aboutContainer .aBanner {
  width: 100%;
  padding-top: 50%;
  position: relative;
}
.aboutContainer .aBanner .aBannerImage,
.aboutContainer .aBanner .aBannerTitle {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aboutContainer .aBanner .aBannerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutContainer .aBanner .aBannerTitle .aBannerTitleInner {
  font-size: 48px;
  text-align: center;
}
.aboutContainer .aService,
.aboutContainer .aProduct,
.aboutContainer .aFaq,
.aboutContainer .aInquiry {
  padding-bottom: 0;
}
.aboutContainer .aInquiry mark {
  color: #666666;
  text-indent: 2em;
}
.aboutContainer .aService .aServiceTiles {
  display: flex;
  justify-content: space-around;
}
.aboutContainer .aService .aServiceTiles .aServiceTile {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 20%;
  padding: 1em 2em;
  margin: 0 12px 24px;
  text-align: center;
  border: 1px solid #666666;
  border-radius: 16px;
}
.aboutContainer .aService .aServiceTiles .aServiceTile .aServiceTileIcon {
  background-image: url();
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  margin-top: 8px;
}
.aboutContainer .aService .aServiceTiles .aServiceTile .aServiceTileContent b {
  display: inline-block;
  margin-bottom: 0.5em;
}
.aboutContainer .aProduct .aProductImage {
  text-align: center;
}
.aboutContainer .aProduct .aProductImage img {
  max-width: 100%;
  height: auto;
}
.aboutContainer .aProduct .aProductImage .aProductImageCaption {
  font-size: 14px;
}
.aboutContainer .aProduct .aProductContent {
  padding: 24px 0;
}
.aboutContainer .aFaq .aBoardTitle {
  display: flex;
  justify-content: space-between;
}
.aboutContainer .aContact .aContactContent {
  column-count: 2;
}
.aboutContainer .aFormRowImage .aFormUploadButton {
  text-align: center;
  padding: 1em;
  border: 1px dashed #666666;
}
.aboutContainer .aFormRowImage .aFormUploadButton .aFormUploadLabel {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 20px;
  border-bottom: 1px solid #666666;
}
.aboutContainer .aFormRowImage .aFormUploadButton .aFormUploadDirection {
  font-size: 14px;
  color: #666666;
}
.aboutContainer .aFormRowImage .aFormImageThumbs {
  padding-top: 24px;
  overflow: hidden;
}
.aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  width: calc(50% - 12px);
  padding-top: calc(50% - 12px);
  margin-bottom: 24px;
  overflow: hidden;
}
.aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb .aFormImageCheck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb .aFormImageCheck md-icon {
  color: #37b34a;
}
.aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb:focus {
  outline: none;
}
.aboutContainer .aFormRowImage .aFormImageThumbs .aFormImageThumb:nth-of-type(odd) {
  margin-right: 24px;
}
.aboutContainer .aFormRowImage .aFormImageDirection {
  color: #666666;
  text-align: center;
}
@media (max-width: 960px) {
  .aboutContainer .aBanner .aBannerTitle .aBannerTitleInner {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .aboutContainer .aBanner .aBannerTitle .aBannerTitleInner {
    font-size: 24px;
  }
  .aboutContainer .aService .aServiceTiles {
    flex-direction: column;
  }
  .aboutContainer .aService .aServiceTiles .aServiceTile {
    margin: 0 0 24px;
  }
}

.mapContainer {
  height: 100%;
}
.mapContainer > .aTitle {
  margin-bottom: 1em;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.mapContainer > .aContent {
  margin-bottom: 24px;
  padding: 0;
  font-size: 14px;
}
.mapContainer [april-venues] {
  display: flex;
  height: 100%;
}
.mapContainer .aInfoWrapper {
  flex-basis: 640px;
  height: 0;
  padding: 24px;
  box-sizing: border-box;
  opacity: 0;
  overflow-y: auto;
  transition: opacity ease 400ms;
}
.mapContainer .aInfoWrapper .aNameEn {
  display: flex;
  align-items: center;
}
.mapContainer .aInfoWrapper .aNameEn .aInstagramLink {
  display: flex;
  align-items: center;
  margin-left: 8px;
  text-decoration: none;
  color: inherit;
}
.mapContainer .aInfoWrapper .aNameEn .aInstagramLink md-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  margin-right: 4px;
}
.mapContainer .aInfoWrapper .aNameEn .aInstagramLink span {
  font-size: 14px;
}
.mapContainer .aInfoWrapper .aTitle figure.aImage {
  display: flex;
  justify-content: center;
}
.mapContainer .aInfoWrapper .aTitle figure.aImage img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.mapContainer .aInfoWrapper .aDescription {
  font-size: 16px;
}
.mapContainer .aInfoWrapper .aFakeForm .aSearch.aDim {
  cursor: not-allowed;
  color: #666666;
}
.mapContainer .aInfoWrapper .aBottomSheet {
  padding: 24px;
  text-align: left;
}
.mapContainer .aInfoWrapper .aBottomSheet .aFilterSearchButton {
  cursor: pointer;
  color: #37b34a;
  font-size: 16px;
  text-decoration: underline;
  text-align: center;
}
.mapContainer .aInfoWrapper .aBottomSheet .aFilterSearchButton:hover, .mapContainer .aInfoWrapper .aBottomSheet .aFilterSearchButton:focus {
  background-color: transparent;
  outline: none;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #666666;
  border-radius: 0;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton md-icon.aDim {
  opacity: 0.33;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton md-icon.delete {
  color: #ff0000;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton:not(:last-of-type) {
  margin-right: 0.5em;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton.aSelected {
  color: #ffffff;
  background-color: #000000;
}
.mapContainer .aInfoWrapper .aFilterButtons .aFilterButton.aSelected md-icon {
  color: #ffffff;
}
.mapContainer .aInfoWrapper .aFilterCategory .aClose,
.mapContainer .aInfoWrapper .aFilterLocationTags .aClose,
.mapContainer .aInfoWrapper .aFilterTags .aClose {
  position: absolute;
  top: 1em;
  right: 0;
}
.mapContainer .aInfoWrapper .aFilterCategory .aVenueTypes,
.mapContainer .aInfoWrapper .aFilterLocationTags .aVenueTypes {
  text-indent: 1.5em;
}
.mapContainer .aInfoWrapper .aFilterCategory .aVenueTypes .aVenueType,
.mapContainer .aInfoWrapper .aFilterLocationTags .aVenueTypes .aVenueType {
  margin-bottom: 0.5em;
}
.mapContainer .aInfoWrapper .aFilterCategory .aVenueTypes .aVenueType.aSelected::before,
.mapContainer .aInfoWrapper .aFilterLocationTags .aVenueTypes .aVenueType.aSelected::before {
  content: "✓";
  position: absolute;
  left: 0.5em;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes {
  margin-bottom: 24px;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeHeader,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeHeader {
  margin-bottom: 24px;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeHeader .aTagTypeLabel,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeHeader .aTagTypeLabel {
  display: inline-block;
  min-width: 96px;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeHeader .aTagTypeCancel,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeHeader .aTagTypeCancel {
  float: right;
  color: #ff0000;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeBody,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeBody {
  padding-left: 96px;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeBody .aTagCheckbox,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeBody .aTagCheckbox {
  width: 50%;
  margin-right: 0;
}
.mapContainer .aInfoWrapper .aFilterTags .aTagTypes .aTagTypeBody .aTagSwitch,
.mapContainer .aInfoWrapper .aFilterLocationTags .aTagTypes .aTagTypeBody .aTagSwitch {
  justify-content: space-between;
  margin-right: 0;
  width: 240px;
  max-width: 100%;
}
.mapContainer .aInfoWrapper .aGetCurrentAddress {
  margin-top: 24px;
}
.mapContainer .aInfoWrapper .aResultHeader {
  display: flex;
  padding: 1em;
  border-bottom: 1px solid #666666;
}
.mapContainer .aInfoWrapper .aResultHeader .aLength {
  color: #666666;
}
.mapContainer .aInfoWrapper .aResultHeader .aShareButton {
  margin: 0 1em;
}
.mapContainer .aInfoWrapper .aResultHeader .aSortSelect {
  border: none;
  border-radius: 0;
}
.mapContainer .aInfoWrapper .aResultHeader .aSortSelect:focus {
  outline: none;
}
.mapContainer .nMapWrapper {
  flex: auto;
  position: relative;
}
.mapContainer .nMapWrapper #nMap {
  height: 100%;
}
.mapContainer .nMapWrapper .nMapFullscreen {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0.25em 0.5em;
  background-color: #ffffff;
  border: 1px solid #666666;
  border-radius: 8px;
}
.mapContainer .nMapWrapper.aFullscreen {
  position: fixed;
  top: 72px;
  right: 0;
  width: calc(100% - 640px);
  height: calc(100% - 72px);
  z-index: 120;
}
.mapContainer .nMapWrapper.aFullscreen #nMap {
  width: 100%;
  height: 100%;
}
@media (max-width: 1440px) {
  .mapContainer .aInfoWrapper {
    flex-basis: 480px;
  }
  .mapContainer .nMapWrapper.aFullscreen {
    width: calc(100% - 480px);
  }
}
@media (max-width: 960px) {
  .mapContainer > .aTitle, .mapContainer > .aContent {
    padding-right: 36px;
    padding-left: 36px;
  }
  .mapContainer [april-venues] {
    display: block;
  }
  .mapContainer .aInfoWrapper {
    border-bottom: 1px solid #666666;
  }
  .mapContainer .nMapWrapper.aFullscreen {
    position: static;
    top: 0;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .mapContainer > .aTitle, .mapContainer > .aContent {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.newsletterContainer .aContent {
  margin-bottom: 24px;
  font-size: 14px;
}

.reportContainer .aContent .aContentDirection {
  color: #37b34a;
}
.reportContainer .reportCover .reportCoverImage {
  width: 100%;
  height: auto;
  margin-top: 24px;
  border-radius: 16px;
  background-color: rgba(102, 102, 102, 0.666);
}
.reportContainer .aAccount {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}
.reportContainer .aAccount .aNeedLogin {
  font-size: 20px;
}
.reportContainer .aAccount .aNeedLogin a {
  display: inline-block;
  border-bottom: 1px solid #666666;
  margin-bottom: 0.25em;
}
.reportContainer .aReportType {
  margin-bottom: 24px;
}
.reportContainer .aDirectionTop {
  margin-bottom: 24px;
  color: #666666;
  line-height: 2em;
  text-align: center;
}
.reportContainer .aResults .aResult {
  margin-bottom: 12px;
  padding-left: 0.5em;
}
.reportContainer .aResults .aResult:hover {
  text-decoration: underline;
}
.reportContainer .aFindAddress {
  padding: 24px;
  box-sizing: border-box;
  text-align: left;
}
.reportContainer .aFindAddress .aFormRow,
.reportContainer .aFindAddress .aResults {
  margin: 0 24px;
}
.reportContainer .aFindAddress .aFormRow {
  padding-top: 0 !important;
}
.reportContainer .aForm .aCenterText {
  text-align: center;
}
.reportContainer .aForm .aLoadMessage {
  padding-top: 48px;
  color: #666;
}
.reportContainer .aForm .aSectionTitle {
  font-size: large;
  font-weight: bold;
}
.reportContainer .aForm .aFormRowVenueType .aFormRadioGroup,
.reportContainer .aForm .aFormRowVenueStatus .aFormRadioGroup {
  text-align: left;
}
.reportContainer .aForm .aFormRowVenueType .aFormRadioGroup .aFormRadioButton:first-of-type,
.reportContainer .aForm .aFormRowVenueStatus .aFormRadioGroup .aFormRadioButton:first-of-type {
  margin-left: 0;
}
.reportContainer .aForm .aFormRowLocation .aFormMap {
  min-height: 480px;
  border: 1px solid #666666;
}
.reportContainer .aForm .aFormRowImage .aFormUploadButton {
  text-align: center;
  padding: 1em;
  border: 1px dashed #666666;
}
.reportContainer .aForm .aFormRowImage .aFormUploadButton .aFormUploadLabel {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 20px;
  border-bottom: 1px solid #666666;
}
.reportContainer .aForm .aFormRowImage .aFormUploadButton .aFormUploadDirection {
  font-size: 14px;
  color: #666666;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs {
  padding-top: 24px;
  overflow: hidden;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  width: calc(50% - 12px);
  padding-top: calc(50% - 12px);
  margin-bottom: 24px;
  overflow: hidden;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb .aFormImageCheck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb .aFormImageCheck md-icon {
  color: #37b34a;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb:focus {
  outline: none;
}
.reportContainer .aForm .aFormRowImage .aFormImageThumbs .aFormImageThumb:nth-of-type(odd) {
  margin-right: 24px;
}
.reportContainer .aForm .aFormRowImage .aFormImageDirection {
  color: #666666;
  text-align: center;
}
.reportContainer .aForm .aFormRowAgreement {
  overflow: hidden;
}
.reportContainer .aForm .aFormRowAgreement .aFormLabel {
  float: left;
}
.reportContainer .aForm .aFormRowAgreement .aFormCheckbox {
  float: right;
}

.accountLoginContainer .aLoginHeader {
  display: flex;
  align-items: baseline;
}
.accountLoginContainer .aTitle {
  margin-right: 4px;
}
.accountLoginContainer .aContent {
  margin-bottom: 24px;
}
.accountLoginContainer .aContent .aContentButtonSignup {
  color: #37b34a;
  text-decoration: underline;
}
.accountLoginContainer .aSocialLogin {
  padding-top: 24px;
}
.accountLoginContainer .aSocialLogin .aLabelSocialLogin {
  margin-bottom: 24px;
  font-weight: 300;
}
.accountLoginContainer .aSocialLogin .aButtonFacebook,
.accountLoginContainer .aSocialLogin .aButtonNaver {
  display: table;
  font-size: 20px;
  margin-bottom: 0.25em;
}
.accountLoginContainer .aSocialLogin .aButtonFacebook span,
.accountLoginContainer .aSocialLogin .aButtonNaver span {
  display: inline-block;
  line-height: 1.2em;
  border-bottom: 2px solid #000000;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow .aFormCheckbox {
  margin-bottom: 0;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow .aFormLogin {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow .aFormLogin .aFormSubmit {
  margin: 0;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow .aFormLogin april-component-fblogin {
  margin-top: 4px;
}
.accountLoginContainer .aFormRow.aFormSubmitContainer .aFormFooterRow .aButtonForgotPassowrd {
  color: #37b34a;
  border-bottom: 1px solid #37b34a;
}

.accountSignupContainer .aSignupHeader {
  display: flex;
  align-items: baseline;
}
.accountSignupContainer .aTitle {
  margin-right: 4px;
}
.accountSignupContainer .aContent .aContentButtonLogin {
  color: #37b34a;
  text-decoration: underline;
}
.accountSignupContainer .aMemberType {
  text-align: center;
}
.accountSignupContainer .aMemberType .aMemberTypeButton:focus {
  outline: none;
}
.accountSignupContainer .aMemberType .aMemberTypeButton:not(.aSelected) {
  color: #37b34a;
  text-decoration: underline;
}
.accountSignupContainer .aFormRow.aFormSubmitContainer .aFormFooterRow.aAlignLeft {
  text-align: left;
}
.accountSignupContainer .aFormRow.aFormSubmitContainer .aFormFooterRow.aAlignLeft .aFormCheckbox a {
  color: #37b34a;
  text-decoration: underline;
}

.accountFindContainer .aContent .aContentForgotPassword {
  margin-bottom: 24px;
  font-weight: 300;
}

.accountMyContainer .aAccountArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accountMyContainer .aAccountArea .aAccountInfo {
  flex: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: left;
  overflow: hidden;
}
.accountMyContainer .aAccountArea .aAccountInfo .aAccountThumbnail {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 24px;
  border: 1px solid #666666;
  border-radius: 50%;
}
.accountMyContainer .aAccountArea .aAccountInfo .aAccountInfoName,
.accountMyContainer .aAccountArea .aAccountInfo .aAccountInfoEmail {
  line-height: 33px;
}
.accountMyContainer .aAccountArea .aAccountInfo .aAccountInfoEmailRequired {
  font-size: 14px;
}
.accountMyContainer .aAccountArea .aAccountLogout {
  margin-right: 0;
}
.accountMyContainer .aAccountInfoApiPermissionContainer {
  margin-top: 15px;
}
.accountMyContainer .aAccountInfoApiPermissionContainer .aApiPermissionInfo {
  margin-top: 10px;
  margin-bottom: 24px;
  font-size: 20px;
  color: #666;
}
.accountMyContainer .aAccountInfoApiPermissionContainer .aApiPermissionInfoLink {
  text-decoration: underline;
}
.accountMyContainer .aAccountInfoApiPermissionContainer .aAccountInfoApiPermission {
  margin-top: 10px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.accountMyContainer .aAccountInfoApiPermissionContainer .aAccountInfoApiPermission .aApiPermission {
  margin-left: 5px;
  font-weight: 700;
}
.accountMyContainer .aAccountInfoApiPermissionContainer .aApiDocsLink {
  display: block;
  margin: 0 auto;
  color: #37b34a;
}
.accountMyContainer .aMyLocalNav .md-tab.md-active {
  color: #000000;
  font-weight: 700;
}
.accountMyContainer .aMyLocalNav md-ink-bar {
  color: #000000;
  background-color: #000000;
}
.accountMyContainer .aMyLocalNav .aMyPreference {
  display: block;
  margin-bottom: 24px;
  font-size: 20px;
}
.accountMyContainer .aMyLocalNav .aApiTableContainer {
  margin-top: 30px;
}
.accountMyContainer .aMyLocalNav .aApiTableContainer h3 {
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  table-layout: fixed;
  /* Add this line */
}
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable th,
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  word-wrap: break-word;
  /* Add this line */
}
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable th {
  background-color: #f2f2f2;
  font-weight: bold;
}
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable tr:nth-child(even) {
  background-color: #f9f9f9;
}
.accountMyContainer .aMyLocalNav .aApiTableContainer .aApiTable .aApiTablePaidOnly {
  background-color: #fffacd !important;
  /* LemonChiffon */
  font-weight: bold;
}

.accountProfileContainer .aAccountHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accountProfileContainer .aFormRow .aFormLabel {
  display: flex;
  justify-content: space-between;
}
.accountProfileContainer .aFormRow .aFormLabel .aFormLabelButton {
  text-decoration: underline;
}
.accountProfileContainer .aFormRow .aFormLabel.aFormLabelRequired {
  justify-content: flex-start;
}
.accountProfileContainer .aFormRow [readonly] {
  background-color: rgba(102, 102, 102, 0.333);
}
.accountProfileContainer .aFormRowImage .aFormUploadButton {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 256px;
  height: 256px;
  margin: 0 auto;
  border: 1px dashed #666666;
}
.accountProfileContainer .aFormRowImage .aFormUploadButton .aFormUploadLabel {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 20px;
  border-bottom: 1px solid #666666;
}
.accountProfileContainer .aFormRowImage .aFormUploadButton .aFormUploadDirection {
  font-size: 14px;
  color: #666666;
}
.accountProfileContainer .aFormRowImage .aFormUploadButton .aFormImageThumb {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 2.5%;
  left: 2.5%;
  width: 95%;
  height: 95%;
  border-radius: 50%;
}
.accountProfileContainer .aButtonSave {
  display: block;
  margin: 0 auto;
  color: #37b34a;
}

.accountPasswordContainer .aAccountHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accountNewsletterContainer .aAccountHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accountNewsletterContainer .aForm .aFormRow .aFormLabel {
  padding-top: 24px;
  padding-bottom: 12px;
}
.accountNewsletterContainer .aForm .aFormRow:not(:last-of-type) {
  border-bottom: 1px solid #666666;
}
.accountNewsletterContainer .aForm md-switch {
  display: flex;
  justify-content: space-between;
  padding: 0 3px;
}
.accountNewsletterContainer .aForm input[name=subscribe_email]:disabled {
  background-color: rgba(102, 102, 102, 0.333);
}
.accountNewsletterContainer .aButtonSave {
  display: block;
  margin: 0 auto;
  color: #37b34a;
}

.accountWithdrawalContainer .aAccountHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accountWithdrawalContainer .aConfirm {
  padding: 24px 0;
  font-weight: 300;
}
.accountWithdrawalContainer .aInfo {
  margin-bottom: 24px;
}
.accountWithdrawalContainer .aInfo a {
  text-decoration: underline;
}
.accountWithdrawalContainer .aButtonConfirm {
  display: block;
  margin: 0 auto;
  color: #37b34a;
}

.aForm .aFormRow {
  position: relative;
  padding-bottom: 12px;
}
.aForm .aFormRow:first-of-type {
  padding-top: 48px;
}
.aForm .aFormRow .aFormLabel {
  text-indent: 0.25em;
  margin-bottom: 0.25em;
}
.aForm .aFormRow .aFormLabel.aFormLabelRequired::after {
  content: "*";
  color: #37b34a;
}
.aForm .aFormRow .aFormButtons {
  position: absolute;
  top: 0;
  right: 0.25em;
}
.aForm .aFormRow .aFormButtons .aFormButton {
  text-decoration: underline;
}
.aForm .aFormRow .aFormButtons .aFormButton:focus {
  outline: none;
}
.aForm .aFormRow .aFormButtons .aFormButtonWarn {
  color: #ff0000;
}
.aForm .aFormRow input, .aForm .aFormRow textarea, .aForm .aFormRow select, .aForm .aFormRow option {
  width: 100%;
  margin-bottom: 12px;
  padding: 0.5em;
  background-color: transparent;
  border: 1px solid #666666;
  box-sizing: border-box;
}
.aForm .aFormRow [ng-message] {
  font-size: 12px;
  color: #ff0000;
}
.aForm .aFormRow .aFormCheckbox.md-checked .md-icon {
  background-color: #000000;
}
.aForm .aFormRow.aFormSubmitContainer {
  text-align: center;
}
.aForm .aFormRow.aFormSubmitContainer .aFormSubmit {
  color: #37b34a;
  border-bottom-color: #37b34a;
}
.aForm .aFormRow.aFormSubmitContainer .aFormCancel {
  color: #000000;
  border-bottom-color: #000000;
}
.aForm .aFormRow.aFormSubmitContainer .aFormBigButton {
  font-size: 20px;
}
@media (max-width: 960px) {
  .aForm .aFormLabel {
    max-width: calc(100% - 80px);
  }
}

.aInfowindow {
  min-width: 320px;
  padding: 12px 12px;
}
.aInfowindow .aInfowindowHeader {
  margin-bottom: 12px;
}
.aInfowindow .aInfowindowHeader .aNameandView {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: -webkit-fill-available;
}
.aInfowindow .aInfowindowHeader .aName {
  font-size: 20px;
}
.aInfowindow .aInfowindowHeader .aVenueType {
  margin-left: 0.5em;
  font-size: 14px;
  color: #666666;
}
.aInfowindow .aInfowindowHeader .aNameEn {
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
  /* 추가: 세로 중앙 정렬 */
  justify-content: space-between;
  /* 추가: 요소들을 양 끝으로 분산 */
}
.aInfowindow .aInfowindowHeader .aNameEn .aVenueViewCount {
  /* position: absolute; */
  /* 제거: flexbox를 사용하므로 absolute 제거 */
  /* right: 15px; */
  /* 제거 */
}
.aInfowindow .aInfowindowHeader .aNameEn .aVenueViewCount md-icon {
  color: #666666;
}
.aInfowindow .aInfowindowThumbnail img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.aInfowindow .aInfowindowTable th,
.aInfowindow .aInfowindowTable td {
  padding: 4px 0;
  line-height: 1.5em;
}
.aInfowindow .aInfowindowTable th {
  padding-right: 0.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.aInfowindow .aInfowindowTable td .aChip,
.aInfowindow .aInfowindowTable td .aCountryCallingCode {
  display: inline-block;
  margin-right: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  background-color: rgba(102, 102, 102, 0.333);
  font-weight: 500;
}
.aInfowindow .aInfowindowTable td .aChip {
  margin-bottom: 2px;
}
.aInfowindow .aInfowindowTable td a {
  display: block;
  margin-bottom: 0.25em;
  text-decoration: underline;
}
.aInfowindow .aInfowindowTable td a.aChip {
  text-decoration: none;
}
.aInfowindow .aInfowindowTable td a.tagBox {
  display: inline-block;
  margin-right: 0.25em;
  padding-right: 0.25em;
  font-weight: 500;
}
.aInfowindow .aInfowindowTable td button {
  float: right;
  margin-top: 4px;
  margin-right: 8px;
  background-color: #ffffff;
  border: 1px solid #666666;
}
.aInfowindow .aInfowindowTable td button:focus {
  outline: none;
}
@media (max-width: 1440px) {
  .aInfowindow .aInfowindowTable th, .aInfowindow .aInfowindowTable td {
    font-size: 14px;
  }
}
@media (max-width: 960px) {
  .aInfowindow .aInfowindowHeader .aName {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .aInfowindow .aInfowindowTable th, .aInfowindow .aInfowindowTable td {
    font-size: 12px;
  }
}

april-component-map-detail {
  position: fixed;
  top: 72px;
  left: 0;
  width: 640px;
  height: calc(100% - 72px - 1px);
  background-color: #ffffff;
  overflow-y: auto;
}
april-component-map-detail .aHead {
  display: flex;
  padding-top: 12px;
  padding-right: 6px;
  padding-left: 6px;
}
april-component-map-detail .aHead .aBack {
  flex: auto;
  border-bottom: transparent;
  text-align: left;
}
april-component-map-detail .aHead .aBack .aBackTitle {
  border-bottom: 1px solid #666666;
}
april-component-map-detail .aHead .md-icon-button {
  width: 75px;
  display: inherit;
}
april-component-map-detail .aHead .md-icon-button-link {
  width: 90px;
}
april-component-map-detail .aBody .aInfowindow .aVenueStatusIconBox {
  height: 24px;
}
april-component-map-detail .aBody .aInfowindow .aVenueStatusIconBox .aVenueStatusIcon {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
}
april-component-map-detail .aBody .aInfowindow .aVenueStatus {
  margin-right: 4px;
}
april-component-map-detail .aBody .aInfowindow .closed {
  color: #ff0000;
}
april-component-map-detail .aBody .aInfowindow .temporary_closing {
  color: #666666;
}
april-component-map-detail .aBody .aInfowindow .aInfowindowTable th {
  padding-right: 1em;
  font-size: 14px;
  font-weight: 300;
  text-align: right;
}
april-component-map-detail .aBody .aInfowindow .aInfowindowTable .aDim {
  color: rgba(102, 102, 102, 0.666);
}
april-component-map-detail .aBody .aInfowindow .aInfowindowTable .aDirections {
  display: inline;
  word-break: keep-all;
}
april-component-map-detail .aFoot {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
}
april-component-map-detail .buttonBox {
  display: flex;
}
april-component-map-detail .orderButton {
  width: 147px;
  height: 51px;
  background: #FFFFFF;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 3px;
}
april-component-map-detail .orderButton a {
  text-decoration: none !important;
  display: flex !important;
  height: 50px;
}
april-component-map-detail .orderButton a span {
  margin: auto;
  /* BUTTON/Roboto/Medium/14px */
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  /* Label/Light/Primary */
  color: #231F20;
}
april-component-map-detail .buttonShadow {
  border: 1px solid #231F20;
  box-sizing: border-box;
  box-shadow: 0px 2px 0px #000000;
  border-radius: 8px;
}
april-component-map-detail .tooltip {
  position: relative;
  cursor: pointer;
}
april-component-map-detail .tooltiptext {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  display: inline-block;
  padding: 5px;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.3;
  background: #333;
  color: #fff;
  border-radius: 3px;
  transition: 0.3s ease-in;
}
april-component-map-detail .tooltip:hover .tooltiptext {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1440px) {
  april-component-map-detail {
    width: 480px;
  }
}
@media (max-width: 960px) {
  april-component-map-detail {
    position: static;
    width: 100%;
    height: auto;
  }
  april-component-map-detail .aHead .aBack {
    margin-left: 0;
  }
  april-component-map-detail .aBody .aInfowindow .aInfowindowTable td {
    font-size: 16px;
  }
  april-component-map-detail .orderButton {
    width: 120px;
  }
}

april-component-map-results .aResultBody {
  padding: 12px 0;
}
april-component-map-results .aResultBody .aVenue {
  padding: 12px;
  display: flex;
}
april-component-map-results .aResultBody .aVenue .aVenueThumbnail {
  background-image: url(cover);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-basis: 128px;
  flex-shrink: 0;
  height: 128px;
  margin-right: 24px;
  border: 1px solid #666666;
  border-radius: 50%;
  background-color: #666;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo {
  flex: auto;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 1em 0.5em;
  padding-bottom: calc(1em - 4px);
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aCartIcon {
  margin-right: 3px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueStatusIconBox {
  height: 24px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueStatusIconBox .aVenueStatusIcon {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueName,
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueType,
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueFavorites {
  margin-bottom: 4px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueViewCount {
  margin-left: 1em;
  margin-bottom: 4px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueStatus {
  font-size: 12px;
  margin-bottom: 6px;
  margin-right: 4px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .closed {
  color: #ff0000;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .temporary_closing {
  color: #666666;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueStatus,
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueName {
  flex-shrink: 0;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueType {
  flex: auto;
  margin-left: 0.5em;
  color: #37b34a;
  font-size: 14px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueFavorites {
  flex-shrink: 0;
  color: #666666;
  font-size: 14px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueFavorites md-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueFavorites .aFavorited {
  color: #ff0000;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueViewCount {
  flex-shrink: 0;
  color: #666666;
  font-size: 14px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader .aVenueViewCount md-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoBody .aVenueAddress,
april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoBody .aVenueAddressDetail {
  color: #666666;
  min-width: 50%;
}
april-component-map-results .aResultBody .aVenueLoad {
  text-align: center;
}
april-component-map-results .aResultBody .aVenueLoad .aVenuedLoadButton {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-radius: 0;
  padding-left: 3px;
}
april-component-map-results .aResultBody .aEmptyArea {
  padding: 24px 0;
  text-align: center;
}
april-component-map-results .aResultBody .aEmptyArea .aEmpty {
  color: #666666;
}
april-component-map-results .tooltip {
  position: relative;
  cursor: pointer;
}
april-component-map-results .tooltiptext {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  display: inline-block;
  padding: 5px;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.3;
  background: #333;
  color: #fff;
  border-radius: 3px;
  transition: 0.3s ease-in;
}
april-component-map-results .tooltip:hover .tooltiptext {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1440px) {
  april-component-map-results .aResultBody .aVenue {
    padding-right: 0;
    padding-left: 0;
  }
  april-component-map-results .aResultBody .aVenue .aVenueThumbnail {
    flex-basis: 112px;
    height: 112px;
    margin-right: 12px;
  }
  april-component-map-results .aResultBody .aVenue .aVenueInfo .aVenueInfoHeader {
    padding: 0.25em 0;
  }
}
@media (max-width: 960px) {
  april-component-map-results.nMapResultsHide {
    display: none;
  }
}
@media (max-width: 640px) {
  april-component-map-results .aResultBody .aVenue .aVenueThumbnail {
    flex-basis: 100px;
    height: 100px;
  }
  april-component-map-results .aFavoritedText {
    display: none;
  }
}

april-component-subscribe .aInfo {
  margin-bottom: 12px;
  text-align: center;
}
april-component-subscribe .aInfo a {
  text-decoration: underline;
}
april-component-subscribe .aSubscribe {
  width: 640px;
  margin: 0 auto 24px;
}
april-component-subscribe .aSubscribe form {
  display: flex;
  width: 100%;
}
april-component-subscribe .aSubscribe form input[name=name],
april-component-subscribe .aSubscribe form input[name=email],
april-component-subscribe .aSubscribe form .aSubmitButton {
  font-size: 18px;
  line-height: 48px;
  border: 1px solid #666666;
  border-radius: 0;
}
april-component-subscribe .aSubscribe form input[name=name],
april-component-subscribe .aSubscribe form input[name=email] {
  flex: auto;
  width: 0;
  margin-right: 0.5em;
  padding: 0 0.5em;
  background-color: transparent;
}
april-component-subscribe .aSubscribe form input[name=name]:focus,
april-component-subscribe .aSubscribe form input[name=email]:focus {
  outline: none;
}
april-component-subscribe .aSubscribe form .aSubmitButton {
  flex: none;
  color: #37b34a;
  margin: 0;
}
april-component-subscribe .aSubscribe form .aSubmitButton:hover, april-component-subscribe .aSubscribe form .aSubmitButton:focus {
  background-color: transparent;
}
april-component-subscribe .aSubscribe form .aSubmitButton[disabled] {
  cursor: not-allowed;
  color: #666666;
}
april-component-subscribe .aSubscribe .aSubscribed {
  color: #666666;
  text-align: center;
}
@media (max-width: 960px) {
  april-component-subscribe .aSubscribe {
    width: 100%;
  }
}
@media (max-width: 640px) {
  april-component-subscribe .aSubscribe form {
    flex-direction: column;
    align-items: flex-end;
  }
  april-component-subscribe .aSubscribe form input[name=name],
april-component-subscribe .aSubscribe form input[name=email] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em;
    box-sizing: border-box;
  }
}

april-component-themes .aThemes .aTheme {
  display: block;
  margin-bottom: 48px;
}
april-component-themes .aThemes .aTheme .aThemeCover {
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 24px;
  padding-bottom: 50%;
  border-radius: 16px;
  background-color: rgba(102, 102, 102, 0.666);
}
april-component-themes .aThemes .aTheme .aThemeTitleArea {
  padding-top: 24px;
  padding-bottom: 24px;
}
april-component-themes .aThemes .aTheme .aThemeTitleArea .aThemeCategory {
  font-size: 12px;
  color: #666666;
  text-indent: 1em;
}
april-component-themes .aThemes .aTheme .aThemeDescription {
  color: #666666;
}

/*# sourceMappingURL=public.css.map */