@charset "UTF-8";

/* scrollevent
	부모 class="scrollEvent"
	이벤트 class="fadeInUp up1"
*/
@keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@-webkit-keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes fadeIn {
    from {opacity:0;}
	to {opacity:1;}
}
.fadeInUp {position:relative;opacity:0;}
.fadeInUp.fade {animation:fadeInUp .7s both;-webkit-animation:fadeInUp .7s both;}
.fadeInUp.up1 {animation-delay:.1s;-webkit-animation-delay:.1s}
.fadeInUp.up2 {animation-delay:.2s;-webkit-animation-delay:.2s;}
.fadeInUp.up3 {animation-delay:.3s;-webkit-animation-delay:.3s;}
.fadeInUp.up4 {animation-delay:.4s;-webkit-animation-delay:.4s;}
.fadeInUp.up5 {animation-delay:.5s;-webkit-animation-delay:.5s;}
.fadeInUp.up6 {animation-delay:.6s;-webkit-animation-delay:.6s;}
.fadeInUp.up7 {animation-delay:.7s;-webkit-animation-delay:.7s;}

.section{font-size:20px;}
@media all and (max-width:1600px){
	.section{font-size:19px;}
}
@media all and (max-width:1400px){
	.section{font-size:18px;}
}
@media all and (max-width:1200px){
	.section{font-size:17px;}
}
@media all and (max-width:1000px){
	.section{font-size:16px;}
}
@media all and (max-width:800px){
	.section{font-size:15px;}
}
@media all and (max-width:600px){
	.section{font-size:14px;}
}
@media all and (max-width:400px){
	.section{font-size:13px;}
}
@media all and (max-width:320px){
	.section{font-size:10px;}
}


