@charset "UTF-8";
#technology .subheading {background-image: url(/assets/images/1_subheading_bg.png); }
#about .subheading      {background-image: url(/assets/images/2_subheading_bg.png); }
#partner .subheading    {background-image: url(/assets/images/3_subheading_bg.png); }
#contact .subheading    {background-image: url(/assets/images/5_subheading_bg.png); }
.subheading {height: 360px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat ; position: relative;}


.subheading .setWidth {position: relative;}
.subheading .title {position: absolute; text-align: center; left: 0;  top: 195px; width: 100%; }
.subheading .title img{max-height: 100%}

.part .title {position: relative; padding-top: 30px; margin-bottom: 50px;}
.part .title h1 {font-size: 40px; color: #0d223d; letter-spacing: -1px}
.part .title h1 span {display: inline-block; margin-left: 5px; font-size: 28px; font-weight: 300;}
.part .title span {font-size: 17px; color: #2c71e1;}
.part .txt p, .part .txt li {font-size: 20px; letter-spacing: -.5px; line-height: 2; font-weight: 300; word-break: keep-all}

.leftTxt>div {float: right; width: 50%;}
.RightTxt>div {float: left; width: 50%;}

#technology .tech_area {padding: 0; background: #f5f5f5}
#technology .part {position: relative; padding: 80px 0; opacity: 0; transform: translateY(50px)}
#technology .part:last-child {margin-bottom: 0;}
#technology .part .movingImg {min-height: 1px; position: relative;}
#technology .part .txt {}

#technology .part.on {opacity: 1; transform: translateY(0); transition: .5s}

.part.on {opacity: 1; transform: translateY(0); transition: .5s}
.part1, .part3, .part5 {background: #fff;}
.part1 .movingImg {margin-top: 50px;}
.part1.on .movingImg .bg {background-image: url(/assets/images/1_tech_part1_img3.gif); width: 417px; height: 368px; margin: auto; background-position: center center} 


.part2 .movingImg {margin-top: 30px;}
.part2.on .movingImg .bg {background-image: url(/assets/images/1_tech_part2_img3.gif); width: 440px; height: 440px; margin: auto;}

.part3 .movingImg {padding-top: 80px;}
.part3 .movingImg .bg {background-image: url(/assets/images/1_tech_part3_img_bg.png); width: 263px; height: 294px; margin: auto; position: relative; z-index: 1;}
.part3 .movingImg .img {position: absolute; left: 50%;}
.part3 .movingImg .img1 {background-image: url(/assets/images/1_tech_part3_img_1.png); width: 257px; height: 282px; margin-left: -128px; top: 86px; z-index: 0}
.part3 .movingImg .arrow {width: 25px; height: 107px; background-image: url(/assets/images/1_tech_part3_img_arrow.png); opacity: 0; background-repeat: no-repeat}
.part3 .movingImg .arrow1 {animation: toBottom 1s infinite; margin-left: -11px; top: -22px;}
.part3 .movingImg .arrow2, .part2 .movingImg .arrow3 {bottom: -30px;}
.part3 .movingImg .arrow2 {transform: rotate(-120deg); margin-left: -230px; animation: toRTop 1s infinite;}
.part3 .movingImg .arrow3 {transform: rotate(120deg); margin-left: 210px; animation: toLTop 1s infinite;}

.part3.on .movingImg .img1 {transform: scale(.4,.4); transition: ease-in-out .5s; transition-delay: .5s;}
.part3.on .movingImg .arrow {opacity: 1; transition: .2s; transition-delay: 1.2s; animation-delay: 1.5s}

@-webkit-keyframes toBottom {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(70px)
	}
}
@-moz-keyframes toBottom {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(70px)
	}
}
@-o-keyframes toBottom {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(70px)
	}
}
@keyframes toBottom {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(70px)
	}
}

@-webkit-keyframes toRTop {
	0% {
		bottom: -30px; margin-left: -230px;
	}
	100% {
		bottom: 25px; margin-left: -128px;
	}
}
@-moz-keyframes toRTop {
	0% {
		bottom: -30px; margin-left: -230px;
	}
	100% {
		bottom: 25px; margin-left: -128px;
	}
}
@-o-keyframes toRTop {
	0% {
		bottom: -30px; margin-left: -230px;
	}
	100% {
		bottom: 25px; margin-left: -128px;
	}
}
@keyframes toRTop {
	0% {
		bottom: -30px; margin-left: -230px;
	}
	100% {
		bottom: 25px; margin-left: -128px;
	}
}

