body {font-family:"Nanum Barun Gothic", "Open Sans", sans-serif;}


/*폰트바꿔주기*/


.caption p{
	color:#ffffff;
	font-size:1.3rem;
	margin-top:3%;
	
}


.slider .slides h1 { font-weight:bold; font-size:1.8rem;  }    
    
    
    
#about .mainTitle { font-weight:600;
	                font-size:1.2rem;
                	margin-top:3%;
    line-height: 2rem;

}


.container { position: relative;  margin: 0 auto; padding: 0; }

.container .eight.columns {  }

.container .ten.columns { }

.container .six.columns { }



#team1 h3,#team2 h3,#team3 h3,#team4 h3,#team5 h3 { font-weight:600;
	                         font-size:1.8rem;
    line-height: 2.1rem;
                	          }



.logo h1 {font-size:2.5rem; font-weight: bold;}

.logo h1 span {font-size: 1.8rem;}


.container .columns.sixteen {}

.fct .fc { font-size:0.9rem; font-weight: bold; }


h1.mainTitle { font-size:1.7rem; font-weight: bold;  }

.service h3 { font-size:1.5rem; font-weight: bold; }


.testiSlider li blockquote {line-height: 1.2rem;}


.container .columns.four { }


.planName h3 { font-size:1.8rem; margin-top: 10px; font-weight:bold; text-align: center;}


.planBody { text-align: center;}


.sectitleInner {margin-right: 0%;}


.clt{
	text-align:center;
	border-top:0px dashed #f2f2f1;
	padding-top:0px;
	margin-top:0px;
	
} 


.ftDet h3 {font-size:1.3rem; font-weight: bold;}
#works {  height: auto; margin: auto;}
#category li a {font-size: 1.5rem;}


@media (min-width: 1170px) {    
	.caption p{
		color:#ffffff;
		font-size:1.7rem;
		margin-top:3%;
	}
	.slider .slides h1 { 
		font-weight:bold; 
		font-size:5rem;
	}
    
	#works { 
		width: 970px; 
		height: auto; 
		margin: auto;
	}    
    
	#about .mainTitle { 
		font-weight:600;
		font-size:1.8rem;
		margin-top:3%;
	}


	.container { position: relative; width: 1170px; margin: 0 auto; padding: 0; }
	#plans .container { position: relative; width: 960px!important; margin: 0 auto; padding: 0;  }
	#blog .container { position: relative; width: 960px!important; margin: 0 auto; padding: 0;  }
	.container .eight.columns { width:48%; }
	.container .ten.columns { width:60%; }
	.container .six.columns { width:36%; }
	#team1 h3,#team2 h3,#team3 h3,#team4 h3,#team5 h3 { 
		font-weight:600;
		font-size:1.8rem;
		line-height: 2.1rem;
	}    
	.logo h1 {font-size:2.5rem; font-weight: bold;}
	.logo h1 span {font-size: 1.8rem;}
	.container .columns.sixteen {width: 100%;}
	.fct .fc { font-size:0.9rem; font-weight: bold; }
	h1.mainTitle { font-size:2.2rem; font-weight: bold;  }
	.service h3 { font-size:1.5rem; font-weight: bold; }
	.testiSlider li blockquote {line-height: 1.2rem;}
	.container .columns.four { width: 23.1%;}
	.planName h3 { font-size:1.8rem; margin-top: 10px; font-weight:bold; text-align: center;}
	.planBody { text-align: center;}
	.sectitleInner {margin-right: 0%;}
	.clt{
		text-align:center;
		border-top:0px dashed #f2f2f1;
		padding-top:0px;
		margin-top:0px;
		
	} 
	.ftDet h3 {font-size:1.3rem; font-weight: bold;}
	#works { width: 970px; height: auto; margin: auto;}
	#category li a {font-size: 1.5rem;}
}







@media (max-width: 1169px) { 
	.imgServices {
		background-position: 50% -75%;
	}    
	#plans .planPrice h1 {text-align: center;}
	.imgServices { top: 185px;}
	.clientSlider li {width: 130px;}
	.innerIntro {margin-top:40px;margin-bottom:40px;}
	#works .container .column, .columns, .container .columns {float: none;}
	.container .column, .columns, .container .columns {float: left;}
	#works .clearfix {  width: 320px!important; margin:auto; height: auto;}
}





