@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);



.top_evt.chk_0{display:none !important;opacity:0;width:0;height:0 !important;}
.top_evt.chk_0 .evt1 img{display:none !important;}
.top_evt.chk_0 .evt2 img{display:none !important;}


/* visual */
#visual{position:relative;width:100%;height:853px;}
.visual_wrap{overflow:hidden;position:relative;width:100%;height:853px;}
.visual_wrap ul{}
.visual_wrap ul li{
	display:none;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.visual_wrap ul li:nth-child(1){display:block;}
.visual_ctr{
	position:absolute;left:50%;bottom:40px;z-index:10;
	width:1400px;
	margin-left:-700px;
	overflow:hidden;
}
.visual_ctr .vprev{float:left;margin-right:2px;}
.visual_ctr .vnext{float:left;}
.visual_ctr ul{overflow:hidden;float:left;width:1340px;}
.visual_ctr ul li{
	float:left;margin-right:2px;
	/*width:445px;*/
	width:333px;
}
.visual_ctr ul li a{
	display:block;
	width:100%;height:50px;
	text-align:center;line-height:50px;
	background:rgba(255,255,255,0.8);
	font-size:14px;color:rgba(0,0,0,0.7);
}
.visual_ctr ul li.on a{
	display:block;
	width:100%;height:50px;
	text-align:center;line-height:50px;
	background:#ff0000;
	font-size:14px;color:#fff;
}





.visual_wrap ul li.v1{background:url(../images/main/v1_bg.jpg) no-repeat center;}
.visual_wrap ul li.v1 .img1{
	position:absolute;left:50%;top:196px;z-index:9;opacity:0;margin-left:-460px;
}
.visual_wrap ul li.v1 .txt1{
	position:absolute;left:50%;top:468px;z-index:10;opacity:0;margin-left:-600px;
}
.visual_wrap ul li.v1 .line1{
	position:absolute;left:0;bottom:-800px;z-index:0;
	opacity:0.2;
}


.visual_wrap ul li.v2{background:url(../images/main/v2_bg.jpg) no-repeat center;}
.visual_wrap ul li.v2 .img1{
	position:absolute;left:50%;top:150px;z-index:9;opacity:0;margin-left:-700px;;
}
.visual_wrap ul li.v2 .img2{
	position:absolute;right:50%;bottom:295px;z-index:10;opacity:0;margin-right:-780px;
}



.visual_wrap ul li.v3{background:url(../images/main/v3_bg.jpg) no-repeat center;}
.visual_wrap ul li.v3 .img1{position:absolute;right:0%;top:0;z-index:9;opacity:0;}
.visual_wrap ul li.v3 .txt1{position:absolute;left:50%;top:295px;z-index:10;margin-left:-700px;opacity:0;}
.visual_wrap ul li.v3 .line1{position:absolute;left:70px;top:0;z-index:0;opacity:0;}
.visual_wrap ul li.v3 .line2{position:absolute;right:95px;bottom:0;z-index:0;opacity:0;}
.visual_wrap ul li.v3 .line3{position:absolute;left:115px;bottom:0;z-index:0;opacity:1;}
.visual_wrap ul li.v3 .line4{position:absolute;right:0%;top:0;z-index:0;opacity:1;}


.visual_wrap ul li.v4{perspective:800px;background:url(../images/main/v4_bg.jpg) no-repeat center;}
.visual_wrap ul li.v4 .txt1{
	position:absolute;left:50%;top:204px;z-index:9;opacity:0;margin-left:-560px;
}
.visual_wrap ul li.v4 .txt2{
	position:absolute;left:50%;top:316px;z-index:10;opacity:0;margin-left:-490px;
}
.visual_wrap ul li.v4 .txt3{
	position:absolute;left:50%;top:422px;z-index:0;opacity:0;margin-left:-650px;
}
.visual_wrap ul li.v4 .r1{
	position:absolute;right:50%;top:310px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-330px;
}
.visual_wrap ul li.v4 .r2{
	position:absolute;right:50%;top:401px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-360px;
}
.visual_wrap ul li.v4 .r3{
	position:absolute;right:50%;top:444px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-220px;
}
.visual_wrap ul li.v4 .r4{
	position:absolute;right:50%;top:492px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-320px;
}
.visual_wrap ul li.v4 .r5{
	position:absolute;right:50%;top:505px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-400px;
}
.visual_wrap ul li.v4 .r6{
	position:absolute;right:50%;top:632px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-410px;
}
.visual_wrap ul li.v4 .r7{
	position:absolute;right:50%;top:669px;z-index:0;opacity:0;transform:scale(0.3);transition:all 0.4s;
	margin-right:-220px;
}

.visual_wrap ul li.act .r1{
	opacity:1;transform:scale(1);transition:all 0.4s;
}
.visual_wrap ul li.act .r2{
	opacity:1;transform:scale(1);transition:all 0.4s 0.2s;
}
.visual_wrap ul li.act .r3{
	opacity:1;transform:scale(1);transition:all 0.4s 0.4s;
}
.visual_wrap ul li.act .r4{
	opacity:1;transform:scale(1);transition:all 0.4s 0.6s;
}
.visual_wrap ul li.act .r5{
	opacity:1;transform:scale(1);transition:all 0.4s 0.8s;
}
.visual_wrap ul li.act .r6{
	opacity:1;transform:scale(1);transition:all 0.4s 1s;
}
.visual_wrap ul li.act .r7{
	opacity:1;transform:scale(1);transition:all 0.4s 1.2s;
}



/**/
.conwrap{
	position:relative;
	max-width:1400px;
	margin:0 auto;
}
.main_area1{height:830px;}
.main_area1 .conwrap{
	height:676px;
	padding:154px 0 0;
	background:#fff url(../images/main/main_area1_bg.png) no-repeat 0 68px;
}
.main_area1 .title{}
.main_area1 .title:before{
	display:inline-block;#display:inline;*zoom:1;
	vertical-align:top;
	content:"";
	width:40px;height:2px;
	background:#2f2f2f;
	margin:14px 35px 0 0;
}
.main_area1 .merit_wrap{overflow:hidden;position:absolute;left:0;top:278px;}
.main_area1 .merit_wrap>div{
	float:left;
	width:454px;height:566px;
	padding:76px 0 0 0;
	text-align:center;
}
.main_area1 .merit_wrap>div .tit{}
.main_area1 .merit_wrap>div p{margin:17px 0;font-size:15px;}
.main_area1 .merit_wrap>div:nth-child(even) p{color:#fff;}
.main_area1 .merit_wrap>div:nth-child(odd) p{color:#666;}
.main_area1 .merit_wrap>div:nth-child(2){margin:0 19px;}
.main_area1 .merit_wrap>div:nth-child(even){background:#151515;}
.main_area1 .merit_wrap>div:nth-child(odd){background:#f2f2f2}
.main_area1 .merit_wrap>div.safety{
	background:#f2f2f2 url(../images/main/main_area1_bg1.png) no-repeat bottom;
}
.main_area1 .merit_wrap>div.knowhow{
	background:#151515 url(../images/main/main_area1_bg2.png) no-repeat bottom;
}
.main_area1 .merit_wrap>div.care{
	background:#f2f2f2 url(../images/main/main_area1_bg3.png) no-repeat bottom;
}


.main_area2{overflow:hidden;padding:220px 0 168px 0;background:#c8cfd5;text-align:center;}
.main_area2 .title_btm{font-size:15px;color:#5b6a77;margin:10px 0 0;}
.main_area2 .sbj_wrap{margin-top:60px;}
.main_area2 .sbj_wrap ul{
	overflow:hidden;
	width:96%;
	margin:0 auto;
}
.main_area2 .sbj_wrap ul li{
	float:left;
	width:24.25%;
	margin-right:1%;
	text-align:left;
}
.main_area2 .sbj_wrap ul li:nth-child(1){
	background:url(../images/main/main_area2_bg1.jpg) no-repeat;
	background-size:cover;
}
.main_area2 .sbj_wrap ul li:nth-child(2){
	background:url(../images/main/main_area2_bg2.jpg) no-repeat;
	background-size:cover;
}
.main_area2 .sbj_wrap ul li:nth-child(3){
	background:#fff url(../images/main/main_area2_bg3.jpg) no-repeat 18px bottom;
}
.main_area2 .sbj_wrap ul li:nth-child(4){
	background:url(../images/main/main_area2_bg4.jpg) no-repeat;
	background-size:cover;
}

.main_area2 .sbj_wrap ul li:last-child{
	margin-right:0;
}
.main_area2 .sbj_wrap ul li a{
	display:block;
	width:90%;height:100%;
	padding:75px 5% 35px;
}
.main_area2 .sbj_wrap ul li a .tit1{font-size:14px;color:#111;line-height:120%;}
.main_area2 .sbj_wrap ul li a .tit2{font-size:24px;color:#111;line-height:100%;margin:15px 0 70px;height:145px;
letter-spacing:-3px;}
.main_area2 .sbj_wrap ul li a .more{
	overflow:hidden;
	display:inline-block;#display:inline;*zoom:1;
	width:50px;
	height:50px;line-height:50px;
	border:2px solid #d80009;
	transition:all 0.4s;
}
.main_area2 .sbj_wrap ul li a .more img{vertical-align:top;}
.main_area2 .sbj_wrap ul li a .more span{
	display:none;
	font-size:15px;color:#d80009;
	padding:0 60px 0 15px;
}

.main_area2 .sbj_wrap ul li:hover a .more{
	width:210px;
	transition:all 0.4s;
}
.main_area2 .sbj_wrap ul li:hover a .more span{
	display:inline-block;
	font-size:15px;color:#d80009;
	padding:0 60px 0 15px;
}


.main_area3{
	overflow:hidden;
	background:#f5f5f5 url(../images/main/main_area3_bg.gif) no-repeat;
	background-size:cover;
	text-align:center;
}
.main_area3 .conwrap{padding:303px 0;}
.main_area3 .title{position:relative;z-index:100;}
.pht_group{}
.pht_group .pht{
	opacity:1;
	width:175px;height:175px;background:url(../images/main/main_area3_pht.jpg) no-repeat;
	position:absolute;
	transition:all 1s;
}
.pht_group .pht.random_on{
	opacity:1;transition:all 0.8s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(1){
	background-position:0 0;
	left:0;top:128px;
}
.pht_group .pht:nth-child(2){
	background-position:-175px 0;
	left:175px;top:128px;
}
.pht_group .pht:nth-child(3){
	background-position:-350px 0;
	left:350px;top:128px;
}
.pht_group .pht:nth-child(4){
	background-position:-525px 0;
	left:525px;top:128px;
}
.pht_group .pht:nth-child(5){
	background-position:-700px 0;
	left:700px;top:128px;
}
.pht_group .pht:nth-child(6){
	background-position:-875px 0;
	left:875px;top:128px;
}
.pht_group .pht:nth-child(7){
	background-position:-1050px 0;
	left:1050px;top:128px;
}
.pht_group .pht:nth-child(8){
	background-position:-1225px 0;
	left:1225px;top:128px;
}
.pht_group .pht:nth-child(9){
	background-position:0 -175px;
	left:0;top:303px;
}
.pht_group .pht:nth-child(10){
	background-position:-175px -175px;
	left:175px;top:303px;
}
.pht_group .pht:nth-child(11){
	background-position:-1050px -175px;
	left:1050px;top:303px;
}
.pht_group .pht:nth-child(12){
	background-position:-1225px -175px;
	left:1225px;top:303px;
}
.pht_group .pht:nth-child(13){
	background-position:0 -350px;
	left:0;top:478px;
}
.pht_group .pht:nth-child(14){
	background-position:-175px -350px;
	left:175px;top:478px;
}
.pht_group .pht:nth-child(15){
	background-position:-350px -350px;
	left:350px;top:478px;
}
.pht_group .pht:nth-child(16){
	background-position:-525px -350px;
	left:525px;top:478px;
}
.pht_group .pht:nth-child(17){
	background-position:-700px -350px;
	left:700px;top:478px;
}
.pht_group .pht:nth-child(18){
	background-position:-875px -350px;
	left:875px;top:478px;
}
.pht_group .pht:nth-child(19){
	background-position:-1050px -350px;
	left:1050px;top:478px;
}
.pht_group .pht:nth-child(20){
	background-position:-1225px -350px;
	left:1225px;top:478px;
}



.main_area4{
	overflow:hidden;
	background:#e4e4e4;
	text-align:center;
}
.main_area4 .conwrap{overflow:hidden;padding:95px 0 0;height:605px;}
.main_area4 .phtarea{float:left;}
.main_area4 .txtarea{float:right;width:48%;text-align:left;}
.main_area4 .txtarea p{font-size:18px;color:#757575;margin-top:55px;}
.main_area4 .txtarea .slg{font-size:30px;color:#333;line-height:110%;font-weight:300;margin:15px 0 25px;}
.main_area4 .txtarea .slg span{font-weight:400;color:#111;}
.main_area4 .txtarea ul{overflow:hidden;margin-bottom:35px;}
.main_area4 .txtarea ul li{float:left;margin-right:20px;}
.main_area4 .txtarea ul li:last-child{margin-right:0;}
.main_area4 .txtarea a{
	display:block;
	width:256px;height:48px;
	padding:0 20px;
	text-align:left;line-height:48px;
	font-size:15px;color:#222;
	border:2px solid #222;
}
.main_area4 .txtarea a img{margin-left:75px;}



.main_area5{
	overflow:hidden;
	background:#1e1e1e url(../images/main/main_area5_bg.png) no-repeat center;;
	text-align:center
}
.main_area5 .conwrap{padding:120px 0 0;}
.main_area5 .conwrap .title_btm{font-size:15px;color:rgba(255,255,255,0.3);margin:15px 0 0;}

.media{position:relative;height:460px;}
.media #prev{position:absolute;left:0;top:160px;z-index:10;}
.media #next{position:absolute;right:0;top:160px;z-index:10;}
.media .list_area{position:relative;width:1260px;height:320px;padding:45px 0 0;margin:0 auto;}
.media .list_area ul{position:relative;height:320px;margin-left:-1260px;}
.media .list_area ul li{position:relative;opacity:0.7;}
.media .list_area ul li .thum{border:1px solid #ddd;padding:5px;}
.media .list_area ul li.on{opacity:1;}
.media .list_area ul li.on .thum{border:2px solid #d80009;}
.media .list_area ul li a{display:block;}
.media .list_area ul li p{text-align:center;margin-top:20px;color:rgba(255,255,255,0.7);font-size:17px;}


.main_area6{
	overflow:hidden;
	background:#fff;
	text-align:center;
	position:relative;
}
.main_area6 .bgarea{
	position:absolute;right:0;top:160px;z-index:1;
	width:905px;height:570px;
	background:#385074;
}
.main_area6 .conwrap{padding:100px 0;height:630px;z-index:10;}
.main_area6 .clear{overflow:hidden;}
.main_area6 .clear .titarea{
	float:left;
	position:relative;z-index:10;
	padding:130px 0 0;
	text-align:left;
}
.main_area6 .clear .titarea p{font-size:29px;color:#444;margin:10px 0 105px;}
.main_area6 .clear .titarea p span{font-size:29px;color:#d80009;}
.main_area6 .clear .titarea a{	
	display:block;
	width:256px;height:48px;
	padding:0 20px;
	text-align:left;line-height:48px;
	font-size:15px;color:#222;
	border:2px solid #222;
}
.main_area6 .clear .titarea a img{margin-left:60px;}

.main_area6 .clear .phtarea{
	position:relative;
	position:absolute;right:0;top:100px;
}
.main_area6 .clear .phtarea .thum{
	position:absolute;left:0;bottom:20px;
	width:100%;text-align:center;
}
.main_area6 .clear .phtarea .thum li{
	display:inline-block;#display:inline;*zoom:1;
	margin:0 2px;
}
.main_area6 .clear .phtarea .thum li a{
	display:block;
	width:10px;height:10px;
	border-radius:50%;
	border:2px solid #000;
}
.main_area6 .clear .phtarea .thum li.on a{
	display:block;
	width:10px;height:10px;
	border-radius:50%;
	border:2px solid #222;
	background:#222;
}




.main_area7{
	overflow:hidden;
	text-align:center;
	position:relative;
	box-shadow:0 1px 0 #ddd inset, 0 -1px 0 #ddd inset;
}
.main_area7 .conwrap{height:350px;}
.main_area7 .link{
	float:left;
	width:25%;height:350px;
	box-shadow:1px 0 0 #ddd inset;
}
.main_area7 .link .ico{margin:44px 0 25px;}
.main_area7 .link .tit{font-size:22px;color:#222}
.main_area7 .link p{font-size:14px;color:#777;margin:10px 0 20px}


.btm_evt{width:100%;padding:80px 0;overflow:hidden;}
.btm_evt .evt1{float:left;width:50%;height:340px;position:relative;}
.btm_evt .evt2{float:left;width:50%;height:340px;position:relative;}
.btm_evt .evt1 img{position:absolute;right:0;top:0;}
.btm_evt .evt2 img{position:absolute;left:0;top:0;}




/* 메인 모션작업 */
.main_area1.in-bg1 .conwrap{
	background:#fff url(../images/main/main_area1_bg.png) no-repeat 0 268px;
}
.main_area1.in-view .conwrap{
	background:#fff url(../images/main/main_area1_bg.png) no-repeat 0 68px;
	transition:all 1s;
}
.main_area1 .merit_wrap>div{
	opacity:0;
	background-position:0% 160% !important;
}
.main_area1 .merit_wrap.in-view>div.in-bg2{
	opacity:1;
	background-position:center bottom !important;
	transition:all 0.8s 0.4s;
}
.main_area1 .merit_wrap.in-view>div:nth-child(2).in-bg2{
	opacity:1;
	background-position:center bottom !important;
	transition:all 0.8s 0.5s;
}
.main_area1 .merit_wrap.in-view>div:nth-child(3).in-bg2{
	opacity:1;
	background-position:center bottom !important;
	transition:all 0.8s 0.6s;
}


.sbj_wrap ul li{}
.sbj_wrap ul li .tit1{transform:translateX(40px);opacity:0;}
.sbj_wrap ul li .tit2{transform:translateX(40px);opacity:0;}

.in-view.sbj_wrap ul li:nth-child(1).in-text .tit1{transform:translateX(0px);opacity:1;transition:all 1s}
.in-view.sbj_wrap ul li:nth-child(1).in-text .tit2{transform:translateX(0px);opacity:1;;transition:all 1s 0.1s}

.in-view.sbj_wrap ul li:nth-child(2).in-text .tit1{transform:translateX(0px);opacity:1;transition:all 1s 0.1s}
.in-view.sbj_wrap ul li:nth-child(2).in-text .tit2{transform:translateX(0px);opacity:1;;transition:all 1s 0.2s}

.in-view.sbj_wrap ul li:nth-child(3).in-text .tit1{transform:translateX(0px);opacity:1;transition:all 1s 0.3s}
.in-view.sbj_wrap ul li:nth-child(3).in-text .tit2{transform:translateX(0px);opacity:1;;transition:all 1s 0.4s}

.in-view.sbj_wrap ul li:nth-child(4).in-text .tit1{transform:translateX(0px);opacity:1;transition:all 1s 0.5s}
.in-view.sbj_wrap ul li:nth-child(4).in-text .tit2{transform:translateX(0px);opacity:1;;transition:all 1s 0.6s}



.pht_group .pht{
	opacity:0;
	width:175px;height:175px;background:url(../images/main/main_area3_pht.jpg) no-repeat;
	position:absolute;
	transition:all 1s;
}
.in-view .pht{
	opacity:1;
}
.pht_group .pht:nth-child(1){
	background-position:0 0;
	left:50px;top:158px;
}
.in-view .pht:nth-child(1){
	background-position:0 0;
	left:0;top:128px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(2){
	left:128px;top:128px;
}
.in-view .pht:nth-child(2){
	left:175px;top:128px;transition:all 0.6s ease-in-out 0.05s;
}
.pht_group .pht:nth-child(3){
	background-position:-350px 0;
	left:250px;top:128px;
}
.in-view .pht:nth-child(3){
	background-position:-350px 0;
	left:350px;top:128px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(4){
	background-position:-525px 0;
	left:505px;top:188px;
}
.in-view .pht:nth-child(4){
	background-position:-525px 0;
	left:525px;top:128px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(5){
	background-position:-700px 0;
	left:800px;top:168px;
}
.in-view .pht:nth-child(5){
	background-position:-700px 0;
	left:700px;top:128px;transition:all 0.6s ease-in-out 0.3s;
}
.pht_group .pht:nth-child(6){
	background-position:-875px 0;
	left:805px;top:118px;
}
.in-view .pht:nth-child(6){
	background-position:-875px 0;
	left:875px;top:128px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(7){
	background-position:-1050px 0;
	left:850px;top:168px;
}
.in-view .pht:nth-child(7){
	background-position:-1050px 0;
	left:1050px;top:128px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(8){
	background-position:-1225px 0;
	left:1025px;top:168px;
}
.in-view .pht:nth-child(8){
	background-position:-1225px 0;
	left:1225px;top:128px;transition:all 0.6s ease-in-out 0.2s;
}

.pht_group .pht:nth-child(9){
	background-position:0 -175px;
	left:300px;top:303px;
}
.in-view .pht:nth-child(9){
	background-position:0 -175px;
	left:0;top:303px;transition:all 0.6s ease-in-out 0.2s;
}
.pht_group .pht:nth-child(10){
	background-position:-175px -175px;
	left:300px;top:303px;
}
.in-view .pht:nth-child(10){
	background-position:-175px -175px;
	left:175px;top:303px;transition:all 0.6s ease-in-out 0.2s;
}
.pht_group .pht:nth-child(11){
	background-position:-1050px -175px;
	left:950px;top:303px;
}
.in-view .pht:nth-child(11){
	background-position:-1050px -175px;
	left:1050px;top:303px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(12){
	background-position:-1225px -175px;
	left:925px;top:303px;
}
.in-view .pht:nth-child(12){
	background-position:-1225px -175px;
	left:1225px;top:303px;transition:all 0.6s ease-in-out 0.2s;
}


.pht_group .pht:nth-child(13){
	background-position:0 -350px;
	left:100px;top:478px;
}
.in-view .pht:nth-child(13){
	background-position:0 -350px;
	left:0;top:478px;transition:all 0.6s ease-in-out 0.2s;
}
.pht_group .pht:nth-child(14){
	background-position:-175px -350px;
	left:275px;top:378px;
}
.in-view .pht:nth-child(14){
	background-position:-175px -350px;
	left:175px;top:478px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(15){
	background-position:-350px -350px;
	left:350px;top:378px;
}
.in-view .pht:nth-child(15){
	background-position:-350px -350px;
	left:350px;top:478px;transition:all 0.6s ease-in-out 0.3s;
}
.pht_group .pht:nth-child(16){
	background-position:-525px -350px;
	left:525px;top:378px;
}
.in-view .pht:nth-child(16){
	background-position:-525px -350px;
	left:525px;top:478px;transition:all 0.6s ease-in-out 0.2s;
}
.pht_group .pht:nth-child(17){
	background-position:-700px -350px;
	left:700px;top:378px;
}
.in-view .pht:nth-child(17){
	background-position:-700px -350px;
	left:700px;top:478px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(18){
	background-position:-875px -350px;
	left:875px;top:378px;
}
.in-view .pht:nth-child(18){
	background-position:-875px -350px;
	left:875px;top:478px;transition:all 0.6s ease-in-out 0.4s;
}
.pht_group .pht:nth-child(19){
	background-position:-1050px -350px;
	left:950px;top:378px;
}
.in-view .pht:nth-child(19){
	background-position:-1050px -350px;
	left:1050px;top:478px;transition:all 0.6s ease-in-out 0.1s;
}
.pht_group .pht:nth-child(20){
	background-position:-1225px -350px;
	left:1125px;top:478px;
}
.in-view .pht:nth-child(20){
	background-position:-1225px -350px;
	left:1225px;top:478px;transition:all 0.6s ease-in-out 0.2s;
}



.fade-in{opacity:0;transition:all 1.6s;}
.in-view .fade-in{opacity:1;transition:all 1.6s;}
.slide-left{transform:translateX(60px);opacity:0;}
.in-view .slide-left{transform:translateX(0px);opacity:1;}
.in-view .slide-left:nth-child(1){transition:all 1s;}
.in-view .slide-left:nth-child(2){transition:all 1s 0.2s;}
.in-view .slide-left:nth-child(3){transition:all 1s 0.6s;}
.slide-left2{opacity:0;transform:rotateY(180deg);}
.in-view .slide-left2{opacity:1;}
.in-view .slide-left2:nth-child(1){transform:rotateY(0);transition:all 1s 0.4s;}
.in-view .slide-left2:nth-child(2){transform:translateX(0);transition:all 1s 0.5s;}
.in-view .slide-left2:nth-child(3){transform:translateX(0);transition:all 1s 0.6s;}

.main_area4 .txtarea a.slide-left3{transform:translateX(60px);opacity:0;}
.main_area4 .in-view .txtarea a.slide-left3{transform:translateX(0px);opacity:1;transition:all 1s 0.7s;}


.main_area6 .slide-left4{
	transform:translateX(50px);opacity:0;
}
.main_area6 .in-view .slide-left4{transform:translateX(0);opacity:1;transition:all 1s;}
.main_area6 .slide-right{
	transform:translateX(-40px);opacity:0;
}
.main_area6 .in-view .slide-right{transform:translateX(-0);opacity:1;transition:all 1s;}


#footer{background:#1e1e1e;margin-top:00px;}
/* quick */
.quick{
	position:absolute;right:10px;top:10px;z-index:1000;
}