@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

html, body { margin:0; padding:0; height:100%; background:#191919; color:#fff; }
body { font-family:'Noto Sans KR', sans-serif; }
p {margin:0;}

/* ==== PC 버전 스타일 ==== */
.pc {width:100%; height: auto; margin:0; padding: 0;}
.pc .timer { font-family: sans-serif; position:fixed; color:#db0d0d; top:6%; right:5%; font-size:30pt; z-index:10; }
.pc #vene01 { width:100%; aspect-ratio: 1.969231 / 1; position: relative; text-align: center; background: url('../img/en_vene01.jpg') no-repeat center center; background-size: cover;}
.pc .logo_container { padding-top: 70px; text-align: left; max-width: 1200px; margin: 0 auto; }
.pc .typing { margin-top: 340px; font-size: 26pt; line-height: 1.6; display: block;}
.pc .red { color: #ff2e2e; padding: 0 5px; }
.pc .typing b { color: #fff; font-weight: 800; display: inline; }
.pc .typing span { display: inline; }
.pc .mouse_position { position:absolute; bottom:15%; left:50%; z-index: 999; } /* 다른 투명한 박스에 가려지지 않게 z-index 추가 */
.pc .mouse_down { text-align:center; position:relative; bottom:0; animation: mouseBounce 1.5s infinite ease-in-out; cursor: pointer; }
.pc #vene02 { width:100%; aspect-ratio: 1.0823 / 1; position: relative; text-align: center; background: url('../img/en_vene02.jpg') no-repeat center center; background-size: cover;}
.pc .vene02_title_box {width:100%; height: auto; position: absolute; top:15%; left:0;}
.pc .vene02_title_box p {font-size: 36px; line-height: 1.6; text-align:center; font-weight: 300;}
.pc .vene02_title_box p span {font-weight: 700;}
.pc .vene02_bottom_box {width:100%; height: auto; position: absolute; bottom: 10%; left:0;}
.pc .vene02_bottom_box p {font-size: 24px; line-height: 1.6; text-align:center; font-weight: 300;}
.pc .vene02_bottom_box p span {font-weight: 700; background: linear-gradient(to top, rgba(139, 0, 0, 0.5) 50%, transparent 50%);}
.pc #vene03 { width:100%; aspect-ratio: 1.002088 / 1; position: relative; text-align: center; background: url('../img/en_vene03.jpg') no-repeat center center; background-size: cover;}
.pc .vene03_title_box {width:100%; height: auto; position: absolute; top:11%; left:0; color: black;}
.pc .vene03_title_box p {font-size: 36px; line-height: 1.6; text-align:center; font-weight: 300;}
.pc .vene03_title_box p span {font-weight: 700;}
.pc #vene04 { width:100%; aspect-ratio: 1.307012 / 1; position: relative; text-align: center; background: url('../img/en_vene04.jpg') no-repeat center center; background-size: cover;}
.pc .vene04_title_box {width:100%; height: auto; position: absolute; top:8%; left:0; }
.pc .vene04_title_box p {font-size: 36px; line-height: 1.6; text-align:center; font-weight: 300;}
.pc .vene04_title_box p span {font-weight: 700;}
.pc .vene04_cont_box1{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 31%; left: 21.7%; padding: 1%; text-align: end;}
.pc .vene04_cont_box2{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 31%; left: 60.14%; padding: 1%; text-align: start;}
.pc .vene04_cont_box3{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 52.05%; left: 18.85%; padding: 1%; text-align: end;}
.pc .vene04_cont_box4{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 52.05%; left: 63.39%; padding: 1%; text-align: start;}
.pc .vene04_cont_box5{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 73%; left: 21.7%; padding: 1%; text-align: end;}
.pc .vene04_cont_box6{width: 15.85%; aspect-ratio: 1.815 / 1; position: absolute; top: 73%; left: 60.14%; padding: 1%; text-align: start;}
.pc .vene04_cont p {font-size: 17px; line-height: 1.6; font-weight: 300;}
.pc .vene04_cont span {font-size: 22px; line-height: 1.6; font-weight: 700;}
.pc #vene05 { width:100%; aspect-ratio: 1.470138 / 1; position: relative; text-align: center; background: url('../img/en_vene05.jpg') no-repeat center center; background-size: cover;}
.pc .vene05_title_box {width:100%; height: auto; position: absolute; top:21.5%; left:0; color: black;}
.pc .vene05_title_box p {font-size: 36px; line-height: 1.6; text-align:center; font-weight: 300;}
.pc .vene05_title_box p span {font-weight: 700;}
.pc #vene06 { width:100%; aspect-ratio: 1.959184 / 1; position: relative; text-align: center; background: url('../img/en_vene06.jpg') no-repeat center center; background-size: cover;}
.pc #vene06 .text { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pc .typing2 { font-size: 26pt; line-height: 1.6; color: #fff; font-weight: 300;}
.pc .typing2 b { font-weight: 800; }
.font, .font2 { display: none !important; visibility: hidden; position: absolute; }
.mo { display: none; }

@media screen and (max-width: 768px) {
    .pc {display:none;}
    .mo {display:block;}
    .mo .logo_container {background: #191919; padding: 5% 5%; width: 100%; box-sizing: border-box; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 100; }
    .mo .logo_container > .logo { width:140px; height:27px; background-image:url('../img/venereal/blue_logo.png'); background-repeat:no-repeat; background-size:140px 27px; float:left; }
    .mo .timer { font-family: sans-serif; color: #db0d0d; font-size: 16pt; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); font-weight: bold; }

    .mo #vene01 { width:100%; aspect-ratio: 0.888889 / 1; position: relative; text-align: center; background: url('../img/m_en_vene01.jpg') no-repeat center center; background-size: cover; margin-top: 15%;}    
    .mo #vene01 .text { position: absolute; top: 30%; left: 0; width: 100%; text-align: center; }
    .mo .typing { font-size: 14pt; line-height: 1.5; display: block;}
    .mo .typing b { color: #fff; font-weight: 800; }
    .mo .red { color: #ff2e2e; padding: 0 3px; }

    .mo #vene02 { width:100%; aspect-ratio: 0.364631 / 1; position: relative; text-align: center; background: url('../img/m_en_vene02.jpg') no-repeat center center; background-size: cover;}
	.mo .vene02_title_box {width:100%; height: auto; position: absolute; top:13%; left:0;}
	.mo .vene02_title_box p {font-size: 1.3rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene02_title_box p span {font-weight: 700;}
	.mo .vene02_bottom_box {width:100%; height: auto; position: absolute; bottom: 7%; left:0;}
	.mo .vene02_bottom_box p {font-size: 1.3rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene02_bottom_box p span {font-weight: 700; background: linear-gradient(to top, rgba(139, 0, 0, 0.5) 50%, transparent 50%);}

    .mo #vene03 { width:100%; aspect-ratio: 0.379327 / 1; position: relative; text-align: center; background: url('../img/m_en_vene03.jpg') no-repeat center center; background-size: cover;}
	.mo .vene03_title_box {width:100%; height: auto; position: absolute; top:8%; left:0; color: black;}
	.mo .vene03_title_box p {font-size: 1.3rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene03_title_box p span {font-weight: 700;}
    .mo #vene04 { width:100%; aspect-ratio: 0.543848 / 1; position: relative; text-align: center; background: url('../img/m_en_vene04.jpg') no-repeat center center; background-size: cover;}
	.mo .vene04_title_box {width:100%; height: auto; position: absolute; top:8.5%; left:0; }
	.mo .vene04_title_box p {font-size: 1.3rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box p span {font-weight: 700;}
	.mo .vene04_title_box .venu04_subtitle{font-size: 1rem; margin-top:10px;}
	.mo .vene04_cont_box1{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 31.8%; left: 2%; padding: 1%; text-align: end;}
	.mo .vene04_cont_box2{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 31.8%; right: 2%; padding: 1%; text-align: start;}
	.mo .vene04_cont_box3{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 52.7%; left: 2%; padding: 1%; text-align: end;}
	.mo .vene04_cont_box4{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 52.7%; right: 2%; padding: 1%; text-align: start;}
	.mo .vene04_cont_box5{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 73.5%; left: 2%; padding: 1%; text-align: end;}
	.mo .vene04_cont_box6{width: 38%; aspect-ratio: 1.26 / 1; position: absolute; top: 73.5%; right: 2%; padding: 1%; text-align: start;}
	.mo .vene04_cont p {font-size: 0.82rem; line-height: 1.35; font-weight: 300; letter-spacing: -0.3px;}
	.mo .vene04_cont span {font-size: 1.2rem; line-height: 1.3; font-weight: 700;}


    .mo #vene05 { width:100%; aspect-ratio: 0.613027 / 1; position: relative; text-align: center; background: url('../img/m_en_vene05.jpg') no-repeat center center; background-size: cover;}
	.mo .vene05_title_box {width:100%; height: auto; position: absolute; top:7%; left:0; color: black;}
	.mo .vene05_title_box p {font-size: 1.3rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene05_title_box p span {font-weight: 700;}
	.mo .vene05_title_box .venu05_subtitle{font-size: 1rem; margin-top:10px;}
	.mo #vene06 { width:100%; aspect-ratio: 1.142857 / 1; position: relative; text-align: center; background: url('../img/m_en_vene06.jpg') no-repeat center center; background-size: cover;}
    .mo #vene06 .text { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    .mo .typing2 { font-size: 15pt; line-height: 1.5; color: #fff; font-weight: 300;}
    .mo .typing2 b { font-weight: 800; }
}

@media screen and (max-width: 415px) and (min-height: 850px) {
	.mo .vene02_title_box p {font-size: 1.2rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene02_bottom_box p {font-size: 1.2rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene03_title_box p {font-size: 1.2rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box p {font-size: 1.2rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box .venu04_subtitle{font-size: 0.9rem;}
	.mo .vene04_cont p {font-size: 0.73rem; line-height: 1.35; font-weight: 300; letter-spacing: -0.3px;}
	.mo .vene04_cont span {font-size: 1.2rem; line-height: 1.3; font-weight: 700;}
	.mo .vene05_title_box .venu05_subtitle{font-size: 0.9rem; margin-top:10px;}
}

@media screen and (max-width: 400px) {
	.mo .vene02_title_box p {font-size: 1.2rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene02_bottom_box p {font-size: 1.2rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene03_title_box p {font-size: 1.2rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box p {font-size: 1.2rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box .venu04_subtitle{font-size: 0.9rem;}
	.mo .vene04_cont p {font-size: 0.73rem; line-height: 1.35; font-weight: 300; letter-spacing: -0.3px;}
	.mo .vene04_cont span {font-size: 1.2rem; line-height: 1.3; font-weight: 700;}
	.mo .vene05_title_box .venu05_subtitle{font-size: 0.9rem; margin-top:10px;}
}

@media screen and (max-width: 380px) {
	.mo .vene02_title_box p {font-size: 1.1rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene02_bottom_box p {font-size: 1.1rem; line-height: 1.6; text-align:center; font-weight: 300;}
	.mo .vene03_title_box p {font-size: 1.1rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box p {font-size: 1.1rem; line-height: 1.2; text-align:center; font-weight: 300;}
	.mo .vene04_title_box .venu04_subtitle{font-size: 0.8rem;}
	.mo .vene04_cont p {font-size: 0.7rem; line-height: 1.35; font-weight: 300; letter-spacing: -0.3px;}
	.mo .vene04_cont span {font-size: 1.1rem; line-height: 1.3; font-weight: 700;}
	.mo .vene05_title_box .venu05_subtitle{font-size: 0.8rem; margin-top:10px;}
}

@keyframes mouseBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px); /* 아래로 15px 이동 */
    }
}