@charset "utf-8";

#fp-nav ul li, .fp-slidesNav ul li{width:10px; height:10px; margin:15px 0; }
#fp-nav ul li a, .fp-slidesNav ul li a{width:100%; height:100%; border:1px solid #fff; -webkit-box-sizing:border-box;box-sizing:border-box; border-radius:50%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display:none;}
#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:#fff;}
#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{display:none;}

#fp-nav.white ul li a, .fp-slidesNav.white ul li a{border-color:#222;}
#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:#222;}

#visual{width:100%; height:100%;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden; background:url("/html/resource/img/main/visual1.jpg") no-repeat center center/cover;}
#visual .visualBox .visualSlogan{display:inline-block; color:#fff; position:absolute; font-family: 'GmarketSans'; top:50%; left:50%; transform:translate(-50%, -50%); z-index:7;}
#visual .visualBox .visualSlogan img{display:block; margin:0 auto;}
#visual .visualBox .visualSlogan p{margin-top:22px; border-top:5px solid #fff; border-bottom:5px solid #fff; padding-top:12.5px; font-size:50px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; text-align:center; margin-bottom:20px;}
#visual .visualBox .visualSlogan strong{font-size:58px; font-weight:700; letter-spacing:-0.01em; line-height:1;}
#visual video{position:absolute; display:block; width:100%; -o-object-fit:cover; object-fit:cover; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#visual video.mobileOnly{display:none;}
#visual .volumeControl{width:172px; height:50px; border:1px solid rgba(255,255,255,.6); padding:0 20px; position:absolute; bottom:150px; left:50%; transform:translateX(-50%); z-index:5; border-radius:25px;}
#visual .volumeControl .inBox{display:inline-flex; justify-content:space-between; align-items:center; width:100%; height:100%;}
#visual .volumeControl .controlText{display:inline-block; flex-shrink:0; font-size:17px; font-weight:700; letter-spacing:0; line-height:1; color:#fff;}
#visual .volumeControl .volumeIcon{display:inline-block; flex-shrink:0; width:28px; height:26px; background:url("/html/resource/img/main/sound_onoff.png") no-repeat; background-position:left top; background-size:100% auto;}
#visual .volumeControl.on .volumeIcon{background-position:left bottom;}
#visual .slideScroll{display:inline-block; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff; position:absolute; bottom:90px; left:50%; z-index:5; transform:translateX(-50%); -webkit-animation-name:scroll; animation-name:scroll; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
#visual .slideScroll img{display:block; margin:15px auto 0 auto;}


@-webkit-keyframes scroll {
    0% {bottom:90px;}
    50% {bottom:75px;}
	100% {bottom:90px;}
}

@keyframes scroll {
    0% {bottom:90px;}
    50% {bottom:75px;}
	100% {bottom:90px;}
}

