@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); 

.evt_wp *{font-family: 'Pretendard', 'Malgun Gothic', sans-serif; line-height: 1;}
.evt_wp strong, 
.evt_wp b{font-weight: 900;}
.evt_wp i{font-style: normal;}
.conbox,
.inner{position: relative; width: 1200px; margin: 0 auto;}

/* visual */
.visual_wp{background: #185448 url('https://cdn.kystudy.co.kr/User/Content/images/event/2025/SWSeminar_0618/images/visual_bg.png') no-repeat center 0; background-size: cover; text-align: center; height: 850px;}
.visual_wp .megagroup { position: absolute; top: 100px; left: 50%; margin-left: -140px; animation:line 0.5s 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; overflow:hidden;}

@keyframes line {
	0% {
		width:0;
	}
	100% {
		width:280px;
	}
	}

.visual_wp .top_tx01 {position: absolute; top: 212px; left: 50%; margin-left: -114px; animation: fadeIn_up .6s 0.8s both;}
.visual_wp .top_tx02 { position: absolute; top: 224px; left: 50%; margin-left: -485px; animation: fadeIn_up .6s 1s both;}
@keyframes fadeIn_up {
	0% {
		opacity:0;
		transform: translateY(20%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
.visual_wp .top_tx03 {position: absolute; top: 492px; left: 50%; margin-left: -315px; animation: fadeIn_up .6s 1.4s both;}
.visual_wp .notice { position: absolute; top: 590px; left: 50%; margin-left: -350px;animation: fadeIn_up .6s 1.6s both;}
.visual_wp .visual_new { position: absolute; top:800px; left: 190px; animation: fadeIn_up 0.6s 2s both, blink 1s 2.4s infinite;}

.btn {background: #1d1d1d; color: #fff; border-radius: 10px; text-align: center; padding: 28px 150px; font-size: 36px; width: fit-content; margin: 60px auto 0; font-weight: 700; display: block;}
.btn:hover{cursor: pointer; background: #000; color: #fff;}

.btn_wp{overflow: hidden; width: fit-content; margin: 0 auto;}
.btn_wp li{display: inline-block; margin-left: 10px;}
.btn_wp li:first-child{margin-left: 0;}
.btn_wp a { color: #fff;font-size: 36px; }

* [class^="bg_"] {position: relative; padding: 100px 0;}
.bg_01{background: #fff;}
.bg_02{background: #dbfeed;}
.stn05 {background: #130e08 url('https://cdn.kystudy.co.kr/User/Content/images/event/2025/SWSeminar_0618/images/con03.png') no-repeat center 0; background-size: cover; }
.evt_wp .dungdung{animation: dungdung 1s both infinite alternate;}

.blink{animation: blink 1s infinite;}
@keyframes blink{0%{opacity:1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes dungdung {0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}

/* Initial state: Hidden by default (or whatever your site's default is) */
.bg_01 .flobn {
    display: none; /* Hide it initially */
    position: absolute; /* Default if not fixed */
    bottom: 200px;
    right: 250px;
    /* You might want to add a transition for smoother appearance/disappearance */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* When it should be visible and fixed */
.bg_01 .flobn.is-fixed {
    display: block; /* Make it visible */
    position: fixed;
    bottom: 200px;
    right: 250px;
    z-index: 1000; /* Ensure it stays on top */
    opacity: 1; /* For transition effect */
    visibility: visible; /* For transition effect */
}

/* When it should be hidden (e.g., in stn00) */
.bg_01 .flobn.is-hidden {
    display: none; /* Make it invisible */
    opacity: 0; /* For transition effect */
    visibility: hidden; /* For transition effect */
}

/* 고정 TAB */
.bg-tab { background: #cccccc; height: 80px;}
.bg-tab .tab_wp { width: 100%; }
.bg-tab .tab_wp.fix { background: #cccccc; position: fixed; top: 0; z-index: 100; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);}
.bg-tab .tab_wp .conts_tab { width: 1100px; margin: 0 auto; overflow: hidden; text-align: center; display: flex; box-sizing: border-box; }
.bg-tab .tab_wp .conts_tab li { position: relative; width: calc(1200px / 3); height: 80px;}
.bg-tab .tab_wp .conts_tab li:not(:nth-child(1))::before { content: ""; width: 2px; height: 26px; background: #c2c2c2; display: block; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); }
.bg-tab .tab_wp .conts_tab li.on a { background: #00bb6e; color: #fff; }
.bg-tab .tab_wp .conts_tab a { width: 100%; background: #cccccc; color: #000; cursor: pointer; display: inline-block; font-size: 26px; font-weight: 600; text-align: center; line-height: 80px; }