@charset "utf-8"; 


/*메인공통*/
.sec { position: relative; padding-top: var(--header-hei); overflow: hidden; background-color: var(--color-bg); } 
.tit-b { color: var(--color-bg); font-size: 25.3rem; text-transform: uppercase; font-weight: 800; } 

.img-ani1 { animation: img-ani1 3s ease-out infinite alternate; } 
.img-ani3 { animation: img-ani3 3s ease-out infinite alternate; } 
.star-ani { animation: star-ani 3s ease-out infinite alternate; } 

/*메인*/
#aboutSec { background-color: var(--color-point); transition: .5s; overflow: hidden; z-index: 2; } 
#aboutSec .tit-b { transition: .5s; } 
#aboutSec .txt-wr { width: 100vw; height: 100vh; padding: 0 var(--inner-cont-pd); text-align: center; } 
#aboutSec .txt-wr .tit-b:nth-child(2) { position: relative; z-index: 1; } 
#aboutSec .txt-wr2 { align-content: center; padding-top: var(--header-hei); padding-bottom: var(--header-hei); } 
#aboutSec .ab-center { position: fixed; z-index: 1; } 
#aboutSec .deco1 { animation-duration: 2s; animation-delay: .5s; transform: translate(9rem, -31rem); } 
#aboutSec .deco2 { animation-duration: 1.5s; transform: translate(-27rem, -2rem); } 
#aboutSec .deco3, #aboutSec .deco4 { display: flex; justify-content: center; align-items: center; animation-name: img-ani2; } 
#aboutSec .deco3 .icon, #aboutSec .deco4 .icon { filter: brightness(10) invert(0); opacity: .4; } 
#aboutSec .deco3 .icon { animation-delay: 1.5s; } 
#aboutSec .deco3 { transform: translate(23rem, -15rem); } 
#aboutSec .deco4 { transform: translate(-24rem, -11rem); } 

#aboutSec .copy-txt { display: grid; align-content: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; } 
#aboutSec .copy-txt .tit-b1 { white-space: nowrap; transform: translateX(100%); } 
#aboutSec .copy-txt .tit-b2 { display: grid; align-content: center; justify-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; font-size: 8.3rem; text-align: center; opacity: 0; transform: scale(3); } 

#aboutSec .scroll-wr { display: grid; justify-items: center; position: fixed; bottom: 3rem; left: 50%; transform: translateX(-50%); z-index: 2; } 
#aboutSec .scroll { display: grid; justify-items: center; position: relative; width: 4.8rem; height: 7.6rem; padding: 1rem 0; border-radius: 3rem; border: 2px solid var(--color-bg); } 
#aboutSec .scroll span { display: block; width: 1.4rem; height: 1.4rem; background-color: var(--color-bg); border-radius: 100%; animation: scroll-ani 2s 0s linear infinite; } 
#aboutSec p { margin-top: 1rem; color: var(--color-bg); font-size: 1.4rem; font-weight: 300; letter-spacing: 0; } 
#aboutSec .side-deco { position: fixed; top: 50%; transform: translateY(-50%); filter: brightness(100) invert(0); opacity: .4; transition: .5s; } 
#aboutSec .side-le { left: var(--inner-pd); } 
#aboutSec .side-ri { right: var(--inner-pd); } 

#aboutSec.bg-on { background-color: var(--color-bg); } 
#aboutSec.bg-on .tit-b { color: var(--color-txt); } 
#aboutSec.bg-on .side-deco { filter: brightness(4); opacity: 1; } 
#aboutSec.bg-on .deco3 .icon, #aboutSec.bg-on .deco4 .icon { filter: brightness(100) invert(10); } 

@media all and (max-width:1440px) { 
 #aboutSec .deco { width: 39rem; } 
 #aboutSec .deco1 { width: 12rem; } 
 #aboutSec .deco2 { width: 14rem; } 
 #aboutSec .tit-b { font-size: 16.3rem; } 
 #aboutSec .txt-wr1 .tit-b:nth-child(1) { margin-top: 17vh; } 
 } 