/* width */
.w800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.w1000 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.w1100 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.w1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.w1400 {
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 15px;
}
.w1800 {
    width: 100%;
    max-width: 1830px;
    margin: 0 auto;
    padding: 0 15px;
}
/*conbox*/
.conbox {
    margin-top: 60px;
}
.conbox.conbox_lg {
    margin-top: 100px;
}
.conbox.conbox_xlg {
    margin-top: 150px;
}
.conbox.conbox_xxlg {
    margin-top: 200px;
}
.conbox.conbox_mini {
    margin-top: 40px;
}
.conbox.conbox_xs {
    margin-top: 30px;
}
.conbox.conbox_xxs {
    margin-top: 20px;
}
.conbox.conbox_xxxs {
    margin-top: 10px;
}
@media (max-width:1200px) and (min-width:992px){
    .conbox {
        margin-top: calc(100vw * (60 / 1200));
    }
    .conbox.conbox_lg {
        margin-top: calc(100vw * (100 / 1200));
    }
    .conbox.conbox_xlg {
        margin-top: calc(100vw * (150 / 1200));
    }
    .conbox.conbox_xxlg {
        margin-top: calc(100vw * (200 / 1200));
    }
    .conbox.conbox_mini {
        margin-top: calc(100vw * (40 / 1200));
    }
    .conbox.conbox_xs {
        margin-top: calc(100vw * (30 / 1200));
    }
    .conbox.conbox_xxs {
        margin-top: calc(100vw * (20 / 1200));
    }
    .conbox.conbox_xxxs {
        margin-top: calc(100vw * (10 / 1200));
    }
}
@media (max-width:991px) and (min-width:767px){
    .conbox {
        margin-top: calc(100vw * (60 / 992));
    }
    .conbox.conbox_lg {
        margin-top: calc(100vw * (100 / 992));
    }
    .conbox.conbox_xlg {
        margin-top: calc(100vw * (150 / 992));
    }
    .conbox.conbox_xxlg {
        margin-top: calc(100vw * (200 / 992));
    }
    .conbox.conbox_mini {
        margin-top: calc(100vw * (40 / 992));
    }
    .conbox.conbox_xs {
        margin-top: calc(100vw * (30 / 992));
    }
    .conbox.conbox_xxs {
        margin-top: calc(100vw * (20 / 992));
    }
    .conbox.conbox_xxxs {
        margin-top: calc(100vw * (10 / 992));
    }
}
@media (max-width:768px) and (min-width:450px){
    .conbox {
        margin-top: calc(100vw * (40 / 768));
    }
    .conbox.conbox_lg {
        margin-top: calc(100vw * (50 / 768));
    }
    .conbox.conbox_xlg {
        margin-top: calc(100vw * (70 / 768));
    }
    .conbox.conbox_xxlg {
        margin-top: calc(100vw * (100 / 768));
    }
    .conbox.conbox_mini {
        margin-top: calc(100vw * (30 / 768));
    }
    .conbox.conbox_xs {
        margin-top: calc(100vw * (20 / 768));
    }
    .conbox.conbox_xxs {
        margin-top: calc(100vw * (10 / 768));
    }
    .conbox.conbox_xxxs {
        margin-top: calc(100vw * (5 / 768));
    }
}
@media (max-width:501px){
    .conbox {
        margin-top: calc(100vw * (40 / 500));
    }
    .conbox.conbox_lg {
        margin-top: calc(100vw * (50 / 500));
    }
    .conbox.conbox_xlg {
        margin-top: calc(100vw * (70 / 500));
    }
    .conbox.conbox_xxlg {
        margin-top: calc(100vw * (100 / 500));
    }
    .conbox.conbox_mini {
        margin-top: calc(100vw * (40 / 500));
    }
    .conbox.conbox_xs {
        margin-top: calc(100vw * (20 / 500));
    }
    .conbox.conbox_xxs {
        margin-top: calc(100vw * (10 / 500));
    }
    .conbox.conbox_xxxs {
        margin-top: calc(100vw * (5 / 500));
    }
}
/*sec_dvd*/
.sec_dvd {
    padding: 13rem 0;
}
.sec_dvd.sec_dvd_lg {
    padding: 15rem 0;
}
.sec_dvd.sec_dvd_xlg {
    padding: 20rem 0;
}
.sec_dvd.sec_dvd_mini {
    padding: 8rem 0;
}
.sec_dvd.sec_dvd_xs {
    padding: 6rem 0;
}
.sec_dvd.sec_dvd_xxs {
    padding: 5rem 0;
}
.sec_dvd.sec_dvd_xxxs {
    padding: 4rem 0;
}
@media (max-width:1200px) and (min-width:992px){
    .sec_dvd {
        padding-top: calc(100vw * (50 / 1200));
        padding-bottom: calc(100vw * (50 / 1200));
    }
    .sec_dvd.sec_dvd_lg {
        padding-top: calc(100vw * (70 / 1200));
        padding-bottom: calc(100vw * (70 / 1200));
    }
    .sec_dvd.sec_dvd_xlg {
        padding-top: calc(100vw * (100 / 1200));
        padding-bottom: calc(100vw * (100 / 1200));
    }
    .sec_dvd.sec_dvd_mini {
        padding-top: calc(100vw * (60 / 1200));
        padding-bottom: calc(100vw * (60 / 1200));
    }
    .sec_dvd.sec_dvd_xs {
        padding-top: calc(100vw * (40 / 1200));
        padding-bottom: calc(100vw * (40 / 1200));
    }
    .sec_dvd.sec_dvd_xxs {
        padding-top: calc(100vw * (30 / 1200));
        padding-bottom: calc(100vw * (30 / 1200));
    }
    .sec_dvd.sec_dvd_xxxs {
        padding-top: calc(100vw * (20 / 1200));
        padding-bottom: calc(100vw * (20 / 1200));
    }
}
@media (max-width:991px) and (min-width:767px){
    .sec_dvd {
        padding-top: calc(100vw * (80 / 992));
        padding-bottom: calc(100vw * (80 / 992));
    }
    .sec_dvd.sec_dvd_lg {
        padding-top: calc(100vw * (100 / 992));
        padding-bottom: calc(100vw * (100 / 992));
    }
    .sec_dvd.sec_dvd_xlg {
        padding-top: calc(100vw * (130 / 992));
        padding-bottom: calc(100vw * (130 / 992));
    }
    .sec_dvd.sec_dvd_mini {
        padding-top: calc(100vw * (60 / 992));
        padding-bottom: calc(100vw * (60 / 992));
    }
    .sec_dvd.sec_dvd_xs {
        padding-top: calc(100vw * (40 / 992));
        padding-bottom: calc(100vw * (40 / 992));
    }
    .sec_dvd.sec_dvd_xxs {
        padding-top: calc(100vw * (30 / 992));
        padding-bottom: calc(100vw * (30 / 992));
    }
    .sec_dvd.sec_dvd_xxxs {
        padding-top: calc(100vw * (20 / 992));
        padding-bottom: calc(100vw * (20 / 992));
    }
}
@media (max-width:768px) and (min-width:500px){
    .sec_dvd {
        padding-top: calc(100vw * (80 / 768));
        padding-bottom: calc(100vw * (80 / 768));
    }
    .sec_dvd.sec_dvd_lg {
        padding-top: calc(100vw * (100 / 768));
        padding-bottom: calc(100vw * (100 / 768));
    }
    .sec_dvd.sec_dvd_xlg {
        padding-top: calc(100vw * (130 / 768));
        padding-bottom: calc(100vw * (130 / 768));
    }
    .sec_dvd.sec_dvd_mini {
        padding-top: calc(100vw * (60 / 768));
        padding-bottom: calc(100vw * (60 / 768));
    }
    .sec_dvd.sec_dvd_xs {
        padding-top: calc(100vw * (40 / 768));
        padding-bottom: calc(100vw * (40 / 768));
    }
    .sec_dvd.sec_dvd_xxs {
        padding-top: calc(100vw * (30 / 768));
        padding-bottom: calc(100vw * (30 / 768));
    }
    .sec_dvd.sec_dvd_xxxs {
        padding-top: calc(100vw * (20 / 768));
        padding-bottom: calc(100vw * (20 / 768));
    }
}
@media (max-width:501px){
    .sec_dvd {
        padding-top: calc(100vw * (80 / 500));
        padding-bottom: calc(100vw * (80 / 500));
    }
    .sec_dvd.sec_dvd_lg {
        padding-top: calc(100vw * (100 / 500));
        padding-bottom: calc(100vw * (100 / 500));
    }
    .sec_dvd.sec_dvd_xlg {
        padding-top: calc(100vw * (130 / 500));
        padding-bottom: calc(100vw * (130 / 500));
    }
    .sec_dvd.sec_dvd_mini {
        padding-top: calc(100vw * (60 / 500));
        padding-bottom: calc(100vw * (60 / 500));
    }
    .sec_dvd.sec_dvd_xs {
        padding-top: calc(100vw * (40 / 500));
        padding-bottom: calc(100vw * (40 / 500));
    }
    .sec_dvd.sec_dvd_xxs {
        padding-top: calc(100vw * (30 / 500));
        padding-bottom: calc(100vw * (30 / 500));
    }
    .sec_dvd.sec_dvd_xxxs {
        padding-top: calc(100vw * (20 / 500));
        padding-bottom: calc(100vw * (20 / 500));
    }
}
/*c_wrp*/
.v_t > li,
.v_t > div {
    vertical-align: top;
}
.v_m > li,
.v_m > div {
    vertical-align: middle;
}
.v_bt > li,
.v_bt > div {
    vertical-align: bottom;
}
@media (min-width:768px) {
    .c_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .c_wrp.t_fx {
        table-layout: fixed;
    }
    .c_wrp > li,
    .c_wrp > div {
        display: table-cell;
    }
}
/*m_wrp*/
@media (max-width:768px) {
    .m_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .m_wrp.t_fx {
        table-layout: fixed;
    }
    .m_wrp > li,
    .m_wrp > div {
        display: table-cell;
    }
}
/*c_wrp_lg*/
@media (min-width:992px) {
    .c_wrp_lg {
        display: table;
        width: 100%;
        height: 100%;
    }
    .c_wrp_lg.t_fx {
        table-layout: fixed;
    }
    .c_wrp_lg > li,
    .c_wrp_lg > div {
        display: table-cell;
    }
}
/*m_wrp_lg*/
@media (max-width:768px) {
    .m_wrp_lg {
        display: table;
        width: 100%;
        height: 100%;
    }
    .m_wrp_lg.t_fx {
        table-layout: fixed;
    }
    .m_wrp_lg > li,
    .m_wrp_lg > div {
        display: table-cell;
    }
}

