@charset "UTF-8";
  @import url('https://fonts.googleapis.com/css2?family=Maven+Pro&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*기본세팅*/
html{}
.size { width: 100%; max-width: 1170px; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.clear:after { clear: both; content: ''; display: block; }
.tb { display: table; width: 100%; height: 100%; }
.tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.img img { max-width: 100%; display:inline}
.pic { background-size: contain; background-repeat: no-repeat; background-position: center center; }
.pic img { max-width: 100%; opacity: 0; visibility: hidden; }
em.mbr { display: block; }
.swiper-wrapper { display: -webkit-box; }
.mt20{margin-top:20px;}

.sub_visual {  width: 100%;  height: 29rem;  margin-top: 4.375rem;  background: url('/assets/images/board/board_back_1.png') ;background-repeat:no-repeat;  background-size: cover;  background-position: center center;}
.sub_visual h1.pc {  color: #fff;  font-size: 3.43rem;  margin-bottom: 1rem;  text-align: center;  vertical-align: middle; }
.sub_visual h1.mo {  color: #fff;  font-size: 3.43rem;  margin-bottom: 1rem;  text-align: center;  vertical-align: middle; }
.sub_visual h2 {  font-size: 1.125rem;  color: #fff;  text-align: center;  vertical-align: middle;}

.t_bl{color:#3860d2}
#event_idx{}
#event_idx .w_wrap{padding:100px 0;}
#event_idx .title{border-bottom:2px solid #0f499e;padding:30px 0; text-align:center;}
#event_idx .title b{display:block;font-size:36px;line-height:1.2}
#event_idx .title span{display:block;color:#858585;font-size:17px; margin-top:10px;line-height:1}

#event_idx .cnts{text-align:center;border-bottom:1px solid #b4b4b4;padding-bottom:30px;}

#event_idx .cnts .b_title{padding:50px 0;}
#event_idx .cnts .b_title b{font-size:50px; line-height:250%; font-weight:700;display:block;}
#event_idx .cnts .b_title span.txt{font-size:24px;display:block;word-break:keep-all; color:#000; line-height:180%;}
#event_idx .cnts .b_txt{padding: 50px 0 10px 0;}
#event_idx .cnts .b_txt .bl_span{color:#3860d2; font-size:18px}
#event_idx .cnts .b_txt .h_sp{padding:20px 0}
#event_idx .cnts .b_txt .h_sp font {color:#3860d2; }
#event_idx .cnts .b_txt .bg_p{font-size:36px;font-weight:600; margin-top:0}
#event_idx .cnts .b_txt p{font-size:28px; line-height:1.6;margin-top:30px}
#event_idx .cnts .b_txt span{font-size:24px;font-weight:400;display:block; margin-top:40px; line-height:1.8;}
#event_idx .cnts .m_txt{padding:30px 0;}
#event_idx .cnts .m_txt span{color:#3860d2; font-size:28px; line-height:1.8;display:block;position:Relative;font-weight:600}
/* #event_idx .cnts .m_txt span::before{width:25px; top:-14px; background:#3860d2; height:2px; left:50%; margin-left:-12.5px; content:''; position:absolute} */
#event_idx .cnts .m_txt b{font-size:32px; font-weight:500; line-height:1.4;display:block;margin-top:20px}
#event_idx .cnts .m_txt p{ font-size:18px; line-height:1.8;font-weight:400;margin-top:20px;word-break: keep-all;}
#event_idx .cnts .m_txt em{font-style:normal;font-weight:600}
#event_idx .cnts .m_txt ul {width:100%; margin:0; padding:20px 0 0 0;}
#event_idx .cnts .m_txt ul.w740 {width:720px !important; margin:0 auto;}
#event_idx .cnts .m_txt ul.w440 {width:440px !important; margin:0 auto;}
#event_idx .cnts .m_txt ul li {text-align:center; font-size:20px; padding:0 0 15px 0; vertical-align:middle;}
#event_idx .cnts .m_txt ul li font {color:#3860d2; }
#event_idx .cnts .m_txt ul li.aleft {text-align:left;}
#event_idx .cnts .m_txt ul li a {display:inline-block; padding:2px 15px; background-color:#3860d2; color:#fff; border-radius:3px;}


#event_idx .cnts .sub_txt {width:100%; padding:20px 0;}
#event_idx .cnts .sub_txt span {display:block; line-height:180%;}
#event_idx .cnts .sub_txt span.subtxtbig {font-size:26px; color:#000; line-height:180%;}
#event_idx .cnts .sub_txt span.subtxt {font-size:26px; color:#000; line-height:400%;}
#event_idx .cnts .sub_txt span.substring {font-size:18px; color:#3962cd;}
#event_idx .cnts .sub_txt span.submin {font-size:14px; color:#3962cd; line-height:400%;}
#event_idx .cnts .img{margin:30px 0;font-size:0}

.pc { display:block !important;}
.mo { display:none !important;}

/* 반응형 */


.gotoBtn {width:60%; margin:20px auto 0 auto; padding:10px; text-align:center; border-radius:40px; background-color:#3962cd; color:#fff;}

#event_idx .ytb { position: relative;  width: 100%; height: 0; padding-bottom: 56.25%;}
#event_idx .ytb iframe {   position: absolute; top: 0; left: 0;   width: 100%;    height: 100%;}

@media (max-width: 1100px) {
	#event_idx .w_wrap{padding:60px 0;}
	#event_idx .title b{font-size:32px}
	#event_idx .cnts .b_title{padding:10px 0}
	#event_idx .cnts .b_title b{font-size:44px}
	#event_idx .cnts .b_txt .bg_p{font-size:30px}
	#event_idx .cnts .b_txt p{font-size:24px}
	#event_idx .cnts .b_txt span{font-size:20px}
	#event_idx .cnts .m_txt{padding:40px 0}
	#event_idx .cnts .m_txt b{font-size:30px}
}
@media (max-width: 960px) {
	#event_idx .cnts .b_txt .bg_p{font-size:24px}
	#event_idx .cnts .b_txt p{font-size:20px}
	#event_idx .cnts .b_txt span{font-size:16px}
	#event_idx .cnts .b_txt .bl_span{font-size:15px;margin:0}
	#event_idx .cnts .m_txt b{font-size:24px}
	#event_idx .cnts .m_txt p{font-size:16px; }

}
@media (max-width: 640px) {
	#event_idx .title b{font-size:24px}
	#event_idx .title span{font-size:14px}
	#event_idx .cnts .b_title b{font-size:32px}
	#event_idx .cnts .b_title span{font-size:19px}
	#event_idx .cnts .b_txt .bg_p{font-size:20px}
	#event_idx .cnts .b_txt p{font-size:18px}
	#event_idx .cnts .b_txt span{font-size:16px}
	#event_idx .cnts .m_txt span{font-size:16px}
	#event_idx .cnts .m_txt b{font-size:20px}
	#event_idx .cnts .m_txt p {margin: 20px auto 0;    word-break: keep-all;}
	#event_idx .cnts .m_txt p br{display:none}
}

@media (max-width: 480px) {

	.pc { display:none !important;}
	.mo { display:block !important;}

	/* #event_idx .cnts .b_title span{font-size:16px} */
#event_idx .cnts .b_txt p{font-size:18px}


#event_idx .cnts .b_title{padding:30px 0;}
#event_idx .cnts .b_title b{font-size:22px; line-height:140%; }
#event_idx .cnts .b_title span.txt{font-size:16px;}
#event_idx .cnts .b_txt{padding: 20px 0 10px 0;}
#event_idx .cnts .b_txt .bg_p{font-size:30px}

#event_idx .cnts .m_txt{padding:10px 0;}
#event_idx .cnts .m_txt span{color:#3860d2; font-size:28px; line-height:1.8; display:block;position:Relative;font-weight:600}
/* #event_idx .cnts .m_txt span::before{width:25px; top:-14px; background:#3860d2; height:2px; left:50%; margin-left:-12.5px; content:''; position:absolute} */
#event_idx .cnts .m_txt b{font-size:32px; font-weight:500; line-height:1.4;display:block;margin-top:20px}
#event_idx .cnts .m_txt p{ font-size:18px; line-height:1.8;font-weight:400;margin-top:20px;word-break: keep-all;}
#event_idx .cnts .m_txt em{font-style:normal;font-weight:600}
#event_idx .cnts .m_txt ul {width:100%; margin:0; padding:20px 0 0 0;}
#event_idx .cnts .m_txt ul li {text-align:center; font-size:15px; padding:0 0 15px 0;}
#event_idx .cnts .sub_txt {width:100%; padding:20px 0;}

#event_idx .cnts .sub_txt span.subtxtbig {font-size:18px; color:#000; line-height:180%;}

}