figure{margin: 0;}
/* 메인 타이틀 */
.m_tit{}
.m_tit .gr{display:inline-block; font-weight: bold; font-size:17px; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:34px;}
.m_tit .gr.mod{font-size:30px;}
.m_tit h2{font-weight:bold; font-size:46px; letter-spacing:-0.01em; color: #111; }
.m_tit h2 p span{display:inline-block; vertical-align: top;}
.m_tit.tit02{}
.m_tit.tit02 h2{font-size:60px; color: #fff;}
.m_tit.tit02 p{font-size:23px; color: #fff;}
.m_tit.tac{text-align: center;}

/* 공통버튼 */
.link_btn{position:relative; width: 166px; height: 64px; overflow: hidden; color: #cacaca; padding: 5px 6px; border-radius:32px; background: #f4f4f4; z-index: 5;border:1px solid #f4f4f4; transition:0.6s}
.link_btn a{position:relative; display:inline-block; vertical-align: top; width: 100%; height: 100%; font-family: 'Red Hat Display', sans-serif; font-weight:600; font-size:14px; text-transform: uppercase; line-height: 50px; transform:translateX(-90px);  white-space: nowrap; transition:0.6s}
.link_btn a span{display:inline-block; vertical-align: top; width: 52px; height: 52px; background: linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); font-weight:300; font-size:30px; color: #fff; text-align: center; line-height: 52px; border-radius:50%; margin: 0 10px; transition:0.6s} 
.link_btn::before{content:""; position:absolute; top: 0; left: 0; width: 0; height: 100%; background: linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); z-index: -1; transition:0.6s}

.link_btn.c{background: transparent; border:1px solid #fff;}
.link_btn.c a{color: #fff;}
.link_btn.c a span{background: #fff; color: #1b61ac;}
.link_btn:hover{border-color:transparent}
.link_btn:hover::before{width: 100%;}
.link_btn:hover a{transform:translateX(8px); color: #fff;}
.link_btn:hover a span{background: #fff; color: #1b61ac;}

.mv{position:relative; }
.mv .slide_wrap{}
.mv .slide_wrap .slide_txt{position:absolute; width: 100%; max-width: 1600px; top: 45%; left: 50%; z-index: 1; transform:translate(-50%,-50%);}
.mv .slide_wrap .slide_txt .item{font-family: 'Red Hat Display', sans-serif;}
.mv .slide_wrap .slide_txt .item h2{font-weight:bold; font-size:75px; color: #fff;}
.mv .slide_wrap .slide_txt .item h3{font-weight:500; font-size:48px; color: #fff;}
.mv .slide_wrap .slide_txt .item p{font-size:25px; color: #fff; margin-top: 16px;}
.mv .slide_wrap .slide_ctn{}
.mv .slide_wrap .slide_ctn .item{}
.mv .slide_wrap .slide_ctn .item .bg{position:relative; width: 100%; height: 100vh;}
.mv .slide_wrap .slide_ctn .item .bg video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 100%;}
.mv .slide_wrap .slide_ctn .item .bg02{background:url(/img/main/mv01.png) 50% 50% no-repeat; background-size:cover;}
.mv .progress_ctn{position:absolute; width: 100%; max-width: 1600px; bottom: 70px; left: 50%; z-index: 1; transform:translate(-50%,0%);}
.mv .progress_ctn .por{position:relative; width: 122px; height: 122px;}
.mv .progress_ctn .svg_box{transform:rotate(-90deg);}
.mv .progress_ctn .svg_box svg circle{stroke-width:4px; fill:none;opacity: 0.3;}
.mv .progress_ctn .svg_box svg circle.progress{stroke-dasharray: 365px; stroke-dashoffset: 365px; opacity: 1;}
.mv .progress_ctn .txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 54px; height: 48px;}
.mv .progress_ctn .txt li{text-align: right; font-size:16px; color: #fff; opacity: 0.4;}
.mv .progress_ctn .txt li.current{opacity: 1; text-align: left; margin-bottom:12px;}

.m_our .link_btn{ margin-left: auto; margin-top: -64px;}
.m_our .list{display:flex; flex-wrap:wrap; margin-top: 100px;}
.m_our .list .item{position:relative; width: calc((100% - 78px) / 4); margin-right: 26px; background: #f9f9f9; border-radius:10px; padding-bottom: calc((100% - 78px) / 4); overflow: hidden; transition:0.6s;}
.m_our .list .item a{position:absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10;}
.m_our .list .item::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); border-radius:50%; transform:scale(0); transition:0.6s}
.m_our .list .item:last-of-type{margin-right: 0;}
.m_our .list .item .in{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center; transition:0.6s}
.m_our .list .item .in figure{position:relative; width: 130px; height: 130px; border-radius:50%; background: #fff; margin: 0 auto;}
.m_our .list .item .in figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m_our .list .item .hover .txt h3,
.m_our .list .item .in .txt h3{font-weight:bold; font-size:40px; letter-spacing:-0.01em; color: #111; margin: 34px 0 14px;}
.m_our .list .item .in .txt p{font-family: 'Red Hat Display', sans-serif;  font-size:16px; color: #999;}
.m_our .list .item .hover{position:absolute; top: 50%; left: -150%; transform:translate(-50%,-50%); width: 100%; text-align: center; opacity: 0; transition:0.6s}
.m_our .list .item .hover .txt h3{color: #fff; margin-top: 0;}
.m_our .list .item .hover .txt p{font-family: 'Red Hat Display', sans-serif; }
.m_our .list .item .hover .txt p:not(.link){color: #fff;}
.m_our .list .item .hover .txt .link{width: 52px; height: 52px; border-radius:50%; background: #fff; margin: 44px auto 0; color: #1b61ac; font-size:30px; text-align: center; line-height: 52px;}

.m_our .list .item:hover{background: transparent;}
.m_our .list .item:hover .in{left: 150%; opacity: 1;}
.m_our .list .item:hover .hover{left: 50%; opacity: 1;}
.m_our .list .item:hover::before{transform:scale(1);}



.m_deep{background:url(/img/main/main_bg01.png) 50% 50% no-repeat; background-size:cover;}
.m_deep .flex_box{display:flex; justify-content:space-between; align-items:center;}
.m_deep .flex_box .tit02 p{margin: 30px 0 120px;}
.m_deep .flex_box .img_box{position:relative; }
.m_deep .flex_box .img_box figure img:not(:first-of-type){position:absolute; top: 0; left: 0;}

.mv .slide_wrap .slide_txt{}
.mv .slide_wrap .slide_txt .item.slick-active h3,
.mv .slide_wrap .slide_txt .item.slick-active h2{animation:fadeDown 1.2s both;}
.mv .slide_wrap .slide_txt .item.slick-active p{animation:fadeUp 1.2s 0.4s both;}
.mv .slide_wrap .slide_ctn .item.slick-active .bg02{animation:zoom 3s both;}


.m_news{}
.m_news .tab_ui{display:flex; justify-content:space-between; align-items:center; margin-top: 66px;}
.m_news .tab_ui ul{display:flex; align-items:center;}
.m_news .tab_ui ul li{position:relative; font-family: 'Red Hat Display', sans-serif; font-weight:500; font-size:19px; color: #111; margin-right: 40px; cursor: pointer;}
.m_news .tab_ui ul li:last-of-type{margin-right: 0;}
.m_news .tab_ui ul li::after{content:""; position:absolute; top: 9px; right: -22px; width: 2px; height: 2px; background: #626262;}
.m_news .tab_ui ul li:last-of-type::after{display:none; }
.m_news .tab_ui .slide_btn{display:flex; align-items:center;}
.m_news .tab_ui .slide_btn > div{width: 60px; height: 60px; border-radius:50%; border:1px solid #dfdfdf; cursor: pointer; margin-right: 10px; text-align: center;}
.m_news .tab_ui .slide_btn > div:last-of-type{margin-right: 0;}
.m_news .tab_ui .slide_btn > div img{ margin: 24px 0;}
.m_news .tab_ui .slide_btn > .next{}
.m_news .tab_ctn{margin-top: 40px;}
.m_news .tab_ctn .list{}
.m_news .tab_ctn .list .slick-list{margin-right: -27px;}
.m_news .tab_ctn .list .item{position:relative; margin-right: 27px; background: #f9f9f9; padding: 50px 45px; border-radius:10px; overflow: hidden; z-index: 5;}
.m_news .tab_ctn .list .item::before{content:""; position:absolute; top: 100%; left: 0; height: 100%; width: 100%; background: linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); z-index: -1; transition:0.3s} 
.m_news .tab_ctn .list .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m_news .tab_ctn .list .item > p{font-family: 'Red Hat Display', sans-serif; font-size:15px; color: #999; transition:0.3s}
.m_news .tab_ctn .list .item > p span{font-weight:600; color: #1a62ab; margin-left: 10px;transition:0.3s}
.m_news .tab_ctn .list .item .txt{margin-top: 54px;}
.m_news .tab_ctn .list .item .txt h3{font-weight:500; font-size:23px; color: #111; letter-spacing:-0.01em; line-height: 1.4; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em; transition:0.3s}
.m_news .tab_ctn .list .item .txt p{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #666; font-weight:300; font-size:16px; color: #666666; line-height: 1.5; margin-top: 18px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 6em; transition:0.3s;}

.m_news .tab_ui ul li.on{color: #1a62ab;}
.m_news .tab_ctn .list .item:hover *{color: #fff !important; }
.m_news .tab_ctn .list .item:hover::before{top: 0;}

.ani_m{opacity: 1;}
.m_our .m_tit.on,
.m_our.ani .m_tit{animation:fadeUp 1.2s 0.4s both;}
.m_our .list.on,
.m_our.ani .list{animation:fadeUp 1.2s 0.4s both;}
.m_our .link_btn.on,
.m_our.ani .link_btn{animation:fadeUp 1.2s 0.4s both;}
.m_deep .m_tit.tit02.on,
.m_deep.ani .m_tit.tit02{animation:fadeLeft 1.2s 0.4s both;}

/* .m_deep.ani figure{animation:fadeRight 1.2s 0.4s both;} */

.m_deep.ani  .flex_box .img_box figure img{animation:fade 2s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(2),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(2){animation:fade 0.6s 0.8s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(3),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(3){animation:fade 0.6s 1s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(4),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(4){animation:fade 0.6s 1.2s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(5),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(5){animation:fade 0.6s 1.4s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(6),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(6){animation:fade 0.6s 1.6s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(7),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(7){animation:fade 0.6s 1.8s both}
.m_deep  .flex_box .img_box.on figure img:nth-of-type(8),
.m_deep.ani  .flex_box .img_box figure img:nth-of-type(8){animation:zoomIn 0.8s 1.5s both}

.m_news .m_tit.on,
.m_news.ani .m_tit{animation:fadeUp 1.2s 0.4s both;}
.m_news .tab_ui.on,
.m_news.ani .tab_ui{animation:fadeUp 1.2s 0.4s both;}
.m_news .tab_ctn.on,
.m_news.ani .tab_ctn{animation:fadeUp 1.2s 0.4s both;}

@keyframes zoom{
	0%{transform:scale(1.2);}
	100%{transform:scale(1);}
}
@keyframes zoomIn{
	0%{transform:scale(0);}
	100%{transform:scale(1);}
}
@keyframes fadeUp{
	0%{transform:translateY(120px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fade{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes fadeDown{
	0%{transform:translateY(-120px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeLeft{
	0%{transform:translateX(-120px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes fadeRight{
	0%{transform:translateX(120px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@media (max-height: 500px){
	.header .header_ui .all_nav{overflow-y: scroll; height: 100%; min-height: 800px; align-items:flex-start;}
	.header .header_ui .all_nav > ul{padding-top: 20px;}
	.header .header_ui .all_nav > ul > li > a{font-size:24px;}
}
@media (max-width: 1600px){
	.mv .slide_wrap .slide_txt{padding: 0 40px;}
	.mv .progress_ctn{padding: 0 40px;}
	.mv .slide_wrap .slide_txt .item h2{font-size:62px;}
	.mv .slide_wrap .slide_txt .item h3{font-size:40px;}
	.mv .slide_wrap .slide_txt .item p{font-size:22px;}
	

	.m_tit h2{font-size:40px;}
	.m_our .list .item .hover .txt h3, .m_our .list .item .in .txt h3{font-size:26px;}
	.m_tit .gr{margin-bottom:24px;}
	.m_our .list{margin-top: 60px;}
	.m_tit.tit02 h2{font-size:46px;}
	.m_tit.tit02 p{font-size:22px;}

	.mv .slide_wrap .slide_ctn .item .bg video{left: auto; right: 0; transform:translate(5%,-50%);}
}

@media (max-width: 1200px){
	.mv .slide_wrap .slide_txt{padding: 0 16px;}
	.mv .progress_ctn{padding: 0 16px;}
	.mv .slide_wrap .slide_txt .item h2{font-size:48px;}
	.mv .slide_wrap .slide_txt .item h3{font-size:28px;}
	.mv .slide_wrap .slide_txt .item p{font-size:20px;}

	.m_news{overflow: hidden;}
	.section:not(.mv,.footer){padding: 100px 0;}
	
	.m_our .link_btn{margin-top: 20px;}
	.m_our .list{margin-top: 20px;}
	.m_tit.tit02 h2{font-size:40px;}

	.ani_m{opacity: 0;}
	.ani_m.on{opacity: 1;}
}

@media (max-width: 1000px){
	.mv .slide_wrap .slide_txt{padding: 0 16px;}
	.mv .progress_ctn{padding: 0 16px;}
	.m_tit h2 br,
	.mv .slide_wrap .slide_txt .item p br,
	.mv .slide_wrap .slide_txt .item h2 br{display:none; }

	.mv .slide_wrap .slide_txt .item h2{font-size:40px;}
	.mv .slide_wrap .slide_txt .item h3{font-size:25px;}
	.mv .slide_wrap .slide_txt .item p{font-size:17px;}
	.m_tit.tit02 h2,
	.m_tit h2{font-size:36px;}

	.m_our .list .item{width: calc(50% - 20px); margin-right: 40px; padding-bottom:calc(50% - 20px); margin-bottom:40px;}
	.m_our .list .item:nth-of-type(2n){margin-right: 0;}
	.m_our .list .item:nth-of-type(n + 3){margin-bottom:0;}

}


@media (max-width: 800px){
	.m_tit.tit02 h2,
	.m_tit h2{font-size:30px;}

	.section:not(.mv,.footer){padding: 80px 0;}
	.m_our .list .item{width: calc(50% - 10px); margin-right: 20px; padding-bottom:calc(50% - 10px); margin-bottom:20px;}
	.m_our .list .item:nth-of-type(2n){margin-right: 0;}
	.m_our .list .item:nth-of-type(n + 3){margin-bottom:0;}
	.m_our .list .item .hover .txt h3, .m_our .list .item .in .txt h3{margin: 4px 0 10px;}
	.m_our .list .item .in figure{transform:scale(0.85);}

	.m_deep .flex_box{flex-wrap:wrap;}
	.m_deep .flex_box .img_box{width: 100%; margin-top:40px;}
	.m_deep .flex_box .tit02 p{margin: 20px 0 30px;}
	
	.m_news .tab_ui{margin-top: 30px;}
	.m_news .tab_ctn .list .item{margin-right: 20px; padding: 20px;}
	.m_news .tab_ctn .list .item .txt{margin-top: 30px;}
	.m_news .tab_ctn .list .item .txt h3{font-size:20px;}

	.mv .slide_wrap .slide_ctn .item .bg{min-height: 700px;}
	.mv .slide_wrap .slide_ctn .item .bg video{left: auto; right: 0; transform:translate(10%,-50%);}

}

@media (max-width: 500px){
	.mv .slide_wrap .slide_ctn .item .bg video{left: auto; right: 0; transform:translate(12%,-50%);}
}