/*visual*/
#visual .sq {
    display: inline-block;
    width: 130px;
    height: 130px;
    background-color: #000;
    border-radius: 20px;
    transform: rotate(0deg);

    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
#visual .sq.aos-animate {
    transform: rotate(135deg);
}
#visual .sq.sq2 {
    background-color: #a0a0a0;
    transition-delay: 0.5s;
}
#visual .sq.sq3 {
    background-color: #ecd075;
    transition-delay: 1s;
}
@media (max-width:767px){
    #visual .sq {
        width: 70px;
        height: 70px;
        border-radius: 10px;
    }
}

/*visual*/
#visual_wrp {
    position: relative;
}
#visual {
    position: relative;
}
#visual .bg {
    height: 950px;
    position: relative;
    overflow: hidden;
}
/* #visual .bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    mix-blend-mode: color-burn;
    z-index: 3;
} */
#visual .bg:after {
    content: "";
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.2);
}
#visual .bg:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    transform: scale(1.2);
    transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#visual .bg.bg1:before {
    background: url(../images/visual_bg1.jpg) center center no-repeat;
    background-size: cover;
}
#visual .bg.bg2:before {
    background: url(../images/visual_bg2.jpg) center center no-repeat;
    background-size: cover;
}
#visual .bg.bg3:before {
    background: url(../images/visual_bg3.jpg) center center no-repeat;
    background-size: cover;
}
#visual .bg.bg4:before {
    background: url(../images/visual_bg4.jpg) center center no-repeat;
    background-size: cover;
}
#visual .bg.slick-current:before {
    transform: scale(1) !important;
}
#visual .tcon {
    position: relative;
    z-index: 3;
}
#visual .tcon .huge {
    letter-spacing: -0.07em;
}
#visual .tcon .main_txt {
    display: inline-block;
    position: relative;
	    font-size: 12em;
    font-weight: 100 !important;
}
#visual .tcon .main_txt:after {
    content: "";
    position: absolute;
   top: 55%;
    left: 53%;
    height: 78px;
    width: 450px;
    transform: translate3d(-50%, -15%, 0);
    z-index: 1;
    background: url(../images/underLinedImg.png) left center no-repeat;
}
#visual .tcon .main_txt span {
    position: relative;
    z-index: 5;
}
#visual .tcon h1 {
    line-height: 1.2em;
    color: #fff;
}
#visual .tcon h1 strong {
    font-weight: 500;
}
@media (max-width:992px){
    #visual .bg {
        height: 700px;
    }
    #visual .tcon .main_txt:after {
        height: 7.8vw;
        width: 43.3vw;
        background-size: 43.3vw;
    }
}
@media (max-width:767px){
    #visual .bg {
        height: 500px;
    }
    #visual .bg .tcon {
        margin: 0 auto;
        text-align: center;
    }
    #visual .tcon .main_txt:after {
        height: 9.1vw;
        width: 50.5vw;
        background-size: 50.5vw;
    }
	
	#visual .tcon .main_txt {
			font-size: 8em;
		font-weight: 100 !important;
	}
}
/* txt */
#visual .txt1,
#visual .txt2,
#visual .txt3,
#visual .txt4 {
    opacity: 0;
}
#visual .ply:not(.slickPause) .txt2 {
    -webkit-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -moz-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -ms-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -o-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}
