/* 공통 */
.creator_wrap .inner { width: 100%; max-width: 1467px; margin: 0 auto; }
.creator_wrap .creator_box { padding-top: 80px; padding-bottom: 80px; }
.creator_wrap .tit { position: relative; text-align: center; }
.creator_wrap .tit h2 { margin-bottom: 40px; line-height: 125%; font-size: 3rem; color: #161616; letter-spacing: -0.02rem; font-weight: 700; }
.creator_wrap .tit.info h2 { margin-bottom: 16px; }
.creator_wrap .tit.info p { margin-bottom: 40px; font-size: 1.375rem; font-weight: 600; color: #6e6e6e; }
.creator_wrap .tit .criteria { position: absolute; right: 0; bottom: 0; font-size: 1rem; color: #8d8d8d; }
.creator_wrap .grid3 { display: flex; align-items: center; gap: 16px 24px; }
.creator_wrap .grid3>li { position: relative; width: calc(100%/3); background: #f8f8f8; border-radius: 20px; }
.creator_wrap .grid3>li .thumb { padding: 18px;  }
.creator_wrap .grid3>li .disc { padding: 30px; background: #fff; border-radius: 0 0 20px 20px; }
.creator_wrap .grid3>li .disc strong { font-size: 2rem; color: #161616; }
.creator_wrap .grid3>li .disc div { margin-top: 12px; line-height: 130%; font-size: 1rem; color: #6e6e6e; word-break: keep-all; }
.creator_wrap .subtit { padding: 10px 20px; font-size: 1.375rem; color: #fff; background: #161616; border-radius: 50px; white-space: nowrap; }
.creator_wrap .mobile { display: none; }


/* 비쥬얼 영역 */
.creator_wrap .creator_visual { display: flex; align-items: center; padding: 48px 0 40px; overflow: hidden; background: #161616; }
.creator_wrap .creator_visual .visual_tit { flex: 1; }
.creator_wrap .creator_visual .visual_tit div { margin-bottom: 1.5rem; line-height: 120%; font-size: 3.938rem; color: #fff; font-weight: 700; }
.creator_wrap .creator_visual .visual_tit a { display: inline-block; padding: 16.5px 29px; font-size: 1.125rem; font-weight: 700; background: #fff; border-radius: 100px; }
.creator_wrap .creator_visual .visual_con { width: 52.76%; margin-right: 5.7%; font-size: 30px; color: #fff; }
.creator_wrap .creator_visual .visual_con ul { display: flex; justify-content: flex-end; gap: 0 20px; }
.creator_wrap .creator_visual .visual_con ul li div img { width: 100%; }
.creator_wrap .creator_visual .visual_con .vimg1 { width: 83.8%; margin-left: -15px; }
.creator_wrap .creator_visual .visual_con .vimg2 { width: 113.9%; margin-left: -12%; margin-top: 24px; }


/* 이렇게 함께하고 있어요 */
.creator_together .grid3>li { padding: 40px 0; text-align: center; }
.creator_together .grid3>li div { margin-bottom: 8px; font-size: 1.375rem; font-weight: 700; }
.creator_together .grid3>li strong { font-size: 2.5rem; }


/* 3 STEPS */
.creator_step .tit.info p { margin-bottom: 72px; }
.creator_step .grid3 { text-align: center; }
.creator_step .grid3>li { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.creator_step .grid3>li .subtit { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); }


/* 나만의 콘텐츠 */
.creator_mycon { overflow: hidden; }
.creator_mycon .tag_list { display: flex; flex: 1 1 auto; flex-wrap: nowrap; gap: 16px 12px; min-width: 0; width: 100%; }
.creator_mycon .tag_list li { padding: 1.125rem 1.5rem; font-size: 1.75rem; color: #fff; white-space: nowrap; background: #161616; border-radius: 48px; }
.creator_mycon .tag_list.left { margin-bottom: 12px; animation: moveLeft 60s linear infinite; }
.creator_mycon .tag_list.right { width: 100%; margin-left: -178%; animation: moveRight 60s linear infinite; }

@keyframes moveLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}

@keyframes moveRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(100%); }
}


/* 창작자 스토리 */
.creator_story .grid3 { align-items: flex-start; }
.creator_story .grid3>li { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.creator_story .grid3>li .thumb { display: flex; align-items: center; gap: 0 16px; }
.creator_story .grid3>li .thumb .profile { flex: none; width: 72px; height: 72px; border-radius: 50px; }
.creator_story .grid3>li .thumb .profile_info strong { font-size: 1.125rem; }
.creator_story .grid3>li .thumb .profile_info ul { display: flex; align-items: center; gap: 0 8px; margin-top: 8px; }
.creator_story .grid3>li .thumb .profile_info ul li { padding: 5.5px 10px; font-size: 0.875rem; font-weight: 600; color: #161616; background: #e9e9e9; border-radius: 50px; white-space: nowrap; }
.creator_story .grid3>li:nth-child(1) .thumb .profile { background: url('../img/creator_profile1.png') no-repeat 50% 50%; background-size: cover; }
.creator_story .grid3>li:nth-child(2) .thumb .profile { background: url('../img/creator_profile2.png') no-repeat 50% 50%; background-size: cover; }
.creator_story .grid3>li:nth-child(3) .thumb .profile { background: url('../img/creator_profile3.png') no-repeat 50% 50%; background-size: cover; }
.creator_story .grid3>li .disc div { min-height: 63px; }


/* 특별한 굿즈 */
.creator_special ul { display: flex; align-items: center; gap: 0 25px; }
.creator_special ul li { position: relative; width: calc(100%/3); padding-top: 24%; text-align: center; background: transparent; border-radius: 200px; background-size: cover; }
.creator_special ul li img { width: 100%; }
.creator_special ul li .subtit { position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); background-size: cover; }
.creator_special ul li:nth-child(1) { background: url('../img/creator_special1.png') no-repeat 50% 50%; background-size: cover;  }
.creator_special ul li:nth-child(2) { background: url('../img/creator_special2.png') no-repeat 50% 50%; background-size: cover; }
.creator_special ul li:nth-child(3) { background: url('../img/creator_special3.png') no-repeat 50% 50%; background-size: cover; }


/* 자주 묻는 질문 */
.creator_faq .accordion_box { width: 100%; max-width: 1496px; overflow: hidden; background: #f8f8f8; border-radius: 20px; }
.creator_faq .accordion_box + .accordion_box { margin-top: 20px; }
.creator_faq .accordion_box .ac_tit { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 2.625rem 2.5rem; cursor: pointer; }
.creator_faq .accordion_box .ac_tit .arrow { width: 40px; height: 40px; background: url('../img/ico_faq_arrow.svg') no-repeat; background-size: 40px; transition: transform .3s ease; }
.creator_faq .accordion_box .ac_tit h3, .accordion_box .ac_con p { margin: 0; line-height: 1; }
.creator_faq .accordion_box .ac_tit h3 { position: relative; padding-left: 34px; line-height: 120%; font-size: 1.75rem; font-weight: 700; color: #161616;; }
.creator_faq .accordion_box .ac_tit h3::before { content: 'Q.'; position: absolute; left: 0; top: 0; }
.creator_faq .accordion_box .ac_con { padding: 0 2.5rem; max-height: 0; overflow: hidden; will-change: max-height; transition: all 0.25s ease-out; opacity: 0; }
.creator_faq .accordion_box .ac_con p { margin: 0; padding-bottom: 2.5rem; line-height: 150%; font-size: 1rem; color: #6e6e6e; }
.creator_faq .accordion_box.ac_active .arrow { transform: rotate(180deg); }
.creator_faq .accordion_box.ac_active .ac_con { margin-top: -20px; padding: 0 2.5rem; opacity: 1; }


/* 브랜드 굿즈샵 */
.creator_open { position: relative; width: 100%; max-width: 1800px; margin: 40px auto 60px;  text-align: center; }
.creator_open .txt { padding: 80px 0; color: #fff; background: url('../img/bg_goods_open.png') no-repeat 50% 50%; background-size: cover; border-radius: 20px; }
.creator_open .txt p { margin-bottom: 20px; line-height: 125%; font-size: 3rem; }
.creator_open .txt a { display: inline-block; padding: 16.5px 32px; font-size: 1.125rem; color: #161616; background: #fff; border-radius: 100px; }
.creator_open.inner { position: relative; max-width: 1800px; }


/* 굿즈샵 열기 */
.creator_bottom { position: fixed; left: 0; bottom: 0; transition: .35s; transform: translateY(100%); width: 100%; padding-top: 35.5px; padding-bottom: 35.5px; background: #fff; border-radius: 20px 20px 0px 0px; box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15); z-index: 100;}
.creator_bottom.fixed { transform: translateY(0); }
.creator_bottom .inner { display: flex; justify-content: space-between; align-items: center; }
.creator_bottom .event_info { display: flex; align-items: center; gap: 0 12px; }
.creator_bottom .event_info span { padding: 5.5px 10px; font-size: 0.875rem; color: #F3522F; background: #FFE3DD; border-radius: 8px; }
.creator_bottom .event_info div { font-size: 1.375rem; font-weight: 700; }
.creator_bottom .event_link { padding: 16.5px 40px; font-size: 1.125rem; color: #fff; background: #161616; border-radius: 100px; }






@media screen and (max-width : 1860px) {

	.creator_open { padding-left: 60px; padding-right: 60px; }

}


@media screen and (max-width : 1587px) {

	.creator_wrap .inner { padding-left: 60px; padding-right: 60px; }

	/* 창작자 스토리 */
	.creator_story .grid3>li .disc div { min-height: 84px; }	
	.creator_story .grid3>li .disc strong br { display: none; }
}


@media screen and (max-width : 1264px) {

	.creator_wrap .creator_visual .visual_con { width: 56%; padding-right: 0; }
	.creator_wrap .creator_visual .visual_tit div { font-size: 2.875rem; }

	/* 3 STEPS */
	.creator_step .grid3>li .disc div { min-height: 63px; }

	/* 나만의 콘텐츠 */
	.creator_mycon .tag_list li { font-size: 1.375rem; }

	/* 창작자 스토리 */
	.creator_story .grid3>li .disc strong { display: block; min-height: 144px; }
	.creator_story .grid3>li .disc div { min-height: 104px; }

}



@media screen and (max-width : 960px) {

	.creator_wrap .inner { padding-left: 16px; padding-right: 16px; }

	.creator_wrap .creator_box { padding-top: 40px; padding-bottom: 40px; }
	.creator_wrap .tit h2 { margin-bottom: 32px; font-size: 1.375rem; font-weight: 700; }
	.creator_wrap .tit.info h2 { margin-bottom: 8px; }
	.creator_wrap .tit.info p { margin-bottom: 32px; font-size: 0.875rem; }
	.creator_wrap .tit .criteria { bottom: -13px; font-size: 0.688rem;  }

	.creator_wrap .grid3 { flex-direction: column; }
	.creator_wrap .grid3>li { width: 100%; }	
	.creator_wrap .grid3>li .disc { padding: 20px 30px; }
	.creator_wrap .grid3>li .disc strong { font-size: 1.375rem; }
	.creator_wrap .grid3>li .disc div { min-height: auto; font-size: 0.875rem; }
	.creator_wrap .subtit { padding: 8px 16px; font-size: 1rem; }
	
	.creator_wrap .pc { display: none; }
	.creator_wrap .mobile { display: block; }


	/* 비쥬얼 영역 */
	.creator_wrap .creator_visual { flex-direction: column-reverse; padding: 40px 0 36px; text-align: center; }	
	.creator_wrap .creator_visual .visual_tit div { margin-bottom: 20px; font-size: 2rem; }
	.creator_wrap .creator_visual .visual_tit a { padding: 13.5px 15px; font-size: 1rem; }
	.creator_wrap .creator_visual .visual_con { width: 100%; margin-top: 34px; }
	.creator_wrap .creator_visual .visual_con ul { gap: 0 12px; }
	.creator_wrap .creator_visual .visual_con .vimg1 { width: 100.8%; margin-left: -10%; }
	.creator_wrap .creator_visual .visual_con .vimg2 { width: 134.8%; margin-left: 10%; }

	/* 이렇게 함께하고 있어요 */
	.creator_together .grid3>li { padding: 20px; }
	.creator_together .grid3>li div { font-size: 1rem; font-weight: 700; }
	.creator_together .grid3>li strong { font-size: 2rem; }	
	
	/* 3 STEPS */
	.creator_step .tit.info p { margin-bottom: 52px; }
	.creator_step .grid3 { gap: 44px 0; }
	.creator_step .grid3>li .subtit { top: -26px; font-weight: 700; }
	.creator_step .grid3>li .thumb img { width: 200px; display: inline; }

	/* 나만의 콘텐츠 */
	.creator_mycon .tag_list li { padding: 12px 20px; font-size: 1.125rem; }
	.creator_mycon .tag_list.left { animation: moveLeft 40s linear infinite; }
	.creator_mycon .tag_list.right { margin-bottom: 12px; animation: moveRight 40s linear infinite; }
	.creator_mycon .tag_list.tag1 { margin-left: 12px; }
	.creator_mycon .tag_list.tag2 { margin-left: -110%; }

	/* 창작자 스토리 */
	.creator_story .grid3>li .disc strong,
	.creator_story .grid3>li .disc div { min-height: auto; }

	/* 특별한 굿즈 */
	.creator_special ul { gap: 0 8px; }
	.creator_special ul li { padding-top: 45.4%; }
	.creator_special ul li .subtit { bottom: -15px; padding: 4px 10px; line-height: 155%; font-size: 0.688rem; font-weight: 700; }
	
	/* 자주 묻는 질문 */
	.creator_faq .accordion_box .ac_tit { padding: 24px 20px; }
	.creator_faq .accordion_box .ac_tit h3 { padding-left: 20px; font-size: 1rem; }
	.creator_faq .accordion_box .ac_tit .arrow { width: 20px; height: 20px; background-size: 20px; }
	.creator_faq .accordion_box.ac_active .ac_con { padding: 0 20px;  }
	.creator_faq .accordion_box.ac_active .ac_con { margin-top: -12px; }
	.creator_faq .accordion_box .ac_con p { font-size: 0.75rem; }

	/* 브랜드 굿즈샵 */
	.creator_open { margin: 20px auto 40px; padding-left: 16px; padding-right: 16px; }
	.creator_open .txt { padding: 45px 0; }
	.creator_open .txt p { margin-bottom: 12px; font-size: 1.375rem; font-weight: 700 }
	.creator_open .txt a { padding: 9.5px 14.5px; font-size: 0.875rem; font-weight: 700; }
	.creator_bottom { padding: 20px 0; transform: translateY(0); }
	.creator_bottom .inner { padding: 0 16px; }
	.creator_bottom .event_info { display: none; }
	.creator_bottom .event_link { width: 100%; text-align: center; border-radius: 4px; font-size: 1rem; font-weight: 700; }
	
}

@media screen and (max-width : 640px) {
	
	.creator_mycon .tag_list.left { animation: moveLeft 30s linear infinite; }
	.creator_mycon .tag_list.right { animation: moveRight 30s linear infinite; }
	
}


@media screen and (max-width : 340px) {

	.creator_wrap .grid3>li .thumb { padding: 14px; }
	.creator_wrap .grid3>li .disc { padding: 14px; }
	.creator_wrap .grid3>li .disc strong { font-size: 1.125rem; }

	/* 나만의 콘텐츠 */	
	.creator_mycon .tag_list li { font-size: 0.875rem; }
	
	/* 창작자 스토리 */
	.creator_story .grid3>li .thumb .profile { width: 50px; height: 50px; }

	/* 자주 묻는 질문 */
	.creator_faq .accordion_box .ac_tit h3 { font-size: 0.875rem; }
 
}