@media all and (max-width:1280px) { 
 #aboutSec .deco { width: 27rem; } 
 #aboutSec .deco1 { width: 9rem; transform: translate(7rem, -20rem); } 
 #aboutSec .deco2 { width: 10rem; transform: translate(-16rem, 0rem); } 
 #aboutSec .deco3, #aboutSec .deco4 { width: 4rem; } 
 #aboutSec .deco3 { transform: translate(14rem, -15rem); } 
 #aboutSec .deco4 { transform: translate(-17rem, -10rem); } 
 #aboutSec .tit-b { font-size: 13.3rem; } 
 #aboutSec .txt-wr1 .tit-b:nth-child(1) { margin-top: 10vh; } 
 #aboutSec .scroll { width: 2.8rem; height: 4.6rem; padding: .5rem 0; } 
 #aboutSec .scroll span { width: 1rem; height: 1rem; } 
 #aboutSec p { margin-top: .5rem; font-size: 1.2rem; } 
 #aboutSec .scroll-wr { bottom: 2rem; } 
 #aboutSec .copy-txt .tit-b2 { font-size: 3.3rem; } 
 #aboutSec .side-deco { width: 1rem; } 
 } 
@media all and (max-width:1024px) { 
 #aboutSec .txt-wr { display: grid; align-content: center; height: calc(100vh - var(--header-hei)); } 
 #aboutSec .txt-wr1 .tit-b:nth-child(1) { margin-top: 0; } 
 } 
@media all and (max-width:600px) { 
 #aboutSec .tit-b { font-size: 6rem; } 
 #aboutSec .txt-wr { position: relative; align-content: center; padding-top: var(--header-hei); padding-bottom: calc(var(--header-hei) + 6rem); z-index: 1; } 
 #aboutSec .txt-wr2 { align-content: baseline; padding-top: calc(var(--header-hei)* 2); } 
 #aboutSec .copy-txt .tit-b2 { padding: 0 calc(var(--inner-cont-pd)* 2); } 
 #aboutSec .copy-txt .tit-b1 { display: none; } 
 #aboutSec .deco3 { transform: translate(11rem, -14rem); } 
 #aboutSec .deco4 { transform: translate(-10rem, -10rem); } 
 } 
@media (any-pointer:coarse) and (max-width:768px) { 
#aboutSec.mo-bg { background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-txt) 50%); } 
#aboutSec.mo-bg .scroll-wr { display: none; } 
 } 


/*영상*/
#videoSec { display: flex; position: relative; width: 100%; height: 100vh; padding-bottom: var(--header-hei); background: url(/bamirang/img/video_bg.jpg)no-repeat center / cover; z-index: 3; overflow: hidden; } 
#videoSec video { width: auto; height: 90%; margin: auto; border-radius: 3rem; } 
#videoSec::before, #videoSec::after { position: absolute; left: 0; width: 100%; height: 6.8rem; background-repeat: repeat-x; content: ''; } 
#videoSec::before { top: 0; background-image: url(/bamirang/img/img_vi_tp.jpg); } 
#videoSec::after { bottom: 0; background-image: url(/bamirang/img/img_vi_bt.jpg); } 

@media all and (max-width:1600px) { 
 
 } 
@media all and (max-width:1280px) { 
 #videoSec video { border-radius: 1rem; } 
 #videoSec::before, #videoSec::after { height: 3.8rem; background-size: contain; } 
 } 
@media all and (max-width:1024px) { 
 #videoSec { height: auto; } 
 } 
@media all and (max-width:600px) { 
 #videoSec video { width: 50%; height: auto; } 
 } 
 @media all and (max-width:500px) { 
 #videoSec video { width: 70%; } 
 } 

/*특징*/
#pointSec { width: 100%; height: 100vh; padding: 0; z-index: 3; } 
#pointSec .icon { width: 2.5rem; margin-bottom: 1rem; } 
#pointSec .tit { line-height: 1.2; font-size: 6.8rem; font-weight: 300; letter-spacing: -0.03em; } 
#pointSec .point-wrapper { display: flex; align-items: center; width: 100%; height: 100vh; } 
#pointSec .point-wrapper .point-wr { display: inline-flex; align-items: flex-start; width: auto; height:fit-content; padding-left: var(--inner-cont-pd); } 
#pointSec .point-wrapper .point-wr .tit-wr { width: 62.7rem; margin-top: -5rem; } 
#pointSec .point-wrapper .point-wr .box { width: 52.5rem; margin-right: 17rem; } 
#pointSec .point-wrapper .point-wr .box .box-img { height: 36.2rem; border-radius: 1.8rem; overflow: hidden; } 
#pointSec .point-wrapper .point-wr .box .box-txt { padding: 1rem; } 
#pointSec .point-wrapper .point-wr .box .box-txt .tit { font-size: 6rem; font-weight: 800; } 
#pointSec .point-wrapper .point-wr .box .box-txt p { margin-top: 1rem; color: var(--color-txt); font-size: 2.5rem; line-height: 1.5; } 
#pointSec .br-mo { display: none; } 

