@charset "utf-8";
.pcbr{display:block;}
.ptbr{display:block;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block;}
.pt_view{display:block;}
.tm_view{display:none !important;}
.t_view{display:none !important;}
.m_view{display:none !important;}

/*header*/
header:hover, header.active, header.fp_black{background:#fff !important; border-bottom:1px solid #d0d4d9 !important;}
header:hover *,header.active *{color:#000 !important;}
#wrap{background: #ededed;}
#wrap header.fp_white #nav .gnb li.detph1>a{font-weight:400; color:#fff;}
#wrap header.fp_white .layout-right .util>ul>li a{color:#fff;}
#wrap header.fp_white:hover #nav .gnb li.detph1>a,#wrap header.fp_white.active #nav .gnb li.detph1>a{font-weight:500;}
#wrap header.fp_white:hover .logo a{background: url('../../img/main_logo.png')no-repeat center; background-size: 100%;}
#wrap header.fp_white .layout-right .util>ul>li:first-child:after,#wrap header.fp_white .layout-right .lang_tit:before,#wrap header.fp_white .layout-right .lang_tit:after{background:#fff;}
#wrap header:hover .layout-right .util>ul>li:first-child:after,#wrap header:hover .layout-right .lang_tit:before,#wrap header:hover .layout-right .lang_tit:after,
#wrap header.active .layout-right .util>ul>li:first-child:after,#wrap header.active .layout-right .lang_tit:before,#wrap header.active .layout-right .lang_tit:after
{background:#000;}

/*side_nav*/
#side_nav{position:fixed;top:50%;right:4%;z-index:20;transform:translateY(-50%);margin-right: 10px;}
#side_nav:after{position:absolute;display:block;content:"";width:1px;height: 95%;top: 50%;left: 50%;margin-left: -1px;background: url(../../img/main/side_nav_dot_icon_w.png);background-repeat: repeat-y;background-size: auto 72px;transform: translateY(-50%);image-rendering: pixelated;}
#side_nav .dot{position:relative;display:inline-block;width: 7px;height: 7px;background: #fff;border-radius: 50%;}
#side_nav li + li{margin-top: 36px;}
#side_nav .dot:before{content:'';width: 29px;height: 29px;border-radius: 100%;position:absolute;opacity:0;top: 50%;left: 50%;transform: scale(0);margin-top: -14.5px;margin-left: -14.5px;background:url(../../img/main/main_nav_icon_w.png)no-repeat center;image-rendering: pixelated;}
#side_nav li.on .dot:before{opacity:1;transform: scale(1);transition: 0.5s;}
#side_nav li span{font-family:'Play';position: relative;width: 80px;text-align: right;top: -2px;font-size:12px;line-height: 1em;color:#fff;font-weight: 600;float: right;letter-spacing: 1px;margin-right: 30px;display:none;}
#side_nav li.on span{display:block;}
.fp-viewing-2 #side_nav:after{background:url(../../img/main/side_nav_dot_icon.png);}
.fp-viewing-2 #side_nav .dot{background:#000;}
.fp-viewing-2 #side_nav .dot:before{background:url(../../img/main/main_nav_icon.png)no-repeat center;}
.fp-viewing-2 #side_nav li span{color:#000;}
.page_top{display:none;}

/*section*/
section.section{position:relative; overflow:hidden; z-index:0}
section .center{text-align:center; width:100%;}
section .center.con-width3{margin-top:100px;}
section .center_box{display:flex;width:100%;height:100%;align-items:center}
/*section -> main_title*/
section .main_title .tit{font-size:76px;line-height:1em;letter-spacing:6px;font-family:'Play', sans-serif;font-weight: 600;color: #1e1e1e;}
section .main_title .s_tit{font-size:54px;letter-spacing: -1.5px;line-height: 1.2em;font-family:'Myriad Pro', sans-serif;font-weight: 500;color: #1e1e1e;}
section .main_title .txt{font-size:18px;margin:10px auto 0;line-height: 30px;color: #1e1e1e; }
section.white .main_title .txt{font-weight:300;}
section.white *{color:#fff !important;}
section .txt1{font-size:18px;}
/*more_btn link_btn*/
section .more_btn{position:relative;width:200px;height: 58px;line-height: 57px;font-family: 'Play', sans-serif;font-size:14px;font-weight: 600;letter-spacing: 0.7px;text-align:center;box-sizing:border-box;color: #1e1e1e;border: 1px solid #1e1e1e;border-radius:5px;display:block;transition:0.3s;overflow:hidden;}
section .more_btn:after{position: absolute;transition: .3s 0.1s;content: ''; width: 0;  bottom: 0;background: #000;  height: 100%; left: 0%; z-index: -1;}
section .more_btn:hover{color:#fff;}
section .more_btn:hover:after{ width: 100%; left: 0%;}
section.white .more_btn{color:#fff; border-color:#fff;}
section.white .more_btn:hover{color:#000;}
section.white .more_btn:after{background:#fff;}

/*section01*/
.section01 .main_slide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.section01 .main_slide .v01{background:url('../../img/main/221130_main_v01.jpg')no-repeat center/cover;}
.section01 .main_slide .v02{background:url('../../img/main/221130_main_v02.jpg')no-repeat center/cover;}
.section01 .main_slide .v03{background:url('../../img/main/221130_main_v03.jpg')no-repeat center/cover;}
.section01 .main_slide .main_title{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);margin-top: -10px;z-index:10;}
.section01 .main_slide .main_title *{text-align:center; color:#fff;}
.section01 .main_slide .item .main_title .tit{font-size:90px;font-family: 'Play', sans-serif; transform:translateX(60px); font-weight: 600;line-height: 1.1;letter-spacing:-1px; opacity:0;}
.section01 .main_slide .item.on .main_title .tit{transition:1.3s 0.2s; transform:translateX(0px); opacity:1;}
.section01 .main_slide .main_title .s_tit{font-family:'Noto Sans KR';font-size:22px;font-weight: 300;margin-top: 30px;letter-spacing: -0.3px; transform:translateX(70px); opacity:0;}
.section01 .main_slide .item.on .main_title .s_tit{transition:1.4s 0.3s; transform:translateX(0px); opacity:1;}
.section01 .slide_wrap, .section01 .main_slide img,.section01 .main_slide .item,.section01 .main_slide .img{width:100%; height:100%;}
.section01 .bx-wrapper,
.section01 .bx-wrapper .bx-viewport{width:100% !important; height:100% !important;}
.section01 .bx-controls{position:absolute;left: 50%;bottom: 60px;display:inline-block;width: auto;transform: translateX(-50%);text-align:left;font-size: 0;	z-index:100;}
.section01 .bx-controls>div{display:inline-block;width:auto;position:static !important;vertical-align: top;}
.section01 .bx-wrapper .bx-controls-direction a{width:12px; height:20px;}
.section01 .bx-wrapper .bx-controls-direction .bx-prev{background:url(../../img/main/main_s1_prev.html)no-repeat center;}
.section01 .bx-wrapper .bx-controls-direction .bx-next{background:url(../../img/main/main_s1_next.html)no-repeat center;}
.section01 .bx-wrapper .bx-controls-auto a{background:none;}
.section01 .bx-wrapper .bx-controls-auto .bx-start{display:inline-block;}
.section01 .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block;}
.section01 .bx-wrapper .bx-controls-auto .bx-start.active{display:none;}
.section01 .bx-wrapper .bx-controls-auto .bx-stop.active{display:none;}
.section01 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:auto;display:inline-block;}
.section01 .bx-wrapper .bx-pager.bx-default-pager a {
	box-sizing:border-box;
	position: relative;
	background:0;
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
	top: 0;
	margin: 0 11px;
	outline: 0;
	border-radius: 50%;
	background:#fff;
}
.section01 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:before{display:none;}
.section01 .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 3px solid #3258b4;
	background:none;
	width: 12px;
	height: 12px;
	transform: translateY(-2px);
	}
.section01 .bx-wrapper .bx-controls-auto .bx-stop {
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    vertical-align: top;
    outline: 0;
    margin: 0px 12px;
}
.section01 .bx-wrapper .bx-controls-auto .bx-start {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-indent: -9999px;
    outline: 0;
    margin: 0 12px;
}
/*section02*/
.section02{background:url('../../img/main/main_section02_bg1.jpg') no-repeat center top/cover;}
.section02 .main_title .txt{width: 33%;padding: 0 30px;box-sizing: border-box;word-break: keep-all;}
.section02 .list_wrap{width:100%;height: 100%;position: absolute;top: 0;}
.section02 .list_wrap:after{display:block; content:""; clear:both;}
.section02 .list_wrap li{position:relative;float:left;width: 33.33%;height: 100%;display: table;box-sizing:border-box;}
.section02 .list_wrap li.active{cursor:pointer;}
.section02 .list_wrap li+li:after{display:block; content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:rgba(255,255,255,0.3); }
.section02 .list_wrap li.active:before{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(-45deg, #422aa6, #0195d6);opacity: 0;z-index: -1; transition:0.5s}
.section02 .list_wrap li.active:hover:before{opacity:0.8; transition:0.5s;}
.section02 .list_wrap li .center{display:table-cell;vertical-align:middle;padding-top: 325px;}
.section02 .list_wrap li .icon{display:block;margin: 0px auto 30px;}
.section02 .list_wrap li .tit{font-size:48px; font-family:'Play'; font-weight:600; line-height:1em;}
.section02 .list_wrap li .s_tit{font-size:22px; line-height:1em; margin-top:15px;}
.section02 .list_wrap li .txt{font-size:17px;margin-top:15px;font-weight:300;line-height: 1.7; }
.section02 .list_wrap li .more_btn{margin:50px auto;}
.section02 .list_wrap li .more_btn:hover{color:#2b50b7 !important;}
/*section03*/
.section03{background:url(../../img/main/main_section03_bg1.jpg)no-repeat left bottom,url(../../img/main/main_section03_bg2.jpg)no-repeat right top;}
.section03 *{text-align:left;}
.section03 .center:after{display:block; content:""; clear:both;}
.section03 .center >*{float:left;}
.section03 .main_title{width: 430px;margin-top: 150px;}
.section03 .more_btn{margin-top:45px;}
.section03 .list_wrap{width: calc(100% - 430px);}
.section03 .list_wrap:after{display:block; content:""; clear:both;}
.section03 .list_wrap li{position:relative; width:auto; float:left; overflow:hidden;}
.section03 .list_wrap li:nth-child(odd){margin-top:50px;}
.section03 .list_wrap li+li{margin-left: 40px;}
.section03 .list_wrap li a{display:block;outline: 0;}
.section03 .list_wrap li .img{display:block;width:356px;height:580px; overflow:hidden;}
.section03 .list_wrap li .img:before{display:block;content:"";position: absolute;top: 8px;left: 8px;width: 338px;height: 562px;border: 1px solid rgba(255,255,255,0.3);z-index: 1;}
.section03 .list_wrap li .img img{width:100%; /*transform:scale(1.05); transition:0.5s;*/}
/*.section03 .list_wrap li:hover .img img{transform:scale(1); transition:0.7s; }*/
.section03 .list_wrap li .title{position:absolute;left:0px;bottom:0px;width:350px;transition:0.5s;padding:45px 40px;box-sizing:border-box;z-index: 2;}
.section03 .list_wrap li .title:before{width:50px;height:2px;background:#fff;display:none;content:"";position:absolute;top: 58px;left: -30px;}
.section03 .list_wrap li .title>*{color:#fff;}
.section03 .list_wrap li .title .tit{font-size:30px; line-height:1em;}
.section03 .list_wrap li .title .txt{position:absolute; width:100%; opacity:0; font-size:17px; margin-top:15px; font-weight:300; transform:translateY(10px);}
.section03 .list_wrap li:hover{overflow:inherit;}
.section03 .list_wrap li:hover .title{left:0px; bottom: 40px; height:100px; transition:0.5s; background:linear-gradient(-45deg, #422aa6, #0195d6);}
.section03 .list_wrap li:hover .title:before{display:block; -webkit-animation: lineActiveAnimation .9s cubic-bezier(0.445,0.05,0.55,0.95);animation:lineActiveAnimation .9s cubic-bezier(0.445,0.05,0.55,0.95); transition:0.7s;}
.section03 .list_wrap li:hover .txt{opacity:1; transform:translateY(0); transition:0.6s;}

@-webkit-keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}
/*section04*/
.section04{background:#f5f9ff;}
.section04 .center{padding-left: 130px; box-sizing: border-box;}
.section04 *{text-align:left;}
.section04 .main_title .s_tit{margin-top:15px;}
.section04 .main_title .txt{margin-top:30px;}
.section04 .item{position:absolute; display:block; border-radius:50%; overflow:hidden; z-index:-1;}
.section04 .item1 .img{position:absolute; top:87px; left:-150px; width:100%; height:100%; display:block;background:url(../../img/main/main_bg_item1.jpg)no-repeat right bottom;}
.section04 .item1{top: -400px;right: -15%;width:400px;height:400px; }
.section04.ani .item1{width:1035px;height:1035px;top: -325px;right: -9%;transition:1.5s 1s;}
.section04 .item2{width:200px;height:200px; left:-450px;bottom:-100px; background:#1a75bc; }
.section04.ani .item2{width: 620px;height: 620px;left: -425px;bottom: 20px;transition:1.6s 1s;}
.section04 .list_wrap{margin-top: 22px;}
.section04 .list_wrap:after{display:block; content:""; clear:both;}
.section04 .list_wrap li{float:left; width:130px;}
.section04 .list_wrap li+li{margin-left:40px;}
.section04 .list_wrap li a{display:block;}
.section04 .list_wrap li *{text-align:center;}
.section04 .list_wrap li .icon{display:block; width:130px; height:130px; border:2px solid #184fa1; box-sizing:border-box; border-radius:50%;  transition:0.3s;}
.section04 .list_wrap li:nth-child(1) .icon{background:url(../../img/main/rnd_icon1.png)no-repeat center;}
.section04 .list_wrap li:nth-child(2) .icon{background:url(../../img/main/rnd_icon2.png)no-repeat center;}
.section04 .list_wrap li:nth-child(3) .icon{background:url(../../img/main/rnd_icon3.png)no-repeat center;}
.section04 .list_wrap li p.tit{font-size:18px;line-height:1em;color:#184fa1;margin-top: 12px;font-weight: 500; }
.section04 .list_wrap li:hover .icon{transform:scale(0.93); transition:0.5s;}


/*section05*/
.section05{background:linear-gradient(45deg, #414db1, #0e8bce);}
.section05 .main_title{position: absolute;top: 475px;right: 320px;z-index: 2;}
.section05 .center_box{background: url(../../img/main/main_section05_bg2.png)no-repeat top -20px center;}
.section05 .center.con-width3{margin-top: 0px !important;height: 100%;width: 1280px;}
.section05 .more_btn{margin: 35px auto 70px;border-color: #7ab2ec !important;}
.section05 .more_btn:hover{color:#2174c2 !important; border-color:#fff;}
.section05 .list_wrap{margin: 70px auto 0; width: 310px;}
.section05 .list_wrap:after{display:block; content:""; clear:both;}
.section05 .list_wrap li{float:left;}
.section05 .list_wrap li+li{margin-left:30px;}
.section05 .list_wrap li span{display:inline-block;vertical-align: top;}
.section05 .list_wrap li .tit1{font-size:22px;color:#fff;font-weight: 400;margin-left: 5px;} 
.section05 .pin_wrap{position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;}
.section05 .pin_wrap button.pin{position:absolute; width:21px; height:24px; background:url(../../img/main/map_pin_icon.png)no-repeat center; overflow:inherit; transition:0.3s;}
.section05 .pin_wrap button.pin .name{position: absolute;width: 110px;bottom: 100%;left: 50%;margin-bottom: 1px;transform: translateX(-50%);font-family:'Play';font-size:13px;color: #252525 !important;font-weight:600;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;display:none;text-transform: uppercase;}
.section05 .pin_wrap button.pin:hover{transform:translateY(-7px);transition:0.5s;}
.section05 .pin_wrap button.pin:hover .name{display:block;}
.section05 .pin_wrap .pin1{top: 315px;left: 14px;}
.section05 .pin_wrap .pin2{top: 375px;left: -123px;}
.section05 .pin_wrap .pin3{top: 378px;left: -67px;}
.section05 .pin_wrap .pin4{top: 407px;left: -41px;}
.section05 .pin_wrap .pin5{top: 415px;left: -66px;}
.section05 .pin_wrap .pin6{top: 421px;left: 50px;}
.section05 .pin_wrap .pin7{top: 431px;left: -26px;}
.section05 .pin_wrap .pin8{top: 457px;left: -15px;}
.section05 .pin_wrap .pin9{top: 465px;left: 12px;}
.section05 .pin_wrap .pin10{top: 479px;left: -42px;}
.section05 .pin_wrap .pin11{top: 491px;left: -130px;}
.section05 .pin_wrap .pin12{top: 494px;left: -7px;}
.section05 .pin_wrap .pin13{top: 494px;left: 40px;}
.section05 .pin_wrap .pin14{top: 523px;left: 78px;z-index: 1;}
.section05 .pin_wrap .pin15{top: 532px;left: 62px;z-index: 1;}
.section05 .pin_wrap .pin16{top: 563px;left: 119px;}
.section05 .pin_wrap .pin17{top: 584px;left: 88px;}
.section05 .pin_wrap .pin18{top: 577px;left: 151px;}
.section05 .pin_wrap .pin19{top: 695px;left: 64px;}
.section05 .pin_wrap .pin20{top: 317px;left: 332px;}
.section05 .pin_wrap .pin21{top: 475px;left: 340px;}
.section05 .pin_wrap .pin22{top: 567px;left: 313px;}
.section05 .pin_wrap .pin23{top: 580px;left: 338px;}
.section05 .pin_wrap .pin24{top: 616px;left: 360px;}
.section05 .pin_wrap .pin25{top: 621px;left: 391px;}
.section05 .pin_wrap .pin26{top: 665px;left: 362px;}
.section05 .pin_wrap .pin27{top: 695px;left: 425px;}
.section05 .pin_wrap .pin28{top: 640px;left: 467px;}
.section05 .pin_wrap .pin29{top: 569px;left: 455px;}
.section05 .pin_wrap .pin30{top: 572px;left: 418px;}
.section05 .pin_wrap .pin31{top: 488px;left: 546px;}
.section05 .pin_wrap .pin32{top: 810px;left: 519px;}
.section05 .pin_wrap .pin33{top: 433px;right: 188px;}
.section05 .pin_wrap .pin34{top: 556px;right: 186px;}
.section05 .pin_wrap .pin35{top: 664px;right: 32px;}
.section05 .pin_wrap .pin36{top: 734px;right: -59px;}
.section05 .pin_wrap .pin37{top: 820px;right: -9px;}
.section05 .pin_wrap .pin38{top: 841px;right: 20px;}
.section05 .pin_wrap .pin39{top: 444px;left: -85px;}
.section05 .pin_wrap .pin40{top: 498px;left: 63px;}
.section05 .pin_wrap .pin41{top: 680px;left: 373px;}


@media(max-width:1600px){
.section01 .main_slide .item .main_title .tit{font-size:80px;}
.section01 .main_slide .main_title .s_tit{font-size:20px;}
section .main_title .tit{font-size:66px;}
section .main_title .txt{font-size:17px;}
.section02 .list_wrap li .tit{font-size:38px;}
.section03 .main_title{padding-left:3.5%; box-sizing:border-box;}
.section03 .list_wrap .slick-track{margin-left:60px;}
.section03 .list_wrap li:last-child{margin-right:40px;}
.section04.ani .item1{width:900px; height:900px; top:-125px;}
.section04.ani .item1 .img{top:215px; left:-20px;}
.section04.ani .item2{width:320px; height:320px; left:-210px; bottom:40px;}
.section05 .main_title{right:350px;}
}


@media(max-width:1530px){
	.section05 .center_box{background: url(../../img/main/main_section05_bg2_t.png)no-repeat center;background-size: 108%;}
	.section05 .pin_wrap{display:none;}
}
@media(max-width:1460px){
	#side_nav{display:none;}
}





/*motion*/

section .main_title .tit,section .main_title .s_tit,section .main_title .txt{opacity:0; transform:translateY(20px);}
section.ani .main_title .tit,section.ani .main_title .s_tit,section.ani .main_title .txt{opacity:1; transform:translateY(0px);}
section.ani .main_title .tit{letter-spacing:0; transition: 0.7s;}
section .main_title .s_tit{}
section.ani .main_title .txt{transition: 0.8s 0.2s;}

.section02 .main_title{position: relative;top: -175px;transition:0.4s;z-index:10;}
.section02 .main_title.on{transform:translateY(-35px); transition:0.5s;}
.section02 .list_wrap li{opacity:0; transform:translateY(100px);}
.section02.ani .list_wrap li{opacity:1; transform:translateY(0px);}
.section02.ani .list_wrap li:nth-child(1){transition:0.9s 0.7s;}
.section02.ani .list_wrap li:nth-child(2){transition:0.9s 1s;}
.section02.ani .list_wrap li:nth-child(3){transition:0.9s 1.2s;}
.section02 .list_wrap li:after{opacity:0;}
.section02.ani .list_wrap li:after{opacity:1; transition:3s 0.9s;}
.section02 .list_wrap li.active .tit_box{transition:0.5s;}
.section02 .list_wrap li.active:hover .tit_box{transform:translateY(-120px); transition:0.6s;}
.section02 .list_wrap li.active .view_box{position:absolute; left:0; width:100%; opacity:0;}
.section02 .list_wrap li.active:hover .view_box{opacity:1; transform:translateY(-120px); transition:0.5s;}
.section02 .list_wrap li .txt{opacity:0; transform:translateY(20px); transition:0.5s 0.1s; }
.section02 .list_wrap li .more_btn{opacity:0; transform:translateY(20px); transition:0.5s 0.2s;}
.section02 .list_wrap li.active:hover .txt,.section02 .list_wrap li.active:hover .more_btn{opacity:1; transform:translateY(0px); transition:0;}
.section02.ani .list_wrap li.active:hover .icon{-webkit-animation:quick_circle 0.4s linear alternate;animation:quick_circle 0.4s linear alternate;}
@-webkit-keyframes quick_circle{0%{transform:rotateY(360deg)}50%{opacity:0.5}100%{transform:rotateY(0deg);opacity:1}}
@keyframes quick_circle{0%{transform:rotateY(360deg)}50%{opacity:0.5}100%{transform:rotateY(0deg);opacity:1}}

/*.section02 .list_wrap li{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
.section02.ani .list_wrap li{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}*/
.section03 .more_btn{opacity:0; transform:translateY(30px);}
.section03.ani .more_btn{opacity:1; transform:translateY(0px); transition:0.8s 0.2s;}
.section03 .list_wrap li{opacity:0;}
.section03 .list_wrap li:nth-child(odd){transform:translateY(70px);}
.section03 .list_wrap li:nth-child(even){transform:translateY(-70px);}
.section03.ani .list_wrap li{opacity:1;transform:translateY(0px);transition:0.7s 0.8s;outline: 0;}

.section04 .main_title .s_tit,.section04 .main_title .txt{transform:translateY(30px);}
.section04.ani .main_title .s_tit{transition: 0.8s 0.2s;}
.section04.ani .main_title .txt{transition: 0.8s 0.3s;}
.section04 .list_wrap li{opacity:0; transform:translateY(50px);}
.section04.ani .list_wrap li{opacity:1; transform:translateY(0px);}
.section04.ani .list_wrap li:nth-child(1){transition: 0.8s 0.4s;}
.section04.ani .list_wrap li:nth-child(2){transition: 0.8s 0.5s;}
.section04.ani .list_wrap li:nth-child(3){transition: 0.8s 0.6s;}


.section05 .more_btn{opacity:0; transform:translateY(30px);}
.section05.ani .more_btn{opacity:1; transform:translateY(0px); transition:0.8s 0.2s;}