@charset "utf-8";


#container{ position:static; min-height:500px; }


/*visual*/
.banner{ width:100%; margin-top:-150px; }
.banner .bx-wrapper .bx-viewport ul{ height:100vh; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1902px; padding:0 200px; }
.banner .bx-wrapper .bx-viewport ul .active-slide .bannerCopy div{ animation-name:fadeInUp; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerSubjet{ display:none; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ line-height:1; font-size:100px; font-weight:800; color:#fff; animation-delay:1s; -webkit-animation-delay:1s; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2{ font-size:20px; color:#fff; animation-delay:1.5s; -webkit-animation-delay:1.5s; margin:40px 0 10px 0; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2 span{ display:block; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3{ font-size:20px; color:#fff; animation-delay:2s; -webkit-animation-delay:2s; }
.banner .bx-wrapper .bx-controls{ position:absolute; bottom:80px; left:50%; transform:translateX(-50%); width:100%; max-width:1902px; padding:0 200px; }
.banner .bx-wrapper .bx-controls .bx-pager{ display:flex; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item{ margin-right:8px; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child{ margin-right:8px; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{ width:10px; height:10px; font-size:0; background-color:#fff !important; border-radius:50px; opacity:.6; display:block; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{ width:30px; opacity:1; }


/*main01*/
.main01{ max-width:1920px; padding:150px 0 150px 200px; margin:auto; overflow:hidden; }
.main01 h6{ font-size:18px; font-weight:600; color:#3390a5; margin-bottom:25px; }
.main01>div{ display:flex; }
.main01>div>h3{ min-width:334px; font-size:54px; }
.main01>div>h3 span{ font-weight:600; display:block; }
.main01>div .swiper-cont{ position:relative; width:calc(100% - 454px); margin-left:120px; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide{ position:relative; width:400px !important; height:400px; background-color:#f5f5f5; padding:40px; margin-right:50px; overflow:hidden; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h3{ font-size:50px; font-weight:800; font-style:italic; letter-spacing:-3px; opacity:.04; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h4{ line-height:1; font-size:30px; font-weight:800; margin:-10px 0 25px 0; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide p{ word-break:keep-all; color:#888; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide p span{ display:block; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h1{ position:absolute; bottom:-41px; right:-5px; font-size:180px; font-weight:900; color:#3390a5; opacity:.04; display:block; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide:first-child h1{ right:-16px; }
.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide img{ position:absolute; right:40px; bottom:40px; }
.main01>div .swiper-cont .swiper-btn{ position:absolute; right:100%; bottom:0; display:flex; align-items:center; margin-right:50px; }
.main01>div .swiper-cont .swiper-btn div{ position:initial; }
.main01>div .swiper-cont .swiper-btn .swiper-pagination{ font-size:16px; font-weight:800; color:#ddd; display:flex; align-items:center; }
.main01>div .swiper-cont .swiper-btn .swiper-pagination .swiper-pagination-current{ color:#3390a5; margin-right:5px; }
.main01>div .swiper-cont .swiper-btn .swiper-pagination .swiper-pagination-total{ margin-left:5px; }
.main01>div .swiper-cont .swiper-btn .swiper-button-prev, .main01>div .swiper-cont .swiper-btn .swiper-button-next{ width:auto; height:auto; margin-top:0; }
.main01>div .swiper-cont .swiper-btn .swiper-button-prev{ margin:0 10px 0 15px; }
.main01>div .swiper-cont .swiper-btn .swiper-button-prev::after{ content:"\f0d9"; font-family:"FontAwesomes"; font-size:26px; color:#000; }
.main01>div .swiper-cont .swiper-btn .swiper-button-next::after{ content:"\f0da"; font-family:"FontAwesomes"; font-size:26px; color:#000; }


/*main02*/
.main02{ max-width:1920px; margin:150px auto; }
.main02>.title{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:100px; }
.main02>.title div h3{ line-height:1; font-size:54px; font-weight:300; }
.main02>.title div h3 strong{ font-weight:600; }
.main02>.title div p{ font-size:20px; font-weight:500; margin-top:40px; }
.main02>.title button{ line-height:50px; background-color:#3390a5; border-radius:50px; padding:0 20px; display:flex; align-items:center; }
.main02>.title button a{ font-size:20px; font-weight:600; color:#fff; display:block; }
.main02>.title button a i{ font-size:16px; margin-left:15px; }
.main02 .recent .recentBody ul{ border-top:1px solid #000; }
.main02 .recent .recentBody ul li{ border-bottom:1px solid rgba(0,0,0,.15); padding:50px 0 50px 65px; margin-top:0; }
.main02 .recent .recentBody ul li::before{ display:none; }
.main02 .recent .recentBody ul li .title{ height:auto; margin-left:100px; }
.main02 .recent .recentBody ul li .title a{ font-size:30px; font-weight:600; }
.main02 .recent .recentBody ul li .date{ top:50%; bottom:auto; left:0; right:auto; transform:translateY(-50%); font-family:'Pretendard' !important; font-size:18px; font-weight:500; text-align:center; color:#000; }
.main02 .recent .recentBody ul li .date strong{ line-height:1; font-size:54px; font-weight:900; display:block; }
.main02 .recent .recentBody ul li .content{ color:#888; margin:30px 0 0 100px; }


/*main03*/
.main03{ position:relative; padding-bottom:150px; display:flex; align-items:center; justify-content:center; }
.main03::before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:calc(50% + 80px); background-color:#3390a5; }
.main03 .img{ position:relative; width:100%; max-width:1520px; color:#fff; background-image:url(../image/main/main03_bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:40px; margin:0 200px; padding:80px; display:block; }
.main03 .img h3{ font-size:76px; font-weight:800; padding-bottom:200px; }
.main03 .img p{ font-size:20px; font-weight:600; }
.main03 .img p span{ display:block; }


/*main04*/
.main04{ max-width:1920px; background-image:url(../image/main/main04_bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; padding:150px 200px; margin:auto; display:flex; }
.main04 .title{ min-width:334px; }
.main04 .title h6{ font-size:18px; font-weight:600; color:#3390a5; margin-bottom:25px; }
.main04 .title h3{ font-size:54px; }
.main04 .title h3 span{ font-weight:600; display:block; }
.main04 .youtube{ width:calc(100% - 334px); border:1px solid rgba(0,0,0,.15); border-radius:30px; overflow:hidden; }
.main04 .youtube #youtube{ width:100%; height:100%; }





@media only screen and (max-width:1500px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ padding:0 50px; }
	.banner .bx-wrapper .bx-controls{ padding:0 50px; }
	/*main01*/
	.main01{ padding:150px 0 150px 50px; }
	/*main03*/
	.main03 .img{ margin:0 50px; }
	/*main04*/
	.main04{ padding:150px 50px; }
}
@media only screen and (max-width:1400px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:96px; }
	/*main01*/
	.main01>div>h3{ min-width:309px; font-size:50px; }
	.main01>div .swiper-cont{ width:calc(100% - 429px); }
	/*main02*/
	.main02>.title{ margin-bottom:60px; }
	.main02>.title div p{ margin-top:20px; }
	.main02 .recent .recentBody ul li{ padding:40px 0 40px 55px; }
	.main02 .recent .recentBody ul li .date{ font-size:16px; }
	.main02 .recent .recentBody ul li .date strong{ font-size:50px; }
	.main02 .recent .recentBody ul li .title{ margin-left:50px; }
	.main02 .recent .recentBody ul li .title a{ font-size:28px; }
	.main02 .recent .recentBody ul li .content{ margin:15px 0 0 50px; }
	/*main03*/
	.main03::before{ height:calc(50% + 60px); }
	.main03 .img{ padding:60px 80px; }
	.main03 .img h3{ font-size:70px; padding-bottom:150px; }
	.main03 .img p{ font-size:18px; }
	/*main04*/
	.main04 .title{ min-width:309px; }
	.main04 .title h3{ font-size:50px; }
	.main04 .youtube{ width:calc(100% - 309px); }
}
@media only screen and (max-width:1200px){
	/*main01*/
	.main01>div{ flex-wrap:wrap; }
	.main01>div .swiper-cont{ width:100%; margin:60px 0 0 0; }
	.main01>div .swiper-cont .swiper{ margin-top:20px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide{ width:360px !important; height:360px; margin-right:20px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h1{ font-size:160px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide img{ height:30%; }
	.main01>div .swiper-cont .swiper-btn{ bottom:100%; right:auto; margin-right:0; }
	/*main02*/
	.main02>.title button{ line-height:45px; }
	.main02>.title button a{ font-size:18px; }
	.main02>.title button a i{ font-size:14px; }
	.main02 .recent .recentBody ul li .title a{ font-size:26px; }
	/*main03*/
	.main03::before{ height:calc(50% + 40px); }
	.main03 .img{ padding:40px 60px; }
	.main03 .img h3{ font-size:66px; padding-bottom:120px; }
	/*main04*/
	.main04{ flex-wrap:wrap; }
	.main04 .title{ width:100%; min-width:initial; margin-bottom:25px; }
	.main04 .title h6{ margin-bottom:10px; }
	.main04 .title h3{ word-break:keep-all; }
	.main04 .title h3 span{ display:inline; }
	.main04 .youtube{ width:100%; }
}
@media only screen and (max-width:1000px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ text-align:center; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:92px; }
	.banner .bx-wrapper .bx-controls .bx-pager{ justify-content:center; }
	/*main01*/
	.main01{ padding:120px 0 120px 50px; }
	.main01 h6{ margin-bottom:10px; }
	.main01>div>h3{ font-size:46px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide{ width:320px !important; height:320px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h1{ bottom:-33px; font-size:140px; }
	.main01>div .swiper-cont .swiper .swiper-wrapper .swiper-slide h3{ font-size:46px; }
	/*main02*/
	.main02{ margin:120px auto; }
	.main02>.title{ margin-bottom:50px; }
	.main02>.title div h3{ font-size:50px; }
	.main02>.title div p{ font-size:18px; margin-top:15px; }
	.main02>.title button{ line-height:40px; }
	.main02>.title button a{ font-size:16px; }
	.main02>.title button a i{ font-size:12px; }
	.main02 .recent .recentBody ul li{ padding:30px 0 30px 50px; }
	.main02 .recent .recentBody ul li .title a{ font-size:24px; }
	.main02 .recent .recentBody ul li .date{ font-size:14px; }
	.main02 .recent .recentBody ul li .date strong{ font-size:46px; }
	.main02 .recent .recentBody ul li .content{ margin:10px 0 0 50px; }
	/*main03*/
	.main03{ padding-bottom:120px; }
	.main03 .img h3{ font-size:60px; }
	.main03 .img p{ font-size:16px; word-break:keep-all; }
	/*main04*/
	.main04{ padding:120px 50px; }
	.main04 .title h3{ font-size:46px; }
}
@media only screen and (max-width:800px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ line-height:1; font-size:86px; margin-bottom:30px; }
	/*main02*/
	.main02 .recent .recentBody ul li .title a{ font-size:22px; }
	/*main03*/
	.main03{ padding-bottom:0; }
	.main03::before{ display:none; }
	.main03 .img{ border-radius:0; margin:0; padding:100px 50px; }
	.main03 .img h3{ font-size:56px; }
}
@media only screen and (max-width:600px){
	/*visual*/
	.banner{ margin-top:-120px; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ padding:0 25px; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:80px; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2, .banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3{ word-break:keep-all; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2 span{ display:inline; }
	/*main01*/
	.main01{ padding:100px 0 100px 25px; }
	.main01>div>h3{ font-size:42px; }
	/*main02*/
	.main02>.title div h3{ font-size:46px; }
	.main02>.title div p{ font-size:16px; margin-top:10px; }
	.main02 .recent .recentBody ul li{ padding:25px 0 25px 50px; }
	.main02 .recent .recentBody ul li .title{ margin-left:25px; }
	.main02 .recent .recentBody ul li .title a{ font-size:20px; }
	.main02 .recent .recentBody ul li .date strong{ font-size:42px; }
	.main02 .recent .recentBody ul li .content{ margin:5px 0 0 25px; }
	/*main03*/
	.main03 .img{ padding:100px 25px; }
	.main03 .img h3{ font-size:52px; padding-bottom:40px; }
	/*main04*/
	.main04{ padding:100px 25px; }
	.main04 .title h3{ font-size:42px; }
}
@media only screen and (max-width:500px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:76px; }
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2, .banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3{ font-size:18px; }
	/*main02*/
	.main02>.title{ flex-wrap:wrap; }
	.main02>.title>div{ width:100%; margin-bottom:25px; }
	/*main04*/
	.main04 .youtube{ border-radius:25px; }
}
@media only screen and (max-width:400px){
	/*visual*/
	.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:72px; word-break:break-all; }
	/*main01*/
	.main01>div>h3{ min-width:initial; word-break:keep-all; }
	.main01>div>h3 span{ display:initial; }
}