@media all and (max-width:1440px) { 
 #pointSec .point-wrapper .point-wr .box { width: 42.5rem; margin-right: 7rem; } 
 #pointSec .point-wrapper .point-wr .box .box-img { height: 28.2rem; } 
 #pointSec .point-wrapper .point-wr .box .box-txt .tit { font-size: 5rem; } 
 #pointSec .point-wrapper .point-wr .box .box-txt p { font-size: 2rem; } 
 #pointSec .point-wrapper .point-wr .tit-wr { width: 52.7rem; } 
 } 
@media all and (max-width:1280px) { 
 #pointSec .tit { font-size: 3.3rem; } 
 #pointSec .point-wrapper .point-wr { padding-top: calc(var(--header-hei) / 2); } 
 #pointSec .point-wrapper .point-wr .tit-wr { width: 32.7rem; margin-top: -2rem; } 
 #pointSec .point-wrapper .point-wr .box-wr { align-items: flex-start; } 
 #pointSec .point-wrapper .point-wr .box { width: 31.5rem; } 
 #pointSec .point-wrapper .point-wr .box .box-img { height: 21.2rem; } 
 #pointSec .point-wrapper .point-wr .box .box-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
 #pointSec .point-wrapper .point-wr .box .box-txt .tit { font-size: 2.5rem; } 
 #pointSec .point-wrapper .point-wr .box .box-txt p { margin-top: .5rem; font-size: 1.5rem; } 
 #pointSec .point-wrapper .point-wr .box .box-txt p br { display: none; } 
 #pointSec .icon { width: 2rem; } 
 } 
@media all and (max-width:1024px) { 
 #pointSec { height: auto; padding: var(--inner-cont-pd); } 
 #pointSec .tit-wr .tit { margin-bottom: 3rem; } 
 #pointSec .point-wrapper { height: auto; } 
 #pointSec .point-wrapper .point-wr { flex-direction: column; width: 100%; height: 100%; padding: 0; } 
 #pointSec .point-wrapper .point-wr .box-wr { flex-direction: column; gap: 9rem; width: 100%; } 
 #pointSec .point-wrapper .point-wr .box .box-img { height: 31.2rem; } 
 #pointSec .point-wrapper .point-wr .box { width: 70%; margin-right: 0; } 
 #pointSec .point-wrapper .point-wr .box:nth-child(even) { margin-left: auto; text-align: right; } 
 #pointSec .point-wrapper .point-wr .tit-wr { margin-top: 0; } 
 } 
@media all and (max-width:600px) { 
 #pointSec { padding: calc(var(--inner-cont-pd) * 2) var(--inner-cont-pd); } 
 #pointSec .tit-wr .tit br { display: none; } 
 #pointSec .br-mo { display: block; } 
 #pointSec .point-wrapper .point-wr .box, #pointSec .point-wrapper .point-wr .box .box-img { width: 100%; } 
 #pointSec .point-wrapper .point-wr .box-wr { gap: 4rem; } 
 #pointSec .point-wrapper .point-wr .box:nth-child(even) { margin-left: auto; text-align: left; } 
 #pointSec .point-wrapper .point-wr .box .box-img { height: 21.2rem; } 
 #pointSec .point-wrapper .point-wr .box .box-txt p { font-size: 1.8rem; } 
 } 
