@charset 'utf-8';

/* °øÅë */
body{min-width:320px;}
*{word-break:keep-all; line-height: 1.3;}
.inner_1600{max-width:1600px; width:100%; margin:0 auto;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* ¹öÆ° */
.page_num{padding:120px 0; display:flex; flex-wrap:wrap; justify-content:center;}
.page_num ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.page_num ul li{margin-right: 40px;position: relative; }
.page_num ul li a{  font-family:'Poppins'; font-weight: 300; color:#666666;  font-size: 20px; }
.page_num ul li:last-child{margin-right: 0;}
/* #product .page_num ul li i{font-size: 25px; color: #666666;} */
.page_num ul li.on::before { content: ""; display: block; width: 38px; height: 38px; border-radius: 50%; background:#126eb8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -2; }
.page_num ul li.on a{ color:#fff;}

.page_num .arr{font-size: 25px; color: #666666; }
.page_num .arr:first-child{margin-right:33px;}
.page_num .arr:last-child{margin-left: 33px;}
.page_num .arr:first-child .first i:nth-child(2){margin-left:-22px;}
.page_num .arr:last-child .last i:nth-child(1){margin-right:-22px;}


/*fullpage*/
#fp-nav.right{left:30px;}

.fullpage_nav{position:fixed; top:527px;  left:-140px; z-index:100;}
.fullpage_nav ul{display:flex; flex-wrap:wrap; transform:rotate(-90deg);}
.fullpage_nav ul li{margin-right: 30px; font-size: 12px; font-weight: 500; color:#fff; opacity:0.5; font-family: 'Popins'; cursor:pointer; position:relative;}
.fullpage_nav ul li:hover{color:#6f6f6f;  opacity:1;}
/* .fullpage_nav > ul > li.on2{color:#000; opacity:0.2;}  */
/* .fullpage_nav ul li.on{color:#61a9dd; opacity:1;} */
.fullpage_nav ul li.on1{color:#fff; opacity:0.2;}
.fullpage_nav ul li.on2{color:#000; opacity:0.2;}
.fullpage_nav ul li.on3{color:#fff; opacity:0.5;}
.fullpage_nav ul li.on4{color:#000; opacity:0.2;}
.fullpage_nav ul #on{color:#61a9dd; opacity:1;}
.fullpage_nav ul #on2{color:#bbe2ff; opacity:1;}

.fullpage_nav ul #on::after{content:""; width:3px; height:3px; border-radius:50%; background:#61a9dd; position:absolute; top:50%; transform:translateY(-50%); right:-6px;}
.fullpage_nav ul #on::before{content:""; width:3px; height:3px; border-radius:50%; background:#61a9dd; position:absolute; top:50%; transform:translateY(-50%); left:-6px;}
.fullpage_nav ul #on2::after{content:""; width:3px; height:3px; border-radius:50%; background:#bbe2ff; position:absolute; top:50%; transform:translateY(-50%); right:-6px;}
.fullpage_nav ul #on2::before{content:""; width:3px; height:3px; border-radius:50%; background:#bbe2ff; position:absolute; top:50%; transform:translateY(-50%); left:-6px;}
.fullpage_nav ul li:last-child{margin-right:0;}


/*tab*/
.tab_nav{width:100%; display:flex; flex-wrap:wrap; position:relative;}
.tab_nav:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; } 
.tab_nav > li{width:calc((100%)/3); font-size: 16px; font-weight: 300; font-family: 'Pretendard'; z-index:10; position:relative; cursor:pointer;}
/*
.tab_nav > li:after{content:""; position:absolute; left:0; bottom:-23px; width:0; height:2px; background:#fff; #61a9dd; opacity:0.1;}
.on{width:calc((100%)/3); transition:0.4s;}
 */


/*quick_menu*/
.quick_menu{position:fixed; right:41px; bottom:50px; z-index:999;}
.quick_menu > ul{}
.quick_menu > ul > li{ width:75px; height:75px; border-radius:50%; margin-bottom:10px ;  box-shadow:3px 3px 13px -6px #000;}
.quick_menu > ul > li:nth-child(2) > a > i{display:none;}
.quick_menu > ul > .li2.on > a {background:#fff; transition:0.4s;}
.quick_menu > ul > li > a{width:75px; height:75px; border-radius:50%; color:#fff; text-align:center; display:block; font-size: 14px; font-weight: 600; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column;}
.quick_menu > ul > li.quick_on > a{background:#61a9dd;}
.quick_menu > ul > li.li2 > a{line-height: 1.4; background:#3577ba;}
.quick_menu > ul > li.li2 > a > i{font-size:20px; color:#3577ba;}
.quick_menu > ul > li.li3 > a{line-height: 1.2; background: #444444;}
/* .quick_menu ul li:nth-child(1){background:#61a9dd;} */
/* .quick_menu ul li:nth-child(2){background:#3577ba;} */
.quick_menu > u > li:nth-child(3){margin-bottom: 0; /* background: #444444; */}


.quick_bg{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; /* background: #000;opacity: 0.2; */}
.quick_menu_on{position:absolute; bottom:180px; left:0; width:100%; background:linear-gradient(120deg, rgba(54,120,188,1) 0%, rgba(81,151,209,1) 100%); padding:30px 0; border-radius:60px; display:none; }
.quick_menu_on > ul{width:100%; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center;}
.quick_menu_on > ul > li{width:100%; margin-bottom: 27px; }
.quick_menu_on > ul > li:last-child{margin-bottom: 0;}
.quick_menu_on > ul > li > a{width:100%; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; font-size:12px; font-weight: 500; color:#fff;}
.quick_menu_on > ul > li > a > img{margin-bottom:10px;}

.quick_menu .counsel{width:269px; height:419px; position:absolute; bottom:0; left:-304px; background:#fff; border-radius:10px; display:none;}
.quick_menu .counsel form{display:flex; flex-wrap:wrap; flex-direction:column; }
.quick_menu .counsel ul{width:100%; display:flex; flex-wrap:wrap; justify-content:center; font-family: 'Pretendard';}
.quick_menu .counsel p{font-size: 18px; font-weight: 600; color: #387abd; text-align:center; margin:30px 0 20px 0;}
.quick_menu .counsel .request{width:209px; height:43px; border-radius:21.5px; background:linear-gradient(124deg, rgba(53,119,187,1) 0%, rgba(94,165,218,1) 100%);
font-size:14px ; font-weight: 600;  line-height: 43px; text-align:center; position: relative; margin:0 auto; color: #fff; border:none; cursor:pointer;}
.quick_menu .counsel .request i{margin-left: 16px;} 
/* .quick_menu .counsel .request a{height:100%; font-size: 14px; color: #fff;  display:block; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.quick_menu .counsel .request a i{margin-left: 16px;} */

.quick_menu .counsel .tell{margin-bottom:10px; align-items:center;}
.quick_menu .counsel .tell li:nth-child(2){margin:0 5px;}

.quick_menu select{width:209px; height:43px; background-color: #f8f8f8; border:none; font-size:14px; margin-bottom: 10px; padding-left:15px;   border: none; color:#222222; font-family: 'Pretendard'; font-weight: 500;  background-image:url('/img/common/select_arrow.png'); background-repeat:no-repeat; background-position:90% 50%;
  outline: none;
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;}

.quick_menu .input_bg{width:209px; height:43px; background: #f8f8f8; border:none; margin-bottom: 10px;  outline: none; text-indent:15px;} 
.quick_menu ul li:last-child .input_bg{margin-bottom: 20px; }
.quick_menu .num_bg1{width:49px; height:43px; background: #f8f8f8; border:none; outline: none; text-indent:15px;}
.quick_menu .num_bg2{width:144px; height:43px; background: #f8f8f8; border:none; outline: none; text-indent:15px;}
.quick_menu input::placeholder { font-size: 14px; color: #222222; }




/*header*/
header{width:100%; position:fixed; z-index:600;  }
header .inner1870{position: relative; width:100%; max-width:97.39583333333333%; height: 80px; background:#fff; margin:20px auto 0 auto; transition:all 0.7s; box-sizing:border-box; }


header .inner1870 .logo{position: absolute; left:55px; top:50%; transform:translateY(-50%);}
header .inner1870 .mobile_btn{position: absolute; right:55px;  top:50%; transform:translateY(-50%);}
header .inner1870 .gnb{position:absolute; right:165px;}
header .inner1870 .gnb > ul{display:flex; flex-wrap:wrap;}
header .inner1870 .gnb > ul > li{width:170px; height: 80px; text-align:center; position:relative; }
header .inner1870 .gnb > ul > li > a{font-size:18px; font-weight:500; color:#2f2f2f; line-height:80px; font-family:'Pretendard';}
header .inner1870 .gnb > ul > li > a:hover{color:#3577bb;}
header .inner1870 .gnb > ul > li > ul{background:#fff ; display:none; position: absolute; left:-29px; width:235px; /* padding:28px 0; *//*  border-top:3px solid #3577bb;  */border-radius:0 0 10px 10px; box-sizing:border-box; box-shadow: -2px 10px 37px 0px rgba(0, 0, 0, 0.04);}
header .inner1870 .gnb > ul > li > ul > li{ padding:5px 0; position: relative;}
header .inner1870 .gnb > ul > li > ul > li:first-child{border-top:3px solid #3577bb; padding-top:28px;}
header .inner1870 .gnb > ul > li > ul > li:last-child{padding-bottom:28px;}
header .inner1870 .gnb > ul > li > ul > li > a{font-size: 16px; font-weight: 300; color:#666666; position: relative; }
header .inner1870 .gnb > ul > li > ul > li > a:hover{color:#3577bb; font-weight:600;}
header .inner1870 .gnb > ul > li > ul > li > a::after{content:""; width:0; height:1px; background:#3577bb ;display:inline-block; position:absolute; left:0; bottom:-3px;}
header .inner1870 .gnb > ul > li > ul > li > a:hover::after{width:100%; transition: all 0.4s ;} 
header .inner1870 .gnb > ul > li > ul > li .depth3 { display:none; z-index:3; position: absolute; left:185px; top:-5px; border-radius:10px; background:#126eb8; }
header .inner1870 .gnb > ul > li > ul > li:first-child > .depth3 { top:20px; }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul { position: relative; padding:12px 0; min-width:190px;  }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul:after {  content: ''; position: absolute; left: -10px; top: 16px; border-top: 4px solid transparent; border-left: 5px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #126eb8; }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li { padding:0; text-align:left; }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li { padding:0 20px; }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li:not(:last-child) { margin-bottom:4px; }
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li:first-child,
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li:last-child{padding-bottom:0;}
header .inner1870 .gnb > ul > li > ul > li .depth3 > ul > li > a{font-size: 15px; font-weight: 300; color:#fff;} 



header .inner1870 .gnb > ul > li > ul > li .depth4 { display:none; z-index:3; position: absolute; left:190px; top:0px; border-radius:10px; background:#808b99; }
header .inner1870 .gnb > ul > li > ul > li:first-child > .depth4 { top:20px; }
header .inner1870 .gnb > ul > li > ul > li .depth4 ul { position: relative; padding:12px 20px; min-width:150px; }
header .inner1870 .gnb > ul > li > ul > li .depth4 ul:after {  content: ''; position: absolute; left: -10px; top: 16px; border-top: 4px solid transparent; border-left: 5px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #808b99; }
header .inner1870 .gnb > ul > li > ul > li .depth4 li { padding:0; text-align:left; }
header .inner1870 .gnb > ul > li > ul > li .depth4 li:not(:last-child) { margin-bottom:4px; }
header .inner1870 .gnb > ul > li > ul > li .depth4 li:first-child,
header .inner1870 .gnb > ul > li > ul > li .depth4 li:last-child{padding-bottom:0;}
header .inner1870 .gnb > ul > li > ul > li .depth4 li a{font-size: 15px; font-weight: 300; color:#fff; }





header .inner1870 .lang { position:absolute; right:100px; top:28px; color:#2f2f2f; font-weight:500; font-size:14px; }
header .inner1870 .lang i { font-size:24px; display:inline-block; vertical-align:middle; margin-right:5px; }
header .inner1870 .lang a { color:#2f2f2f }
header .inner1870.on .lang { top:38px; transition-delay:0.2s }
header .inner1870.open .lang { display:none}

/*ham_on*/
.all_gnb_wrap{width:97.39583333333333%; height: 0;/*  height:calc(100vh - 90px); */ position:fixed; top:100px; left:50%; transform:translateX(-50%); transition:0.7s; background:#fff; overflow: hidden;}
.all_gnb_wrap .all_gnb{display:flex; flex-wrap:wrap; align-items:center; border-top:1px solid #ededed; box-sizing:border-box;}
.all_gnb_wrap .all_gnb .all_gnb_left{width:50%;  height:calc(100vh - 180px); font-family: 'Pretendard'; background:#fff;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul {position:relative; width:55%; height:100%; box-sizing:border-box; border-right:1px solid #dddddd; /* padding-top:90px; */ display:flex; /* flex-wrap:wrap; */ flex-direction:column; justify-content:center;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li{font-size:42px; font-weight: 600; color:#2f2f2f; opacity:0.3;  margin-left: 52%; /* margin-left:280px; */ box-sizing:border-box; margin-bottom: 70px; cursor:pointer;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li:last-child{margin-bottom: 0;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul >  li.on {opacity:1;  transition:0.6s;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li.on > ul  {display:block; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li span{display:inline-block; font-size: 16px; font-family: 'Poppins'; font-weight: bold; color:#3879bc; margin-bottom: 11px; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li {}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li  > ul{position:absolute; width:56%; top: 106px; left:125%; /* left:298px; */ display:none; height: calc(100% - 213px); overflow-y: auto;}
/* .all_gnb_wrap .all_gnb .all_gnb_left > ul > li:nth-child(1) > ul{position:absolute; top:53px; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li:nth-child(2) > ul{position:absolute; top:-14px; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li:nth-child(3) > ul{position:absolute; top:-14px; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li:nth-child(4) > ul{position:absolute; top:11px; }
 */
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li.on > ul > li {opacity:1;} 
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li{font-size:16px; font-weight: 500; opacity:1; margin-bottom: 39px; margin-left:0; opacity:0; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li:last-child{margin-bottom: 0;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li > a{position:relative; }
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li > a:after{content:""; position:absolute; left:0; bottom:-5px; width:0; height:1px; background:#3577bb;}
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li > a:hover{font-weight: bold; color: #3577bb;} 
.all_gnb_wrap .all_gnb .all_gnb_left > ul > li > ul > li > a:hover:after{width:100%; transition:0.4s;}

.all_gnb_wrap .all_gnb .bg{width:50%; height:calc(100vh - 180px); background:url('/img/common/nav_bg1.jpg') no-repeat 50% 50%; background-size:cover !important;
transition:0.4s}

.all_gnb_wrap .all_gnb_bottom{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; height:90px; padding:0 80px; box-sizing:border-box;
border-top:1px solid #dddddd;}
.all_gnb_wrap .all_gnb_bottom .header_tell{display:flex; flex-wrap:wrap; align-items:center;}
.all_gnb_wrap .all_gnb_bottom .header_tell p:nth-child(1){font-size:16px;  font-family: 'Poppins'; color:#333333; margin-right: 36px;}
.all_gnb_wrap .all_gnb_bottom .header_tell p:nth-child(2){font-size:29px; font-family: 'Poppins'; font-weight: 600; color:#3577bb; }

.all_gnb_wrap .all_gnb_bottom .header_license{font-size: 15px; font-weight: 300; font-family: 'Pretendard'; color: #666666; opacity:0.5;}
.all_gnb_wrap .all_gnb_bottom .header_icon{}
.all_gnb_wrap .all_gnb_bottom .header_icon ul{display:flex; flex-wrap:wrap; }
.all_gnb_wrap .all_gnb_bottom .header_icon ul li{margin-left: 15px; }
.all_gnb_wrap .all_gnb_bottom .header_icon ul li:first-child{margin-left: 0; }


/* on */
header .inner1870.open{max-width:100vw; height:90px; margin-top:0;  border-bottom:1px solid #dddddd; transition:all 0.6s; }
header .inner1870.open .logo{left:104px;  transition:all 0.6s; }
header .inner1870.open .gnb > ul{display:none;} 
header .inner1870.open .gnb > ul > li > a{line-height:90px; transition:all 0.6s; }
header .inner1870.open .mobile_btn{right:80px;  transition:all 0.6s;} 
header .inner1870.open .all_gnb_wrap{width: 100%; top: 90px; height: calc(100vh - 90px);}

header .inner1870.on{max-width:100vw; height:100px; margin-top:0;  border-bottom:1px solid #dddddd; transition:all 0.6s; transition-delay:0.2s}
header .inner1870.on .logo{left:60px;  transition:all 0.6s; transition-delay:0.2s}
header .inner1870.on .gnb > ul > li{height: 100px;  transition:all 0.6s; transition-delay:0.2s}
header .inner1870.on .gnb > ul > li > a{line-height:100px; transition:all 0.6s; transition-delay:0.2s}
header .inner1870.on .mobile_btn{right:60px;  transition:all 0.6s; transition-delay:0.2s} 
header .inner1870.on .all_gnb_wrap{width: 100%; top: 100px;  height: 0;}
header .inner1870.on  .all_gnb_wrap .all_gnb .bg,
header .inner1870.on .all_gnb_wrap .all_gnb .all_gnb_left{height: calc(100vh - 200px);}
header .inner1870.on .all_gnb_wrap .all_gnb_bottom{height: 100px;}
header .inner1870.on.open .all_gnb_wrap{height: calc(100vh - 100px);}




/*footer*/
footer{width:100%;}
footer .footer_top{width:100%; padding:50px 0; background:#f8f8f8;}
footer .footer_inner1600{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:1600px; margin:0 auto;}
footer .footer_top .footer_top_title{font-size:16px ; font-family: 'Poppins'; color:#333333; margin-bottom: 21px;}
footer .footer_top .tel_num{font-size:29px ; font-family:'Poppins'; color:#3577bb; margin-bottom: 28px; font-weight: 600;}
/* footer .footer_top .work_time{font-size:15px ; font-family:'Pretendard'; color:#666666;}
footer .footer_top .work_time span{font-weight:600 ; color:#333333;} */
footer .footer_top .footer_right{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:flex-end; align-items:flex-end;}
footer .footer_top .footer_right p{font-size: 17px; font-family:'Pretendard'; font-weight:600 ; color:#333333;  margin-bottom: 21px;}
footer .footer_top .footer_right img{margin-bottom: 28px;}
/* footer .footer_top .footer_right ul{display:flex; flex-wrap:wrap; }
footer .footer_top .footer_right ul li{font-size:15px ; font-family:'Pretendard'; color:#666666; margin-right: 38px;}
footer .footer_top .footer_right ul li:last-child{margin-right: 0;}
footer .footer_top .footer_right ul li  span{font-weight:600 ; color:#333333;} */
footer .footer_top .footer_adress{width: 100%; font-size: 15px; font-family: 'Pretendard'; color: #666666; display:flex; flex-wrap:wrap; justify-content:space-between;}
footer .footer_top .footer_adress ul{display:flex; flex-wrap:wrap; gap:0 38px;}
footer .footer_top .footer_adress span{font-weight: 600; color: ##333333;}


footer .footer_btm{width:100%; padding:25px 0; background:#3f3f3f; font-family: 'Pretendard';}
footer .footer_btm .footer_nav{background:#3f3f3f;}
footer .footer_btm .footer_nav ul{display:flex; flex-wrap:wrap;}
footer .footer_btm .footer_nav li{padding:0 25px; background:url('/img/common/footer_nav_bar.png') no-repeat 100% 50%;}
footer .footer_btm .footer_nav li a{font-size:15px ;  font-weight: 300; color: #a4a4a4;  }
footer .footer_btm .footer_nav li:first-child{padding-left:0;}
footer .footer_btm .footer_license {font-size:15px ; font-weight: 300; color: #a4a4a4; }



/* ¾Ö´Ï¸ÞÀÌ¼Ç */

.animation{transition: all 0.6s linear;}
.animation.down{transform:translateY(-40px);}
.animation.up{transform:translateY(40px);}
.animation.left{transform:translateX(-40px);}
.animation.right{transform:translateX(40px);}
.animation.opacity{opacity:0;} 


/* .animation.on.down, .animation.on.up {
	transform: translateY(0);
	transform: translateY(0);
}

.animation.on.left, .animation.on.right {
		transform: translateX(0);
        transform: translateX(0);
}

.animation.on.opacity {
  opacity: 1;
}
 */

/* .section.sec1.active .slick-active .main_title.animation.down.opacity{opacity:1; transform: translateY(0); } 
.section.sec1.active .slick-active .main_article.animation.up.opacity{opacity:1; transform: translateX(0); }  */


 @keyframes up{
	0% {opacity:0; transform:translateY(40px);}
	100% {opacity:1; transform:translateY(0);}
}

 @keyframes up_op{ /*opacity0.7*/
	0% {opacity:0; transform:translateY(40px);}
	100% {opacity:0.7; transform:translateY(0);}
}

@keyframes down{
	0% {opacity:0; transform:translateY(-40px);}
	100% {opacity:1; transform:translateY(0);}
}
@keyframes right{
	0% { opacity:0; transform:translateX(40px);}
	100% {opacity:1; transform:translateX(0);}
}
@keyframes left{
	0% {opacity:0; transform:translateX(-40px);}
	100% {opacity:1; transform:translateX(0);}
}

/* animation:left 2s 0.5s cubic-bezier(0.5, 1, 0.89, 1) both
animation-duration:2s; animation-delay:0.5s; animation-fill-mode:both  */

#fullpage .section.sec1.active .main_title{animation:left 2s 0.5s both} 
#fullpage .section.sec1.active .main_article{ animation-name:up_op; animation-duration:2s; animation-delay:1s; animation-fill-mode:both }