body {color: #212121 }
.top { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; background: #000 url('//img.cbsmnc.co.kr/forum/2025/bg1.jpg') no-repeat center -138px; line-height:1.5; }
.info1_b {width:100%; height: calc(100vh - 138px); padding-bottom:80px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-family:koreanynmyt; font-size:18px; }
.info1_b p {visibility:hidden}
.info1_b p > em{display:block; font-size:50px; line-height:1; }
.info1_b strong{display:block; line-height:1.4; font-size:90px;}
.info1_b small{ display:inline-block; margin-bottom:50px; padding:0 100px; font-size:48px; position:relative;}

.info2_b { width:100%; position:relative; }
.info2_b .box { width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:60px 0; color:#fff; text-align:center;font-size:24px;}
.info2_b:before { content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%;background:rgba(0,0,0,0.5) }
.info2_b h2 { font-family:koreanynmyt; font-size:48px; position:relative; font-weight:700; line-height:1.2; }
.info2_b h2 small { display:block;width:100%; height:70px; margin-bottom:10px; overflow:hidden; text-indent:-1000px; color:transparent; background: url('//img.cbsmnc.co.kr/forum/2025/cbsmnc_forum.png') no-repeat center; background-size:auto 100%;}
.info2_b p { position:relative; top:30px; padding:10px 0; max-width:800px; width:100%; margin:0 auto; word-break:keep-all; font-weight:400; line-height:1.6; letter-spacing:-0.5px;}
.info2_b p span { display: block; }
.info2_b h2.c_mov { transition-duration:1s; transition-delay: 0.5s; }
.info2_b p.c_mov:nth-of-type(1) {top:0; transition-duration:1s; transition-delay:0.9s; }
.info2_b p.c_mov:nth-of-type(2) {top:0; transition-duration:1s; transition-delay: 1.3s; }

.container h2 { width: 100%; margin-bottom: 30px; text-align: center; font-size: 48px; font-family: gmarketsans; font-weight: 700; position:relative; top:-45px; opacity:0; transition:all 0.4s 0.5s ease; }
.container .c_mov h2 { top:0; opacity:1;}
.container .con_b { padding:100px 0; }
.speaker_b { background: url('//img.cbsmnc.co.kr/forum/2025/bg2.jpg') repeat-y center; }
.speaker_b .speaker_swiper {padding-top:10px; top:40px;opacity:0;transition:all 0.6s 1s ease-out; }
.speaker_b.c_mov .speaker_swiper {top:0; opacity:1;}
.speaker_b .swiper-slide a {max-width:205px; }
.speaker_b .swiper-slide a .img{width:100%; height:0; margin-bottom:20px; padding-top:122%; position:relative;transform:scale(1); transition:all 0.2s ease-out; background:#ddd;}
.speaker_b .swiper-slide a .img img{width:100%; min-height:100%; height:auto; position:absolute; top:0; left:50%; transform:translateX(-50%) }
.speaker_b .swiper-slide a:hover .img{transform:scale(1.06)}
.speaker_b .swiper-slide a .txt strong{display:block; margin-bottom:5px; font-size:24px;}
.speaker_b .swiper-slide a .txt small{font-size:18px;}
.session_b { background: url('//img.cbsmnc.co.kr/forum/2025/bg3.jpg') no-repeat center; background-size:auto 100%;}
.session_b h2{ color:#fff; }
.session_b ul{ max-width:830px; width:100%; margin:0 auto;}
.c_mov.session_b ul li { padding:30px 40px; margin-bottom: 20px; font-size: 24px; background: #fff;position: relative;top:30px;opacity:0;animation-name: slidein; animation-fill-mode: forwards; animation-duration: 0.6s; }
.c_mov.session_b ul li:nth-of-type(1) { animation-delay:1s; }
.c_mov.session_b ul li:nth-of-type(2) { animation-delay:1.2s; }
.c_mov.session_b ul li:nth-of-type(3) { animation-delay:1.4s; }
.session_b ul li strong { color:#0045c0; font-weight:700; }
.session_b ul li:last-child { margin-bottom:0; }

.blast { will-change: opacity, filter; }
@keyframes fadein {
	0% { opacity: 0; }
	100% {opacity: 1; }
}
@keyframes slidein {
	0% { top: 30px; opacity: 0; }
	100% { top: 0; opacity: 1; }
}
@media all and (max-width:1000px) {
	.info1_b p > em{font-size:5vw; }
	.info1_b strong{font-size:9vw;}
	.info1_b small{ margin-bottom:6%; padding:0 14%; font-size:3vw; }
	.info1_b small:before, 
	.info1_b small:after{ width:12%;}
	.info2_b .box { padding:50px 0; }
}

@media all and (max-width:800px) {
	.info2_b .box { padding: 7% 20px; font-size: 2.8vw; }
	.info2_b h2 { font-size: 6vw; }
}

@media all and (max-width:720px) {
	.top { background-position: center -93px; background-size:1100px auto;}
	.info1_b {height: calc(100vh - 75px); }
	.container h2 { margin-bottom: 20px; font-size: 38px; }
	.container .con_b { padding: 10% 0; }
	.c_mov.session_b ul li { padding: 6%; }
	.info2_b h2 small { height:50px; }
}

@media all and (max-width:640px) {
	.top { background-size: 1100px 100%; }
	.info1_b { font-size: 16px; }
	.info1_b p > em{font-size:30px;  }
	.info1_b strong{ margin:20px 0; font-size:50px; line-height:1.1;}
	.info1_b strong > span{display:block;}
	.info1_b strong span.blast{display:inline;}
	.info1_b small{ margin-bottom:30px; padding:0; font-size:20px; }
	.info1_b small:before,
	.info1_b small:after{ display:none;}
	.info2_b .box { padding: 12% 0; font-size: 18px; }
	.info2_b h2 { margin-bottom:10px; font-size: 34px; }
	.info2_b p span{ display:inline;}
	.container h2 { font-size: 34px; }
	.speaker_b .swiper-slide a .img { margin-bottom:15px; }
	.speaker_b .swiper-slide a .txt strong {font-size: 20px; }
	.speaker_b .swiper-slide a .txt small { font-size: 16px; }
	.c_mov.session_b ul li { font-size: 20px; }

}
@media all and (max-width:540px) {

}

@media all and (max-width:450px) {


}
@media all and (max-width:380px) {
	.info2_b { font-size: 17px; }
	.info2_b h2 { font-size: 28px; }


}