/*이벤트*/
#eventSec { width: 100%; height: 100vh; padding-top: 0; background-color: #190000; z-index: 3; } 
#eventSec .event { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 var(--inner-cont-pd); background-color: #190000; opacity: 0; transition: .5s; } 
#eventSec .event .box-txt { width: 67rem; margin-top: auto; margin-bottom: 14.3rem; } 
#eventSec .event .box-txt .tit { color: var(--color-point); font-size: 12.3rem; font-weight: 900; } 
#eventSec .event .box-txt .tit span { margin-top: auto; margin-left: 1rem; font-weight: 300; } 
#eventSec .event .box-txt .tit-m { color: #fff; font-size: 5.3rem; font-weight: 700; } 
#eventSec .event .box-txt p { margin-top: 2rem; color: #fff; font-size: 3rem; font-weight: 300; line-height: 1.4; } 
#eventSec .event2 .box-txt .tit span,
#eventSec .event3 .box-txt .tit span { padding-bottom: 2rem; font-size: 5.3rem; font-weight: 700; } 
#eventSec .event .box-cont { justify-content: space-around; width:calc(100% - 67rem); height: 100%; } 
#eventSec .event .box-cont .ab-center { z-index: 1; } 
#eventSec .event .box-cont .grid { grid-gap: 4rem; } 
#eventSec .event .box-cont .item img { width: 24.4rem; height: 24.4rem; border-radius: 1.8rem; } 
#eventSec .event .box-cont .item div { animation: upWave 30s infinite linear } 
#eventSec .event .box-cont .item2 div { animation: downWave 30s infinite linear; } 
#eventSec .event .box-cont video { width: 100%; height: 100%; object-fit: contain; object-position: center; } 
#eventSec .event2 .box-cont { position: relative; padding: var(--header-hei); padding-top: calc(var(--header-hei) * 2); } 
#eventSec .event3 .box-cont { position: relative; } 
#eventSec .event3 .box-cont .deco1 { margin-left: 26rem; margin-top: -28rem; } 
#eventSec .event3 .box-cont .deco2 { margin-left: -28rem; margin-top: 9rem; } 
#eventSec .event3 .box-cont .deco3 { top: auto; bottom: -13rem; right: -29rem; left: auto; width: 45.8rem; transform: rotate(-69deg); filter: blur(1rem); opacity: 0.6; } 
#eventSec .event3 .box-cont .ci { position: absolute; width: 31rem; height: 31rem; border-radius: 100%; background-color: var(--color-point); opacity: .09; } 
#eventSec .event3 .box-cont .ci1 { top: var(--header-hei); width: 70rem; height: 70rem; border-radius: 100%; background-color: var(--color-point); opacity: .09; } 
#eventSec .event3 .box-cont .ci2 { right: calc(var(--inner-cont-pd)* -3); top: -10rem; } 
#eventSec .event3 .box-cont .ci3 { bottom: 0; right: 21rem; } 
#eventSec .event.on { opacity: 1; } 

.img-ani4 { animation: img-ani4 3s ease-out infinite alternate; } 
.img-ani5 { animation: img-ani5 2s ease-out infinite alternate; } 
.img-ani6 { animation: img-ani6 3s ease-out infinite alternate; } 

@media all and (max-width:1600px) { 
 #eventSec .event .box-txt { width: 60rem } 
 #eventSec .event .box-cont { width: calc(100% - 60rem); } 
 #eventSec .event .box-cont .item img { width: 20.4rem; height: 20.4rem; } 
 #eventSec .event .box-cont .grid { grid-gap: 3rem; } 
 } 
 @media all and (max-width:1440px) { 
 #eventSec .event .box-txt { width: 50rem; } 
 #eventSec .event .box-cont { width: calc(100% - 50rem); } 
 #eventSec .event .box-cont .item img { width: 15.4rem; height: 15.4rem; } 
 } 
@media all and (max-width:1280px) { 
 #eventSec .event .box-txt .tit { font-size: 7.3rem; } 
 #eventSec .event .box-txt .tit-m { font-size: 3.3rem; } 
 #eventSec .event .box-txt p { font-size: 1.6rem; } 
 #eventSec .event .box-txt { width: 31rem; } 
 #eventSec .event .box-txt { margin-bottom: 8.3rem; } 
 #eventSec .event2 .box-txt .tit span, #eventSec .event3 .box-txt .tit span { padding-bottom: 1.4rem; font-size: 3.3rem; } 
 #eventSec .event .box-cont { justify-content: center; gap: 2rem; width: calc(100% - 30rem); } 
 #eventSec .event .box-cont .grid { grid-gap: 2rem; } 
 #eventSec .event .box-cont .item img { width: 11.4rem; height: 11.4rem; } 
 #eventSec .event .box-cont .deco { width: 27rem; } 
 #eventSec .event3 .box-cont .deco1 { width: 9rem; transform: translate(-17rem, 10rem); } 
 #eventSec .event3 .box-cont .deco2 { width: 12rem; transform: translate(7rem, -10rem); } 
 #eventSec .event3 .box-cont .deco3 { bottom: -11rem; right: -22rem; width: 35.8rem; } 
 #eventSec .event3 .box-cont .ci { width: 16rem; height: 16rem; } 
 #eventSec .event3 .box-cont .ci1 { width: 40rem; height: 40rem; } 
 #eventSec .event3 .box-cont .ci2 { top: -4rem; } 
 #eventSec .event3 .box-cont .ci3 { bottom: 4rem; right: 11rem; } 

 } 
