@charset "utf-8";
body { overflow-x: hidden; }

.animate { opacity: 0; }
.animate.animate__animated { opacity: 1; }
/*============================
#header
============================*/
#header { display: flex; justify-content: space-between; align-items: center; border: 1px solid #f2f2f2; }
#header .mark {}
#header .mark .vpoint {}
#header .mark .vpoint img {}
#header .mark .logo {}
#header .mark .logo a {}
#header .mark .logo a img {}
#header .rightArea {}
#header .rightArea .button {}
#header .rightArea .button a { display: inline-block; text-align: center; padding: 14px 50px 12px; border-radius: 5px; min-width: 240px; background-color: #FF385F; font-weight: 600; color: #fff; transition: 0.25s all; }
#header .rightArea .button a:hover { background: #DE3150; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { position: relative; padding: 110px 0 90px; }
#mainPanelArea img {}
#mainPanelArea .leftArea {}
#mainPanelArea .leftArea .mainTitle { margin-top: 0; font-size: 2.75em; text-align: left; }
#mainPanelArea .leftArea .subTitle { font-size: 1.375em; text-align: left; color: #FF385F; }
#mainPanelArea .leftArea .copy { text-align: left; font-size: 1em; }
#mainPanelArea .rightArea { display: flex; flex-direction: column; gap: 20px; position: absolute; bottom: 0; right: 0; }
#mainPanelArea .rightArea .image { width: 285px; height: 80px; }
#mainPanelArea .rightArea .image a { display: inline-block; }
#mainPanelArea .rightArea .image a img { position: inherit; width: 100%; height: auto; transform: inherit; min-height: unset; }

/*============================
#featureArea
============================*/
#featureArea { padding-top: 75px; padding-bottom: 100px; }
#featureArea .mainTitle { font-size: 1.875em; font-weight: 700; text-align: center; line-height: 1.5; }
#featureArea .subCopy { margin-top: 20px; text-align: center; }
#featureArea .button { text-align: center; margin-top: 30px; }
#featureArea .button a { display: inline-block; text-align: center; padding: 14px 50px 12px; border-radius: 5px; min-width: 240px; background-color: #FF385F; font-weight: 600; color: #fff; transition: 0.25s all; }
#featureArea .button a:hover { background: #DE3150; }
#featureArea ul { margin-top: 15px; }
#featureArea ul li { display: flex; justify-content: space-between; border: 1px solid #e6e6e6; margin-top: 40px; height: 295px; gap: 50px; overflow: hidden; box-shadow: 5px 5px 10px 0px #0000000D; border-radius: 20px; }
#featureArea ul li .image { width: 460px; height: 317px; }
#featureArea ul li .image img { width: 100%; height: auto; }
#featureArea ul li .rightArea { display: flex; flex-direction: column; justify-content: center; flex: 1; padding-right: 50px; }
#featureArea ul li .rightArea .title { font-size: 1.5em; font-weight: 700; line-height: 1.5; }
#featureArea ul li .rightArea .copy { margin-top: 15px; font-size: 0.875em; line-height: 1.75; }
#featureArea ul li .leftArea { display: flex; flex-direction: column; justify-content: center; flex: 1; padding-left: 50px; }
#featureArea ul li .leftArea .title { font-size: 1.5em; font-weight: 700; line-height: 1.5; }
#featureArea ul li .leftArea .copy { margin-top: 15px; font-size: 0.875em; line-height: 1.75; }

/*============================
#venueArea
============================*/
#venueArea { overflow: hidden; padding-top: 90px; padding-bottom: 80px; background-color: #eee; }
#venueArea .title { font-size: 1.875em; font-weight: 700; }
#venueArea .copy { margin-top: 20px; color: #525254; }
#venueArea ul { display: flex; gap: 25px; margin-top: 35px; margin-right: calc(50% - 50vw); }
#venueArea ul li { overflow: hidden; width: 300px; height: 252px; flex-shrink: 0; background-color: #fff; border: 1px solid #E6E6E6; border-radius: 12px; }
#venueArea ul li a {}
#venueArea ul li a .image { overflow: hidden; width: 300px; height: 160px; }
#venueArea ul li a .image img { width: 100%; height: auto; transition: 0.3s all; }
#venueArea ul li a:hover .image img { transform: scale(1.05); }
#venueArea ul li a .bottomArea { padding: 20px; }
#venueArea ul li a .bottomArea .venueName { font-size: 1.125em; font-weight: 700; }
#venueArea ul li a .bottomArea .search { margin-top: 10px; color: #FF385F; font-size: 0.875em; text-align: right; }
#venueArea ul li a .bottomArea .search span { position: relative; transition: 0.3s all; padding-right: 15px; }
#venueArea ul li a .bottomArea .search span::after { content: ""; position: absolute; display: block; right: 0; top: 50%; width: 12px; height: 16px; background: url(../../../imageFile/guest2026/campaign/eventmarketing/icon_arrow.svg) no-repeat center; background-size: 12px auto; transform: translateY(-50%); transition: 0.2s all; }
#venueArea ul li a:hover .bottomArea .search span::after { right: -2px; }

/*============================
#campaignBannerArea
============================*/
#campaignBannerArea { padding: 85px 100px; }
#campaignBannerArea .title { font-size: 1.625em; font-weight: 700; }
#campaignBannerArea ul { display: flex; gap: 30px; margin-top: 25px; }
#campaignBannerArea ul li { width: 500px; height: 140px; }
#campaignBannerArea ul li a { display: inline-block; border: 1px solid #222; overflow: hidden; border-radius: 10px; }
#campaignBannerArea ul li a img { width: 100%; height: auto; object-fit: cover; }

/*============================
#searchListingArea
============================*/
#searchListingArea { text-align: center; padding: 70px 60px; background-color: #FF385F; }
#searchListingArea .title { font-size: 1.75em; font-weight: 900; color: #fff; }
#searchListingArea .copy { margin-top: 15px; font-size: 0.875em; font-weight: 400; color: #fff; }
#searchListingArea .button { margin-top: 30px; }
#searchListingArea .button a { display: inline-block; min-width: 280px; background-color: #fff; padding: 14px 50px 12px; text-align: center; color: #FF385F; font-weight: 700; border-radius: 5px; transition: 0.25s all; }
#searchListingArea .button a:hover { background-color: #FFF5F5; }