#visual .slickPause .txt2 {
    -webkit-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: fadeMove 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-iteration-count: 1;
    animation-fill-mode : forwards;
}
@keyframes fadeMove {
    20% {
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }
    35% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

#visual .ply:not(.slickPause) .txt3 {
    -webkit-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -moz-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -ms-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -o-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}
#visual .slickPause .txt3 {
    -webkit-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: fadeMove2 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-iteration-count: 1;
    animation-fill-mode : forwards;
}
@keyframes fadeMove2 {
    30% {
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }
    45% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

#visual .ply:not(.slickPause) .txt4 {
    -webkit-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -moz-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -ms-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -o-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    animation: fadeMove3 6.5 cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}
#visual .slickPause .txt4 {
    -webkit-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: fadeMove3 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-iteration-count: 1;
    animation-fill-mode : forwards;
}
@keyframes fadeMove3 {
    40% {
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }
    55% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
#visual .ply:not(.slickPause) .txt1 {
    -webkit-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -moz-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -ms-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    -o-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}
#visual .slickPause .txt1 {
    -webkit-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: fadeMove4 6.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-iteration-count: 1;
    animation-fill-mode : forwards;
}
@keyframes fadeMove4 {
    10% {
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }
    25% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/*Slider - navigation*/
#nav_wrp {
    bottom: 15%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 5;
}
#nav_wrp .controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
#nav_wrp .controls > div {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
}
#nav_wrp .controls .controlItems {
    display: flex;
    align-items: center;
    gap: 4px;
}
#nav_wrp .controls .controlItems > .consWrp,
#nav_wrp .controls .controlItems > .arrBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
#nav_wrp .controls .consWrp .pauseBtn {
    display: inline-block;
}
#nav_wrp .controls .consWrp .playBtn {
    display: none;
}
#nav_wrp .controls .consWrp.act .pauseBtn {
    display: none;
}
#nav_wrp .controls .consWrp.act .playBtn {
    display: inline-block;
}
#nav_wrp .controls #numbering > span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 25px;
    text-align: center;
    letter-spacing: 0;
	color: rgba(255, 255, 255, 0.2);
}
#nav_wrp .controls #numbering > .crrt {
    color: #fff;
}
#nav_wrp .controls #numbering > .dvd {
    height: 14px;
    width: 1px;
    background-color: rgba(255,255,255,0.3);
    margin: 0 3px;
}
#nav_wrp .nav_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#nav_wrp .slider-nav .slick-track {
    width: auto !important;
    margin: 0 -5px;
}
#nav_wrp .slider-nav .slick-track .slick-slide {
    display: inline-block;
    width: auto !important;
    cursor: pointer;
    padding: 0 5px;
}
#nav_wrp .slider-nav .slick-track .slick-slide span {
    display: inline-block;
    width: 80px;
    height: 2px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 0%;
    margin: 0;
    position: relative;
}
#nav_wrp .slider-nav .slick-track .slick-slide p {
    text-transform: uppercase;
}
#nav_wrp .slider-nav .slick-track .slick-slide.is-active p {
    color: #fff !important;
}