.section{width:100%;}
.section .inBox{width:calc(100% - 50px); max-width:1440px; margin:0 auto;}
.section .inTitle{width:100%; height:auto; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#767676; margin-bottom:60px;}
.section .inTitle strong{display:block; font-size:44px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#222; margin-bottom:30px;}
.section .inTitle2{display:flex; justify-content:center; align-items:center; font-size:44px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#222; margin-bottom:30px;}
.section .inTitle2 img{display:inline-block; margin-right:18px;}
.section .inTitle2 span{color:#dc4035;}
.section .titleText{font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#767676; margin-bottom:60px;}

.centerTabs{display:flex; width:100%; height:auto; margin-bottom:25px;}
.centerTabs .tabList{display:flex; width:100%; height:auto;}
.centerTabs button{display:inline-flex; justify-content:center; align-items:flex-start; flex-basis:0; flex-grow:1; height:60px; padding-top:22px; border-top:2px solid #e2e2e2; text-align:center; font-size:17px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#c9c9c9; position:relative;}
.centerTabs button::after{content:""; display:block; width:0; height:2px; background:#dc4035; position:absolute; top:-2px; left:50%; transform:translateX(-50%); transition:width 0.3s linear; z-index:2;}
.centerTabs button:hover::after{width:100%;}
.centerTabs button.on{color:#dc4035;}
.centerTabs button.on::after{width:100%;}

.centerBox{width:100%; height:auto;}
.centerBox .boxItem{display:none;}
.centerBox .boxItem.on{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center;}
.centerBox .boxItem .centerInfo{display:inline-block; flex-grow:1; max-width:500px; margin-right:40px; text-align:left;}
.centerBox .boxItem .centerInfo .topContent{width:100%; height:auto;}
.centerBox .boxItem .centerInfo .topContent dt{font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#222;}
.centerBox .boxItem .centerInfo .topContent dd{font-size:20px; font-weight:500; letter-spacing:-0.025em; line-height:1.6; color:#222; margin-top:33px;}
.centerBox .boxItem .centerInfo .bottomContent{width:100%; height:auto; margin-top:74px;}
.centerBox .boxItem .centerInfo .bottomContent .field{width:100%; height:auto; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; color:#222;}
.centerBox .boxItem .centerInfo .bottomContent .field strong{display:block; font-weight:700; line-height:1; color:#dc4035; margin-bottom:7px;}
.centerBox .boxItem .centerInfo .bottomContent a{display:inline-flex; align-items:center; box-sizing:border-box; margin-top:35px; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:1; border-bottom:2px solid #000; color:#222; padding-bottom:10px;}
.centerBox .boxItem .centerInfo .bottomContent a span{display:inline-block; font-size:18px; font-weight:600; letter-spacing:-0.025em; line-height:1; margin-left:30px; transition:all 0.3s linear; transform-origin:center;}
.centerBox .boxItem .centerInfo .bottomContent a:hover span{transform:rotate(90deg);}
.centerBox .boxItem .centerSlideBox{display:inline-block; width:62.5%; max-width:900px; position:relative; overflow:hidden; border-radius:18px;}
.centerBox .boxItem .centerSlideBox .inSlide{width:100%; height:auto;}
.centerBox .boxItem .centerSlideBox .slideItem{width:100%; height:auto;}
.centerBox .boxItem .centerSlideBox .centerPrev, .centerBox .boxItem .centerSlideBox .centerNext{display:none; width:23px; height:44px; position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:5;}
.centerBox .boxItem .centerSlideBox .centerPrev{background-image:url("/html/resource/img/main/center_prev.png"); left:30px;}
.centerBox .boxItem .centerSlideBox .centerNext{background-image:url("/html/resource/img/main/center_next.png"); right:30px;}

.noticeSlideBg{width:100%; max-width:1600px; height:auto; overflow:hidden; margin:0 auto; padding:0 60px; position:relative;}
.noticeSlideBg .noticeSlideBox{width:100%; height:auto; padding:20px; overflow:hidden;}
.noticeSlideBg .noticeSlideBox .noticeSlide{width:100%; height:auto;}
.noticeSlideBg .noticeSlideBox .slideItem{display:inline-block; width:323px; height:auto; border-radius:20px; overflow:hidden; text-align:left; background:#fafafa;}
.noticeSlideBg .noticeSlideBox .slideItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.noticeSlideBg .noticeSlideBox .slideItem .thumb{width:100%; height:auto; padding-top:61.919%; position:relative; overflow:hidden;}
.noticeSlideBg .noticeSlideBox .slideItem .thumb img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.noticeSlideBg .noticeSlideBox .slideItem .textBox{width:100%; height:auto; padding:30px;}
.noticeSlideBg .noticeSlideBox .slideItem .textBox .cate{display:block; font-size:16px; font-weight:600; letter-spacing:-0.025em; line-height:1; color:#a6150b; margin-bottom:10px;}
.noticeSlideBg .noticeSlideBox .slideItem .textBox p{font-size:18px; font-weight:600; letter-spacing:-0.025em; line-height:1.4; color:#222; height:2.8em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#222;}
.noticeSlideBg .noticeSlideBox .slideItem .textBox .date{display:block; font-size:13px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#b0b0b0; margin-top:30px;}
.noticeSlideBg .noticeSlideBox .slideItem.hover{transition:box-shadow 0.3s linear, background 0.3s linear;}
.noticeSlideBg .noticeSlideBox .slideItem.hover:hover{box-shadow:2px 2px 15px rgba(88,89,91,.4); background:#fff; transition-delay:unset !important; transition-duration:0.3s !important;}
.noticeSlideBg .noticePrev, .noticeSlideBg .noticeNext{display:inline-block; width:23px; height:44px; position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:5;}
.noticeSlideBg .noticePrev{background-image:url("/html/resource/img/main/news_prev.png"); left:0;}
.noticeSlideBg .noticeNext{background-image:url("/html/resource/img/main/news_next.png"); right:0;}

.bottomLink{width:100%; height:auto; text-align:center; margin-top:50px;}
.bottomLink.right{text-align:right;}
a.mainLink{display:inline-flex; align-items:center; box-sizing:border-box; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:1; border-bottom:2px solid #000; color:#222; padding-bottom:10px;}
a.mainLink span{display:inline-block; font-size:18px; font-weight:600; letter-spacing:-0.025em; line-height:1; margin-left:30px; transition:all 0.3s linear; transform-origin:center;}
a.mainLink:hover span{transform:rotate(90deg);}

.inTitle + a.mainLink{margin-top:30px;}

.mainSocial{display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:url("/html/resource/img/main/social_bg.jpg") no-repeat center top/100% auto;}
.socialBox{display:flex; justify-content:space-between; width:100%; height:auto;}
.socialBox .textBox{display:inline-flex; flex-wrap:wrap; align-content:space-between; flex-grow:1; margin-right:80px; text-align:left; padding:40px 0;}
.socialBox .textBox .topText{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.socialBox .textBox strong{display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; font-size:22px; font-weight:600; letter-spacing:-0..025em; line-height:1; color:#222; margin-bottom:50px;}
.socialBox .textBox strong a{display:inline-flex; justify-content:center; align-items:center;}
.socialBox .textBox strong a img{display:inline-block; transition:all 0.3s linear; transform-origin:center;}
.socialBox .textBox strong a:hover img{transform:rotate(90deg);}
.socialBox .textBox h2{width:100%; height:auto; font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1.3; color:#222; margin-bottom:20px;}
.socialBox .textBox p{width:100%; height:auto; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1.529;}
.socialBox .textBox .socialArrow{display:flex; align-items:center; width:100%; height:auto; margin-top:40px;}
.socialBox .textBox .socialArrow .socialPrev, .socialBox .textBox .socialArrow .socialNext{display:inline-block; width:32px; height:32px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.socialBox .textBox .socialArrow .socialPrev{background-image:url("/html/resource/img/main/social_prev.png");}
.socialBox .textBox .socialArrow .socialNext{background-image:url("/html/resource/img/main/social_next.png");}
.socialBox .textBox .socialArrow .pager{display:inline-block; font-size:17px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#222; margin:0 18px;}
.socialBox .textBox .socialArrow .pager .currentPager{font-weight:600;}
.socialBox .socialSlideBox{display:inline-block; flex-shrink:0; width:62.5%; height:auto; overflow:hidden; border-radius:18px;}
.socialBox .socialSlideBox .inSlide{width:100%; height:auto;}
.socialBox .socialSlideBox .slideItem{width:100%; height:auto;}

.mainEquip{overflow:hidden;}
.equipSlideBox{width:100%; max-width:880px; padding:0 80px; position:relative; margin:0 auto;}
.equipSlideBox .inSlide{width:100%; height:auto;}
.equipSlideBox .slideItem{width:100%; height:auto; position:relative;}
.equipSlideBox .slideItem img{width:100%; height:auto; position:relative; z-index:1;}
.equipSlideBox .slideItem .caption{display:none; width:calc(100% - 80px); height:auto; background:#fff; position:absolute; top:100%; margin-top:-100px; left:50%; transform:translateX(-50%); z-index:0; opacity:0; transition:opacity 0.3s linear; text-align:left; padding:30px;}
.equipSlideBox .slideItem.swiper-slide-active .caption{display:flex; align-items:flex-start; opacity:1; z-index:2;}
.equipSlideBox .slideItem .caption dl{display:inline-block; flex-grow:1;}
.equipSlideBox .slideItem .caption dl dt{font-size:38px; font-weight:800; letter-spacing:-0.025em; line-height:1; color:#222;}
.equipSlideBox .slideItem .caption dl dt span{display:block; font-size:18px; letter-spacing:-0.025em; line-height:1; color:#df4136; margin-bottom:20px;}
.equipSlideBox .slideItem .caption dl dd{font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; color:#222; margin-top:20px;}
.equipSlideBox .slideItem .caption a{display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; width:52px; height:52px; border-radius:50%; box-sizing:border-box; border:1px solid #dadada; margin-left:20px;}
.equipSlideBox .slideItem .caption a span{display:inline-block; font-size:48px; font-weight:100; letter-spacing:-0.025em; line-height:1; color:#222; margin-top:-0.15em;}
.equipSlideBox .equipPrev, .equipSlideBox .equipNext{display:inline-block; width:23px; height:44px; position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:5;}
.equipSlideBox .equipPrev{background-image:url("/html/resource/img/main/news_prev.png"); left:0;}
.equipSlideBox .equipNext{background-image:url("/html/resource/img/main/news_next.png"); right:0;}

.mainthesis{background:#fafafa; text-align:center;}
.thesisBg{width:100%; padding:0 85px; position:relative;}
.thesisBg::after{content:""; display:block; width:100%; height:15px; position:absolute; top:240px; left:0; z-index:3; background:#e2e2e2; box-shadow:1px 1px 3px rgba(88,89,91,.35);}
.thesisSlideBox{width:100%; height:auto; margin-top:90px; overflow:hidden;}
.thesisSlideBox .inSlide{width:100%; height:auto;}
.thesisSlideBox .slideItem{display:inline-block; width:180px; height:auto;}
.thesisSlideBox .slideItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.thesisSlideBox .slideItem .thumb{width:100%; height:auto; padding-top:133%; max-height:240px; position:relative; overflow:hidden; margin-bottom:55px;}
.thesisSlideBox .slideItem .thumb img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.thesisSlideBox .slideItem .textBox{width:100%; height:auto; color:#222;}
.thesisSlideBox .slideItem .textBox strong{display:block; font-size:24px; font-weight:700; letter-spacing:-0.025em; line-height:1.3;}
.thesisSlideBox .slideItem .textBox p{font-size:16px; font-weight:400; letter-spacing:0.025em; line-height:1.375; margin-top:5px;}
.thesisBg .thesisPrev, .thesisBg .thesisNext{display:inline-block; width:23px; height:44px; position:absolute; top:98px; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:5;}
.thesisBg .thesisPrev{background-image:url("/html/resource/img/main/news_prev.png"); left:0;}
.thesisBg .thesisNext{background-image:url("/html/resource/img/main/news_next.png"); right:0;}

.mainYtb{text-align:center;}
.mainYoutube{display:flex; justify-content:space-between; align-items:flex-start; width:100%; height:auto; position:relative;}
.mainYoutube .mainFrame{width:59.72%; height:auto;}
.mainYoutube .mainFrame div{width:100%; height:auto; padding-top:56.25%; position:relative; overflow:hidden;}
.mainYoutube .mainFrame div iframe, .mainYoutube .mainFrame div img{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainYoutube .thumbSlideBoxBg{width:36.8%; height:100%; position:absolute; right:0; top:0;}
.mainYoutube .thumbSlideBox{display:inline-flex; width:100%; height:100%; overflow:hidden; position:relative;}
.mainYoutube .thumbSlideBox .inBox{width:100%; height:auto;}
.mainYoutube .thumbSlideBox .inBox .inSlide{width:100%; height:auto;}
.mainYoutube .thumbSlideBox .inBox .slideItem{display:flex; align-items:center; width:100%; height:96px;}
.mainYoutube .thumbSlideBox .inBox .slideItem[data-aos=fade-left]{transform:translate3d(100px,0,0);}
.mainYoutube .thumbSlideBox .inBox .slideItem.aos-animate[data-aos=fade-left]{transform:translate3d(0,0,0);}
.mainYoutube .thumbSlideBox .inBox .slideItem button{display:flex; align-items:center; width:100%; height:100%;}
.mainYoutube .thumbSlideBox .inBox .slideItem .thumb{display:inline-block; width:170px; height:100%; position:relative; overflow:hidden;}
.mainYoutube .thumbSlideBox .inBox .slideItem .thumb img{display:block; width:100%; height:auto; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.mainYoutube .thumbSlideBox .inBox .slideItem .textBox{display:inline-block; width:calc(100% - 170px); padding-left:30px; color:#fff; text-align:left;}
.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .title{width:100%; height:auto; font-size:20px; font-weight:600; letter-spacing:-0.025em; line-height:1.3; height:2.6em; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:10px; color:#222;}
.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .text{width:100%; height:auto; overflow:hidden; font-size:15px; font-weight:300; letter-spacing:-0.025em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#767676;}
/* .mainYoutube .thumbSlideBox .inBox .slideItem.swiper-slide-active .thumb::after{content:""; display:block; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; border:5px solid #0177c1; position:absolute; top:0; left:0; z-index:5;} */
/* .mainYoutube .thumbSlideBox .inBox .slideItem.swiper-slide-active .textBox .inTitle{color:#0177c1;} */
.mainYoutube .thumbSlideBox .thumbScroll{width:8px; background:#e0e0e0; border-radius:0;}
.mainYoutube .thumbSlideBox .thumbScroll .swiper-scrollbar-drag{background:#6a6a6a; border-radius:0;}

.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;}

#mainQuick{display:none;}

.popupBg2{display:inline-block; position:absolute; z-index:9999; max-width:90%;}
.popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:725px; height:auto;}
.popupBg2 .mainPop2 .popContentBox{display:inline-block; width:500px; overflow:hidden;}
.popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;}
.popupBg2 .mainPop2 .popTabs{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:225px; background:#fff; border-top:1px solid #e1e1e1;}
.popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; flex-basis:100%; flex-grow:1; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; position:relative; color:#333; border-bottom:1px solid #e1e1e1; background:#fff;}
.popupBg2 .mainPop2 .popTabs button.on{background:#dc4035; color:#fff; font-weight:700;}
.popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.popupBg2 .mainPop2 .popBottom{display:flex; width:100%;}
.popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;}
.popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{display:inline-flex; justify-content:center; align-items:center; width:auto; height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1; color:#fff; background:#000; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:2;}


@media (max-width:1600px) {
	.noticeSlideBg{padding:0 80px;}
	.noticeSlideBg .noticePrev{left:40px;}
	.noticeSlideBg .noticeNext{right:40px;}
}


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

	.mainCenter, .mainNoticeBox, .mainSocial{padding-top:150px;}
	.mainEquip{padding:150px 0 200px 0;}
	.mainSocial{margin-top:150px;}
	.mainthesis, .mainYtb{padding:150px 0;}
}

@media (max-width:1200px) {
	.mainYoutube{flex-wrap:wrap; justify-content:center; align-content:flex-start;}
	.mainYoutube .mainFrame{width:100%;}
	.mainYoutube .thumbSlideBoxBg{width:100%; height:auto; position:unset; right:unset; top:unset; margin-top:80px;}
	.mainYoutube .thumbSlideBox{display:flex; width:100%; height:auto;}
	.mainYoutube .thumbSlideBox .inBox .inSlide{flex-wrap:wrap;}
	.mainYoutube .thumbSlideBox .inBox .slideItem{display:inline-flex; align-items:center; width:100%; height:96px;}
	.mainYoutube .thumbSlideBox .inBox .slideItem + .slideItem{margin-top:30px;}
}

@media (max-width:1000px) {
	#container{width:100%; height:auto; overflow:hidden;}

	#visual video.pcOnly{display:none;}
	#visual video.mobileOnly{display:block;}
	#visual .slideScroll{font-size:20px; bottom:150px;}
	#visual .volumeControl{width:190px; bottom:235px;}
	#visual .volumeControl .controlText{font-size:21px;}

	@-webkit-keyframes scroll {
		0% {bottom:150px;}
		50% {bottom:130px;}
		100% {bottom:150px;}
	}

	@keyframes scroll {
		0% {bottom:150px;}
		50% {bottom:130px;}
		100% {bottom:150px;}
	}
	
	.section .inBox{width:calc(100% - 50px);}
	.section .inTitle{font-size:20px; margin-bottom:60px;}
	.section .inTitle strong{font-size:48px; margin-bottom:30px;}
	.section .inTitle2{font-size:48px; margin-bottom:30px;}
	.section .inTitle2 img{margin-right:18px;}
	.section .titleText{font-size:20px; margin-bottom:60px;}

	.centerTabs{margin-bottom:25px; overflow:hidden;}
	.centerTabs button{flex-basis:unset; flex-grow:unset; width:auto; min-width:calc(100% / 6); height:auto; border-top-width:2px; font-size:21px; padding:30px;}
	.centerTabs button::after{height:2px; top:-2px;}

	.centerBox .boxItem.on{flex-wrap:wrap; flex-direction:row; justify-content:center; align-content:flex-start;}
	.centerBox .boxItem .centerInfo{width:100%; max-width:none; margin-right:0; margin-top:60px;}
	.centerBox .boxItem .centerInfo .topContent dt{font-size:40px;}
	.centerBox .boxItem .centerInfo .topContent dd{font-size:24px; margin-top:33px;}
	.centerBox .boxItem .centerInfo .bottomContent{margin-top:74px;}
	.centerBox .boxItem .centerInfo .bottomContent .field{font-size:21px;}
	.centerBox .boxItem .centerInfo .bottomContent .field strong{margin-bottom:10px;}
	.centerBox .boxItem .centerInfo .bottomContent a{margin-top:35px; font-size:19px; border-bottom-width:2px; padding-bottom:10px;}
	.centerBox .boxItem .centerInfo .bottomContent a span{font-size:22px; margin-left:30px;}
	.centerBox .boxItem .centerSlideBox{width:100%; max-width:none; border-radius:18px;}
	.centerBox .boxItem .centerSlideBox .slideItem img{width:100%; height:auto;}
	.centerBox .boxItem .centerSlideBox .centerPrev, .centerBox .boxItem .centerSlideBox .centerNext{width:23px; height:44px;}
	.centerBox .boxItem .centerSlideBox .centerPrev{left:30px;}
	.centerBox .boxItem .centerSlideBox .centerNext{right:30px;}

	.noticeSlideBg{width:calc(100% - 25px); padding:0; margin:0 0 0 auto;}
	.noticeSlideBg .noticeSlideBox{padding:0;}
	.noticeSlideBg .noticeSlideBox .slideItem{width:360px; height:auto; border-radius:20px;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox{padding:30px;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox .cate{font-size:20px; margin-bottom:10px;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox p{font-size:22px;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox .date{font-size:17px; margin-top:30px;}
	.noticeSlideBg .noticeSlideBox .slideItem.hover{transition:unset;}
	.noticeSlideBg .noticeSlideBox .slideItem.hover:hover{box-shadow:unset; background:#fafafa;}
	.noticeSlideBg .noticePrev, .noticeSlideBg .noticeNext{display:none;}
	
	.bottomLink{margin-top:50px;}
	a.mainLink{font-size:19px; border-bottom-width:2px; padding-bottom:10px;}
	a.mainLink span{font-size:22px; margin-left:30px;}

	.inTitle + a.mainLink{margin-top:30px;}

	.mainSocial{height:auto;}
	.socialBox{flex-wrap:wrap; justify-content:center;}
	.socialBox .textBox{display:flex; flex-wrap:wrap; align-content:flex-start; margin-right:0; margin-bottom:30px; padding:0;}
	.socialBox .textBox strong{font-size:26px; margin-bottom:50px;}
	.socialBox .textBox strong a img{display:inline-block;}
	.socialBox .textBox h2{font-size:40px; margin-bottom:20px;}
	.socialBox .textBox p{font-size:21px;}
	.socialBox .textBox .socialArrow{margin-top:60px;}
	.socialBox .textBox .socialArrow .socialPrev, .socialBox .textBox .socialArrow .socialNext{width:32px; height:32px;}
	.socialBox .textBox .socialArrow .pager{font-size:21px; margin:0 18px;}
	.socialBox .socialSlideBox{display:block; flex-shrink:unset; width:100%; border-radius:18px;}
	.socialBox .socialSlideBox .slideItem img{width:100%; height:auto;}

	.mainEquip{padding:150px 0 250px 0;}
	.equipSlideBox{width:calc(100% - 50px); max-width:none; padding:0; margin:0 auto;}
	.equipSlideBox .slideItem .caption{width:calc(100% - 80px); top:100%; margin-top:-100px; padding:30px;}
	.equipSlideBox .slideItem .caption dl dt{font-size:42px;}
	.equipSlideBox .slideItem .caption dl dt span{font-size:22px; margin-bottom:20px;}
	.equipSlideBox .slideItem .caption dl dd{font-size:24px; margin-top:20px;}
	.equipSlideBox .slideItem .caption a{width:56px; height:56px; margin-left:20px;}
	.equipSlideBox .slideItem .caption a span{font-size:52px;}
	.equipSlideBox .equipPrev, .equipSlideBox .equipNext{width:23px; height:44px;}
	.equipSlideBox .equipPrev{left:20px;}
	.equipSlideBox .equipNext{right:20px;}
	
	.thesisBg{padding:0 50px;}
	.thesisBg::after{height:15px; top:265px; box-shadow:1px 1px 3px rgba(88,89,91,.35);}
	.thesisSlideBox{margin-top:90px;}
	.thesisSlideBox .slideItem{width:200px;}
	.thesisSlideBox .slideItem .thumb{max-height:unset; margin-bottom:35px;}
	.thesisSlideBox .slideItem .textBox strong{font-size:28px;}
	.thesisSlideBox .slideItem .textBox p{font-size:20px; margin-top:5px;}
	.thesisBg .thesisPrev, .thesisBg .thesisNext{width:23px; height:44px; top:98px;}
	
	.mainYoutube .thumbSlideBoxBg{margin-top:80px;}
	.mainYoutube .thumbSlideBox .inBox .slideItem{height:auto;}
	.mainYoutube .thumbSlideBox .inBox .slideItem + .slideItem{margin-top:30px;}
	.mainYoutube .thumbSlideBox .inBox .slideItem button{height:auto;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .thumb{width:30%; height:auto;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .thumb::after{content:""; display:block; width:100%; height:auto; padding-top:56.25%;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox{width:70%; padding-left:30px;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .title{font-size:24px; margin-bottom:10px;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .text{font-size:19px;}
	/* .mainYoutube .thumbSlideBox .inBox .slideItem.swiper-slide-active .thumb::after{content:""; display:block; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; border:5px solid #0177c1; position:absolute; top:0; left:0; z-index:5;} */
	/* .mainYoutube .thumbSlideBox .inBox .slideItem.swiper-slide-active .textBox .inTitle{color:#0177c1;} */
	.mainYoutube .thumbSlideBox .thumbScroll{width:8px;}

	.popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;}
	.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:100px !important; margin:0 auto; transform:translateX(-50%);}
	/* .popupBg .mainPop:nth-of-type(1){margin-top:100px;} */
	.popupBg .mainPop .popBottom{height:50px; padding:0 10px;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:24px; line-height:50px;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;}

	.popupBg2{max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);}
	.popupBg2 .mainPop2{width:100%;}
	.popupBg2 .mainPop2 .popTabs{display:flex; width:100%; border-top:0;}
	.popupBg2 .mainPop2 .popTabs button{flex-basis:50%; height:40px; font-size:14px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:0;}
	.popupBg2 .mainPop2 .popTabs button:nth-child(2n){border-right:1px solid #e1e1e1;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; right:10px;}
}

@media (max-width:768px) {
	#visual .slideScroll{font-size:3.12500vw; bottom:19.53125vw;}
	#visual .slideScroll img{width:2.60417vw; height:auto; margin:1.95313vw auto 0 auto;}
	#visual .volumeControl{width:27.34375vw; height:7.81250vw; padding:0 2.60417vw; bottom:28.59896vw; border-radius:3.90625vw;}
	#visual .volumeControl .controlText{font-size:3.25521vw;}
	#visual .volumeControl .volumeIcon{width:3.64583vw; height:3.38542vw;}

	@-webkit-keyframes scroll {
		0% {bottom:19.53125vw;}
		50% {bottom:16.92708vw;}
		100% {bottom:19.53125vw;}
	}

	@keyframes scroll {
		0% {bottom:19.53125vw;}
		50% {bottom:16.92708vw;}
		100% {bottom:19.53125vw;}
	}
	
	.section .inBox{width:calc(100% - 6.51042vw);}
	.section .inTitle{font-size:3.12500vw; margin-bottom:7.81250vw;}
	.section .inTitle strong{font-size:6.77083vw; margin-bottom:3.90625vw;}
	.section .inTitle2{font-size:6.77083vw; margin-bottom:3.90625vw;}
	.section .inTitle2 img{width:7.55208vw; height:auto; margin-right:2.34375vw;}
	.section .titleText{font-size:3.12500vw; margin-bottom:7.81250vw;}
	
	.mainCenter, .mainNoticeBox, .mainSocial{padding-top:19.53125vw;}
	.mainEquip{padding:19.53125vw 0 26.04167vw 0;}
	.mainSocial{margin-top:19.53125vw;}
	.mainthesis, .mainYtb{padding:19.53125vw 0;}

	.centerTabs{margin-bottom:3.25521vw;}
	.centerTabs button{border-top-width:0.26042vw; font-size:3.25521vw; padding:3.90625vw 5.20833vw;}
	.centerTabs button::after{height:0.26042vw; top:-0.26042vw;}

	.centerBox .boxItem .centerInfo{margin-top:7.81250vw;}
	.centerBox .boxItem .centerInfo .topContent dt{font-size:5.72917vw;}
	.centerBox .boxItem .centerInfo .topContent dd{font-size:3.64583vw; margin-top:4.29688vw;}
	.centerBox .boxItem .centerInfo .bottomContent{margin-top:9.63542vw;}
	.centerBox .boxItem .centerInfo .bottomContent .field{font-size:3.25521vw;}
	.centerBox .boxItem .centerInfo .bottomContent .field strong{margin-bottom:1.30208vw;}
	.centerBox .boxItem .centerInfo .bottomContent a{margin-top:4.55729vw; font-size:2.99479vw; border-bottom-width:0.26042vw; padding-bottom:1.30208vw;}
	.centerBox .boxItem .centerInfo .bottomContent a span{font-size:3.38542vw; margin-left:3.90625vw;}
	.centerBox .boxItem .centerSlideBox{border-radius:2.34375vw;}
	.centerBox .boxItem .centerSlideBox .centerPrev, .centerBox .boxItem .centerSlideBox .centerNext{width:2.99479vw; height:5.72917vw;}
	.centerBox .boxItem .centerSlideBox .centerPrev{left:3.90625vw;}
	.centerBox .boxItem .centerSlideBox .centerNext{right:3.90625vw;}

	.noticeSlideBg{width:calc(100% - 3.25521vw);}
	.noticeSlideBg .noticeSlideBox .slideItem{width:46.87500vw; border-radius:2.60417vw;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox{padding:3.90625vw;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox .cate{font-size:3.12500vw; margin-bottom:1.30208vw;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox p{font-size:3.38542vw;}
	.noticeSlideBg .noticeSlideBox .slideItem .textBox .date{font-size:2.73438vw; margin-top:3.90625vw;}
	
	.bottomLink{margin-top:6.51042vw;}
	a.mainLink{font-size:2.99479vw; border-bottom-width:0.26042vw; padding-bottom:1.30208vw;}
	a.mainLink span{font-size:3.38542vw; margin-left:3.90625vw;}

	.inTitle + a.mainLink{margin-top:3.90625vw;}

	.socialBox .textBox{margin-bottom:3.90625vw;}
	.socialBox .textBox strong{font-size:3.90625vw; margin-bottom:6.51042vw;}
	.socialBox .textBox strong a img{width:4.16667vw; height:auto;}
	.socialBox .textBox h2{font-size:5.72917vw; margin-bottom:2.60417vw;}
	.socialBox .textBox p{font-size:3.25521vw;}
	.socialBox .textBox .socialArrow{margin-top:7.81250vw;}
	.socialBox .textBox .socialArrow .socialPrev, .socialBox .textBox .socialArrow .socialNext{width:4.16667vw; height:4.16667vw;}
	.socialBox .textBox .socialArrow .pager{font-size:3.25521vw; margin:0 2.34375vw;}
	.socialBox .socialSlideBox{border-radius:2.34375vw;}

	.mainEquip{padding:19.53125vw 0 32.55208vw 0;}
	.equipSlideBox{width:calc(100% - 6.51042vw);}
	.equipSlideBox .slideItem .caption{width:calc(100% - 10.41667vw); margin-top:-13.02083vw; padding:3.90625vw;}
	.equipSlideBox .slideItem .caption dl dt{font-size:5.98958vw;}
	.equipSlideBox .slideItem .caption dl dt span{font-size:3.38542vw; margin-bottom:2.60417vw;}
	.equipSlideBox .slideItem .caption dl dd{font-size:3.64583vw; margin-top:2.60417vw;}
	.equipSlideBox .slideItem .caption a{width:7.29167vw; height:7.29167vw; margin-left:2.60417vw;}
	.equipSlideBox .slideItem .caption a span{font-size:7.29167vw;}
	.equipSlideBox .equipPrev, .equipSlideBox .equipNext{width:2.99479vw; height:5.72917vw;}
	.equipSlideBox .equipPrev{left:2.60417vw;}
	.equipSlideBox .equipNext{right:2.60417vw;}
	
	.thesisBg{padding:0 6.51042vw;}
	.thesisBg::after{height:1.95313vw; top:34.50521vw; box-shadow:0.13021vw 0.13021vw 0.39063vw rgba(88,89,91,.35);}
	.thesisSlideBox{margin-top:11.71875vw;}
	.thesisSlideBox .slideItem{width:26.04167vw;}
	.thesisSlideBox .slideItem .thumb{margin-bottom:4.55729vw;}
	.thesisSlideBox .slideItem .textBox strong{font-size:4.16667vw;}
	.thesisSlideBox .slideItem .textBox p{font-size:3.12500vw; margin-top:0.65104vw;}
	.thesisBg .thesisPrev, .thesisBg .thesisNext{width:2.99479vw; height:5.72917vw; top:12.76042vw;}
	
	.mainYoutube .thumbSlideBoxBg{margin-top:10.41667vw;}
	.mainYoutube .thumbSlideBox .inBox .slideItem + .slideItem{margin-top:3.90625vw;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox{padding-left:3.90625vw;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .title{font-size:3.64583vw; margin-bottom:1.30208vw;}
	.mainYoutube .thumbSlideBox .inBox .slideItem .textBox .text{font-size:2.99479vw;}
	.mainYoutube .thumbSlideBox .thumbScroll{width:1.04167vw;}
	
	.popupBg .mainPop{top:15.62500vw !important;}
	.popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;}

	.popupBg2{top:13.02083vw !important;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{right:1.30208vw;}
}

@media (max-width:450px) {
	.popupBg2 .mainPop2 .popTabs button{height:40px; font-size:14px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:22.5px; border-radius:11.25px; padding:0 12.5px; font-size:14px;}
}

@media (max-width:340px) {
	.popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:6.61765vw; border-radius:3.30882vw; padding:0 3.67647vw; font-size:4.11765vw;}
}