@charset "utf-8";
/* font */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src:
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Regular.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src:
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Medium.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src:
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src:
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Bold.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/pretendard/Pretendard-Bold.woff') format('woff');
}

/* Description: 브라우저 초기화/공통요소*/

/* RESET */
html,body{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div{margin:0;padding:0;font-weight:400;}
img,fieldset{border:0}
button{background:none;border:0;cursor:pointer;}
ul,ol{list-style:none}
input,select{vertical-align:middle;background:#fff;}
em,address,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0px;empty-cells:show;table-layout:fixed}
legend,caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{text-decoration:none;color:#000;}
a:hover,a:focus{text-decoration:none;}
input,button,select{border-radius:0;}
body{position:relative;font-family:'Pretendard',Arial,sans-serif;font-size:16px;color:#000;font-weight:400;}
.blind{position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}
.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:0px; text-align:center; white-space:nowrap; overflow:hidden;}
.hide {z-index:-1; position:absolute; top:-9999px; left:-9999px; width:0; height:0; font:0/0 arial; overflow:hidden;}

:root{
	/* font 컬러 변수 */
	--font-color000:#000;
	--font-color001:#332B24;
	--font-color002:#66514B;
	--font-color003:#CDC0BC;
	--font-color004:#AE8E82;

	/* ui 컬러 변수 */
	--ui-color000:#fff;
	--ui-color001:#E2DBD3;
	--ui-color002:#f4f4f5;
	--ui-color003:#ECE7DF;
	--ui-color004:#000;
	--ui-color005:rgba(0,0,0,.8);
	--ui-color006:#332B24;
	--ui-color007:#66514B;
}
/* 공통 */
.fp-watermark{display:none;}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:88px;display:flex;align-items:center;background:transparent;}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:0 30px;gap:16px;box-sizing:border-box;}
.header .logo{width:360px;height:27px;min-width:200px;}
.header .logo a{display:block;width:100%;height:100%;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/logo_img01.svg') no-repeat center center / contain;}
.header .gnb ul{display:flex;align-items:center;justify-content:center;gap:18px;}
.header .gnb a{display:block;position:relative;font-size:18px;font-weight:200;color:var(--font-color002);text-align:center;}
.header .gnb .active a{font-weight:400;}
.header .gnb .active a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--ui-color007);}



