@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');



html, body { font-family:'Oswald','Pretendard','SUIT','Noto Sans KR','나눔고딕', 'Nanum Gothic', 'sans-serif';color:#3E4345; -webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; line-height:1; letter-spacing: -0.005em; word-break: keep-all; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-backface-visibility: hidden;}


.inner{width:1820px;margin:0 auto;}
*{margin: 0;padding: 0;background: transparent;font-weight: normal;font-style: normal;box-sizing: border-box;touch-action: auto;-webkit-tap-highlight-color: transparent !important;-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;}


@media (max-width:1820px){
	.inner {width:100%;padding:0 2rem;}

}

/*******메인 비주얼 *******/

.container.group.main{position:relative;}
.main-visual .main-section-hysung-group-intro{position: relative;
    width: 100%;
    height: 96rem;
    overflow: hidden;
    background-color:#222;}


	.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view{
	
	
	position: absolute;
    left: 50%;
    width: 150%;
    padding: 10rem;
    margin-left: -75%;
    margin-top: -10.7%;
   transition-duration: 0.5s;
    transition-timing-function: linear;
    z-index: 1;padding-top:0;
}

.thumbnail-intro-main-box-view{padding:5rem;overflow:hidden;}

.thumbnail-intro-main-box-list{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

.thumbnail-intro-main-box-list .thumbnail-intro-main-box-item{
	    flex: 1 1 20%;
    text-align: center;
    font-size: 0;transition-duration: 1s;
	}

	.thumbnail-intro-main-box{    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 45rem;
    max-height: 45rem;
		height:45rem;
	}

	.main-visual .thumbnail-intro-main-box-link{display:block;width:inherit;height:inherit;}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-intro-main-content{    position: relative;
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .text-position-area{position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    left: 5rem;
    right: 5rem;}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area{position: absolute;
    z-index: 1;
    top: 50%;
    left: 2.5rem;
    right: 2.5rem;
   transform:translateY(-50%);
    height: calc(100% - 22rem);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transition-duration: 0.3s;
	}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area:hover{height:100%;}




	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size: 2.4rem !important;font-weight: 700;line-height: 4.2rem;color: rgb(255, 255, 255);width:100%;transition-duration: 0.5s;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area:hover span
	{top:20%;transition-duration: 0.5s;}


	.thumbnail-image-area{font-size:0;}

	.thumbnail-intro-main-box *{box-sizing: border-box;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .title-thumbnail-main{font-size: 0;
    text-align: center;
    transform: translateY(0);
    transition-duration: 0.3s;}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .title-thumbnail-main .text-warp{display: inline-block;
    font-size: 0;}

	.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item .thumbnail-intro-main-box .thumbnail-intro-main-box-link .title-thumbnail-main .text-warp .text{display: inline-block;opacity:0;
    font-size: 0;transition-duration: 1s;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .thumbnail-background-area, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .thumbnail-background-area {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-bar, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-bar {
    opacity: 1;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-bar.bar-top-left, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-bar.bar-top-left {
    top: -0.1rem;
    left: -0.1rem;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-bar.bar-top-right, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-bar.bar-top-right {
    top: -0.1rem;
    right: -0.1rem;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-bar.bar-bottom-left, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-bar.bar-bottom-left {
    bottom: -0.1rem;
    left: -0.1rem;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-bar.bar-bottom-right, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-bar.bar-bottom-right {
    bottom: -0.1rem;
    right: -0.1rem;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-focus-line.focus-top, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-focus-line.focus-top {
    width: 1000%;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-focus-line.focus-right, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-focus-line.focus-right {
    height: 1000%;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-focus-line.focus-bottom, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-focus-line.focus-bottom {
    width: 1000%;
}
.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .frame-focus-line.focus-left, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .frame-focus-line.focus-left {
    height: 1000%;
}

.thumbnail-intro-main-box .thumbnail-intro-main-box-link .bottom-text-area{    font-size: 0;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition-duration: 0.3s;color:#fff;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link:focus .bottom-text-area, .thumbnail-intro-main-box .thumbnail-intro-main-box-link:hover .bottom-text-area{max-height: 10rem;
    opacity: 1;font-size:1rem;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .title-thumbnail-main .text-warp .text{
		display: inline-block;
    font-size: 2.4rem !important;
    font-weight: 700;
    line-height: 4.2rem;
    color: rgb(255, 255, 255);
}


.thumbnail-intro-main-box-list .thumbnail-background-area {position:relative;}
.thumbnail-intro-main-box-list .thumbnail-background-area:after{content:'';display:block;position:absolute;width:4.9rem;height:4.9rem;
background:url('/images/default/main/plus-icon.png')no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;}


.view-time-end  .thumbnail-intro-main-box:hover .thumbnail-intro-main-box-link .text-position-area {top:20% !important;}


/*첫번째 ul 리스트*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(1) .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-1-on.png')no-repeat center center !important;    background-size: auto !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(2)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-2-on.png')no-repeat center center !important;background-size: auto !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(3) .thumbnail-background-area:hover {background:url('/images/default/main/thumbnail-main-item-3-on.png')no-repeat center center !important;background-size: auto !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(4)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-4-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(5)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-5-on.png')no-repeat center center !important;}*/

/*!*두번째 ul 리스트*!*/
/*.view-time-end  .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(1)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-6-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(2)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-7-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(3) .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-8-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(4) .thumbnail-background-area:hover {background:url('/images/default/main/thumbnail-main-item-9-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(5)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-10-on.png')no-repeat center center !important;}*/

/*!*세번째 ul 리스트*!*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(1)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-11-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(2)  .thumbnail-background-area:hover{background:url('/images/default/main/thumbnail-main-item-12-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(3) .thumbnail-background-area:hover {background:url('/images/default/main/thumbnail-main-item-13-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(4) .thumbnail-background-area:hover {background:url('/images/default/main/thumbnail-main-item-14-on.png')no-repeat center center !important;}*/
/*.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(5) .thumbnail-background-area:hover {background:url('/images/default/main/thumbnail-main-item-15-on.png')no-repeat center center !important;}*/

.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item .thumbnail-intro-main-box .thumbnail-intro-main-box-link .title-thumbnail-main .text-warp .text {
    opacity: 0;
    transition-delay: 0s;
}
.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item:nth-child(1), .main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item:nth-child(3), .main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item:nth-child(5) {
    transform: translateY(60%);transition-duration: 1s;
}
.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item:nth-child(2), .main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view.view-time-start .thumbnail-intro-main-box-list .thumbnail-intro-main-box-item:nth-child(4) {
     transform: translateY(-60%);transition-duration: 1s;
}

@media (max-width:1400px){
	
	.main-visual .main-section-hysung-group-intro .main-hyosung-group-intro-pc .thumbnail-intro-main-box-view{margin-top:-5%;padding:0 6rem;}
	.main-visual .main-section-hysung-group-intro{height:80rem;}
	.thumbnail-intro-main-box {height:32rem;}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area{height: calc(100% - 12rem);background-size:cover;}

	/*반응형 이미지 수정*/

	/*첫번째 ul 리스트*/
	.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(1) .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(2)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(3) .thumbnail-background-area:hover {background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(4)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(1) li:nth-child(5)  .thumbnail-background-area:hover{background-size:cover !important;}

	/*두번째 ul 리스트*/
	.view-time-end  .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(1)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(2)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(3) .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(4) .thumbnail-background-area:hover {background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(2) li:nth-child(5)  .thumbnail-background-area:hover{background-size:cover !important;}

	/*세번째 ul 리스트*/
	.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(1)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(2)  .thumbnail-background-area:hover{background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(3) .thumbnail-background-area:hover {background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(4) .thumbnail-background-area:hover {background-size:cover !important;}
	.view-time-end .thumbnail-intro-main-box-list:nth-child(3) li:nth-child(5) .thumbnail-background-area:hover {background-size:cover !important;}
}
@media (max-width:1200px){
	.thumbnail-intro-main-box  {height:25rem;}

	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area {height: calc(100% - 10rem);}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area:hover{background-size:cover !important;}
	.thumbnail-intro-main-box .thumbnail-intro-main-box-link .thumbnail-background-area span{font-size:1.9rem !important;}
}
/*모바일 메인 비주얼*/

.main-visual-mob{display:none;}
@media (max-width:1030px){
	.main-hyosung-group-intro-wrap {display:none;}
	.main-visual-mob{display:block;background:#222222;padding:30rem 0;position:relative;overflow:hidden;}
}
.mySwiper {position:absolute;left:50%;top:50%;    transform: translate(-50%, -50%);width:100%;height:30rem;    overflow: unset;}
.mySwiper .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;left: 6.4rem;width: 26rem;height: 26rem;flex-shrink: 0;position: relative;transition-property: transform;}
.mySwiper .swiper-slide > a{width:100%;height:100%;display:inline-block;}
.mySwiper .swiper-slide .img-zone{display:inline-block;width:100%;height:100%;position:relative;}
.mySwiper .swiper-slide .img-zone h2{color:#fff;position:absolute;left:50%;top:12.5%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;display:none;width:100%;text-align:center;}
.mySwiper .swiper-slide-active {z-index:1;}
.mySwiper .swiper-slide-active .img-zone h2{display:block;}
.mySwiper .swiper-slide-prev{}
.wrapper-bx{}
.swiper-pagination{bottom:-5rem !important;}
.swiper-pagination span{font-size:1.2rem;font-weight:700;line-height:1.4rem;}
.swiper-pagination .swiper-pagination-total{color:#909090;}
.swiper-pagination .swiper-pagination-current{color: #d80c18;}
.swiper-pagination .bar {font-weight: 400;color: rgba(89, 89, 89, 0.8); padding: 0 1rem;}

/*.mySwiper .swiper-slide-active .bg01{background:url('/images/default/main/thumbnail-main-item-1-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg02{background:url('/images/default/main/thumbnail-main-item-2-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg03{background:url('/images/default/main/thumbnail-main-item-3-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg04{background:url('/images/default/main/thumbnail-main-item-4-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg05{background:url('/images/default/main/thumbnail-main-item-5-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg06{background:url('/images/default/main/thumbnail-main-item-6-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg07{background:url('/images/default/main/thumbnail-main-item-7-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg08{background:url('/images/default/main/thumbnail-main-item-8-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg09{background:url('/images/default/main/thumbnail-main-item-9-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg10{background:url('/images/default/main/thumbnail-main-item-10-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg11{background:url('/images/default/main/thumbnail-main-item-11-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg12{background:url('/images/default/main/thumbnail-main-item-12-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg13{background:url('/images/default/main/thumbnail-main-item-13-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg14{background:url('/images/default/main/thumbnail-main-item-14-on.png')no-repeat center bottom !important;background-size:cover !important;}*/
/*.mySwiper .swiper-slide-active .bg15{background:url('/images/default/main/thumbnail-main-item-15-on.png')no-repeat center bottom !important;background-size:cover !important;}*/

/****************ctn02****************/
.ctn02{background:#222222;padding:17rem 0;}
.ctn02 .visual_lead{ white-space: nowrap;display: flex;align-items: center;font-size: 75px;font-weight: 400;color: #fff;z-index: 1;justify-content: space-between;}
.ctn02 .visual_lead span{opacity: 0;}
.ctn02 .visual_lead .lead01{display:flex;}
.ctn02 .visual_lead .lead02{display:flex;}
.ctn02 .line{width:85rem;height:1px;position:relative;}
.ctn02 .line:after{content:'';display:block;position:absolute;left:0;top:0;background:#fff;width:0;height:100%;}
.ctn02.active .line:after{animation: line .4s forwards;animation-delay: 0.6s;}


.ctn02.active .visual_lead span{opacity: 0;animation: fadeInSlow .2s forwards;
    display: initial;}
	.ctn02 .visual_lead .lead01 em{padding:0 2rem;}


.ctn02 .lead_txt{font-size:2.8rem;color:#fff;font-weight:600;margin-top:8rem;line-height:1.3;position:relative;opacity:0;}
.ctn02.active .lead_txt{animation: fadeInSlow .2s forwards;animation-delay: 3.1s;}
.ctn02 .lead_txt:after{content:'';display:block;position:absolute;width:13px;height:13px;background:#d70c19;border-radius:50%;top:-3rem;left:0;animation: motion 0.5s linear 0s infinite alternate;animation-delay: 2.1s;}

@keyframes motion {
	0% {top: -2rem;}
	100% {top: -4rem;}
}
@keyframes line {
	0% {width: 0;}
	100% {width: 100%;}
}

.ctn02 .lead_dash {display:flex;align-items: center;}
.ctn02 .lead_dash i{width: 850px;height: 1px;background: #707070;margin: 0 2rem;display: block;}
.ctn02 .lead_change {width: 350px;position: relative;height: 75px;transition: 0.5s ease;overflow: hidden;padding: 0 30px;}
.lead_change > div{display: flex;align-items: center;position: absolute;}
.lead_change > div > span { opacity: 0;transform: translateY(102.5px);transition: 0.3s ease;}



.ctn02 .main-tit {font-size:75px;color:#fff;font-weight:600;display:flex;justify-content:space-between;    align-items: center;}
.ctn02 .main-tit .txt01{display:flex;}
.ctn02 .main-tit .txt01 > div:nth-child(2){margin:0 2rem;}
.ctn02 .main-tit .txt01 > div {position:relative;overflow:hidden;}
.ctn02 .main-tit .txt01 > div i {position:absolute;width:100%;background:#222222;height:100%;z-index:1;left:0;}
.ctn02.active .main-tit .txt01 > div i{animation: i-ani 0.2s  forwards;}
.ctn02.active .main-tit .txt01 > div:nth-child(2) i {animation-delay: 0.2s;}
.ctn02.active .main-tit .txt01 > div:nth-child(3) i {animation-delay: 0.4s;}

.ctn02 .main-tit .txt02{position:relative;overflow:hidden;}
.ctn02 .main-tit .txt02 i{position:absolute;width:100%;background:#222222;height:100%;z-index:1;left:0;}
.ctn02.active .main-tit .txt02 i{animation: i-ani 0.2s  forwards;animation-delay: 1.1s;}


.ctn02 .main-txt{font-size:2.8rem;color:#fff;font-weight:600;margin-top:8rem;line-height:1.3;position:relative;opacity:0;}
.ctn02.active .main-txt{animation: fadeInSlow .2s forwards;animation-delay: 1.4s;}
.ctn02 .main-txt:after{content:'';display:block;position:absolute;width:13px;height:13px;background:#d70c19;border-radius:50%;top:-3rem;left:0;animation: motion 0.5s linear 0s infinite alternate;animation-delay: 1.4s;}



@keyframes i-ani {
  0% {
   transform: translate(0, 0);
  }
  100% {
  transform: translate(100%, 0);
  }
}

@media (max-width:1820px){
	.ctn02 .visual_lead {font-size:6rem;}
	.ctn02 .main-tit{font-size:6rem;}
	.ctn02 .line{margin:0 2rem;width:60rem;}
}
@media (max-width:1500px){
	.ctn02 .line{width:50rem;}
}
@media (max-width:1200px){
		.ctn02 .line{width:30rem;}
}
@media (max-width:1030px){
	.ctn02{padding:0 0 10rem 0;}
	.ctn02 .visual_lead .lead01 em{padding:0 1rem;}
	.ctn02 .line {display:none;}
	.ctn02 .main-tit{    justify-content: flex-start;}
	.ctn02 .main-tit .txt02{margin-left:2rem;}
		.ctn02.active .main-tit .txt02 i{animation-delay: 0.8s;}
	
}

@media (max-width:767px){
.ctn02{padding:10rem 0;padding-top:0;}
.ctn02 .visual_lead{font-size:4rem;}
.ctn02.active .lead_txt{font-size:2rem;}
.ctn02 .main-txt{font-size:2rem;}
.ctn02 .main-tit{font-size:4rem;}
.ctn02 .main-tit .txt01 > div:nth-child(2){margin:0 1rem;}
.ctn02 .main-tit .txt02{margin-left:1rem;}

}
@media (max-width:500px){
	.ctn02 {padding-top:0;}
	.ctn02 .visual_lead{display:block;position:relative;}
	.ctn02 .line:after{top:auto;bottom:0;}
	.ctn02 .line{display:none;}
	.ctn02 .visual_lead .lead02{margin-top:0.5rem;}
	.ctn02 .main-tit{display:block;}
	.ctn02 .main-tit .txt02{margin-left:0;margin-top:1rem;}
	.ctn02.active .main-txt br{display:none;}
} 





.ctn03{height:96rem;overflow:hidden;width:100%;}
.ctn03 > div {position:absolute;height:100%;width:100%}
.ctn03 .left-con{width:10rem;position:absolute;display:flex;flex-direction:column;height:100%;justify-content:space-between;text-align:center;padding:7.5rem 0;align-items: center;border-right:1px solid #bcbcbc;}
.ctn03 .left-con em{font-size:4rem;color:#888;font-weight:600;}
.ctn03 .left-con p{font-size:2rem;color:#888;writing-mode: vertical-rl;}
.ctn03 .business-con{padding-left:10rem;height:100%;display:flex;align-items: center;}
.ctn03 .business-con > div{padding-left:10rem;margin-top:-5rem;}
.ctn03 .business-con > div h4{font-size:7.5rem;font-weight:500;color:#191919;}
.ctn03 .business-con > div p{font-size:2.3rem;color:#333;margin-top:5rem;line-height:1.4;font-weight:500;}
.ctn03 .business-con > div a{font-size:2.3rem;font-weight:600;color:#333;display:inline-block;margin-top:11rem;position:relative;}
.ctn03 .business-con > div a:after{content: '';display: block;position: absolute;width: 6rem;height: 6rem;background: #191919 url(/images/default/main/arrow-icon.svg)no-repeat center center;background-size: 1.1rem;border-radius: 50%;right: -9rem;top: 50%;transform: translateY(-50%);}
.ctn03 .business-con > div a:hover:after {background: #d70c19 url(/images/default/main/arrow-icon.svg)no-repeat center center;background-size: 1.1rem;}
.ctn03 > div:nth-child(even) h4,
.ctn03 > div:nth-child(even) p{color:#fff;}
.ctn03 > div:nth-child(even) a{color:#fff;}
.ctn03 > div:nth-child(even) a:after{background: #000 url(/images/default/main/arrow-icon.svg)no-repeat center center;background-size: 1.1rem;}

.ctn03 > div:first-child{width:100% !important;z-index:1;background:#f2f2f2;}
.ctn03 > div:first-child:after{content:'';display:block;position:absolute;width:68.2rem;height:71.1rem;background:url(/images/default/main/ctn03-bg-1.png)no-repeat center center;background-size:cover;right:7rem;bottom:11rem;}
.ctn03 > div.ctn03-2{width:calc(100% - 10rem);z-index:2;background:#191919;left:10rem}
.ctn03 > div.ctn03-2:after{content:'';display:block;position:absolute;width:50%;height:100%;background:url(/images/default/main/ctn03-bg-2.png)no-repeat center center;background-size:cover;right:0;bottom:0;}
.ctn03 > div.ctn03-3{width:calc(100% - 20rem);z-index:3;background:#f2f2f2;left:20rem;}
.ctn03 > div.ctn03-3:after{content:'';display:block;position:absolute;right:7rem;bottom:11rem;width:68.2rem;height:71.1rem;background:url(/images/default/main/ctn03-bg-3.png)no-repeat center center;background-size:cover;}
.ctn03 > div.ctn03-4{width:calc(100% - 30rem);z-index:4;background:#191919;color:#fff;left:30rem;}
.ctn03 > div.ctn03-4:after{content:'';display:block;position:absolute;width:40%;height:100%;background:url(/images/default/main/ctn03-bg-4.png)no-repeat center center;background-size:cover;right:0;bottom:0;}
.mob-img{display:none;}
.ctn03 > div.ctn03-5{width:calc(100% - 40rem);z-index:5;background:#f2f2f2;left:40rem;}
.ctn03 > div.ctn03-5:after{content:'';display:block;position:absolute;width:68.2rem;height:71.1rem;background:url(/images/default/main/ctn03-bg-5.png)no-repeat center center;background-size:cover;right:7rem;bottom:11rem;}
.mob-img{display:none;}

@media (max-width:1820px){
	.ctn03{height:100vh;}
	.ctn03 > div:first-child:after{bottom:auto;top:50%;transform:translateY(-50%);right:2rem;height:60rem;width:57.6rem;}
	.ctn03 > div.ctn03-2:after{width:40%;}
	.ctn03 > div.ctn03-3:after{bottom:auto;top:50%;transform:translateY(-50%);right:2rem;height:60rem;width:57.6rem;}
	.ctn03 > div.ctn03-4:after{width:40%;}
	.ctn03 > div.ctn03-5:after{width:40%;}
	.ctn03 .business-con > div{padding-left:5rem;}
}
@media (max-width:1600px){
	.ctn03 .business-con > div p{font-size:1.75rem;}
}
@media (max-width:1400px){
	.ctn03 > div:first-child:after {height:40rem;width:38.4rem;}
	.ctn03 > div.ctn03-3:after{height:40rem;width:38.4rem;}
	.ctn03 .left-con{width:8rem;}
	.ctn03 > div.ctn03-2{width: calc(100% - 8rem);left:8rem}
	.ctn03 > div.ctn03-3{width: calc(100% - 16rem);left:16rem;}
	.ctn03 > div.ctn03-4{width: calc(100% - 24rem);left:24rem;}
	.ctn03 > div.ctn03-5{width: calc(100% - 32rem);left:32rem;}
	.ctn03 .business-con > div{padding-left:1rem;}
}
@media (max-width:1200px){
	.ctn03 .business-con > div h4{font-size:5rem;}
	.ctn03 > div:first-child:after,
	.ctn03 > div.ctn03-3:after,
	.ctn03 > div.ctn03-5:after{height:35rem; width:33.6rem; top:auto; bottom:1rem; transform:translateY(0); right:1rem;}
	.ctn03 > div.ctn03-4 .business-con{width: 60%;}
	.ctn03 > div.ctn03-4 .br1200{display:none;}
}
@media (max-width:1030px){
	.ctn03 {height:auto !important;}
	.ctn03 > div{height:auto;position:relative;padding:10rem 0;}
	.ctn03 > div.ctn03-2{width: 100%;left:auto}
	.ctn03 > div.ctn03-3{width: 100%;left:auto;}
	.ctn03 > div.ctn03-4{width: 100%;left:auto;}
	.ctn03 > div.ctn03-5{width: 100%;left:auto;}
	.ctn03 > div.ctn03-4 .business-con{width: inherit;}
	.ctn03 .business-con > div{margin-top:0;}
	.ctn03 .left-con{top:0;display:none;}
	.ctn03 .business-con{padding-left:2rem;}
	.ctn03 .business-con > div a:after{width:4rem;height:4rem;background-size:1rem;right:-5.5rem;}
	.ctn03 > div.ctn03-4 .br1200{display:block;}
}
@media (max-width:850px){	
	.ctn03 .business-con > div h4 {font-size:3.25rem;}
	.ctn03 .business-con > div h4 br{display:none;}
	.ctn03 > div{padding:5rem 0 0 0;}	
	.ctn03 .business-con > div{width:100%;padding-left:0;margin-bottom:4rem;}
	.ctn03 .business-con > div a{margin-top:3rem;}
	.ctn03 .business-con > div p{margin-top:3rem;font-size:1.5rem;}
	.mob-img{display:block;text-align:center;margin-top:3rem;}
	.mob-img img{max-width:100%;}
	.ctn03 > div:first-child:after{display:none;}
	.ctn03-1 .mob-img img{height:25rem;}
	.ctn03 > div.ctn03-2:after{display:none;}
	.ctn03-2 .mob-img img{height:25rem;}
	.ctn03 > div.ctn03-3:after{display:none;}
	.ctn03-3 .mob-img img{height:25rem;}
	.ctn03 > div.ctn03-4:after{display:none;}
	.ctn03-4 .mob-img img{height:25rem;}
	.ctn03 > div.ctn03-5:after{display:none;}
	.ctn03-5 .mob-img img{height:25rem;}
}

@media (max-width:500px){
	.ctn03 .business-con{padding-right:2rem;}
	.ctn03 .business-con > div p br{display:none;}
	.ctn03 > div.ctn03-2:after{height:20rem}
	.ctn03 > div.ctn03-3:after{height:20rem}
	.ctn03 > div.ctn03-4:after{height:20rem}
	.ctn03 > div.ctn03-5:after{height:20rem}
}


.ctn04{background:url(/images/default/main/ctn04-bg.jpg)no-repeat center center;padding:15rem 0;position:relative;background-size:cover;overflow:hidden;}
.ctn04 .point{position:absolute;}
.ctn04 .mc04_start {top:0;}
.ctn04 .mc04_end {bottom:30%;}
.ctn04 .inner{display:flex;}
.ctn04.page_start .left-con{position:fixed !important;top:15rem;}
.ctn04 .inner .left-con{width:36.813%;position:absolute;}
.ctn04 .inner .left-con h4{font-size:7.5rem;color:#fff;font-weight:600;}
.ctn04 .inner .left-con p{font-size:2.3rem;color:#fff;font-weight:600;margin-top:6rem;line-height:1.3;}
.ctn04 .inner .right-con{width:100%;padding-left:36.813%;}
.ctn04 .inner .right-con .port-con{position:relative;}
.ctn04 .inner .right-con .port-con h5{font-size:3.3rem;color:#fff;font-weight:600;margin-top:3rem;}
.ctn04 .inner .right-con .port-con p{font-size:2rem;color:rgba(255,255,255,0.5);line-height:1.3;margin-top:2.5rem;}
.ctn04 .inner .right-con .port-con:nth-child(even){padding-left:53rem;margin-left:9rem;}
.ctn04 .inner .right-con .port-con .point-txt{position:absolute;right:0;top:0;height:53rem;color:rgba(255,255,255,0.05);font-size:8rem;font-weight:600;  display: flex;align-items: center;}
.ctn04 .inner .right-con .port-con:nth-child(even) .point-txt{right:auto;left:-21rem;}
.ctn04 .inner .right-con .port-con:not(:last-child){margin-bottom:6.5rem;}
.ctn04 .inner .right-con .port-con .point-txt > div:after{position: absolute;top: 0;left: 0;content: 'Public institutions';width: 100%;height: 0;color: transparent;overflow: hidden;transition: all .5s ease;white-space: nowrap;-webkit-text-stroke: 0.4px #fff;}
.ctn04 .inner .right-con .port-con:nth-child(2) .point-txt > div:after{content:'Educational Institution';}
.ctn04 .inner .right-con .port-con:nth-child(3) .point-txt > div:after{content:'Enterprise';}
.ctn04 .inner .right-con .port-con .point-txt .aos-animate:after{height: 100%;color: #dedede;transition-delay: .3s;}
.ctn04 .inner .right-con .port-con:nth-child(3) .point-txt{right:auto;left:57rem;}
.ctn04 .inner .right-con img{ -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;
transform-origin: center bottom;-webkit-transition: all cubic-bezier(0,.71,.46,1) 1s;transition: all cubic-bezier(0,.71,.46,1) 1s;}
.ctn04 .inner .right-con img.aos-animate{-webkit-transform: scaleY(1);transform: scaleY(1);transition: all cubic-bezier(0,.71,.46,1) 1s;}


.ctn04 .inner .right-con .port-con span.img-zone{display:inline-block;height:100%;position:relative}


.ctn04 .inner .right-con .port-con a span.img-zone:after{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5) url('/images/default/main/hover-img.png')no-repeat center center;left:0;top:0;transition-duration: 0.5s;opacity:0;}
.ctn04 .inner .right-con .port-con a:hover span.img-zone:after{opacity:1;}

.ctn04 .inner .right-con .port-con .point-txt span br{display:none;}
@media (max-width:1820px){
	.ctn04 .inner .left-con h4{font-size:6.5rem;}
	.ctn04 .inner .right-con .port-con{margin-right:50%;}
	.ctn04 .inner .right-con .port-con .point-txt > div:after{font-size:4rem;}
	.ctn04 .inner .right-con .port-con .point-txt{font-size:4rem;}
	.ctn04 .inner .right-con{padding-left:35%;}
	.ctn04 .inner .left-con{width:30%;}
	.ctn04 .inner .right-con .port-con:nth-child(even) .point-txt{left:0;}
	.ctn04 .inner .right-con img {max-width:100%;}
	.ctn04 .inner .right-con .port-con > div{width:100%;}
	.ctn04 .inner .right-con .port-con .point-txt{width:auto;}
	.ctn04 .inner .right-con .port-con:nth-child(even){padding-left:0;margin-right:0;margin-left:50%;}
	.ctn04 .inner .right-con .port-con:nth-child(even) .point-txt{left:-100%;right:auto;}
	.ctn04 .inner .right-con .port-con:nth-child(3) .point-txt{left:auto;right:-100%;text-align:right;}
	.ctn04 .inner .right-con .port-con p br {display:none;}
	.ctn04 .inner .right-con .port-con .point-txt{position:absolute;right:-100%}
	.ctn04 .inner .left-con p br{display:none;}
	.ctn04 .inner .right-con .port-con .point-txt{font-size:6rem !important}
	.ctn04 .inner .right-con .port-con .point-txt > div:after{font-size:6rem !important}
	.ctn04 .inner .right-con .port-con:nth-child(even){text-align:right;}
}
@media (max-width:1600px){
	.ctn04 .inner .left-con p{font-size:1.75rem;}
}
@media (max-width:1200px){
	.ctn04 .inner .left-con h4 {font-size:5rem;}
}
@media (max-width:1030px){
	.ctn04{padding:10rem 0;}
	.ctn04 .inner{display:block;}
	.ctn04 .inner .left-con{position:relative;}
	.ctn04.page_start .left-con{position:relative !important;top:auto;}
	.ctn04 .inner .left-con p{margin-top:3rem;}
	.ctn04 .inner .right-con{width:100%;padding-left:0;}
	.ctn04 .inner .left-con{width:100%;margin-bottom:5rem; }
	.ctn04 .inner .right-con .port-con .point-txt{font-size:4.5rem;}
	.ctn04 .inner .right-con .port-con .point-txt > div:after{font-size:4.5rem;}
	.ctn04 .inner .right-con .port-con .point-txt{height:60%;}
	.ctn04 .inner .right-con .port-con p{font-size:1.5rem;}
	.ctn04 .inner .right-con .port-con h5{font-size:2.75rem;}

	.ctn04 .inner .right-con .port-con span.img-zone{ width: 77.1053vw;}
	.ctn04 .inner .right-con .port-con{margin-right:0;}
	.ctn04 .inner .right-con img{width:100%;}
	.ctn04 .inner .right-con .port-con:nth-child(even){text-align:right;margin-left:0;}
	.ctn04 .inner .right-con .port-con .point-txt{right:0;top:auto;bottom:0;}
	.ctn04 .inner .right-con .port-con .point-txt span{color:transparent}
	.ctn04 .inner .right-con .port-con .point-txt .aos-animate:after{color:transparent}
	.ctn04 .inner .right-con .port-con:nth-child(even) .point-txt{left:0;}
	.ctn04 .inner .right-con .port-con:nth-child(3) .point-txt{right:0;}
	

}
@media (max-width:500px){
	.ctn04 .inner .right-con .port-con .point-txt{bottom:5%;}
	.ctn04 .inner .right-con .port-con{margin-right:0;}
	.ctn04 .inner .right-con .port-con:nth-child(even){margin-left:0;}
			.ctn04 .inner .right-con .port-con .point-txt{font-size:4.5rem !important;z-index:1;}
	.ctn04 .inner .right-con .port-con .point-txt > div:after{display:none;}
	.ctn04 .inner .right-con .port-con .point-txt span{
	    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-stroke: 0.4px #fff;}
	.ctn04 .inner .right-con .port-con .point-txt span br{display:block;}

	.ctn04 .inner .right-con .port-con span.img-zone:before{content:'';display:block;position:absolute;width:100%;height:13.7rem;bottom:0;left:0;  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.7) 5%, transparent);z-index:1;}

}



.ctn05-con{width:100%;position:relative;height:43rem;overflow:hidden;}
.ctn05{width: 100%;height: 100%;background:#f2f2f2;display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;top: 0;left: 0;z-index: -1;}
.ctn05 > div{width: 100%;text-align: center;display: flex;}
.ctn05 >  div ul{display: flex;justify-content: space-around;animation: textLoop 30s linear infinite;flex-shrink: 0;}
.ctn05 >  div ul li {font-size:10.5rem;font-weight:500;display:flex;    align-items: center;}
.ctn05 >  div ul li span{width:9rem;height:9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#000;color:#fff;font-size:1.8rem;text-align:center;margin:0 1.5rem;}
.ctn05 >  div:nth-child(1){margin-bottom:50px;}
.ctn05 >  div:nth-child(2) ul{animation-direction: reverse;}
.ctn05 >  div ul li em.text-c1{color:#d7d7d7;margin-right:1.5rem;}
.ctn05 >  div ul li em.text-c2{color:#888888}

@keyframes textLoop {
  0% {
   transform: translate(0, 0);
  }
  100% {
  transform: translate(-100%, 0);
  }
}
@media (max-width:1030px){
	.ctn05-con{height:30rem;}
	.ctn05 > div ul li {font-size:8rem;}
}
@media (max-width:500px){
	.ctn05-con{height:26rem;}
	.ctn05 > div ul li {font-size:6rem;}
	.ctn05 > div:nth-child(1){margin-bottom:2rem;}
}






/*poppins폰트*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');