@charset "utf-8";

#fp-nav ul li, .fp-slidesNav ul li{width:27px; height:27px; margin:25px;}
#fp-nav ul li a, .fp-slidesNav ul li a{-webkit-box-sizing:border-box;box-sizing:border-box; border-radius:50%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:5px; height:5px; margin:0; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff;}
#fp-nav ul li a.active, #fp-nav ul li:hover a.active, .fp-slidesNav ul li a.active, .fp-slidesNav ul li:hover a.active{background:rgba(255,255,255,.25);}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width:9px; height:9px; margin:0;}

#fp-nav.white ul li a span, .fp-slidesNav.white ul li a span{width:5px; height:5px; margin:0; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#000;}
#fp-nav.white ul li a.active, #fp-nav.white ul li:hover a.active, .fp-slidesNav.white ul li a.active, .fp-slidesNav.white ul li:hover a.active{background:rgba(0,0,0,.25);}

#visual{width:100%; height:100%;}
#visual .visualBox{display:flex; align-items:center; width:100%; height:100%; position:relative; overflow:hidden; background-image:url("/resource/img/main/visual1.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#visual .visualBox .inBox{width:calc(100% - 200px); max-width:1465px; height:auto; margin:0 auto;}
#visual .visualBox .inBox .textBox{width:100%; height:auto; text-align:left; font-family:"Pretendard"; color:#fff;}
#visual .visualBox .inBox .textBox h2{font-size:83px; font-weight:700; letter-spacing:-0.025em; line-height:90px;}
#visual .visualBox .inBox .textBox p{font-size:38px; font-weight:500; letter-spacing:-0.025em; line-height:1; margin-top:30px;}
#visual .slideScroll{position:absolute; bottom:0; left:50px; z-index:5;}
#visual .slideScroll img{width:13px; height:41px;}
#visual .slideScroll .inLine{width:2px; height:105px; margin:15px auto 0 auto; position:relative; background:rgba(255,255,255,.2);}
#visual .slideScroll .inLine span{display:block; width:100%; height:0; top:0; left:0; position:absolute; background:#fff;-webkit-animation-name:scroll; animation-name:scroll; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}


@-webkit-keyframes scroll {
    0% {height:0;}
    100% {height:100%;}
}

@keyframes scroll {
    0% {height:0;}
    100% {height:100%;}
}

.mainDepartment{width:100%; height:auto;}
.mainDepartment .mainDepartmentBox{display:flex; align-content:stretch; width:100%; height:100%;}
.mainDepartment .mainDepartmentBox .boxItem{display:inline-flex; justify-content:center; align-items:center; flex-basis:0; flex-grow:1; height:100%; position:relative; overflow:hidden;}
.mainDepartment .mainDepartmentBox .boxItem a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; z-index:2;}
.mainDepartment .mainDepartmentBox .boxItem a .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; color:#fff; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.mainDepartment .mainDepartmentBox .boxItem a .textBox img{display:block; margin-bottom:30px;}
.mainDepartment .mainDepartmentBox .boxItem a .textBox strong{display:block; width:100%; height:auto; font-size:40px; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:20px;}
.mainDepartment .mainDepartmentBox .boxItem a .textBox p{width:100%; height:auto; font-size:22px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; margin-bottom:70px;}
.mainDepartment .mainDepartmentBox .boxItem a .textBox span{display:inline-flex; justify-content:center; align-items:flex-start; width:132px; height:auto; padding-bottom:15px; font-size:16px; font-weight:400; letter-spacing:0.02em; line-height:1; background:url("/resource/img/main/section_arrow.png") no-repeat center bottom/100% auto;}
.mainDepartment .mainDepartmentBox .boxItem a img.mobileOnly{display:none;}
.mainDepartment .mainDepartmentBox .boxItem .inBg{display:block; width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); transition:all 0.3s linear; z-index:0; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.mainDepartment .mainDepartmentBox .boxItem .inBg.section01{background-image:url("/resource/img/main/section01_1.jpg");}
.mainDepartment .mainDepartmentBox .boxItem .inBg.section02{background-image:url("/resource/img/main/section01_2.jpg");}
.mainDepartment .mainDepartmentBox .boxItem .inBg.section03{background-image:url("/resource/img/main/section01_3.jpg");}
.mainDepartment .mainDepartmentBox .boxItem:hover .inBg{transform:translate(-50%, -50%) scale(1.05);}
.mainDepartment .mainDepartmentBox .boxItem:hover::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.3); mix-blend-mode:hard-light; position:absolute; top:0; left:0; z-index:1;}