/* 메인 페이지 : page-main */
.page-main .container{display:flex;width:100%;min-height:0;position:relative;box-sizing:border-box;}
.page-main .content{position:relative;width:50vw;flex-shrink:0;height:100%;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/bg_img01.png') no-repeat top 0px center / cover;box-sizing:border-box;}
#fullpage{height:100%;}
.fp-overflow{width:100%;}

.nav-panel{position:relative;width:50vw;height:100vh;flex-shrink:0;min-height:0;padding:24px;background:var(--ui-color002);overflow: hidden;box-sizing:border-box;}
.nav-panel .nav-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/visual_img01.png') no-repeat top 0px center / cover;}
/* .nav-panel .nav-bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none;} */
.nav-panel .np-menu{position:absolute;top:50%;right:20px;z-index:1;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;text-align:center;}
.nav-panel .np-menu li{position:relative;}
.nav-panel .np-menu li:after{content:'';display:block;width:11px;height:11px;margin:10px auto 0; background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/ico_bling01.svg') no-repeat center;}
.nav-panel .np-menu li:last-child:after{display:none;}
.nav-panel .np-menu li a{font-size:14px;color:var(--font-color003);font-weight:400;transition:.2s;}
.nav-panel .np-menu li a.active,
.page-main.is-footer .np-menu li:nth-child(3) a{font-weight:500;color:var(--font-color004);}

.section{padding:65px;padding-top:80px;min-height:0;}
.sec-1 .sec-w{max-width:364px;font-family:'Gowun Dodum',Arial,sans-serif;overflow:hidden;padding-left:35px;}
.sec-1 .about-tit{font-size:46px;font-weight:400;line-height:1.2;display:inline-flex;gap:4px;align-items:end;color:var(--font-color001);margin-bottom:24px;}
.sec-1 .about-tit .txt01{font-size:18px;}
.sec-1 .about-info{margin-bottom:24px;}
.sec-1 .about-info dt{padding:5px 0;display:flex;gap:2px;margin-bottom:10px;}
.sec-1 .about-info dt:before{content:'';display:block;width:11px;height:11px;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/ico_bling02.svg') no-repeat center;flex-shrink:0;}
.sec-1 .about-info .tit01{font-size:16px;line-height:1;font-weight:400;color:var(--font-color001);}
.sec-1 .about-info dd{margin-bottom:24px;padding-top:10px;border-top:1px solid var(--ui-color006);}
.sec-1 .about-info dd:last-of-type{margin-bottom:0;}
.sec-1 .txt01{display:block;font-size:16px;line-height:1.4;font-weight:400;color:var(--font-color001);}
.sec-1 .about-info .list01{display:flex;flex-direction:column;gap:2px;}

.sec-2{display:flex;align-items:center;}
.sec-2 .sec-w{display:flex;flex-direction:column;gap:30px;width:100%;height:100%;max-height:100%;min-height:0;justify-content:center;}
.sec-2 .sec-w .item-w{position:relative;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;}
.sec-2 .sec-w .img-con{position:relative;width:100%;aspect-ratio: 73/41;min-height:0;margin:0 auto;border-radius:12px;overflow:hidden;}
.sec-2 .sec-w .img-con .img{position:absolute;width:100%;height:100%;object-fit:cover;}
.sec-2 .sec-w .item-w .txt-con{padding:0 15px;margin-top:10px;overflow:hidden;}
.sec-2 .sec-w .item-w .txt-con .tit01{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:400;color:var(--font-color002);}

.sec-3{display:flex;align-items:center;min-height:0;}
.sec-3 .sec-w{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-content:center;width:100%;height:100%;max-height:100%;min-height:0;margin:0 auto;}
.sec-3 .sec-w .img-con{position:relative;flex:0 1 auto;width:calc(50% - 15px);aspect-ratio:16/9;min-height:0;overflow:hidden;border-radius:12px;}
.sec-3 .sec-w .img-con .img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

.sec-footer{padding:0;}
.footer{width:100%;padding:30px 0;background-color:var(--ui-color001);}
.footer .img-con{width:158px;height:40px;margin:0 auto;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/logo_img02.svg') no-repeat center;}

.popup-w{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:70px;background:var(--ui-color005);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;box-sizing:border-box;}
.popup-w.active{opacity:1;visibility:visible;}
.popup-w:focus{outline:none;}
.popup-inner{position:relative;width:100%;max-width:820px;max-height:calc(100vh - 40px);box-sizing:border-box;}
.popup-w .close-btn{position:absolute;top:-66px;right:0;z-index:1;width:36px;height:36px;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/ico_close01.svg') no-repeat center;}
.popup-w .img-con{position:relative;width:100%;max-height:calc(100vh - 40px);overflow:hidden;background:var(--ui-color004);}
.popup-w .img-con .img{position:static;display:block;width:100%;height:auto;max-height:calc(100vh - 40px);object-fit:contain;}
@media (max-width: 1024px) {
	.popup-w{padding:40px;}
    .popup-inner{max-width:372px;}
}

/* 서브 페이지 : page-sub */
.page-sub{min-width:1230px}
.page-sub .header{position:absolute;}
.page-sub .container{width:100%;height:100%;min-height:calc(100vh - 100px);background-color:var(--ui-color003);padding-top:88px;box-sizing:border-box;}
.page-sub .content{width:100%;padding:120px 0;box-sizing:border-box;}
.page-sub .con-tit{text-align:center;margin-bottom:60px;}
.page-sub .con-tit .txt01{font-size:46px;font-weight:400;color:var(--font-color001);}
.page-sub .con-w{width:1230px;min-height:700px;background-color:var(--ui-color000);border-radius:20px;padding:30px;margin:0 auto;box-sizing:border-box;}

.contact-w{margin-top:150px;text-align:center;color:var(--font-color001);}
.contact-w .txt01{display:block;font-size:18px;font-weight:400;}
.contact-w .img-con{display:inline-flex;align-items:center;justify-content:center;margin:45px auto 30px;padding:15px;background-color:var(--ui-color000);border-radius:12px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.contact-w .txt02{display:flex;align-items:center;justify-content:center;gap:5px;font-size:18px;}
.contact-w .txt02:before{content:'';display:block;width:24px;height:24px;background:url('https://image.sbs.co.kr/event/wickedworld_fanpage_pc/img/ico_mail01.svg') no-repeat center;flex-shrink:0;}