#nav_wrp #barProgess {
    display: inline-block;
    width: 180px;
    height: 2px;
    border-radius: 0%;
    margin: 0;
    position: relative;
    background-color: rgba(255,255,255, 0.3);
}
#nav_wrp #barProgess span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
}
#nav_wrp #barProgess.act span::after {
    -webkit-animation: movBg 6.5s linear infinite;
    -moz-animation: movBg 6.5s linear infinite;
    -ms-animation: movBg 6.5s linear infinite;
    -o-animation: movBg 6.5s linear infinite;
    animation: movBg 6.5s linear infinite;
}
@keyframes movBg {
    0% {
        width: 0px;
    }
    25% {
        width: 0px;
    }
    100% {
        width: 100%;
    }  
}
#nav_wrp .slider-nav .slick-track .slick-slide p {
    opacity: 0.4;
}
#nav_wrp .slider-nav .slick-track .slick-slide.is-active p {
    opacity: 1;
}
@media (min-width:768px){
    #nav_wrp .slider-nav .slick-track .slick-slide p {
        font-size: 20px;
    }
}
@media (max-width:992px){
    #nav_wrp .nav_con {
        justify-content: center;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide {
        float: none;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide h3 {
        font-size: 20px;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide:last-child h3 {
        max-width: 0px;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide:not(:last-child) h3:after {
        top: 14px;
    }
}
@media (max-width:992px){
    #nav_wrp {
        bottom: 10%;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide p {
        font-size: 15px;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide span {
        width: 130px;
    }
}
@media (max-width:767px){
    #nav_wrp {
        text-align: center;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide {
        line-height: 5px;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide span {
        width: 100%;
    }
    #nav_wrp .slider-nav .slick-track .slick-slide p {
        font-size: 11px;
    }
    #nav_wrp .controls > div {
        font-size: 15px;
        margin-right: 3px;
    }
    #nav_wrp #barProgess {
        width: 100px;
    }
    #nav_wrp .controls .controlItems > .consWrp, #nav_wrp .controls .controlItems > .arrBtn {
        width: 30px;
        height: 30px;
    }
    #nav_wrp .controls #numbering > span {
        font-size: 15px;
    }
}

/* fbox */
.fbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fbox.v_t {
    align-items: flex-start;
    gap: 8px;
}
.fbox.v_bt {
    align-items: flex-end;
    gap: 8px;
}
.fbox.h_t {
    justify-content: flex-start;
}
.fbox.h_ct {
    justify-content: center;
}
.fbox.h_bt {
    justify-content: flex-end;
}
@media (min-width:768px) {
    .fbox.fx > div {
        width: 50%;
    }
    .fbox > .txt.lft {
        padding-right: 30px;
    }
    .fbox > .txt.rt {
        padding-left: 30px;
    }
    .fbox.short > .txt.lft {
        padding-right: 5px;
    }
    .fbox.short > .txt.rt {
        padding-left: 5px;
    }
    .fbox.long > .txt.lft {
        padding-right: 60px;
    }
    .fbox.long > .txt.rt {
        padding-left: 60px;
    }
}
@media (max-width:768px) {
    .fbox {
        flex-wrap: wrap;
    }
}


/* padding */
.pb-none {
	padding-bottom: 0px !important;
}
.pt-none {
	padding-top: 0px !important;
}
/* margin */
.mb-none {
	margin-bottom: 0px !important;
}
.mt-none {
	margin-top: 0px !important;
}