@charset "utf-8";

/* 메인전용컨텐츠 */
.MainContents_Area{}
.Bottom_Area .Add   

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
section.MainSection01{}
.MainSection01 .Inner{width:100%;}
	/* 기본 */
	.MainSection01 .MultiSlider{width:100%; min-width:100%; height:;}
	.MainSection01 .MultiSlider .Slide{position:relative; display:block; width:100%; background:#f8f8f8;}
	.MainSection01 .MultiSlider .Slide a{position:relative; display:table; margin:0 auto;}
	.MainSection01 .MultiSlider .ThumbBox{position:relative; display:block; z-index:1;}
	.MainSection01 .MultiSlider .ThumbBox span{position:relative; display:block; height:100%;}
	.MainSection01 .MultiSlider .ThumbBox span img{position:relative; display:block; height:100%;}
	
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox *{opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0); -webkit-transition:all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox span{-webkit-transition-delay:0.2s !important; transition-delay:0.2s !important;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox p{-webkit-transition-delay:0.4s !important; transition-delay:0.4s !important;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox em{-webkit-transition-delay:0.6s !important; transition-delay:0.6s !important;}
	
	/* 슬라이드 화살표 */
	.MainSection01 .SlderArrow{position:absolute; z-index:2; width:100vw; left:50%; margin-left:-50vw; margin-top:-28px; top:50%; text-align:left;}
	.MainSection01 .swiper-button-prev01,
	.MainSection01 .swiper-button-next01{position:absolute; display:inline-block; cursor:pointer; background:none; font-size:45pt; color:#fff; opacity:1; line-height:1; background:none; padding:0; text-align:left;}
	.MainSection01 .swiper-button-prev01:after,
	.MainSection01 .swiper-button-next01:after{display:none;}
	.MainSection01 .swiper-button-prev01:hover,
	.MainSection01 .swiper-button-next01:hover{transition-duration:300ms; opacity:.7;}
	.MainSection01 .swiper-button-prev01{left:3%;}
	.MainSection01 .swiper-button-next01{right:3%;}
	
	/* 슬라이드 버튼 */
	.MainSection01 .MultiSlider .SliderBtn01{position:absolute; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center;}
	.MainSection01 .MultiSlider .SliderBtn01 .swiper-pagination-bullet{background-color:#fff; opacity:.2;}
	.MainSection01 .MultiSlider .SliderBtn01 .swiper-pagination-bullet-active{opacity:1;}



/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 숫자카운트업(실시간이벤트신청자목록과) */
.MainSection02{position:relative; z-index:1; margin-top:-4.5em; background:none; display:none;}
section.MainSection02{}
.MainSection02 .Inner{width:100% !important; background:none;}
	/* 숫자카운트업(https://gist.github.com/noahub/822c6fe369a4bce6cb03667a04a46812) */
	.MainSection_CountUp{}
	.MainSection_CountUp.CountUpArea{overflow:hidden;}
	.MainSection_CountUp.CountUpArea ul{width:1400px; margin:0 auto; background:none; padding:35px 0; background-color:#355fc9;}
	.MainSection_CountUp.CountUpArea ul li{border-right:1px solid #fff;}
	.MainSection_CountUp.CountUpArea ul li:last-child{border:none;}
	.MainSection_CountUp.CountUpArea p{}
	.MainSection_CountUp.CountUpArea p b{width:60%; margin:auto; padding:8px 0; background-color:#728fd9; color:#fff; border-radius:100px; letter-spacing:-2px; font-weight:400; font-size:16pt;}
	.MainSection_CountUp.CountUpArea p em{color:#fff; line-height:4em; margin-top:0.7em;}
	.MainSection_CountUp.CountUpArea p em strong{font-size:45pt; font-weight:500; letter-spacing:-3px; font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif" !important; font-weight:500;}
	.MainSection_CountUp.CountUpArea span{font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; margin-top:0; font-size:13pt; color:#fff;}
	/* .MainSection_EventRqnList ~ .MainSection_CountUp{padding-top:1em;}
	.MainSection_CountUp ~ .MainSection_EventRqnList{padding-top:0.5em;} */
	
	.MainSection_CountUp.CountUpArea .CountupIcon{margin-bottom:1.7em;}
	.MainSection_CountUp.CountUpArea .CountupIcon img{position:relative; z-index:11;}
	.MainSection_CountUp.CountUpArea li:nth-child(1) .CountupIcon .PointTwinkle{top:18%; margin-left:-3.2em;}
	.MainSection_CountUp.CountUpArea li:nth-child(2) .CountupIcon .PointTwinkle{top:-3%; margin-left:-0.4em;}
	.MainSection_CountUp.CountUpArea li:nth-child(3) .CountupIcon .PointTwinkle{top:13%; margin-left:0;}
	.MainSection_CountUp.CountUpArea li:nth-child(4) .CountupIcon .PointTwinkle{top:9%; margin-left:-3.2em;}
	
	
/* =============================================================================================================== */
/* [세션03] 2번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; padding:100px 0; background-color:#fff;}
.MainSection03 .Inner{width:1400px; background:none;}
	/* 타이틀 */
	.MainSection03 .MainSectionTitle{position:relative; display:block; text-align:center; vertical-align:middle; margin-bottom:50px;}
	.MainSection03 .MainSectionTitle em>p{font-weight:100;line-height:4.5em;}
	.MainSection03 .MainSectionTitle em>p strong{font-weight:600; font-size:30pt; color:#878787;}	
	.MainSection03 .MainSectionTitle em>p>strong>b{font-weight:600; font-size:42pt; color:#363636;}
	
	/* 2번배너 */
	.Banner02{display:block; position:relative; width:100%; vertical-align:top; overflow:hidden;}
	.Banner02 ul{display:table; position:relative; width:100%;}
	.Banner02 li{display:inline-table; position:relative; width:calc(100% / 3); overflow:hidden; vertical-align:top; background-color:#fff; overflow:hidden;}
	.Banner02 .BannerThum{}
	.Banner02 a{display:block; position:relative; width:100%; background-repeat: no-repeat; background-size:100% auto; background-position:center; margin:auto; max-height:22.5em;}
	.Banner02 a img{display:block; width:100%; opacity:0;}
	.Banner02 .TextBox{display:block; position:absolute; top:0%; left:11%; width:60%; height:100%; color:#fff;  text-align:left; word-break: keep-all; vertical-align:middle; padding:5.5em 0em 2.5em 0;} 
	.Banner02 .TextBox strong{display:block; font-size:25pt; letter-spacing:-1px; font-weight:600; line-height:1;}
	.Banner02 .TextBox p{display:block; font-size:15pt; margin-top:1em;  margin-bottom:1em; font-weight:300; font-family:'Poppins', 'Noto Sans KR', sans-serif; opacity:.3;}
	.Banner02 .TextBox span{display:block; color:rgba(255,255,255,0.3); font-size:20pt; font-weight:bold;}
	.Banner02 .TextBox .More>b{right:0}
	.Banner02 a:hover{opacity:1; background-size:110% auto; transition: .5s;}
	.Banner02 a:hover .More > b{background-color:#fff; transition-duration:400ms;}
	.Banner02 a:hover .More > b span{color:#666; transition-duration:400ms;}
	.MainSection03 .TextBox .More{position:relative; display:block; margin-top:2.5em;}
	.MainSection03 .TextBox .More > b{position:relative; display:table; width:110px; height:35px; border:1px solid #fff; border-radius:100px; text-align:center;}
	.MainSection03 .TextBox .More > b span{position:relative; display:table-cell; vertical-align:middle; font-size:12pt; font-weight:400; color:#fff;}
	

/* =============================================================================================================== */
/* [세션04] 3번배너 */
section.MainSection04{position:relative; padding:100px 0; background-color:#e6f1f7; display:table; width:100%; overflow:hidden;}
.MainSection04 .Inner{width:1400px; display:table;}
	/* 타이틀 */
	.MainSection04 .MainSectionTitle{position:relative; display:inline-table; text-align:center; width:40%; vertical-align:middle;}
	.MainSection04 .MainSectionTitle em{text-align:left;}
	.MainSection04 .MainSectionTitle em>p{font-weight:100;line-height:4.5em;}
	.MainSection04 .MainSectionTitle em>p strong{font-weight:600; font-size:30pt; color:#878787;}	
	.MainSection04 .MainSectionTitle em>p>strong>b{font-weight:600; font-size:42pt; color:#363636;}
	.MainSection04 >strong{font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif" !important; position:absolute; display:block; font-weight:700; letter-spacing:0; color:#fff; opacity:.5; font-size:70pt;}
	.MainSection04 .TitleDeco01{top:17%; left:-2%;} /* 배경 꾸밈 01 */
	.MainSection04 .TitleDeco02{bottom:38%; right:-3%; transform:rotate(-90deg);} /* 배경 꾸밈 02 */
	
	/* 6번배너 */
	.Banner03{display:inline-table; width:60%; table-layout:fixed; vertical-align:middle;}
	.MainSection04 .List{display:table; width:100%; table-layout:fixed;}
	.MainSection04 .BannerThum{display:inline-table; position:relative; vertical-align:top; width:33%;}
	
	.MainSection04 .BannerThum a:before{content:''; position:absolute; z-index:1; width:100%; left:0; top:0; height:0; background-color:#5ea1c5; transition:.5s; opacity:0; visibility:hidden;}
	.MainSection04 .BannerThum:hover a:before{opacity:1; visibility:visible; transition:.5s; height:6px;}
	.MainSection04 .BannerThum:hover a .TextBox strong{color:#5ea1c5; transition:.5s;}
 	.MainSection04 a{display:block; position:relative; width:87%; text-align:center; background-color:#fff; border:none; box-shadow:9px 9px 7px rgb(0 0 0 / 5%); margin:auto; padding:3em 0;}
	.MainSection04 .ThumBox{display:block; position:relative; margin:auto; height:4em;} 
	.MainSection04 .ThumBox img{position:relative; width:auto; z-index:2;}
	.MainSection04 .ThumBox:after{content:"+"; clear:both; display:block; position:absolute; top:0%; left:0%; width:100%; height:100%; line-height:6.5em; color:#fff; font-size:40pt; font-weight:100; text-align:center; background-color:rgb(44, 39, 30, .6); display:none;}
	.MainSection04 .TextBox{display:block; position:relative; word-break:keep-all; text-align:center; padding:1em 0 0 0; color:#222;}
	.MainSection04 .TextBox span{display:block; margin-bottom:1em;}
	.MainSection04 .TextBox strong{display:inline-block; font-size:20pt; font-weight:600; letter-spacing:-1px; margin:1em 0 1.2em 0;} 
	.MainSection04 .TextBox p{font-weight:300;} 
	
	.MainSection04 .TextBox .More{position:relative; display:block; height:40px;}
	.MainSection04 .TextBox .More>b{position:absolute; top:0; width:40px; height:40px; left:50%; margin-left:-20px; border:1px solid #444444; border-radius:100%; box-sizing:border-box;}
	.MainSection04 .TextBox .More>b:after{position:absolute; top:47%; left:47%; content:''; width:16px; height:20px; margin:-11px 0 0 -8px; color:#444; content:"+"; font-size:22pt; font-weight:200; transition-duration:200ms;} 
	
	/* 포인트원 반짝 */
	.PointTwinkle{display:inline-block; position:absolute; width:3.5em; height:3.5em; left:50%; top:50%; line-height:1em;  border-radius:50%; background-color:#e7f4f6; overflow:hidden; z-index:1;} 
	.PointTwinkle{animation:PointTwinkleAni 1.5s 0s infinite ease-in-out alternate; }
	.PointTwinkle ~ .IconSprite{z-index:1;}
		@keyframes PointTwinkleAni {
			0%{background-color:rgba(255,255,255, 0);}
			100%{background-color:#e7f4f6;}
	}
	.MainSection04 li:nth-child(1) .PointTwinkle{top:18%; margin-left:-3.2em;}
	.MainSection04 li:nth-child(2) .PointTwinkle{top:-3%; margin-left:-0.4em;}
	.MainSection04 li:nth-child(3) .PointTwinkle{top:13%; margin-left:0;}
	.MainSection04 li:nth-child(4) .PointTwinkle{top:9%; margin-left:-3.2em;}

	
		
		
/* =============================================================================================================== */
/* [세션05] 게시판 */
.MainSection05{padding:100px 0; background-color:#fff;}
section.MainSection05{}
.MainSection05 .Inner{width:1400px;}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{position:relative; display:block; text-align:center; vertical-align:middle; margin-bottom:50px;}
	.MainSection05 .MainSectionTitle em>p{font-weight:100;line-height:4.5em;}
	.MainSection05 .MainSectionTitle em>p strong{font-weight:600; font-size:30pt; color:#878787;}	
	.MainSection05 .MainSectionTitle em>p>strong>b{font-weight:600; font-size:42pt; color:#363636;}
	.MainSection05 .MainSectionTitle .More{display:inline-block; position:absolute; right:0; bottom:4%;}
	.MainSection05 .MainSectionTitle .More a{padding:0.4em 1.5em; border:1px solid #222; color:#222; font-size:14pt; font-weight:500; border-radius:100px;}
	.MainSection05 .MainSectionTitle .More a:hover{background-color:#222; color:#fff; transition:400ms;}
	
	/* 실시간신청자목록이 노출될경우(게시판3종이 없으면서, 실시간신청자목록노출이 YES일경우) */
	.MainSection05 .MainSection_EventRqnList{padding:1em 1.5em;}
	/* 기본설정 */
	.MainSection05 .List{display:table; position:relative; width:100%; table-layout:fixed;}
	.MainSection05 .List li{display:inline-table; position:relative; width:calc(100% / 3); vertical-align:top;}
	.MainSection05 .List li:hover a{box-shadow:9px 9px 7px rgb(0 0 0 / 13%); transition:400ms;}
	.MainSection05 .List li:nth-child(2) a{margin:0 auto;}
	.MainSection05 .List li:nth-child(3) a{float:right;}
	.MainSection05 .List li a{display:table; width:90%; background-color:#f2f2f2; padding:1.3em 1.5em; }
	.MainSection05 .List dt{display:inline-table; position:relative; width:6em; background-color:transparent; vertical-align:top; height:7em; max-height:7em; min-height:7em; overflow:hidden;}
	.MainSection05 .List dt img{display:block; width:100%; height:7em; object-fit:contain; margin:0 auto;}
	.MainSection05 .List dd{display:inline-table; position:relative; width:70%; padding-left:1em;}
	.MainSection05 .List dd p{display:block; font-size:14pt; font-weight:500; padding-bottom:1em; padding-top:3px; border-bottom:1px solid #646464;}
	.MainSection05 .List dd em{display:block; height:1.5em; overflow:hidden; opacity:.6; margin-top:1em; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}