/* visual_section */
.visual_section{}
.visual_section > .box{position:absolute;left:50%;top:50%;width:calc(100% - 120px);height:calc(100% - 194px - 122px);border-radius:24px;overflow:hidden;transform:translate(-50%,-50%);transition:all 1s;animation:slideAni 1s linear;}
.visual_section .blind{position:absolute;top:0;left:-100%;z-index:11;width:0;height:100%;background-color:#131429;}
.visual_section .slide_box{opacity:0;}
.visual_section .slide_box .slide{height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.visual_section .slide_box .slide01{background-image:url(../img/visual_section_bg01.jpg);}
.visual_section .slide_box .slide02{background-image:url(../img/visual_section_bg02.jpg);}
.visual_section .slide_box .slide03{background-image:url(../img/visual_section_bg03.jpg);}
.visual_section .slide_box .slide .section_title{display:none;color:#fff;text-align:center;}
.visual_section .slide_box .slide .section_title .inner{position:relative;height:100vh;}
.visual_section .slide_box .slide .section_title .desc{margin:0;padding-top:180px;font-size:22px;}
.visual_section .slide_box .slide .section_title .desc::after{content:'';display:block;width:100px;height:2px;margin:20px auto 0;background-color:#FF0000;}
.visual_section .slide_box .slide .section_title .title{position:absolute;top:50%;left:50%;width:100%;max-width:1400px;margin:0 auto;font-size:58px;font-weight:600;transform:translate(-50%,-50%);}
.visual_section .fp-slidesNav{position:absolute;left:0;right:0;margin:0 auto;}
.visual_section #fp-nav ul, .visual_section .fp-slidesNav ul{margin:0;padding:0;text-align:center;}
.visual_section #fp-nav ul li span, .visual_section .fp-slidesNav ul li span{width:12px !important;height:12px !important;margin:0 !important;background-color:#9B9B9B;}
.visual_section #fp-nav ul li a.active span, .visual_section .fp-slidesNav ul li a.active span, 
.visual_section #fp-nav ul li:hover a.active span, .visual_section .fp-slidesNav ul li:hover a.active span{margin:-4px 0 0 -4px !important;border:solid 4px #FF0000;background-color:transparent;}
.visual_section .fp-controlArrow{width:28px;height:44px;background-repeat:no-repeat;background-position:center center;background-size:contain;border:none;}
.visual_section .fp-controlArrow.fp-prev{left:30px;background-image:url(../img/visual_section_prev.png);}
.visual_section .fp-controlArrow.fp-next{right:30px;background-image:url(../img/visual_section_next.png);}
/* @keyframes blindAni{
	0%{left:-100%;width:0;}
	50%{left:0;width:100%;border-radius:24px;}
	100%{left:100%;width:0;}
} */

@media all and (max-width:1600px){
	.visual_section .slide_box .slide .section_title .desc{padding-top:9em;font-size:1.1em;}
	.visual_section .slide_box .slide .section_title .desc::after{width:5em;margin:1em auto 0;}
	.visual_section .slide_box .slide .section_title .title{width:80%;font-size:2.9em;}
	.visual_section #fp-nav ul li span, .visual_section .fp-slidesNav ul li span{width:0.6em !important;height:0.6em !important;}
	.visual_section #fp-nav ul li a.active span, .visual_section .fp-slidesNav ul li a.active span, 
	.visual_section #fp-nav ul li:hover a.active span, .visual_section .fp-slidesNav ul li:hover a.active span{margin:-0.2em 0 0 -0.2em !important;border:solid 0.2em #FF0000;}
	.visual_section .fp-controlArrow{width:1.4em;height:2.2em;}
	.visual_section .fp-controlArrow.fp-prev{left:1.5em;}
	.visual_section .fp-controlArrow.fp-next{right:1.5em;}
}
@media all and (max-width:1200px){
	.visual_section .slide_box .slide .section_title .title{line-height:1.2;font-size:2.4em;}
}
@media all and (max-width:800px){
	.visual_section .slide_box .slide .section_title .title{font-size:2em;}
}


/* business_section */
.business_section{}
.business_section .slide_box{height:100%;}
.business_section .slide_box .slide{height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.business_section .slide_box .slide[data-anchor="slide01"]{background-image:url(../img/business_section_bg01.jpg);}
.business_section .slide_box .slide[data-anchor="slide02"]{background-image:url(../img/business_section_bg02.jpg);}
.business_section .slide_box .slide[data-anchor="slide03"]{background-image:url(../img/business_section_bg03.jpg);}
.business_section .slide_box .slide[data-anchor="slide04"]{background-image:url(../img/business_section_bg04.jpg);}
.business_section .slide_box .slide .section_title{color:#fff;}
.business_section .slide_box .slide .section_title .title{margin:0;font-size:100px;font-weight:700;}
.business_section .slide_box .slide .section_title .desc{width:500px;line-height:1.5;margin:35px 0 0;font-size:18px;}
.business_section .slide_box .slide .section_content{margin-top:120px;}
.business_section .slide_box .slide .section_content .title{display:inline-block;margin:0;padding:15px 20px;font-size:25px;font-weight:500;color:#000;background-color:#fff;border-radius:10px;}
.business_section .slide_box .slide .section_content .desc{line-height:1.5;margin:80px 0 0;font-size:20px;color:#fff;}
.business_section > .fp-slidesNav{display:none;}
.business_section .fp-controlArrow{display:none;}
.business_section .navigation{position:absolute;bottom:100px;left:0;right:0;z-index:111;}
.business_section .navigation ul{display:flex;justify-content:space-around;margin:0;padding:0;}
.business_section .navigation ul li{width:calc(25% - 15px);margin:0;list-style:none;}
.business_section .navigation ul li a{display:block;line-height:2;font-size:20px;font-weight:300;color:#919191;text-decoration:none;}
.business_section .navigation ul li a:after{content:'';display:block;width:100%;height:3px;background-color:#919191;}
.business_section .navigation ul li.active a, .business_section .navigation ul li:hover a{color:#fff;}
.business_section .navigation ul li.active a:after, .business_section .navigation ul li:hover a:after{background-color:#fff;}
@media all and (max-width:1800px){
	.business_section .navigation{bottom:3em;}
}
@media all and (max-width:1600px){
	.business_section .slide_box .slide .section_title .title{font-size:5em;}
	.business_section .slide_box .slide .section_title .desc{width:25em;margin:1.75em 0 0;font-size:0.9em;}
	.business_section .slide_box .slide .section_content{margin-top:6em;}
	.business_section .slide_box .slide .section_content .title{padding:0.75em 1em;font-size:1.25em;border-radius:0.5em;}
	.business_section .slide_box .slide .section_content .desc{margin:4em 0 0;font-size:1em;}
	.business_section .navigation ul li{width:calc(25% - 0.75em);}
	.business_section .navigation ul li a{font-size:1em;}
}
@media all and (max-width:1000px){
	.business_section .navigation ul li a{font-size:0.8em;}
}
@media all and (max-width:800px){
	.business_section .navigation ul{flex-wrap:wrap;}
	.business_section .navigation ul li{width:calc(50% - 0.75em);}
	.business_section .navigation ul li:nth-of-type(n+3){margin-top:0.5em;}
	.business_section .navigation ul li a{font-size:0.9em;}
}
@media all and (max-width:400px){
	.business_section .slide_box .slide .section_title .title{font-size:4em;}
	.business_section .navigation ul li a{font-size:0.8em;}
}


/* technology_section */
.technology_section{background-image:url(../img/technology_section_bg.png);background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.technology_section .sitewidth{max-width:calc(1200px + 60px);}
.technology_section .section_title{text-align:center;}
.technology_section .section_title .title{margin:0;font-size:70px;font-weight:600;letter-spacing:0.02em;}
.technology_section .section_title .desc{line-height:1.5;margin:50px 0 0;font-size:24px;letter-spacing:0.01em;}
.technology_section .section_content{margin-top:60px;}
.technology_section .section_content .list{display:flex;justify-content:space-between;}
.technology_section .section_content .list .item{box-sizing:border-box;width:50%;max-width:500px;padding:50px;text-align:center;background-color:#fff;border:solid 1px #8B8B8B;border-radius:10px;}
.technology_section .section_content .list .item .title{margin:0;font-size:30px;font-weight:500;}
.technology_section .section_content .list .item .image{width:210px;max-width:100%;margin:50px auto 0;}
.technology_section .section_content .list .item .image img{width:100%;}
.technology_section .section_content .list .item .desc{line-height:1.5;margin:50px 0 0;font-size:16px;letter-spacing:0.01em;}
@media all and (max-width:1600px){
	.technology_section .section_title .title{font-size:3.5em;}
	.technology_section .section_title .desc{margin:2.5em 0 0;font-size:1.2em;}
	.technology_section .section_content{margin-top:3em;}
	.technology_section .section_content .list .item{border-radius:0.5em;}
	.technology_section .section_content .list .item .title{font-size:1.5em;}
	.technology_section .section_content .list .item .image{width:10.5em;margin:2.5em auto 0;}
	.technology_section .section_content .list .item .desc{margin:2.5em 0 0;font-size:0.8em;}
}
@media all and (max-width:1200px){
	.technology_section .section_content .list .item{width:25em;padding:2.5em;}
}
@media all and (max-width:1000px){
	.technology_section .section_content .list .item{width:22em;padding:2em;}
}
@media all and (max-width:800px){
	.technology_section .section_title .title{font-size:3.2em;}
	.technology_section .section_title .desc br{display:none;}
	.technology_section .section_content .list .item{width:calc(50% - 10px);}
	.technology_section .section_content .list .item .title{font-size:1.3em;}
}
@media all and (max-width:400px){
	.technology_section .section_content .list .item .title{font-size:1.2em;}
}


/* media_section */
.media_section{background-image:url(../img/media_section_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.media_section .title{margin:0;}
.media_section .desc{margin:0;}
.media_section .data{display:flex;justify-content:space-between;}
.media_section .data .section_title{color:#fff;}
.media_section .data .section_title .title{line-height:1.2;font-size:100px;font-weight:600;letter-spacing:0.04em;}
.media_section .data .section_title .desc{margin-top:10px;font-size:24px;letter-spacing:0.05em;}
.media_section .data .section_content{}
.media_section .data .section_content .list{display:flex;}
.media_section .data .section_content .list .item{box-sizing:border-box;padding:20px;width:250px;height:300px;background-repeat:no-repeat;background-position:center center;background-size: 100%;border-radius:10px;transition:background-size .3s linear;}
.media_section .data .section_content .list .item:nth-of-type(1){background-image:url(../img/media_section_item01.png);}
.media_section .data .section_content .list .item:nth-of-type(2){margin-left:40px;background-image:url(../img/media_section_item02.png);}
.media_section .data .section_content .list .item:hover{background-size:110%;}
.media_section .data .section_content .list .item .title{}
.media_section .data .section_content .list .item .title a{display:block;font-size:24px;font-weight:600;color:#fff;text-decoration:none;}
.media_section .news{margin-top:30px;}
.media_section .news .section_title{color:#fff;}
.media_section .news .section_title .title{font-size:24px;letter-spacing:0.04em;}
.media_section .news .section_content{margin-top:10px;color:#fff;}
.media_section .news .section_content .list{display:flex;justify-content:space-between;}
.media_section .news .section_content .list .item{box-sizing:border-box;width:calc(33.33% - 20px);padding:30px;border:solid 1px #fff;border-radius:10px;}
.media_section .news .section_content .list .item a{display:block;text-decoration:none;}
.media_section .news .section_content .list .item .name_title{margin:0;font-size:16px;font-weight:600;letter-spacing:0.03em;}
.media_section .news .section_content .list .item .title{margin-top:10px;font-size:24px;font-weight:600;letter-spacing:0.03em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.media_section .news .section_content .list .item .desc{line-height:1.5;margin-top:40px;font-size:18px;font-weight:300;letter-spacing:0.01em;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media all and (max-width:1600px){
	.media_section .data .section_title .title{font-size:5em;}
	.media_section .data .section_title .desc{margin-top:0.5em;font-size:1.2em;}
	.media_section .data .section_content .list .item{padding:1em;width:12.5em;height:15em;border-radius:0.5em;}
	.media_section .data .section_content .list .item:nth-of-type(2){margin-left:2em;}
	.media_section .data .section_content .list .item .title a{font-size:1.2em;}
	.media_section .news{margin-top:1.5em;}
	.media_section .news .section_title .title{font-size:1.2em;}
	.media_section .news .section_content{margin-top:0.5em;}
	.media_section .news .section_content .list .item{width:calc(33.33% - 1em);padding:1.5em;border-radius:0.5em;}
	.media_section .news .section_content .list .item .name_title{font-size:0.8em;}
	.media_section .news .section_content .list .item .title{margin-top:0.5em;font-size:1.2em;}
	.media_section .news .section_content .list .item .desc{margin-top:2em;font-size:0.9em;}
}
@media all and (max-width:1000px){
	.media_section .data .section_title .title{line-height:1.1;font-size:4em;}
	.media_section .data .section_content .list .item:nth-of-type(2){margin-left:1.5em;}
}
@media all and (max-width:800px){
	.media_section .data .section_content .list .item{width:10em;height:12.5em;}
	.media_section .data .section_content .list .item:nth-of-type(2){margin-left:1em;}
}
@media all and (max-width:600px){
	.media_section .data{flex-wrap:wrap;}
	.media_section .data .section_content .list{margin-top:1em;}
	.media_section .news .section_content .list .item{width:calc(33.33% - 0.5em);padding:1em;}
}

