@charset "utf-8";
html, body{ min-height: 100%;  color: #fff; background: none; }
html{ background-color: #040000;}


/* =========================
	서브컨텐츠
========================= */
#subcon{ min-height: 500px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#subcon .width{ padding:40px 20px 80px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 1440px; margin: 0 auto; background-image: url(../images/eventbg.png);background-repeat: no-repeat;background-position: 200px 0%;background-size: 335px;}

.tit_wrap{ margin: 25px 0 30px 20px; text-align:center;}
.subt{ margin-bottom: 5px; text-align: right; }
.va_m{ vertical-align: middle; }

.word{ margin-bottom: 10px; }
.word:last-child{ margin-bottom: 0; }
.word .font01{ font-weight: 700; font-size: 18px; }
.word .font01 span{ font-size: 20px; }
.word .font02{  }
	
.disinb_pc{ display: inline-block; vertical-align: top; padding-right: 1rem; margin-bottom: 30px; }
.disinb_pc:last-child{ padding-right: 0; }

.web_br {display:block;}
.mob_br {display:none;}

/* =========================
	테이블
========================= */
.enforule table{ width: 100%; color: #010101; font-size: 16px; letter-spacing: -1px; }
.enforule table .time{ text-align: center; }
.enforule table tbody th,
.enforule table tbody td{ background: #fff; border-right: 5px solid #203466; border-bottom: 5px solid #203466; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5; }
.enforule table tbody th{ color: #960f72; }
.enforule table tbody td:last-child{ border-right: none; }
@media (max-width:767px) {
	.distc_pc.mt{ padding-top: 10px; }
	.distc_pc.mb{ padding-bottom: 30px; }
	.enforule table tbody td{ padding: 20px 5px; }
	
}
@media (min-width:768px) {
	.dist{ display: table; width: 100%; }
	.distc_pc{ display: table-cell; vertical-align: top; }
	.distc_pc.va_m{ vertical-align: middle; }
	.enforule table .btntc{ width: 150px; }
	.enforule table .distc_pc{ padding-right: 3rem; }
	.enforule table .distc_pc:last-child{ padding-right: 0; }
	.enforule table tbody td{ padding: 20px; }
}
@media (min-width:1024px) {
	
	.str{ position: relative; }
	.str .btpo{ position: absolute; right: 0; bottom: 0; }
	.nomr{ padding-right: 0 !important;}
	
}


/* =========================
	event02
========================= */
.subtl{ margin-bottom: 10px; font-size: 20px; }
.table_css{ width: 100%; color: #010101; font-size: 16px; letter-spacing: -1px; background: #fff; }
@media (max-width:767px) {
	.table_css .num{ color:#203466; font-weight: 500; margin-bottom: 10px; text-align: center;  font-size: 20px; }
	.table_css .dis_t_pc{ padding: 10px 5px; }
	.table_css .tablecon .dis_t_pc{ border: 1px solid #203466; padding: 10px; margin-bottom: 10px; }
	.table_css .tit{ border-bottom: 1px solid #203466; padding-bottom: 5px; margin-bottom: 5px; font-weight: 500; }
	.table_css .btn_s{ margin-top: 10px; }
}
@media (min-width:768px) {
	.table_css .tablecon .dis_tc_pc,
	.table_css .num{ padding: 15px 10px; }
	.table_css .dis_tc_pc{ vertical-align: middle; }
	.table_css .dis_tc_pc{ border-right: 2px solid #203466; border-bottom: 2px solid #203466; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5; }
	.table_css .dis_tc_pc:last-child{ border-right: none; }
	.table_css .dis_t_pc:last-child > .dis_tc_pc{ border-bottom: none; }
	.table_css .tac{ text-align: center; }
	.table_css .num{ width: 5%; }
	.table_css .div02{ width: 15%; }
	.table_css .div03{ width: 20%; }
	.table_css .div04{ width: 10%; }

	.dis_t_pc{ display: table; width: 100%; }
	.dis_tc_pc{ display: table-cell; }
}

.event02 table{ width: 100%; color: #010101; font-size: 16px; letter-spacing: -1px; margin-bottom: 50px; }
.event02 table .time{ text-align: center; }
.event02 table th,
.event02 table td{ background: #fff; border-right: 1px solid #203466; border-bottom: 1px solid #203466; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5; padding: 10px 5px; }
.event02 table .num,
.event02 table thead th{ background: #27b07c; color: #fff; }
@media (max-width:767px) {
	.event02 table .tit p{ display: block; text-overflow:ellipsis;overflow: hidden; white-space: nowrap; width: 130px; }
}


.event03 .eventslider{ width: 100%; overflow: hidden; }
.event03 .eventslider img{ display: block; width: 100%; }
.event03 .mb{ margin-bottom: 30px; }
.event03 .eventslider{ width: 80%;  max-width: 600px; overflow: hidden; margin: 0 auto; }
@media (max-width:1299px) {
	#subcon .width{background:none;}
	.eventsliderdot{ display: none; }
	.web_br {display:none;}
	.mob_br {display:block;}
}
@media (min-width:1300px) {
	.event03 .w50{ width: 50%; overflow: hidden; }
	.event03 .tdiv{ display: table; width: 100%; table-layout: fixed; }
	.event03 .tcdiv{ display: table-cell; vertical-align: top; }
}

.swiper-slide {display:flex; justify-content:center; align-items:center;height:792px !important;padding-bottom:46px;}
.slide-caption {position: absolute;width: calc(100% - 40px);left:0px;bottom: 0px;background:#000;padding: 15px 20px;}


/* controls */
.swiper-button-prev{ color: #fff !important;  }
.swiper-button-next{ color: #fff !important; }
.swiper-button-prev:after{ display: none !important; }
.swiper-button-next:after{ display: none !important; }

.eventsliderdot{margin-top: 30px;margin-left:20px;}
.eventsliderdot .eventsliderdot-title {display: inline-block;margin-bottom: 10px; font-size: 14px;font-weight:bold;}
.eventsliderdot .eventsliderdot-title:after{display: inline-block; content: "|"; margin:0 10px; }
.eventsliderdot .swiper-pagination-bullet{ display: inline-block; background: none; width: inherit; height: inherit; margin-bottom: 10px; font-size: 14px;}
.eventsliderdot .swiper-pagination-bullet:after{ display: inline-block; content: "/"; margin: 0 10px; }
.eventsliderdot .swiper-pagination-bullet:last-child:after{ display: none; }
.eventsliderdot .swiper-pagination-bullet.last:after{ display:none;}

.audio-box {margin-left: 70px;height:50px;}
.audio-box audio {height:45px;}

.pager_br {}

@media (max-width:1299px) {
	.swiper-slide {height:848px !important;}
	.swiper-button-next, .swiper-button-prev {top:55% !important;}
	.audio-box {margin-left:0px;margin-bottom:10px;text-align:center;}
}

@media (max-width:800px) {
	#subcon .width {padding-top:120px;}
	.tit_wrap {width:85%;}
	.tit_wrap img {width:100%;}
	.swiper-slide {height:100% !important;}
	.slide-caption {width:calc(100% - 24px);padding:10px 12px;font-size: 13px;bottom:0px !important;}
}

@media (max-width:380px) {
	.swiper-slide {height:385px !important;}
}