@charset "utf-8";


.main_visual{height:100vh;}
.main_visual, .slide_wrap{overflow:hidden; position:relative; width:100%;}
.main_visual .slide_wrap{padding-top:100vh;}
.main_visual .inslide{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:.3s opacity ease-in-out; transition:.3s opacity ease-in-out; -moz-transition:.3s opacity ease-in-out;}
.main_visual .inslide.active{opacity:1;}
.main_visual .inslide video{ position: absolute; left: 50%; top: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);    object-fit: cover; }
.main_visual .controls{position:absolute; bottom:0;left:0;width:100%}
.main_visual .controls .paging{padding:0; margin:0;display: flex;justify-content: center}
.main_visual .controls .paging li{position:relative; float:left; width:150px; height:94px; margin-left:40px; list-style:none;}
.main_visual .controls .paging li:first-child{margin-left:0;}
.main_visual .controls .paging li .progress{display:block; position:relative; width:100%; height:2px; background:rgba(255,255,255,0.4);}
.main_visual .controls .paging li .progress .fill{display:block; position:absolute; left:0; top:0; width:0; height:2px; background:#fff;}
.main_visual .controls .paging li .category{display:block; padding-top:15px; padding-bottom:50px; font-size:14px; font-weight:700; text-align:center; color:#fff;}

.title_wrap{position:absolute; left:50%; top:50%; margin-left:-625px; margin-top:-85px; font-family:'Poppins'; font-weight:700; text-align:center; color:#fff; z-index:9;}
.title_wrap .top_tit{margin-bottom:10px; font-size:70px; line-height:1;}
.title_wrap .btm_tit{position:relative; width:1250px; height:90px; perspective:1000;}
.title_wrap .btm_tit > *{position:absolute; top:0; bottom:0; left:0; right:0; width:1250px; height:90px; font-size:106px; line-height:90px; backface-visibility:hidden; transition:all 0.8s ease-in-out;}
.front {opacity:1; transform:translateZ(-50px) rotateY(0deg) translateZ(50px);}
.top{opacity:0; transform:translateY(-50px) scaleY(0.00000001); transform:translateZ(-50px) rotateX(90deg) rotateY(0) translateZ(50px);}
.bottom{opacity:0; transform:translateY(50px) scaleY(0.00000001); transform:translateZ(-50px) rotateX(-90deg) rotateY(0) translateZ(50px);}
.small_tit{font-size:16px; font-family:'Poppins'; font-weight:700; letter-spacing:4.8px; color:#41545f;}
.big_tit{margin-top:25px; font-size:36px; font-weight:700; line-height:50px;}



.fullpage-main{}
/*.fullpage-main .main-video video{height:100vh;}*/
.fullpage-main .section2 .flex-box .left{padding:0 20px 0 60px}
.fullpage-main .section2 .flex-box .right{padding-left:100px;}
.fullpage-main .section2 .flex-box .right img{max-width:85%;}
.fullpage-main .section5{height: auto !important;}
.fullpage-main .section{position:relative;}
.fullpage-main .section .inner{position:absolute;left:0;top:50%;transform: translateY(-50%);width:100%;}
.fullpage-main .section2 .inner{}
.fullpage-main .section3 .inner{height: 100vh;overflow: hidden;}
.fullpage-main .section2 .flex-box .left h3{font-size:70px;}
.fullpage-main .business-slide .slick-slide{height:100vh}


.fp-viewing-section1 header .logo,
.fp-viewing-section2 header .logo,
.fp-viewing-section4 header .logo,
.fp-viewing-section5 header .logo {background: url(/images/common/logo2.png) no-repeat;background-size: cover;}

/* s::메인 기본 20221123 */
#main2{overflow: hidden;}
#main2 .main-video{}
#main2 .main-video video{width:100%;}
#main2 .main-visual{position:relative;}
#main2 .main-visual > img{display:block;width:100%;}
#main2 .main-visual .txt-box{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;}
#main2 .main-visual .txt-box h3{font-size: 70px;font-weight: bold;line-height: 1.43;letter-spacing: -3.5px;color: #fff;}
#main2 .main-visual .txt-box p{margin-top:20px;font-size: 20px;font-weight: 500;letter-spacing: -1px;text-align: center;color: rgba(255, 255, 255, 0.72);}
#main2 .main-visual i{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);}
#main2 .section2{padding:89px 60px 84px;}
#main2 .section2 .flex-box{display:flex;align-items: flex-end}
#main2 .section2 .flex-box > div{flex:1;}
#main2 .section2 .flex-box .left{margin-right:90px;}
#main2 .section2 .flex-box .left h3{position:relative; top:40px; font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #000;}
#main2 .section2 .flex-box .left p{margin-top:35px;font-size: 20px;font-weight: normal;letter-spacing: -0.5px;color: #000;}
#main2 .section2 .flex-box .left a{margin-top:80px;display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #000;}
#main2 .section2 .flex-box .left a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more2.png) no-repeat;background-size: cover;}
#main2 .section2 .flex-box .left figure{margin-top:70px;}
#main2 .section2 .flex-box .left figure img{display:block;}
#main2 .section2 .flex-box .right{}
#main2 .section3{}
#main2 .section3 .business-slide{}
#main2 .section3 .business-slide .slick-slide{position:relative;padding-top:4%;}
#main2 .section3 .business-slide .item01{background:url(/images/main/business01.png) no-repeat;background-size: cover !important;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .item02{background:url(/images/main/business02.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .item03{background:url(/images/main/business03.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .item04{background:url(/images/main/business04.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .item05{background:url(/images/main/business05.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .item06{background:url(/images/main/business06.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main2 .section3 .business-slide .slick-slide .layout{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#main2 .section3 .business-slide .slick-slide .txt-box{padding:125px 60px 0;height:100%;}
#main2 .section3 .business-slide .slick-slide .txt-box h3{font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #fff;}
#main2 .section3 .business-slide .slick-slide .txt-box p{margin-top:55px;font-size: 24px;font-weight: normal;letter-spacing: -0.24px;color: #fff;}
#main2 .section3 .business-slide .slick-slide p span{margin-top:18px;display:block;font-size: 18px;font-weight: 300;letter-spacing: -0.18px;color: #e0e0e0;}
#main2 .section3 .business-slide .slick-slide .txt-box a{margin-top:71px;display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #fff;}
#main2 .section3 .business-slide .slick-slide .txt-box a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more.png) no-repeat;background-size: cover;}
#main2 .section3 .business-slide .slick-slide .txt-box em{position:absolute;left:60px;bottom:68px;line-height: 1.43;display:inline-block;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #a1a1a1;}
#main2 .section4{padding:90px 60px 88px;}
#main2 .section4 .hgroup{position:relative; top:70px;}
#main2 .section4 .hgroup h3{font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #000;}
#main2 .section4 .hgroup p{margin-top:25px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #484848;}
#main2 .section4 ul{max-width:1280px;margin:94px auto 0;border-top:1px solid #000;border-bottom: 1px solid #e2e2e2;}
#main2 .section4 ul li{display:flex;padding:35px 0 35px;border-top: 1px solid #e2e2e2;}
#main2 .section4 ul li:first-child{border-top:0;}
#main2 .section4 ul li .ct{display:inline-block;font-size: 16px;font-weight: 300;letter-spacing: -0.8px;color: #464646;width:200px;}
#main2 .section4 ul li a{display:inline-block;width:calc(100% - 430px);}
#main2 .section4 ul li a h4{font-size: 26px;font-weight: normal;letter-spacing: -1.3px;color: #464646;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 28px;}
#main2 .section4 ul li a p{margin-top:16px;font-size: 14px;font-weight: normal;line-height: 1.71;letter-spacing: -0.35px;color: #808080;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;}
#main2 .section4 ul li .date{display:inline-block;font-size: 14px;font-weight: 300;letter-spacing: -0.7px;color: #b1b1b1;width:230px;text-align: right;}
#main2 .section4 .button-box{margin-top:64px;text-align: center;}
#main2 .section4 .button-box a{display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #000;}
#main2 .section4 .button-box a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more2.png) no-repeat;background-size: cover;}

#main2 .section3 .business-slide{}
#main2 .section3 .business-slide .slick-slide.slick-active{}
#main2 .section3 .business-slide .slick-slide.slick-active .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main2 .section3 .business-slide .slick-slide.slick-active .txt-box p{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;}
#main2 .section3 .business-slide .slick-slide.slick-active .txt-box a{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;}
#main2 .section3 .business-slide .slick-slide.slick-active .txt-box em{-webkit-animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;}
/* e::메인 기본 20221123 */

@media all and (max-width:1300px) {
    #main2 .section3 .business-slide .slick-slide .txt-box{padding:60px 60px 0;}
    #main2 .section3 .business-slide .slick-slide .txt-box em{left:60px;}
}


@media all and (max-width:1750px) {
	header .layout{padding:0 40px;}

	.main_visual .controls .paging li .category{padding-top:15px; padding-bottom:30px;} 


	.fullpage-main .section2 .flex-box .right{padding-left:40px;}
    .fullpage-main .section3 .business-slide .slick-slide .layout{padding:0 40px;}
	.fullpage-main .section2 .inner{padding:0 40px;}
    .fullpage-main .section3 .business-slide .slick-slide .layout{padding:0 40px;}
	
	#main .section2 .flex-box .left a{margin-top:40px;}
    #main .section2 .flex-box .left figure{margin-top:35px;}
	#main .section3 .business-slide .slick-slide .txt-box em{left:40px; bottom:103px;}
    #main .section4 .hgroup{top:0; left:100px;}
    #main .section4 .hgroup p{margin-top:0;font-sizE:18px;}
    #main .section4 ul{margin-top:40px;}
	#main .section4 ul li{padding:10px 0;}

	#main .section2 .flex-box .right{max-width:45%;padding-right:60px;}
    #main .section3 .business-slide .slick-slide .layout{padding:0 60px;}
    #main .section3 .business-slide .slick-slide .txt-box em{left:60px;}
    #main .section4 .hgroup{padding:0 0px;}
    footer{padding: 67px 60px 80px;}
}




/* tablet */
@media all and (max-width:1440px) {
/*    header{height:60px;}*/
    aside{padding:50px;width:450px;right:-450px}
    aside .close-menu{top:17px;right:37px;}
    aside dl{}
    aside dl dt{width:125px;}
    aside dl dt a{font-size: 20px;}
    aside dl dd{padding:0 0 20px 125px;}
    aside dl dd a{font-size: 18px;}
    aside dl dd a + a{margin-top:15px;}

/*    header .logo{width:120px;height:32px;}*/
    .main_visual .controls .paging{padding: 0 40px;}
    .main_visual .controls .paging li{margin-left:20px;flex:1;}
    .main_visual .controls .paging li .category{padding-top:15px; padding-bottom:30px; font-size:15px; font-weight:700; text-align:center; color:#fff;}
    header .layout{padding:0 40px;}
    .fullpage-main .section2 .inner{padding:0 40px;}
    #main .section2 .flex-box{justify-content: space-between}
    #main .section2 .flex-box .left{max-width:55%;}

    .fullpage-main .section2 .flex-box .right{padding-left:40px;}
    .fullpage-main .section2 .flex-box .right img{display: block;max-width:100%;}
    .fullpage-main .section3 .business-slide .slick-slide .layout{padding:0 40px;}
    .fullpage-main .section4 .inner{padding:0 40px;}
    footer{padding:67px 40px 80px;}
    #main .section3 .business-slide .slick-slide .txt-box em{left:40px;}
    #main .section2 .flex-box .left h3{font-size:40px;}
    #main .section3 .business-slide .slick-slide .txt-box h3{font-size:40px;}
    #main .section4 .hgroup h3{font-size:40px;}
    #main .section4 ul li{padding:10px 0;}
    #main .section4 ul li a h4{font-size:16px;}
    #main .section2 .flex-box .left a{margin-top:40px;}
    #main .section2 .flex-box .left figure{margin-top:35px;}
    #main .section4 .hgroup{top:0;}
    #main .section4 .hgroup p{margin-top:0;font-size:18px;}
    #main .section4 ul{margin-top:40px;}
    #main .section4 .button-box{margin-top:32px;}
    #main .section3 .business-slide .slick-slide .txt-box{padding-top:125px;}


    /* 노트북 여백 */
    #main .section2 .flex-box .right{max-width:45%;padding-right:60px;}
    #main .section3 .business-slide .slick-slide .layout{padding:0 60px;}
    #main .section3 .business-slide .slick-slide .txt-box em{left:60px;}
    #main .section4 .hgroup{padding:0 60px;}
    footer{padding: 67px 60px 80px;}
}