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

/*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:59px;height:3px;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{position:relative;z-index: 100; display:none;}
.page_top #top_btn{position:fixed;border:0;bottom: 40px; right: 4%; text-align: center;width: 42px;height: 42px;display:block;font-family: 'Play';color: #000;font-size: 11px;font-weight: 800;background: rgba(255,255,255,0.3) url(../../img/common/page_top_icon.png)no-repeat top 11px center;background-size: 11px;border: 1px solid #000;transition:0.3s;line-height: 54px;}


/*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: 46px;line-height:1em;font-family:'Play', sans-serif;font-weight: 600;color: #1e1e1e;}
section .main_title .s_tit{font-size: 29px;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: 12px;margin: 6px auto 0;line-height: 1.6;color: #1e1e1e;}
section.white .main_title .txt{font-weight: 400;}
section.white *{color:#fff !important;}
section .txt1{font-size:18px;}
/*more_btn link_btn*/
section .more_btn{position:relative;width: 162px;height: 47px;line-height: 46px;font-family: 'Play', sans-serif;font-size: 11px;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: 29px;font-family: 'Play', sans-serif;transform: translateX(30px);font-weight: 600;line-height: 1.1;letter-spacing:-1px;opacity:0;}
.section01 .main_slide .item.on .main_title .tit{transition: 0.9s 0.2s;transform:translateX(0px);opacity:1;}
.section01 .main_slide .main_title .s_tit{font-family:'Noto Sans KR';font-size: 14px;font-weight: 400;margin-top: 15px;letter-spacing: -0.3px;transform: translateX(30px);opacity:0;}
.section01 .main_slide .item.on .main_title .s_tit{transition: 1s 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 left 36%/cover;}
.section01 .main_slide .v02{background: url('../../img/main/221130_main_v02.jpg')no-repeat center left 36%/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:40px;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 10px;
	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: 40px;}
.section02 .list_wrap .center{text-align:left;display: flex;}
.section02 .list_wrap li{width: 100%;padding: 20px 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: 20px;}
.section02 .list_wrap li .tit_box .icon img{height: 45px;}
.section02 .list_wrap li .tit_box .tit{font-size: 30px;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%;font-size: 10px;line-height: 45px;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 3%;background-size: 300px;}
.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: 7%;}
.section03 .list_wrap .slick-track{margin-left: 46px;}
.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: 20px;}
.section03 .list_wrap li a{display:block; outline:0;}
.section03 .list_wrap li .img{display:block;width: 188px;height: 305px;overflow:hidden;}
.section03 .list_wrap li .img:before{display:block;content:"";position: absolute;top: 5px;left: 5px;width: 176px;height: 293px;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: 5px;bottom: -5px;width: 210px;transition:0.5s;padding: 25px 15px;box-sizing:border-box;z-index: 2;}
.section03 .list_wrap li .title:before{width: 1.5px;height: 30px;background:#fff;display:none;content:"";position:absolute;top: -15px;right: 20px;}
.section03 .list_wrap li .title>*{color:#fff;}
.section03 .list_wrap li .title .tit{font-size: 18px;line-height:1em;}
.section03 .list_wrap li .title .txt{position:absolute;width:100%;opacity:0;font-size: 12px;margin-top: 12px;font-weight: 400;transform:translateY(10px);}
.section03 .list_wrap li.slick-active{overflow:inherit;}
.section03 .list_wrap li.slick-active .title{left: -28px;bottom: 20px;height: 70px;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: 50vW;}
.section04 *{text-align:left;}
.section04 .main_title .tit span{color:#fff;}
.section04 .main_title .s_tit{margin-top: 15px;}
.section04 .main_title .txt{width: 90%;margin: 15px 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: 15%;right: 0;width:100%;height:100%;display:block;background:url(../../img/main/main_bg_item1.jpg)no-repeat right bottom;background-size: 145%;}

.section04 .item1{width: 105vW;height: 105VW;top: -24vW;right: -14vW;transition:1s;}
.section04 .item2{
    display: none;
}
.section04.ani .item2{}
.section04 .list_wrap{margin-top: 15px;}
.section04 .list_wrap:after{display:block; content:""; clear:both;}
.section04 .list_wrap li{float:left;width: 85px;}
.section04 .list_wrap li+li{margin-left: 20px;}
.section04 .list_wrap li a{display:block;}
.section04 .list_wrap li *{text-align:center;}
.section04 .list_wrap li .icon{display:block;width: 85px;height: 85px;border: 1.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;background-size: 20px;}
.section04 .list_wrap li:nth-child(2) .icon{background:url(../../img/main/rnd_icon2.png)no-repeat center;background-size: 33px;}
.section04 .list_wrap li:nth-child(3) .icon{background:url(../../img/main/rnd_icon3.png)no-repeat center;background-size: 25px;}
.section04 .list_wrap li p.tit{font-size: 12px;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(105deg, #414db1, #0e8bce);}
.section05 .main_title{position: absolute;width: 100%;height: 100%;padding-top: 35%;right: 0;z-index: 2;}
.section05 .center_box{background: url(../../img/main/main_section05_bg2_m.png)no-repeat top 73% center;background-size: 95%;}
.section05 .center.con-width3{margin-top: 0px !important;height: 100%;width: 1280px;}
.section05 .more_btn{margin: 20px auto 0px;border-color: #7ab2ec !important;}
.section05 .more_btn:hover{color:#2174c2 !important; border-color:#fff;}
.section05 .list_wrap{position: absolute;bottom: 0;padding-bottom: 50%;width: 100%;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: wrap;justify-content: center;}
.section05 .list_wrap:after{display:block; content:""; clear:both;}
.section05 .list_wrap li{}
.section05 .list_wrap li+li{margin-left: 15px;}
.section05 .list_wrap li span{display:inline-block;vertical-align: top;}
.section05 .list_wrap li .tit1{font-size: 14px;color:#fff;font-weight: 400;margin-left: 5px;position: relative;top: 1px;} 
.section05 .list_wrap li .icon img{width:24px;}
.section05 .pin_wrap{display:none;}


section .slick-dots{position: absolute;left: 50%;bottom: 57px;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: 5px;
    height: 5px;
    top: 0;
    margin: 0 10px;
    outline: 0;
    border-radius: 50%;
    background: #fff;
    }

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







/*motion*/
.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.2s;}
.section02 .list_wrap li:nth-child(2){transition:all 0.6s 0.5s;}
.section02 .list_wrap li:nth-child(3){transition:all 0.6s 0.8s;}


.section03 .list_wrap{opacity:0; transform:translateX(80px);}
.section03.ani .list_wrap{opacity:1; transform:translateX(0px); transition:0.7s;}


.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.6s}
.section04.ani .list_wrap li:nth-child(2){transition: 0.6s 0.2s;}
.section04.ani .list_wrap li:nth-child(3){transition: 0.6s 0.4s;}


@media(max-width:320px){
	.tmbr{display:none;}
	.mbr{display:none;}
}

/* ���� �˾� */
.main_layer_popup {width:96% !important; left:50% !important; top:50px !important; transform:translateX(-50%);}
.main_layer_popup .popupContent{height: 100% !important;}
.main_layer_popup img {width:100%;}