/*reset*/
ul{list-style: none; padding: 0;margin: 0;}
.fff{color: #fff;}

.text-right{text-align: right;}
.block{display: block;}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
}

/********************************************************
* #visual
*********************************************************/	
.swiper-container {width: 100%; height: 480px; /* 원하는 높이 조절 가능 */ position: relative;}

/* 개별 슬라이드 */
.swiper-slide {width: 100% !important; height: 100%; background-size: cover; background-position: center;}
.swiper-container {height: 750px; /* 원하는 높이 조절 가능 */ overflow-x: hidden;}

.slideTxt{position: absolute; left: 50%; transform: translateX(-50%); top: 39%;}
.slideTxt>div{width: 100%;}
.slideTxt>div>img{width: 100%; height: 100%; object-fit: cover;}
/* 배경 이미지 설정 */
.bg1 { background: url("../img/main01.jpg")no-repeat center/cover; }
.bg2 { background: url("../img/main02.jpg")no-repeat center/cover; }

/* 네비게이션 버튼 스타일 */
.swiper-button-next, .swiper-button-prev {color: white; /* 화살표 색상 */}

/* 페이지네이션 스타일 */
.swiper-pagination {bottom: 10px;}




.spList{position: absolute; z-index: 111; bottom: 56px; background: #ffffffd9; border-radius: 20px; max-width: 44%; width: 100%; min-width: max-content; left: 50%; transform: translateX(-50%); padding: 7px 28px;}
.b46{bottom: 46px;}
.spList ul{display: flex; justify-content: center; gap:57px;}
.spList ul li{display: flex; align-items: center; gap:8px; justify-content: center;}
.spList ul li div{}
.spList ul li div img{width: 100%; height: 100%; object-fit: cover;}
.spList ul li span{font-weight: bold; word-break: keep-all;}
.gap50{gap:50px !important;}

.jus-left{justify-content: left !important;}


.secW{width: 1190px; margin: 0 auto; gap:30px;}
.secW h1{margin: 0; word-break: keep-all; position: relative; padding-left: 17px; font-size: 32px; text-align: center; font-weight: bolder;}
.secW h1::after{position: absolute; display: block; content: ''; width: 90px; height: 1px; background: #242859; border-radius: 50px; left: 32%; top: 24px;}
.secW h1::before{position: absolute; display: block; content: ''; width: 90px; height: 1px; background: #242859; border-radius: 50px; right: 31%; top: 24px;}
.secW h1.fff::after{background: #fff;}
.secW h1.fff::before{background: #fff;}
.secW h1 span{font-size: 1.06rem; color: #757575; display: block;}
.secW h1 span.fff{color: #9f9f9f;}
.dday-wrap { display:inline-flex; align-items:center; gap:.6rem; justify-content: center; padding: 20px 10px; width: 100%;}
.dday-seg { display:flex; flex-direction:column; align-items:center; min-width:132px; }
.dday-seg .num { font-size:3.25rem; font-weight:700; line-height:1; }
.dday-seg .lab { font-size:1.25rem; opacity:.7; letter-spacing:.04em; margin-top:.25rem; }
.sep { font-size:2rem; line-height:1; opacity:.5; }

.flex{display: flex;}
.sp-b{justify-content: space-between}
.al-center{align-items: center;}
.gap30{gap:30px;}
.p010{padding: 0 10px;}
.fs15{font-size: 15px !important;}
.fs14{font-size: 14px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs23{font-size: 23px !important;}
.w50{width: 50%;}


/*keynote*/
.keyList{display: flex; justify-content: space-between; gap:50px;}
.keyList li{width: 25%;}
.keyList>li>div{width: 100%;}
.keyList li>div>img{width: 100%; height: 100%; object-fit: cover;}
.txt-box{}
p.name{font-size: 18px; font-weight: 900;}
p.aff{}
p.title{font-size: 15px; line-height: 1.3;}
.bB1{border-bottom: 1px solid #ccc;}

.x-scroll{overflow-x: auto;}
.mob{display: none;}
.btn-Box{}
.btn01{background: #333; color:var(--bs-carousel-caption-color); padding: 7px; font-size: 14px; display: block; text-align: center; border-radius: 50px;}
.btn01:hover{background: var( --accent-color); color:var(--bs-carousel-caption-color);}



/*프로그램*/
.table_basic{width: 100%; border-collapse: separate; border-spacing: 5px;}
.table_basic td{padding: 13px 4px; line-height: 1.3; border-right: 1px solid #e7e7e7;  border-bottom: 1px solid #e7e7e7; font-weight: 400; font-size: 15px; letter-spacing: -1.1px;}
.table_basic td span{letter-spacing: -1.1px;}
.table_basic th{background: #5381b1; color: #fff; font-weight: 600; padding: 10px 3px; font-size: 15px; word-break: keep-all;}


.ul-basic{padding-left: 18px;}
.ul-basic li{padding: 2px 0; list-style-type: circle; line-height: 1.35;}


/*등록/행사안내*/
.h6Tit{font-size: 19px; background: #ebebeb; border-radius: 50px; padding: 7px 0;}
.regBg{background-image: url("../img/regBg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}

.mapBox{background: #ffffff45; padding: 15px; border-radius: 12px;}

.locationList{display: flex; flex-wrap: wrap; gap:0 18px;}
.locationList li{display: flex; gap:6px;     background: color-mix(in srgb, #040e49, transparent 70%); align-items: center; padding: 10px 20px; border-radius: 12px; width: 49%;}
.locationList li strong{}

.alink{}
.alink:hover{text-decoration: underline; color:aqua;}

.accBtn{display: block;
    background:#0ca1bb;
    align-items: center;
    border-radius: 12px;
    width: 100%; font-weight: bold; font-size: 19px; text-align: center; padding: 15px 0;}

.accBtn:hover{color: #fff; background: #024387;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.btn-mt35{margin-top: 35px;}
.btn-mt54{margin-top: 54px;}
.smallBtn{background: #fff; padding: 4px 6px; border-radius: 15px; font-size: 15px; font-weight: 900;}
.smallBtn:hover{background: #012954; color: #fff;}
.infoBox{background: color-mix(in srgb, #000a45, transparent 50%); border-radius: 30px; padding: 10px 30px;}




/*후원로고 슬라이드*/
.sponSlide{background: #eeeeee; width: 100%; padding: 30px 0;}
.sponsorSlider{width: 100%; margin: 0 auto; text-align: center;}
.sponsorSlider .slick-slide{display: flex !important; justify-content: center; align-items: center;}
.sponsorSlider a{display: block; text-align: center;}
.sponsorSlider .slick-slide img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.image-container {
  position: relative;
  width: 100%;
  height: auto;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}


.table-wrapper {width:auto;}
.table-wrapper img{width: auto;}

.blackBox{background: #0000007a; padding: 33px 20px; border-radius: 17px;}

.btn-outline-secondary {
    --bs-btn-color: #000000;
    --bs-btn-border-color: #024387;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #024387;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #024387;
    --bs-btn-active-border-color: #024387;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #024387;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000000;
    --bs-gradient: none;
}

@media (max-width: 1233px) {
	/*visual*/
	.swiper-container{height: 689px;}
	
	.secW{display: block; width: 100%; padding: 0 40px;}
	.m-b-mt10{margin-top: 10px;}
	.m-b-mt20{margin-top: 20px;}
	.m-b-mt30{margin-top: 30px;}
	.m-b-text-center{text-align: center;}
	.dday-seg{min-width: 85px;}
	.dday-seg .num{font-size: 2.25rem;}
	.dday-seg .lab{font-size: 1.0rem;}
	
	.spList{min-width: 95%;} .spList ul li div{width: 78%;}
	.spList ul li div.imgDiv{width: 20%;}
	
	.flex{display: block;}
	.r80{width: 100%;}
	.w50{width: 100%;}
	.secW h1{width: 100%;}
	
	.keyList{flex-wrap:wrap;}
	.keyList li{width: 49%;}
	
	.table_basic{width: 1200px;}
	.x-scroll{overflow-x: scroll; position: relative;}
	.swipe_ic{position: absolute; top: 23%; left: 50%; transform: translateX(-50%); width: 24vw; z-index: 1;}
	.mob{display: block;}
	.swipe_ic.mob.on{opacity: 0; transition: opacity 0.3s ease;}
	
	.locationList li{width: 100%;}
	.secW h1::after{left: 0; width: 35%;}
	.secW h1::before{right: 0; width: 35%;}
	.span79{width: 79%;}
	.span20{width: 20%;}
	
	.table-wrapper {width: 100%;}
.table-wrapper img{width: 100%;}
	
	.btn-mt35{margin-top: 0px;}
	.btn-mt54{margin-top: 0px;}
	
}

@media (max-width: 700px){
	.swiper-container{height: 550px;}
	.dday-seg .num{font-size: 2.05rem;}
	.dday-seg{min-width: 66px;}
	
	.slideTxt{width: 100%;}
	.fs23{font-size: 1rem !important;}
	.keyList li{width: 100%;}
	.secW h1::after{left: 0; width: 15%;}
	.secW h1::before{right: 0; width: 15%;}
	.disC{display: contents;}
	.span20{width: 23%;}
	.span3{width: 3%;}
}