.mainCommunity{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; text-align:center; background:#f4f5f7;}
.mainCommunity h2{font-size:52px; font-weight:700; letter-spacing:0; line-height:1; color:#b8b8b8; margin-bottom:80px;}
.mainCommunity .communityBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:calc(100% - 50px); max-width:1540px; margin:0 auto;}
.mainCommunity .communityBox .boxItem{display:inline-block; width:calc(50% - 30px); max-width:744px; height:auto; text-align:left;}
.mainCommunity .communityBox .boxItem + .boxItem{margin-left:100px;}
.mainCommunity .communityBox .boxItem .itemTitle{font-size:28px; font-weight:700; letter-spacing:0; line-height:1; color:#222; margin-bottom:30px;}
.mainCommunity .communityBox .boxItem .itemContent{width:100%; height:500px; position:relative;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList{width:100%; height:100%; background:#fff; padding:17px 40px 0 40px; overflow:hidden; border-radius:15px;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem{width:100%; height:auto; border-bottom:1px solid #e5e5e5; margin-bottom:37px;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:37px 0; color:#222;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .inItemTitle{display:inline-block; width:calc(100% - 70px); height:auto; font-size:24px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate{display:inline-block; width:65px; height:auto; text-align:center; font-size:18px; font-weight:300; letter-spacing:0; line-height:1;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate strong{display:inline-block; vertical-align:top; font-size:24px; font-weight:400; letter-spacing:0; line-height:1; margin-top:10px;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem{width:100%; height:auto;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem + .listItem{margin-top:27px;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#222;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .inItemTitle{display:inline-block; width:calc(100% - 65px); height:auto; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .itemDate{display:inline-block; width:65px; height:auto; text-align:center; font-size:18px; font-weight:300; letter-spacing:0; line-height:1;}
.mainCommunity .communityBox .boxItem .itemContent .inBoardList .noContent{display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:28px; font-weight:700; letter-spacing:-0.025em; line-height:1;}
.mainCommunity .communityBox .boxItem .itemContent .eventSlide{width:100%; height:100%; border-radius:20px; overflow:hidden;}
.mainCommunity .communityBox .boxItem .itemContent .eventSlide .inSlide{width:100%; height:100%;}
.mainCommunity .communityBox .boxItem .itemContent .eventSlide .slideItem{width:100%; height:100%;}
.mainCommunity .communityBox .boxItem .itemContent .eventSlide .slideItem a{display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.mainCommunity .communityBox .boxItem .itemContent .eventSlide .slideItem a img{display:block; width:100%; height:auto;}
.mainCommunity .communityBox .boxItem .itemContent .eventPager{display:inline-block; width:auto; white-space:nowrap; position:absolute; top:-50px; right:0; bottom:auto; left :auto;}
.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet{width:12px; height:12px; background:#b8b8b8; opacity:1; margin:0;}
.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}
.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222;}

.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}


@media (max-width:1400px) {

	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem + .listItem{margin-top:20px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem:nth-of-type(5){display:none;}
}

@media (max-width:1200px) {	
	.section:not(#visual), .section:not(#visual) .fp-tableCell{display:block !important; height:auto !important;}

	#visual .visualBox .inBox{width:calc(100% - 50px);}

	.mainDepartment .mainDepartmentBox{height:850px;}
	.mainCommunity{padding-top:135px; padding-bottom:135px;}

	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a{padding:25px 0;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList{padding:0 20px;}
}

@media (max-width:1100px) {
	.mainCommunity .communityBox{-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
	.mainCommunity .communityBox .boxItem{width:100%; max-width:744px;}
	.mainCommunity .communityBox .boxItem + .boxItem{margin-top:80px; margin-left:0;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList{padding:17px 40px 40px 40px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem:nth-of-type(5), .mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem:nth-of-type(6){display:block;}
	.mainCommunity .communityBox .boxItem .itemContent.eventContent{height:auto;}
}

@media (max-width:1000px) {
	#visual video.pcOnly{display:none;}
	#visual video.mobileOnly{display:block;}

	.mainDepartment{height:auto;}
	.mainDepartment .mainDepartmentBox{flex-wrap:wrap; align-content:flex-start; height:auto;}
	.mainDepartment .mainDepartmentBox .boxItem{flex-basis:unset; flex-grow:unset; width:100%; height:auto;}
	.mainDepartment .mainDepartmentBox .boxItem a{height:auto;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; color:#fff; text-align:center;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox strong{font-size:44px;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox p{font-size:26px;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox span{width:150px; font-size:20px;}
	.mainDepartment .mainDepartmentBox .boxItem a img.mobileOnly{display:block; width:100%; height:auto;}
	.mainDepartment .mainDepartmentBox .boxItem .inBg.section01{background-image:none;}
	.mainDepartment .mainDepartmentBox .boxItem .inBg.section02{background-image:none;}
	.mainDepartment .mainDepartmentBox .boxItem .inBg.section03{background-image:none;}
	.mainDepartment .mainDepartmentBox .boxItem:hover .inBg{transform:unset;}
	.mainDepartment .mainDepartmentBox .boxItem:hover::before{display:block;}

	.mainCommunity h2{display:none;}
	.mainCommunity .communityBox .boxItem{max-width:700px;}
	.mainCommunity .communityBox .boxItem .itemTitle{font-size:40px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a{padding:30px 0;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .inItemTitle, .mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .inItemTitle{width:calc(100% - 80px);}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .inItemTitle{font-size:30px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate, .mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .itemDate{width:80px; font-size:24px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate strong{font-size:30px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem + .listItem{margin-top:25px;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .inItemTitle{font-size:26px; font-weight:300;}
	.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet{width:18px; height:18px;}
	.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:15px;}

	.popupBg{position:fixed; width:100%; top:100px; left:0; z-index:2000;}
	.popupBg .mainPop{position:relative; max-width:90%; left:auto !important; top:auto !important; margin:0 auto;}
}

@media (max-width:768px) {
	#visual .visualBox .inBox{width:calc(100% - 6.51042vw);}
	#visual .visualBox .inBox .textBox h2{font-size:10.80729vw; line-height:11.71875vw;}
	#visual .visualBox .inBox .textBox p{font-size:5.46875vw; margin-top:3.90625vw;}
	#visual .slideScroll{left:6.51042vw;}
	#visual .slideScroll .inLine{height:13.67188vw; margin:1.95313vw auto 0 auto;}
	/* #visual .slideScroll img{width:1.69271vw; height:5.33854vw;} */
	#visual .slideScroll .inLine{width:1px;}

	.mainCommunity{padding-top:17.57813vw; padding-bottom:17.57813vw;}

	.mainDepartment .mainDepartmentBox .boxItem a .textBox img{width:23.30729vw; height:auto; margin-bottom:3.90625vw;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox strong{font-size:6.25000vw; margin-bottom:2.60417vw;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox p{font-size:3.90625vw; margin-bottom:9.11458vw;}
	.mainDepartment .mainDepartmentBox .boxItem a .textBox span{width:20.83333vw; padding-bottom:1.95313vw; font-size:3.12500vw;}


	.mainCommunity .communityBox{width:calc(100% - 6.51042vw);}
	.mainCommunity .communityBox .boxItem{max-width:91.14583vw;}
	.mainCommunity .communityBox .boxItem .itemTitle{font-size:5.20833vw; margin-bottom:3.90625vw;}
	.mainCommunity .communityBox .boxItem .itemContent{height:auto;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList{padding:2.21354vw 5.20833vw 5.20833vw 5.20833vw; border-radius:1.95313vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem{margin-bottom:4.81771vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a{padding:3.90625vw 0;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .inItemTitle, .mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .inItemTitle{width:calc(100% - 10.41667vw);}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .inItemTitle{font-size:3.90625vw; padding-right:1.30208vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate, .mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .itemDate{width:10.41667vw; font-size:3.12500vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .firstListItem a .itemDate strong{font-size:3.90625vw; margin-top:1.30208vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem + .listItem{margin-top:3.25521vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .listItem a .inItemTitle{font-size:3.38542vw;}
	.mainCommunity .communityBox .boxItem .itemContent .inBoardList .noContent{height:52.08333vw; font-size:4.16667vw;}
	.mainCommunity .communityBox .boxItem .itemContent .eventSlide{height:auto; border-radius:2.60417vw;}
	.mainCommunity .communityBox .boxItem .itemContent .eventSlide .inSlide{height:auto;}
	.mainCommunity .communityBox .boxItem .itemContent .eventSlide .slideItem{height:auto;}
	.mainCommunity .communityBox .boxItem .itemContent .eventSlide .slideItem a{height:auto;}
	.mainCommunity .communityBox .boxItem .itemContent .eventPager{top:-6.51042vw;}
	.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet{width:2.34375vw; height:2.34375vw;}
	.mainCommunity .communityBox .boxItem .itemContent .eventPager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:1.95313vw;}

	.popupBg{top:13.02083vw;}
}