@media all and (max-width:1024px) { 
 #eventSec .event { flex-direction: column; justify-content: space-between; align-items: flex-start; padding: calc(var(--inner-cont-pd)* 2) var(--inner-cont-pd); } 
 #eventSec .event .box-cont { flex-direction: column; width: 100%; } 
 #eventSec .event .box-cont .grid { display: flex; width: max-content; } 
 #eventSec .event .box-cont .item div { animation: leWave 30s infinite linear; } 
 #eventSec .event .box-cont .item2 div { animation: riWave 30s infinite linear; } 
 #eventSec .event .box-cont .item img { border-radius: 1rem; } 
 #eventSec { height: auto; } 
 #eventSec .event { position: relative; width: 100%; height: auto; opacity: 1; } 
 #eventSec .event2 {padding-bottom: 0;}
 #eventSec .event2 .box-cont {padding-top: 0; padding-bottom: 0;}
 #eventSec .event3 .box-cont { height: 34rem; } 
 } 
@media all and (max-width:900px) { 
 #eventSec .event .box-cont .grid { grid-gap: 1rem; } 
 } 
@media all and (max-width:768px) { 
 
 } 
@media all and (max-width:600px) { 
 
 } 


/*컨택*/
#contactSec { height: 100vh; padding-top: 0; z-index: 2; } 
#contactSec .contact { height: 100vh; padding-top: calc(var(--header-hei) * 1.5); } 
#contactSec .tit-wr { position: relative; color: var(--color-txt); font-size: 5rem; text-align: center; z-index: 2; } 
#contactSec .tit-wr .tit { line-height: 1.3; font-weight: 800; } 
#contactSec .img { position: sticky; left: 50%; bottom: -33rem; filter: drop-shadow(4rem 4.4rem 2.4rem rgba(208, 203, 190, 0.60)); transform: translateX(calc(-50% + 3rem)); } 
#contactSec .btn-st { display: inline-flex; justify-content: space-between; align-items: center; width: 20rem; height: 6.4rem; padding: 0 2rem 0 2.5rem; border-radius: 1.5rem; margin-top: 2.7rem; background-color: var(--color-txt); color: #fff; font-size: 1.8rem; } 
#contactSec .item-ani { grid-gap: 5rem; position: absolute; left: 0; bottom: 8rem; width: 100%; overflow: hidden; } 
#contactSec .item-ani .item { display: inline-flex; animation: leWave 400s linear infinite normal none running } 
#contactSec .item-ani .item img { width: auto; max-width: none; margin-right: 3rem; } 
#contactSec .item-ani .item:nth-child(2) { animation: riWave 400s linear infinite } 
#contactSec.fix .img { position: fixed; } 
#contactSec.stic .img { position: sticky; } 

@media all and (max-width:1600px) { 
 
 } 
@media all and (max-width:1280px) { 
 #contactSec .img { bottom: -25rem; width: 45rem; transform: translateX(calc(-50% + 2rem)); } 
 #contactSec .tit-wr .tit { font-weight: 900; font-size: 3.3rem; } 
 #contactSec .btn-st { width: 17rem; height: 5.4rem; margin-top: 1.7rem; font-size: 1.6rem; } 
 #contactSec .item-ani { grid-gap: 2rem; } 
 #contactSec .item-ani .item img { width: 129rem; } 
 } 
@media all and (max-width:1024px) { 
 #contactSec { height: auto; } 
 #contactSec .contact { height: 60rem; padding-top: var(--header-hei); } 
 #contactSec .img { bottom: -1rem; } 
 } 
@media all and (max-width:900px) { 
 
 } 
@media all and (max-width:768px) { 
 #contactSec { height: 53rem; } 
 #contactSec .contact { height: auto; } 
 #contactSec .img { position: relative !important; } 
 } 
@media all and (max-width:600px) { 

 } 











/**/