@-webkit-keyframes toLTop {
	0% {
		bottom: -30px; margin-left: 210px;
	}
	100% {
		bottom: 25px; margin-left: 108px;
	}
}
@-moz-keyframes toLTop {
	0% {
		bottom: -30px; margin-left: 210px;
	}
	100% {
		bottom: 25px; margin-left: 108px;
	}
}
@-o-keyframes toLTop {
	0% {
		bottom: -30px; margin-left: 210px;
	}
	100% {
		bottom: 25px; margin-left: 108px;
	}
}
@keyframes toLTop {
	0% {
		bottom: -30px; margin-left: 210px;
	}
	100% {
		bottom: 25px; margin-left: 108px;
	}
}

.part4 .movingImg {padding-top: 40px;}
.part4 .movingImg .img {width: 380px; height: 360px; margin: auto; background-image: url(/assets/images/1_tech_part4_img.png);}

.part4.on .movingImg .img {animation: linear moveTree 2.5s;}

@-webkit-keyframes moveTree {
	0% {
		height: 32px;
	}
	10% {
		height: 32px;
	}
	25% {
		height: 141px;
	}
	35% {
		height: 141px;
	}
	50% {
		height: 251px;
	}
	60% {
		height: 251px;
	}
	75% {
		height: 360px;
	}
	100% {
		height: 360px;
	}
}
@-moz-keyframes moveTree {
	0% {
		height: 32px;
	}
	10% {
		height: 32px;
	}
	25% {
		height: 141px;
	}
	35% {
		height: 141px;
	}
	50% {
		height: 251px;
	}
	60% {
		height: 251px;
	}
	75% {
		height: 360px;
	}
	100% {
		height: 360px;
	}
}
@-o-keyframes moveTree {
	0% {
		height: 32px;
	}
	10% {
		height: 32px;
	}
	25% {
		height: 141px;
	}
	35% {
		height: 141px;
	}
	50% {
		height: 251px;
	}
	60% {
		height: 251px;
	}
	75% {
		height: 360px;
	}
	100% {
		height: 360px;
	}
}
@keyframes moveTree {
	0% {
		height: 32px;
	}
	10% {
		height: 32px;
	}
	25% {
		height: 141px;
	}
	35% {
		height: 141px;
	}
	50% {
		height: 251px;
	}
	60% {
		height: 251px;
	}
	75% {
		height: 360px;
	}
	100% {
		height: 360px;
	}
}


.part5 .movingImg {margin-top: 20px;}
.part5 .movingImg .main {width: 94px; height: 135px; margin: auto; background-image: url(/assets/images/1_tech_part5_img_main.png);}
.part5 .movingImg .sub {width: 100px; height: 143px; background-image: url(/assets/images/1_tech_part5_img_sub.png); position: absolute; left: 50%; margin-left: -50px; top: -2px; opacity: 0;}
.part5 .movingImg .sub1:before, .part5 .movingImg .sub1:after {display: block; content: ''; width: 100px; height: 143px; background-image: url(/assets/images/1_tech_part5_img_sub.png); position: absolute; top: 0;}
.part5 .movingImg .sub2 {width: 94px; height: 135px; margin: 4px 0 0 -47px; background-image: url(/assets/images/1_tech_part5_img_main.png); top: 200px; opacity: 0; z-index: -1;}
.part5 .movingImg .sub3, .part5 .movingImg .sub4 {position: absolute; width: 94px; height: 135px; margin: auto; background-image: url(/assets/images/1_tech_part5_img_main.png); top: 204px; opacity: 0; z-index: -1;}
.part5 .movingImg .sub:before {left: 0;}
.part5 .movingImg .sub:after {right: 0;}
.part5 .movingImg .sub3 {left: 123px;}
.part5 .movingImg .sub4 {right: 19px;}
.part5 .movingImg .arrow {width: 81px; height: 107px; background-image: url(/assets/images/1_tech_part5_img_arrow.png); position: absolute; left: 50%; margin-left: -40px; top: 50%;  margin-top: 54px; opacity: 0;}

