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

/*header*/
header.active, header.fp_black{background:#fff !important; border-bottom:1px solid #d0d4d9 !important;}
header.active *{color:#000 !important;}
#wrap{background: #ededed;}

.section_bar{position:fixed;top:70px;height:6px;background:#3258b4;opacity:0.8;transition: 0.5s 0.2s;z-index: 10;}
.fp-viewing-0 .section_bar{width:0%;}
.fp-viewing-1 .section_bar{width:25%; transition: 0.5s 0.5s;}
.fp-viewing-2 .section_bar{width:50%;}
.fp-viewing-3 .section_bar{width:75%;}
.fp-viewing-4 .section_bar{width:100%; background:#7ae0ec;}
.fp-viewing-5 .section_bar{width:100%; background:#7ae0ec;}

/*side_nav*/
#side_nav{display:none;}
.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: 10%;}
section .center_box{display:flex;width:100%;height:100%;align-items:center}
/*section -> main_title*/
section .main_title .tit{font-size: 66px;line-height:1em;letter-spacing:6px;font-family:'Play', sans-serif;font-weight: 600;color: #1e1e1e;}
section .main_title .s_tit{font-size: 34px;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: 17px;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 .main_title{position: absolute;top: 50%;width: 100%;padding: 0 4%;box-sizing: border-box;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: 80px;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: 20px;font-weight: 300;margin-top: 40px;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 .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 .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: 100%;padding: 0 30px;box-sizing: border-box;word-break: keep-all;}
.section02 .center_box > .center{margin-top:10%;}
.section02 .list_wrap{width: 100%;padding: 0 4%;box-sizing: border-box;margin-top: 80px;}
.section02 .list_wrap .center{text-align:left;display: flex;}
.section02 .list_wrap li{width: 100%;padding: 25px 0;}
.section02 .list_wrap li + li{border-top: 1px solid rgba(255,255,255,0.3);}
.section02 .list_wrap li .tit_box{display: flex;width: calc(100% - 90px);align-items: center;}
.section02 .list_wrap li .tit_box .icon{display: block;margin-right: 35px;}
.section02 .list_wrap li .tit_box .icon img{width:;}
.section02 .list_wrap li .tit_box .tit{font-size: 59px;font-family: 'Play', sans-serif;font-weight: 600;}
.section02 .list_wrap li .tit_box .s_tit{display: none;}
.section02 .list_wrap li .view_box{width: 90px;}
.section02 .list_wrap li .view_box .txt{display: none;}
.section02 .list_wrap li .view_box a.more_btn{border: 0;width: auto;height: 100%;line-height: 68px;display: block;text-decoration: underline;border-radius: 0;}
.section02 .list_wrap li .view_box a.more_btn:after{display:none;}

/*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;background-size: 500px;}
.section03 *{text-align:left;}
.section03 .center:after{display:block; content:""; clear:both;}
.section03 .main_title{width: 100%;padding-left: 4%;}
.section03 .more_btn{margin-top:45px;display: none;}
.section03 .swiper-container{
    margin-top: 4%;
}
.section03 .list_wrap{padding-left:4%;box-sizing:border-box;margin-top: 4%;}
.section03 .list_wrap .slick-track{margin-left:60px;}
.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+li{margin-left: 30px;}
.section03 .list_wrap li a{display:block; outline:0;}
.section03 .list_wrap li .img{display:block;width: 306px;height: 530px;overflow:hidden;}
.section03 .list_wrap li .img:before{display:block;content:"";position: absolute;top: 8px;left: 8px;width: 288px;height: 480px;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: 18px;width: 330px;transition:0.5s;padding:45px 40px;box-sizing:border-box;z-index: 2;}
.section03 .list_wrap li .title:before{width: 2px;height: 50px;background:#fff;display:none;content:"";position:absolute;top: -25px;right: 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.slick-active{overflow:inherit;}
.section03 .list_wrap li.slick-active .title{left: -35px;bottom: 60px;height: 124px;transition:0.5s;background:linear-gradient(-45deg, #422aa6, #0195d6);}
.section03 .list_wrap li.slick-active .title:before{display:block; -webkit-animation: lineActiveAnimation .9s cubic-bezier(0.445,0.05,0.55,0.95);animation:lineActiveAnimation2 .9s cubic-bezier(0.445,0.05,0.55,0.95); transition:0.7s;}
.section03 .list_wrap li.slick-active .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}
}
@-webkit-keyframes lineActiveAnimation2 {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center right;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center right;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center left;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center left;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center left;transform-origin:center top}
}
@keyframes lineActiveAnimation2 {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center right;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center right;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center left;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center left;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center left;transform-origin:center top}
}
/*section04*/
.section04{background:#f5f9ff;}
.section04 .center{padding-left: 4%;box-sizing: border-box;}
.section04 .center.con-width3{margin-top: 390px;}
.section04 *{text-align:left;}
.section04 .main_title .s_tit{margin-top:15px;}
.section04 .main_title .txt{width: 80%;max-width: 660px;margin: 20px 0 0;word-break: keep-all;}
.section04 .item{position:absolute; display:block; border-radius:50%; overflow:hidden; z-index:-1;}
.section04 .item1 .img{position:absolute;top: 0;right: 0;width:100%;height:100%;display:block;background:url(../../img/main/main_bg_item1.jpg)no-repeat right bottom;background-size: 130%;}
.section04 .item1{top: -400px;right: -15%;width:400px;height:400px; }
.section04.ani .item1{width: 700px;height: 700px;top: -11%;right: -6%;transition:1.5s 1s;}
.section04 .item2{
    display: none;
}
.section04.ani .item2{}
.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;width: 100%;height: 100%;padding-top: 15vw;right: 0;z-index: 2;}
.section05 .center_box{background: url(../../img/main/main_section05_bg2_t2.png)no-repeat top 75% center;background-size: 100%;}
.section05 .center.con-width3{margin-top: 0px !important;height: 100%;width: 1280px;}
.section05 .more_btn{margin: 30px auto 70px;border-color: #7ab2ec !important;}
.section05 .more_btn:hover{color:#2174c2 !important; border-color:#fff;}
.section05 .list_wrap{position: absolute;bottom: 33vW;width: auto;left: 50%;transform: translateX(-50%);}
.section05 .list_wrap:after{display:block; content:""; clear:both;}
.section05 .list_wrap li{float:left;}
.section05 .list_wrap li+li{margin-left: 20px;}
.section05 .list_wrap li span{display:inline-block;vertical-align: top;}
.section05 .list_wrap li .tit1{font-size: 18px;color:#fff;font-weight: 400;margin-left: 5px;position: relative;top: 4px;} 
.section05 .pin_wrap{display:none;}

@media(max-width:860px) {
	.section05 .main_title{padding-top:25vw}
}

section .slick-dots{position: absolute;left: 50%;bottom: 10%;display: inline-block;width: auto;transform: translateX(-50%);text-align: left;font-size: 0;z-index: 100;}
section .slick-dots li{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
section .slick-dots li button{
    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;
    }

section .slick-dots li.slick-active button{
    border: 3px solid #3258b4;
    background: none;
    width: 12px;
    height: 12px;
    transform: translateY(-3px);
    box-sizing: border-box;
    }

@media(min-width:1024px) and (max-width:1024px) {
	.section03 .center>*{float:left;}
	.section03 .main_title{width:400px; box-sizing:border-box; margin-top:130px;}
	.section03 .list_wrap{width:calc(100% - 400px);}
	.section04 .center.con-width3{margin-top:200px;}
	.section04 .main_title .txt{max-width:460px;}
}



/*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 .list_wrap li{opacity:0; transform:translateY(30px);}
.section02.ani .list_wrap li{opacity:1; transform:translateY(0);}
.section02 .list_wrap li:nth-child(1){transition:all 0.6s 0.4s;}
.section02 .list_wrap li:nth-child(2){transition:all 0.6s 0.7s;}
.section02 .list_wrap li:nth-child(3){transition:all 0.6s 1s;}



.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; transform:translateX(70px);}
.section03.ani .list_wrap li{opacity:1; transform:translateX(0px); transition:0.7s 0.6s;}

.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;}