/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 공통영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 레이아웃 공통 */
.sec-main {position: relative; width: 100%;}
.sec-main .inner {display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: var(--max-width);}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 상단 키비주얼 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.keyvisual-wrap {position: relative; width: 100%; height: 85rem; overflow: hidden;}
.keyvisual-wrap .visual-img {position: absolute; left: 50%; transform: translateX(-50%);}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 연사 소개 리스트 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-speakers {width: 100%; padding: 10rem 0; background: #270270;}
.speakers-wrap {position: relative; width: 100%; padding-bottom: 8rem;}

.title-common {width: 100%; text-align: center;}
.tittxt h2 {font-size: 3.8rem; color: #fff; font-weight: 700; letter-spacing: -0.020rem; margin: 0.5rem 0 1.8rem;}
.tittxt p {font-size: 1.6rem; color: rgba(255,255,255,0.5); font-weight: 400; letter-spacing: -0.020rem; word-break: keep-all;}

/* 연사 리스트 슬라이드 영역 */
.speakers-slide {width: 100%; margin-top: 6rem;}
.speakers-list {position: relative; width: 100%;}
.speakers-list .slideitem {width: 100%; height: auto; transition: var(--transition1);}
.speakers-list .slideitem .item-img {width: 100%; height: 100%; border-radius: 100%; overflow: hidden;}
.speakers-list .slideitem .item-img img {width: 100%; height: 100%; transform: scale(1); transition: 0.4s;}

.speakers-list .slideitem .item-info {width: 100%; text-align: center; margin-top: 2rem;}
.speakers-list .slideitem .item-info .program-tit {display: flex; justify-content: center; width: 100%; font-size: 1.55rem; color: rgba(255,255,255,0.5); font-weight: 500; letter-spacing: -0.020rem; text-align: center; padding: 0.6rem 0; background: rgba(255,255,255,0.2); border-radius: 0.6rem;}
.speakers-list .slideitem .item-info .name {font-size: 2.2rem; color: #fff; font-weight: 700; letter-spacing: -0.020rem; margin-top: 1.5rem;}
.speakers-list .slideitem .item-info .name span {font-size: 1.6rem; color: rgba(255,255,255,0.5); font-weight: 500;}
.speakers-list .slideitem .item-info .affilia {width: 100%; margin-top: 1rem;}
.speakers-list .slideitem .item-info .affilia p {font-size: 1.5rem; color: rgba(255,255,255,0.5); font-weight: 500; letter-spacing: -0.020rem; line-height: 1.3;}

.morebtn {display: flex; justify-content: center; }
.morebtn a {display: inline-flex; align-items: center; flex-wrap: wrap; width: auto; height: 5rem; color: #fff; letter-spacing: -0.020rem; padding: 0 3rem; border: 1px solid #c2c2c2; border-radius: 5.8rem;}
.morebtn a span {font-size: 1.6rem; font-weight: 600; line-height: 1;}
.morebtn a i {font-size: 1.65rem; font-weight: 500; margin-left: 1.6rem;}

/* 메인 컨텐츠 - 연사 리스트 슬라이드 영역 - 마우스롤오버 효과 영역 */
.speakers-list .slideitem:hover .item-img img {transform: scale(1.1);}
.speakers-list .slideitem:hover {}

/* 메인 컨텐츠 - 연사 리스트 슬라이드 영역 - 슬라이드 이전/다음 버튼 스타일 적용 */
#speakersNavigation {width: 100%;}
#speakersNavigation .speakersPrevBtn {position: absolute; bottom: 0; left: 50%; margin-left: -6rem; display: inline-flex; width: 4.8rem; height: 4.8rem; z-index: 2;}
#speakersNavigation .speakersPrevBtn a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; transition: var(--transition1);}
#speakersNavigation .speakersPrevBtn a i {font-size: 2.6rem; color: rgba(255,255,255,0.5);}
#speakersNavigation .speakersPrevBtn a:hover {background-color: #1a014b; border: 1px solid rgba(255,255,255,0.4);}
#speakersNavigation .speakersPrevBtn a:hover i {color: rgba(255,255,255,0.8);}
#speakersNavigation .speakersNextBtn {position: absolute; bottom: 0; right: 50%; margin-right: -6rem; display: inline-flex; width: 4.8rem; height: 4.8rem; z-index: 2;}
#speakersNavigation .speakersNextBtn a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; transition: var(--transition1);}
#speakersNavigation .speakersNextBtn a i {font-size: 2.6rem; color: rgba(255,255,255,0.5);}
#speakersNavigation .speakersNextBtn a:hover {background-color: #1a014b; border: 1px solid rgba(255,255,255,0.4);}
#speakersNavigation .speakersNextBtn a:hover i {color: rgba(255,255,255,0.8);}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* 메인 컨텐츠 - 상단 키비주얼 영역 - PC용 숨김 처리 */
.keyvisual-wrap {height: auto;}
.keyvisual-wrap .PC {display: none;}
.keyvisual-wrap .visual-img {position: static; left: initial; transform: translateX(0);}
.keyvisual-wrap .visual-img img {width: 100%; object-fit: cover;}

/* 메인 컨텐츠 - 연사 소개 리스트 영역 */
.main-speakers {padding: 8rem 0;}
.speakers-wrap {padding: 0 4rem 8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* 메인 컨텐츠 - 상단 키비주얼 영역 - PC용 숨김 처리 */
.keyvisual-wrap {height: auto;}
.keyvisual-wrap .PC {display: none;}
.keyvisual-wrap .visual-img {position: static; left: initial; transform: translateX(0);}
.keyvisual-wrap .visual-img img {width: 100%; object-fit: cover;}

/* 메인 컨텐츠 - 연사 소개 리스트 영역 */
.main-speakers {padding: 8rem 0;}
.speakers-wrap {padding: 0 2rem 8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* 메인 컨텐츠 - 연사 소개 리스트 영역 */
.speakers-wrap {padding: 0 3rem 8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* 메인 컨텐츠 - 연사 소개 리스트 영역 */
.speakers-wrap {padding: 0 3rem 8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* 메인 컨텐츠 - 상단 키비주얼 영역 - 모바일용 숨김 처리 */
.keyvisual-wrap .Mobile {display: none;}

}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

/* 메인 컨텐츠 - 상단 키비주얼 영역 - 모바일용 숨김 처리 */
.keyvisual-wrap .Mobile {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

/* 메인 컨텐츠 - 상단 키비주얼 영역 - 모바일용 숨김 처리 */
.keyvisual-wrap .Mobile {display: none;}

}