.part5.on .movingImg .main {}
.part5.on .movingImg .sub1 {top: 200px; opacity: 1; transition: .6s; transition-delay: 1s}
.part5.on .movingImg .sub1:before, .part5 .movingImg .sub1:after {transition: .4s; transition-delay: 2s}
.part5.on .movingImg .sub1:before {left: -150px;}
.part5.on .movingImg .sub1:after {right: -150px;}
.part5.on .movingImg .sub2 {animation: sparkle .7s infinite; animation-delay: 3.1s}
.part5.on .movingImg .sub3 {animation: sparkle .9s infinite; animation-delay: 2.7s}
.part5.on .movingImg .sub4 {animation: sparkle 1.1s infinite; animation-delay: 3.5s}

@-webkit-keyframes sparkle {
	0% {
		opacity: 0
	}
	30% {
		opacity: 1
	}
	40% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@-moz-keyframes sparkle {
	0% {
		opacity: 0
	}
	30% {
		opacity: 1
	}
	40% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@-o-keyframes sparkle {
	0% {
		opacity: 0
	}
	30% {
		opacity: 1
	}
	40% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@keyframes sparkle {
	0% {
		opacity: 0
	}
	30% {
		opacity: 1
	}
	40% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}


.part5.on .movingImg .arrow{opacity: 1; transition: .4s; transition-delay: 1.5s;}


.section3 {padding: 10px 0 60px; background: #2c71e1;}
.section3 .btn_area { margin-top: 60px;}
.section3 ul {}
.section3 li a {display: block; width: 345px; position: relative; margin: auto;}
.section3 li a.fullwidth {width: 540px;}
#technology .section3 a {display: block; border-bottom: 5px solid #fff; text-align: left; padding: 0 40px 0 0;}
#technology .section3 a strong {display: inline-block; color: #fff; font-size: 45px; text-transform: uppercase; line-height: 38px;}
#technology .section3 a .icon {background-image: url(/assets/images/contact_arrow_w.png); width: 48px; height: 35px; position: absolute; right: 0; top: 1px }

#technology .section3 a:hover .icon{animation: toR .4s 2 }


@-webkit-keyframes toR {
	0% {
		right: 0px;
	}
	50% {
		right: -5px;
	}
	51% {
		right: -5px;
	}
	100% {
		right: -px;
	}
}
@-moz-keyframes toR {
	0% {
		right: 0px;
	}
	50% {
		right: -5px;
	}
	51% {
		right: -5px;
	}
	100% {
		right: -px;
	}
}
@-o-keyframes toR {
	0% {
		right: 0px;
	}
	50% {
		right: -5px;
	}
	51% {
		right: -5px;
	}
	100% {
		right: -px;
	}
}
@keyframes toR {
	0% {
		right: 0px;
	}
	50% {
		right: -5px;
	}
	51% {
		right: -5px;
	}
	100% {
		right: -px;
	}
}

#about .about_area {padding: 130px 0 60px; position: relative;}
/* #about .about_area:before {display: block; content: ''; position: absolute; top: 60px; right: 0; width: 1770px; height: 850px; background: #fff; opacity: 0;}
#about .about_area.on:before {animation: boxToLeft .4s; opacity: 1;} */

@-webkit-keyframes boxToLeft {
	0% {
		width: 0;
	}
	100% {
		width: 1770px;
	}
}
@-moz-keyframes boxToLeft {
	0% {
		width: 0;
	}
	100% {
		width: 1770px;
	}
}
@-o-keyframes boxToLeft {
	0% {
		width: 0;
	}
	100% {
		width: 1770px;
	}
}
@keyframes boxToLeft {
	0% {
		width: 0;
	}
	100% {
		width: 1770px;
	}
}


#about .about_area .setWidth {position: relative; z-index: 1;}
#about .about_area .title {margin-bottom: 40px; opacity: 0;}
#about .about_area .sub_title {font-size: 28px; letter-spacing: -1px; line-height: 1.4; margin-bottom: 70px; opacity: 0; word-break: keep-all;}

#about .about_area.on .title, #about .about_area.on .sub_title {opacity: 1; transition: .4s; transition-delay: .7s}

#about .biz_list .box_wrap {background: #0d223d; padding: 40px; border-radius: 13px; min-height: 600px; transform: translateY(30px); box-sizing: border-box; opacity: 0; transition: .3s}
#about .biz_list .icon_wrap {height: 192px;}
#about .biz_list .icon {width: 130px; height: 148px; margin-bottom: 40px;}
#about .biz_list .firstChain {background-image: url(/assets/images/2_icon_chain.png);}
#about .biz_list .net {background-image: url(/assets/images/2_icon_net.png)}
#about .biz_list .person {background-image: url(/assets/images/2_icon_person.png)}

#about .on .biz_list .box_wrap {opacity: 1; transform: translateY(0)}
#about .on .biz_list .box1 {transition-delay: .8s;}
#about .on .biz_list .box2 {transition-delay: 1s;}
#about .on .biz_list .box3 {transition-delay: 1.2s;}

#about .biz_list .txt .main {color: #2c71e1; font-size: 28px; letter-spacing: -1px; margin-bottom: 30px; font-weight: 300; line-height: 1.3; /*height: 2.6em;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; text-overflow: ellipsis; overflow: hidden;}
#about .biz_list .txt .main strong {display: block; font-weight: 600;}
#about .biz_list .txt .sub {font-size: 18px; color: #fff; letter-spacing: -.4px; word-break: keep-all; font-weight: 300; line-height: 1.6;}

.team_area {padding: 50px 0 80px; background: #f5f5f5;}
.team_area .title {margin-bottom: 30px; opacity: 0; transform: translateY(50px)}
.team_area.on .title {opacity: 1; transform: translateY(0); transition: 1s;}

.team_area .col {margin-bottom: 20px; opacity: 0; transform: translateY(50px);transition: .5s}
.team_area.on .col {opacity: 1; transform: translateY(0)}
.team_area .imgWrap {width: 100%; margin: 20px 0; background: #d6dee3;}
.team_area .txt {position: relative;}
.team_area .txt dt {font-size: 22px; font-weight: 600;}
.team_area .txt dd {font-size: 15px; color: #666;}
.linkedin {position: absolute;right: 0; top: 5px;}


.legal.advisor_area {background: #f5f5f5;}

.advisor_area {position: relative; padding: 100px 0 50px;}
.advisor_area .scroll_content {}
.advisor_area .title {margin-bottom: 50px;}
.advisor_area .advisor {}

.advisor_area .advisor .txt {padding: 40px 0 50px; position: relative;} 
.advisor_area .advisor .txt p {font-size: 24px; margin-bottom: 10px; font-weight: 700;padding-right: 28px;}
.advisor_area .advisor .txt ul{min-height: 45px;}
.advisor_area .advisor .txt li {font-size: 15px; color: #666; line-height: 1.3; margin-bottom: 5px;  padding-right: 5px; font-weight: 300;}
.advisor_area .advisor .txt a.view {display: inline-block; text-indent: -9999px; background: url(/assets/images/icon_play_gary.png) 0 0 no-repeat; width: 28px; height: 28px; background-size: cover; position: absolute; top: 40px; right: 0;}
.advisor_area .advisor .txt a.view.linkedin {background: url(/assets/images/icon_linkedin.png) 0 0 no-repeat;background-size: cover;}

.interview {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 52;}
.video_wrap {padding: 0; width: 600px; background: #000; position: relative; height: 336px; margin: auto; top: 50%; transform: translateY(-50%);}
.video_wrap span {display: inline-block; color: #fff; vertical-align: middle; width: 100%; text-align: center; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%);}
.interview .close {position: absolute; right: 50%; top: 50%; margin-top: 180px; margin-right: -300px;}
.interview .close span {display: block; color: #fff; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #fff; letter-spacing: 1px}

.social_area {padding: 80px 0 40px;background: #f5f5f5;}
.social_area .title {margin-bottom: 50px;}
.social_list {box-sizing: border-box}
.social_list li {float: left; width: 25%; padding: 20px 0 40px;}
.social_list a span {display: inline-block;position: relative; margin-top: 5px;font-size: 28px; line-height: 1; z-index: 1; font-weight: 300;}
.social_list a span:before {display: block; content: ''; width: 100%; height: 1px; background: #dbdbdb; position: absolute; left: 0; bottom: -3px;z-index: -1;}
.social_list a img {display: block; margin: auto; width: 40px;}

.partner_area {background: #fff; padding: 100px 0}
.partner_area .setWidth {opacity: 0; transform: translateY(20px)}
.partner_area.on .setWidth {opacity: 1; transform: translateY(0); transition: .4s; transition-delay: .2s}
.partner_list {padding: 20px 0;}
.partner_list:before, .partner_list:after {display: block; content: ''; width: 20px;}
.partner {padding: 0 20px; box-sizing: border-box}

.contact_area {background: url(/assets/images/5_bg.png) center center no-repeat; background-size: cover; padding: 120px 0; position: relative;}
.img_area .imgWrap {position: relative;}
.img_area .imgWrap img {max-width: 50%; opacity: 0; transform: translateY(70px); transition: .4s; transition-delay: .2s}
.on .img_area .imgWrap img {opacity: 1; transform: translateY(0)}

.link_area {padding-left: 60px; opacity: 0; transform: translateY(70px)}
.on .link_area {opacity: 1; transform: translateY(0); transition: .4s; transition-delay: .2s}
.link_area li {margin-bottom: 30px;}
.link_area .main, .link_area .main a{display: inline-block; font-size: 28px; color: #000;}
.link_area .sub {margin-top: 15px;}
.link_area .sub a {display: inline-block; position: relative; font-size: 18px; color: #555; margin-bottom: 20px;}
.link_area .sub a:before {display: block; content: '';  border-bottom: 1px solid #dbdbdb; position: absolute; bottom: -3px; width: 100%;}

.link_area li:first-child .main {position: relative;}
.link_area li:first-child .main:before {display: block; content: '';  border-bottom: 1px solid #dbdbdb; position: absolute; bottom: -3px; width: 100%;}
.telegram .sub a:first-child {margin-right: 70px;}
.mail .sub a:first-child {margin-right: 25px;}

.link_area li:last-child a{margin-bottom: 0;}


@media screen and (max-width : 1400px) {
	.part5 .movingImg .sub3 {left: 93px;}
	.part5 .movingImg .sub4 {right: -10px;}
	
	#about .biz_list .txt .main strong{display: block;}
	
	#about .about_area .sub_title, #about .biz_list .txt .main {font-size: 25px;}
	
}
@media screen and (max-width : 1300px) {
	
	
	
	.social_list {width: 900px; padding-left: 60px;} 
}

@media screen and (max-width : 1240px) {
	
}

@media screen and (max-width : 1200px) {
	.part5 .movingImg .sub3 {left: 59px;}
	.part5 .movingImg .sub4 {right: -45px;}
	
	#about .about_area:before {height: 800px;}
	#about .biz_list .row {margin-left: -20px; margin-right: -20px;}
	#about .biz_list .col {padding: 0 20px;}
	#about .biz_list .box_wrap {min-height: 560px}
	#about .biz_list .txt .main {font-size: 20px;}
	#about .biz_list .txt .sub {font-size: 15px;}
	
	
}
@media screen and (max-width : 1160px) {
	
}
@media screen and (max-width : 1100px) {

}
@media screen and (max-width : 1060px) {
	
	.part5 .movingImg .sub3 {left: 50%; margin-left: -197px;}
	.part5 .movingImg .sub4 {right: 50%; margin-right: -197px;}
	
	#about .biz_list .box_wrap {padding: 30px; min-height: 530px} 
	#about .biz_list .icon_wrap {height: 168px;}
	#about .biz_list .icon {margin-bottom: 20px;}
}

@media screen and (max-width : 1024px) {
	
	.leftTxt>div, .RightTxt>div {float: none; width: 100%;}
	#technology .part .movingImg {margin-bottom: 80px;}
	#technology .part4 .movingImg {height: 360px; padding-top: 0;}
	#technology .part5 .movingImg {height: 350px;}
	.part5 .movingImg .arrow {margin-top: -53px;}
	
	.section3 .btn_area li {width: 100%; margin-bottom: 60px;}
	.section3 .btn_area li:last-child {margin-bottom: 0;}
	
	#about .about_area .sub_title {font-size: 22px;}
	
	.advisor_area .advisor {width: 33.33%;}
	
	.social_list {width: 700px; padding-left: 40px;} 
	.social_list li {width: 33.33%}
	
	.contact_area {background-image: url(/assets/images/5_m_bg.png);}
	.contact_area .col {width: 100%;}
	.contact_area .img_area {margin-bottom: 100px;}
	.link_area li {margin-bottom: 50px;}
}

@media screen and (max-width : 930px) {
	#about .about_area:before {display: none;}
	#about .biz_list .col {float: none; width: 100%; margin-bottom: 30px;}
	#about .biz_list .box_wrap {min-height: 0; padding-left: 200px; position: relative;} 
	#about .biz_list .icon_wrap {position: absolute; left: 30px;}
	#about .biz_list .txt .main {font-size: 25px;}
	#about .biz_list .txt .sub {font-size: 16px;}
}
@media screen and (max-width : 880px) {
	.team_area .col {width: 50%;}
	
	.advisor_area .advisor .txt li {font-size: 13px;}
}
@media screen and (max-width : 780px) {

}

@media screen and (max-width : 768px) {
	.advisor_area .advisor {width: 50%;}
		
	.contact_area .close {margin-top: 215px;}
	
	.partner_area {padding: 80px 0 100px;}
	
	.video_wrap {width: 80%; padding-bottom: 47.25%; height: 0;}
	.interview .close {right: 10%; margin-right: 0; top: 69%; margin-top: 0;}
}
@media screen and (max-width : 750px) {
	.subheading {height: 280px}
	.subheading .title {top: 158px; height: 50px;}
	
	
	.social_list {width: 540px; padding-left: 50px;} 
	.social_list li {width: 50%}
	
}

@media screen and (max-width : 650px) {
	.part1.on .movingImg .bg {width: 100%; height: 0; background-size: contain; padding-bottom: 72%; background-repeat: no-repeat;}
	
}
@media screen and (max-width : 600px) {
	.subheading {margin-top: 0; height: 200px;} 
	.subheading .title {top: 108px; height: 30px;}
	
	#technology .part {padding: 50px 0;}
	.part .title {margin-bottom: 30px;}
	.part2 .movingImg {zoom: .8; margin-top: 0;}
	.part3 .movingImg {zoom: .8; margin-top: -30px;}
	#technology .section3 a strong {font-size: 40px;line-height: 45px;}
	
	#about .about_area {padding: 70px 0 30px;}
	#about .about_area .sub_title {font-size: 20px;}
	#about .biz_list .box_wrap {padding-left: 160px;}
	#about .biz_list .icon {background-size: 100px auto; background-repeat: no-repeat; width: 100px;}
	#about .biz_list .txt .main{font-size: 20px;}
	#about .biz_list .txt .sub {font-size: 14px;}
	
	
	.team_area {padding: 30px 0 60px;}
	.team_area .txt dt {font-size: 17px;}
	.team_area .txt dd {font-size: 13px;}
	
	.linkedin {width: 20px; height: 20px;}
	.advisor_area {padding: 70px 0 50px;}
	.advisor_area .advisor .txt {padding: 20px 0 30px}
	.advisor_area .advisor .txt p {font-size: 17px;}
	.advisor_area .advisor .txt li {font-size: 10px;}
	.advisor_area .advisor .txt a.view {top: 22px; width: 20px; height: 20px;}
	
	.contact_area {padding: 70px 0;}
	.contact_area .img_area {margin-bottom: 60px;}
	.img_area .imgWrap img {max-width: 40%}
	.contact_area .link_area { padding-left: 0;}
	.link_area li {margin-bottom: 50px;}
	.link_area .main, .link_area .main a {font-size: 20px;}
	.link_area .sub a {font-size: 16px;}
}
@media screen and (max-width : 560px) {
	
	.part2.on .movingImg .bg {width: 100%; height: 0; background-size: contain; padding-bottom: 88%; background-repeat: no-repeat; max-width: 440px}
	.part .title h1 {font-size: 25px;}
	.part .title h1 span {font-size: 20px;}
	.part .txt p, .part .txt li {font-size: 14px;}
	.part .txt p br, .part .txt li br {display: none;}
	
	#technology .section3 a .icon {height: 28px; width: 38px; background-size: contain; background-repeat: no-repeat; right: 0; top: 8px;}
	#technology .section3 a {height: 60px;}
	#technology .section3 a.inheight {height: inherit;}
	#technology .section3 .col {padding: 0;}
	
	.interview .close {top: 64%;}
	
	.social_area {padding: 80px 0 60px;}
	.social_area .title {margin-bottom: 30px;}
	.social_list {width: 100%; padding: 0 30px 0 50px;}
	.social_list a img {vertical-align: -11px !important;}
	.social_list a span {font-size: 18px;}
}

@media screen and (max-width : 450px) {
	
	#technology .part .movingImg {margin-bottom: 35px;}
	#technology .part2 .movingImg {zoom: .7}
	#technology .part3 .movingImg {zoom: .65}
	#technology .part5 .movingImg {zoom: .7}
	#technology .part4 .movingImg {height: auto;}
	.part4 .movingImg .bg {padding-bottom: 95%;}
	.part4 .movingImg .img {position: absolute; left: 0; top: 0; width: 100%; height: 0; padding-bottom: 94.7%;  background-size: cover; background-repeat: no-repeat; max-width: 380px}
	
	.part4.on .movingImg .img {animation: linear moveTree 3s;}

	@-webkit-keyframes moveTree {
		0% {
			padding-bottom: 8.6%;
		}
		10% {
			padding-bottom: 8.6%;
		}
		25% {
			padding-bottom: 37%;
		}
		35% {
			padding-bottom: 37%;
		}
		50% {
			padding-bottom: 66%;
		}
		60% {
			padding-bottom: 66%;
		}
		75% {
			padding-bottom: 94.7%;
		}
		100% {
			padding-bottom: 94.7%;
		}
	}
	@-moz-keyframes moveTree {
		0% {
			padding-bottom: 8.6%;
		}
		10% {
			padding-bottom: 8.6%;
		}
		25% {
			padding-bottom: 37%;
		}
		35% {
			padding-bottom: 37%;
		}
		50% {
			padding-bottom: 66%;
		}
		60% {
			padding-bottom: 66%;
		}
		75% {
			padding-bottom: 94.7%;
		}
		100% {
			padding-bottom: 94.7%;
		}
	}
	@-o-keyframes moveTree {
		0% {
			padding-bottom: 8.6%;
		}
		10% {
			padding-bottom: 8.6%;
		}
		25% {
			padding-bottom: 37%;
		}
		35% {
			padding-bottom: 37%;
		}
		50% {
			padding-bottom: 66%;
		}
		60% {
			padding-bottom: 66%;
		}
		75% {
			padding-bottom: 94.7%;
		}
		100% {
			padding-bottom: 94.7%;
		}
	}
	@keyframes moveTree {
		0% {
			padding-bottom: 8.6%;
		}
		10% {
			padding-bottom: 8.6%;
		}
		25% {
			padding-bottom: 37%;
		}
		35% {
			padding-bottom: 37%;
		}
		50% {
			padding-bottom: 66%;
		}
		60% {
			padding-bottom: 66%;
		}
		75% {
			padding-bottom: 94.7%;
		}
		100% {
			padding-bottom: 94.7%;
		}
	}
	
	#about .about_area .sub_title {font-size: 17px;}
	#about .biz_list .box_wrap {padding: 20px;}
	#about .biz_list .icon_wrap {position: relative; height: 100px; left: 0;}
	#about .biz_list .icon {background-size: 70px auto; width: 70px; height: 90px;}
	#about .biz_list .txt .main{position: absolute; top: 30px; left: 110px;}
	#about .biz_list .txt .sub {}

	.link_area li {margin-bottom: 30px;}
}

@media screen and (max-width : 400px) {
	#technology .part3 .movingImg {zoom: .9}
	#technology .part5 .movingImg {zoom: .8}

	.social_list {zoom: .9}

	#about .biz_list .txt .main {font-size: 16px; top: 36px; left: 100px;}
	#about .biz_list .txt .sub {font-size: 13px;}
}

@media screen and (max-width : 320px) {
	#technology .part3 .movingImg {zoom: .7}
	#technology .part5 .movingImg {zoom: .7}
	.social_list {zoom: .8}
	
	#about .biz_list .icon_wrap {height: 85px;}
	#about .biz_list .icon {width: 60px; background-size: 60px auto}
	#about .biz_list .txt .main {left: 90px; top: 31px;}
}

.partner_area .col {margin-bottom: 40px;}
.fa-linkedin {color: #2867B2;}